.ant-modal-root .fade-enter.fade-enter-active,
.ant-modal-root .fade-appear.fade-appear-active {
  animation-name: ngdialog-fadein;
}
.ant-modal-root .fade-leave.fade-leave-active {
  animation-name: ngdialog-fadeout;
  pointer-events: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  animation-duration: .5s;
  z-index: 1000;
}
.alpha-gpt-dialog.ant-modal-wrap {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  overflow: auto;
  z-index: 1000;
}
.alpha-gpt-dialog .ant-modal {
  position: relative;
  animation-duration: .5s;
  max-width: 100%;
  margin: auto;
  border-radius: 10px;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #444;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
}
.alpha-gpt-dialog .ant-modal-content {
  padding: 24px 48px;
}
.alpha-gpt-dialog .ant-modal-close {
  position: absolute;
  right: 10px;
  top: 14px;
  border: none;
  outline: none;
  background-color: transparent;
}
.alpha-gpt-dialog .ant-modal-close .ant-modal-close-x .anticon {
  display: none;
}
.alpha-gpt-dialog .ant-modal-close .ant-modal-close-x::after {
  background: 0 0;
  border-radius: 3px;
  color: #bbb;
  font-size: 26px;
  height: 30px;
  line-height: 26px;
  width: 30px;
  border-radius: 5px;
  cursor: pointer;
  content: '\EA19';
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #cdc9c5;
}
.alpha-gpt-dialog .ant-modal-header {
  position: relative;
  text-align: center;
}
.alpha-gpt-dialog .ant-modal-header::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 8px);
  height: 1px;
  background-color: #EBEBEB;
}
.alpha-gpt-dialog .ant-modal-header .ant-modal-title {
  position: relative;
  display: inline-block;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 1px;
  background-color: #fff;
  z-index: 1;
}
.alpha-gpt-dialog .ant-modal-body {
  padding-block: 20px;
}
.alpha-gpt-dialog .ant-modal-footer {
  text-align: center;
}
.alpha-gpt-dialog .ant-modal-footer .ant-btn {
  border: none;
  display: inline-block;
  min-width: 110px;
  box-sizing: border-box;
  height: 36px;
  line-height: 34px;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  padding-inline: 8px;
  color: #606266;
  background: #fff;
  border: 1px solid #DCDFE6;
}
.alpha-gpt-dialog .ant-modal-footer .ant-btn:hover:not(:disabled) {
  color: #FA8919;
  border-color: #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}
.alpha-gpt-dialog .ant-modal-footer .ant-btn-primary {
  color: #FFFFFF;
  background: #FA8919;
}
.alpha-gpt-dialog .ant-modal-footer .ant-btn-primary:hover:not(:disabled) {
  color: #FFFFFF;
  background-color: #FA9A2A;
}
.alpha-gpt-dialog .ant-modal-footer .ant-btn + .ant-btn {
  margin-left: 10px;
}
.alpha-gpt-dialog .zoom-enter.zoom-enter-active,
.alpha-gpt-dialog .zoom-appear.zoom-appear-active {
  animation-name: ngdialog-flyin;
}
.alpha-gpt-dialog .zoom-leave.zoom-leave-active {
  animation-name: ngdialog-flyout;
  pointer-events: none;
}

.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);
  }
}

html {
  font-size: 16px;
}
body {
  margin: 0;
  padding: 0;
  background: #f8f8f8;
  min-width: 1250px;
  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: #f8f8f8;
}
#mainbody.no-login .guide-popover,
#mainbody.no-login .guide-modal {
  display: none!important;
}
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: 1000px;
  background: #FFF;
  min-height: 900px;
  position: relative;
  z-index: 10;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.alphav2-wrap-second {
  margin: 0 auto;
  background: #fcfdfe;
  position: relative;
  z-index: 1;
  display: none;
  width: 970px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  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: 10005 !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,
.uk-notify .alert-fail {
  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;
  }
}
.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: #fa8919;
}
.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: #ed6c00;
}
.i-pagination li.noHover {
  cursor: not-allowed;
  background: #fff;
}
.i-pagination li.noHover a {
  cursor: not-allowed;
  color: #737373;
}
.i-pagination .paginationActive {
  background: #fa8919;
  border-radius: 15px;
}
.i-pagination .paginationActive a {
  color: #fff;
  display: inline-block;
  min-width: 10px;
}
.i-pagination .paginationActive:hover {
  background: #fa8919;
  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;
}
.ns-popover-tooltip-option input {
  color: #444;
}
.i-dialog {
  padding: 30px 30px 32px;
}
.i-dialog__header {
  position: relative;
  text-align: center;
}
.i-dialog__header::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 8px);
  height: 1px;
  background-color: #EBEBEB;
}
.i-dialog__header-text {
  position: relative;
  top: 3px;
  display: inline-block;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  background-color: #fff;
  z-index: 1;
}
.i-dialog__close {
  position: absolute;
  top: -20px;
  right: 0px;
  cursor: pointer;
}
.i-dialog__close::before {
  content: "\EA19";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: #cdc9c5;
  font-size: 18px;
}
.i-dialog__back {
  position: absolute;
  top: 20px;
  left: 0px;
  cursor: pointer;
}
.i-dialog__back::before {
  content: "\EA16";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color: #cdc9c5;
  font-size: 18px;
}
.i-dialog__container {
  padding: 24px 18px 24px;
}
.i-dialog__footer {
  text-align: center;
}
.ngdialog.ngdialog-theme-default {
  display: flex;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
  margin: auto !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  content: '\EA19' !important;
  display: inline-block;
  font-family: "icon-bass" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 18px !important;
  color: #c3c6c8 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:hover::before {
  color: #909399 !important;
}
.i-tooltips {
  padding: 16px 20px !important;
  background-color: #3D3D3D;
  border-radius: 8px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3);
  z-index: 100001;
}
.i-tooltips.top .tooltip-arrow {
  border-top-color: #3D3D3D;
}
.i-tooltips.bottom .tooltip-arrow {
  border-bottom-color: #3D3D3D;
}
.i-tooltips p {
  font-size: 12px;
  word-break: break-all;
  color: #FFFFFF;
  line-height: 24px;
}
.pd-tooltip {
  padding: 8px 16px !important;
}
.uk-toast {
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100010;
}
.uk-toast-message {
  padding: 14px 26px 14px 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 15px;
  color: #1B1C21;
  line-height: 20px;
  box-shadow: 0px 4px 16px 0px rgba(26, 40, 114, 0.08), 0px 3px 6px -10px rgba(26, 40, 114, 0.2);
  border-radius: 8px;
  border: 1px solid transparent;
}
.uk-toast-message .content .img-icon {
  margin-right: 8px;
}
.uk-toast .alert-success {
  border-color: #70C23A;
  background: #F1F9EB;
}
.uk-toast .alert-success .img-icon {
  color: #70C23A;
}
.uk-toast .alert-warn {
  border-color: #FF7200;
  background: #FFF0E5;
}
.uk-toast .alert-warn .img-icon {
  color: #FF7200;
}
.uk-toast .alert-danger {
  border-color: #FF4F4A;
  background: #FFEDEC;
}
.uk-toast .alert-danger .img-icon {
  color: #FF4F4A;
}

.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.disabled {
  color: #aaa;
  cursor: not-allowed;
}
.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;
  color: #C3C3C3;
}
.ns-popover-tooltip-option .ns-popover-items .ns-popover-item:hover {
  color: #fff;
  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;
}


body.thirdStyle_hlj .login-header,
body.thirdStyle_hlj .alpha-icon,
body.thirdStyle_hlj .alpha-title,
body.thirdStyle_hlj .call-ours,
body.thirdStyle_hlj .exloginfirstguide,
body.thirdStyle_hlj .i-activity-wrapper,
body.thirdStyle_hlj .gpt-logo-wrapper,
body.thirdStyle_hlj .login-hint-fixed-container,
body.thirdStyle_hlj .function-previewp-button-apply,
body.thirdStyle_hlj .fp-go-introd-video,
body.thirdStyle_hlj .fun-introduce-fixed-container,
body.thirdStyle_hlj .go-login-info,
body.thirdStyle_hlj .go-login-button-apply-button,
body.thirdStyle_hlj .go-login-look-video-button,
body.thirdStyle_hlj .contract-review-gpt-feedback-award-card-container-full-position,
body.thirdStyle_hlj .contract-review-gpt-feedback-award-card-container,
body.thirdStyle_hlj .alpha-gpt-header,
body.thirdStyle_hlj .laws-info-bottom,
body.thirdStyle_hlj .need-hide-title {
  display: none !important;
}
body.thirdStyle_hlj .thirdStyle_visible_hidden_tool {
  visibility: hidden !important;
}
body.thirdStyle_hlj .common-gpt-header .left-wrapper .menu-wrapper.onlyOne::after {
  display: none;
}
body.thirdStyle_hlj .caseDetail-head .elect .download:nth-child(2):last-child {
  display: none;
}
body.thirdStyle_hlj .disclaimer-wrap a {
  display: none;
}
body.thirdStyle_hlj .wxloginbackContent .welcome {
  display: none;
}
body.thirdStyle_hlj .wechat-login-box {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.thirdStyle_hlj .firmname-part,
body.thirdStyle_hlj .alpha-logo,
body.thirdStyle_hlj .user-msg,
body.thirdStyle_hlj .welcome {
  visibility: hidden;
}
body.thirdStyle_hlj .site-footer .copyright,
body.thirdStyle_hlj .site-footer .img {
  visibility: hidden;
}
body.thirdStyle_hlj #my-alpha-gpt-user-avatar-box .userInfoBox .need-hide-title,
body.thirdStyle_hlj #my-alpha-gpt-user-avatar-box .userInfoBox .footer {
  display: none;
}
body.thirdStyle_yangqi .captcha-login {
  display: inline !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:not(.disabled),
.datetimepicker tbody span.year:not(.disabled) {
  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 i-update-tooltip .update-tooltip-container .tt-des {
  color: #666;
}
.header-nav-wrap .v3-header-nav i-update-tooltip .update-tooltip-container .tt-triangle {
  position: relative;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  border-top-color: transparent;
  top: -82px;
}
.header-nav-wrap .v3-header-nav i-update-tooltip .update-tooltip-container .tt-triangle::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #ffffff;
  border-top-color: transparent;
  border-top-width: 0;
  border-bottom-width: 11px;
  top: -11px;
  margin-left: -10px;
}
.header-nav-wrap .v3-header-nav .nav-container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.header-nav-wrap .v3-header-nav .firmname-part {
  margin-top: 20px;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.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 {
  display: flex;
  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 .production-wrapper {
  display: flex;
}
.header-nav-wrap .v3-header-nav .way-part .chat-icon {
  display: flex;
  min-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 .way-part .alpha-plus-entrance-wrapper {
  cursor: pointer;
  position: relative;
  padding-left: 16px;
  margin-right: -8px;
  margin-left: 16px;
  display: flex;
  padding-top: 16px;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper::before {
  content: "";
  position: absolute;
  background-color: #d8d8d8;
  width: 2px;
  height: 12px;
  top: 24px;
  left: 0;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper:hover .alpha-plus-entrance {
  display: none;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper:hover .alpha-plus-entrance-hover {
  display: inline-block;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper:hover .alpha-ai-entrance {
  display: none;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper:hover .alpha-ai-entrance-hover {
  display: inline-block;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper .alpha-plus-entrance {
  width: 104px;
  height: 28px;
  display: inline-block;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper .alpha-plus-entrance-hover {
  width: 104px;
  height: 28px;
  display: none;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper .alpha-ai-entrance {
  width: 121px;
  height: 30px;
  display: inline-block;
  margin-top: -2px;
}
.header-nav-wrap .v3-header-nav .way-part .alpha-plus-entrance-wrapper .alpha-ai-entrance-hover {
  width: 121px;
  height: 30px;
  display: none;
  margin-top: -2px;
}
.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);
  }
}
.more-product-wrapper.ns-popover-tooltip-theme.ns-popover-bottom-placement {
  width: 100%;
  left: 0 !important;
}
.more-product-wrapper.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle-wrapper {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.more-product-wrapper.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle-wrapper .triangle {
  position: absolute;
  left: calc(var(--left) * 1px + 71px) !important;
  top: 7px;
  border: none;
  width: 20px;
  height: 6px;
  background-image: url('common/images/more-product/triangle.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateX(-10px);
}
.more-product-wrapper.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle-wrapper .triangle::after {
  content: unset;
}
.more-product {
  padding: 24px;
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  border-radius: 0;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  background-color: #ffffff;
  position: relative;
  z-index: 1000;
}
.more-product__container {
  width: max-content;
  max-width: 1140px;
  margin: 0 auto;
}
.more-product__header {
  margin-bottom: 10px;
}
.more-product__header,
.more-product__body {
  display: flex;
  max-height: 434px;
  overflow: auto;
}
.more-product__body {
  --width: 1140;
  width: calc(var(--width) * 1px);
}
.more-product__col {
  position: relative;
  width: 220px;
  border-radius: 6px;
  box-sizing: border-box;
}
.more-product__col > .title {
  display: flex;
  padding: 0 6px 0 16px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  font-size: 14px;
  font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
  font-weight: bold;
  color: #333333;
  background: linear-gradient(180deg, #f8f9fa 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 6px;
}
.more-product__col .item {
  position: relative;
  width: 220px;
  height: 64px;
  box-sizing: border-box;
  padding: 12px 9px 12px 11px;
  align-items: center;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}
.more-product__col .item .info {
  display: flex;
  align-items: center;
}
.more-product__col .item .mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f8f9fa 42%, #f8f9fa 100%);
  opacity: 0;
  transition: 0.15s ease-in;
}
.more-product__col .item .mask .i-btn {
  position: absolute;
  width: 72px;
  right: 56px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
}
.more-product__col .item .mask .production {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FEF3E8;
  border: 1px solid #FA8919;
  font-size: 14px;
  color: #FA8919;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  user-select: none;
}
.more-product__col .item .mask .production:hover {
  color: #FA9A2A;
  border-color: #FA9A2A;
}
.more-product__col .item:hover {
  background: #F8F9FA;
}
.more-product__col .item:hover .mask {
  opacity: 1;
}
.more-product__col .item:not(:last-of-type) {
  margin-bottom: 10px;
}
.more-product__col .item .title {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  height: 20px;
  line-height: 20px;
}
.more-product__col .item .title span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.15s ease-in;
}
.more-product__col .item .title img {
  margin-left: 3px;
  width: 40px;
  height: 16px;
}
.more-product__col .item .icon {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.more-product__col .item .icon img {
  width: 32px;
  height: 32px;
}
.more-product__col .item .icon .is-new {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background: #F6535C;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.more-product__col .item .detail {
  flex: 1;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.more-product__col .item .detail .title img {
  width: 40px;
  height: 16px;
  margin-left: 2px;
}
.more-product__col .item .desc {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #757575;
  line-height: 16px;
}
.more-product__col .no-data {
  font-size: 12px;
  color: #666666;
  line-height: 38px;
  text-align: center;
  justify-content: center;
}
.more-product__col:not(:last-of-type) {
  margin-right: 10px;
}
.more-product-text {
  position: relative;
  height: 20px;
  padding: 0 16px;
  margin-left: 24px;
  margin-top: 20px;
  line-height: 1;
  cursor: pointer;
}
.more-product-text .text {
  display: inline-block;
  left: 0;
  user-select: none;
  width: 80px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.more-product-text .is-new {
  width: 24px;
  height: 12px;
  border-radius: unset;
  margin-left: 6px;
}
.more-product-text .text-deactive {
  display: inline-block;
}
.more-product-text .text-active {
  display: none;
}
.more-product-text:hover .text-deactive {
  display: none;
}
.more-product-text:hover .text-active {
  display: inline-block;
}
.more-product-text::before,
.more-product-text::after {
  content: "";
  position: absolute;
  background-color: #d8d8d8;
  width: 2px;
  height: 12px;
  top: 4px;
}
.more-product-text::before {
  left: 0;
}
.more-product-text::after {
  right: 0;
}
.production-tooltips {
  padding: 8px 12px !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: 6px;
  z-index: 100001;
}
.production-tooltips.top .tooltip-arrow {
  border-top-color: rgba(0, 0, 0, 0.6);
}
.production-tooltips.bottom .tooltip-arrow {
  border-bottom-color: rgba(0, 0, 0, 0.6);
}
.production-tooltips .tooltip-inner {
  font-size: 12px;
  word-break: break-all;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1;
}

.i-btn {
  border: none;
  display: inline-block;
  min-width: 90px;
  box-sizing: border-box;
  height: 32px;
  line-height: 30px;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  padding-inline: 8px;
}
.i-btn--medium {
  height: 36px;
  line-height: 34px;
}
.i-btn--small {
  height: 32px;
  line-height: 30px;
}
.i-btn--mini {
  font-size: 12px;
  height: 28px;
  line-height: 26px;
}
.i-btn--normal {
  color: #FFFFFF;
  background: #FA8919;
}
.i-btn--normal:hover:not(.i-btn--disabled, :disabled) {
  background-color: #FA9A2A;
}
.i-btn--cancel {
  color: #4A4A4A;
  background: rgba(248, 248, 249, 0.9);
}
.i-btn--cancel:hover:not(.i-btn--disabled, :disabled),
.i-btn--cancel--active {
  background-color: #f8f8f9;
}
.i-btn--plain {
  color: #606266;
  background: #fff;
  border: 1px solid #DCDFE6;
}
.i-btn--plain:hover:not(.i-btn--disabled, :disabled),
.i-btn--plain--active {
  color: #FA8919;
  border-color: #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}
.i-btn--plain-1 {
  color: #606266;
  background: #fff;
  border: 1px solid #DCDFE6;
}
.i-btn--plain-1:hover:not(.i-btn--disabled, :disabled),
.i-btn--plain-1--active {
  color: #FA8919;
  border-color: #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}
.i-btn--disabled,
.i-btn:disabled {
  color: #FFFFFF;
  background: #D5D5D5;
  cursor: not-allowed;
}
.i-btn--text,
.i-btn--icontext {
  width: max-content;
  min-width: fit-content;
  font-weight: 400;
  color: #fa8919;
  background-color: transparent;
  padding: 0;
}
.i-btn--text:disabled,
.i-btn--icontext:disabled {
  color: #A9A9A9;
  background-color: transparent;
}
.i-btn--text:hover:not(.i-btn--disabled, :disabled),
.i-btn--icontext:hover:not(.i-btn--disabled, :disabled),
.i-btn--text--active,
.i-btn--icontext--active {
  color: #FA9A2A;
}
.i-btn--icontext i[class*=ibass],
.i-btn--icontext i[class*=iconfont] {
  margin-right: 4px;
}
.i-btns .i-btn + .i-btn {
  margin-left: 10px;
}

.i-checkbox {
  display: inline-block;
  cursor: pointer;
  user-select: none;
  margin-right: 8px;
}
.i-checkbox i {
  vertical-align: middle;
  color: #c9cdc5;
  margin-right: 4px;
  font-size: 16px;
}
.i-checkbox i.ibass-checked {
  color: #FA8919;
}
.i-checkbox:hover i {
  color: #FA8919;
}

.i-date-picker .finance-timer-select .time-range-container {
  min-width: 120px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  box-sizing: border-box;
}
.i-date-picker .finance-timer-select .time-range-container .time-range {
  width: 100%;
}
.i-date-picker .finance-timer-select .time-range-container .time-range-text-select {
  height: inherit;
  line-height: 32px;
  text-align: left;
  color: #B5B5B5;
  white-space: nowrap;
  text-indent: 8px;
}
.i-date-picker .finance-timer-select .time-range-has-close:after {
  content: "\EA03";
  top: 0;
  right: 8px;
  color: #D2D3D6;
  transition: all 0.3s ease-in;
}
.i-date-picker .time-range.open .time-range-has-close:after {
  transform: rotate(-180deg);
}
.i-date-picker .finance-timer-select.finance-timer-select-show {
  border: none;
  background-color: transparent;
  padding-left: 0;
  font-size: 14px !important;
}
.i-date-picker .finance-timer-select.finance-timer-select-show .time-range-start-stop {
  height: inherit;
  line-height: 32px;
  color: #333;
  white-space: nowrap;
}

.i-date {
  position: relative;
}
.i-date input {
  position: relative;
  min-width: 120px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  outline: none;
  appearance: none;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  padding-left: 8px;
  box-sizing: border-box;
  font-size: 14px;
}
.i-date input::placeholder {
  color: #B5B5B5;
}
.i-date input:focus {
  border-color: #fa8919;
}
.i-date--disabled input {
  color: #B5B5B5 !important;
  cursor: not-allowed !important;
}
.i-date:hover .ibass-add-round {
  display: inline-block;
  cursor: pointer;
}
.i-date .ibass-wrap {
  position: absolute;
  font-size: 12px;
  right: 8px;
  color: #D2D3D6;
  line-height: 32px;
}
.i-date .ibass-wrap.bottom {
  pointer-events: none;
}
.i-date:has(.ibass-wrap--clearable.ibass-wrap--value):hover .suffix {
  display: none;
}
.i-date .ibass-add-round {
  position: absolute;
  display: none;
  transform: rotate(45deg);
  font-size: 12px;
  color: #D2D3D6;
  right: 0px;
  line-height: 32px;
}

.i-drawer__container {
  position: fixed;
  width: 600px;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translate3d(100%, 0, 1px);
  transition: transform 0.3s ease-in;
  background-color: #fff;
  z-index: 10100;
  overflow: auto;
  padding: 24px 22px;
  box-sizing: border-box;
}
.i-drawer__header {
  position: relative;
  height: 28px;
  line-height: 28px;
  margin-bottom: 20px;
}
.i-drawer__header-title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
}
.i-drawer__header-close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 20px;
  color: #CDC8C5;
  cursor: pointer;
}
.i-drawer__matter-info {
  margin-bottom: 32px;
}
.i-drawer__title {
  line-height: 28px;
  font-size: 14px;
  color: #4a4a4a;
}
.i-drawer__title .text {
  position: relative;
  display: inline-block;
}
.i-drawer__title .text::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background-color: #F8891A;
}
.i-drawer__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
}

.i-dropdown__menu {
  display: none;
}
.i-dropdown--open .ibass-arrow-down,
.i-dropdown--open .ibass-trig-down {
  display: inline-block;
  transform: rotate(180deg);
}
.i-dropdown--close .ibass-arrow-up,
.i-dropdown--close .ibass-trig-up {
  display: inline-block;
  transform: rotate(180deg);
}
.i-dropdown--disabled .i-dropdown__trigger :is(i, span) {
  cursor: not-allowed !important;
}
.i-dropdown-menu__item {
  position: relative;
}
.i-dropdown-menu__item--disabled .i-dropdown-menu__item-inner {
  pointer-events: none;
  color: #999 !important;
}
.i-dropdown-menu__item--disabled::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: not-allowed !important;
}

.i-input-text {
  position: relative;
}
.i-input-text input {
  min-width: 120px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  outline: none;
  padding-left: 8px;
  padding-right: 22px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  color: #333333;
}
.i-input-text input::placeholder {
  color: #B5B5B5;
}
.i-input-text input::-webkit-outer-spin-button,
.i-input-text input::-webkit-inner-spin-button {
  appearance: none !important;
}
.i-input-text input[type='number'] {
  appearance: textfield;
}
.i-input-text input:focus,
.i-input-text input:hover {
  border-color: #fa8919;
}
.i-input-text--disabled input {
  color: #B5B5B5 !important;
  cursor: not-allowed !important;
}
.i-input-text--prefixed input {
  padding-left: 36px;
}
.i-input-text--rounded input {
  border-radius: 20px;
}
.i-input-text:not(.i-input-text--disabled):hover .clear {
  display: block;
}
.i-input-text .prefix-icon {
  position: absolute;
  font-size: 14px;
  color: #D2D3D6;
  left: 14px;
  top: 50%;
  transform: translateY(-45%);
}
.i-input-text .clear {
  display: none;
  cursor: pointer;
  position: absolute;
  font-size: 12px;
  right: 7px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  color: #D2D3D6;
}
.i-input-text .clear:hover {
  color: #ED6C00;
}

.i-message {
  padding: 32px 48px;
}
.i-message__header {
  position: relative;
}
.i-message__header::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #EBEBEB;
}
.i-message__title {
  position: relative;
  left: 50%;
  width: max-content;
  padding: 8px 20px;
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  background-color: #fff;
  z-index: 5;
}
.i-message__content {
  margin: 19px 0 32px;
  color: #4A4A4A;
  font-size: 14px;
  font-weight: 350;
}
.i-message__item {
  padding-left: 14px;
  position: relative;
}
.i-message__item::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 4.5px;
  top: 7.5px;
  border-radius: 50%;
  background-color: #A9A9A9;
}
.i-message__footer {
  text-align: center;
}
.i-message__footer .i-message__btns {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.i-message__footer .i-message__btns .i-btn {
  width: 106px;
  font-size: 12px;
}
.i-message__footer .i-message__btns .i-btn + .i-btn {
  margin-left: 10px;
}
.i-message__footer .i-message__btns .i-btn--cancel {
  font-weight: 400;
  background: #f8f8f9;
}
.i-message-dialog .ngdialog-close:hover::before {
  color: #FA8919 !important;
}

.i-pagination {
  display: flex;
  justify-content: center;
  height: 30px;
}
.i-pagination .i-pagination {
  margin: 0 auto;
}
.i-pagination .show-page {
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  height: 26px;
  transform: translateY(-2px);
}
.i-pagination .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}

.i-radio {
  display: inline-block;
  cursor: pointer;
  user-select: none;
}
.i-radio__label {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.i-radio__icon {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.i-radio__icon.ibass-task-check {
  color: #EBEBEB;
}
.i-radio__icon.ibass-done {
  color: #FA8919;
}
.i-radio:hover .i-radio__icon {
  color: #FA8919;
}
.i-radio:not(:last-of-type) {
  margin-right: 10px;
}
.i-radio--disabled {
  cursor: not-allowed;
}
.i-radio--disabled .i-radio__label,
.i-radio--disabled .i-radio__icon {
  color: #999;
}
.i-radio--disabled:hover .i-radio__icon {
  border-color: #ebebeb;
}

.i-range {
  display: flex;
  width: 100%;
}
.i-range input {
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  box-sizing: border-box;
  font-size: 14px;
}
.i-range input.has-unit {
  padding-right: 32px;
}
.i-range input::placeholder {
  color: #B5B5B5;
}
.i-range input::-webkit-outer-spin-button,
.i-range input::-webkit-inner-spin-button {
  appearance: none !important;
}
.i-range input[type='number'] {
  appearance: textfield;
}
.i-range__separator {
  margin: 0 5px;
  font-size: 12px;
  color: #666666;
  line-height: 32px;
}
.i-range__begin,
.i-range__end {
  position: relative;
  flex: 1;
}
.i-range__begin .unit,
.i-range__end .unit {
  position: absolute;
  font-size: 14px;
  color: #333;
  right: 8px;
  line-height: 32px;
}

.i-scrollbar {
  position: relative;
}
.i-scrollbar__content-wrapper {
  overflow: auto;
  height: 100%;
}
.i-scrollbar__content-wrapper::-webkit-scrollbar {
  display: none;
}
.i-scrollbar.auto-hidden .track {
  background-color: transparent;
}
.i-scrollbar.auto-hidden .hidden.thumb {
  opacity: 0;
}
.i-scrollbar .track {
  background-color: #f9f9f9;
}
.i-scrollbar .track:hover .thumb,
.i-scrollbar .track .draging.thumb {
  opacity: 1;
}
.i-scrollbar .thumb {
  background-color: #c0c0c0;
  cursor: pointer;
  transition: scale 0.15s ease-in, opacity 0.15s ease-in;
  border-radius: 999vw;
  opacity: 1;
}
.i-scrollbar .thumb:hover,
.i-scrollbar .thumb.draging {
  background-color: #7c7c7c;
}
.i-scrollbar__track {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.i-scrollbar__track-x {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.i-scrollbar__thumb {
  width: 100%;
}
.i-scrollbar__thumb:hover,
.i-scrollbar__thumb.draging {
  scale: 1.2 1;
  transform-origin: right;
}
.i-scrollbar__thumb-x {
  height: 100%;
}
.i-scrollbar__thumb-x:hover,
.i-scrollbar__thumb-x.draging {
  scale: 1 1.2;
  transform-origin: bottom;
}

.i-select .placeholder {
  color: #B5B5B5;
}
.i-select .ibass-wrap {
  display: inline-block;
  position: absolute;
  font-size: 12px;
  right: 8px;
  top: 0;
}
.i-select .ibass-wrap .ibass-arrow-down {
  display: block;
  transition: all 0.3s ease-in;
  color: #999;
}
.i-select .ibass-wrap .ibass-add-round {
  display: none;
  transform: rotate(45deg);
  font-size: 12px;
  color: #D2D3D6;
}
.i-select .ibass-wrap .ibass-arrow-down.open {
  transform: rotate(-180deg);
}
.i-select .ibass-wrap.clearable:hover .ibass-add-round {
  display: block;
}
.i-select .ibass-wrap.clearable:hover .ibass-arrow-down {
  display: none;
}
.i-select__drop-down {
  min-width: 120px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  padding-left: 8px;
  box-sizing: border-box;
  font-size: 14px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-select__drop-down .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.i-select__tags {
  max-height: 110px;
  margin: 3px 0 5px;
  overflow-y: auto;
}
.i-select__tag {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.i-select__tag .name {
  max-width: 70px;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-select__tag i {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  font-weight: 600;
}
.i-select__options {
  display: none;
}
.i-select--disabled .i-select__drop-down {
  color: #B5B5B5 !important;
  cursor: not-allowed !important;
}
.i-select--disabled .ibass-wrap {
  display: none;
}
.i-select-popover {
  width: 180px;
  margin: 0 !important;
}
.i-select-popover-z-index {
  z-index: 10001 !important;
}
.i-select-popover__list {
  max-height: 180px;
  overflow-y: auto;
}
.i-select-popover__item {
  display: flex;
  height: 30px;
  padding: 0 16px;
  color: #4A4A4A;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
}
.i-select-popover__item span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-select-popover__item i {
  flex-shrink: 0;
  color: #FA8919;
}
.i-select-popover__item--disabled {
  cursor: not-allowed;
  opacity: .5;
}
.i-select-popover__item:hover {
  background: #F8F8F9;
}
.i-select-popover__add {
  padding: 0 10px 10px;
}
.i-select-popover__add .add__btns {
  margin-top: 8px;
  text-align: right;
}
.i-select-popover__add .i-btn {
  height: 28px;
  line-height: 28px;
  width: 50px;
}
.i-select-popover .no-data {
  color: #B5B5B5;
  padding: 8px 0px;
  text-align: center;
}

.i-dropdown {
  display: inline-block;
}
.i-dropdown__trigger {
  width: max-content;
  font-size: 14px;
  color: #737373;
  cursor: pointer;
}
.i-dropdown__trigger i {
  position: relative;
  top: 1px;
  margin-left: 4px;
  font-size: 12px;
}
.i-dropdown__menu {
  display: none;
}
.i-dropdown-popover .no-data {
  margin: 8px 0;
  text-align: center;
}
.i-dropdown-popover {
  min-width: 180px;
  width: 100%;
}
.i-dropdown-popover__item {
  display: flex;
  justify-content: space-between;
}
.i-dropdown-popover__item .ibass-done {
  color: #fa8919;
}

.i-switch {
  position: relative;
  display: inline-block;
  width: max-content;
}
.i-switch__check {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  appearance: none;
  margin: 0;
  z-index: 10;
  border: none;
  outline: none;
  cursor: pointer;
}
.i-switch__check:checked + .i-switch__ball {
  background-color: #fa9819;
}
.i-switch__check:checked + .i-switch__ball::after {
  transform: translate(21px, 1px);
}
.i-switch__ball {
  display: inline-block;
  position: relative;
  top: -1px;
  margin: 0;
  width: 40px;
  height: 20px;
  border: 1px solid #dcdfe6;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #dcdfe6;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.i-switch__ball + .i-switch__slot:not(:empty) {
  margin-left: 8px;
}
.i-switch__ball::after {
  content: "";
  display: block;
  transform: translate(1px, 1px);
  border-radius: 100%;
  transition: all .3s;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.i-switch--disabled input,
.i-switch--disabled .i-switch__ball {
  cursor: not-allowed;
}
.i-switch--light {
  --width: 20px;
  --height: 2px;
  --size: 12px;
}
.i-switch--light .i-switch__check:checked + .i-switch__ball::after {
  transform: translateX(calc(var(--width) - var(--size))) translateY(calc((var(--size) - var(--height) / 2) / -2));
  background-color: #fa9819;
  border-color: #fa9819;
}
.i-switch--light .i-switch__ball {
  width: var(--width);
  height: var(--height);
  border: none;
}
.i-switch--light .i-switch__ball::after {
  transform: translateX(0) translateY(calc((var(--size) - var(--height) / 2) / -2));
  width: var(--size);
  height: var(--size);
  background-color: #fff;
  border: 2px solid #d6d6d6;
}

.i-table {
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  overflow: hidden;
}
.i-table .table-filter-icon {
  position: relative;
  top: 1px;
  font-size: 13px;
}
.i-table .table-filter-icon:hover {
  color: #fa8919 !important;
}
.i-table .ibass-checked,
.i-table .ibass-partial-select {
  cursor: pointer;
  color: #fa8919;
}
.i-table .ibass-checkbox {
  cursor: pointer;
  color: #CEC9C4;
}
.i-table__columns {
  display: none;
}
.i-table__header .sortable,
.i-table__footer .sortable {
  cursor: pointer;
  user-select: none;
}
.i-table__header .sortable .sort,
.i-table__footer .sortable .sort {
  position: relative;
  color: #999;
}
.i-table__header .sortable .sort.active,
.i-table__footer .sortable .sort.active {
  color: #4a4a4a;
}
.i-table__header .sortable .sort i,
.i-table__footer .sortable .sort i {
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.i-table__header .filter .ibass-filter,
.i-table__footer .filter .ibass-filter {
  position: relative;
  top: 1px;
  color: #999;
  cursor: pointer;
  margin-left: 4px;
}
.i-table__header th,
.i-table__footer th {
  text-align: left;
  color: #666666;
  background: #F7F8F9;
}
.i-table__header th .ibass-checkbox,
.i-table__footer th .ibass-checkbox,
.i-table__header th .ibass-checked,
.i-table__footer th .ibass-checked,
.i-table__header th .ibass-partial-select,
.i-table__footer th .ibass-partial-select {
  font-size: 14px;
}
.i-table__header th .table-label,
.i-table__footer th .table-label {
  display: inline-block;
}
.i-table__header-wrapper,
.i-table__body-wrapper,
.i-table__footer-wrapper {
  position: relative;
}
.i-table__header-wrapper table,
.i-table__body-wrapper table,
.i-table__footer-wrapper table {
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.i-table__header-wrapper table td,
.i-table__body-wrapper table td,
.i-table__footer-wrapper table td,
.i-table__header-wrapper table th,
.i-table__body-wrapper table th,
.i-table__footer-wrapper table th {
  padding: 0 16px;
  height: 40px;
  font-size: 12px;
  box-sizing: border-box;
}
.i-table__header-wrapper table tr th,
.i-table__body-wrapper table tr:not(:last-of-type) td {
  border-bottom: 1px solid #ebebeb;
}
.i-table__footer-wrapper table tr td {
  border-top: 1px solid #ebebeb;
}
.i-table__header-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
}
.i-table__body-wrapper,
.i-table__footer-wrapper {
  overflow-x: auto;
}
.i-table__body tbody {
  counter-reset: index-counter;
}
.i-table__body tbody tr {
  counter-increment: index-counter;
}
.i-table__body tbody tr .index::before {
  content: counter(index-counter);
}
.i-table__body,
.i-table__footer {
  min-width: 100%;
}
.i-table__body tr:hover td,
.i-table__footer tr:hover td {
  background-color: #F7F8F9 !important;
}
.i-table__body td,
.i-table__footer td {
  color: #333;
  background-color: #fff;
}
.i-table__body td .ibass-checkbox,
.i-table__footer td .ibass-checkbox,
.i-table__body td .ibass-checked,
.i-table__footer td .ibass-checked {
  font-size: 14px;
}
.i-table__body-fixed,
.i-table__footer-fixed {
  position: absolute;
  top: 0;
  background-color: #fff;
}
.i-table__body-fixed--left,
.i-table__footer-fixed--left {
  left: 0;
}
.i-table__body-fixed--right,
.i-table__footer-fixed--right {
  right: 0;
}
.i-table__body-mask,
.i-table__footer-mask {
  position: absolute;
  background-color: transparent;
  inset: 0;
}
.i-table__tr td > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.i-table__tr td > div:empty:not(.index)::before {
  content: "- -";
}
.i-table__tr--disabled {
  cursor: not-allowed;
}
.i-table__tr--disabled td {
  color: #999999;
}
.i-table__tr--disabled .ibass-checkbox,
.i-table__tr--disabled .ibass-checked {
  cursor: not-allowed;
}
.i-table__tr--disabled .ibass-checkbox {
  display: inline-block;
  background: #EBEBEE;
  border-radius: 2px;
  border: 1px solid #C3C6C8;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.i-table__tr--disabled .ibass-checkbox::before {
  content: none;
}
.i-table--wrap .i-table__tr td > div:not(.selection) {
  white-space: pre-wrap !important;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.i-table--wrap .i-table__body-wrapper table td {
  min-height: 40px;
  padding: 8px 16px;
}
.i-table.i-table--overflow-y:not(.hidden-scroll) .i-table__header-wrapper,
.i-table.i-table--overflow-y:not(.hidden-scroll) .i-table__footer-wrapper {
  overflow-y: scroll;
}
.i-table--row-click .i-table__body-wrapper table tr {
  cursor: pointer;
}
.i-table--border .i-table__header th {
  border-right: 1px solid #ebebeb;
}
.i-table--border .i-table__header th:last-child {
  border-right: none;
}
.i-table--border .i-table__body td {
  border-right: 1px solid #ebebeb;
}
.i-table--border .i-table__body tr:hover td {
  background-color: #fff !important;
}
.i-table--border .i-table__body tr td:last-child {
  border-right: none;
}
.i-table--border .i-table__body tr:last-child td {
  border-bottom: none;
}
.i-table--fixed .i-table__body,
.i-table--fixed .i-table__footer,
.i-table--fixed .i-table__header-wrapper table,
.i-table--fixed .i-table__body-wrapper table,
.i-table--fixed .i-table__footer-wrapper table {
  width: max-content;
}
.i-table__fixed-td {
  padding: 1px;
  border: 1px solid black;
  background-color: #fff;
}
.i-table__fixed-td--right,
.i-table__fixed-td--left {
  position: sticky;
  z-index: 100;
}
.i-table__fixed-td--right {
  right: 0;
}
.i-table__fixed-td--left {
  left: 0;
}
.i-table .show-right-shadow th.i-table__fixed-td--right {
  background: #F7F8F9;
}
.i-table .show-right-shadow .i-table__fixed-td--right {
  background-color: #fff;
}
.i-table .show-right-shadow .i-table__fixed-td--right > div::before {
  content: '';
  position: absolute;
  left: 0px;
  box-shadow: -6px 0 6px 0px rgba(0, 0, 0, 0.03);
  top: 0;
  width: 10px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  touch-action: none;
  pointer-events: none;
}
.i-table .show-left-shadow th.i-table__fixed-td--left {
  background: #F7F8F9;
}
.i-table .show-left-shadow .i-table__fixed-td--left {
  background-color: #fff;
}
.i-table .show-left-shadow .i-table__fixed-td--left > div::before {
  content: '';
  position: absolute;
  right: 0px;
  box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.03);
  top: 0;
  width: 10px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  touch-action: none;
  pointer-events: none;
}
.i-table .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  font-size: 14px;
  color: #999;
  background-color: #fff;
}
.i-table .no-data img {
  width: 90px;
  height: auto;
  margin-bottom: 12px;
}
.i-table__filters-tpl {
  margin: 6px 0 !important;
  width: max-content;
  min-width: 120px;
  max-width: 300px !important;
  background: #FFFFFF;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.04) !important;
  border-radius: 6px !important;
  border: none !important;
  overflow: hidden;
}
.i-table__filters-tpl .filters .i-radio__icon {
  font-size: 15px;
}
.i-table__filters-tpl .filters .i-radio-group,
.i-table__filters-tpl .filters .i-checkbox-group {
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.i-table__filters-tpl .filters .i-radio:not(:last-of-type),
.i-table__filters-tpl .filters .i-checkbox {
  margin-right: 0;
}
.i-table__filters-tpl .filters .i-radio,
.i-table__filters-tpl .filters .i-checkbox {
  display: flex;
  align-items: center;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.i-table__filters-tpl .filters .i-radio .ibass-checkbox,
.i-table__filters-tpl .filters .i-checkbox .ibass-checkbox {
  position: relative;
  top: 1px;
}
.i-table__filters-tpl .filters .i-radio:hover,
.i-table__filters-tpl .filters .i-checkbox:hover {
  background: #F7F8F9;
  border-radius: 4px;
}
.i-table__filters-tpl footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  padding-left: 16px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.i-table__filters-tpl footer .i-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.i-table__filters-tpl footer .btn-mini-filter {
  box-sizing: border-box;
  width: 48px !important;
  margin-left: 0px !important;
  min-width: unset !important;
  border-radius: 4px !important;
}
.i-table__filters-tpl footer .i-btn--text {
  color: #ed6c00;
}
.i-table__filters-tpl footer .i-btn--text:hover {
  color: #fa8919;
}
.i-table__filters-tpl footer .reset {
  color: #999;
}
.i-table__filters-tpl.ns-popover-tooltip-theme {
  z-index: 10000 !important;
}
.table-row-popover-filter {
  z-index: 10000 !important;
}
.hidden-scroll::-webkit-scrollbar {
  display: none;
}

.i-tabs-pane {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.i-tabs-pane__tab {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #737373;
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
  padding: 0 20px;
  cursor: pointer;
}
.i-tabs-pane__tab:nth-last-child(2)::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 50px;
  line-height: 50px;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
}
.i-tabs-pane__tab--active {
  color: #ed6c00;
  font-weight: 400;
}
.i-tabs-pane__line {
  position: absolute;
  left: 0;
  top: 47px;
  height: 2px;
  width: var(--active-width);
  background-color: #ff8800;
  transform: translateX(var(--offset-left)) translateY(var(--offset-top));
  transition: all 0.3s ease-in;
}

.i-textarea {
  position: relative;
}
.i-textarea textarea {
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 5px;
  padding: 5px;
  width: 100%;
  resize: none;
  min-height: 50px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  outline: none;
  appearance: none;
  padding-left: 8px;
  color: #333333;
}
.i-textarea textarea::placeholder {
  color: #B5B5B5;
}
.i-textarea__maxlength {
  position: absolute;
  right: 6px;
  bottom: 10px;
  font-size: 12px;
  color: #B5B5B5;
  background-color: #fff;
  line-height: 1;
}
.i-textarea__maxlength .is-max {
  color: #fa8919;
}
.i-textarea--disabled textarea {
  color: #B5B5B5 !important;
  cursor: not-allowed !important;
}

.i-table-tooltip {
  max-width: 500px;
  word-break: break-all;
  z-index: 100001;
  padding: 10px 12px !important;
  line-height: 18px;
  text-align: left;
}

.i-tree-select__tags {
  max-height: 130px;
  margin: 3px 0 5px;
  overflow-y: auto;
}
.i-tree-select__tag {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #F2F2F2;
  height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
  line-height: 24px;
}
.i-tree-select__tag .name {
  max-width: 70px;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-tree-select__tag i {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  font-weight: 600;
}
.i-tree-select__tag i:hover {
  color: #FA8919;
}
.i-tree-select__drop-down {
  overflow: hidden;
}
.i-tree-select__drop-down .add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: max-content;
  padding-inline: 10px;
  height: 24px;
  color: #333;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}
.i-tree-select__drop-down .add i {
  color: #a9a9a9;
  font-size: 12px;
  margin-right: 4px;
}
.i-tree-select__drop-down .all {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-width: 120px;
  height: 32px;
  padding-left: 8px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  color: #333;
  line-height: 30px;
  font-size: 14px;
  cursor: pointer;
}
.i-tree-select__drop-down .all .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding-right: 20px;
  box-sizing: border-box;
}
.i-tree-select__drop-down .all .placeholder {
  color: #B5B5B5;
}
.i-tree-select__drop-down .all .ibass-wrap {
  position: absolute;
  transition: all 0.3s ease-in;
  font-size: 12px;
  color: #D2D3D6;
  right: 8px;
}
.i-tree-select__drop-down .all .ibass-arrow-down.open {
  transform: rotate(-180deg);
}
.i-tree-select .ibass-wrap {
  display: inline-block;
  position: absolute;
  font-size: 12px;
  right: 8px;
}
.i-tree-select .ibass-wrap .ibass-arrow-down {
  display: block;
  transition: all 0.3s ease-in;
  color: #999;
}
.i-tree-select .ibass-wrap .ibass-add-round {
  display: none;
  transform: rotate(45deg);
  font-size: 12px;
  color: #999;
}
.i-tree-select .ibass-wrap .ibass-arrow-down.open {
  transform: rotate(-180deg);
}
.i-tree-select:hover .clearable .ibass-add-round {
  display: block;
}
.i-tree-select:hover .clearable .ibass-arrow-down {
  display: none;
}
.i-tree-select--disabled .i-form-item__field-inner {
  color: #B5B5B5 !important;
  cursor: not-allowed !important;
}
.i-tree-select--disabled .i-form-item__field-inner .ibass-wrap {
  display: none;
}
.i-tree-select--collapse .all {
  min-width: 0;
  display: flex;
  padding-right: 32px;
  align-items: center;
}
.i-tree-select--collapse .i-tree-select__tag {
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.i-tree-select--collapse .i-tree-select__tag--more {
  margin-right: 0;
  flex-shrink: 0;
}
.i-tree-select-popover {
  z-index: 10000 !important;
}
.i-tree-select-popover {
  margin: 0 !important;
}
.i-tree-select-popover__list {
  margin: 15px 0px 10px 0px !important;
  padding: 0px !important;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 250px;
}
.i-tree-select-popover__item .header {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
}
.i-tree-select-popover__item .header.is-disabled {
  cursor: not-allowed;
}
.i-tree-select-popover__item .header.is-disabled .title {
  opacity: .5;
}
.i-tree-select-popover__item .header .icon {
  margin-right: 5px;
  color: #cdc9c5;
}
.i-tree-select-popover__item .header .icon:hover {
  color: #fa8919;
}
.i-tree-select-popover__item .header .title {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.i-tree-select-popover__item .header .check-box {
  color: #cdc9c5;
}
.i-tree-select-popover__item .header .check-box.ibass-checkmark {
  color: #fa8919;
}
.i-tree-select-popover__item .header:hover .ibass-dot,
.i-tree-select-popover__item .header .ibass-checked {
  color: #fa8919;
}
.i-tree-select-popover__item .children {
  margin: 0 !important;
}
.i-tree-select-popover__nodata,
.i-tree-select-popover__loading {
  color: #B5B5B5;
  padding: 8px 0px;
  display: flex;
  justify-content: center;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
.i-tree-select-popover__loading {
  position: relative;
}
.i-tree-select-popover__loading::after {
  position: absolute;
  content: "";
  top: -4px;
  left: 60%;
  animation: dot 2s infinite steps(3, start);
}
@keyframes dot {
  33.33% {
    content: ".";
  }
  66.67% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

.i-tree-table {
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  overflow: hidden;
}
.i-tree-table__columns {
  display: none;
}
.i-tree-table__header {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  background-color: #F7F8F9;
}
.i-tree-table__row-wrapper {
  position: relative;
  line-height: 40px;
}
.i-tree-table__icon {
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  transition: transform 0.15s ease-in;
  transform: scale(0.9);
  color: #CEC9C4;
  left: calc(20px + var(--level) * 24px);
}
.i-tree-table__icon--open {
  transform: rotate(90deg) scale(0.9);
}
.i-tree-table__row {
  display: grid;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #EBEBEB;
  grid-template-columns: var(--columns-width);
}
.i-tree-table__row:hover .i-tree-table__td {
  background-color: #F7F8F9 !important;
}
.i-tree-table__row--active {
  background-color: #F7F8F9;
}
.i-tree-table__td:first-of-type {
  text-indent: calc(14px + var(--level) * 24px);
  box-sizing: border-box;
}
.i-tree-table__th {
  height: 40px;
  line-height: 40px;
}
.i-tree-table__td {
  padding-right: 10px;
}
.i-tree-table__td:first-child {
  padding-left: 15px;
}
.i-tree-table__th,
.i-tree-table__td {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  flex: 1;
}
.i-tree-table__th:first-child,
.i-tree-table__td:first-child {
  padding-left: 24px;
}
.i-tree-table .animate-wrapper.ng-enter {
  height: 0;
}
.i-tree-table .animate-wrapper.ng-enter-active {
  height: calc(var(--rows) * 38px);
}
.i-tree-table .animate-wrapper.ng-leave {
  height: calc(var(--rows) * 38px);
}
.i-tree-table .animate-wrapper.ng-leave-active {
  height: 0;
}
.i-tree-table .animate-wrapper.ng-enter,
.i-tree-table .animate-wrapper.ng-leave {
  transition: all 0.3s ease-in;
  overflow: hidden;
}
.i-tree-table .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  font-size: 14px;
  color: #ddd6d9;
  background-color: #fff;
}
.i-tree-table .no-data img {
  width: 90px;
  height: auto;
  margin-bottom: 12px;
}

.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 {
  content: '\EA52';
  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;
}
.loading-text {
  margin-top: 8px;
  color: #fa8919;
  font-size: 13px;
}

.add-group-dialog-wrapper .ngdialog-content {
  width: max-content !important;
  border: none !important;
  overflow: hidden;
}
.add-group-dialog .dialog {
  background: linear-gradient(180deg, #ffdfb4 0%, #ffffff 40%, #ffffff 100%);
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
  padding: 34px 48px;
}
.add-group-dialog .dialog__header {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 400;
  color: #4E2400;
  line-height: 22px;
  text-align: center;
  margin-bottom: 24px;
}
.add-group-dialog .dialog__container .desc {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #422406;
  line-height: 24px;
  margin-bottom: 20px;
}
.add-group-dialog .dialog__container .icons {
  display: flex;
  justify-content: center;
  gap: 35px;
  margin-bottom: 26px;
}
.add-group-dialog .dialog__container .icons .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.add-group-dialog .dialog__container .icons .icon img {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}
.add-group-dialog .dialog__container .icons .icon__title {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7B654F;
  line-height: 17px;
}
.add-group-dialog .dialog__container .qrcode {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
}
.add-group-dialog .dialog__container .sub {
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  margin-bottom: 24px;
}
.add-group-dialog .dialog__container .tips {
  padding: 14px 16px;
  background: #FAFBFC;
  border-radius: 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-bottom: 32px;
}
.add-group-dialog .dialog__footer {
  text-align: center;
}
.add-group-dialog .dialog__footer .i-btn {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
}
.add-group-dialog .dialog__footer .i-btn + .i-btn {
  margin-left: 16px;
}
.add-group-dialog .i-dialog {
  position: relative;
  padding: 32px 48px;
}
.add-group-dialog .i-dialog__close {
  top: 24px;
  right: 24px;
}
.add-group-dialog .i-dialog__container {
  padding: 32px 0 0;
}
.add-group-dialog .i-dialog .qrcode {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
}
.add-group-dialog .i-dialog .sub {
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  margin-bottom: 32px;
}
.add-group-dialog .i-dialog .i-btn {
  width: 110px;
}

.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;
}

.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 {
  display: flex;
  justify-content: space-between;
  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 .ns-popover-tooltip .appro-flow-items .urgeBtn {
  flex-shrink: 0;
  margin-top: 5px;
  float: right;
  width: 40px;
  height: 20px;
  background-color: red;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  background-color: #ffffff;
  border: solid 1px #cec7c0;
}
.approve-flow .approve-content .approve-node .approve-approver-info .ns-popover-tooltip .appro-flow-items .urgeBtn:hover {
  background-color: #fa8919;
  color: #fff;
  border-color: #fa8919;
}
.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;
}

.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;
}

.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%);
}

.company-search .triangle {
  z-index: 10;
}
.company-search .ns-popover-tooltip {
  width: 400px;
}
.company-search .ns-popover-tooltip .btn-wrapper {
  padding-block: 8px;
  text-align: center;
}
.company-search .ns-popover-tooltip .btn-wrapper .i-btn {
  width: 120px;
}
.company-search .ns-popover-tooltip .ns-popover-items {
  min-height: 180px;
  position: relative;
}
.company-search .ns-popover-tooltip .ns-popover-items .company.ns-popover-item {
  height: auto;
  line-height: 28px;
}
.company-search .ns-popover-tooltip .ns-popover-items .company__name {
  color: #444444;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.company-search .ns-popover-tooltip .ns-popover-items .company__info {
  display: flex;
  justify-content: space-between;
  color: #a9a9a9;
  font-size: 12px;
}
.company-search .ns-popover-tooltip .ns-popover-items .no-data {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 12px;
  color: #999;
  text-align: center;
}
.company-search .ns-popover-tooltip .ns-popover-items .no-data img {
  width: 80px;
  aspect-ratio: 1.56;
  margin-bottom: 8px;
}
.company-search .ns-popover-tooltip .cg-busy .loading {
  padding: 50px;
}

.date-range-picker-wrapper .triangle {
  z-index: 5;
}
.date-range-picker {
  width: 646px;
  max-width: unset !important;
  background-color: #fff;
  transform: translateX(20px);
}
.date-range-picker__time-header {
  padding: 10px 20px;
  border-bottom: 1px solid #E5E7ED;
}
.date-range-picker__time-header input {
  width: 137px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #E5E7ED;
  appearance: none;
  outline: none;
  text-indent: 14px;
}
.date-range-picker__time-header input:hover,
.date-range-picker__time-header input:focus {
  border-color: #F5891D;
}
.date-range-picker__time-header input.date-range-picker__time-picker {
  margin-right: 10px;
}
.date-range-picker__time-header i.ibass-arrow-right {
  margin: 0 8px;
}
.date-range-picker__content {
  display: flex;
}
.date-range-picker__date-panel {
  flex: 1;
}
.date-range-picker__date-panel:first-child {
  border-right: 1px solid #E5E7ED;
}
.date-range-picker__date-panel .datetimepicker {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 16px;
}
.date-range-picker__date-panel .datetimepicker tfoot .today,
.date-range-picker__date-panel .datetimepicker tfoot .clear,
.date-range-picker__date-panel .datetimepicker tbody span.month,
.date-range-picker__date-panel .datetimepicker tbody span.year {
  color: #333 !important;
}
.date-range-picker__date-panel .datetimepicker thead tr:first-child th:hover,
.date-range-picker__date-panel .datetimepicker tfoot tr:last-child th:hover {
  background-color: #fff !important;
}
.date-range-picker__date-panel .datetimepicker tbody td.day:hover,
.date-range-picker__date-panel .datetimepicker tbody span.month:hover,
.date-range-picker__date-panel .datetimepicker tbody span.year:hover {
  background-color: #F5891D !important;
  color: #fff;
}
.date-range-picker__date-panel .datetimepicker tbody td.range {
  background: rgba(246, 138, 29, 0.1) !important;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years {
  height: 305px;
  box-sizing: border-box;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days table,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months table,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years table {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days thead tr:first-of-type,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months thead tr:first-of-type,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years thead tr:first-of-type {
  height: 35px !important;
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: 16px;
  font-weight: 500;
  color: #606266;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days thead tr:first-of-type .prev,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months thead tr:first-of-type .prev,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years thead tr:first-of-type .prev,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days thead tr:first-of-type .next,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months thead tr:first-of-type .next,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years thead tr:first-of-type .next {
  font-size: 12px;
  color: #999999;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days thead tr:last-of-type,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months thead tr:last-of-type,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years thead tr:last-of-type {
  height: 30px;
  border-bottom: 1px solid #E5E7ED;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days thead tr:last-of-type .dow,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months thead tr:last-of-type .dow,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years thead tr:last-of-type .dow {
  color: #606266;
  border-bottom: none;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody td,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody td,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody td {
  width: 32px !important;
  height: 40px;
  box-sizing: border-box;
  font-size: 13px;
  color: #212121;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody td.old,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody td.old,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody td.old,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody td.new,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody td.new,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody td.new {
  color: #C0C4CC;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .day.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .day.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .day.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .month.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .month.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .month.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .year.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .year.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .year.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .day:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .day:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .day:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .month:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .month:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .month:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .year:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .year:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .year:hover {
  color: #fff !important;
  text-shadow: unset;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .day.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .day.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .day.active,
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tbody .day:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tbody .day:hover,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tbody .day:hover {
  border-radius: 50%;
}
.date-range-picker__date-panel .datetimepicker .datetimepicker-days tfoot .operation .today,
.date-range-picker__date-panel .datetimepicker .datetimepicker-months tfoot .operation .today,
.date-range-picker__date-panel .datetimepicker .datetimepicker-years tfoot .operation .today {
  display: none !important;
}
.date-range-picker__footer {
  display: flex;
  border-top: 1px solid #E5E7ED;
  justify-content: center;
  padding: 10px 0;
}
.date-range-picker__footer .i-btn {
  width: 72px;
  margin-right: 10px;
}

.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;
}

.drop-down-lists-page {
  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-page .ddl-list {
  position: relative;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #4a4a4a;
  padding-right: 28px;
  padding-left: 8px;
}
.drop-down-lists-page .ddl-list:hover {
  background: #f8f8f9;
}
.drop-down-lists-page .ddl-list center {
  text-align: center;
}
.drop-down-lists-page .ddl-list .ddl-list-name {
  padding-left: 8px;
  width: calc(100% - 26px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-down-lists-page .selected-by-index {
  background: #f8f8f9;
}
.drop-down-lists-page .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-page .ddl-search-input {
  outline: none;
  border: none;
  height: 100%;
  width: 100%;
}
.drop-down-lists-page .ddl-search-input::placeholder {
  color: #a9a9a9;
}
.drop-down-lists-page .ibass-search {
  color: #a9a9a9;
  position: absolute;
  font-size: 14px;
  right: 8px;
  height: 30px;
  line-height: 30px;
}
.drop-down-lists-page .ddl-list-avatar {
  margin-top: 3px;
  height: 26px;
  width: 26px;
  border-radius: 26px;
  overflow: hidden;
}
.drop-down-lists-page .ddl-list-avatar img {
  height: 100%;
  width: 100%;
}
.drop-down-lists-page .ddl-list-selected {
  position: absolute;
  right: 8px;
  top: 0;
  height: 30px;
  width: 16px;
  text-align: center;
  color: #fc8919;
}
.drop-down-lists-page em {
  color: #fc8919;
  font-style: normal;
}
.drop-down-lists-page .ddl-list-rankName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
.drop-down-lists-page .ddl-list-rankType {
  color: #9b9b9b;
}

.guide-modal {
  padding: 27px 24px 24px;
}
.guide-modal__header {
  position: relative;
  text-align: center;
}
.guide-modal__header-title {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  height: 22px;
  line-height: 22px;
  background: #fff;
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 500;
  z-index: 5;
}
.guide-modal__header-close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
.guide-modal__header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 96%;
  background-color: #ebebeb;
  z-index: 4;
}
.guide-modal__content {
  margin: 20px 0 16px;
}
.guide-modal__content-img {
  display: block;
  width: 760px;
  height: 408px;
  user-select: none;
  pointer-events: none;
}
.guide-modal__footer {
  text-align: center;
  display: flex;
  justify-content: center;
}
.guide-modal__footer .guide-modal__has-prev {
  margin-right: 10px;
}
.guide-modal-close-confirm {
  padding: 24px !important;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3) !important;
  border-radius: 8px !important;
  background: #3D3D3D !important;
  border: none !important;
}

.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;
}
.guide-popoover-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 26px;
  background: #ff4e46;
  line-height: 14px;
  border-radius: 12px;
  box-sizing: border-box;
}
.guide-popoover-text span {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.8);
}
.guide-popoover-text:hover {
  color: #fff;
}
@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 .avatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle;
}
.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-ccc-header {
  display: none;
  box-sizing: border-box;
  padding: 20px 36px 10px 40px;
  width: 100%;
  justify-content: center;
}
.i-ccc-header.is-ccc-user {
  display: flex;
}
.i-ccc-header .i-ccc-header-content {
  display: flex;
  justify-content: space-between;
  width: 1300px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left {
  display: flex;
  align-items: center;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left.hide-logo .alpha-logo {
  display: none;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left.hide-logo .office-name {
  padding-left: 0;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left.hide-logo .user-name {
  padding-left: 0;
  border-left: none;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left.hide-logo .signature-text {
  padding-left: 0;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .alpha-logo {
  position: relative;
  top: -8px;
  padding-right: 16px;
  font-size: 0px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .alpha-logo .ibass-alpha {
  color: #ed6c00;
  display: inline-block;
  font-size: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .alpha-logo .logo-img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .office-name {
  padding-left: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  line-height: 20px;
  margin-bottom: 6px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .user-name {
  display: inline-flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  padding: 0px 0 0px 18px;
  border-left: 1px solid #dcdcdc;
  margin-bottom: 6px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .user-name .time-desc {
  color: #333333;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .user-name .user-name-text {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  color: #252525;
  font-weight: 500;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .signature-text {
  padding-left: 20px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-left .signature-text span {
  min-height: 34px;
  line-height: 17px;
  color: #878C95;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  max-width: 254px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right {
  display: flex;
  padding-top: 4px;
  align-items: flex-start;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container {
  display: flex;
  align-items: center;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label {
  display: inline-flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-left: 32px;
  cursor: pointer;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label:hover,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label.nav-label-open {
  color: #ED6C00;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label:hover .nav-label-icon,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label.nav-label-open .nav-label-icon {
  color: #ED6C00;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label .nav-label-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 10px;
  color: #333333;
  line-height: 10px;
  margin-left: 6px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .nav-container .nav-label .hot-icon {
  margin-left: 2px;
  width: 14px;
  height: 14px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .split-line {
  position: relative;
  top: 3px;
  width: 1px;
  height: 14px;
  background: #D8D8D8;
  margin: 0 22px 0 24px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-no-login,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-info {
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-no-login.user-info-team,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-info.user-info-team {
  margin-right: 32px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-no-login.user-info-setting-open .user-button,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-info.user-info-setting-open .user-button {
  color: #ED6C00;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-no-login .user-icon,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-info .user-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-no-login .user-button,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-info .user-button {
  cursor: pointer;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-no-login .user-button:hover,
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-info .user-button:hover {
  color: #ED6C00;
}
.i-ccc-header .i-ccc-header-content .i-ccc-header-content-right .user-login {
  display: inline-flex;
  align-items: center;
}
.ccc-header-nav-popover .ns-popover-tooltip {
  width: 120px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1) !important;
}
.ccc-header-nav-popover .ns-popover-tooltip .ns-popover-items {
  padding: 4px;
  max-height: unset !important;
  margin: 0;
}
.ccc-header-nav-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding: 0 12px;
  border-radius: 4px;
}
.ccc-header-nav-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item:hover {
  background: #F8F9FB;
}
.ccc-header-nav-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item.is-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ccc-refresh-token-dialog .ccc-refresh-token-dialog-content {
  border-radius: 4px;
  overflow: hidden;
}
.ccc-refresh-token-dialog .ccc-refresh-token-dialog-title {
  height: 70px;
  border-radius: 4px;
  line-height: 70px;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  color: #4a4a4a;
}
.ccc-refresh-token-dialog .ccc-refresh-token-dialog-title .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.ccc-refresh-token-dialog .ccc-refresh-token-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 34px;
  margin-left: 10%;
  z-index: 2;
}
.ccc-refresh-token-dialog .ccc-refresh-token-dialog-body {
  width: 100%;
  padding: 0 40px;
  color: #4a4a4a;
  font-size: 14px;
}
.ccc-refresh-token-dialog .btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.ccc-refresh-token-dialog .main-btn {
  margin: 0 7px 30px;
  color: #fff;
  background-color: #fa8919;
  border: 1px solid #fa8919;
}
.ccc-refresh-token-dialog .main-btn:active {
  transform: unset !important;
}
.ccc-refresh-token-dialog .main-btn:hover {
  background: #FA9A2A;
}
.ccc-refresh-token-dialog .main-btn.default-btn {
  font-weight: 500;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #fff;
}
.ccc-refresh-token-dialog .main-btn.default-btn:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.ccc-refresh-token-dialog .loading {
  padding: 62px 0;
}
.ccc-header-product-menu-popover-no-login {
  width: 1326px;
  transform: translateX(201px);
}
.ccc-header-product-menu-popover-login-wechat {
  width: 1326px;
  transform: translateX(223px);
}
.ccc-header-product-menu-popover-login-third {
  width: 1326px;
  transform: translateX(111px);
}
.ccc-header-product-menu-popover-alpha-ai {
  width: 1326px;
  transform: translateX(16px);
}
.product-menu-render-padding-container {
  padding: 10px 12px 0 12px;
}
.product-menu-render-padding-container .product-menu-render-container {
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 22px 12px 24px 12px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render {
  display: flex;
  column-gap: 45px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-header {
  display: flex;
  align-items: center;
  height: 22px;
  margin-bottom: 8px;
  padding-left: 12px;
  white-space: nowrap;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-header .product-menu-render-group-header-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-header .product-menu-render-group-header-label {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-header .product-menu-render-group-header-suffix-icon {
  width: 44px;
  margin-left: 4px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 44px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item {
  width: 100%;
  padding: 10px 12px;
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item.is-header-nav-no-permission-hide {
  min-width: 273px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item.is-disable {
  cursor: not-allowed;
  background: #fff !important;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item.is-disable .product-menu-render-group-content-item-label {
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.25);
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item.is-disable .product-menu-render-group-content-item-desc {
  color: rgba(0, 0, 0, 0.25);
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item:hover {
  background: #F6F7F9;
  border-radius: 6px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item:hover .product-menu-render-group-content-item-label {
  font-weight: 500;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item .product-menu-render-group-content-item-label {
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #171717;
  line-height: 20px;
  margin-bottom: 6px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item .product-menu-render-group-content-item-label .product-menu-render-group-content-item-new-icon,
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item .product-menu-render-group-content-item-label .product-menu-render-group-content-item-hot-icon {
  width: 32px;
  margin-left: 6px;
}
.product-menu-render-padding-container .product-menu-render-container .product-menu-render .product-menu-render-group-content .product-menu-render-group-content-item .product-menu-render-group-content-item-desc {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ccc-header-nav-desc-popover-tooltip {
  white-space: nowrap;
}

.i-dialog-message__iframe {
  width: 100%;
  box-sizing: border-box;
}
.post-message-dialog .ngdialog-content {
  overflow: hidden;
  border: none !important;
  height: auto !important;
}

.float-button-wrapper {
  position: fixed;
  right: 10px;
  bottom: 350px;
  z-index: 1000;
}
.float-button-wrapper .float-button {
  width: 50px;
  height: max-content;
  background: linear-gradient(180deg, #fff2ed 0%, #ffffff 100%);
  box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.08);
  border-radius: 38px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  position: relative;
}
.float-button-wrapper .float-button:hover .float-text {
  writing-mode: vertical-lr;
  text-orientation: upright;
  font-size: 15px;
  font-weight: 500;
  color: #FA8919;
  letter-spacing: 4px;
  line-height: 17px;
}
.float-button-wrapper .float-button .float-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
}
.float-button-wrapper .float-button .float-text {
  writing-mode: vertical-lr;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 4px;
  line-height: 17px;
  text-orientation: upright;
}
.float-button-wrapper .float-button .crm-push-close {
  background: #d9d9d9;
  border-radius: 9px;
  position: absolute;
  top: -15px;
  right: -5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.float-button-wrapper .float-button .crm-push-close.ibass-close {
  color: #fff;
  font-size: 12px;
}

.ngdialog.ngdialog-theme-default.crm-push-modal .ngdialog-content {
  background-color: #17001d;
  width: max-content;
  height: max-content;
  border: none !important;
}
.global-dialog-content {
  position: relative;
  width: 794px;
  height: 590px;
  background: url('common/images/crm-push-modal/box_bg.png') no-repeat center center;
  background-size: cover;
  background-color: #17001d;
  border-radius: 8px;
}
.global-dialog-content .dialog-header {
  position: relative;
  padding: 24px 24px 6px 26px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.global-dialog-content .dialog-header h3 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 500;
}
.global-dialog-content .dialog-header img {
  width: 22px;
  height: 22px;
  margin-right: 4px;
  margin-left: -3px;
}
.global-dialog-content .dialog-subtitle {
  position: relative;
  padding: 0 24px 7px 26px;
  color: rgba(255, 255, 255, 0.7);
}
.global-dialog-content .dialog-subtitle div,
.global-dialog-content .dialog-subtitle span {
  margin: 0;
  font-size: 13px;
  line-height: 22px;
  word-wrap: break-word;
}
.global-dialog-content .dialog-subtitle div.dialog-subtitle-btn,
.global-dialog-content .dialog-subtitle span.dialog-subtitle-btn {
  color: #FA8919;
  cursor: pointer;
}
.global-dialog-content .dialog-subtitle .show-customer-btn {
  width: 52px;
  height: 22px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #FA8919;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  text-decoration-line: underline;
  position: absolute;
  bottom: 8px;
  right: 25px;
  cursor: pointer;
}
.global-dialog-content .dialog-subtitle .show-customer-btn:hover {
  color: #FA9A2A;
}
.global-dialog-content .dialog-body {
  margin-top: 9px;
  padding: 16px 24px 24px;
  width: 794px;
  height: max-content;
  background: #FFFFFF;
  border-radius: 16px 16px 8px 8px;
}
.global-dialog-content .dialog-body .dialog-body-title {
  display: flex;
  margin-left: 2px;
  margin-bottom: 12px;
}
.global-dialog-content .dialog-body .dialog-body-title div {
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 14px;
  color: #171717;
  line-height: 18px;
  text-align: right;
  font-style: normal;
}
.global-dialog-content .dialog-body .dialog-body-title span {
  font-family: MiSans, MiSans;
  font-weight: bold;
  font-size: 15px;
  color: #ED6C00;
  line-height: 18px;
  text-align: right;
  font-style: normal;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}
.global-dialog-content .dialog-body .body-top {
  width: 746px;
  height: 230px;
  background: #FFFFFF;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.global-dialog-content .dialog-body .body-top .item-purchase {
  width: 260px;
  height: 230px;
  background: rgba(255, 243, 235, 0.2);
  border-radius: 14px;
  border: 1px solid #FFD5AB;
  position: relative;
}
.global-dialog-content .dialog-body .body-top .item-purchase:hover {
  background: #FFF3EB;
  border: 1px solid #FA8919;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-right-top {
  width: 66px;
  height: 24px;
  background: linear-gradient(270deg, #ff0000 0%, #ff7d00 100%);
  border-radius: 0px 14px 0px 14px;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  font-weight: 500;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 113px;
  height: 24px;
  margin: 24px auto 0;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-title .title-year {
  width: 36px;
  height: 21px;
  background: #ED6C00;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-title .title-name {
  width: 71px;
  height: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 15px;
  color: #111111;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-cost {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 114px;
  height: 30px;
  margin: 24px auto 0;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-cost .cost-icon {
  width: 24px;
  height: 30px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 24px;
  color: #111111;
  line-height: 33px;
  text-align: left;
  font-style: normal;
  position: relative;
  z-index: 1;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-cost .cost-money {
  width: 76px;
  height: 30px;
  font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
  font-weight: bold;
  font-size: 32px;
  color: #111111;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  position: relative;
  z-index: 1;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-cost .cost-bg {
  width: 114px;
  height: 13px;
  background: linear-gradient(90deg, #feece1 0%, #fac4a6 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-desc {
  width: 206px;
  height: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #6E2905;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  margin: 26px auto 0;
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-btn {
  width: 212px;
  height: 40px;
  border-radius: 100px;
  margin: 14px auto 0;
  text-align: center;
  line-height: 40px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  font-style: normal;
  background: linear-gradient(151deg, #3c3533 0%, #211a19 100%);
}
.global-dialog-content .dialog-body .body-top .item-purchase .item-purchase-btn .gradient-text {
  background-image: linear-gradient(90deg, #fff3eb 0%, #fac1a1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  cursor: pointer;
  letter-spacing: 2px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc {
  width: 194px;
  height: 230px;
  background: #F8F8FA;
  border-radius: 14px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .wechat-image-dialog .wechat-image-dialog-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 133px;
  margin: 24px auto 0;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .wechat-image-dialog .wechat-image-dialog-title img {
  width: 18px;
  height: 18px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .wechat-image-dialog .wechat-image-dialog-title .title-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  font-style: normal;
  margin-left: 4px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .wechat-image-dialog .wechat-image-sub-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  margin-top: 3px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .wechat-image-dialog .wechat-img {
  width: 124px;
  height: 124px;
  display: block;
  margin: 14px auto 0;
  border-radius: 5px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .desc-title {
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #111111;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  margin: 24px auto 0;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .desc-sub-title {
  height: 22px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #ED6C00;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  margin: 0 auto;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .desc-content {
  width: 166px;
  height: 136px;
  background: url('common/images/crm-push-modal/small_gpt.png') no-repeat center center;
  background-size: cover;
  margin: 12px auto 0;
  position: relative;
  cursor: pointer;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .desc-content .right-bottom-logo {
  width: 14px;
  height: 14px;
  background: url('common/images/crm-push-modal/view.png') no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.global-dialog-content .dialog-body .body-top .item-right-desc .desc-content:hover .right-bottom-logo {
  width: 14px;
  height: 14px;
  background: url('common/images/crm-push-modal/view_hover.png') no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.global-dialog-content .dialog-body .body-footer {
  width: 746px;
  height: 184px;
  background: #F8F8FA;
  border-radius: 16px;
  margin: 16px auto 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.global-dialog-content .dialog-body .body-footer .footer-left {
  width: 152px;
  height: 184px;
}
.global-dialog-content .dialog-body .body-footer .footer-center {
  width: 554px;
  height: 148px;
  margin-top: 4px;
  margin-left: 20px;
}
.global-dialog-content .dialog-body .body-footer .footer-center .center-title {
  width: 323px;
  height: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  color: #171717;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}
.global-dialog-content .dialog-body .body-footer .footer-center .center-subTitle {
  width: 267px;
  height: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #909399;
  line-height: 16px;
  text-align: left;
  font-style: normal;
  margin-top: 4px;
}
.global-dialog-content .dialog-body .body-footer .footer-center .center-content {
  width: 554px;
  height: 88px;
  margin-top: 16px;
  font-size: 12px;
  color: #4A4A4A;
  font-weight: 400;
}
.global-dialog-content .dialog-body .body-footer .footer-center .center-content ul {
  list-style: none;
  padding-left: 20px;
}
.global-dialog-content .dialog-body .body-footer .footer-center .center-content li {
  position: relative;
  color: #4A4A4A;
  font-size: 13px;
}
.global-dialog-content .dialog-body .body-footer .footer-center .center-content li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #C3C6C8;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: 7px;
}
.global-dialog-content .dialog-body .body-footer .footer-book-get {
  width: 140px;
  height: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #111111;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  position: absolute;
  top: 18px;
  right: 13px;
}
.ngdialog.ngdialog-theme-default {
  padding: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 520px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ngdialog.ngdialog-theme-default.ngdialog-wide .ngdialog-content {
  width: 720px;
}
.ngdialog.ngdialog-theme-default.gpt-image-dialog .gpt-image-dialog {
  width: max-content;
  height: max-content;
}
.ngdialog.ngdialog-theme-default.gpt-image-dialog .ngdialog-content {
  background-color: transparent;
  box-shadow: none;
  border: none !important;
  padding: 0;
  width: max-content;
}
.ngdialog.ngdialog-theme-default.gpt-image-dialog .ngdialog-content img {
  display: block;
  width: 856px;
  height: 506px;
  object-fit: contain;
}
.ngdialog.ngdialog-theme-default.wechat-image-dialog-content .ngdialog-content {
  width: 388px;
  height: 372px;
  background: #FFFFFF;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.ngdialog.ngdialog-theme-default.wechat-image-dialog-content .wechat-image-dialog-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 40px auto 0;
  position: relative;
  left: -5px;
}
.ngdialog.ngdialog-theme-default.wechat-image-dialog-content .wechat-image-dialog-title img {
  width: 19px;
  height: 18px;
}
.ngdialog.ngdialog-theme-default.wechat-image-dialog-content .wechat-image-dialog-title .title-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  font-style: normal;
  margin-left: 4px;
  text-align: center;
}
.ngdialog.ngdialog-theme-default.wechat-image-dialog-content .wechat-image-sub-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  margin-top: 10px;
}
.ngdialog.ngdialog-theme-default.wechat-image-dialog-content .wechat-img {
  width: 204px;
  height: 204px;
  display: block;
  margin: 24px auto 0;
  border-radius: 5px;
}

.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;
}

.expire-toaster-container {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #fa8919;
  color: #fff;
  opacity: .6;
  text-align: center;
  font-size: 12px;
}
.expire-toaster-container a {
  cursor: pointer;
  width: 80px;
  height: 17px;
  margin-left: 16px;
  padding: 0 10px;
  border-radius: 9px;
  border: 1px solid #ffffff;
  color: #fff;
}
.expire-toaster-container .ibass-close {
  float: right;
  font-size: 12px;
  margin-right: 20px;
  cursor: pointer;
  color: #fff;
}
.show-expire-dialog {
  position: relative;
}
.show-expire-dialog .expire-header {
  padding: 27px 40px 16px 24px;
  border-bottom: 1px solid #f2f2f2;
}
.show-expire-dialog .expire-header span {
  font-size: 16px;
  font-weight: 500;
  color: #242424;
}
.show-expire-dialog .expire-header .ibass-close {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.show-expire-dialog .expire-body .image {
  width: 100%;
}



.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;
}
.itag-popover__item {
  color: #4a4a4a;
}
.itag-popover__item--disabled {
  cursor: not-allowed !important;
  color: #999;
}

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;
}

.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-name .case-new-icon {
  margin-left: 5px;
  color: #fa8919;
  font-size: 12px;
  vertical-align: middle;
}
.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.case-new-icon {
  margin-left: 5px;
  color: #fa8919;
  font-size: 12px;
  vertical-align: text-bottom;
}
.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;
}

.loading-btn {
  background: #ebebee !important;
  border-color: #ebebee !important;
  color: #a9a9a9 !important;
  cursor: not-allowed !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 {
  display: flex;
  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-print: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;
}

.picker-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  user-select: none;
}
.picker-container .picker__list {
  max-height: 180px;
  overflow-x: auto;
  margin-right: -17px !important;
  scroll-behavior: smooth;
}
.picker-container .picker__list::before {
  content: "";
  display: block;
  height: 60px;
  width: 100%;
}
.picker-container .picker__list::after {
  content: "";
  display: block;
  height: 90px;
  width: 100%;
}
.picker-container .picker__item {
  position: relative;
  z-index: 10;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #959594;
}
.picker-container .picker__item--active {
  color: #fff;
}
.picker-container .picker__selected {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 30px;
  color: #FFFFFF;
  background-color: #282828;
}

.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 .search-opt-container {
  display: flex;
  justify-content: space-between;
  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 .search-opt-container .ns-popover-end-btn {
  height: 50px;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .search-opt-container .ns-popover-end-btn i {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}
.project-search-list-checkbox-module .project-search-list-module .ns-popover-project-search-list-checkbox .project-search-list-tooltip .search-opt-container .check-btn {
  padding-right: 6px;
}

.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;
}

.time-picker-container {
  display: inline-block;
}
.time-picker {
  width: 180px;
  background: #3D3D3D;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
.time-picker__wrapper {
  display: flex;
  width: 100%;
}
.time-picker__wrapper > picker {
  width: 33%;
}
.time-picker__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 18px;
  border-top: 1px solid #282828;
}
.time-picker__btns {
  cursor: pointer;
  font-size: 12px;
  color: #959594;
  margin-left: 18px;
}
.time-picker__btns--primary {
  color: #FA8919;
}

.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;
}

.gpt-btn.i-btn {
  border-radius: 6px;
  padding: 0 18px;
  font-weight: 500;
  font-size: 12px;
}
.gpt-btn.i-btn--icontext {
  color: #333333;
  padding: 0;
  font-size: 13px;
}
.gpt-btn.i-btn--icontext i[class*=ibass],
.gpt-btn.i-btn--icontext i[class*=iconfont] {
  margin-right: 2px;
  color: #ed6c00;
}
.gpt-btn.i-btn--icontext:hover {
  color: #ed6c00;
}
.gpt-btn.i-btn--icontext:is(.i-btn--disabled, .i-btn:disabled) {
  color: #C3C6C8;
}
.gpt-btn.i-btn--icontext:is(.i-btn--disabled, .i-btn:disabled) i[class*='ibass'],
.gpt-btn.i-btn--icontext:is(.i-btn--disabled, .i-btn:disabled) i[class*='iconfont'] {
  color: #C3C6C8;
}
.gpt-btn.i-btn--text {
  padding: 0;
  color: #ed6c00;
}
.gpt-btn.i-btn--text:hover {
  color: #FA8919;
}
.gpt-btn.i-btn--text:is(.i-btn--disabled, .i-btn:disabled) {
  color: #C3C6C8;
}
.gpt-btn.i-btn--normal:is(.i-btn--disabled, .i-btn:disabled) {
  border: 1px solid #FDC48C;
  color: #FFFFFF;
  background-color: #FDC48C;
}
.gpt-btn.i-btn--plain {
  border: 1px solid #FA8919;
  color: #ED6C00;
}
.gpt-btn.i-btn--plain:hover {
  background: rgba(250, 137, 25, 0.1);
}
.gpt-btn.i-btn--plain:is(.i-btn--disabled, .i-btn:disabled) {
  border-color: #DCDFE6;
  color: #C3C6C8;
  background-color: #F7F8F9;
}
.gpt-btn.i-btn--plain-1 {
  border: 1px solid #DCDFE6;
  color: #606266;
}
.gpt-btn.i-btn--plain-1:hover {
  border: 1px solid #DCDFE6;
  color: #606266;
  background: #F7F8F9;
}
.gpt-btn.i-btn--plain-1:is(.i-btn--disabled, .i-btn:disabled) {
  border-color: #DCDFE6;
  color: #C3C6C8;
  background-color: #F7F8F9;
}
.gpt-btns .i-btn + .i-btn {
  margin-left: 16px;
}

.ngdialog-theme-default.gpt-dialog .ngdialog-close {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 22px !important;
  top: 22px !important;
  width: 26px !important;
  height: 26px !important;
  background-color: transparent;
}
.ngdialog-theme-default.gpt-dialog .ngdialog-close::before {
  position: relative;
  line-height: 1;
  font-size: 18px;
  width: 18px !important;
  height: 18px !important;
  color: #666666 !important;
  background-color: transparent;
  top: unset;
  right: unset;
}
.ngdialog-theme-default.gpt-dialog .ngdialog-close:hover {
  background: #F7F8FA;
  border-radius: 4px;
}
.ngdialog-theme-default.gpt-dialog .ngdialog-content {
  padding: 24px !important;
}
.ngdialog-theme-default.gpt-dialog .gpt-dialog__header {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 24px;
}
.ngdialog-theme-default.gpt-dialog .gpt-dialog__footer {
  margin-top: 36px;
}
.ngdialog-theme-default.gpt-dialog .gpt-dialog__footer .gpt-btns,
.ngdialog-theme-default.gpt-dialog .gpt-dialog__footer.gpt-btns {
  text-align: right;
}

.gpt-dropdown-popover .triangle {
  display: none !important;
}
.gpt-dropdown-popover.ns-popover-tooltip-theme-black .ns-popover-tooltip {
  margin: 6px;
  border: none !important;
}
.gpt-dropdown-popover.ns-popover-tooltip-theme-black .ns-popover-tooltip .ns-popover-items.i-dropdown__popover {
  background: #FFFFFF;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  padding: 4px;
  margin: 0;
}
.gpt-dropdown-popover.ns-popover-tooltip-theme-black .ns-popover-tooltip .ns-popover-items.i-dropdown__popover .i-dropdown-menu__item {
  height: 32px;
  border-radius: 4px;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 32px;
  padding: 0 8px;
}
.gpt-dropdown-popover.ns-popover-tooltip-theme-black .ns-popover-tooltip .ns-popover-items.i-dropdown__popover .i-dropdown-menu__item:not(:last-child) {
  margin-bottom: 4px;
}
.gpt-dropdown-popover.ns-popover-tooltip-theme-black .ns-popover-tooltip .ns-popover-items.i-dropdown__popover .i-dropdown-menu__item:hover {
  background: #F7F8F9;
}

.gpt-form .i-form-item__label {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #98A3B7;
  line-height: 20px;
}
.gpt-form .i-form-item__label:has(.require-icon) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.gpt-form .i-form-item__label:has(.require-icon) .require-icon {
  margin-left: 4px;
  margin-right: 0;
  color: #FF4F4A;
}
.gpt-form .i-form-item--error .i-form-item__field-inner {
  background: transparent;
  border: 1px solid #FF4F4A;
}
.gpt-form .i-form-item__error {
  color: #FF4F4A;
}
.gpt-input .i-input-text input {
  border: 1px solid #DCDFE6;
}

.gpt-table .i-table {
  border: none;
}
.gpt-table .i-table__header-wrapper table tr th {
  border-bottom: none;
  height: 48px;
  background: #f7f8fa;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
}
.gpt-table .i-table__header-wrapper table tr th .ibass-checkbox {
  color: #666;
}
.gpt-table .i-table__body-wrapper table tr:not(:last-of-type) td {
  border: none;
}
.gpt-table .i-table__body-wrapper table td {
  height: 56px;
  box-shadow: inset 0px -1px 0px 0px #ebebee;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.gpt-table .i-table__body-wrapper table td .selection .ibass-checkbox {
  color: #666;
}
.gpt-table .i-table__tr.i-table__tr--disabled .selection .ibass-checkbox {
  color: #ebebee;
}
.gpt-table .i-table__tr.i-table__tr--disabled td {
  color: #999;
}
.gpt-table .i-table .gpt-btns {
  display: flex;
  align-items: center;
}
.gpt-table .i-table .gpt-btns .line {
  width: 1px;
  height: 12px;
  background: #ebebeb;
  margin: 0 16px;
}

.i-form-item {
  position: relative;
  padding-bottom: 20px;
}
.i-form-item__content {
  display: flex;
  align-items: center;
}
.i-form-item__label .require-icon {
  font-size: 12px;
  color: #F6535C;
  margin-right: 4px;
}
.i-form-item__field {
  flex: 1;
}
.i-form-item__field-inner {
  transition: all 0.3s ease-in;
}
.i-form-item--error .i-form-item__field-inner {
  background: #FFF5F6;
  border: 1px solid #FAAFB8;
}
.i-form-item__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.i-form-item__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.i-form-item__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.i-form-item__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.i-form-item__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.i-form-item__error-wrapper.ng-enter,
.i-form-item__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.i-form-item__error {
  display: inline-block;
  font-size: 12px;
  color: #F6535C;
}
.i-form-item + .form-item {
  margin-top: 4px;
}
.i-form-item:has([class*='--disabled']) .i-form-item__label .require-icon {
  display: none;
}

.i-form-item-light {
  position: relative;
  padding-top: 20px;
  height: 32px;
  z-index: 2;
  background: transparent;
  font-size: 14px;
  color: #a9a9a9;
  outline: none;
  transition: all .3s;
  box-shadow: inset 0px -1px 0px 0px #f0f0f0;
  box-sizing: content-box !important;
}
.i-form-item-light__label {
  position: absolute;
  font-size: 12px;
  color: #A9A9A9;
  line-height: 20px;
  top: 30px;
  transition: all 0.3s ease-in;
  white-space: nowrap;
  pointer-events: none;
}
.i-form-item-light__label--error {
  color: #e74955;
}
.i-form-item-light__label--focus {
  transform: translateY(-25px);
  color: #a9a9a9;
}
.i-form-item-light:focus-within .i-form-item-light__label {
  transform: translateY(-25px);
}
.i-form-item-light.i-form-item--error .i-form-item__field-inner {
  background: transparent;
  border: none;
}
.i-form-item-light:not(.i-form-item-light__show-placehodler) .i-form-item-light__field .i-form-item__field-inner::placeholder {
  color: transparent;
}
.i-form-item-light:not(.i-form-item-light__show-placehodler) .i-form-item-light__field .i-form-item__field-inner .placeholder {
  display: none;
}
.i-form-item-light__field .i-form-item__field-inner {
  padding-left: 0;
  appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  color: #4a4a4a;
}
.i-form-item-light__require {
  position: absolute;
  right: 3px;
  bottom: 0px;
  font-size: 12px;
  color: #F72B44;
}
.i-form-item-light + .form-item-light {
  margin-top: 4px;
}
.i-form-item-light--error .i-form-item-light__label {
  color: #e74955;
}
.i-form-item-light:has([class*='--disabled']) .i-form-item-light__require {
  display: none;
}

.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;
}

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

.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;
}

.i-filter-select {
  position: relative;
  width: 100%;
  display: flex;
  align-content: center;
}
.i-filter-select .drop-menu-check-add i {
  font-size: 12px;
  margin-right: 3px !important;
}
.i-filter-select .drop-menu-name {
  height: 28px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.i-filter-select .drop-menu-check {
  word-wrap: break-word;
}
.i-filter-select .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;
}
.i-filter-select .drop-menu-check .drop-menu-show .ibass-close {
  font-size: 12px;
  float: right;
}
.i-filter-select .drop-menu-check .drop-menu-show span {
  width: 45px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-default,
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-add {
  display: flex;
  align-items: center;
}
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-default .ibass-trig-down,
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-add .ibass-trig-down {
  margin-top: 5px;
}
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-default .ibass-add-round,
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-add .ibass-add-round {
  margin-top: 2px;
  margin-right: 7px;
}
.i-filter-select .drop-menu-check .drop-menu-popover .drop-menu-check-default {
  color: #a9a9a9;
}
.i-filter-select .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;
}
.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-items {
  max-height: 240px;
}
.ns-popover-list-select .ns-popover-items .all {
  padding: 0 16px;
  font-size: 12px;
  color: #909090;
  height: 32px;
  cursor: none;
}
.ns-popover-list-select .ns-popover-items .all:hover {
  background-color: #fff;
}
.ns-popover-list-select .ns-popover-items .ns-popover-item {
  overflow: hidden;
  cursor: pointer;
  padding: 0 15px;
}
.ns-popover-list-select .ns-popover-items .ns-popover-item .nohover:hover {
  background-color: #fff;
}
.ns-popover-list-select .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;
}
.ns-popover-list-select .ns-popover-items .ns-popover-item i {
  cursor: pointer;
  position: absolute;
  right: 10px;
  color: #ed6c00;
}
.ns-popover-list-select .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;
}
.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;
}

.frozen .ngdialog-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  background-color: transparent !important;
  border: 0 !important;
}
.frozen .title {
  position: absolute;
  left: 50%;
  top: 55px;
  padding-left: 2px;
  transform: translate(-50%, 0);
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #553A25;
  line-height: 20px;
  letter-spacing: 1px;
}
.frozen .expire-content {
  line-height: 38px;
  position: absolute;
  color: #66584E;
  top: 99px;
  left: 60px;
}
.frozen .expire-content > div:first-child {
  font-size: 15px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #5B4C41;
}
.frozen .show1-expire-dialog {
  position: relative;
  width: 444px;
  height: 607px;
  background: url('common/directives/iIsExpire/frozen/images/bg.png');
  background-size: 100% 100%;
}
.frozen .show1-expire-dialog .expire-body {
  position: absolute;
  width: 376px;
  left: 38px;
  top: 340px;
  height: 106px;
}
.frozen .show1-expire-dialog .expire-body .image {
  width: 100%;
}
.frozen .expire-footer {
  position: absolute;
  top: 460px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.frozen .expire-footer span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.frozen .expire-footer i {
  position: relative;
  top: 2px;
  color: #ddd;
  cursor: pointer;
}
.frozen .expire-footer i.ibass-done {
  color: #fa8919;
}
.frozen .expire-footer .btn {
  margin: 24px auto 0;
  width: 86px;
  height: 32px;
  line-height: 30px;
  min-width: 0;
  box-sizing: border-box;
}
.frozen .expire-footer .disabled {
  cursor: not-allowed;
  background: #ccc;
  border-color: #ccc;
}

/*
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-word:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-word:before {
  content: "\e677";
}
.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-word:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-word:before {
  content: "\e677";
}
.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";
}

.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;
}


.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;
  cursor: pointer;
}
.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-flow-to-data-dialog .i-dialog__container {
  padding: 0;
}
.approval-flow-to-data-dialog .i-dialog__container .flow-to-data__tabs {
  display: flex;
  align-items: center;
  height: 30px;
  border-bottom: 1px solid #EBEBEE;
}
.approval-flow-to-data-dialog .i-dialog__container .flow-to-data__tabs-item {
  height: 30px;
  width: fit-content;
  padding: 0 12px;
  color: #4a4a4a;
}
.approval-flow-to-data-dialog .i-dialog__container .flow-to-data__tabs-item--active {
  color: #ED6C00;
  border-bottom: 2px solid #ED6C00;
}
.approval-flow-to-data-dialog .i-dialog__container .flow-to-data__tabs-item:hover {
  cursor: not-allowed;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form {
  margin-top: 16px;
  font-size: 14px;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form input::placeholder {
  color: #999;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form .i-select .placeholder {
  color: #999;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form textarea::placeholder {
  color: #999;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form-item__content {
  justify-content: space-between;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form-item__label {
  text-align: right;
  color: #4a4a4a;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form-item__field {
  flex: 1;
}
.approval-flow-to-data-dialog .i-dialog__container .i-form-item__error-wrapper {
  left: 120px;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container {
  margin-top: 32px;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .i-form-item:last-child {
  padding-bottom: 0;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .remark-form-item .i-form-item__content {
  display: flex;
  align-items: flex-start;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .remark-form-item .i-form-item__content .i-form-item__label {
  margin-top: 5px;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .i-form-item__field {
  overflow: hidden;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .i-form-item__field .text-container {
  position: relative;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .i-form-item__field textarea {
  min-height: 32px;
  width: 100% !important;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  outline: none;
  padding: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  color: #333333;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .i-form-item__field .str-length {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 12px;
  color: #999;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .i-form-item__label {
  flex-shrink: 0;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container {
  display: flex;
  align-items: center;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0 8px;
  min-height: 32px;
  border: 1px solid #EBEBEE;
  border-radius: 4px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow-y: hidden;
  overflow-x: overlay;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left::-webkit-scrollbar {
  height: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left::-webkit-scrollbar-thumb {
  height: 4px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left .condition-item {
  display: flex;
  justify-content: center;
  font-size: 12px;
  zoom: 1;
  padding: 0 6px 0 10px;
  background: #f1f1f1;
  height: 24px;
  margin-right: 4px;
  border-radius: 4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left .condition-item i {
  padding-top: 2px;
  padding-left: 5px;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__left .condition-item i:hover {
  color: #FA8919;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__right {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  width: 32px;
  border: 1px solid #EBEBEE;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__right .ibass-settings {
  font-size: 16px;
  color: #999;
  cursor: pointer;
}
.approval-flow-to-data-dialog .i-dialog__container .base-info-container .condition-container__right .ibass-settings:hover {
  color: #FA8919;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .i-form {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .i-form .i-form-item:first-child {
  transform: translateX(-30px);
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .i-form .operation-type-form-item .i-form-item__error-wrapper {
  left: 90px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .i-form .user-major-key-form-item .i-form-item__error-wrapper {
  left: 115px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__header {
  margin-bottom: 5px;
  display: flex;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  background: #F7F8F9;
  font-size: 14px;
  border-radius: 4px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__header-item {
  width: 30%;
  display: flex;
  align-items: center;
  color: #4a4a4a;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__header-item:last-child {
  width: 30%;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__header-item .ibass-faq {
  color: #a9a9a9;
  margin-left: 3px;
  margin-top: 1px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item {
  width: 33%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #4a4a4a;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item:first-child {
  padding-left: 24px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item:last-child {
  display: flex;
  align-items: center;
  padding-right: 12px;
  width: 70%;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item .field-desc {
  width: 135px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item .i-select {
  width: 330px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item .i-select__drop-down {
  font-size: 14px;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item .i-select .placeholder {
  color: #999;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item--required .field-desc {
  width: fit-content;
  position: relative;
  color: #4a4a4a;
}
.approval-flow-to-data-dialog .i-dialog__container .field-map-container .field-table-container__content-item--required .field-desc:after {
  content: '*';
  position: absolute;
  top: 0;
  color: #FA4344;
}
.approval-flow-to-data-dialog .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  text-align: center;
}
.approval-flow-to-data-dialog .footer .i-btn {
  font-size: 12px;
  line-height: 32px;
}
.approval-flow-to-data-dialog .footer .i-btn:first-child {
  margin-right: 16px;
}
.approval-flow-to-data-dialog .footer .i-btn--cancel {
  margin-right: 16px;
}
.flow-to-data-form-select1-popover .i-select-popover {
  width: 144px;
  max-width: 144px !important;
}
.flow-to-data-form-select2-popover .i-select-popover {
  width: 144px;
  max-width: 144px !important;
}
.flow-to-data-form-select3-popover .i-select-popover {
  width: 330px;
  max-width: 330px !important;
}
.flow-to-data-form-select4-popover .i-select-popover {
  width: 398px;
  max-width: 398px !important;
}

.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;
}

.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;
  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 .i-process-defalut .i-process-defalut-flow li .end-node {
  text-align: center;
}
.approval-process-setting .i-process-defalut .i-process-defalut-flow li .end-node .ibass-archive {
  font-size: 24px;
  color: #ccc;
}
.approval-process-setting .flow-to-data-container {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.approval-process-setting .flow-to-data-container .left {
  display: flex;
  flex-direction: column;
}
.approval-process-setting .flow-to-data-container .left .title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.approval-process-setting .flow-to-data-container .left .tips {
  font-size: 12px;
  color: #999;
}
.approval-process-setting .flow-to-data-container .right {
  display: flex;
}
.approval-process-setting .flow-to-data-container .right .i-btn--text {
  margin-right: 16px;
  cursor: pointer;
}
.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 {
  display: flex;
  font-weight: 500;
  white-space: nowrap;
}
.preview-item .headline .label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.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 .tips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.preview-item .preview-content .common-show {
  border-bottom: 1px solid #ebebeb;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.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;
}

.add-subject-dialog__tip {
  margin-top: 12px;
  font-size: 12px;
  color: #F6535C;
}
.add-subject-dialog .i-dialog__container {
  padding: 18px 0 32px;
}
.add-subject-dialog .i-dialog__container--edit .i-form-item-light:not(:last-child) .i-form-item-light__require {
  display: none;
}
.add-subject-dialog .i-dialog__container--edit .i-select.disabled .i-select__drop-down {
  background-color: transparent;
}
.add-subject-dialog .i-dialog__container--edit .i-select.disabled .i-select__drop-down .ibass-arrow-down {
  display: none;
}
.add-subject-dialog .i-dialog__container .i-select .ibass-wrap .ibass-arrow-down {
  margin-right: 8px;
  margin-top: 1px;
}
.add-subject-dialog .i-dialog__container .i-form-item-light__require {
  right: 0;
  bottom: 2px;
}
.add-subject-dialog .i-dialog__container .i-form-item-light__label--focus {
  transform: translateY(-28px);
}
.add-subject-dialog .i-dialog__container .i-form-item-light:not(:last-child) {
  margin-bottom: 14px;
}
.add-subject-dialog .i-form-item__error-wrapper {
  left: 80px;
}
.add-subject-dialog .i-form-item-light {
  height: auto;
}
.add-subject-dialog .i-btn {
  font-size: 12px;
  line-height: 32px;
}
.select-add-subject-popover .i-select-popover {
  width: 410px;
  max-width: 410px !important;
}

.i-subject-select .i-tree-select__drop-down .all {
  padding: 2px 0 0 0;
  min-width: 60px;
  height: 25px;
  line-height: 25px;
  background: transparent;
  border: none;
}
.i-subject-select .i-tree-select .ibass-arrow-down:before {
  content: "\EA13";
  color: #a9a9a9;
  font-size: 14px;
}

.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;
}

.project-custom-form .body .setting .setup .visible-setting .custom-radio {
  display: block;
}
.project-custom-form .body .setting .setup .visible-setting .custom-radio + .custom-radio {
  margin-top: 12px;
}
.project-custom-form .body .setting .setup .required-setting .custom-checkbox + .custom-checkbox {
  margin-left: 16px;
}
.project-custom-form .body .setting .setup .display-setting .custom-checkbox + .custom-checkbox,
.project-custom-form .body .setting .setup .display-setting .custom-radio + .custom-radio {
  margin-left: 24px;
}
.project-custom-form .body .setting .setup .overview-tree-select__drop-down .add {
  border: none;
  justify-content: flex-start;
}
.project-custom-form .body .setting .setup .overview-tree-select__drop-down .add .ibass-add-round {
  font-size: 14px;
  color: #999;
  margin-right: 8px;
}

.custom-preview {
  padding: 17px 24px 11px;
  color: #4a4a4a;
  position: relative;
  margin: -1px;
  border: 1px solid transparent;
}
.custom-preview:hover {
  margin: -1px;
  border: 1px dashed #fdba78;
  cursor: move;
}
.custom-preview:hover > i.ibass-close {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0px;
}
.custom-preview i.ibass-close {
  display: none;
}
.custom-preview .ibass-trig-down {
  color: #999;
}
.custom-preview__header {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-preview__header-title {
  font-weight: 500;
}
.custom-preview__header-required {
  color: red;
}
.custom-preview__container {
  display: flex;
}
.custom-preview__container .widget {
  flex: 1;
  overflow: hidden;
  height: 26px;
  box-sizing: border-box;
  line-height: 24px;
  color: #4a4a4a;
}
.custom-preview__container .widget > div {
  display: flex;
}
.custom-preview__container .widget > div .date {
  display: inline-flex;
  flex: 1;
}
.custom-preview__container .widget > div .underline {
  flex: 1;
  min-height: 25px;
  border-bottom: 1px solid #ebebeb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-preview__container .repeat {
  margin-left: 8px;
  color: #a9a9a9;
}

.project-notice-page .channel .channel__item {
  display: flex;
  align-items: center;
  padding: 16px 0;
  color: #a9a9a9;
  font-size: 14px;
  border-bottom: 1px solid #F0F0F0;
}
.project-notice-page .channel .channel__item .icon {
  flex-shrink: 0;
  height: 40px;
  width: 17px;
  padding: 0 16px;
  border-right: 1px solid #f0f0f0;
  font-size: 28px;
  color: #F8891A;
  background-repeat: no-repeat;
  background-position: center;
}
.project-notice-page .channel .channel__item .icon.short-message {
  background-image: url('auth/role/project/notice/img/message.png');
}
.project-notice-page .channel .channel__item .icon.short-message--active {
  background-image: url('auth/role/project/notice/img/message-active.png');
}
.project-notice-page .channel .channel__item .icon.mail {
  background-image: url('auth/role/project/notice/img/mail.png');
}
.project-notice-page .channel .channel__item .icon.mail--active {
  background-image: url('auth/role/project/notice/img/mail-active.png');
}
.project-notice-page .channel .channel__item .detail {
  flex: 1;
  padding: 0 16px;
  box-sizing: border-box;
  overflow: hidden;
}
.project-notice-page .channel .channel__item .detail .title {
  color: #4a4a4a;
  margin-bottom: 6px;
}
.project-notice-page .channel .channel__item .operation {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 10px;
  line-height: 48px;
}
.project-notice-page .channel .channel__item .operation .i-btn {
  height: 20px;
  font-weight: 400;
  line-height: 20px;
}
.project-notice-page .channel .channel__item .operation .i-btn .ibass-marker {
  vertical-align: middle;
}
.project-notice-page .channel .channel__item .operation .i-btn:not(:last-of-type) {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #EBEBEB;
  border-radius: 0px;
}
.email-notice-settings__content {
  margin: 16px 0;
  padding: 0 12px;
  font-size: 14px;
  color: #A9A9A9;
}
.email-notice-settings__content label {
  display: block;
}
.email-notice-settings__content textarea {
  width: 100%;
  height: 104px;
  margin: 8px 0 6px;
  padding: 12px 13px;
  box-sizing: border-box;
  background: #FEFEFF;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  resize: none;
  appearance: none;
  outline: none;
  color: #4A4A4A;
}
.email-notice-settings__content textarea:focus {
  border-color: #FA8919 ;
}
.email-notice-settings__content textarea::placeholder {
  font-size: 14px;
  color: #A9A9A9;
}
.email-notice-settings__content .tips {
  text-align: right;
}

.project-notice-page .template {
  margin-top: 32px;
}
.project-notice-page .template__modules-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
  line-height: 1;
}
.project-notice-page .template__modules-header .title {
  position: relative;
  padding-right: 16px;
  width: max-content;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
}
.project-notice-page .template__modules-header .title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #F8891A;
  bottom: -10px;
  left: 0;
}
.project-notice-page .template__modules-header .operation .template-hub-btn {
  margin-right: 10px;
  color: #A9A9A9;
  cursor: pointer;
}
.project-notice-page .template__modules-header .operation .template-hub-btn:hover {
  color: #F8891A;
}
.project-notice-page .template__modules-header .operation .template-hub-btn .ibass-archive {
  position: relative;
  top: 2px;
}
.project-notice-page .template__modules-container .template-list .template-item {
  display: flex;
  align-items: center;
  padding: 16px 0;
  color: #a9a9a9;
  font-size: 14px;
  border-bottom: 1px solid #F0F0F0;
}
.project-notice-page .template__modules-container .template-list .template-item .icon {
  flex-shrink: 0;
  height: 40px;
  width: 17px;
  padding: 0 16px;
  border-right: 1px solid #f0f0f0;
  font-size: 28px;
  color: #F8891A;
  background-image: url('auth/role/project/notice/img/template-active.png');
  background-repeat: no-repeat;
  background-position: center;
}
.project-notice-page .template__modules-container .template-list .template-item .detail {
  width: calc(100% - 110px);
  padding: 0 16px;
  box-sizing: border-box;
}
.project-notice-page .template__modules-container .template-list .template-item .detail .title {
  color: #4a4a4a;
  margin-bottom: 6px;
  outline: none;
  border-bottom: 1px solid transparent;
}
.project-notice-page .template__modules-container .template-list .template-item .detail .title:focus {
  border-bottom: 1px solid #f0f0f0;
}
.project-notice-page .template__modules-container .template-list .template-item .operation {
  flex-shrink: 0;
  padding: 0 10px;
  line-height: 48px;
}
.project-notice-page .template__modules-container .template-list .template-item .operation .i-btn {
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
}
.project-notice-page .template__modules-container .no-data {
  margin: 20px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.template-hub {
  padding: 26px 24px 24px 24px;
}
.template-hub__header {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
}
.template-hub__header::after {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  height: 1px;
  background: #F2F3F7;
  left: 0;
  top: 50%;
  z-index: 1;
}
.template-hub__header .title {
  position: relative;
  display: inline-block;
  width: max-content;
  padding: 0 16px;
  z-index: 2;
  background-color: #fff;
}
.template-hub__container {
  display: flex;
  flex-flow: column;
  padding: 0 5px;
  max-height: 400px;
}
.template-hub__container table {
  border-collapse: collapse;
}
.template-hub__container table thead {
  background-color: #F7F8F9;
  box-shadow: 0px 1px 0px 0px #E7E9EB;
  font-size: 12px;
  color: #A4A7B0;
}
.template-hub__container table thead tr {
  height: 36px;
}
.template-hub__container table thead tr th {
  font-weight: 400;
}
.template-hub__container table tbody {
  font-size: 12px;
  color: #333333;
}
.template-hub__container table tbody tr {
  height: 46px;
  text-align: center;
  border-bottom: 1px solid #E7E9EB;
}
.template-hub__container table tbody tr:hover {
  background: #F7F8F9;
}
.template-hub__container table tbody tr td:nth-of-type(2) {
  padding: 0 16px;
}
.template-hub__container table tbody tr td:nth-of-type(2) .text-overflow-single {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.template-hub__container table tbody tr td:nth-of-type(3) {
  padding: 0 16px;
  text-align: left;
}
.template-hub__container table tbody tr td:nth-of-type(3) .content-tip {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.template-hub__container table tbody tr td:nth-of-type(4) input {
  display: none;
}
.template-hub__container table tbody tr td:nth-of-type(4) input:checked + label .ibass-checked,
.template-hub__container table tbody tr td:nth-of-type(4) input + label .ibass-checkbox {
  display: inline;
}
.template-hub__container table tbody tr td:nth-of-type(4) input:checked + label .ibass-checkbox,
.template-hub__container table tbody tr td:nth-of-type(4) input + label .ibass-checked {
  display: none;
}
.template-hub__container table tbody tr td:nth-of-type(4) label {
  cursor: pointer;
}
.template-hub__container table tbody tr td:nth-of-type(4) .ibass-checked {
  color: #FA8919;
}
.template-hub__container table tbody tr td:nth-of-type(4) .ibass-checkbox {
  color: #ddd;
}
.template-hub__container .table-body {
  overflow: auto;
  flex: 1;
}
.template-hub__container .no-data {
  margin: 20px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.template-hub__footer .tips {
  margin: 13px 0;
  font-size: 12px;
  color: #A9A9A9;
  padding-left: 5px;
}
.template-hub__footer .tips i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.template-hub__footer .btns {
  text-align: center;
}
.template-hub-tooltips {
  width: max-content;
  max-width: 504px;
  padding: 8px 12px !important;
  background: #3D3D3D;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 16px;
  text-align: left;
}
.template-hub-tooltips .tooltip-arrow {
  border-top-color: #3d3d3d;
}
[tips-content] {
  position: relative;
  cursor: pointer;
}
[tips-content]:hover::before,
[tips-content]:hover::after {
  display: block;
}
[tips-content]::before {
  content: '';
  display: none;
  position: absolute;
  left: 20%;
  bottom: -3px;
  border: 7px solid transparent;
  border-bottom-color: #3d3d3d;
}
[tips-content]::after {
  content: attr(tips-content);
  display: none;
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  max-width: 504px;
  padding: 4px 4px;
  background: #3D3D3D;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 16px;
  overflow: visible;
  text-overflow: revert;
  text-indent: 0;
  white-space: nowrap;
  z-index: 1;
}
[tips-content][placement-v="top"]::before {
  border-color: transparent;
  border-top-color: #3d3d3d;
  top: -3px;
}
[tips-content][placement-v="top"]::after {
  bottom: calc(100% + 3px);
  top: unset;
}
[tips-content][placement-v="bottom"]::before {
  border-color: transparent;
  border-bottom-color: #3d3d3d;
  bottom: -3px;
}
[tips-content][placement-v="bottom"]::after {
  top: calc(100% + 3px);
}
[tips-content][placement-h="left"]::after {
  left: 50%;
}
[tips-content][placement-h="left"]::before {
  left: 75%;
}
[tips-content][placement-h="center"]::after {
  left: 50%;
  transform: translateX(-50%);
}
[tips-content][placement-h="center"]::before {
  left: calc(50% - 3.5px);
}
[tips-content][placement-h="right"]::after {
  right: 50%;
  left: unset;
}
[tips-content][placement-h="right"]::before {
  right: 75%;
  left: unset;
}

.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-dlg .project-type-setting .expander-title .row-space-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.project-type-setting-dlg .project-type-setting .expander-title .row-space-center .left {
  flex: 1;
}
.project-type-setting-dlg .project-type-setting .expander-title .row-space-center .right {
  display: flex;
  align-items: center;
}
.project-type-setting-dlg .project-type-setting .expander-title .row-space-center .right .group-toggle {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.project-type-setting-dlg .project-type-setting .expander-title .row-space-center .right .group-toggle .toggle-label {
  margin-right: 8px;
  font-size: 12px;
  color: #666;
}
.project-type-setting-dlg .project-type-setting .expander-title .row-space-center .right .group-toggle .btn {
  cursor: pointer;
  margin-top: 8px;
}
.project-type-setting-dlg .project-type-setting .expander-title .row-space-center .right .i-down-expander {
  font-size: 14px;
  color: #999;
}
.project-type-setting-dlg .project-type-setting .expander-body .type-title-line {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}
.project-type-setting-dlg .project-type-setting .expander-body .type-title-line .type-name {
  flex: 1;
}
.project-type-setting-dlg .project-type-setting .expander-body .type-title-line .type-setting {
  width: 80px;
  text-align: center;
}
.project-type-setting-dlg .project-type-setting .expander-body .li-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f5f5f5;
}
.project-type-setting-dlg .project-type-setting .expander-body .li-item .type-name {
  flex: 1;
}
.project-type-setting-dlg .project-type-setting .expander-body .li-item .type-name.gray-font {
  color: #999;
}
.project-type-setting-dlg .project-type-setting .expander-body .li-item .type-setting {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  position: relative;
  left: 12px;
}
.project-type-setting-dlg .project-type-setting .expander-body .li-item .type-setting .btn {
  cursor: pointer;
}
.project-type-setting-dlg .project-type-setting .project-type {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.project-type-setting-dlg .project-type-setting .project-type .line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 2px;
  margin-top: -5px;
  background-color: #e2e2e2;
  transition: all 0.3s;
}
.project-type-setting-dlg .project-type-setting .project-type .circle {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px #d6d6d6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  z-index: 1;
}
.project-type-setting-dlg .project-type-setting .project-type.project-type-opened .line {
  background-color: #fa8919;
  margin-left: 6px;
}
.project-type-setting-dlg .project-type-setting .project-type.project-type-opened .circle {
  left: calc(80%);
  background-color: #fa8919;
  border-color: #fa8919;
}
.project-type-setting-dlg .project-type-setting .project-type.project-type-closed .line {
  background-color: #e2e2e2;
}
.project-type-setting-dlg .project-type-setting .project-type.project-type-closed .circle {
  left: 0;
  background-color: #fff;
  border-color: #d6d6d6;
}

.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;
}

.iradar-chart-group-t {
  border-bottom: solid 2px #ed6c00;
  line-height: 62px;
}
.iradar-chart-group-t > span {
  margin-left: 20px;
  font-size: 16px;
  color: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
  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: #ed6c00;
}
.iradar-chart-group-download:hover i {
  color: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
}
.iradar-chart-group-table-more a:hover i {
  color: #ed6c00;
}
.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: #ed6c00;
  border-bottom: 2px solid #ed6c00;
}
.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: #ed6c00;
}
.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;
}

.assign-member {
  min-height: 200px;
  width: 400px;
  padding: 0 20px;
}
.assign-member__header {
  position: relative;
  border-bottom: 1px solid #EBEBEB;
  height: 50px;
}
.assign-member__header-title {
  width: 104px;
  height: 30px;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 35px;
  text-align: center;
  line-height: 30px;
  transform: translateX(-50%);
}
.assign-member__content {
  padding: 40px 0px;
  min-height: 100px;
  padding-left: 10px;
  height: fit-content;
}
.assign-member__content .member {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  word-wrap: break-word;
}
.assign-member__content .label {
  width: 80px;
  font-size: 14px;
  line-height: 30px;
}
.assign-member__content .selct-member {
  display: inline-block;
  margin-left: 8px;
}
.assign-member__content .selct-member .ibass {
  vertical-align: top;
}
.assign-member__content .selct-member .drop-menu-check-default,
.assign-member__content .selct-member .drop-menu-check-add {
  display: flex;
  align-items: center;
}
.assign-member__content .selct-member .drop-menu-check-default .ibass-trig-down,
.assign-member__content .selct-member .drop-menu-check-add .ibass-trig-down {
  margin-top: 5px;
}
.assign-member__content .selct-member .drop-menu-check-default .ibass-add-round,
.assign-member__content .selct-member .drop-menu-check-add .ibass-add-round {
  margin-top: 2px;
  margin-right: 7px;
}
.assign-member__content .selct-member .drop-menu-check-default {
  color: #a9a9a9;
}
.assign-member__content .selct-member .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;
}
.assign-member__content .selected-wrap {
  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;
}
.assign-member__content .selected-wrap .ibass-close {
  font-size: 12px;
  float: right;
}
.assign-member__content .selected-wrap span {
  width: 70px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assign-member__footer {
  text-align: center;
  padding-bottom: 20px;
}
.assign-add-member {
  top: 105px!important;
  left: 0px!important;
  width: 400px;
}
.assign-add-member .ns-popover-tooltip {
  width: 100%;
}
.assign-add-member .ns-popover-item {
  position: relative;
  height: 36px;
}
.assign-add-member .ns-popover-item .name {
  height: 36px;
  display: inline-block;
  vertical-align: top;
  width: fit-content;
}
.assign-add-member .ns-popover-item .name .text {
  display: inline-block;
  width: fit-content;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4A4A4A;
  font-size: 14px;
}
.assign-add-member .ns-popover-item .roles {
  height: 36px;
  margin-left: 8px;
  display: inline-block;
  width: fit-content;
  max-width: 180px;
  line-height: 36px;
}
.assign-add-member .ns-popover-item .roles span {
  display: inline-block;
  width: fit-content;
  max-width: 176px;
  line-height: 36px;
  vertical-align: middle;
  color: #A9A9A9;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.assign-add-member .ns-popover-item .ibass {
  position: absolute;
  right: 10px;
  color: #EBEBEB ;
}
.assign-add-member .ns-popover-item .ibass-done {
  color: #FA8919;
}
.assign-add-member .empty {
  text-align: center;
  color: #ACACAC;
}

.recall-allocate {
  height: 388px;
  width: 600px;
  padding: 0 48px;
}
.recall-allocate__header {
  position: relative;
  border-bottom: 1px solid #EBEBEB;
  height: 52px;
}
.recall-allocate__header-title {
  width: 104px;
  height: 40px;
  line-height: 40px;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 32px;
  transform: translateX(-50%);
  text-align: center;
}
.recall-allocate__content {
  margin-top: 16px ;
}
.recall-allocate__content .lable {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.recall-allocate__content .requred {
  color: #F6535C;
  font-size: 14px;
  margin-left: 4px;
}
.recall-allocate__content .textarea-wrap {
  width: 504px;
  height: 168px;
  margin-top: 12px;
  position: relative;
}
.recall-allocate__content .textarea-wrap textarea {
  outline: none;
  resize: none;
  width: 100%;
  height: 168px;
  background: #FEFEFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 22px;
  padding: 8px 12px 36px 8px;
}
.recall-allocate__content .textarea-wrap textarea:focus {
  border: 1px solid #FFB387;
}
.recall-allocate__content .textarea-wrap .warin-tip {
  position: absolute;
  left: 12px;
  bottom: 10px ;
  font-size: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #F6535C;
}
.recall-allocate__content .textarea-wrap .letter-num {
  width: fit-content;
  position: absolute;
  right: 10px;
  bottom: 10px ;
  font-size: 14px;
  line-height: 14px;
}
.recall-allocate__content .textarea-wrap .letter-num .current-num {
  color: #ACACAC;
}
.recall-allocate__content .textarea-wrap .letter-num .danger {
  color: #F6535C;
}
.recall-allocate__content .textarea-wrap .letter-num .limit-num {
  color: #ACACAC;
}
.recall-allocate__footer {
  text-align: center;
  margin-top: 32px;
}

.user-record {
  padding: 0 48px;
  text-align: center;
}
.user-record__head {
  margin-top: 50px;
  padding-bottom: 35px;
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.user-record__head .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -20px;
  width: fit-content;
  height: 40px;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
  padding: 8px 20px;
}
.user-record__content .search {
  text-align: left;
}
.user-record__content .search .real-time-search-enter-and-clear .search-module .search-module-i-search i {
  height: 24px;
}
.user-record__content .record-content-wrap {
  height: 380px;
  overflow: auto;
  margin-top: 24px ;
}
.user-record__content .record-content-wrap .record-table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
}
.user-record__content .record-content-wrap .record-table thead tr {
  height: 56px;
  background: #FAFBFC;
  color: #737373;
}
.user-record__content .record-content-wrap .record-table thead tr th {
  font-weight: 500;
  font-size: 14px;
}
.user-record__content .record-content-wrap .record-table thead tr th:first-child {
  padding-left: 16px;
}
.user-record__content .record-content-wrap .record-table thead tr .align-right {
  text-align: right;
  padding-right: 10px;
}
.user-record__content .record-content-wrap .record-table tbody tr {
  height: 64px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB;
  font-size: 13px;
  color: #4A4A4A;
}
.user-record__content .record-content-wrap .record-table tbody tr td .matter {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-record__content .record-content-wrap .record-table tbody tr td .userform {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 64px;
}
.user-record__content .record-content-wrap .record-table tbody tr td .time,
.user-record__content .record-content-wrap .record-table tbody tr td .money {
  width: 100px;
}
.user-record__content .record-content-wrap .record-table tbody tr td .userbelong {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-record__content .record-content-wrap .record-table tbody tr td:first-child {
  padding-left: 16px;
}
.user-record__content .record-content-wrap .record-table tbody tr:hover {
  background: #F7F8F9;
}
.user-record__content .record-content-wrap .record-table tbody tr .down-btn {
  font-size: 12px;
  font-weight: 500;
  color: #FA8919;
}
.user-record__content .record-content-wrap .record-table tbody tr .del-btn {
  font-size: 12px;
  font-weight: 500;
  color: #F6535C;
}
.user-record__content .record-content-wrap .record-table tbody tr .record-status-text {
  color: #999999;
}
.user-record__content .record-content-wrap .record-table tbody tr .record-status .fail {
  color: #F6535C;
}
.user-record__content .record-content-wrap .record-table tbody tr .record-status .doing {
  color: #68C23B;
}
.user-record__footer {
  margin: 16px 0 40px;
  display: flex;
  justify-content: right;
}
.user-record__footer .show-page {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #737373;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.user-record__footer .show-page .icon {
  color: #ED6C00;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 10px;
}
.user-record__footer .i-pagination {
  margin: 0;
}
.user-record__footer .i-pagination li:nth-of-type(2) {
  margin-right: 0px;
}
.user-record__footer .i-pagination li:nth-last-child(2) {
  margin-left: 0px;
}
.record-page-popover {
  z-index: 10000 !important;
  width: 50px;
  text-align: center;
  left: 37px !important;
  top: 18px !important;
}
.record-page-popover .ns-popover-tooltip {
  width: 100%;
}

.allocation-record-dhxx-dialog .record-header {
  margin-bottom: 24px;
  height: 88px;
  background: #F7F8F9;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  width: 100%;
  padding: 8px;
}
.allocation-record-dhxx-dialog .record-header .desc-box {
  background: #ffffff;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 8px;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  border-radius: 8px;
}
.allocation-record-dhxx-dialog .record-header .desc-box .desc-item {
  display: flex;
  flex-direction: column;
}
.allocation-record-dhxx-dialog .record-header .desc-box .desc-item__label {
  height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 16px;
  text-align: left;
  margin-bottom: 4px;
}
.allocation-record-dhxx-dialog .record-header .desc-box .desc-item__value {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #4A4A4A;
  line-height: 20px;
  text-align: left;
}

.income-allocation-dhxx__wrap {
  font-size: 12px;
  padding: 0 31px;
}
.income-allocation-dhxx__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  height: 76px;
}
.income-allocation-dhxx__header .title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.income-allocation-dhxx__header .plan-selector {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.income-allocation-dhxx__header .plan-selector__label {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.income-allocation-dhxx__header .plan-selector__value .i-select {
  width: 180px;
}
.income-allocation-dhxx__content-desc {
  margin: 23px 0 24px;
  background: #f7f8f9;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  padding-bottom: 8px;
}
.income-allocation-dhxx__content-desc .desc-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #f7f8f9;
  padding: 16px 16px 0px;
  border-radius: 10px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item {
  width: 208px;
  height: 56px;
  margin-right: 16px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item:nth-child(5n) {
  margin-right: 0px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .lable {
  font-size: 12px;
  font-weight: 400;
  color: #a9a9a9;
  line-height: 16px;
  margin-bottom: 4px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .lable .required {
  color: #f6535c;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .input-lable {
  margin-bottom: 8px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .text {
  font-size: 14px;
  max-width: 208px;
  width: fit-content;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .input {
  font-size: 14px;
  max-width: 208px;
  width: fit-content;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 20px;
  position: relative;
  margin-bottom: 8px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .input .total-money {
  width: 206px;
  height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #cdc9c5;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .input .total-money:focus {
  outline: 0;
  border-color: #fa8919;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .input .error {
  display: inline-block;
  font-size: 12px;
  color: #f6535c;
  position: absolute;
  top: 8px;
  left: 210px;
  width: 140px;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .amount {
  font-size: 600;
}
.income-allocation-dhxx__content-desc .desc-info .info-item .contract {
  font-size: 14px;
  white-space: normal !important;
}
.income-allocation-dhxx__content-desc .desc-info .info-item-input {
  height: 64px;
}
.income-allocation-dhxx__content-desc .desc-info__amount {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px 8px 0px;
  margin-left: 8px;
  margin-right: 8px;
}
.income-allocation-dhxx__content-table .i-table__header-wrapper th {
  padding: 0 8px;
}
.income-allocation-dhxx__content-table .i-table__header-wrapper th:first-child {
  padding-left: 16px;
}
.income-allocation-dhxx__content-table .i-table__body-wrapper .i-table__tr td,
.income-allocation-dhxx__content-table .i-table__footer-wrapper .i-table__tr td {
  padding: 0 8px;
}
.income-allocation-dhxx__content-table .i-table__body-wrapper .i-table__tr td:first-child,
.income-allocation-dhxx__content-table .i-table__footer-wrapper .i-table__tr td:first-child {
  padding-left: 16px;
}
.income-allocation-dhxx__content-table .ibass-delete {
  color: #a9a9a9;
  cursor: pointer;
}
.income-allocation-dhxx__content-table .ibass-delete:hover {
  color: #fa8919;
}
.income-allocation-dhxx__content-operate {
  height: 30px;
}
.income-allocation-dhxx__content-operate .add-member-btn {
  display: inline-block;
  float: right;
  position: relative;
  text-align: right;
  width: 150px;
}
.income-allocation-dhxx__content-operate .add-member-btn .btn {
  margin-left: 6px;
  color: #fa8919;
}
.income-allocation-dhxx__content-operate .add-member-btn .btn:hover {
  color: #fa8919;
}
.income-allocation-dhxx__content-operate .allocation-add-member {
  width: 300px;
  height: 288px;
  left: -40px !important;
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-tooltip {
  max-width: 100%;
  width: 100%;
  transform: translateX(-121px);
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-tooltip .ns-popover-search {
  width: 268px;
  height: 32px;
  background: #fefeff;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  border: 1px solid #d4d4d4;
  color: #a9a9a9;
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-item {
  position: relative;
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-item .name {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-item .name .text {
  color: #4a4a4a;
  font-size: 14px;
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-item .roles {
  margin-left: 8px;
  display: inline-block;
  width: fit-content;
  max-width: 142px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.income-allocation-dhxx__content-operate .allocation-add-member .ns-popover-item .roles span {
  color: #a9a9a9;
  font-size: 12px;
}
.income-allocation-dhxx__content-operate .allocation-add-member .empty {
  text-align: center;
  color: #acacac;
}
.income-allocation-dhxx__footer {
  margin: 40px 0;
  text-align: center;
}
.income-allocation-dhxx__footer .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.income-allocation-dhxx__footer .i-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.income-allocation-dhxx .ns-popover-bottom-placement {
  z-index: 999;
}

.budget-month-add__block h2.title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin-block: 20px 10px;
}
.budget-month-add__block h2.title .text {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.budget-month-add__block h2.title .i-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  align-self: flex-end;
}
.budget-month-add__block h2.title .i-btn .ibass-add {
  margin-right: 2px;
}
.budget-month-add__block .i-table .no-data {
  color: #999999;
}
.budget-month-add__block .i-form-item-light {
  display: inline-block;
  width: calc(33.33333333%);
  margin-right: 20px;
}
.budget-month-add__block .operation-column {
  display: flex;
  justify-content: center;
}
.budget-month-add__block .operation-column .i-btn {
  min-width: fit-content;
  font-size: 12px;
}
.budget-month-add__block .operation-column .i-btn:first-child {
  margin-right: 8px;
}
.budget-month-add__footer {
  margin-top: 24px;
  text-align: center;
}
#addBudgetDetailForm .i-form-item-light {
  height: auto;
}
#addBudgetDetailForm .i-form-item-light:first-child {
  margin-bottom: 16px;
}
#addBudgetDetailForm .i-form-item-light:first-child .i-form-item-light__label {
  top: 23px;
}
#addBudgetDetailForm .i-form-item-light:first-child .i-form-item-light__label--focus {
  top: 30px;
}
.add-budget-subject-popover .ns-popover-tooltip {
  width: 300px;
}

.budget-month-detail footer {
  text-align: center;
  margin-top: 32px;
}

.financial-budget-detail-month .financial-dialog-body .header {
  box-sizing: border-box;
  margin: 24px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  height: 88px;
  background: #F8F8F9;
  border-radius: 8px;
  padding: 24px;
}
.financial-budget-detail-month .financial-dialog-body .header-item {
  display: flex;
  flex-direction: column;
}
.financial-budget-detail-month .financial-dialog-body .header-item .label {
  font-size: 12px;
  color: #a9a9a9;
}
.financial-budget-detail-month .financial-dialog-body .header-item .value {
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 4px;
  font-weight: 500;
}
.financial-budget-detail-month .financial-dialog-body .content {
  overflow: scroll;
}
.financial-budget-detail-month .financial-dialog-body .content::-webkit-scrollbar {
  display: none;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table__header th {
  border-right: 1px solid #ebebeb;
  font-weight: normal;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table__header th:last-child {
  border-right: none;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table__body td {
  border-right: 1px solid #ebebeb;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table__body tr:hover td {
  background-color: #fff !important;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table__body tr td:last-child {
  border-right: none;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table .i-input-text input {
  font-size: 12px;
  padding-right: 8px;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table .i-input-text input::placeholder {
  font-size: 12px;
}
.financial-budget-detail-month .financial-dialog-body .content .i-table .i-input-text input:focus {
  border-color: #fa8919;
}
.financial-budget-detail-month .financial-dialog-body .footer {
  margin-top: 16px;
}
.financial-budget-detail-month .financial-dialog-body .footer .add-subject-btn {
  width: fit-content;
  cursor: pointer;
  font-size: 14px;
  color: #a9a9a9;
}
.financial-budget-detail-month .financial-dialog-body .footer .ibass-add:before {
  vertical-align: bottom;
  margin-right: 2px;
}
.financial-budget-detail-month .financial-dialog-footer {
  padding: 32px 0;
  text-align: center;
}
.financial-budget-detail-month .financial-dialog-footer .i-btn {
  box-sizing: border-box;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.financial-budget-detail-month .financial-dialog-footer .i-btn--cancel {
  background: #fff;
  border: 1px solid #dcdfe6;
  margin-right: 10px;
}
.financial-budget-detail-month .financial-dialog-footer .i-btn--normal {
  background: #fa8919;
  border: 1px solid #fa8919;
}

.financial-budget-detail .financial-dialog-body .header-add .i-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  row-gap: 24px;
}
.financial-budget-detail .financial-dialog-body .header-add .switch-container {
  display: flex;
  align-items: center;
  margin: 24px 0 32px 0;
}
.financial-budget-detail .financial-dialog-body .header-add .switch-container .switch-label {
  margin-right: 12px;
}
.financial-budget-detail .financial-dialog-body .header-add .switch-container .i-switch__ball {
  border-color: transparent;
}
.financial-budget-detail .financial-dialog-body .header-edit {
  box-sizing: border-box;
  margin: 24px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  height: 88px;
  background: #F8F8F9;
  border-radius: 8px;
  padding: 24px;
}
.financial-budget-detail .financial-dialog-body .header-edit-item {
  display: flex;
  flex-direction: column;
}
.financial-budget-detail .financial-dialog-body .header-edit-item .label {
  font-size: 12px;
  color: #a9a9a9;
}
.financial-budget-detail .financial-dialog-body .header-edit-item .value {
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 4px;
  font-weight: 500;
}
.financial-budget-detail .financial-dialog-body .content {
  overflow: scroll;
}
.financial-budget-detail .financial-dialog-body .content::-webkit-scrollbar {
  display: none;
}
.financial-budget-detail .financial-dialog-body .content .i-table__header th {
  height: 50px;
  font-weight: normal;
}
.financial-budget-detail .financial-dialog-body .content .i-table__header-wrapper::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: #f7f8f9;
}
.financial-budget-detail .financial-dialog-body .content .i-table__header-wrapper::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: #f7f8f9;
}
.financial-budget-detail .financial-dialog-body .content .i-table__body tr:hover td {
  background-color: #fff !important;
}
.financial-budget-detail .financial-dialog-body .content .i-table__body-wrapper::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.financial-budget-detail .financial-dialog-body .content .i-table__body-wrapper::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.financial-budget-detail .financial-dialog-body .content .i-table__body-wrapper:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.financial-budget-detail .financial-dialog-body .content .i-table .table-label {
  display: block;
}
.financial-budget-detail .financial-dialog-body .content .i-table .label-container {
  display: flex;
  flex-direction: column;
  margin: 0 -16px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .label-container .label-text {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.financial-budget-detail .financial-dialog-body .content .i-table .label-container .label-text__top {
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #ebebeb;
}
.financial-budget-detail .financial-dialog-body .content .i-table .label-container .label-text__bottom {
  height: 25px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .label-container .label-text__bottom .normal-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.financial-budget-detail .financial-dialog-body .content .i-table .label-container .label-text__bottom .normal-label:first-child {
  border-right: 1px solid #ebebeb;
}
.financial-budget-detail .financial-dialog-body .content .i-table .content-container {
  display: flex;
  align-items: center;
}
.financial-budget-detail .financial-dialog-body .content .i-table .content-container .amount {
  width: 50%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #ebebeb;
  padding-right: 16px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .content-container .amount .text {
  width: 102px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.financial-budget-detail .financial-dialog-body .content .i-table .content-container .input {
  width: 50%;
  text-align: center;
  padding-left: 16px;
  box-sizing: border-box;
}
.financial-budget-detail .financial-dialog-body .content .i-table .content-container .input .i-input-text input {
  min-width: 102px;
  width: 102px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .content-container .input .view-text {
  width: 102px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.financial-budget-detail .financial-dialog-body .content .i-table .i-input-text input {
  font-size: 12px;
  padding-right: 8px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .i-input-text input::placeholder {
  font-size: 12px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .i-input-text input:focus {
  border-color: #fa8919;
}
.financial-budget-detail .financial-dialog-body .content .i-table .operation-column i {
  font-size: 14px;
  color: #d4d4d4;
  cursor: pointer;
}
.financial-budget-detail .financial-dialog-body .content .i-table .operation-column i:not(:last-child) {
  display: inline-block;
  margin-right: 24px;
}
.financial-budget-detail .financial-dialog-body .content .i-table .operation-column i:hover {
  color: #fa8919;
}
.financial-budget-detail .financial-dialog-body .content .i-table .no-data {
  color: #999999;
}
.financial-budget-detail .financial-dialog-body .footer {
  margin-top: 16px;
}
.financial-budget-detail .financial-dialog-body .footer .add-subject-btn {
  width: fit-content;
  cursor: pointer;
  font-size: 14px;
  color: #a9a9a9;
}
.financial-budget-detail .financial-dialog-body .footer .ibass-add:before {
  vertical-align: bottom;
  margin-right: 2px;
}
.financial-budget-detail .financial-dialog-footer {
  padding: 32px 0;
  text-align: center;
}
.financial-budget-detail .financial-dialog-footer .i-btn {
  box-sizing: border-box;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.financial-budget-detail .financial-dialog-footer .i-btn--cancel {
  background: #fff;
  border: 1px solid #dcdfe6;
  margin-right: 10px;
}
.financial-budget-detail .financial-dialog-footer .i-btn--normal {
  background: #fa8919;
  border: 1px solid #fa8919;
}

.client-stat-quantity {
  display: grid;
  grid-template-rows: 129px 129px repeat(3, max-content);
  grid-template-columns: 224px 224px 1fr;
  grid-template-areas: 'totalAmount totalAmount amountPercent' 'unitAmount privateAmount amountPercent' 'sourceStat sourceStat sourceStat' 'industryStat industryStat industryStat' 'ownershipStat ownershipStat ownershipStat';
  gap: 16px;
}
.client-stat-quantity .quantity__total-amount {
  grid-area: totalAmount;
}
.client-stat-quantity .quantity__amount-percent {
  grid-area: amountPercent;
}
.client-stat-quantity .quantity__unit-amount {
  grid-area: unitAmount;
}
.client-stat-quantity .quantity__private-amount {
  grid-area: privateAmount;
}
.client-stat-quantity .quantity__source-stat {
  grid-area: sourceStat;
}
.client-stat-quantity .quantity__industry_stat {
  grid-area: industryStat;
}
.client-stat-quantity .quantity__ownership-stat {
  grid-area: ownershipStat;
}
.client-stat-quantity .quantity__block {
  padding: 20px;
  background: #FAFAFB;
  border-radius: 8px;
}
.client-stat-quantity .quantity__title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #666666;
  line-height: 20px;
}
.client-stat-quantity .quantity__big-title {
  position: relative;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  text-indent: 12px;
}
.client-stat-quantity .quantity__big-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 13px;
  background: #FA8919;
}
.client-stat-quantity .quantity__num {
  margin-top: 30px;
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
}
.client-stat-quantity .quantity__bar .no-data {
  position: relative;
  min-height: 300px;
  height: 100%;
  background-image: url('common/images/empty-table2.png');
  background-size: 90px auto;
  background-position: center calc(50% - 14px);
  background-repeat: no-repeat;
}
.client-stat-quantity .quantity__bar .no-data::after {
  content: "暂无数据";
  position: absolute;
  font-size: 14px;
  color: #999;
  text-align: center;
  top: calc(50% + 28px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.client-stat-value {
  display: grid;
  grid-template-rows: 129px 129px repeat(4, max-content);
  grid-template-columns: 224px 224px 1fr;
  grid-template-areas: 'totalAmount totalAmount amountPercent' 'unitAmount privateAmount amountPercent' 'moneyStat moneyStat moneyStat' 'ownershipStat ownershipStat ownershipStat' 'industryStat industryStat industryStat' 'dataStat dataStat dataStat';
  gap: 16px;
}
.client-stat-value .value__total-amount {
  grid-area: totalAmount;
}
.client-stat-value .value__amount-percent {
  grid-area: amountPercent;
}
.client-stat-value .value__unit-amount {
  grid-area: unitAmount;
}
.client-stat-value .value__private-amount {
  grid-area: privateAmount;
}
.client-stat-value .value__money-stat {
  grid-area: moneyStat;
}
.client-stat-value .value__industry-stat {
  grid-area: industryStat;
}
.client-stat-value .value__ownership-stat {
  grid-area: ownershipStat;
}
.client-stat-value .value__data-stat {
  grid-area: dataStat;
}
.client-stat-value .value__block {
  padding: 20px;
  background: #FAFAFB;
  border-radius: 8px;
}
.client-stat-value .value__title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #666666;
  line-height: 20px;
}
.client-stat-value .value__big-title {
  position: relative;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  text-indent: 12px;
}
.client-stat-value .value__big-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 13px;
  background: #FA8919;
}
.client-stat-value .value__num {
  margin-top: 30px;
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
}
.client-stat-value .value__bar .no-data {
  position: relative;
  min-height: 300px;
  height: 100%;
  background-image: url('common/images/empty-table2.png');
  background-size: 90px auto;
  background-position: center calc(50% - 14px);
  background-repeat: no-repeat;
}
.client-stat-value .value__bar .no-data::after {
  content: "暂无数据";
  position: absolute;
  font-size: 14px;
  color: #999;
  text-align: center;
  top: calc(50% + 28px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.setting-cabinet-add-in-dialog {
  padding-left: 37px;
  padding-right: 32px;
}
.setting-cabinet-add-in-dialog .i-dialog__container {
  padding: 0;
  padding-top: 30px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item {
  padding-bottom: 24px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item .i-tree-select__drop-down {
  width: 108px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item .i-tree-select__tags .i-tree-select__tag {
  font-size: 12px;
  box-sizing: border-box;
  width: 86px;
  height: 30px;
  background: #F8F8F8;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  padding: 7px 14px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 16px;
  margin-bottom: 10px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item .i-tree-select__tags .i-tree-select__tag .name {
  line-height: 16px;
  margin: 0;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item .add-btn {
  cursor: pointer;
  width: 108px;
  height: 30px;
  border-radius: 2px;
  border: 1px dashed #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item .add-btn:hover {
  color: #FA8919;
  border-color: #FA8919;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item .add-btn .ibass-add {
  position: relative;
  top: .5px;
  margin-right: 2px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.card-input {
  margin-left: 100px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.card-input .i-form-item__error-wrapper {
  bottom: 2px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.pass-input {
  margin-left: 100px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.pass-input .i-form-item__field {
  display: flex;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.pass-input .i-form-item__field > i-input-text {
  flex: 1;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.pass-input .i-btn {
  width: 40px;
  text-align: right;
  font-size: 14px;
  display: inline-block;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item.status-input {
  padding-bottom: 32px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item__label {
  width: 70px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  text-align: right;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item__field {
  width: 364px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item__field input::placeholder,
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item__field textarea::placeholder {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item__field textarea {
  min-height: 107px;
  padding-top: 9px;
}
.setting-cabinet-add-in-dialog .i-dialog__container .i-form-item[label] .i-form-item__error-wrapper {
  left: 100px;
}
.setting-cabinet-add-in-dialog-select .ns-popover-tooltip {
  margin-top: 5px !important;
  width: 364px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px !important;
  border: 1px solid #E5E5E5;
  max-width: none;
}

.setting-category-add-in-dialog {
  padding-left: 48px;
  padding-right: 48px;
}
.setting-category-add-in-dialog .i-dialog__container {
  padding: 0;
  padding-top: 30px;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item {
  padding-bottom: 24px;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item.remark .i-form-item__content {
  align-items: flex-start;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item.remark .i-form-item__content .i-form-item__label {
  text-align: right;
  position: relative;
  right: 13px;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item__label {
  width: 70px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item__field input,
.setting-category-add-in-dialog .i-dialog__container .i-form-item__field-inner {
  width: 340px;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item__field input::placeholder,
.setting-category-add-in-dialog .i-dialog__container .i-form-item__field textarea::placeholder {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item__field textarea {
  min-height: 107px;
  padding-top: 9px;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item__field i-tree-select.disabled .i-tree-select .i-form-item__field-inner {
  background-color: #F3F4F5;
  color: #999999;
  cursor: not-allowed;
}
.setting-category-add-in-dialog .i-dialog__container .i-form-item[label] .i-form-item__error-wrapper {
  left: 82px;
}
.setting-category-add-in-dialog-select .ns-popover-tooltip {
  margin-top: 5px !important;
  width: 364px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px !important;
  border: 1px solid #E5E5E5;
  max-width: none;
}

.material-number-setting-and-list .is-controller {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.material-number-setting-and-list .is-controller .con-text {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.material-number-setting-and-list .is-controller .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.material-number-setting-and-list .is-controller .animation-toggle .line,
.material-number-setting-and-list .is-controller .animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.material-number-setting-and-list .is-controller .animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.material-number-setting-and-list .is-controller .animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.material-number-setting-and-list .is-controller .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.material-number-setting-and-list .is-controller .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.material-number-setting-and-list .is-controller .animation-toggle-opened .line {
  background-color: #fa8919;
}
.material-number-setting-and-list .is-controller .animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.material-number-setting-and-list .color-block {
  color: #4a4a4a;
}
.material-number-setting-and-list .color-gray {
  color: #737373;
}
.material-number-setting-and-list .color-orange {
  color: #ed6c00;
}
.material-number-setting-and-list .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.material-number-setting-and-list .column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.material-number-setting-and-list .row-start-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.material-number-setting-and-list .row-space-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.material-number-setting-and-list .after-line {
  position: relative;
  width: 15px;
  height: 50px;
  margin-right: 15px;
}
.material-number-setting-and-list .after-line:after {
  position: absolute;
  content: '';
  right: 0;
  top: 18px;
  height: 14px;
  width: 1px;
  background-color: #ededed;
}
.material-number-setting-and-list i {
  vertical-align: middle;
}
.material-number-setting-and-list i:before {
  height: 100%;
}
.material-number-setting-and-list .material-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;
}
.material-number-setting-and-list .material-number-title span {
  display: inline-block;
  padding-right: 8px;
  box-shadow: inset 0 -3px 0 0 #fa8919;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .null-setting {
  min-height: 210px;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .null-setting img {
  width: 60px;
  margin-bottom: 17px;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted {
  border-radius: 4px;
  margin-top: 20px;
  border: 1px solid #ebebeb;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title {
  height: 50px;
  padding: 0 13px 0 37px;
  border-bottom: 1px solid #ebebeb;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title .setted-left {
  margin-left: -18px;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title .setted-left i {
  color: #fa8919;
  vertical-align: middle;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title .setted-left .setted-title {
  font-weight: 500;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title .setted-left .title {
  margin-left: 6px;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title .setted-right i {
  color: #cdc9c5;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-title .setted-right i:hover {
  color: #fdba89;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-content {
  padding: 0 13px 0 37px;
  line-height: 30px;
  font-size: 12px;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-content .name {
  padding: 16px 0;
  word-break: break-all;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-content .name .example {
  color: #a9a9a9;
}
.material-number-setting-and-list .material-number-setting .material-number-setting-content .is-setted .is-setted-content .time {
  color: #a9a9a9;
  white-space: nowrap;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose {
  display: flex;
  flex-direction: column;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose .material-number-mode-choose-type {
  height: 66px;
  margin: 14px 30px 14px 0;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose .material-number-mode-choose-type > div > span {
  font-weight: 700;
  font-size: 14px;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose .material-number-mode-choose-type > p {
  line-height: 20px;
  margin-left: 26px;
  padding: 10px 14px;
  font-size: 12px;
  background-color: #f8f8f9;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose .material-number-mode-choose-type:hover {
  border-color: #ffb387;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose .material-number-mode-choose-active {
  border-color: #ffb387;
}
.material-number-setting-and-list .material-number-setting .material-number-mode-choose .material-number-mode-choose-active .ibass-checkmark {
  color: #fa8919;
  margin-left: 6px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-left .real-time-search-enter-and-clear .search-module .i-close-module .ibass-close {
  margin-top: -6px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-left .material-number-search {
  width: 140px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .i-tree-select .i-form-item__field-inner {
  width: 140px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .i-date-picker .time-range-container .time-range-text-select {
  font-size: 12px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .i-date-picker .time-range-container .time-range-start-stop {
  font-size: 12px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .label {
  position: relative;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  margin-left: 24px;
  white-space: nowrap;
  margin-right: 8px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .label:first-child {
  margin-left: 39px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .label .ibass-close {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  right: -140px;
  font-size: 12px;
  cursor: pointer;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .time-range-item .time-range-text-select {
  padding: 0;
  line-height: 1;
  height: auto;
  color: #737373;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .create-type {
  color: #737373;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .create-type .i-down {
  margin-left: 2px;
  color: #cdc9c5;
  vertical-align: middle;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-title .content-right .time-down {
  color: #cdc9c5;
  margin-left: -4px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .info-download {
  display: flex;
  margin: 13px 0 12px 0;
  justify-content: flex-end;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .info-download .i-download {
  color: #cdc9c5;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 6px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table {
  width: 100%;
  border: none;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table ul li {
  display: inline-block;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table ul li i {
  vertical-align: middle;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table ul li:first-of-type {
  width: 380px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table ul li:nth-of-type(2) {
  width: 200px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table ul li:nth-of-type(3) {
  width: 140px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-head {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #737373;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-head .i-faq {
  font-size: 14px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-head li:first-of-type i {
  color: #cdc9c5;
  margin-left: 10px;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body {
  height: 52px;
  line-height: 52px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li .light-color {
  color: #9b9b9b;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li .i-edit {
  cursor: pointer;
  color: #cdc9c5;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  visibility: hidden;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li .i-edit:hover {
  color: #fdba89;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-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;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li .edit-input-module .input-btn-groups .input-close-btn {
  color: #cdc9c5;
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li .edit-input-module:hover {
  background-color: #f8f8f9;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li .i-clock {
  visibility: hidden;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li:first-of-type {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li:first-of-type span {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li:nth-of-type(2),
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li:nth-of-type(3) {
  color: #737373;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li:last-of-type {
  color: #cdc9c5;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body li:last-of-type i {
  cursor: pointer;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body:hover {
  background-color: #f8f8f9;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body:hover li .i-edit {
  visibility: visible;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .material-number-table .table-body:hover li .i-clock {
  visibility: visible;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .no-number-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  color: #ddd9d6;
}
.material-number-setting-and-list .material-number-list .material-number-list-content .material-number-list-content-table .no-number-list .i-search {
  font-size: 60px;
  vertical-align: middle;
}

.setting-library-add-in-dialog {
  padding-left: 37px;
  padding-right: 32px;
}
.setting-library-add-in-dialog .i-dialog__container {
  padding: 0;
  padding-top: 30px;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item {
  padding-bottom: 24px;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item.remark .i-form-item__content {
  align-items: flex-start;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item.remark .i-form-item__content .i-form-item__label {
  text-align: right;
  position: relative;
  right: 13px;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item__label {
  width: 70px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item__field input,
.setting-library-add-in-dialog .i-dialog__container .i-form-item__field-inner {
  width: 364px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item__field input::placeholder,
.setting-library-add-in-dialog .i-dialog__container .i-form-item__field textarea::placeholder {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item__field textarea {
  min-height: 107px;
  padding-top: 9px;
}
.setting-library-add-in-dialog .i-dialog__container .i-form-item[label] .i-form-item__error-wrapper {
  left: 85px;
}
.setting-library-add-in-dialog-select .ns-popover-tooltip {
  margin-top: 5px !important;
  width: 364px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px !important;
  border: 1px solid #E5E5E5;
  max-width: none;
}

.setting-user-add-in-dialog .i-dialog__container .i-form {
  padding: 20px 20px 24px;
  background: #F7F8F9;
  border-radius: 8px;
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form {
  display: grid;
  margin-bottom: 26px;
  row-gap: 16px;
  column-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form-item {
  padding: 0;
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form-item:nth-last-child(2) {
  grid-column-start: 1;
  grid-column-end: 4;
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form-item__content {
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form-item__label {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 14px;
  margin-bottom: 8px;
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form-item__field {
  width: 100%;
  font-size: 14px;
}
.setting-user-add-in-dialog .i-dialog__container .form .i-form-item__error-wrapper {
  top: 0;
  right: 0;
  left: unset;
  bottom: unset;
}
.setting-user-add-in-dialog .i-dialog__container .material-upload,
.setting-user-add-in-dialog .i-dialog__container .drag-area {
  cursor: pointer;
  width: 214px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #666;
  border-radius: 4px;
}
.setting-user-add-in-dialog .i-dialog__container .material-upload .ibass-upload,
.setting-user-add-in-dialog .i-dialog__container .drag-area .ibass-upload {
  color: #ebebeb;
  margin-bottom: 8px;
}
.setting-user-add-in-dialog .i-dialog__container .material-upload:hover,
.setting-user-add-in-dialog .i-dialog__container .drag-area:hover {
  background-color: #000000;
  opacity: 0.6;
  color: #fff;
}
.setting-user-add-in-dialog .i-dialog__container .material-upload:hover .title,
.setting-user-add-in-dialog .i-dialog__container .drag-area:hover .title {
  font-size: 14px;
}
.setting-user-add-in-dialog .i-dialog__container .material-upload .ibass-upload,
.setting-user-add-in-dialog .i-dialog__container .drag-area .ibass-upload {
  font-size: 32px;
}
.setting-user-add-in-dialog .i-dialog__container .material-upload .title,
.setting-user-add-in-dialog .i-dialog__container .drag-area .title {
  font-size: 14px;
}
.setting-user-add-in-dialog .i-dialog__container .img-wrap {
  position: relative;
  margin-top: 0;
  width: 214px;
  height: 160px;
  border-radius: 4px;
  overflow: hidden;
}
.setting-user-add-in-dialog .i-dialog__container .img-wrap:hover .img-wrap__mask {
  display: inline-flex;
}
.setting-user-add-in-dialog .i-dialog__container .img-wrap__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.setting-user-add-in-dialog .i-dialog__container .img-wrap__mask {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #000000;
  opacity: 0.6;
}
.setting-user-add-in-dialog .i-dialog__container .img-wrap__mask .ibass {
  cursor: pointer;
  position: static !important;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 20px;
}
.setting-user-add-in-dialog .i-dialog__container .img-wrap__mask .ibass:first-child {
  margin-right: 26px;
}
.setting-user-add-in-dialog .i-dialog__container .i-upload {
  position: relative;
}
.setting-user-add-in-dialog .i-dialog__container .dragover {
  border: none;
}
.setting-user-add-in-dialog .i-dialog__container .dragover .i-upload {
  display: none;
}
.setting-user-add-in-dialog .i-dialog__container .dragover .drag-area {
  display: flex;
}
.setting-user-add-in-dialog .i-dialog__container .drag-area {
  display: none;
  position: absolute;
  top: 22px;
}

.setting-material-batch-add-in-dialog .upload-wrap {
  width: 464px;
  height: 204px;
  background: #F7F8F9;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
}
.setting-material-batch-add-in-dialog .upload-wrap .ibass-upload {
  font-size: 32px;
  color: #EBEBEB;
}
.setting-material-batch-add-in-dialog .upload-wrap .i-btn {
  margin: 16px 0;
}
.setting-material-batch-add-in-dialog .upload-wrap .download {
  color: #FA8919;
  cursor: text;
  text-decoration: underline;
}
.setting-material-batch-add-in-dialog .upload-wrap .download:hover {
  cursor: pointer;
  color: #ed6c00;
}

.assets-settings-material-detail .i-dialog__header::after {
  left: 20px;
  width: calc(100% - 50px);
}
.assets-settings-material-detail .i-dialog__container {
  padding-top: 22px;
}
.assets-settings-material-detail .i-drawer__container {
  padding-top: 12px;
}
.assets-settings-material-detail .i-drawer__header {
  height: auto;
}
.assets-settings-material-detail .wrap-title {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  clear: both;
  margin-bottom: 20px;
}
.assets-settings-material-detail .wrap-fields {
  float: left;
  margin-right: 36px;
}
.assets-settings-material-detail .wrap-fields:nth-child(3n) {
  margin-right: 0;
}
.assets-settings-material-detail .wrap-fields:nth-child(n + 4) {
  margin-top: 24px;
}
.assets-settings-material-detail .wrap-field__label {
  width: 180px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
}
.assets-settings-material-detail .wrap-field .w-full {
  width: 540px;
}
.assets-settings-material-detail .wrap-field__value {
  margin-top: 6px;
  width: 180px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  word-break: break-all;
}
.assets-settings-material-detail .wrap-field__value img {
  display: block;
  border-radius: 4px;
  width: 214px;
  height: 160px;
  object-fit: cover;
}
.assets-settings-material-detail .top {
  box-sizing: border-box;
  width: 660px;
  background: #F7F8F9;
  padding: 24px;
  border-radius: 8px;
  overflow: hidden;
}
.assets-settings-material-detail .img-wrap {
  position: relative;
  margin-top: 14px;
  width: 214px;
  height: 160px;
  border-radius: 4px;
  overflow: hidden;
}
.assets-settings-material-detail .img-wrap:hover .img-wrap__mask {
  display: inline-flex;
}
.assets-settings-material-detail .img-wrap__img {
  display: block;
  width: 100%;
  height: 100%;
}
.assets-settings-material-detail .img-wrap__mask {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #000000;
  opacity: 0.6;
}
.assets-settings-material-detail .img-wrap__mask .ibass {
  cursor: pointer;
  position: static !important;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 20px;
}
.assets-settings-material-detail .img-wrap__mask .ibass:first-child {
  margin-right: 26px;
}

.member-select-popover {
  top: 58px !important;
  left: 0 !important;
}
.department-position {
  display: inline-block;
  position: relative;
}
.setting-user-add-in-dialog .setting-user-add-in-dialog-team-popover {
  font-weight: 400;
}
.setting-user-add-in-dialog .img-nodata {
  font-size: 12px;
  color: #999999;
}
.setting-user-add-in-dialog .img-wrap {
  position: relative;
  margin-top: 14px;
  width: 150px;
  height: 112px;
  border-radius: 4px;
  overflow: hidden;
}
.setting-user-add-in-dialog .img-wrap:hover .img-wrap__mask {
  display: inline-flex;
}
.setting-user-add-in-dialog .img-wrap__img {
  display: block;
  width: 100%;
  height: 100%;
}
.setting-user-add-in-dialog .img-wrap__mask {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #000000;
  opacity: 0.6;
}
.setting-user-add-in-dialog .img-wrap__mask .ibass {
  cursor: pointer;
  position: static !important;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 20px;
}
.setting-user-add-in-dialog .img-wrap__mask .ibass:first-child {
  margin-right: 26px;
}
.setting-user-add-in-dialog [disabled='disabled'] {
  pointer-events: none;
  color: #999999 !important;
}
.setting-user-add-in-dialog .top-tooltip {
  width: 390px;
}
.setting-user-add-in-dialog .ibass-info {
  vertical-align: -2px;
  margin-left: 3px;
}
.setting-user-add-in-dialog .ibass-info:hover {
  color: #FA8919;
}
.setting-user-add-in-dialog .ui-select-container + span {
  z-index: 10;
}
.setting-user-add-in-dialog .i-dialog__container .matter .edit-view {
  top: 0;
}
.setting-user-add-in-dialog .i-dialog__container .label-noactive {
  position: absolute;
  left: 0;
  top: 30px !important;
  line-height: 28px;
  font-size: 12px;
}
.setting-user-add-in-dialog .i-dialog__container .hr-clean-states {
  position: absolute;
  font-size: 14px;
  right: -2px;
  top: 34px;
  cursor: pointer;
}
.setting-user-add-in-dialog .i-dialog__container .label-active-with-value {
  position: absolute;
  left: 0px;
  color: #ccc;
  font-size: 12px;
  top: 10px !important;
  display: block;
}
.setting-user-add-in-dialog .i-dialog__container .input-large input {
  padding-right: 20px;
}
.setting-user-add-in-dialog .i-dialog__container .matter .edit-view {
  left: 0;
  padding: 0;
  margin: 0;
}
.setting-user-add-in-dialog .i-dialog__container .alphav2-wrap-second {
  display: block;
}
.setting-user-add-in-dialog .i-dialog__container .firm-icon-group {
  color: #a9a9a9;
}
.setting-user-add-in-dialog .i-dialog__container .matter .edit-view .m-select select {
  color: #4a4a4a;
}
.setting-user-add-in-dialog .i-dialog__container .matter .edit-view .ibass-search {
  position: static;
}
.setting-user-add-in-dialog .i-dialog__container .matter .edit-view input.search-input {
  border: none;
  float: left;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.setting-user-add-in-dialog .i-dialog__container .ui-select-match-text span {
  display: inline-block;
  max-width: 246px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-user-add-in-dialog .i-dialog__container .label-active {
  position: absolute;
  top: 30px;
  left: 0px;
  color: #a9a9a9;
  font-size: 12px;
  display: block;
}
.setting-user-add-in-dialog .i-dialog__container .label-pulldown {
  position: absolute;
  top: 12px;
  right: 0px;
  color: #a9a9a9;
  display: block;
}
.setting-user-add-in-dialog .i-dialog__container .label-required {
  position: absolute;
  top: 30px;
  right: 0px;
  color: #a9a9a9;
  display: block;
  color: red;
}
.setting-user-add-in-dialog .i-dialog__container .ibass-minus-fill {
  position: absolute;
  right: -30px;
  top: 14px;
  color: #cdc9c5;
  font-size: 12px;
  cursor: pointer;
}
.setting-user-add-in-dialog .i-dialog__container .select-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: middle;
}
.setting-user-add-in-dialog .i-dialog__container .selectdept input {
  width: 246px !important;
}
.setting-user-add-in-dialog .i-dialog__container .selectrole input,
.setting-user-add-in-dialog .i-dialog__container .selectrole .ui-select-match {
  width: 120px !important;
}
.setting-user-add-in-dialog .i-dialog__container .selectrole .ui-select-match-text span {
  max-width: 110px !important;
}
.setting-user-add-in-dialog .i-dialog__container .ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #4a4a4a;
}
.setting-user-add-in-dialog .i-dialog__container .ui-select-choices-row-inner div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.setting-user-add-in-dialog .i-dialog__container .main-btn:disabled {
  background: #ebebee !important;
  border-color: #ebebee !important;
  cursor: not-allowed;
}
.setting-user-add-in-dialog .i-dialog__container .text-muted {
  color: #a9a9a9;
}
.setting-user-add-in-dialog .i-dialog__container .require-dpt-desc {
  font-size: 12px;
  color: red;
  font-weight: initial;
}
.setting-user-add-in-dialog .i-dialog__container .edit-view .ibass-done:before {
  position: absolute;
  left: 88%;
  margin-left: 5px;
  top: 0;
  color: #ed6c00 !important;
}
.setting-user-add-in-dialog .i-dialog__container .verify-loading {
  position: absolute;
  top: 10px;
  width: 15px;
  height: 15px;
}
.setting-user-add-in-dialog .i-dialog__container .verify-phone-loading {
  left: 27px;
}
.setting-user-add-in-dialog .i-dialog__container .verify-email-loading {
  left: 27px;
}
.setting-user-add-in-dialog .i-dialog__container .verify-loading .loading {
  padding: 0;
}
.setting-user-add-in-dialog .i-dialog__container .verify-loading .loading .loader {
  transform: scale(0.2);
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -40px;
  margin-top: -41px;
}
.setting-user-add-in-dialog .i-dialog__container .ddl-search-input {
  padding-top: 0px !important;
  height: 34px !important;
  width: 100% !important;
  border: none !important;
  font-size: smaller !important;
  margin-left: 17px !important;
}
.setting-user-add-in-dialog .i-dialog__container .ibass-search {
  position: absolute;
  top: 2px;
  left: 11px;
}
.setting-user-add-in-dialog .i-dialog__container .ddl-list-selected {
  left: 15px !important;
  font-size: 16px;
}
.setting-user-add-in-dialog .i-dialog__container .ddl-list-name {
  padding-left: 30px;
}
.setting-user-add-in-dialog .i-dialog__container .ibass-checkbox {
  color: #ddd !important;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box:after {
  content: '';
  display: table;
  clear: both;
  width: 0;
  height: 0;
  visibility: hidden;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select {
  box-sizing: content-box !important;
  width: 85px;
  float: left;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select .input-mid {
  width: 80px !important;
  padding-top: 17px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select .input-mid input {
  width: 80px !important;
  line-height: 48px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select .input-mid .ui-select-match {
  box-shadow: none;
  width: 80px;
  line-height: 48px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select .input-mid .ui-select-match .ui-select-toggle {
  height: inherit;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select .input-mid .dcw-select-choices {
  width: 240px !important;
  left: -80px;
  top: 55px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-merber-ui-select .dcw-label-pulldown {
  top: 30px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-input-phone {
  width: 240px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-input-box-phone {
  width: 315px;
  display: inline-block;
  position: relative;
  vertical-align: -13px;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .dcw-input-box-phone .dcw-input-dcw-phone {
  width: 100% !important;
}
.setting-user-add-in-dialog .i-dialog__container .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;
}
.setting-user-add-in-dialog .i-dialog__container .dcw-phone-box .addmem-phone-zone .ibass-trig-down {
  float: right;
  margin-right: 10px;
}
.setting-user-add-in-dialog .i-dialog__container .phone-zone-list {
  padding: 15px 0;
}
.setting-user-add-in-dialog .i-dialog__container .phone-zone-list .active {
  background-color: #f8f8f9;
}
.setting-user-add-in-dialog .i-dialog__container .fcn-certified-text {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
}
.setting-user-add-in-dialog .i-dialog__container .fcn-certified-text .fcn-certified-icon {
  margin-left: 5px;
  vertical-align: middle;
}
.setting-user-add-in-dialog .i-dialog__container .fcn-certified-text.fcn-certified-warning {
  color: #e8263e;
}
.setting-user-add-in-dialog .i-dialog__container .fcn-certified-text.fcn-certified-info {
  color: #f5a623;
}
.setting-user-add-in-dialog .i-dialog__container .fcn-certified-text.fcn-certified-success {
  color: #417505;
}

.assets-settings-user-detail .i-dialog__header::after {
  left: 20px;
  width: calc(100% - 50px);
}
.assets-settings-user-detail .i-dialog__container {
  padding-top: 22px;
}
.assets-settings-user-detail .i-drawer__container {
  padding-top: 12px;
}
.assets-settings-user-detail .i-drawer__header {
  height: auto;
}
.assets-settings-user-detail .wrap-title {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  clear: both;
  margin-bottom: 20px;
}
.assets-settings-user-detail .wrap-fields {
  float: left;
  margin-right: 36px;
}
.assets-settings-user-detail .wrap-fields:nth-child(3n + 1) {
  margin-right: 0;
}
.assets-settings-user-detail .wrap-fields:nth-child(n + 5) {
  margin-top: 20px;
}
.assets-settings-user-detail .wrap-two-fields {
  display: flex;
}
.assets-settings-user-detail .wrap-two-fields:nth-child(n + 3) {
  margin-top: 24px;
}
.assets-settings-user-detail .wrap-two-fields .wrap-field {
  margin-right: 36px;
}
.assets-settings-user-detail .wrap-field__label {
  width: 180px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
}
.assets-settings-user-detail .wrap-field__value {
  display: inline-block;
  margin-top: 6px;
  max-width: 180px;
  height: 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.assets-settings-user-detail .wrap__value img {
  width: 150px;
}
.assets-settings-user-detail .top {
  box-sizing: border-box;
  width: 660px;
  height: 250px;
  background: #F7F8F9;
  padding: 24px;
  border-radius: 8px;
}
.assets-settings-user-detail .bottom {
  box-sizing: border-box;
  margin-top: 16px;
  width: 660px;
  background: #F7F8F9;
  border-radius: 8px;
  padding: 24px;
}
.assets-settings-user-detail .img-wrap {
  position: relative;
  margin-top: 14px;
  width: 150px;
  height: 112px;
  border-radius: 8px;
  overflow: hidden;
}
.assets-settings-user-detail .img-wrap:hover .img-wrap__mask {
  display: inline-flex;
}
.assets-settings-user-detail .img-wrap__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.assets-settings-user-detail .img-wrap__mask {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #000000;
  opacity: 0.6;
}
.assets-settings-user-detail .img-wrap__mask .ibass {
  cursor: pointer;
  position: static !important;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 20px;
}
.assets-settings-user-detail .img-wrap__mask .ibass:first-child {
  margin-right: 26px;
}

.nd-content-task .task-list .children-list task-children-item {
  position: relative;
  width: 100%;
  display: inline-block;
}
.nd-content-task .task-list .children-list task-children-item .task-item-inner {
  position: absolute;
  top: 30px;
  left: 0;
  height: 20px;
  width: 100%;
}
.nd-content-task .task-list .children-list task-children-item .task-item-inner.ui-droppable-hover {
  background-color: #fa8919 !important;
  height: 50px;
  top: 0;
}
.nd-content-task .task-list .children-list task-children-item .task-item-outside {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.nd-content-task .task-list .children-list task-children-item .task-item-outside.ui-droppable-hover {
  height: 50px;
  border-top: 1px solid #fa8919 !important;
}
.nd-content-task .task-list .children-list .task-item.child-task-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  padding-left: 74px;
  width: 100%;
  box-sizing: border-box;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .info .icon {
  padding-right: 10px;
  height: 50px;
  display: block;
  color: #A4A7B0;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .info .icon .ibass-task-check {
  cursor: not-allowed;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .info .task-name.sub-name {
  font-size: 12px;
  color: #8a94a0;
}
.nd-content-task .task-list .children-list .task-item.child-task-item:hover {
  background-color: #f8f8f9;
  box-shadow: none;
}
.nd-content-task .task-list .children-list .task-item.child-task-item.ui-draggable-dragging {
  background-color: #f8f8f9;
}
.nd-content-task .task-list .children-list .task-item.child-task-item.ui-draggable-dragging {
  background-color: #f8f8f9;
  opacity: .8;
  width: 900px;
  border-radius: 4px;
}
.nd-content-task .task-list .children-list .task-item.child-task-item.ui-droppable-hover {
  border-bottom: 1px solid #fa8919;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 0;
  width: 98%;
  cursor: pointer;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: none;
  width: 481px;
  line-height: 1;
  flex-grow: 0;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .title span {
  height: 40px;
  line-height: 40px;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .title .task-parent-info .task-item-info {
  max-width: 290px;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .title .check-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .title .check-list i,
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .title .check-list span {
  margin: 0 4px;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .task-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .task-info span {
  padding: 0 2px;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .task-info .edit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 180px;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .task-info .edit .operate-icon {
  display: none;
  margin-right: 12px;
  padding: 0;
  color: #fdba78;
}
.nd-content-task .task-list .children-list .task-item.child-task-item .title-group .task-info .edit .operate-icon:hover {
  color: #fa8919;
}
.nd-content-task .task-list .children-list .task-item.child-task-item:hover .title-group .task-info .edit .operate-icon {
  display: block;
}

.tpl-task-detail ul.task-attach-list {
  margin-top: 0;
  padding: 0 0 10px;
  line-height: 30px;
  color: #4a494a;
  margin-left: 48px;
}
.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;
}
.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 .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 .dark {
  color: #a9a9a9;
}
.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 .add-check-input {
  min-width: 300px;
  display: inline-block;
}
.tpl-task-detail .active {
  display: block;
}
.tpl-task-detail .child-task-name {
  padding-left: 20px;
}
.tpl-task-detail .add-child-item {
  margin: 0;
  margin-bottom: 0;
  padding: 0 33px 16px 52px;
  display: block !important;
}
.tpl-task-detail .add-child-item i {
  color: #626266;
}
.tpl-task-detail .add-child-item span {
  margin-left: 4px;
}
.tpl-task-detail .task-description-not-allow-edit:hover {
  background-color: transparent;
}
.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 .line {
  margin-bottom: 28px;
  border-bottom: 1px solid #f0f0f0;
  width: 188px;
  margin-left: 30px;
}
.tpl-task-detail .ibass-delete:hover {
  color: #f72b44!important;
}
.cursor-not-allow {
  cursor: not-allowed;
}
.task-detail-model.tpl-task-detail .tpl-child-content {
  position: relative;
}
.task-detail-model.tpl-task-detail .tpl-child-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-child-content.none-content {
  padding-top: 70px;
  text-align: center;
}
.task-detail-model.tpl-task-detail .tpl-child-content .none-content-left {
  margin: 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 .input-btn {
  line-height: 28px;
}
.task-detail-model.tpl-task-detail .task-description .input-btn.cancel-btn {
  right: 85px;
  color: #4a4a4a;
  background: #fff;
  width: 50px;
}
.task-detail-model.tpl-task-detail .task-description .task-check-list {
  text-align: left;
  font-size: 14px;
}
.task-detail-model.tpl-task-detail .task-description .task-check-list .check-item .ibass-checkbox {
  float: left;
}
.task-detail-model.tpl-task-detail .task-description .task-check-list .check-item-text {
  width: auto;
  float: left;
}
.task-detail-model.tpl-task-detail .task-metas {
  text-align: left;
  padding: 0 25px 25px;
  margin-left: 15px;
  color: #a9a9a9;
}
.task-detail-model.tpl-task-detail .task-metas i {
  color: #cdc9c5;
  vertical-align: -2px;
}
.task-detail-model.tpl-task-detail .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;
}
.tpl-task-detail .tpl-task-top .task-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0 15px 16px 60px;
  color: #737373;
  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-top .task-group .name {
  padding-right: 16px;
}
.tpl-task-detail .tpl-task-top .task-group .back {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.tpl-task-detail .tpl-task-top .task-group .back .parent-name {
  padding-left: 4px;
}
.tpl-task-detail .tpl-child-content {
  padding: 18px 40px 30px 20px;
}
.tpl-task-detail .tpl-child-content .none-task-content {
  text-align: center;
  padding-bottom: 30px;
  color: #737373;
}
.tpl-task-detail .tpl-child-content p.task-desc {
  margin: 0;
  padding-bottom: 30px;
  font-size: 14px;
}
.tpl-task-detail .tpl-child-content .title-icon {
  margin-right: 10px;
  font-size: 14px;
  color: #626266;
}
.child-popup--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 30px 16px 26px;
  border-bottom: 1px solid #E9E9E9;
}
.child-popup--title .child-title-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 82%;
  line-height: 14px;
  cursor: pointer;
}
.child-popup--title .child-title-wrapper .ibass-task-check {
  float: none;
  margin-right: 6px;
  font-size: 16px;
  color: #85868A;
  line-height: 14px;
}
.child-popup--title .child-title-wrapper .default-name,
.child-popup--title .child-title-wrapper .task-name-editable {
  margin-left: 6px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85868A;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.child-popup--title .child-title-wrapper .default-name {
  width: 90%;
}
.child-popup--title .child-title-wrapper .task-name-editable {
  width: 70%;
}
.child-popup--title .child-title-wrapper span {
  padding-left: 0;
}
.child-popup--title .child-title-wrapper .focus {
  border-bottom: 1px solid #f0f0f0;
}
.child-popup--title .right-button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.child-popup--title .right-button-group i {
  margin-left: 16px;
  padding-left: 16px;
  font-size: 18px;
  color: #cdc9c5;
  border-left: 1px solid #ebebeb;
  line-height: 14px;
}
.child-popup--title .right-button-group i:first-of-type {
  border-left: none;
}
.parent-area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
  margin-left: 8px;
}
.parent-area .parent-name--wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.parent-area .parent-name--wrapper i {
  margin-right: 8px;
  font-size: 20px;
  color: #A4A7B0;
}
.parent-area .parent-name--wrapper .name {
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.parent-area .template-name--wrapper {
  padding-top: 8px;
  padding-left: 28px;
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #85868A;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content-item {
  margin-bottom: 26px;
  padding-left: 20px;
  width: 100%;
}
.content-item .task-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 16px;
}
.content-item .task-wrapper .count-wrapper,
.content-item .task-wrapper .add-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  cursor: pointer;
}
.content-item .task-wrapper .count-wrapper .item-wrapper,
.content-item .task-wrapper .add-wrapper .item-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.content-item .task-wrapper .count-wrapper .i,
.content-item .task-wrapper .add-wrapper .i,
.content-item .task-wrapper .count-wrapper span,
.content-item .task-wrapper .add-wrapper span,
.content-item .task-wrapper .count-wrapper p,
.content-item .task-wrapper .add-wrapper p,
.content-item .task-wrapper .count-wrapper .count,
.content-item .task-wrapper .add-wrapper .count {
  font-size: 14px;
  color: #85868A;
}
.content-item .task-wrapper .count-wrapper p.has-content,
.content-item .task-wrapper .add-wrapper p.has-content,
.content-item .task-wrapper .count-wrapper i.has-content,
.content-item .task-wrapper .add-wrapper i.has-content,
.content-item .task-wrapper .count-wrapper span.has-content,
.content-item .task-wrapper .add-wrapper span.has-content,
.content-item .task-wrapper .count-wrapper .count.has-content,
.content-item .task-wrapper .add-wrapper .count.has-content {
  color: #333;
}
.content-item .task-wrapper .count-wrapper .num,
.content-item .task-wrapper .add-wrapper .num {
  padding-left: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A4A7B0;
  line-height: 20px;
}
.content-item .task-wrapper .count-wrapper .fold-icon,
.content-item .task-wrapper .add-wrapper .fold-icon {
  transition: transform .2s ease;
}
.content-item .task-wrapper .count-wrapper .unfold,
.content-item .task-wrapper .add-wrapper .unfold {
  transform: rotate(90deg);
  transform-origin: center;
}
.content-item .task-wrapper .count-wrapper .add-file,
.content-item .task-wrapper .add-wrapper .add-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
}
.content-item .task-wrapper .count-wrapper .add-file .ns-popover-item,
.content-item .task-wrapper .add-wrapper .add-file .ns-popover-item {
  color: #fff !important;
}
.content-item .task-wrapper .count-wrapper .add-file .ns-popover-item span,
.content-item .task-wrapper .add-wrapper .add-file .ns-popover-item span {
  font-size: 12px !important;
  color: #fff !important;
}
.content-item .task-wrapper .count-wrapper .add-file .ns-popover-item:hover,
.content-item .task-wrapper .add-wrapper .add-file .ns-popover-item:hover {
  color: #fff;
}
.content-item .task-wrapper .count-wrapper:hover,
.content-item .task-wrapper .add-wrapper:hover {
  color: #fa8919;
}
.content-item .task-wrapper .count-wrapper:hover span,
.content-item .task-wrapper .add-wrapper:hover span,
.content-item .task-wrapper .count-wrapper:hover i,
.content-item .task-wrapper .add-wrapper:hover i,
.content-item .task-wrapper .count-wrapper:hover p,
.content-item .task-wrapper .add-wrapper:hover p,
.content-item .task-wrapper .count-wrapper:hover .count,
.content-item .task-wrapper .add-wrapper:hover .count {
  color: #fa8919;
}
.content-item .task-wrapper .check-count-wrapper {
  padding: 15px 0;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.content-item .task-wrapper .check-count-wrapper .dark {
  margin-left: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.content-item .task-wrapper .check-count-wrapper:hover {
  color: #333;
}
.content-item .task-wrapper .check-count-wrapper:hover span,
.content-item .task-wrapper .check-count-wrapper:hover i,
.content-item .task-wrapper .check-count-wrapper:hover p,
.content-item .task-wrapper .check-count-wrapper:hover .count {
  color: #333 !important;
}
.content-item .task-wrapper .none-content:hover {
  color: #fa8919;
}
.content-item .task-wrapper .none-content:hover span,
.content-item .task-wrapper .none-content:hover i,
.content-item .task-wrapper .none-content:hover p,
.content-item .task-wrapper .none-content:hover .count {
  color: #fa8919 !important;
}
.content-item .task-wrapper .add-input {
  padding-left: 24px;
  width: 100%;
}
.content-item .task-wrapper .add-input input {
  width: 100%;
  padding: 12px 112px 12px 16px;
  border: 1px solid #ffb387;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  margin-top: 20px;
}
.content-item .task-wrapper .add-icon {
  margin-right: 6px;
  font-size: 14px;
  color: #626266;
}
.content-item .task-wrapper .add-icon:hover {
  color: #fa8919;
}
.content-item .task-list-section {
  padding: 12px 0 0;
  width: 100%;
}
.content-item .task-list-section .task-list--item {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
  border-top: 1px solid #EBEBEB;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.content-item .task-list-section .task-list--item .title-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #666;
}
.content-item .task-list-section .task-list--item .title-section .check-icon {
  margin-right: 8px;
}
.content-item .task-list-section .task-list--item .title-section .title {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.content-item .task-list-section .task-list--item .title-section .file-name,
.content-item .task-list-section .task-list--item .title-section .task-size {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.content-item .task-list-section .task-list--item .title-section .file-name {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content-item .task-list-section .task-list--item .title-section .task-size {
  margin-left: 8px;
}
.content-item .task-list-section .task-list--item .desc-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .task-list-section .task-list--item .desc-section .item-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 16px;
}
.content-item .task-list-section .task-list--item .desc-section .item-wrapper i,
.content-item .task-list-section .task-list--item .desc-section .item-wrapper span {
  margin: 0 4px;
  color: #cdc9c5;
  font-size: 16px;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper {
  display: none;
  font-size: 16px;
  color: #cdc9c5;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper:hover {
  color: #fa8919;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper span {
  margin-left: 4px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper span:hover {
  color: #fa8919;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper .al-delete-confirm {
  font-size: 12px;
  color: #fff;
  line-height: 22px;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper .al-delete-confirm:hover {
  color: #fff;
}
.content-item .task-list-section .task-list--item .item-detail--section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 26px;
}
.content-item .task-list-section .task-list--item .edit-textarea {
  position: relative;
  padding: 12px 24px 42px;
  width: 100%;
  min-height: 100px;
  border: 1px solid transparent;
}
.content-item .task-list-section .task-list--item .edit-textarea pre {
  padding: 12px 24px;
}
.content-item .task-list-section .task-list--item .edit-textarea textarea {
  padding: 12px 24px;
  width: 100%;
  height: 84%;
  line-height: 26px;
  color: #4a4a4a;
  border-radius: 3px;
  border: none;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns {
  position: absolute;
  right: 16px;
  bottom: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns .input-btn {
  margin-left: 8px;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns .input-btn:hover {
  color: #fff;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns .submit-btn {
  width: 70px;
  color: #fff;
  border-color: #fa8919;
  background-color: #fa8919;
}
.content-item .task-list-section .task-list--item .active {
  border: 1px solid #ffb387;
  border-radius: 3px;
}
.content-item .task-list-section .task-list--item:hover {
  border-radius: 1px;
  background-color: #f9fafa;
  cursor: pointer;
}
.content-item .task-list-section .task-list--item:hover .edit-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .task-list-section .task-list--item:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.content-item .task-list-section .task-list--item__nohover {
  padding-left: 0 !important;
}
.content-item .task-list-section .task-list--item__nohover:hover {
  background-color: #fff !important;
}
.content-item .task-list-section .upload-file-progress {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px 12px 24px;
}
.content-item .task-list-section .upload-file-progress .icon {
  margin-right: 4px;
}
.content-item .task-list-section .upload-file-progress .progress {
  position: static;
  margin-left: 8px;
  height: auto;
  width: 175px;
  background-color: #f0f0f0;
}
.content-item .task-list-section .upload-file-progress .progress .bar {
  position: static;
}
.content-item .task-list-section .upload-file-progress .close {
  font-size: 12px;
}
.content-item .task-check-section .check-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  border-top: 1px solid #EBEBEB;
}
.content-item .task-check-section .check-list-item .title-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #666;
}
.content-item .task-check-section .check-list-item .title-section .check-box {
  margin-right: 14px;
}
.content-item .task-check-section .check-list-item .title-section .editable {
  position: relative;
  width: 100%;
  min-height: 22px;
  word-break: break-all;
}
.content-item .task-check-section .check-list-item .title-section .editable textarea {
  margin-left: 14px;
  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;
}
.content-item .task-check-section .check-list-item .title-section .key {
  color: #737373;
  cursor: pointer;
}
.content-item .task-check-section .check-list-item .title-section .key .name {
  padding-left: 8px;
}
.content-item .task-check-section .check-list-item .title-section .key:hover {
  color: #fa8919;
}
.content-item .task-check-section .check-list-item .full {
  width: 100%;
}
.content-item .task-check-section .check-list-item .desc-section {
  display: none;
}
.content-item .task-check-section .check-list-item .desc-section .item-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 16px;
}
.content-item .task-check-section .check-list-item .desc-section .item-wrapper i,
.content-item .task-check-section .check-list-item .desc-section .item-wrapper span {
  margin: 0 4px;
  color: #cdc9c5;
  font-size: 16px;
}
.content-item .task-check-section .check-list-item .desc-section .item-wrapper .al-delete-confirm {
  font-size: 12px;
  color: #fff;
}
.content-item .task-check-section .check-list-item:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.content-item .task-check-section .check-list-item:hover .desc-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .view-detail {
  margin-top: 15px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 26px;
}
.content-item .border-tb {
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.content-item .check-bg {
  background-color: #F9FAFA;
}
.pad20 {
  padding-left: 20px;
}
.content-item:last-of-type {
  margin-bottom: 0;
}

.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;
}

.matter-process-current-code {
  width: 100%;
  height: 100%;
  position: relative;
  color: #aaaaaa;
}
.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-code-civil {
  width: 100%;
  height: 100%;
  position: relative;
  color: #aaaaaa;
  text-overflow: ellipsis;
  overflow: hidden;
}
.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;
}

.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: 38%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .pay-date {
  width: 25%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .amount {
  width: 25%;
  margin-right: 5%;
}
.fee-card-wrapper.contract-payment-create .staged-charge .is-met {
  width: 25%;
}
.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 .common-card .card-content .payment-date-undefinde {
  position: relative;
  top: 30px;
  right: 30px;
}
.fee-card-wrapper.contract-payment-create .common-card .card-content .payment-date-undefinde .ibass-checkbox,
.fee-card-wrapper.contract-payment-create .common-card .card-content .payment-date-undefinde .ibass-checked {
  position: relative;
  top: 3px;
}
.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;
}

.alpha-gpt-layout {
  position: relative;
}
.alpha-gpt-header {
  display: flex;
  align-items: center;
  padding: 0 25px;
  height: 72px;
  background: #FFFFFF;
  border-bottom: 1px solid #ebebeb;
}
.alpha-gpt-header img {
  height: 30px;
}
.alpha-gpt-body {
  padding: 24px 20px 0;
  background-color: #F8F8F8;
}
.alpha-gpt-body .content {
  position: relative;
  z-index: 2;
}
.alpha-gpt-body .line {
  position: absolute;
  bottom: 0;
  width: 100vw;
  left: 0px;
  height: 23px;
  background-color: #333333;
  z-index: 1;
}

.aiSwitchCaseDialog {
  padding: 24px 24px 24px 24px;
  width: 952px;
  height: 884px;
  box-sizing: border-box;
}
.aiSwitchCaseDialog .iframeBox {
  overflow: scroll;
  min-height: 764px;
}
.aiSwitchCaseDialog .iframeBox iframe {
  width: 100%;
  border: 0;
  display: block;
}
.aiSwitchCaseDialog .iframeBox::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.aiSwitchCaseDialog .iframeBox .loading {
  padding: 150px;
}
.aiSwitchCaseDialog .dialogTitle {
  height: 40px;
  margin-bottom: 24px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aiSwitchCaseDialog .dialogTitle div {
  position: absolute;
  z-index: 2;
  width: 152px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aiSwitchCaseDialog .dialogTitle div .title {
  background-color: #fff;
  width: 100%;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4a4a4a;
  text-align: center;
}
.aiSwitchCaseDialog .dialogTitle .line {
  position: absolute;
  z-index: 1;
  width: 872px;
  height: 1px;
  left: 0px;
  background: #ebebeb;
}

.bd-batch-add-search-report .firm-dialog-title {
  margin-left: 0px;
}
.bd-batch-add-search-report .myLoading {
  padding: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -67%);
}



.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 .firm-dialog-body .search-report-container .case-batch-add-report-gg-tip {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 12px;
}
.bd-batch-add-search-report .firm-dialog-body .search-report-container .case-batch-add-report-gg-tip .ibass-info {
  position: relative;
  top: 0px;
  color: #fa8919;
  margin-right: 4px;
}
.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-articleDetail {
  width: 1200px;
  position: relative;
  background: #fff;
  left: -100px;
  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 .add-label {
  padding-left: 12px;
}
.bigData-articleDetail .cDownFile {
  color: #d3a279;
  cursor: pointer;
}
.bigData-articleDetail .search-in-page {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 20;
  background: transparent;
  top: 80px !important;
}
.bigData-articleDetail .cursor {
  cursor: pointer;
}
.bigData-articleDetail .left {
  float: left;
  position: relative;
}
.bigData-articleDetail .bigdata_query_highlight {
  color: red;
}
.bigData-articleDetail.font-small .articleDetail-content .content-left .articleThrough h3 {
  font-size: 14px;
}
.bigData-articleDetail.font-small .articleDetail-content .content-left .articleThrough p.through-content {
  font-size: 14px;
  line-height: 24px;
}
.bigData-articleDetail.font-small .articleDetail-content .content-left .laws-info-bottom {
  font-size: 12px;
  line-height: 20px;
}
.bigData-articleDetail.font-medium .articleDetail-content .content-left .articleThrough h3 {
  font-size: 16px;
}
.bigData-articleDetail.font-medium .articleDetail-content .content-left .articleThrough p.through-content {
  font-size: 16px;
  line-height: 29px;
}
.bigData-articleDetail.font-medium .articleDetail-content .content-left .laws-info-bottom {
  font-size: 14px;
  line-height: 22px;
}
.bigData-articleDetail.font-large .articleDetail-content .content-left .articleThrough h3 {
  font-size: 18px;
}
.bigData-articleDetail.font-large .articleDetail-content .content-left .articleThrough p.through-content {
  font-size: 18px;
  line-height: 32px;
}
.bigData-articleDetail.font-large .articleDetail-content .content-left .laws-info-bottom {
  font-size: 16px;
  line-height: 26px;
}
.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;
  display: flex;
  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;
}

.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 {
  padding-bottom: 20px;
  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;
}

.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 {
  padding-bottom: 20px;
  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;
}

.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info span {
  padding-bottom: 5px;
}
.bigdata-detail-container-int.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: 102px;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-value {
  margin-left: 12px;
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
  text-align: left;
  display: inline-block;
  color: #4a4a4a;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-container {
  display: flex;
  align-items: stretch;
  padding: 14px 0;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left {
  margin: unset;
  float: unset;
  min-width: 230px;
  max-width: 330px;
  border-right: unset;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left .base-info-item:last-child span {
  padding-bottom: 0;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-left .base-info-value {
  min-width: 130px;
  max-width: 210px;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-right {
  margin-right: 15px;
  margin: unset;
  float: unset;
  max-width: 520px;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-right .base-info-item:last-child span {
  padding-bottom: 0;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-right .base-info-value {
  min-width: 130px;
  max-width: 420px;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .divide-line {
  width: 1px;
  background-color: #f0f0f0;
  margin-right: 15px;
}
.bigdata-detail-container-int.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-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .lawRule,
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info .time {
  display: inline-block;
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigdata-detail-container-int.bigData-laws-detail .laws-detail-content .content-left .laws-info i {
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin: 0 7px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .attachment-preview-item-container {
  margin-bottom: 24px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .attachment-preview-label {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .i-add-search-report {
  max-height: 28px;
  line-height: 28px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  user-select: none;
  text-indent: 0;
  margin-top: 4px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-button-style {
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: -2px;
  color: #4a4a4a;
  padding: 0 10px;
  margin-left: 8px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-button-style .preview-img-box {
  margin-right: 10px;
  overflow: hidden;
  display: inline-block;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-button-style .preview-img {
  vertical-align: middle;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-button-style span {
  text-indent: 0;
  vertical-align: middle;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container {
  margin-top: 10px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container .preview-header {
  background-color: #ededed;
  width: 890px;
  box-sizing: border-box;
  display: flex;
  padding: 10px 8px;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container .preview-header .preview-name-container {
  display: flex;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container .preview-header .preview-name-container .ibass-link {
  color: #000000;
  margin-right: 10px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container .preview-header .preview-name-container .preview-name {
  color: #333333;
  font-size: 16px;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container .preview-header .preview-name-container .preview-name .bigdata_query_highlight {
  color: #000000;
}
.bigdata-detail-container-int.bigData-laws-detail .attachment-preview-container .preview-container .preview-header .ibass-close {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
}
.reg-content {
  white-space: pre-wrap;
}

.case-detail-wrapper {
  position: relative;
  display: flex;
  left: -100px;
}
.case-detail-wrapper .caseDetail-head .elect {
  display: flex;
}
.case-detail-wrapper.is-open-case-assistant {
  left: -157px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail {
  width: 960px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .caseDetail-head {
  overflow: unset;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .caseDetail-head::after {
  content: '';
  display: block;
  clear: both;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .caseDetail-head .left {
  width: 910px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .caseDetail-head .tit {
  max-width: 430px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .open_case_assistant-case-detail-fast-menu {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  text-align: left;
  padding: 24px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: max-content;
  box-sizing: border-box;
  z-index: 500;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu {
  position: relative;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 0 0 10px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .overflow {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0 0 0;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul {
  position: relative;
  left: 2px;
  max-height: 420px;
  margin-left: 6px;
  overflow-x: visible;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul:before,
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul:before {
  top: 0px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul:after {
  bottom: 0;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul li {
  padding-left: 20px;
  line-height: 30px;
  color: #737373;
  position: relative;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .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;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: #ed6c00;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul li:hover {
  color: #ed6c00;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu ul li.active i {
  display: inline-block;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 80px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .top-btn,
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .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;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .top-btn {
  position: absolute;
  top: 66px;
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .top-btn:hover {
  background: url("tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.case-detail-wrapper.is-open-case-assistant .bigData-caseDetail .fast-menu .bottom-btn:hover {
  background: url("tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.case-detail-wrapper.is-open-case-assistant .case-detail-fast-menu-option {
  position: absolute;
  top: 12px;
  left: -52px;
  z-index: 100;
}
.case-detail-wrapper.is-open-case-assistant .case-detail-fast-menu-option .catalog-text-container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 40px;
  height: 82px;
  box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  padding: 2px;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
.case-detail-wrapper.is-open-case-assistant .case-detail-fast-menu-option .catalog-text-container .catalog-bg {
  position: absolute;
  left: 2px;
  top: 0;
  width: 36px;
  height: 36px;
}
.case-detail-wrapper.is-open-case-assistant .case-detail-fast-menu-option .catalog-text-container .catalog-icon {
  position: relative;
  margin-top: 12px;
  width: 14px;
  height: 14px;
  margin-bottom: 6px;
}
.case-detail-wrapper.is-open-case-assistant .case-detail-fast-menu-option .catalog-text-container .catalog-text {
  position: relative;
  display: block;
  width: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #666666;
  line-height: 16px;
}
.bigData-caseDetail {
  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-caseDetail.font-small .caseDetail-content .content-left .caseThrough p,
.bigData-caseDetail.font-small .caseDetail-content .content-left .caseAccuser p {
  font-size: 14px;
  line-height: 24px;
}
.bigData-caseDetail.font-large .caseDetail-content .content-left .caseThrough p,
.bigData-caseDetail.font-large .caseDetail-content .content-left .caseAccuser p {
  font-size: 18px;
  line-height: 32px;
}
.bigData-caseDetail.white .search-in-page,
.bigData-caseDetail.white .content-right {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-caseDetail.white .content-right .baseInfo {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-caseDetail.white .caseDetail-content {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-caseDetail.blue-eye .search-in-page,
.bigData-caseDetail.blue-eye .content-right {
  background: #C7EDCD !important;
  background-color: #C7EDCD !important;
}
.bigData-caseDetail.blue-eye .content-right .baseInfo {
  background: #C7EDCD !important;
  background-color: #C7EDCD !important;
}
.bigData-caseDetail.blue-eye .content-right .baseInfo > div:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-caseDetail.blue-eye .content-right .baseInfo > div:hover .ibass-dot {
  color: #fa8919;
}
.bigData-caseDetail.blue-eye .caseDetail-content {
  background: #C7EDCD !important;
  background-color: #C7EDCD !important;
}
.bigData-caseDetail.gray .search-in-page,
.bigData-caseDetail.gray .content-right {
  background: #EEE !important;
  background-color: #EEE !important;
}
.bigData-caseDetail.gray .content-right .baseInfo {
  background: #EEE !important;
  background-color: #EEE !important;
}
.bigData-caseDetail.gray .content-right .baseInfo > div:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-caseDetail.gray .caseDetail-content {
  background: #EEE !important;
  background-color: #EEE !important;
}
.bigData-caseDetail.blue .search-in-page,
.bigData-caseDetail.blue .content-right {
  background: #E4EBF1 !important;
  background-color: #E4EBF1 !important;
}
.bigData-caseDetail.blue .content-right .baseInfo {
  background: #E4EBF1 !important;
  background-color: #E4EBF1 !important;
}
.bigData-caseDetail.blue .content-right .baseInfo > div:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-caseDetail.blue .content-right .baseInfo > div:hover .ibass-dot {
  color: #fa8919;
}
.bigData-caseDetail.blue .caseDetail-content {
  background: #E4EBF1 !important;
  background-color: #E4EBF1 !important;
}
.bigData-caseDetail .prosecution_link {
  color: #d3a279;
  cursor: pointer;
}
.bigData-caseDetail .prosecution_link:hover {
  color: #fa8919;
}
.bigData-caseDetail .cDownFile {
  color: #d3a279;
  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: 440px;
  margin-left: 5px;
}
.bigData-caseDetail .caseDetail-head .tit.has-alpha-doc {
  max-width: 340px;
}
.bigData-caseDetail .caseDetail-head .left {
  top: 20px;
  padding-bottom: 15px;
  width: 1150px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-caseDetail .caseDetail-head .left i {
  font-size: 24px;
  color: #fdba78;
  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: #B2D85D;
  color: #fff;
  border: 1px solid #B2D85D;
  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: #ed6c00;
  color: #fff;
  border: 1px solid #ed6c00;
}
.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: #fa8919;
}
.bigData-caseDetail .caseDetail-head .left .case-detail-upload-my {
  position: relative;
  top: -2px;
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 22px;
  background: #FFFBF8;
  border-radius: 20px;
  border: 1px solid rgba(250, 137, 25, 0.24);
}
.bigData-caseDetail .caseDetail-head .left .case-detail-upload-my span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #ED6C00;
  line-height: 16px;
  text-align: right;
  font-style: normal;
}
.bigData-caseDetail .caseDetail-head .left .case-detail-upload-team {
  position: relative;
  top: -2px;
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 22px;
  background: rgba(110, 199, 67, 0.04);
  border-radius: 20px;
  border: 1px solid rgba(110, 199, 67, 0.24);
}
.bigData-caseDetail .caseDetail-head .left .case-detail-upload-team span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #53A828;
  line-height: 16px;
  text-align: right;
  font-style: normal;
}
.bigData-caseDetail .caseDetail-head .goBack i {
  color: #fa8919;
  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: 20px;
  right: 20px;
}
.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 .chat-img-content {
  float: left;
  height: 28px;
  display: inline-flex;
  align-items: center;
  padding-right: 15px;
  position: relative;
}
.bigData-caseDetail .caseDetail-head .elect .chat-img-content::after {
  content: ' ';
  width: 1px;
  height: 20px;
  background: #ededed;
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(calc(-50% - 1px));
}
.bigData-caseDetail .caseDetail-head .elect .chat-img-content .chat-img {
  margin-top: -2px;
  width: 84px;
  height: 21px;
  background: url('tool/images/alpha-doc-case.png') no-repeat center;
  background-size: cover;
}
.bigData-caseDetail .caseDetail-head .elect .chat-img-content .chat-img:hover {
  background: url('tool/images/alpha-doc-case-hover.png') no-repeat center;
  background-size: cover;
}
.bigData-caseDetail .caseDetail-head .elect .i-add-search-report {
  position: relative;
  top: -4px;
  float: left;
  height: 28px;
  line-height: 28px;
  padding-left: 12px;
}
.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: #fa8919;
}
.bigData-caseDetail .caseDetail-head .elect .add-label {
  margin-right: 16px;
}
.bigData-caseDetail .caseDetail-head .elect .case-detail-ai-report-entry-container {
  position: relative;
  top: -2px;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-head .elect .case-detail-ai-report-entry-container:hover .case-detail-ai-report-entry-img {
  display: none;
}
.bigData-caseDetail .caseDetail-head .elect .case-detail-ai-report-entry-container:hover .case-detail-ai-report-entry-hover-img {
  display: inline-block;
}
.bigData-caseDetail .caseDetail-head .elect .case-detail-ai-report-entry-container img {
  position: relative;
  top: -3px;
  width: 104px;
  vertical-align: bottom;
}
.bigData-caseDetail .caseDetail-head .elect .case-detail-ai-report-entry-container .case-detail-ai-report-entry-img {
  display: inline-block;
}
.bigData-caseDetail .caseDetail-head .elect .case-detail-ai-report-entry-container .case-detail-ai-report-entry-hover-img {
  display: none;
}
.bigData-caseDetail .caseDetail-content {
  display: inline-flex;
  min-width: 100%;
}
.bigData-caseDetail .caseDetail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 20px 50px 200px 63px;
}
.bigData-caseDetail .caseDetail-content .content-left .laws-info-bottom {
  padding-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .laws-info-bottom .bottom-info-name {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-caseDetail .caseDetail-content .content-left .laws-info-bottom .bottom-info-value {
  margin-left: 16px;
  color: #4a4a4a;
  font-weight: 500;
}
.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: #ed6c00;
  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: #fa8919;
}
.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: 130px;
}
.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: #d3a279;
  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: #d3a279;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .court-hearing-video:hover {
  color: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .caseInfo .court-hearing-video:hover .ibass-video {
  color: #fa8919;
}
.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: #ed6c00;
  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: #fa8919;
  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: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item .guide-popover {
  display: inline-block;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item i {
  color: #fa8919;
  font-size: 16px;
  margin-right: 4px;
  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: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .align-left .option-item:hover .popular-title {
  color: #fa8919;
}
.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 {
  max-height: 310px;
  overflow-y: auto;
  width: 865px;
  background-color: #f8f8f9;
  border-radius: 0 2px 2px 2px;
}
.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: #ed6c00 !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: #ed6c00;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .time-limited-tag {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  margin-left: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  color: #737373;
  background: #f3f3f3;
  vertical-align: middle;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .time-limited-tag-invalid {
  color: #ED5847;
  background: #FFF3F2;
  border-radius: 4px;
  border: 1px solid #ffd6d1;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .time-limited-tag-half-invalid {
  color: #F07700;
  background: #FFF6EE;
  border-color: #FFD6AE;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .time-limited-tag-modified {
  color: #3D86EB ;
  background: #F2F9FF;
  border-color: #C5E4FC;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .time-limited-tag-draft {
  color: #00A866;
  background: #F0FBF7;
  border-color: #ADE7D1;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .item .time-limited-tag-future {
  color: #8aaa41;
  background: #f4fadb;
  border-color: #dbeaa7;
}
.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: #ed6c00;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box {
  padding: 24px 16px;
  box-sizing: border-box;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-item {
  border-radius: 6px;
  margin-bottom: 20px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-item:last-child {
  margin-bottom: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role {
  display: inline-block;
  padding: 1px 5px;
  margin-left: 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role:first-child {
  margin-left: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-orange {
  background: #fff8f0;
  border: 1px solid #ffd9bc;
  color: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-green {
  background: #e9f8f1;
  border: 1px solid #bdebd7;
  color: #26a87a;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-blue {
  background: #eff9ff;
  border: 1px solid #bae0fd;
  color: #199cfd;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-red {
  background: #fff4f2;
  border: 1px solid #ffd9d1;
  color: #f26649;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-purple {
  background: #f0eeff;
  border: 1px solid #d8d4f5;
  color: #7b6fd0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-cyan {
  background: #edfafa;
  border: 1px solid #b2dfdf;
  color: #26a6a6;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-role.role-gray {
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  color: #999999;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-tag {
  color: #fa8919;
  font-weight: 500;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-title {
  flex: 1 1 0;
  min-width: 0;
  color: #4a4a4a;
  white-space: normal;
  overflow-wrap: break-word;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-title-clickable {
  cursor: pointer;
  border-radius: 3px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-title-clickable:hover {
  color: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-section {
  line-height: 20px;
  margin-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-section-title {
  min-width: 64px;
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-section-title:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  content: "\EA54";
  position: relative;
  color: #CDC9C5;
  top: 2px;
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-items .core-evidence-box .core-evidence-section-text {
  flex: 1;
  margin-left: 22px;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 18px;
  text-align: left;
  font-style: normal;
}
.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: #ed6c00;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .relation-items .download-btn:hover i {
  color: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
}
.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 .popular-law .source-items .detail-container {
  padding-top: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .source-items .detail-container:first-child {
  padding-top: 15px;
}
.bigData-caseDetail .caseDetail-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-caseDetail .caseDetail-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-caseDetail .caseDetail-content .content-left .popular-law .dispute-items .dispute-focus-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .dispute-items .dispute-focus-item {
  margin-left: 18px;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .dispute-items .dispute-focus-item span {
  white-space: pre-wrap;
  line-height: 28px;
  display: inline-block;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .dispute-items .dispute-focus-item span:hover {
  background: #FFF0E1;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items {
  background: #F8F8F9;
  box-sizing: border-box;
  overflow-y: auto;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-container {
  padding: 18px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-container:last-child {
  margin-bottom: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-title {
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 22px;
  margin-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-detail-row {
  display: flex;
  font-size: 14px;
  line-height: 30px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-detail-row .announcement-detail-label {
  width: 72px;
  color: #737373;
  flex-shrink: 0;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-detail-row .announcement-detail-value {
  color: #4A4A4A;
  word-break: break-all;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .announcement-items .announcement-detail-row--case .announcement-detail-value {
  color: #FA8919;
  font-weight: 500;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items {
  width: 845px;
  background-color: #f8f8f9;
  padding: 0 10px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items .item {
  padding: 10px 0;
  cursor: pointer;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items .item:hover {
  color: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items .item:hover .ibass-dot {
  color: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items .item .source-title {
  margin-left: 8px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items .item .ibass-dot {
  margin-left: 6px;
  color: #a9a9a9;
  position: relative;
  top: 1px;
}
.bigData-caseDetail .caseDetail-content .content-left .popular-law .popular-source-items .item .source-date {
  margin-left: 12px;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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 .content-left .causeLabel-container {
  position: relative;
}
.bigData-caseDetail .caseDetail-content .content-left .causeLabel-container .causeLabel-text {
  display: inline;
}
.bigData-caseDetail .caseDetail-content .content-left .causeLabel-container .causeLabel-wrap {
  display: inline-block;
}
.bigData-caseDetail .caseDetail-content .content-left .causeLabel-container .causeLabel {
  display: inline-block;
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 16px;
  box-sizing: border-box;
}
.bigData-caseDetail .caseDetail-content .content-left .causeLabel-container .causeLabel span {
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.bigData-caseDetail .caseDetail-content .content-left .causeLabel-container i {
  display: inline-block;
  float: none;
  margin: 0 0 0 4px;
  font-size: 14px;
  line-height: 14px;
}
.bigData-caseDetail .caseDetail-content .margin-top {
  margin-top: 20px;
}
.bigData-caseDetail .caseDetail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 180px;
  bottom: 300px;
  width: 205px !important;
  padding-bottom: 30px;
}
.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: transparent;
  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;
  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: #ed6c00;
  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: #ed6c00;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-caseDetail .caseDetail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  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 5px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.case-recommend {
  margin-bottom: 24px;
}
.bigData-caseDetail .caseDetail-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-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: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo .more span {
  color: #a9a9a9;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case {
  margin-bottom: 24px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-name {
  border-bottom: 0;
  margin: 0 0 10px 0;
  color: #a9a9a9;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-item {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-more {
  border-bottom: 0;
  cursor: pointer;
  margin: 8px 0 0 20px;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-more i {
  position: absolute;
  top: inherit;
  margin-left: -20px;
  color: #cdc9c5;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-more span {
  color: #a9a9a9;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-more:hover span,
.bigData-caseDetail .caseDetail-content .content-right .baseInfo.related-company-case .related-company-more:hover i {
  color: #fa8919;
}
.bigData-caseDetail .caseDetail-content .content-right .baseInfo div {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
}
.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: #fa8919;
}
.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;
}
.bigData-caseDetail .bigdata_ai_search_highlight_keyword {
  color: red;
}
.ccc-case-detail-no-subject-analysis-permission .bigdata_link_subject_analysis {
  display: none;
}
.ccc-case-detail-no-lawregu-permission .law-detail-modal .detail-date .i-add-search-report {
  display: none;
}
#content a.core_evidence,
#content a[evidence-detail-id],
#content a[data-evidence-detail-id],
#content a[evidence_detail_id],
#content a[data-evidence_detail_id] {
  color: #333;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: #fa8919;
  text-underline-offset: 3px;
}
#content a.core_evidence:hover,
#content a[evidence-detail-id]:hover,
#content a[data-evidence-detail-id]:hover,
#content a[evidence_detail_id]:hover,
#content a[data-evidence_detail_id]:hover {
  color: #fa8919;
}
.core-evidence-location-highlight {
  color: #fa8919 !important;
  border-radius: 3px;
}
.core-evidence-entry-tag {
  display: inline-block;
  margin-left: 2px;
  padding: 1px 4px;
  border-radius: 4px;
  text-indent: 0px;
  border: 1px solid #B5EBD4;
  background: #F0FBF7;
  color: #22A57A;
  font-size: 12px;
  line-height: 16px;
  vertical-align: text-top;
}
.core-evidence-hover-popover {
  position: absolute;
  z-index: 10002;
  width: 600px;
  max-height: 360px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 6px;
  background: #FFFFFF;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid #E8E8E8;
}
.core-evidence-hover-popover .core-evidence-hover-popover-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  padding-right: 22px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
}
.core-evidence-hover-popover .core-evidence-hover-popover-close {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #999999;
  font-size: 14px;
  cursor: pointer;
}
.core-evidence-hover-popover .core-evidence-hover-popover-close:hover {
  color: #fa8919;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-orange {
  background: #fff8f0;
  border: 1px solid #ffd9bc;
  color: #fa8919;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-green {
  background: #e9f8f1;
  border: 1px solid #bdebd7;
  color: #26a87a;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-blue {
  background: #eff9ff;
  border: 1px solid #bae0fd;
  color: #199cfd;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-red {
  background: #fff4f2;
  border: 1px solid #ffd9d1;
  color: #f26649;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-purple {
  background: #f0eeff;
  border: 1px solid #d8d4f5;
  color: #7b6fd0;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-cyan {
  background: #edfafa;
  border: 1px solid #b2dfdf;
  color: #26a6a6;
}
.core-evidence-hover-popover .core-evidence-hover-popover-role.role-gray {
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  color: #999999;
}
.core-evidence-hover-popover .core-evidence-hover-popover-tag {
  color: #fa8919;
  font-size: 14px;
  font-weight: 500;
}
.core-evidence-hover-popover .core-evidence-hover-popover-name {
  flex: 1 1 0;
  min-width: 0;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word;
}
.core-evidence-hover-popover .core-evidence-hover-popover-section {
  position: relative;
  margin-top: 10px;
  padding-left: 20px;
}
.core-evidence-hover-popover .core-evidence-hover-popover-label {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.core-evidence-hover-popover .core-evidence-hover-popover-label:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #cdc9c5;
}
.core-evidence-hover-popover .core-evidence-hover-popover-text {
  word-break: break-all;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A !important;
}
.for-case-paragraph-scroll-anchor-container {
  width: 0px;
  height: 0;
  z-index: -1;
}
.modal-container {
  box-sizing: border-box;
  position: fixed;
  bottom: 16px;
  right: 70px;
  min-width: 272px;
  min-height: 338px;
  border-radius: 8px;
  border: 1px solid #FA8919;
  backdrop-filter: blur(10px);
  box-shadow: 0px 2px 40px 0px rgba(192, 196, 201, 0.25), inset 0px 7px 37px 0px #ffffff;
  width: 272px;
  z-index: 1000;
  background: linear-gradient(180deg, #fff3ec 0%, #fffbf9 65px, #ffffff 42%, #ffffff 58%, #fefefe 100%);
}
.modal-container.showtip::before {
  content: "";
  width: 155px;
  height: 56px;
  top: 0;
  left: 0;
  transform: translate(-16px, -100%);
  position: absolute;
  background: url('tool/images/alpha-doc-tip.png') no-repeat center;
  background-size: 100% 100%;
}
.modal-container .ui-resizable-n {
  height: 15px;
}
.modal-container .ui-resizable-s {
  height: 15px;
}
.modal-container .ui-resizable-e {
  width: 15px;
}
.modal-container .ui-resizable-w {
  width: 15px;
}
.modal-container .ui-resizable-ne {
  width: 15px;
  height: 15px;
}
.modal-container .ui-resizable-nw {
  width: 15px;
  height: 15px;
}
.modal-container .ui-resizable-se {
  width: 15px;
  height: 15px;
}
.modal-container .ui-resizable-sw {
  width: 15px;
  height: 15px;
}
.modal-container.default-size {
  height: 338px;
}
.modal-container.large-size {
  height: 516px;
}
.modal-container .modal-header {
  width: 100%;
  height: 54px;
  border-radius: 8px 8px 0 0;
  line-height: 54px;
  display: flex;
  justify-content: space-between;
  user-select: none;
  position: relative;
  cursor: move;
}
.modal-container .modal-header .modal-header-log {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 54px;
  padding-left: 17px;
  -webkit-text-stroke: 0px #333333;
  text-stroke: 0px #333333;
}
.modal-container .modal-header .modal-header-log .alpha-doc-renew:hover,
.modal-container .modal-header .modal-header-log .alpha-doc-share:hover {
  opacity: 0.75;
}
.modal-container .modal-header .modal-header-log .alpha-doc-share {
  display: flex;
}
.modal-container .modal-header .modal-header-log .alpha-doc-renew {
  display: flex;
  position: relative;
}
.modal-container .modal-header .modal-header-log .alpha-doc-renew::before {
  cursor: pointer;
  content: '续费';
  position: absolute;
  white-space: nowrap;
  padding: 3px 6px;
  right: -29px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  top: -10px;
  width: 24px;
  height: 12px;
  line-height: 12px;
  background: linear-gradient(141deg, #ff838a 0%, #fa4a54 100%);
  border-radius: 9px 9px 9px 1px;
  scale: .8;
}
.modal-container .modal-header .modal-header-log img {
  width: 16px;
  height: 16px;
  margin-left: 12px;
  cursor: pointer;
}
.modal-container .modal-header .modal-header-action {
  padding-right: 17px;
  display: flex;
  align-items: center;
}
.modal-container .modal-header .modal-header-action span {
  display: flex;
}
.modal-container .modal-header .modal-header-action .img-alpha-doc-zoom-in {
  width: 16px;
  height: 16px;
  margin-left: 24px;
  cursor: pointer;
  background: url('tool/images/alpha-doc-zoom-in.png') no-repeat center;
  background-size: contain;
}
.modal-container .modal-header .modal-header-action .img-alpha-doc-zoom-in:hover {
  background: url('tool/images/alpha-doc-zoom-in-hover.png') no-repeat center;
  background-size: contain;
}
.modal-container .modal-header .modal-header-action .img-alpha-doc-zoom {
  width: 16px;
  height: 16px;
  margin-left: 24px;
  cursor: pointer;
  background: url('tool/images/alpha-doc-zoom.png') no-repeat center;
  background-size: contain;
}
.modal-container .modal-header .modal-header-action .img-alpha-doc-zoom:hover {
  background: url('tool/images/alpha-doc-zoom-hover.png') no-repeat center;
  background-size: contain;
}
.modal-container .modal-header .modal-header-action .img-alpha-doc-close {
  width: 16px;
  height: 16px;
  margin-left: 24px;
  cursor: pointer;
  background: url('tool/images/alpha-doc-close.png') no-repeat center;
  background-size: contain;
}
.modal-container .modal-header .modal-header-action .img-alpha-doc-close:hover {
  background: url('tool/images/alpha-doc-close-hover.png') no-repeat center;
  background-size: contain;
}
.chatBack-in-page-highlight,
.chatBack-in-page-highlight-item {
  color: #4A4A4A !important;
  background-color: #D3F8EE;
}
.cause-popup-box {
  position: absolute;
  width: 400px;
  background: #fff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  z-index: 9999;
}
.cause-popup-box .case-result-header {
  width: 100%;
  height: 56px;
  line-height: 44px;
  background: #fa8919;
  border-radius: 9px 9px 0px 0px;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.cause-popup-box .case-result-header .case-result-title {
  width: 340px;
  height: 20px;
  margin-left: 15px;
  padding-top: 8px;
  font-size: 14px;
  color: #fff;
}
.cause-popup-box .case-result-header .case-result-type {
  width: 340px;
  height: 20px;
  margin-left: 15px;
  margin-top: 9px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.cause-popup-box .case-result-header .close-page-btn {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.cause-popup-box .case-result-mid {
  width: 100%;
  padding: 8px 0 16px;
}
.cause-popup-box .case-result-item {
  width: 360px;
  display: flex;
  justify-content: space-between;
  margin: 5px auto;
}
.cause-popup-box .case-result-item .case-result-name {
  width: 76px;
  font-size: 12px;
  color: #999;
  height: 20px;
  line-height: 20px;
}
.cause-popup-box .case-result-item .case-result-value {
  width: 272px;
  font-size: 12px;
  color: #4a4a4a;
  line-height: 20px;
}
.cause-popup-box .case-result-item-content {
  width: 348px;
  background: #F8F8F9;
  border-radius: 2px;
  margin: 0 auto;
  padding: 8px 12px;
  overflow: hidden;
}
.cause-popup-box .case-result-item-content .case-result-item-content-titleWrap {
  display: flex;
  align-items: center;
}
.cause-popup-box .case-result-item-content .case-result-item-content-titleWrap .case-result-item-content-title {
  height: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #ED6C00;
  line-height: 16px;
  flex: 1;
}
.cause-popup-box .case-result-item-content .case-result-item-content-titleWrap i {
  color: #ED6C00;
  margin-left: 4px;
}
.cause-popup-box .case-result-item-content .case-result-item-content-titleWrap .ibass-fullpage {
  color: #999999;
  margin-left: 4px;
  cursor: pointer;
}
.cause-popup-box .case-result-item-content .case-result-item-content-date {
  height: 36px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 36px;
  border-bottom: 1px solid #EBEBEB;
}
.cause-popup-box .case-result-item-content .case-result-item-content-text {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 10px;
  max-height: 100px;
  overflow-y: auto;
}
.cause-popup-box .case-result-item-content-height {
  height: 20px;
}
.case-detail-assistant-container {
  position: sticky;
  width: 392px;
  height: 100vh;
  top: 0;
  background: #fff;
  border-radius: 10px;
  margin-left: 4px;
}
.case-detail-assistant-container .close-page-btn {
  position: absolute;
  right: 14px;
  top: 19px;
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  color: #333;
  padding-top: 2px;
  font-size: 14px;
  z-index: 1;
}
.case-detail-assistant-container .close-page-btn:hover {
  color: #FA8919;
}
.case-detail-assistant-btn {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.case-detail-assistant-btn:hover img {
  transform: rotate(360deg);
}
.case-detail-assistant-btn:hover .case-detail-assistant-btn-text {
  color: var(--color-primary, #fa8919) !important;
}
.case-detail-assistant-btn img {
  position: relative;
  top: 3px;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  transition: transform 1s ease;
}
.case-detail-assistant-btn .case-detail-assistant-btn-text {
  height: 20px;
  line-height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #333333;
}

.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: #0B58FF;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.law-detail-modal .old-and-new-contain .oan-text r {
  color: #E80000;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.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: #0B58FF;
}
.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;
}
.law-detail-modal .law-history-container {
  width: 348px;
  background: #F8F8F9;
  border-radius: 2px;
  margin: 0 auto;
  padding: 8px 12px;
  overflow: hidden;
}
.law-detail-modal .law-history-container .law-history-title {
  cursor: pointer;
  height: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #ED6C00;
  line-height: 16px;
}
.law-detail-modal .law-history-container .law-history-title i {
  position: relative;
  top: 3px;
  color: #ED6C00;
  font-size: 14px;
}
.law-detail-modal .law-history-container .law-history-list-scroll-container {
  max-height: 168px;
  overflow: auto;
  margin-top: 8px;
}
.law-detail-modal .law-history-container .law-history-list {
  position: relative;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item {
  min-height: 20px;
  line-height: 20px;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item:nth-child(2) .item-detail.laws {
  margin-top: 0;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item.current .date,
.law-detail-modal .law-history-container .law-history-list .law-history-item.current .ibass-dot,
.law-detail-modal .law-history-container .law-history-list .law-history-item.current .title {
  color: #ed6c00;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item .date {
  display: inline-block;
  font-size: 13px;
  width: 80px;
  text-align: left;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item .item-detail.laws {
  margin-top: 10px;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item .ibass-dot {
  position: relative;
  top: 1px;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  margin: 0 4px;
  color: #ebebeb;
  font-size: 14px;
  background: #f8f8f9;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item .title {
  display: inline-block;
  width: 240px;
  vertical-align: top;
  word-break: break-all;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item .law-accord {
  margin-left: 100px;
  min-height: 20px;
  line-height: 20px;
}
.law-detail-modal .law-history-container .law-history-list .law-history-item .law-accord .title {
  position: relative;
  margin-top: 0;
  color: #737373;
  font-size: 12px;
}
.law-detail-modal .law-history-container .law-history-list .ver-line {
  position: absolute;
  border-right: 2px solid #ebebeb;
  left: 90px;
  top: 10px;
  height: calc(100% - 20px);
}

.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 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 .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;
}
.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: 434px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .column1divided2 {
  height: 370px;
}
.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: 1236px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .information {
  left: 70px;
}
.bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .claim-success-rate-information {
  left: 98px;
}
.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 .column-claim-success-rate {
  height: 350px;
}
.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);
}

.case-ai-search-analysis-v2 {
  width: 100%;
  position: relative;
  max-width: 1000px;
  background: #FFFAF6;
  border-radius: 8px;
  border: 1px solid #FFD5AB;
  padding: 22px 26px;
  box-sizing: border-box;
}
.case-ai-search-analysis-v2.has-expand-switch .analysis-container {
  max-height: 176px;
  overflow: hidden;
}
.case-ai-search-analysis-v2.has-expand-switch .analysis-container.is-expand {
  max-height: unset;
}
.case-ai-search-analysis-v2 .title-container {
  position: relative;
  border-bottom: solid 1px #FFD5AB;
  margin-bottom: 22px;
}
.case-ai-search-analysis-v2 .title-container img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  top: 5px;
  position: relative;
}
.case-ai-search-analysis-v2 .title-container span {
  font-weight: 500;
  font-size: 15px;
  color: #171717;
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}
.case-ai-search-analysis-v2 .title-container span::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 100%;
  background-color: #FA8919;
}
.case-ai-search-analysis-v2 .analysis-container {
  white-space: pre-wrap;
}
.case-ai-search-analysis-v2 .analysis-footer {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-top: 16px;
}
.case-ai-search-analysis-v2 .analysis-footer .link-primary {
  font-size: 14px;
}
.case-ai-search-analysis-v2 .analysis-footer .link-primary img {
  width: 14px;
  height: 14px;
}
.case-ai-search-analysis-v2 .analysis-footer .footer-expand-switch {
  cursor: pointer;
  user-select: none;
}
.case-ai-search-analysis-v2 .analysis-footer .footer-expand-switch:hover .expand-icon {
  color: #FA8919;
}
.case-ai-search-analysis-v2 .analysis-footer .expand-text {
  font-weight: 500;
  font-size: 14px;
  color: #FA8919;
  line-height: 20px;
}
.case-ai-search-analysis-v2 .analysis-footer .expand-icon {
  font-size: 12px;
  padding-left: 8px;
  color: #CDC9C5;
}
.case-ai-search-analysis-v2 .ai-search-loading-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.case-ai-search-analysis-v2 .ai-search-loading-wrap .ai-search-loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.case-ai-search-analysis-v2 .ai-search-loading-wrap .ai-search-loading-container .ai-search-loading-content {
  margin: 40px 0;
}
.case-ai-search-analysis-v2 .ai-search-loading-wrap .ai-search-loading-container .ai-search-loading-content_text {
  font-size: 14px;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.case-ai-search-analysis-v2 .analysis-container {
  font-size: 0;
  word-wrap: break-word;
}
.case-ai-search-analysis-v2 .analysis-container h1,
.case-ai-search-analysis-v2 .analysis-container h2,
.case-ai-search-analysis-v2 .analysis-container h3,
.case-ai-search-analysis-v2 .analysis-container h4,
.case-ai-search-analysis-v2 .analysis-container h5,
.case-ai-search-analysis-v2 .analysis-container h6 {
  font-size: 16px;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
}
.case-ai-search-analysis-v2 .analysis-container h3 {
  position: relative;
  padding-left: 18px;
  line-height: 24px;
}
.case-ai-search-analysis-v2 .analysis-container h3::before {
  position: absolute;
  top: 8px;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FA8919;
  margin-left: -14px;
}
.case-ai-search-analysis-v2 .analysis-container p,
.case-ai-search-analysis-v2 .analysis-container li:not( :has(p)) {
  font-weight: 400;
  color: #333;
  font-size: 15px;
  line-height: 28px;
}
.case-ai-search-analysis-v2 .analysis-container ul,
.case-ai-search-analysis-v2 .analysis-container ol {
  font-size: 0;
  margin-bottom: 12px;
}
.case-ai-search-analysis-v2 .analysis-container strong {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.case-ai-search-analysis-v2 .analysis-container ul,
.case-ai-search-analysis-v2 .analysis-container ol {
  padding-left: 18px;
}
.case-ai-search-analysis-v2 .analysis-container ol li {
  list-style-type: decimal;
}
.case-ai-search-analysis-v2 .analysis-container ol li::marker {
  font-size: 14px;
  color: #FA8919;
}
.case-ai-search-analysis-v2 .analysis-container ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}
.case-ai-search-analysis-v2 .analysis-container ul li::marker {
  color: #FA8919;
}
.case-ai-search-analysis-v2 .analysis-container p {
  margin-bottom: 12px;
}
.case-ai-search-analysis-v2 .analysis-container .bigdata_link {
  cursor: pointer;
  line-height: inherit;
  color: #ED6C00 !important;
  border-bottom: 1px solid currentColor;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.case-ai-search-analysis-v2 .analysis-container .case-ai-search-analysis-summary,
.case-ai-search-analysis-v2 .analysis-container .case-ai-search-analysis-summary-parent + p {
  font-weight: 500;
  color: #333333;
}
.case-ai-search-analysis-v2 .analysis-container li p strong.display-block {
  display: block;
}
.case-ai-search-analysis-v2 .analysis-container blockquote {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin: 0;
  color: #8b8b8b;
  white-space: pre-wrap;
  padding: 0 0 0 13px;
  line-height: 26px;
  margin-bottom: 12px;
}
.case-ai-search-analysis-v2 .analysis-container blockquote:empty {
  display: none;
}
.case-ai-search-analysis-v2 .analysis-container blockquote:not(:empty)::before {
  content: " ";
  height: calc(100%);
  width: 2px;
  background: #e5e5e5;
  position: absolute;
  top: 0;
  left: 0;
}
.case-ai-search-analysis-v2 .analysis-container blockquote:first-child:last-child {
  margin-bottom: 0px;
}
.case-ai-search-analysis-v2 .analysis-container blockquote p {
  font-size: 13px;
  line-height: 22px;
  color: #8b8b8b;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-top: 1em;
  margin-bottom: 0;
}
.case-ai-search-analysis-v2 .analysis-container blockquote p:first-child {
  margin-top: 0;
}
.case-ai-search-analysis-v2 .analysis-container table {
  font-size: 14px;
  margin-bottom: 16px;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-spacing: 0;
  border-collapse: collapse;
}
.case-ai-search-analysis-v2 .analysis-container table thead :first-child,
.case-ai-search-analysis-v2 .analysis-container table tbody :first-child,
.case-ai-search-analysis-v2 .analysis-container table tfoot > tr :first-child {
  min-width: 220px;
}
.case-ai-search-analysis-v2 .analysis-container table thead > tr > th,
.case-ai-search-analysis-v2 .analysis-container table tbody > tr > th,
.case-ai-search-analysis-v2 .analysis-container table tfoot > tr > th,
.case-ai-search-analysis-v2 .analysis-container table thead > tr > td,
.case-ai-search-analysis-v2 .analysis-container table tbody > tr > td,
.case-ai-search-analysis-v2 .analysis-container table tfoot > tr > td {
  padding: 8px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #e8e8e8;
  text-align: left;
  border-right: 1px solid #e8e8e8;
}
.case-ai-search-analysis-v2 .error-container {
  display: flex;
  justify-content: center;
}
.case-ai-search-analysis-v2 .error-container .ai-search-error-content_text {
  color: #F6535C;
  font-size: 14px;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 500;
  text-align: center;
}
.case-ai-search-analysis-v2 .loading-wrappeer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.case-ai-search-analysis-v2 .loading-wrappeer .loading-item {
  width: 5px;
  height: 5px;
  background: #FA8919;
  border-radius: 50%;
  animation: dotFlashing 1s infinite linear alternate;
}
@keyframes dotFlashing {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: #FA8919;
  }
}

gpt-case-list {
  display: flex;
  flex-direction: column;
}
gpt-case-list #COLUMNS__ {
  display: flex;
}
gpt-case-list #COLUMNS__ > * {
  box-sizing: border-box;
}
gpt-case-list #COLUMNS__ > :nth-child(1) {
  flex-basis: 40px;
  flex-shrink: 0;
  margin-right: 16px;
}
gpt-case-list #COLUMNS__ > :nth-child(2) {
  flex-basis: 300px;
  flex-shrink: 0;
  margin-right: 50px;
}
gpt-case-list #COLUMNS__ > :nth-child(3) {
  flex-grow: 1;
  padding-right: 10px;
  margin-right: 40px;
}
gpt-case-list #COLUMNS__ > :nth-child(4) {
  flex-grow: 1;
  padding-right: 10px;
  margin-right: 40px;
}
gpt-case-list #ROW__ {
  display: flex;
  align-items: center;
}
gpt-case-list #COL__ {
  display: flex;
  flex-direction: column;
}
gpt-case-list .ibass {
  line-height: 0;
}
gpt-case-list > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 4px;
  position: sticky;
  top: 62px;
  background-color: #FFF;
  z-index: 998;
}
gpt-case-list > header .toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 30px;
  background: #F6F7F9;
  border-radius: 18px;
  padding: 0 16px;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 1;
}
gpt-case-list > header .toolbar strong {
  color: #ED6C00;
}
gpt-case-list > header .toolbar .vr {
  width: 1px;
  height: 12px;
  background: #EBEBEE;
}
gpt-case-list .number-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  border-radius: 4px;
  font-size: 14px;
  color: #fa8919;
  background-color: #f8f8f9;
}
gpt-case-list .cell {
  width: 100%;
  max-height: 310px;
  box-sizing: border-box;
}
gpt-case-list .cell.overflow {
  min-height: 100px;
  overflow-y: auto;
}
gpt-case-list .cell.full {
  display: flex;
  flex-direction: column;
}
gpt-case-list .cell .title {
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
}
gpt-case-list .cell .title:hover {
  color: #FA8919;
}
gpt-case-list .cell .badge {
  color: #FFF;
  background: #FA8919;
  border-radius: 4px;
  padding: 3px 6px;
  font-weight: 500;
  font-size: 12px;
}
gpt-case-list .cell dl {
  margin: 0;
  flex-grow: 1;
}
gpt-case-list .cell dl dt {
  font-weight: normal;
  margin: 14px 0 10px 0;
}
gpt-case-list .cell dl dt a {
  color: #999999 !important;
}
gpt-case-list .cell dl dd {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0;
  font-size: 13px;
  color: #999999;
  line-height: 24px;
}
gpt-case-list .cell > footer {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #666666;
}
gpt-case-list .cell > footer > .stage {
  display: flex;
  align-items: center;
  flex-grow: 1;
  position: relative;
}
gpt-case-list .cell > footer > .stage > * {
  border-left: solid 1px #DBDDDE;
  height: 12px;
  line-height: 12px;
  padding: 0 14px;
  font-size: 13px;
  color: #999;
  position: relative;
}
gpt-case-list .cell > footer > .stage > *::before {
  content: " ";
  background-color: #C3C6C8;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  position: relative;
  margin-right: 4px;
  top: -1px;
}
gpt-case-list .cell > footer > .stage > *:first-child {
  border: 0;
}
gpt-case-list .cell > footer > .stage > *.active {
  color: #4A4A4A;
}
gpt-case-list .cell > footer > .stage > *.active::before {
  background-color: #FA8919;
}
gpt-case-list .cell > footer > .stage > *.active a:hover {
  color: #FA8919;
}
gpt-case-list .list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
gpt-case-list .list > header {
  display: flex;
  position: sticky;
  top: 122px;
  background-color: #FFF;
  z-index: 998;
  padding: 10px 0;
  background: #F6F7F9;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
}
gpt-case-list .list > header > * {
  box-sizing: border-box;
}
gpt-case-list .list > header > :nth-child(1) {
  flex-basis: 40px;
  flex-shrink: 0;
  margin-right: 16px;
}
gpt-case-list .list > header > :nth-child(2) {
  flex-basis: 300px;
  flex-shrink: 0;
  margin-right: 50px;
}
gpt-case-list .list > header > :nth-child(3) {
  flex-grow: 1;
  padding-right: 10px;
  margin-right: 40px;
}
gpt-case-list .list > header > :nth-child(4) {
  flex-grow: 1;
  padding-right: 10px;
  margin-right: 40px;
}
gpt-case-list .list > header > * {
  display: flex;
  align-items: center;
  gap: 4px;
}
gpt-case-list .list > header > * > img {
  width: 16px;
  height: 16px;
  margin: 0 4px 0 -2px;
}
gpt-case-list .list > header > * > span {
  flex-grow: 1;
}
gpt-case-list .list > header > * > a img {
  width: 16px;
  height: 16px;
  display: block;
}
gpt-case-list .list > header > * > a img:last-child {
  display: none;
}
gpt-case-list .list > header > * > a:hover img:first-child {
  display: none;
}
gpt-case-list .list > header > * > a:hover img:last-child {
  display: block;
}
gpt-case-list .list > main {
  display: flex;
  flex-direction: column;
}
gpt-case-list .list > main .row_ {
  display: flex;
  padding: 24px 0;
}
gpt-case-list .list > main .row_ > * {
  box-sizing: border-box;
}
gpt-case-list .list > main .row_ > :nth-child(1) {
  flex-basis: 40px;
  flex-shrink: 0;
  margin-right: 16px;
}
gpt-case-list .list > main .row_ > :nth-child(2) {
  flex-basis: 300px;
  flex-shrink: 0;
  margin-right: 50px;
}
gpt-case-list .list > main .row_ > :nth-child(3) {
  flex-grow: 1;
  padding-right: 10px;
  margin-right: 40px;
}
gpt-case-list .list > main .row_ > :nth-child(4) {
  flex-grow: 1;
  padding-right: 10px;
  margin-right: 40px;
}
gpt-case-list .list > main .row_ #active-checkbox__ .number-box {
  background-color: transparent;
}
gpt-case-list .list > main .row_ #active-checkbox__ .number-box .number-index {
  display: none;
}
gpt-case-list .list > main .row_ #active-checkbox__ .number-box gpt-checkbox {
  display: block;
}
gpt-case-list .list > main .row_ gpt-checkbox {
  display: none;
}
gpt-case-list .list > main .row_:hover .number-box {
  background-color: transparent;
}
gpt-case-list .list > main .row_:hover .number-box .number-index {
  display: none;
}
gpt-case-list .list > main .row_:hover .number-box gpt-checkbox {
  display: block;
}
gpt-case-list .list > main .row_.active-checkbox .number-box {
  background-color: transparent;
}
gpt-case-list .list > main .row_.active-checkbox .number-box .number-index {
  display: none;
}
gpt-case-list .list > main .row_.active-checkbox .number-box gpt-checkbox {
  display: block;
}
gpt-case-list .list > main .row_.active {
  background-color: #F6F7F9CC;
}
gpt-case-list .list > main .bar {
  height: 8px;
  background: #F6F7F9;
  opacity: 0.8;
}
gpt-case-list .court-opinion-box .court-opinion-title {
  font-size: 15px;
  display: block;
}
gpt-case-list .court-opinion-box .court-opinion-list-container {
  margin-top: 5px;
}
gpt-case-list .court-opinion-box .court-opinion-list-container:first-child {
  margin-top: 0;
}
gpt-case-list .court-opinion-box .court-opinion-item {
  white-space: pre-wrap;
  font-size: 15px;
  line-height: 26px;
  text-indent: 28px;
  color: #333333;
  /* &:hover {
                background: #FFF0E1;
            } */
}
gpt-case-list .court-opinion-box .court-opinion-item a {
  cursor: text;
}
gpt-case-list .court-opinion-box .law-link-info-item {
  text-indent: 0;
}
gpt-case-list .court-opinion-box .bigdata_query_highlight {
  color: #333;
  background: rgba(250, 137, 25, 0.2);
  box-shadow: inset 0px -1px 0px 0px rgba(250, 137, 25, 0.7);
}
.big-data-download {
  z-index: 1200 !important;
}
.ns-popover-tooltip-theme-black.ns-popover-top-placement .triangle {
  border: none !important;
  bottom: 0 !important;
  margin-left: 0 !important;
}
.ns-popover-tooltip-theme-black .triangle:after {
  border-bottom-color: #3d3d3d !important;
}
.ns-popover-tooltip-theme-black .ns-popover-tooltip {
  background-color: #3d3d3d !important;
  color: #fff;
}
.ns-popover-tooltip-theme-black .ns-popover-tooltip a {
  background-color: #3d3d3d !important;
  color: #fff;
  font-size: 12px;
}
.ns-popover-tooltip-theme-black .ns-popover-tooltip a:hover {
  background-color: #282828 !important;
}
.stage-popover .ns-popover-tooltip {
  width: 200px;
  height: 58px;
}
.stage-popover .ns-popover-tooltip dl {
  margin: 0;
  padding: 10px;
  font-size: 12px;
}
.stage-popover .ns-popover-tooltip dl dt {
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stage-popover .ns-popover-tooltip dl dd {
  margin: 0;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.download-popover {
  width: 100px;
}
.download-popover .triangle:after {
  border-bottom-color: #3d3d3d !important;
}
.download-popover .ns-popover-tooltip {
  width: 100px;
  background-color: #3d3d3d !important;
  border-radius: 8px;
  color: #fff;
}
.download-popover .ns-popover-tooltip .ns-popover-items {
  margin-top: 10px;
}
.download-popover .ns-popover-tooltip .ns-popover-item {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.download-popover .ns-popover-tooltip .ns-popover-item:hover {
  background-color: #282828;
  color: #fff;
}

gpt-checkbox a {
  display: flex;
  align-items: center;
}
gpt-checkbox a i {
  font-size: 16px;
  position: relative;
  color: #C3C6C8;
  top: 1px;
}
gpt-checkbox a i.ibass-checked,
gpt-checkbox a i.ibass-partial-select {
  color: #fa8919;
}
gpt-checkbox a i:hover {
  color: #FA8919;
}

.ai-search-further-dialog a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 6px;
  padding: 8px 14px;
  border: solid 1px #FDC48C;
  border-radius: 8px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  background-color: #FFF;
  color: #FA8919;
  line-height: 16px;
}
.ai-search-further-dialog a.btn img {
  width: 16px;
  height: 16px;
}
.ai-search-further-dialog a.btn i {
  font-size: 14px;
}
.ai-search-further-dialog a.btn:hover {
  color: #FA9A2A;
}
.ai-search-further-dialog a.btn.primary {
  border-color: transparent;
  background: #FA8919;
  border-radius: 8px;
  color: #FFF;
}
.ai-search-further-dialog a.btn.primary:hover {
  background-color: #fa9a2a;
}
.ai-search-further-dialog a.btn.disabled {
  cursor: not-allowed;
  opacity: .5;
}
.ai-search-further-dialog a.btn.disabled:hover {
  background-color: #FA8919 !important;
}
.ai-search-further-dialog .ngdialog-close {
  top: 14px !important;
  right: 14px !important;
}
.ai-search-further-dialog .ngdialog-close::before {
  font-size: 16px !important;
}
.ai-search-further-dialog .ngdialog-close:hover::before {
  color: #FA8919 !important;
}
.ai-search-further-dialog .ngdialog-content {
  padding: 24px !important;
  background: linear-gradient(135deg, #fff1ec, #f7f8fd 50%, #fff1ec) !important;
  border: solid 2px #FFF !important;
}
.ai-search-further-dialog .ngdialog-content header {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 16px;
}
.ai-search-further-dialog .ngdialog-content header .left {
  font-weight: 500;
  color: #333333;
  flex-grow: 1;
  position: relative;
}
.ai-search-further-dialog .ngdialog-content header .left img {
  position: relative;
  width: 18px;
  height: 18px;
  top: 3px;
  margin-right: 6px;
}
.ai-search-further-dialog .ngdialog-content header a {
  position: relative;
  color: #909399;
  padding-bottom: 6px;
  cursor: default;
  /* &:hover {
                    color: #FA8919;
                } */
}
.ai-search-further-dialog .ngdialog-content header a img {
  position: absolute;
  width: 18px;
  height: 18px;
  left: -24px;
  top: 2px;
  opacity: .6;
}
.ai-search-further-dialog .ngdialog-content header a.active {
  font-weight: 500;
  color: #333333;
  /* &::after {
                        content: " ";
                        position: absolute;
                        left: 50%;
                        transform: translateX(-50%);
                        bottom: 0;
                        width: 20px;
                        height: 3px;
                        background: #FA8919;
                        border-radius: 2px;
                    } */
}
.ai-search-further-dialog .ngdialog-content header a.active img {
  opacity: 1;
}
.ai-search-further-dialog .ngdialog-content header .vr {
  font-weight: 500;
  font-size: 14px;
  color: #DBDDDE;
}
.ai-search-further-dialog .ngdialog-content main {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 20px 24px;
}
.ai-search-further-dialog .ngdialog-content main:has(textarea) {
  padding: 12px 14px;
}
.ai-search-further-dialog .ngdialog-content main .tip {
  font-size: 13px;
  color: #999999;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-search-further-dialog .ngdialog-content main .tip i {
  font-size: 14px;
  color: #909399;
  line-height: 1;
}
.ai-search-further-dialog .ngdialog-content main dl:first-of-type {
  margin-top: 12px !important;
}
.ai-search-further-dialog .ngdialog-content main dl dt {
  font-size: 12px;
  color: #909399;
  font-weight: 400;
}
.ai-search-further-dialog .ngdialog-content main dl dd {
  margin: 0;
}
.ai-search-further-dialog .ngdialog-content main dl dd input {
  width: 100%;
  padding: 10px 0 5px 0;
  height: unset;
  font-size: 13px;
  color: #333333;
}
.ai-search-further-dialog .ngdialog-content main textarea {
  width: 100%;
  /* padding: 12px 10px 8px 10px;
                border-radius: 4px;
                background-color: #fefeff;
                box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
                border: solid 1px #d5d5d5; */
  resize: none;
  border: none;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.ai-search-further-dialog .ngdialog-content main textarea::placeholder {
  color: #999;
  font-size: 14px;
}
.ai-search-further-dialog .ngdialog-content footer {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
  margin-top: 12px;
}
.ai-search-further-dialog .ngdialog-content footer span {
  font-size: 13px;
  color: #333333;
}
.ai-search-further-dialog .ngdialog-content footer span span {
  color: #999999;
}
.ai-search-further-dialog .ngdialog-content .cg-busy .loading {
  display: flex;
  align-items: center;
  padding: 0;
}

gpt-history-pane {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
gpt-history-pane a.link-primary {
  color: #C3C6C8 !important;
}
gpt-history-pane .head {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  padding: 0 16px 0 28px;
  margin-top: 22px;
  position: relative;
}
gpt-history-pane .head::before {
  content: " ";
  position: absolute;
  width: 4px;
  height: 14px;
  background: #FA8919;
  border-radius: 2px;
  top: 3px;
  left: 16px;
}
gpt-history-pane .search-wrap {
  position: relative;
  padding: 0 16px;
}
gpt-history-pane .search-wrap i.ibass-search {
  position: absolute;
  color: #cdc9c5;
  font-size: 16px;
  top: 4px;
  left: 26px;
}
gpt-history-pane .search-wrap input {
  width: 100%;
  height: 32px;
  border-radius: 17px;
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
  padding: 0 30px;
}
gpt-history-pane .search-wrap input::-webkit-input-placeholder {
  color: #a9a9a9;
}
gpt-history-pane .search-wrap input.search-input-focus {
  border: 1px solid #FA8919;
}
gpt-history-pane .search-wrap .clear {
  position: absolute;
  top: 9px;
  right: 24px;
  width: 14px;
  height: 14px;
  background: url('tool/myBigData/images/search_input_clear.png') no-repeat;
  background-size: cover;
}
gpt-history-pane .search-wrap .clear:hover {
  background: url('tool/myBigData/images/search_input_clear_hover.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
gpt-history-pane .list-wrap {
  overflow-y: auto;
  flex-grow: 1;
  padding: 0 16px 16px 16px;
}
gpt-history-pane .list-wrap > span {
  font-weight: 500;
  font-size: 12px;
  color: #999999;
  margin: 16px 0 10px 4px;
  display: block;
}
gpt-history-pane .list-wrap > span:first-child {
  margin-top: 0;
}
gpt-history-pane .empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  font-size: 14px;
  color: #ddd6d9;
  background-color: #fff;
}
gpt-history-pane .empty img {
  width: 90px;
  height: auto;
  margin-bottom: 12px;
}

history-nodes {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
history-nodes history-nodes .node {
  padding-left: 20px;
}
history-nodes history-nodes .node:has(history-nodes)::before {
  left: 30px;
}
history-nodes history-nodes .node main::before {
  left: -11px;
  content: " ";
  position: absolute;
  width: 10px;
  border-left: solid 1px #b7bcc3;
  border-bottom: solid 1px #b7bcc3;
  border-bottom-left-radius: 8px;
  top: -1px;
  height: 47px;
}
history-nodes history-nodes .node main header img {
  display: none;
}
history-nodes history-nodes .node main:hover header img {
  display: none !important;
}
history-nodes history-nodes .node main footer {
  padding: 0;
}
history-nodes history-nodes history-nodes history-nodes .node::before {
  display: none;
}
history-nodes history-nodes history-nodes history-nodes history-nodes .node {
  padding-left: 0 !important;
}
history-nodes history-nodes history-nodes history-nodes history-nodes .node main::before {
  display: none;
}
history-nodes .node {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
history-nodes .node:has(history-nodes)::before {
  left: 10px;
  content: " ";
  position: absolute;
  width: 1px;
  border-left: solid 1px #b7bcc3;
  top: 94px;
  height: calc(100% - 94px * 2);
}
history-nodes .node:has(history-nodes):last-child {
  background-color: #ffffff;
}
history-nodes .node main {
  height: 94px;
  background-color: #F9FAFC;
  position: relative;
  border-radius: 8px;
  padding: 12px;
  box-sizing: border-box;
  border: solid 1px transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
history-nodes .node main:hover {
  background: #F5F7FA;
}
history-nodes .node main:hover header img.arrow {
  display: block;
}
history-nodes .node main:hover header img.query {
  display: none;
}
history-nodes .node main header {
  display: flex;
  gap: 6px;
}
history-nodes .node main header img {
  width: 18px;
  height: 18px;
}
history-nodes .node main header img.arrow {
  display: none;
  transform: rotate(270deg);
}
history-nodes .node main header img.arrow.open {
  transform: none;
}
history-nodes .node main header a {
  flex-grow: 1;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 44px;
  font-weight: 500;
  font-size: 13px;
  color: #333333;
}
history-nodes .node main footer {
  padding-left: 24px;
  display: flex;
  justify-content: end;
}
history-nodes .node main footer span {
  flex-grow: 1;
  font-size: 12px;
  color: #909399;
  line-height: 16px;
}
history-nodes .node main footer a {
  display: none !important;
}
history-nodes .node main:hover footer a {
  display: unset !important;
}
history-nodes .node.active > main {
  background-color: #FFF9F5;
  border: 1px solid rgba(250, 125, 25, 0.32);
}

gpt-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin: 24px 0;
  color: #737373;
}
gpt-pagination .page-size-menu {
  display: flex;
  align-items: center;
}
gpt-pagination .page-size-menu a {
  display: flex;
  align-items: center;
  gap: 2px;
}
gpt-pagination .page-size-menu a i {
  color: #fa8919;
  margin-top: 2px;
}
gpt-pagination .i-pagination {
  margin: 0;
}
gpt-pagination .i-pagination li {
  min-width: 30px;
  box-sizing: border-box;
}

gpt-sidebar {
  position: relative;
  flex-shrink: 0;
}
gpt-sidebar > main {
  width: 260px;
  height: 100%;
  position: relative;
  border-right: solid 1px #EBEBEB;
}
gpt-sidebar .collapsed-btn {
  width: 15px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: inset -1px 0px 0px 0px #ebebeb, inset 0px -1px 0px 0px #ebebeb, inset 0px 1px 0px 0px #ebebeb;
  border-radius: 0px 8px 8px 0px;
  position: absolute;
  left: calc(100% - 1px);
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  line-height: 44px;
  color: #ED6C00;
  cursor: pointer;
  z-index: 1;
}
gpt-sidebar .collapsed-btn i::before {
  transform: rotate(90deg);
  font-size: 12px;
  margin-right: 4px;
  margin-top: 3px;
}

.bigData-gpt-result-controller .big-data-download .loading {
  padding-top: 0px !important;
}
.bigData-gpt-result-controller .big-data-download .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.bigData-gpt-result-controller .big-data-download .main-btn {
  margin-left: 40%;
  margin-bottom: 30px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body {
  padding: 10px 10px 12px 50px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content {
  font-size: 14px;
  color: #4a4a4a;
  margin-left: 20px;
  margin-bottom: 20px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .word,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .excel,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .pdf {
  position: relative;
  top: 2px;
  display: inline-flex;
  cursor: pointer;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .word i,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .excel i,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .pdf i {
  margin-right: 8px;
  font-size: 16px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .word i.ibass-done,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .excel i.ibass-done,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .pdf i.ibass-done {
  color: #fa8919;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .word i.ibass-task-check,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .excel i.ibass-task-check,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .pdf i.ibass-task-check {
  color: #cdc9c5;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .word.disable,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .excel.disable,
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .pdf.disable {
  cursor: not-allowed;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .excel {
  margin-right: 200px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .word {
  margin-left: 90px;
  margin-top: 10px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .pdf {
  margin-left: 24px;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .middle {
  margin: 0px 20px;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .count .count-number {
  color: #fa8919;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .big-data-download .firm-dialog-body .content .count-max .count-number {
  color: #fa8919;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .big-data-download .group {
  margin-bottom: 20px;
}
.bigData-gpt-result-controller .big-data-download .group .download-label {
  width: 70px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  display: inline-block;
  text-align: left;
}
.bigData-gpt-result-controller .big-data-download .group .content {
  display: inline;
}
.bigData-gpt-result-controller .big-data-download .group .content .ibass-filetype {
  margin-left: 6px;
}
.bigData-gpt-result-controller .big-data-download .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 47px;
  margin-left: 10%;
  z-index: 2;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .big-data-download .ngdialog.ngdialog-theme-default .ngdialog-close:before {
  top: -1px;
  left: 5px;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .loading {
  padding-top: 0px !important;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .main-btn {
  margin-left: 40%;
  margin-bottom: 30px;
}
.bigData-gpt-result-controller .bd-batch-add-search-report #batchNewSearchReportInput {
  border: none;
  outline: none;
  border-bottom: 1px solid #ebebeb;
  width: 220px;
  position: relative;
  top: -10px;
  margin-left: 10px;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body {
  padding: 10px 50px 30px 50px;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .content-des {
  padding-bottom: 10px;
  font-weight: 500;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  padding-right: 0px;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container {
  max-height: 250px;
  min-height: 100px;
  overflow: auto;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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);
}
.bigData-gpt-result-controller .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);
}
.bigData-gpt-result-controller .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);
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container i.ibass-checked,
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .ibass-done {
  color: #fa8919;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item {
  line-height: 32px;
  height: 32px;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .list-item .flex {
  display: flex;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .bd-batch-add-search-report .firm-dialog-body .search-report-container .report-list-content .list-container .left-box {
  display: inline-block;
  flex: 1;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch {
  overflow: hidden;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual {
  width: 940px;
  background: #fff;
  color: #e4e4e4;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .left {
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .line-blue {
  background: #90caf9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .i-chart {
  padding-top: 20px;
  height: 300px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual h5 {
  margin: 0;
  padding-left: 32px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .i-echarts {
  padding: 20px;
  height: 320px;
  margin-top: 0px;
  width: 450px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .i-echarts.chinaMap {
  width: 939px;
  height: 490px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .popularLaws .entity {
  position: absolute;
}
.bigData-gpt-result-controller .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-gpt-result-controller .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-gpt-result-controller .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-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .chat-tooltip {
  position: absolute;
  bottom: 0;
  width: 90%;
  text-align: center;
  font-size: 12px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .btn-all {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 14px;
  color: #737373;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .btn-all i {
  margin-right: 6px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .btn-all.case-pie {
  position: relative;
  bottom: 10px !important;
  left: 245px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image {
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 100;
  border-right: 0 !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image span {
  vertical-align: middle;
  font-size: 14px;
  color: #a9a9a9;
  margin-left: 2px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image i {
  font-size: 16px;
  top: 4px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image:hover i,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image:hover span {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .save-as-image .as-image {
  display: none;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .group-header span {
  padding-bottom: 17px;
  border-bottom: 2px solid #fa8919;
  margin-left: 5px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .group-header i {
  color: #cdc9c4;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .group-header span {
  cursor: pointer;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group {
  width: 100%;
  height: 414px;
  border-bottom: 1px solid #ececec;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .ibass-info,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group .ibass-info {
  top: 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold {
  height: 64px !important;
  border-bottom: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .group-header,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .group-header {
  border-bottom: 1px solid #ebebeb;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .group-header span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .group-header span {
  cursor: pointer;
  color: #4a4a4a;
  border: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided3,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided3-2,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .court-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group.group-fold .column1divided1,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group.group-fold .column1divided1 {
  display: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .overview-group .province-bar .save-as-image,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .save-as-image {
  right: 80px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group {
  height: 394px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .information,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-firm-group .information {
  left: 80px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group {
  height: 394px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .information,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group .information {
  left: 94px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group {
  height: 404px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group .column1divided2 {
  height: 340px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .law-group .column1divided2 .btn-all {
  bottom: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .pain-group .penal-main .information {
  left: 55px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group {
  height: 434px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .column1divided2 {
  height: 370px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .time-limit-group .information {
  left: 80px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group {
  height: 804px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2 {
  height: 360px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2-c {
  height: 380px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .column1divided2-c .btn-all {
  left: 295px;
  bottom: 10px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .judgement-group .information {
  left: 110px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group {
  height: 1236px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .information {
  left: 70px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .fee-group .claim-success-rate-information {
  left: 98px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .litigant-group .i-echarts,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .lawyer-group .i-echarts {
  width: 33%;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .clearfix {
  clear: both;
  content: '';
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .right-border-have {
  border-right: 1px solid #ececec;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .top-border-have {
  border-top: 1px solid #ececec;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .left-border-have {
  border-left: 1px solid #ececec;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .bottom-border-have {
  border-bottom: 1px solid #ececec;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .case-reason-group .column1divided3-2 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1 {
  position: relative;
  width: 100%;
  height: 330px;
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1:hover .save-as-image .as-image {
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided1 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 320px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2 {
  position: relative;
  width: 469px;
  height: 350px;
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2:hover .save-as-image .as-image {
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2 .empty-chart-image {
  position: relative;
  top: 80px;
  left: 100px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided2-fee {
  height: 410px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2 {
  position: relative;
  width: 626px;
  height: 330px;
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2:hover .save-as-image .as-image {
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3-2 .empty-chart-image {
  position: relative;
  top: 80px;
  width: 60%;
  left: 50px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3 {
  position: relative;
  width: 312px;
  height: 330px;
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3:hover .save-as-image .as-image {
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column1divided3 .empty-chart-image {
  position: relative;
  top: 80px;
  width: 80%;
  left: 30px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .column-claim-success-rate {
  height: 350px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .money-fee .information {
  left: 84px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .chart-title {
  margin-left: 20px;
  margin-top: 22px;
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .information {
  position: absolute;
  left: 90px;
  top: 10px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .loading {
  transform: scale(0.8);
  padding-top: 100px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .change-type {
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 0;
  z-index: 100;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .change-type a:first-child {
  border-right: 1px solid #ebebeb;
  border-radius: 15px 0 0 15px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .change-type a:last-child {
  border-radius: 0 15px 15px 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .bigData-visual .change-type a.current-penal i {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .case-reason-group {
  height: 454px !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 {
  height: 390px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 .i-chart {
  height: 380px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .case-reason-group .column1divided2 .btn-all.case-pie {
  position: absolute;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .examine-caseList {
  clear: both;
  margin-bottom: 40px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn i {
  font-size: 16px;
  color: #cdc9c5;
  position: relative;
  left: -5px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .examine-caseList .examine-btn span {
  position: relative;
  top: -2px;
  font-size: 12px;
}
.bigData-gpt-result-controller .big-data-visual-lookMore {
  padding-bottom: 50px;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .title {
  padding: 50px 50px 10px;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .title .title-line {
  text-align: center;
  border-top: 1px solid #e2e2e2;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content {
  height: 450px;
  line-height: 32px;
  margin: 0px 60px 0 80px;
  overflow-y: auto;
  font-size: 14px;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content li {
  overflow: hidden;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content li i {
  color: #cdc9c5;
  font-size: 14px;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content li .ibass-dot,
.bigData-gpt-result-controller .big-data-visual-lookMore .content li .ibass-clause {
  float: left;
  margin-right: 6px;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content li .ibass-clause:hover {
  color: #ed6c00;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content li:hover span,
.bigData-gpt-result-controller .big-data-visual-lookMore .content li:hover .ibass-dot {
  color: #ed6c00;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-gpt-result-controller .big-data-visual-lookMore .content:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}

.left-search-tab:hover + .wyk-ai-app-list-wrapper {
  visibility: visible;
  opacity: 1;
  transition: none;
}
.my-dropdown-list.wyk-ai-app-list-wrapper {
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  padding: 10px 0px;
  position: absolute;
  top: 52px;
  left: 7px;
  z-index: 100;
  width: 134px;
  background: #3d3d3d;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(1, -0.69, 1, -0.75);
}
.my-dropdown-list.wyk-ai-app-list-wrapper:hover {
  visibility: visible;
  opacity: 1;
  transition: none;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .dropItem {
  cursor: pointer;
  padding-left: 10px;
  display: flex;
  align-items: center;
  height: 36px;
  color: #d9d9d9;
  font-size: 14px;
  font-family: PingFang SC;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .dropItem i {
  top: 1px;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .dropItem .itemName {
  margin-left: 8px;
  height: 36px;
  line-height: 36px;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .dropItem .searchImg {
  width: 14px;
  height: 14px;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .dropItem .vipImg {
  margin-left: 8px;
  width: 28px;
  height: 14px;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .dropItem:hover {
  background: #282828;
  color: #ffffff;
}
.my-dropdown-list.wyk-ai-app-list-wrapper .highLigth .itemName {
  background: linear-gradient(180deg, #fee8d2 0%, #fcb875 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  /* 为兼容 Firefox 等浏览器 */
  -webkit-text-fill-color: transparent;
}
.my-dropdown-list.wyk-ai-app-list-wrapper::before {
  position: absolute;
  margin: auto;
  top: -10px;
  right: 0;
  left: 0;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px;
  border-color: transparent transparent #3d3d3d;
}


.aiSearchNewBubbleTipBox {
  color: yellow;
  position: absolute;
  z-index: 100;
  bottom: -130px;
  right: -27px;
  width: 228px;
  height: 134px;
}
.aiSearchNewBubbleTipBox img {
  width: 100%;
  height: 100%;
}
.aiSearchNewBubbleTipBox .tipText {
  cursor: pointer;
  position: absolute;
  right: 21px;
  bottom: 26px;
  width: 56px;
  height: 24px;
  background: #FA8919;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.aiSearchNewBubbleTipBox .closeTip {
  cursor: pointer;
  position: absolute;
  left: 29px;
  bottom: 28px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9F9F9F;
}

.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;
}

.create-my-group-source-dialogs-container .create-my-group-source-title-container {
  text-align: center;
  position: relative;
  margin-top: 40px;
  margin-bottom: 26px;
}
.create-my-group-source-dialogs-container .create-my-group-source-title-container .create-my-group-source-title-text {
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 24px;
}
.create-my-group-source-dialogs-container .create-my-group-source-title-container::before {
  display: block;
  content: ' ';
  width: 176px;
  height: 1px;
  background-color: #E5E5E5;
  position: absolute;
  top: 12px;
  left: 48px;
}
.create-my-group-source-dialogs-container .create-my-group-source-title-container::after {
  display: block;
  content: ' ';
  width: 176px;
  height: 1px;
  background-color: #E5E5E5;
  position: absolute;
  top: 12px;
  right: 48px;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 60px;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-label {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin-top: 10px;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-name-wrap {
  width: 400px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-name-wrap input {
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  padding: 0 68px 0px 16px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-name-wrap input:focus {
  border: 1px solid #FA8919;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-name-wrap input::-webkit-input-placeholder {
  color: #999999;
  font-weight: 400;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-name-wrap .create-my-group-source-input-item-in-name-count {
  position: absolute;
  top: 6px;
  right: 16px;
  color: #999999;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-name-wrap .my-group-source-count-fill {
  color: #fa8919;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-other-wrap {
  width: 400px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-other-wrap input {
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  padding: 0px 16px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-other-wrap input::-webkit-input-placeholder {
  color: #999999;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .create-my-group-source-input-item-in-other-wrap input:focus {
  border: 1px solid #FA8919;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .error-is-true input {
  border: 1px solid #F6535C;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-input-item-in .error-is-true input:focus {
  border: 1px solid #F6535C;
}
.create-my-group-source-dialogs-container .create-my-group-source-input-wrap .create-my-group-source-input-item-wrap .create-my-group-source-error-tip {
  font-size: 12px;
  color: #F6535C;
  padding-left: 16px;
}
.create-my-group-source-dialogs-container .create-my-group-source-button-list-wrap {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  margin-bottom: 32px;
}
.create-my-group-source-dialogs-container .create-my-group-source-button-list-wrap button {
  padding: 0px;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.create-my-group-source-dialogs-container .create-my-group-source-button-list-wrap .my-group-source-button-sure {
  background: #FA8919;
  color: #fff;
  border: none;
}
.create-my-group-source-dialogs-container .create-my-group-source-button-list-wrap .my-group-source-button-cancel {
  border: 1px solid #DCDFE6;
  background-color: #ffffff;
  color: #606266;
  margin-right: 10px;
}

.advanced-cause-select-modal.eff-tree-dig {
  font-size: 14px;
  color: #4a4a4a;
}
.advanced-cause-select-modal.eff-tree-dig .page-title {
  height: 75px;
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.advanced-cause-select-modal.eff-tree-dig .page-title .desc {
  width: 130px;
  left: 250px;
  top: 40px;
  position: absolute;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  z-index: 10;
  background: #fff;
}
.advanced-cause-select-modal.eff-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;
}
.advanced-cause-select-modal.eff-tree-dig .relate-linke-dialog {
  top: 50px;
  padding-top: 30px;
  max-height: 600px;
  overflow: scroll;
  padding: 30px 48px 80px;
  font-size: 14px;
  color: #4a4a4a;
}
.advanced-cause-select-modal.eff-tree-dig .case-selected {
  padding: 10px 0 40px 48px;
  overflow: hidden;
}
.advanced-cause-select-modal.eff-tree-dig .case-selected .title {
  float: left;
  margin-right: 10px;
}
.advanced-cause-select-modal.eff-tree-dig .case-selected .value {
  float: left;
  max-width: 440px;
}
.advanced-cause-select-modal.eff-tree-dig .case-selected .select-item {
  position: relative;
  padding-right: 10px;
  display: inline-block;
}
.advanced-cause-select-modal.eff-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.eff-tree-dig .case-selected .select-item:hover i {
  display: inline-block;
}
.advanced-cause-select-modal.eff-tree-dig .case-selected .select-item i {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  display: none;
  top: -8px;
  right: 12px;
}
.advanced-cause-select-modal.eff-tree-dig .page-bottom {
  text-align: center;
  padding-bottom: 30px;
}
.advanced-cause-select-modal.eff-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.eff-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.eff-tree-dig .relate-linke-dialog treecontrol.tree-classic .a1 {
  padding-bottom: 2px;
}
.advanced-cause-select-modal.eff-tree-dig .relate-linke-dialog treecontrol.tree-classic li {
  line-height: 25px;
  padding: 0 0 0 35px;
}
.advanced-cause-select-modal.eff-tree-dig .relate-linke-dialog treecontrol.tree-classic li i {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.advanced-cause-select-modal.eff-tree-dig .relate-linke-dialog treecontrol.tree-classic li i.tree-branch-head,
.advanced-cause-select-modal.eff-tree-dig .relate-linke-dialog treecontrol.tree-classic li i.tree-leaf-head {
  padding: 0;
  background: transparent;
}
.advanced-cause-select-modal.eff-tree-dig .relate-linke-dialog treecontrol.tree-classic li .a6 {
  margin-left: 5px;
}
.advanced-cause-select-modal.eff-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.eff-tree-dig .eff-selected {
  padding: 0;
  margin: 0px 0 30px 45px;
  padding-top: 20px;
  white-space: wrap;
}
.advanced-cause-select-modal.eff-tree-dig .eff-selected .select-des {
  display: inline-block;
}
.advanced-cause-select-modal.eff-tree-dig .eff-selected .select-item {
  position: relative;
  padding-right: 10px;
  display: inline-block;
}
.advanced-cause-select-modal.eff-tree-dig .eff-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.eff-tree-dig .eff-selected .select-item:hover i {
  display: inline-block;
}
.advanced-cause-select-modal.eff-tree-dig .eff-selected .select-item i {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  display: none;
  top: -8px;
  right: 12px;
}

.more-data-of-type .content-tab {
  padding-top: 10px;
  padding-left: 20px;
}
.more-data-of-type .tab-container {
  box-sizing: border-box;
}
.more-data-of-type .tab-container.article-container {
  width: 896px;
  margin-left: -130px;
}
.more-data-of-type .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;
}
.more-data-of-type .tab-container .tab-item.right {
  border-bottom: none;
  color: #a9a9a9;
  cursor: pointer;
}
.more-data-of-type .tab-container .tab-item.right:hover {
  color: #ed6c00;
}
.more-data-of-type .tab-container .tab-item.right:hover i {
  color: #ed6c00;
}
.more-data-of-type .tab-container .tab-item.right i {
  margin-left: 5px;
}
.more-data-of-type .tab-container .tab-item.active {
  color: #ed6c00;
  border-bottom: 2px solid #ed6c00;
}
.more-data-of-type .article-case-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}
.more-data-of-type .article-case-list .article-box {
  display: flex;
  position: relative;
  width: 45%;
  height: 100px;
  border: 1px solid #EBEBEB;
  border-radius: 4px;
  margin: 12px 0;
  padding: 10px;
  cursor: pointer;
}
.more-data-of-type .article-case-list .article-box .article-hot {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  z-index: 100;
}
.more-data-of-type .article-case-list .article-box:hover {
  border: 1px solid #ED6C00;
  box-shadow: 0px 0px 4px 0px rgba(254, 99, 0, 0.18);
}
.more-data-of-type .article-case-list .article-box:hover .article_img-box {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.more-data-of-type .article-case-list .article-box .article_img-box {
  width: 140px;
  margin-right: 16px;
  background: #F7F8F9;
  border-radius: 4px;
  flex: 0 0 auto;
  transition: transform 0.2s;
}
.more-data-of-type .article-case-list .article-box .article_img-box img {
  height: 100%;
  width: 100%;
}
.more-data-of-type .article-case-list .article-box .article-content {
  width: 100%;
}
.more-data-of-type .article-case-list .article-box .article-content .article-title {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: scale(0.944444);
  margin-left: -6px;
}
.more-data-of-type .article-case-list .article-box .article-content .article-desc,
.more-data-of-type .article-case-list .article-box .article-content .article-count {
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}
.more-data-of-type .article-case-list .article-box .article-content .article-desc {
  min-height: 44px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.more-data-of-type .article-case-list .article-box .article-content .article-count {
  text-align: right;
  margin-top: 8px;
}
.more-data-of-type .article-case-list .article-box .article-content .article-count .article-count-num {
  color: #FF8200;
  margin-right: 5px;
}
.more-data-of-type .article-case-tips {
  text-align: right;
  color: #a9a9a9;
}
.more-data-of-type .article-case-tips .ibass-info {
  color: #a9a9a9;
}
.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 #ed6c00;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #ed6c00;
}
.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 .pagination {
  width: 620px;
  margin: 0 auto;
}
.more-data-of-type .pagination .i-pagination {
  margin: 15px auto 30px;
}
.more-data-of-type .similarity-book-container {
  margin-top: 80px;
  width: 707px;
  position: relative;
  left: -8px;
  box-sizing: border-box;
}
.more-data-of-type .similarity-book-container .similarity-case-title {
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 8px;
  padding-left: 9px;
  color: #ED6B00;
  font-size: 14px;
  margin-bottom: 40px;
  position: relative;
  font-weight: 500;
}
.more-data-of-type .similarity-book-container .similarity-case-title::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100px;
  height: 2px ;
  background-color: #ED6B00;
  bottom: 0px;
  left: 0px;
}
.more-data-of-type .similarity-book-container .similarity-case-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box {
  width: 160px;
  margin-right: 22px;
  margin-bottom: 60px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .similarity-case-book-wrap {
  width: 160px;
  height: 200px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .similarity-case-book-wrap .similarity-case-book-cover {
  width: 100%;
  height: 100%;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .similarity-case-book-wrap-new-tag::before {
  content: 'NEW';
  font-size: 10px;
  width: 37px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  color: #ffffff;
  background-color: #F69D00;
  position: absolute;
  top: -3px;
  right: -4px;
  border-radius: 0px 0px 0px 4px;
  transform: scale(0.8, 0.8);
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .similarity-case-book-name {
  margin-top: 12px;
  color: #333333;
  font-size: 14px;
  text-align: center;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box .similarity-case-name-tip {
  display: none;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box:hover .similarity-case-name-tip {
  display: block;
  width: 224px;
  position: absolute;
  font-size: 12px;
  padding: 8px 10px;
  background-color: #2F2F2F;
  color: #ffffff;
  line-height: 18px;
  border-radius: 4px;
  z-index: 1;
  transform: translateX(-50%);
  left: 50%;
  bottom: -57px;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box:hover .similarity-case-name-tip::before {
  display: block;
  content: ' ';
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #2F2F2F;
  margin: auto;
  left: 0;
  right: 0;
  top: -8px;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box-special:hover .similarity-case-book-name {
  color: #FA8919;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box-special:hover .similarity-case-book-wrap {
  border: 1px solid #FA8919;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box:nth-child(4n) {
  margin-right: 0px;
}
.more-data-of-type .similarity-book-container .similarity-case-list .book-box-special-update {
  cursor: auto;
}
.more-data-of-type .similarity-book-container .pagination-similarity-case-list {
  display: flex;
  justify-content: center;
}
.more-data-of-type .similarity-book-container .pagination-similarity-case-list .i-pagination {
  margin-top: 20px;
  margin-bottom: 70px;
}
.more-data-of-type .similarity-book-container .similarity-case-intro {
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 120px;
  min-height: 300px;
}
.more-data-of-type .similarity-book-container .sc-tab-content {
  padding-top: 18px;
  font-size: 14px;
  line-height: 1.8;
  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 #ed6c00;
}
.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;
}

.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;
}

.big-data-search-box .AISearchWrapContainer {
  position: relative;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer {
  cursor: pointer;
  position: absolute;
  left: 28px;
  top: 7px;
  height: 32px;
  background: #FFEEDE;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer:hover .AICaseListSearchWrapContent .AICaseListText {
  background: url(tool/bigData/search/img/search-ai-case-name-hover.png);
  background-size: cover;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer:hover .AICaseListSearchWrapContent .AICaseListTextNew {
  background: url(tool/bigData/search/img/search-ai-case-name-v1-hover.png);
  background-size: cover;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer .AICaseListSearchWrapContent {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 10px;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer .AICaseListSearchWrapContent .AICaseListText {
  background: url(tool/bigData/search/img/search-ai-case-name-default.png);
  background-size: cover;
  width: 43px;
  height: 16px;
  box-sizing: border-box;
  margin-left: 8px;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer .AICaseListSearchWrapContent .AICaseListTextNew {
  background: url(tool/bigData/search/img/search-ai-case-name-v1-default.png);
  background-size: cover;
  width: 57px;
  height: 16px;
  box-sizing: border-box;
  margin-left: 8px;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer .AICaseListSearchWrapContent .AICaseListLeftIcon {
  width: 16px;
  height: 16px;
  background: url(tool/bigData/search/img/search-ai-icon.png);
  background-size: cover;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer .AICaseListSearchWrapContent .beta-container {
  position: absolute;
  right: -21px;
  top: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 16px;
  background: linear-gradient(225deg, #ff7a18 0%, #ffb932 100%);
  border-radius: 8px 8px 8px 2px;
}
.big-data-search-box .AISearchWrapContainer .AICaseListSearchWrapContainer .AICaseListSearchWrapContent .beta-container .beta-text {
  font-size: 20px;
  transform: scale(0.5, 0.5);
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  white-space: nowrap;
}
.big-data-search-box .AISearchWrapContainer .AISearchWrapContainertext {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 99999;
  left: 60px;
  color: #ED6C00;
  cursor: pointer;
}
.big-data-search-box .AISearchWrapContainer .AISearchWrapContainertext::before {
  content: "";
  position: relative;
  margin-right: 6px;
  display: inline-block;
  background-size: contain !important;
  width: 16px;
  height: 16px;
  background: url(partials/images/aizhisou1.png) center center no-repeat;
}
.big-data-search-box .AISearchWrapContainer .AISearchWrapContainertext::after {
  content: "";
  position: absolute;
  top: -15px;
  left: 52px;
  padding-top: 4px;
  margin-right: 6px;
  display: inline-block;
  background-size: contain !important;
  width: 28px;
  height: 12px;
  background: url(partials/images/gongcetishi.png) center center no-repeat;
}
.big-data-search-box .AISearchWrapContainer .aiSearchBoxContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 16px;
}
.big-data-search-box .AISearchWrapContainer .aiSearchBoxContainer .aiSearchBoxContent {
  width: 1000px;
}
.big-data-search-box .AISearchWrapContainer .aiSearchBoxContainer .aiCaseSearchBoxContent {
  width: 1136px;
}
.big-data-search-box .subscribe-guide-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.5);
}
.big-data-search-box .subscribe-guide-mask .subscribe-guide-focus {
  position: absolute;
  background: #fff;
  border: 1px dashed #9e9e9e;
  text-align: center;
  border-radius: 6px;
  width: 140px;
  height: 50px;
  line-height: 50px;
}
@keyframes scaleDraw {
  0% {
    width: 540px;
    height: 180px;
    line-height: 180px;
    top: 20%;
    left: 65%;
  }
  100% {
    width: 240px;
    height: 80px;
    line-height: 80px;
    top: 254px;
    left: 75%;
  }
}
.big-data-search-box .input-case-content {
  padding-right: 70px;
  padding-left: 36px;
}
.big-data-search-box .input-case-content .search-ext {
  margin-right: 0!important;
}
.big-data-search-box .input-other-content {
  padding-left: 20px;
}
.big-data-search-box .input-case-content,
.big-data-search-box .input-other-content {
  display: flex;
  flex-wrap: wrap;
  padding-right: 165px;
  min-height: 42px;
  position: relative;
}
.big-data-search-box .input-case-content .left,
.big-data-search-box .input-other-content .left,
.big-data-search-box .input-case-content .left-search-tab,
.big-data-search-box .input-other-content .left-search-tab,
.big-data-search-box .input-case-content .right.init-ad-search,
.big-data-search-box .input-other-content .right.init-ad-search {
  position: absolute;
}
.big-data-search-box .input-case-content .right.init-ad-search,
.big-data-search-box .input-other-content .right.init-ad-search {
  right: 0;
  bottom: 0;
}
.big-data-search-box .input-case-content .search,
.big-data-search-box .input-other-content .search {
  width: unset!important;
  margin-left: 0!important;
}
.big-data-search-box .input-case-content .recommend,
.big-data-search-box .input-other-content .recommend {
  padding: 7px;
}
.big-data-search-box .input-case-content .recommend ul,
.big-data-search-box .input-other-content .recommend ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
}
.big-data-search-box .input-case-content .recommend ul li,
.big-data-search-box .input-other-content .recommend ul li {
  display: flex;
  height: 20px;
  line-height: 20px;
  padding: 7px 8px;
  margin-right: 5px;
  border-radius: 4px;
  background-color: #f8f8f9;
}
.big-data-search-box .input-case-content .recommend ul li span,
.big-data-search-box .input-other-content .recommend ul li span {
  display: flex;
  flex: 0 0 auto;
}
.big-data-search-box .input-case-content .recommend ul li i,
.big-data-search-box .input-other-content .recommend ul li i {
  position: unset;
  display: flex;
}
.big-data-search-box .input-case-content .recommend ul li .icon-words,
.big-data-search-box .input-other-content .recommend ul li .icon-words {
  font-size: 16px;
  top: 0;
  color: #FCC48C;
  margin-right: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.big-data-search-box .input-case-content .recommend ul li .icon-words:hover,
.big-data-search-box .input-other-content .recommend ul li .icon-words:hover {
  color: #FA8919;
}
.big-data-search-box .input-case-content .recommend ul li .icon-words-active,
.big-data-search-box .input-other-content .recommend ul li .icon-words-active {
  color: #FA8919;
}
.big-data-search-box .search-direction-container {
  line-height: 30px;
  color: #4A4A4A;
  font-size: 14px;
  align-self: center;
  margin-right: 5px;
  cursor: pointer;
}
.big-data-search-box .search-direction-container:after {
  display: inline-block;
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 4px 0px;
  border-color: #D4D4D4 transparent transparent ;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.big-data-search-box .search-direction-container-active {
  color: #ED6C00;
}
.big-data-search-box .search-direction-container-active:after {
  display: inline-block;
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 4px 6px;
  border-color: transparent transparent #ff8800;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.big-data-search-box .input-more-content {
  padding-right: 46px;
}
.big-data-search-box .input-law-content {
  padding-right: 260px;
}
.big-data-search-box .search-content {
  position: relative;
  width: 898px;
  min-height: 42px;
  margin-left: 140px;
  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 {
  position: absolute;
  right: 70px;
  bottom: 11px;
}
.big-data-search-box .search-content .search-ext label:last-child {
  margin-left: 15px;
}
.big-data-search-box .search-content .search-module-i-close {
  position: absolute;
  right: 186px;
  bottom: 7px;
  transform: translateY(-50%);
  cursor: pointer;
}
.big-data-search-box .search-content .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.big-data-search-box .search-content .search-module-i-close .i-close-module:hover {
  background-color: #fa8919;
}
.big-data-search-box .search-content .search-module-i-close .i-close-module .ibass-close {
  margin-top: -5px;
  height: 18px;
  color: #fff;
  transform: scale(0.5);
}
.big-data-search-box .search-content .search-module-i-close-advance {
  right: 186px;
}
.big-data-search-box .search-content .search-module-i-close-other {
  right: 70px;
}
.big-data-search-box .search-content .search-module-i-close-not-advance {
  right: 280px;
}
.big-data-search-box .search-content .result {
  color: #737373;
}
.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: #fa8919;
  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;
  flex: 1;
  height: 42px;
  margin: 1px;
  padding-right: 40px;
  line-height: 42px;
  background: #fefeff;
  outline: none;
  border: none;
  font-size: 14px;
}
.big-data-search-box .search-content .search-btn-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  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: #fa8919;
  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 {
  color: #fa8919;
}
.big-data-search-box .search-content .advanced:hover {
  color: #ed6c00;
}
.big-data-search-box .search-content .advanced-new {
  position: absolute;
  right: -90px;
  top: 8px;
  color: #a9a9a9;
}
.big-data-search-box .search-content .advanced-new:hover {
  color: #ed6c00;
}
.big-data-search-box .search-content .isHaveClassify {
  right: -166px;
}
.big-data-search-box .search-content .classify {
  position: absolute;
  right: -84px;
  top: 8px;
  color: #a9a9a9;
}
.big-data-search-box .search-content .classify:hover {
  color: #ed6c00;
}
.big-data-search-box .library-type ul {
  width: 898px;
  transition: height .2s ease;
  margin: 0 0 0 160px;
  padding-top: 10px;
  overflow: hidden;
}
.big-data-search-box .library-type ul li {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  min-width: 87px;
  height: 30px;
  text-align: center;
  margin-left: 4px;
  border-bottom: 2px solid transparent;
  color: #9e9e9e;
  font-size: 14px;
  box-sizing: border-box;
}
.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;
  font-size: 12px;
}
.big-data-search-box .library-type ul li.current,
.big-data-search-box .library-type ul li:hover {
  color: #ed6c00;
  border-bottom: 2px solid #ff8800;
}
.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: #ed6c00;
}
.big-data-search-box .library-type-isHaveClassify ul {
  width: inherit;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  overflow: initial;
}
.big-data-search-box .search-content-isHaveClassify {
  width: 822px;
  margin: 0 auto;
}
.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: #fa8919;
}
.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:hover {
  color: #ed6c00;
}
.big-data-search-box .search-bottom .advanced:hover i {
  color: #ed6c00;
}
.big-data-search-box .search-bottom .advanced-new {
  position: absolute;
  right: -90px;
  top: 8px;
  color: #a9a9a9;
}
.big-data-search-box .search-bottom .advanced-new:hover {
  color: #ed6c00;
}
.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: #fa8919;
}
.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;
}
.change-search-type .ns-popover-tooltip .ns-popover-items .ns-popover-item .cursor:hover {
  color: #ED6C00;
}
.laws-search-result {
  position: relative;
  top: 1px;
}
.laws-search-result.search-result-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.laws-search-result .select-history-keyword .law-hot-recommend {
  padding: 8px 10px 2px;
  border-top: 1px solid #f1f1f1;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  margin-bottom: 4px;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-header .left {
  font-size: 14px;
  color: #a9a9a9;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-header .right {
  font-size: 12px;
  color: #999;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-header .right:hover {
  color: #ed6c00;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-list {
  max-height: 180px;
  padding-top: 0;
  overflow: auto;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-item {
  line-height: 28px;
  cursor: pointer;
  padding: 0 2px;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-item span {
  display: inline-block;
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-item:hover {
  background: #fff7ef;
}
.laws-search-result .select-history-keyword .law-hot-recommend .hot-recommend-item:hover span {
  color: #ed6c00;
}
.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;
}
.search-direction-options-container {
  background-color: #3D3D3D;
  color: #D9D9D9;
  padding: 10px 0px;
  border-radius: 8px;
  position: relative;
  top: 11px;
}
.search-direction-options-container .search-direction-options-item {
  padding: 0px 25px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.search-direction-options-container .search-direction-options-item:hover {
  cursor: pointer;
  background-color: #282828 ;
}
.search-direction-options-container:after {
  position: absolute;
  margin: auto;
  top: -10px;
  right: 0;
  left: 0;
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px;
  border-color: transparent transparent #3D3D3D;
}

.classify-filter-box {
  width: 875px;
  margin: 0 auto;
}
.classify-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
}
.classify-wrap:last-of-type {
  border-bottom: none;
}
.classify-wrap-item {
  display: flex;
  align-items: center;
}
.classify-wrap-item:first-of-type {
  margin-right: 24px;
}
.classify-wrap-item .classify-label {
  width: 98px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-right: 12px;
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: end;
  vertical-align: middle;
}
.classify-wrap-item .classify-select {
  width: 315px;
}
.classify-wrap-item .classify-select .i-select__drop-down {
  max-width: 100%;
  border: 1px solid #D4D4D4;
}
.classify-wrap-item .classify-input {
  width: 315px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  outline: none;
  padding-left: 8px;
  padding-right: 22px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  color: #4a4a4a;
}
.classify-wrap-item .classify-input::placeholder {
  color: #b5b5b5;
}
.classify-wrap-item:last-of-type {
  margin-right: 24px;
}
.filter-box-select .i-select-popover {
  width: 315px;
  max-width: 315px !important;
}
.filter-box-select .i-select-popover .i-select-popover__filter {
  border-radius: 4px;
}
.hot-words-item {
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin-right: 10px;
  border-radius: 5px;
}
.hot-words-is-active {
  color: #ed6c00;
  border-color: #ed6c00;
}
.hot-words-is-disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.big-data-label-more .ngdialog-close {
  background-color: #fff;
}
.big-data-label-more .label-more-title {
  padding: 20px;
  background-color: #ed6c00;
  color: #fff;
  border-radius: 10px;
}
.big-data-label-more .label-more-container {
  padding: 20px;
}
.big-data-label-more .label-more-item {
  display: flex;
}
.big-data-label-more .label-children {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.big-data-label-more .label-more-hot-item {
  flex-shrink: 0;
  margin-bottom: 10px;
}
.big-data-label-more .label-more-button {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.big-data-label-more .label-more-btn {
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-right: 10px;
}
.big-data-label-more .label-more-submit {
  background-color: #ed6c00;
  color: #fff;
}

.gpt-iat-wrapper .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gpt-iat-wrapper .img-wrapper img {
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.gpt-iat-wrapper .img-wrapper:hover .no-hover {
  display: none;
}
.gpt-iat-wrapper .img-wrapper:hover .hover-listen {
  display: unset;
}
.gpt-iat-wrapper .img-wrapper .no-hover {
  display: unset;
}
.gpt-iat-wrapper .img-wrapper .hover-listen {
  display: none;
}
.gpt-iat-wrapper .dots {
  position: relative;
  width: 30px;
  height: 30px;
  background: #FFF2E7;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.gpt-iat-wrapper .dots::before,
.gpt-iat-wrapper .dots::after,
.gpt-iat-wrapper .dots .dot {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  animation: blink 1.5s infinite ease-in-out;
}
.gpt-iat-wrapper .dots .dot {
  margin: 0 3px;
  animation-delay: -0.5s;
}
.gpt-iat-wrapper .dots::after {
  animation-delay: -1s;
}
@keyframes blink {
  0% {
    background: #FA8919;
  }
  50% {
    background: #FDC48C;
  }
  100% {
    background: #FA8919;
  }
}
.gpt-iat-wrapper .voice-container {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: #FFF2E7;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.gpt-iat-wrapper .voice-container .voice-bar {
  box-sizing: border-box;
  margin-right: 3px;
  width: 2px;
  height: 12px;
  border-radius: 2px;
  background: #FA8919;
  transition: height 0.1s ease-in-out;
}
.gpt-iat-wrapper .voice-container .voice-bar:last-child {
  margin-right: 0;
}
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(1),
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(4) {
  animation: sound1 0.5s infinite ease-in-out alternate;
}
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(2),
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(3) {
  animation: sound2 0.5s infinite ease-in-out alternate;
}
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(1) {
  animation-delay: 0s;
}
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(2) {
  animation-delay: 0.1s;
}
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(3) {
  animation-delay: 0.2s;
}
.gpt-iat-wrapper .voice-container .voice-bar:nth-child(4) {
  animation-delay: 0.3s;
}
@keyframes sound1 {
  0% {
    height: 14px;
  }
  100% {
    height: 6px;
  }
}
@keyframes sound2 {
  0% {
    height: 6px;
  }
  100% {
    height: 12px;
  }
}
.ns-popover-gpt-audio-denied-wrapper {
  width: 364px;
  height: 294px;
  background: #FFFFFF;
  box-shadow: 0px 12px 48px 6px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  position: relative;
  z-index: 10000;
}
.ns-popover-gpt-audio-denied-wrapper .ns-popover-gpt-audio-denied-wrapper-inner {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px;
}
.ns-popover-gpt-audio-denied-wrapper span:nth-child(2) {
  margin-top: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #98A3B7;
  line-height: 24px;
  margin-bottom: 16px;
}
.ns-popover-gpt-audio-denied-wrapper span:nth-child(1) {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}
.ns-popover-gpt-audio-denied-wrapper .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  width: 100%;
  height: 80px;
  background-image: url(https://devres.alphalawyer.cn/system/file/706cac3b65d5443c82740f3092ceb336.png);
  margin-bottom: 36px;
}
.ns-popover-gpt-audio-denied-wrapper .img-wrapper img {
  width: 40px;
}
.ns-popover-gpt-audio-denied-wrapper .main-btn {
  align-self: flex-end;
  box-sizing: border-box;
  width: 80px;
  height: 32px;
  border-radius: 6px;
  min-width: 80px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ns-popover-gpt-audio-denied-wrapper i {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  line-height: 17px;
}
.ns-popover-gpt-audio-denied-wrapper i:hover {
  color: #fa8919;
}

.gpt-step-log-wrapper .loading-title-text {
  margin-top: 32px;
  display: flex;
  align-items: baseline;
  font-weight: 500;
  font-size: 16px;
  color: #171717;
}
.gpt-step-log-wrapper .loading-title-text img {
  width: 29px;
  height: 28px;
  margin-right: 8px;
}
.gpt-step-log-wrapper .loading-title-text--mobile {
  margin-top: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737780;
  line-height: 20px;
}
.gpt-step-log-wrapper .loading-title-text--mobile img {
  margin-right: 6px;
}
.gpt-step-log-wrapper .loading-title-text--mobile .text::after {
  content: '...';
}
.gpt-step-log-wrapper .loading-title-text--mobile .loading-wrappeer {
  display: none;
}
.gpt-step-log-wrapper .step-progress-wrapper {
  margin-top: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 28px;
  left: 4px;
}
.gpt-step-log-wrapper .step-progress-wrapper--mobile {
  left: 0px;
  flex-direction: column;
  align-items: flex-start;
  width: auto !important;
  padding-bottom: 28px;
  padding-left: 4px;
}
.gpt-step-log-wrapper .step-progress-wrapper--mobile .step-item-wrapper {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.gpt-step-log-wrapper .step-progress-wrapper--mobile .step-item-wrapper .step-item-text-wrapper {
  position: relative;
  margin-left: 14px;
  max-width: unset;
  width: 100%;
  font-weight: 500;
}
.gpt-step-log-wrapper .step-progress-wrapper--mobile .step-item-wrapper.active .step-item-text-wrapper {
  color: #ed6c00;
}
.gpt-step-log-wrapper .step-progress-wrapper--mobile .vertical-line {
  width: 2px;
  height: 15px;
  margin: 6px 0;
  transform: translateX(8px);
  background: rgba(208, 213, 221, 0.8);
}
.gpt-step-log-wrapper .step-progress-wrapper--mobile .vertical-line + .step-item-wrapper.active {
  background: #FDD0A4;
}
.gpt-step-log-wrapper .step-progress-gro-wrapper {
  --blockWidth: 20px;
  position: absolute;
  top: 9px;
  left: calc(var(--blockWidth) / 2);
  right: calc(var(--blockWidth) / 2);
  height: 3px;
  background: #f2f4f7;
}
.gpt-step-log-wrapper .step-progress-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fa8919;
  transition: width .1s, height .1s;
}
.gpt-step-log-wrapper .step-item-wrapper {
  border-radius: 50%;
  background: #fa8919;
  z-index: 1;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.gpt-step-log-wrapper .step-item-wrapper .first-loading-wrapper {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #fff;
}
.gpt-step-log-wrapper .step-item-wrapper .first-loading-wrapper svg {
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
}
.gpt-step-log-wrapper .step-item-wrapper .first-loading-wrapper circle {
  --circleSize: 20px;
  --borderSize: 3px;
  cx: calc(var(--circleSize) / 2);
  cy: calc(var(--circleSize) / 2);
  r: calc((var(--circleSize) - var(--borderSize)) / 2);
  fill: none;
  stroke-width: var(--borderSize);
  stroke-linecap: round;
  transition: stroke-dasharray 0.5s linear, stroke;
}
.gpt-step-log-wrapper .step-item-wrapper .first-loading-wrapper .hight-circle {
  stroke-dasharray: 0 1000;
}
.gpt-step-log-wrapper .step-item-wrapper .first-loading-wrapper .ringCircle {
  stroke-dasharray: 50 1000;
}
.gpt-step-log-wrapper .step-item-wrapper .step-item-circle-wrapper {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #f2f4f7;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
}
.gpt-step-log-wrapper .step-item-wrapper .step-item-circle-wrapper::after {
  background-image: url('tool/bigData/similarityCaseGpt/components/stepLoading/assets/shandian.svg');
  content: ' ';
  width: 9px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 150% 150%;
  background-position: center;
  z-index: 1;
}
.gpt-step-log-wrapper .step-item-wrapper .step-item-circle-wrapper svg {
  display: none;
  width: 12px;
  height: 12px;
}
.gpt-step-log-wrapper .step-item-wrapper.active + .vertical-line + .step-item-wrapper:not(.active) .step-item-circle-wrapper {
  background: transparent;
  border: 3px solid rgba(208, 213, 221, 0.8);
  border-top-color: #fa8919;
  animation: rotate 1s infinite linear;
}
.gpt-step-log-wrapper .step-item-wrapper.active + .vertical-line + .step-item-wrapper:not(.active) .step-item-circle-wrapper::after {
  display: none;
}
.gpt-step-log-wrapper .step-item-wrapper .step-item-text-wrapper {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  max-width: 120px;
  width: 120px;
  color: #98a2b3;
  line-height: 1;
  font-size: 13px;
}
.gpt-step-log-wrapper .step-item-wrapper.active .step-item-circle-wrapper {
  background: #fa8919;
  animation: meta-step-progress_rotate 1s;
  transition: transform .3s;
}
.gpt-step-log-wrapper .step-item-wrapper.active .step-item-circle-wrapper::after {
  display: none;
}
.gpt-step-log-wrapper .step-item-wrapper.active .step-item-circle-wrapper svg {
  display: unset;
}
.gpt-step-log-wrapper .step-item-wrapper.active .step-item-text-wrapper {
  color: #fa8919;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes meta-step-progress_rotate {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  66% {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.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-selected {
  max-width: 552px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.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;
  font-weight: 600;
}
.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-list {
  clear: both;
  margin-top: 10px;
  height: 400px;
  overflow-y: auto;
}
.add-temp-model .temp-list ul li {
  width: 100%;
  height: 56px;
  clear: both;
  line-height: 56px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-temp-model .temp-list ul li .confirm {
  height: 42px;
}
.add-temp-model .temp-list .icon {
  margin-right: 7px;
  position: relative;
  font-size: 16px;
  top: -19px;
  display: inline-block;
}
.add-temp-model .temp-list .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-list .ibass-filetype-folder {
  color: #07cfda;
}
.add-temp-model .temp-list .ibass-filetype-ppt {
  color: #d04424;
}
.add-temp-model .temp-list .ibass-filetype-pdf {
  color: #e3574d;
}
.add-temp-model .temp-list .ibass-filetype-image {
  color: #07cfda;
}
.add-temp-model .temp-list .ibass-filetype-doc {
  color: #0a96e5;
}
.add-temp-model .temp-list .ibass-filetype-excel {
  color: #1c7044;
}
.add-temp-model .temp-list .ibass-filetype-zip {
  color: #9d7120;
}
.add-temp-model .temp-list .ibass-filetype-music {
  color: #a7d638;
}
.add-temp-model .temp-list .ibass-filetype-video {
  color: #d94ff5;
}
.add-temp-model .temp-list .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;
}

.subscribe-type-select-container {
  width: 224px;
  border-radius: 8px;
  border: 1px solid #3D3D3D;
  padding-bottom: 7px;
}
.subscribe-type-select-container .subscribe-type-select-title {
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 16px;
  margin-left: 16px;
}
.subscribe-type-select-container .search-subscribe-type-wrap {
  margin-top: 16px;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 14px;
  height: 39px;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-search {
  position: absolute;
  font-size: 18px;
  left: 11px;
  top: 7px;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .search-subscribe-type-input {
  width: 164px;
  border: 1px solid rgba(212, 212, 212, 0.24);
  box-sizing: border-box;
  padding: 8px 0px 8px 36px;
  background-color: #4b4b4b;
  border-radius: 45px;
  font-size: 14px;
  color: #FFFFFF;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill-wrap {
  height: 38px;
  position: relative;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill-wrap .ibass-add-fill {
  color: #b1b1b1;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill-wrap .ibass-add-fill:hover {
  color: #ffffff;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill-wrap .ibass-add-fill-tip {
  display: none;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill-wrap:hover .ibass-add-fill-tip {
  white-space: nowrap;
  position: absolute;
  padding: 5px;
  background: #000;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  border-radius: 3px;
  top: -27px;
  left: -16px;
  display: block;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill-wrap:hover .ibass-add-fill-tip:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -6px;
  left: 22px;
}
.subscribe-type-select-container .search-subscribe-type-wrap .search-module-wrap .ibass-add-fill {
  font-size: 24px;
  cursor: pointer;
  display: block;
}
.subscribe-type-select-container .search-subscribe-type-wrap .add-module-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subscribe-type-select-container .search-subscribe-type-wrap .add-module-wrap .add-subscribe-type-input {
  width: 196px;
  border: 1px solid rgba(212, 212, 212, 0.24);
  box-sizing: border-box;
  padding: 8px 31px 8px 12px;
  background-color: #4b4b4b;
  border-radius: 45px;
  font-size: 14px;
  color: #FFFFFF;
}
.subscribe-type-select-container .search-subscribe-type-wrap .add-module-wrap .ibass-done {
  font-size: 24px;
  position: absolute;
  right: 24px;
  cursor: pointer;
  color: #B1B1B1;
  top: 1px;
}
.subscribe-type-select-container .search-subscribe-type-wrap .add-module-wrap .ibass-done-active {
  color: #fa8919;
}
.subscribe-type-select-container .search-subscribe-type-wrap .hide-ele {
  display: none;
}
.subscribe-type-select-container .subscribe-type-select-wrap {
  margin-top: 8px;
  height: 224px;
  overflow-y: scroll;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  font-size: 14px;
  color: #FFFFFF;
  align-items: center;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-label {
  margin-left: 16px;
  width: 126px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-label-after {
  margin-right: 16px;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-label-after .ibass-delete,
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-label-after .ibass-edit {
  font-size: 16px;
  color: #fa8919;
  margin-left: 8px;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .rename-type-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .rename-type-wrap .subscribe-type-rename-input {
  width: 196px;
  border: 1px solid rgba(212, 212, 212, 0.24);
  box-sizing: border-box;
  padding: 4px 31px 4px 12px;
  background-color: #4b4b4b;
  border-radius: 45px;
  font-size: 14px;
  color: #FFFFFF;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .rename-type-wrap .ibass-done {
  font-size: 20px;
  position: absolute;
  right: 10px;
  cursor: pointer;
  color: #B1B1B1;
  top: 0px;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .rename-type-wrap .ibass-done-active {
  color: #fa8919;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-label-after-allow-delete:hover .item-count {
  display: none;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-label-after-allow-delete:hover .item-delete {
  display: inline;
}
.subscribe-type-select-container .subscribe-type-select-wrap .subscribe-type-select-item .item-delete {
  display: none;
}
.subscribe-type-select-container .subscribe-type-button-list-wrap {
  margin-top: 8px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
}
.subscribe-type-select-container .subscribe-type-button-list-wrap .subscribe-type-cancel {
  width: 92px;
  height: 32px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 32px;
  font-size: 12px;
  text-align: center;
  color: #606266;
  margin-left: 14px;
  outline: none;
  border: none;
}
.subscribe-type-select-container .subscribe-type-button-list-wrap .subscribe-type-ok {
  width: 92px;
  height: 32px;
  background: #FA8919;
  border-radius: 20px;
  line-height: 32px;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  margin-right: 14px;
  outline: none;
  border: none;
}
.subscribe-type-select-container-dark {
  background-color: #3D3D3D;
}
.subscribe-type-select-container-dark .search-subscribe-type-wrap {
  color: #D9D9D9;
}
.subscribe-type-select-container-dark .subscribe-type-select-wrap {
  color: #D9D9D9;
}
.subscribe-type-select-container-dark .subscribe-type-select-wrap .subscribe-type-select-item-active {
  background-color: #282828;
}
.subscribe-type-select-container-dark .subscribe-type-select-wrap .subscribe-type-select-item:hover {
  background-color: #282828;
  color: #ffffff;
}


.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;
}

.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;
}


.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: middle;
  color: #e98e3b;
  font-size: 16px;
}
.verification div span:first-of-type {
  position: relative;
  top: 1px;
}

.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);
}
.options .wrapper {
  max-height: 380px;
  overflow: auto;
}
.options .ibass-delete {
  cursor: pointer;
  color: #999;
}
.options .ibass-delete:hover {
  color: #ED6C00;
}
.options .icon {
  color: #4a4a4a;
}
.options .icon i {
  color: #999999;
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.relate h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: 8px 0 4px;
}

.tree-options {
  margin-top: 16px;
}
.tree-options div {
  margin: 4px 0;
}
.tree-options div .headline {
  font-weight: 500;
}
.tree-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;
}
.tree-options div .tips {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  color: rgba(25, 31, 37, 0.4);
}
.tree-options .wrapper {
  max-height: 380px;
  overflow: auto;
}
.tree-options .ibass-delete {
  cursor: pointer;
  color: #999;
}
.tree-options .ibass-delete:hover {
  color: #ED6C00;
}
.tree-options .icon {
  color: #4a4a4a;
  cursor: pointer;
}
.tree-options .icon i {
  color: #999999;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.tree-option__header {
  display: flex;
  align-items: center;
}
.tree-option__input {
  margin: 0 8px;
}
.tree-option__children {
  position: relative;
  padding-left: 15px;
}
.tree-option .ibass-add-round,
.tree-option .ibass-dot,
.tree-option .ibass-delete {
  color: #999999;
}
.tree-option .ibass-delete:hover {
  color: #ED6C00;
}

.date-calc__title {
  margin: 16px 0 4px;
  font-weight: 500;
  color: #4a4a4a;
}

.date-remind__title {
  margin: 16px 0 4px;
  font-weight: 500;
  color: #4a4a4a;
}
.date-remind__moment {
  margin: 16px 0;
}
.date-remind__moment span {
  flex-shrink: 0;
}
.date-remind__moment .i-select,
.date-remind__moment .i-input-text {
  display: inline-block;
  width: 80px;
  margin: 0 8px;
  vertical-align: middle;
}
.date-remind__moment .i-input-text input,
.date-remind__moment .i-select__drop-down {
  min-width: unset;
}

.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);
}

.display {
  margin-top: 16px;
}
.display .display__title {
  margin: 4px 0;
}
.display .display__title .headline {
  font-weight: 500;
}
.display__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  font-size: 13px;
  margin-bottom: 16px;
}
.display__item .ibass-delete {
  color: #999;
}
.display__item .ibass-delete:hover {
  color: #ED6C00;
}
.display__line {
  position: relative;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.display__line-item {
  display: flex;
  align-items: center;
}
.display__line-item:not(:last-of-type) {
  margin-bottom: 10px;
}
.display__line-item .i-select {
  width: 213px;
}
.display__line-item .options__value {
  margin-inline: 8px;
}
.display__line-item .options__value .i-select__drop-down {
  min-width: auto;
}
.display__line-item .fields__value {
  margin-inline: 8px;
}
.display__line-item .fields__value .i-tree-select__drop-down .all {
  min-width: auto;
}
.display__line::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  background: #E2E2E3;
  left: 13.5px;
  top: 29px;
}
.display__add {
  color: #4a4a4a;
}
.display__add i {
  color: #999999;
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}

.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;
}

.financial-retain-first-detail-table {
  box-sizing: border-box;
  margin-top: 24px;
  width: 100%;
  padding: 20px 20px 17px 20px;
  background: #F7F8F9;
  border-radius: 8px;
}
.financial-retain-first-detail-table .header {
  display: flex;
  align-items: center;
}
.financial-retain-first-detail-table .header .ibass-trig-down {
  margin-right: 4px;
  color: #FA8919;
  cursor: pointer;
}
.financial-retain-first-detail-table .header .ibass-trig-right {
  margin-right: 4px;
  color: #999;
  cursor: pointer;
}
.financial-retain-first-detail-table .header .index {
  font-size: 16px;
  font-weight: 500;
}
.financial-retain-first-detail-table .header .divide-line {
  width: 1px;
  height: 15px;
  font-size: 20px;
  font-weight: 300;
  background-color: #EBEBEB;
  line-height: 20px;
  margin: 0 12px;
}
.financial-retain-first-detail-table .header .income-collection-value {
  margin: 0 12px;
}
.financial-retain-first-detail-table .header .income-collection-value .value,
.financial-retain-first-detail-table .header .income-unallocated-amount .value {
  color: #FA8919;
}
.financial-retain-first-detail-table .content__header .retain-title {
  font-weight: 500;
  margin-bottom: 8px;
}
.financial-retain-first-detail-table .content__header .allocation-title {
  font-weight: 500;
  margin: 8px 0;
}
.financial-retain-first-detail-table .i-table__header th {
  background: #fff !important;
}
.financial-retain-first-detail-table .financial-allocation-manager-allocation_table .i-table__header th {
  background: #fff;
}

.financial-retain-first-table {
  box-sizing: border-box;
  margin-top: 24px;
  width: 100%;
  padding: 20px 20px 17px 20px;
  background: #F7F8F9;
  border-radius: 8px;
}
@keyframes error-border {
  from {
    box-shadow: 0 0 0 0 red;
  }
  to {
    box-shadow: 0 0 0 1px red;
  }
}
.financial-retain-first-table .header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.financial-retain-first-table .header .ibass-trig-down {
  margin-right: 4px;
  color: #FA8919;
  cursor: pointer;
}
.financial-retain-first-table .header .ibass-trig-right {
  margin-right: 4px;
  color: #999;
  cursor: pointer;
}
.financial-retain-first-table .header .index {
  font-size: 16px;
  font-weight: 500;
}
.financial-retain-first-table .header .divide-line {
  width: 1px;
  height: 15px;
  font-size: 20px;
  font-weight: 300;
  background-color: #EBEBEB;
  line-height: 20px;
  margin: 0 12px;
}
.financial-retain-first-table .header .income-collection-value {
  margin: 0 12px;
}
.financial-retain-first-table .header .income-collection-value .value,
.financial-retain-first-table .header .income-unallocated-amount .value {
  color: #FA8919;
}
.financial-retain-first-table .header .delete-icon {
  margin-left: 8px;
  cursor: pointer;
  color: #F6535C;
}
.financial-retain-first-table .header .delete-icon .ibass-delete {
  vertical-align: sub;
}
.financial-retain-first-table .i-table__header th {
  background: #fff !important;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table {
  display: block;
  margin-top: 16px;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .i-table__header th {
  background: #fff;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .i-table__tr--disabled td .ibass-checkbox {
  cursor: not-allowed;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .label-text {
  min-height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 19px;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .ibass-checkbox,
.financial-retain-first-table .financial-allocation-manager-allocation_table .ibass-partial-select {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 40px;
  height: 20px;
  border: 1px solid #dcdfe6;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #dcdfe6;
  cursor: pointer;
  vertical-align: middle;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .ibass-checkbox::before,
.financial-retain-first-table .financial-allocation-manager-allocation_table .ibass-partial-select::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  transform: translate(1px, 1px);
  border-radius: 100%;
  transition: all .3s;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .ibass-checked {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 40px;
  height: 20px;
  border: 1px solid #FA8919;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #FA8919;
  cursor: pointer;
  vertical-align: middle;
}
.financial-retain-first-table .financial-allocation-manager-allocation_table .ibass-checked::before {
  position: absolute;
  right: 2px;
  content: "";
  display: block;
  transform: translate(1px, 1px);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.financial-retain-first-table .error-tip {
  font-size: 14px;
  color: red;
}

.financial-share-first-detail-table {
  box-sizing: border-box;
  margin-top: 24px;
  width: 100%;
  padding: 20px 20px 17px 20px;
  background: #F7F8F9;
  border-radius: 8px;
}
.financial-share-first-detail-table .header {
  display: flex;
  align-items: center;
}
.financial-share-first-detail-table .header .ibass-trig-down {
  margin-right: 4px;
  color: #FA8919;
  cursor: pointer;
}
.financial-share-first-detail-table .header .ibass-trig-right {
  margin-right: 4px;
  color: #999;
  cursor: pointer;
}
.financial-share-first-detail-table .header .index {
  font-size: 16px;
  font-weight: 500;
}
.financial-share-first-detail-table .header .divide-line {
  width: 1px;
  height: 15px;
  font-size: 20px;
  font-weight: 300;
  background-color: #EBEBEB;
  line-height: 20px;
  margin: 0 12px;
}
.financial-share-first-detail-table .header .income-collection-value {
  margin: 0 12px;
}
.financial-share-first-detail-table .header .income-collection-value .value,
.financial-share-first-detail-table .header .income-unallocated-amount .value {
  color: #FA8919;
}
.financial-share-first-detail-table .i-table__header th {
  background: #fff !important;
}
.financial-share-first-detail-table .financial-allocation-manager-allocation_table .i-table__header th {
  background: #fff;
}

.financial-share-first-table {
  box-sizing: border-box;
  margin-top: 24px;
  width: 100%;
  padding: 20px 20px 17px 20px;
  background: #F7F8F9;
  border-radius: 8px;
}
@keyframes error-border {
  from {
    box-shadow: 0 0 0 0 red;
  }
  to {
    box-shadow: 0 0 0 1px red;
  }
}
.financial-share-first-table .header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.financial-share-first-table .header .ibass-trig-down {
  margin-right: 4px;
  color: #FA8919;
  cursor: pointer;
}
.financial-share-first-table .header .ibass-trig-right {
  margin-right: 4px;
  color: #999;
  cursor: pointer;
}
.financial-share-first-table .header .index {
  font-size: 16px;
  font-weight: 500;
}
.financial-share-first-table .header .divide-line {
  width: 1px;
  height: 15px;
  font-size: 20px;
  font-weight: 300;
  background-color: #EBEBEB;
  line-height: 20px;
  margin: 0 12px;
}
.financial-share-first-table .header .income-collection-value {
  margin: 0 12px;
}
.financial-share-first-table .header .income-collection-value .value,
.financial-share-first-table .header .income-unallocated-amount .value {
  color: #FA8919;
}
.financial-share-first-table .header .delete-icon {
  margin-left: 8px;
  cursor: pointer;
  color: #F6535C;
}
.financial-share-first-table .header .delete-icon .ibass-delete {
  vertical-align: sub;
}
.financial-share-first-table .i-table__header th {
  background: #fff !important;
}
.financial-share-first-table .financial-allocation-manager-allocation_table .i-table__header th {
  background: #fff;
}
.financial-share-first-table .financial-allocation-manager-allocation_table .i-table__tr--disabled td .ibass-checkbox {
  cursor: not-allowed;
}
.financial-share-first-table .financial-allocation-manager-allocation_table .ibass-checkbox,
.financial-share-first-table .financial-allocation-manager-allocation_table .ibass-partial-select {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 40px;
  height: 20px;
  border: 1px solid #dcdfe6;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #dcdfe6;
  cursor: pointer;
  vertical-align: middle;
}
.financial-share-first-table .financial-allocation-manager-allocation_table .ibass-checkbox::before,
.financial-share-first-table .financial-allocation-manager-allocation_table .ibass-partial-select::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  transform: translate(1px, 1px);
  border-radius: 100%;
  transition: all .3s;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.financial-share-first-table .financial-allocation-manager-allocation_table .ibass-checked {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 40px;
  height: 20px;
  border: 1px solid #FA8919;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #FA8919;
  cursor: pointer;
  vertical-align: middle;
}
.financial-share-first-table .financial-allocation-manager-allocation_table .ibass-checked::before {
  position: absolute;
  right: 2px;
  content: "";
  display: block;
  transform: translate(1px, 1px);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.financial-share-first-table .error-tip {
  margin-top: 8px;
  font-size: 14px;
  color: red;
}

.inventory-intell-allot-dialog .i-form-item {
  padding-bottom: 8px;
}
.inventory-intell-allot-dialog .i-dialog__container .i-form {
  margin-top: 25px;
}
.inventory-intell-allot-dialog .i-dialog__container .i-form .i-form-item__field {
  width: 100%;
}
.materialId-select.ns-popover-tooltip-theme {
  width: 476px;
  padding-top: 7px;
  height: 200px;
}
.materialId-select.ns-popover-tooltip-theme .i-tree-select-popover {
  width: 100%;
  max-width: none;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px !important;
  border: 1px solid #E5E5E5;
}
.materialId-select.ns-popover-tooltip-theme .i-tree-select-popover .i-tree-select-popover__loading::after {
  left: 55%;
}

.inventory-intell-drawer__page {
  position: relative;
  display: flex;
}
.inventory-intell-drawer__page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.inventory-intell-drawer__page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.inventory-intell-drawer__list-filter .list-filter__body {
  background-color: transparent;
  margin: 0;
  padding: 4px 0 24px 0;
}
.inventory-intell-drawer__list-filter .list-filter__body filter-base,
.inventory-intell-drawer__list-filter .list-filter__body filter-more {
  display: grid;
  column-gap: 20px;
  row-gap: 15px;
  grid-template-columns: repeat(4, 1fr);
}

.inventroy-tabs-panel {
  display: flex;
  flex-wrap: wrap;
}
.inventroy-tabs-panel__tab {
  box-sizing: border-box;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  padding: 10px 20px;
  background: #F7F8F9;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 12px;
  text-align: center;
  margin-bottom: 16px;
  margin-right: 16px;
  border: 1px solid transparent;
}
.inventroy-tabs-panel__tab--active {
  border: 1px solid #FF962E;
  background: #FFFBF8;
  font-weight: bold;
  color: #ED6C00;
}

.assets-intell-inventory-material-item {
  position: relative;
  font-family: PingFangSC-Medium, PingFang SC;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  height: 160px;
  background: #F7F8F9;
  border-radius: 8px;
  padding: 16px;
}
.assets-intell-inventory-material-item:hover .item__control {
  display: block;
}
.assets-intell-inventory-material-item .item__control {
  display: none;
  position: absolute;
  right: 16px;
  top: 15px;
}
.assets-intell-inventory-material-item .item__control .i-btn {
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  width: auto;
  padding: 4px 12px;
  box-sizing: border-box;
}
.assets-intell-inventory-material-item .item__title {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  line-height: 18px;
}
.assets-intell-inventory-material-item .item__title::before {
  content: '';
  width: 2px;
  height: 10px;
  background: #FA8919;
  margin-right: 4px;
}
.assets-intell-inventory-material-item .item__content {
  display: flex;
  justify-content: space-between;
}
.assets-intell-inventory-material-item .item__content-desc {
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}
.assets-intell-inventory-material-item .item__content-desc span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.assets-intell-inventory-material-item .item__content-desc .reset.warning {
  color: #FA8919;
}
.assets-intell-inventory-material-item .item__content-desc .reset.danger {
  color: #F74852;
}
.assets-intell-inventory-material-item .item__content-img {
  width: 90px;
  height: 90px;
  border-radius: 4px;
  overflow: hidden;
}
.assets-intell-inventory-material-item .item__content-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
}
.assets-intell-inventory-material-item .item__content-img .placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E9EBEC;
}
.assets-intell-inventory-material-item .item__content-img .placeholder .iconfont {
  font-size: 28px;
  color: #D9DDDF;
}
.material-item-tooltip .tooltip-arrow {
  inset: 100% 0 0 9% !important;
}
.material-item-tooltip .material-item-tooltip-wrap {
  font-size: 12px;
  width: 223px;
  color: #BCBCBC;
  text-align: left;
  padding: 9px 11px;
  box-sizing: border-box;
  line-height: 18px;
}
.material-item-tooltip .material-item-tooltip-wrap .wrap-title {
  color: #FFFFFF;
  margin-bottom: 2px;
}

.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 .material-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-material-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-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-type-module .ns-popover-type .type-name {
  color: #c0c0c0;
  word-break: break-all;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-type-module .ns-popover-type .i-checked i {
  color: #fa8919;
  vertical-align: middle;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-material-type-list .ns-popover-material-type-module .ns-popover-type:hover {
  background-color: #f8f8f9;
}
.number-template .special-table .tbody li .select-input-module .ns-popover-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-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-material-type-list .ns-popover-material-type-module .ns-popover-s-type i {
  color: #fa8919;
  vertical-align: middle;
}
.number-template .special-table .tbody li .select-input-module .select-material-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;
}
.material-type-list-template {
  padding-top: 18px;
  font-size: 14px;
  color: #4a4a4a;
  max-height: 400px;
  overflow: scroll;
}
.material-type-list-template ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.material-type-list-template :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.material-type-list-template ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.material-type-list-template :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.material-type-list-template .material-type-content .material-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;
}
.material-type-list-template .material-type-content .material-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%;
}
.material-type-list-template .material-type-content .material-type-s .type-name {
  width: 310px;
  padding-left: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.material-type-list-template .material-type-content .material-type-s .type-code {
  width: 340px;
}
.material-type-list-template .material-type-content .material-type-s .material-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;
}
.material-type-list-template .material-type-content .material-type-s .material-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;
}
.material-type-list-template .material-type-content .material-type-s .material-type-s-list .type-code {
  color: #737373;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.material-type-list-template .material-type-content .material-type-s .material-type-s-list .type-code .i-edit {
  visibility: hidden;
  cursor: pointer;
  color: #cdc9c5;
  margin-left: 9px;
}
.material-type-list-template .material-type-content .material-type-s .material-type-s-list .type-code .i-edit:hover {
  color: #fdba78;
}
.material-type-list-template .material-type-content .material-type-s .material-type-s-list:hover {
  background-color: #f8f8f9;
}
.material-type-list-template .material-type-content .material-type-s .material-type-s-list:hover .type-code .i-edit {
  visibility: visible;
}
.material-type-list-template .material-type-content .material-type-s .material-type-s-list:hover .type-code .edit-input-module .code-input {
  background-color: #f8f8f9;
}
.material-level-template {
  padding-top: 20px;
  font-size: 14px;
  color: #4a4a4a;
  max-height: 400px;
  overflow: scroll;
}
.material-level-template ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.material-level-template :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.material-level-template ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.material-level-template :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.material-level-template .level-name {
  width: 310px;
  padding-left: 26px;
}
.material-level-template .level-code {
  width: 340px;
}
.material-level-template .material-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;
}
.material-level-template .material-level-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 55px;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.material-level-template .material-level-list .level-code {
  color: #737373;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.material-level-template .material-level-list .level-code .i-edit {
  visibility: hidden;
  cursor: pointer;
  color: #cdc9c5;
  margin-left: 9px;
}
.material-level-template .material-level-list .level-code .i-edit:hover {
  color: #fdba78;
}
.material-level-template .material-level-list:hover {
  background-color: #f8f8f9;
}
.material-level-template .material-level-list:hover .level-code .i-edit {
  visibility: visible;
}
.material-level-template .material-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;
}

.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper {
  padding: 20px 20px 24px;
  background: #F7F8F9;
  border-radius: 8px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .error-wrapper {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 20px 20px 24px;
  border-radius: 8px;
  background: #F7F8F9;
  margin-bottom: 20px;
  font-size: 14px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .error-wrapper .ibass-info {
  font-size: 14px;
  color: #F6535C;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .error-wrapper .count {
  margin: 0 3px;
  color: #FA8919;
}
.setting-material-batch-add-in-dialog .i-dialog__container .error-wrapper .count:hover {
  cursor: pointer;
  text-decoration: underline;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table__title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .i-table__header th {
  background-color: #FFFFFF;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .i-table__tr td .cell__value {
  display: flex;
  align-items: center;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .i-table__tr td .cell__value .content {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .i-table__tr td .cell__value .ibass-info {
  position: relative;
  top: 1px;
  margin-left: 4px;
  color: #F6535C;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input {
  width: 100%;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  outline: none;
  padding-left: 8px;
  padding-right: 18px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  color: #333333;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input::-webkit-outer-spin-button,
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input::-webkit-inner-spin-button {
  appearance: none !important;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input[type='number'] {
  appearance: textfield;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input.is-error {
  background: #FFF5F6;
  border: 1px solid #FAAFB8;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input.ng-invalid-maxlength,
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table input.ng-invalid-max {
  border: 1px solid #FAAFB8;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera-item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera-item:nth-child(n + 2) {
  margin-right: 0;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera-item:hover .ibass {
  color: #FA8919;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera-item--btn {
  cursor: pointer;
  width: 42px;
  height: 26px;
  border-radius: 13px;
  border: 1px solid #EBEBEB;
  line-height: 26px;
  text-align: center;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera-item .ibass {
  cursor: pointer;
  color: #D4D4D4;
  font-size: 14px;
}
.setting-material-batch-add-in-dialog .i-dialog__container .table-wrapper .table .opera-item .ibass.ibass-done {
  color: #68C23B;
}
.setting-material-batch-add-in-dialog .i-btn[disabled='disabled'] {
  background-color: #EBEBEE;
}
.setting-material-batch-add-in-dialog .i-btn[disabled='disabled']:hover {
  cursor: not-allowed;
}
.error-tooltip,
.content-tip {
  z-index: 10000;
  max-width: 700px;
}
.error-tooltip .tooltip-inner,
.content-tip .tooltip-inner {
  text-align: left;
}

.account-manage {
  display: flex;
  flex-direction: column;
  margin: 0 20px 20px;
  height: calc(100vh - 84px);
}
.account-manage__header {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  background: #FFFFFF;
  box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  padding: 20px 58px 20px 47px;
}
.account-manage__header .info {
  display: grid;
  grid-template-columns: 1fr 61px;
  grid-template-rows: 20px 50px;
  align-items: center;
  row-gap: 6px;
  flex: 1;
  grid-template-areas: 'title icon' 'data icon';
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
}
.account-manage__header .info .title {
  grid-area: title;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.account-manage__header .info .data {
  display: flex;
  align-items: flex-end;
  grid-area: data;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.account-manage__header .info .data .line {
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  margin: 0 24px;
}
.account-manage__header .info .data .rest span {
  position: relative;
  top: 8px;
}
.account-manage__header .info .data .rest .num {
  margin-left: 4px;
  font-size: 36px;
  color: #333333;
  line-height: 50px;
  font-weight: 600;
}
.account-manage__header .info .data .data-item + .data-item {
  margin-left: 16px;
}
.account-manage__header .info .data .data-item .num {
  margin-left: 6px;
  color: #ED6C00;
}
.account-manage__header .info .icon {
  display: grid;
  grid-area: icon;
  width: 61px;
  height: 61px;
  background: #FFF6ED;
  border-radius: 50%;
}
.account-manage__header .info .icon img {
  place-self: center;
  width: 36px;
  height: 36px;
}
.account-manage__header .info + .info {
  margin-left: 107px;
}
.account-manage__header::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 69px;
  background-color: #EBEBEB;
}
.account-manage__header .hideInfo {
  visibility: hidden;
}
.account-manage__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px;
  background-color: #fff;
  box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  height: 504px;
}
.account-manage__content .search {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.account-manage__content .search .inputs {
  display: flex;
  gap: 16px;
}
.account-manage__content .search .gpt-dropdown {
  margin-left: 16px;
}
.account-manage__content .search .gpt-btn img {
  vertical-align: middle;
  margin-right: 6px;
}
.account-manage__content i-table {
  flex: 1;
  min-height: 0;
}
.account-manage__content i-table .i-table {
  height: 100%;
}
.account-manage__content .gpt-table .status-tag {
  width: max-content;
  height: 28px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 10px;
  box-sizing: border-box;
}
.account-manage__content .gpt-table .status-tag .ibass-done {
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 12px;
  line-height: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.account-manage__content .gpt-table .status-tag .iconfont {
  font-size: 12px;
  margin-right: 4px;
}
.account-manage__content .gpt-table .status-tag.normal {
  color: #70C23A;
  background: rgba(122, 197, 72, 0.1);
}
.account-manage__content .gpt-table .status-tag.stop {
  color: #999999;
  background: rgba(153, 153, 153, 0.1);
}
.account-manage__content .gpt-table .status-tag.inactive {
  color: #faad14;
  background: #fffbe6;
}
.account-manage__pagination > .i-pagination {
  justify-content: flex-end;
  margin: 50px 0 0;
}
.account-manage__pagination > .i-pagination .pagination {
  margin: 0 0 0 16px;
}
.allot-count-popover .ns-popover-tooltip {
  width: 132px;
}

.common-gpt-header {
  height: 64px;
  padding: 0 28px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.common-gpt-header .left-wrapper {
  display: flex;
  align-items: center;
}
.common-gpt-header .left-wrapper .gpt-logo-wrapper img {
  width: 123px;
  height: auto;
}
.common-gpt-header .left-wrapper .menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 64px;
  position: relative;
}
.common-gpt-header .left-wrapper .menu-wrapper.onlyOne {
  margin-left: 40px;
}
.common-gpt-header .left-wrapper .menu-wrapper.onlyOne::after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 18px;
  background: #E6E6E6;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}
.common-gpt-header .left-wrapper .menu-wrapper.onlyOne .menu-item {
  font-size: 16px;
}
.common-gpt-header .left-wrapper .menu-wrapper.onlyOne .active::after {
  display: none;
}
.common-gpt-header .left-wrapper .menu-wrapper .menu-item {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  position: relative;
  margin-left: 40px;
  cursor: pointer;
}
.common-gpt-header .left-wrapper .menu-wrapper .menu-item:first-child {
  margin-left: 0;
}
.common-gpt-header .left-wrapper .menu-wrapper .menu-item:hover {
  font-weight: 500px;
  color: #333333;
}
.common-gpt-header .left-wrapper .menu-wrapper .menu-item.active {
  font-weight: 500;
  color: #333333;
}
.common-gpt-header .left-wrapper .menu-wrapper .menu-item.active::after {
  content: " ";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 3px;
  background: #FA8919;
  border-radius: 2px;
}
.common-gpt-header .left-wrapper .gpt-trail-remind-days-wrapper {
  height: 30px;
  padding: 0px 14px;
  background: #FFF7F1;
  border-radius: 17px;
  border: 1px solid #FDC48C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  color: #ED6C00;
  line-height: 20px;
  margin-left: 40px;
}
.common-gpt-header .left-wrapper .gpt-trail-remind-days-wrapper .days-item {
  box-sizing: border-box;
  margin: 0 4px 0 2px;
  width: 25px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  background-image: url('tool/alphaGpt/components/images/bj.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.common-gpt-header .left-wrapper .gpt-trail-remind-days-wrapper .days-item.oneNumber {
  min-width: unset;
  width: 20px;
  background-image: url('tool/alphaGpt/components/images/bj1.png');
}
.common-gpt-header .right-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.common-gpt-header .right-wrapper .use-intro-wrapper *,
.common-gpt-header .right-wrapper .mini-manage-wrapper * {
  pointer-events: none;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container {
  --height: 26px;
  position: relative;
  height: var(--height);
  line-height: calc(var(--height) - 2px);
  margin-right: 24px;
  border-radius: 6px;
  overflow: hidden;
  padding: 1px;
  box-sizing: border-box;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container .trial-upgrade {
  position: relative;
  z-index: 10;
  display: flex;
  background: linear-gradient(90deg, #fff6ed 0%, #ffd2af 100%);
  background-clip: content-box;
  border-radius: 5px;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container .trial-upgrade img {
  width: calc(var(--height) - 2px);
  height: calc(var(--height) - 2px);
  margin-left: 4px;
  margin-right: 2px;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container .trial-upgrade span {
  font-weight: 500;
  font-size: 12px;
  color: #a03f00;
  margin-right: 8px;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container:hover .trial-upgrade {
  background: linear-gradient(90deg, #ffeddb 0%, #ffcea7 100%);
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container:hover .trial-upgrade span {
  color: #732d00;
}
.common-gpt-header .right-wrapper .common-icon-list-wrapper .trial-upgrade-container::before {
  position: absolute;
  content: '';
  background-image: linear-gradient(90deg, #ffe9d7, #ffc597);
  inset: 0;
  z-index: 5;
}
.common-gpt-header .right-wrapper .common-icon-wrapper {
  margin-right: 24px;
  height: 26px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  padding: 0px 8px;
  line-height: 1;
  box-sizing: border-box;
}
.common-gpt-header .right-wrapper .common-icon-wrapper img {
  margin-right: 2px;
  width: 17px;
  height: 18px;
}
.common-gpt-header .right-wrapper .common-icon-wrapper i {
  margin-right: 2px;
}
.common-gpt-header .right-wrapper .common-icon-wrapper:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0F0F7;
}
.common-gpt-header .right-wrapper .setting-wrapper {
  margin-right: 20px;
}
.common-gpt-header .right-wrapper .setting-wrapper .log-setings-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.common-gpt-header .right-wrapper .setting-wrapper .log-setings-icon:hover {
  color: #fa8919;
}
.common-gpt-header .right-wrapper .setting-wrapper .log-setings-icon i {
  font-size: 20px;
  line-height: 0;
}
.common-gpt-header .right-wrapper .gpt-avatar-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-gpt-header .right-wrapper .gpt-avatar-wrapper img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.ns-popover-hover-use-intrl-theme {
  z-index: 101;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper {
  transform: translate(55px, 5px);
  width: 386px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03), 2px 4px 94px 0px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 24px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper {
  padding: 23px 24px 19px 36px;
  height: 141px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url('https://res.alphalawyer.cn/hr/file/29ca7197064949bc99e274e07db65cf9.png');
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .hidden-wrapper {
  position: relative;
  overflow: hidden;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-title {
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 6px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 7px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-wrapper span {
  font-weight: bold;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 47px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-wrapper .cost-history-wrapper {
  margin-left: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 73px;
  height: 22px;
  border-radius: 11px;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-wrapper .cost-history-wrapper:hover {
  background: rgba(237, 108, 0, 0.53);
  border-color: transparent;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-wrapper .openPayDialog {
  cursor: pointer;
  margin-left: 12px;
  width: 66px;
  height: 22px;
  color: #fa8919;
  border-radius: 11px;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  background: #ffffff;
  font-weight: 500;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-wrapper .openPayDialog:hover {
  color: #ffffff;
  background: rgba(237, 108, 0, 0.53);
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-list-wrapper {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  color: #FFFFFF;
  margin-left: -18px;
  margin-top: -18px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-list-wrapper .remind-times-item {
  position: relative;
  margin-left: 18px;
  margin-top: 18px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .person-wrapper .remind-times-list-wrapper .remind-times-item::before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 13px;
  background: rgba(255, 255, 255, 0.27);
  top: 50%;
  left: -9px;
  transform: translateY(-50%);
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper {
  padding: 16px 24px 0;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .title {
  padding-left: 12px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .title .cost-wrapper {
  cursor: pointer;
  width: 84px;
  height: 26px;
  border-radius: 13px;
  box-shadow: inset 0 0 0 1px #EBEBEB;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .title .cost-wrapper .txt {
  padding-left: 5px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .title .cost-wrapper:hover {
  color: #fa8919;
  box-shadow: inset 0 0 0 1px #fa8919;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .title .cost-wrapper:hover i {
  color: #fa8919;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .title .cost-wrapper i {
  margin-left: 1px;
  transform: translateY(0.5px);
  line-height: 0;
  color: #b7b7b7;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper {
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 11px 16px;
  gap: 13px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper:nth-child(2n+1) {
  background: #FAFAFC;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .payIntroTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-weight: 500;
  font-size: 13px;
  color: #333;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .payIntroTitle img {
  width: 21px;
  height: 21px;
  margin-right: 9px ;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row {
  display: flex;
  align-items: center;
  justify-content: end;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .ver {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 11px;
  color: #ED6C00;
  line-height: 16px;
  background: #FFF2E9;
  border-radius: 4px;
  border: 1px solid rgba(250, 137, 25, 0.24);
  padding: 0 3px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .payIntroTextRow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .payIntroTextRow .text-item {
  color: #999;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .payIntroTextRow .text-item::before {
  content: '/';
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .payIntroTextRow .text-item:first-child {
  font-weight: 500;
  color: #333;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .payIntroTextRow .text-item:first-child::before {
  content: "";
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .intro-list-bottom-wrapper .intro-list-wrapper .intro-item-wrapper .rightPart .row .payIntroTextRow .text-item:first-child:last-child {
  color: #ED6C00;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .gift-send-wrapper {
  margin: 20px 24px 24px 24px;
  background: #FFFAF6;
  border-radius: 6px;
  border: 1px solid rgba(250, 137, 25, 0.62);
  font-weight: 500;
  font-size: 13px;
  color: #ED6C00;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 36px;
}
.ns-popover-hover-use-intrl-theme .hover-use-intro-wrapper .gift-send-wrapper:hover {
  background: #FFF3E9;
  color: #ED6C00;
}
.ns-popover-hover-use-intrl-theme .hover-trial-use-intro-wrapper {
  padding-bottom: 0;
  width: 268px;
}
.ns-popover-hover-use-intrl-theme .hover-trial-use-intro-wrapper .person-wrapper {
  height: 120px;
  padding: 23px 0 24px 22px;
  background-image: url(tool/alphaGptPage/images/trial-count-bg.png);
}
.ns-popover-hover-use-intrl-theme .hover-trial-use-intro-wrapper .person-wrapper .remind-times-wrapper {
  margin-bottom: 0;
}
.hover-user-avatar-wrapper {
  z-index: 101;
  box-sizing: border-box;
  min-width: 214px;
  padding: 2px 2px 0px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03), 2px 4px 94px 0px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
}
.hover-user-avatar-wrapper .user-remind-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hover-user-avatar-wrapper .user-remind-wrapper .user-avator-wrapper {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 6px ;
  overflow: hidden;
}
.hover-user-avatar-wrapper .user-remind-wrapper .user-avator-wrapper img {
  width: 100%;
  height: 100%;
}
.hover-user-avatar-wrapper .user-remind-wrapper .avatar-wrapper {
  display: flex;
  height: 81px;
  box-sizing: border-box;
  padding: 16px 12px 12px;
  background-image: url('https://res.alphalawyer.cn/hr/file/1ef4ee0c97e044d3b95b2a37e0bf5680.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.hover-user-avatar-wrapper .user-remind-wrapper .avatar-wrapper .user-avator-wrapper {
  flex-shrink: 0;
}
.hover-user-avatar-wrapper .user-remind-wrapper .avatar-wrapper .name-wrapper {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  height: 25px;
  line-height: 25px;
  flex: 1;
  width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hover-user-avatar-wrapper .user-remind-wrapper .avatar-wrapper .name-wrapper-short {
  flex: unset;
  width: 68px;
}
.hover-user-avatar-wrapper .user-remind-wrapper .avatar-wrapper .payBtn {
  margin-left: auto;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  border-radius: 11px;
  box-shadow: inset 0 0 0 1px #ffc183;
  text-align: center;
  line-height: 22px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #fa8919;
  cursor: pointer;
}
.hover-user-avatar-wrapper .user-remind-wrapper .avatar-wrapper .payBtn:hover {
  box-shadow: inset 0 0 0 1px #fa8919;
}
.hover-user-avatar-wrapper .remind-wrapper {
  margin-top: -26px;
  padding: 0 11px 16px;
}
.hover-user-avatar-wrapper .remind-wrapper:empty {
  padding: 0;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper {
  box-sizing: border-box;
  margin-bottom: 10px;
  min-height: 78px;
  border-radius: 6px;
  padding: 12px;
  background: #F8F7FA;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper .left-wrapper {
  display: flex;
  align-items: center;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper .left-wrapper .flag-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 61px;
  min-height: 18px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 10px;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper .left-wrapper .flag-item img {
  margin-right: 2px;
  width: 12px;
  height: 12px;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper .left-wrapper .ibass-faq {
  color: #999;
  margin-left: 4px;
  position: relative;
  top: 1px;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper .right-wrapper .remindDays {
  font-weight: 400;
  font-size: 12px;
  color: #FA8919;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .top-wrapper .right-wrapper .remindDate {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .left-wrapper {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .right-wrapper {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
  color: #333333;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .right-wrapper .text-item {
  color: #999;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .right-wrapper .text-item::before {
  content: '/';
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .right-wrapper .text-item:first-child {
  font-weight: 500;
  color: #333;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .right-wrapper .text-item:first-child::before {
  content: "";
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .top-wrapper .right-wrapper .text-item:first-child:last-child {
  color: #333;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .bottom-wrapper {
  position: relative;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .bottom-wrapper .progress-wrapper {
  height: 4px;
  background: #EBEBEB;
  border-radius: 4px;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper > .bottom-wrapper .bottom-wrapper .width-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #FA8919;
  border-radius: 4px;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper:last-child {
  margin-bottom: 0;
}
.hover-user-avatar-wrapper .remind-wrapper .remind-item-wrapper:last-child {
  margin-bottom: 0;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-title {
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  margin-bottom: 8px;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-list {
  padding: 12px;
  background: #F9FAFC;
  border-radius: 6px;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item {
  display: flex;
  align-items: center;
  line-height: 20px;
  height: 20px;
  color: #333;
  font-size: 12px;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item:not(:last-child) {
  margin-bottom: 10px;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item .label {
  color: #171717;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: 8px;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item .rest-progress {
  width: 79px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #EBEBEB;
  margin-right: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item .rest-progress .inner {
  height: 4px;
  background-color: #fa8919;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item .count {
  width: 21px;
  text-align: right;
}
.hover-user-avatar-wrapper .remind-wrapper .trial-count-item .count span:nth-of-type(2) {
  color: #999;
}
.hover-user-avatar-wrapper .signout-wrapper {
  position: relative;
  margin: 5px 7px 10px;
  padding: 10px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #333333;
}
.hover-user-avatar-wrapper .signout-wrapper::after {
  opacity: 0.1;
  pointer-events: none;
  position: absolute;
  content: '';
  top: -5px;
  left: 3px;
  right: 3px;
  height: 1px;
  background: #c9c9c9;
}
.hover-user-avatar-wrapper .signout-wrapper:hover {
  background: #F5F7FA;
  border-radius: 8px;
}
.hover-user-avatar-wrapper .signout-wrapper .left-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.hover-user-avatar-wrapper .signout-wrapper .left-wrapper i {
  color: #666666;
  font-size: 20px;
  margin-right: 2px;
}
.hover-user-avatar-wrapper .signout-wrapper .right-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}
.hover-user-avatar-wrapper .signout-wrapper .right-wrapper i {
  font-size: 12px;
  line-height: 13px;
}

.right-iframe-box-wrapper {
  height: 100%;
  padding: 0 20px 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  position: relative;
}
.right-iframe-box-wrapper .render-apps-wrapper {
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 21px 0 #00000005;
  box-sizing: border-box;
  height: 100%;
}
.right-iframe-box-wrapper .gpt-loading-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-iframe-box-wrapper .flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-iframe-box-wrapper .h100 {
  height: 100%;
}
.right-iframe-box-wrapper .min-h100 {
  min-height: 100%;
}
.right-iframe-box-wrapper .full-iframe iframe {
  width: 100%;
  min-height: 100%;
  height: 100%;
}
.right-iframe-box-wrapper .iframe-common-wrapper {
  overflow: auto;
}
.right-iframe-box-wrapper .iframe-common-wrapper .menu-repeat-item.hidden {
  display: none;
}
.right-iframe-box-wrapper .iframe-common-wrapper .frame-wrapper-item {
  overflow-y: auto;
  font-size: 0;
}
.right-iframe-box-wrapper .iframe-common-wrapper .frame-wrapper-item.hidden {
  display: none;
}

.gpt-coming-soon-wrapper {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gpt-coming-soon-wrapper img {
  transform: translateY(-80px);
  width: 300px;
  height: 300px;
}

.gpt-common-content-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
.gpt-common-content-wrapper .gpt-left-wrapper {
  flex-shrink: 0;
}
.gpt-common-content-wrapper .gpt-right-wrapper {
  position: relative;
  flex: 1;
  width: 0;
}
.gpt-common-content-wrapper .gpt-right-wrapper .mask {
  position: absolute;
  inset: 0;
}
.gpt-common-content-wrapper .gpt-mini-code-wrapper {
  align-items: center;
  background: url('https://res.alphalawyer.cn/hr/file/9491f212f07c4cb696347149b8b5ca7e.png');
  background-size: 100% 100%;
  bottom: 157px;
  cursor: pointer;
  display: flex;
  display: none;
  flex-direction: column;
  height: 96px;
  position: fixed;
  right: 28px;
  width: 40px;
}
.gpt-common-content-wrapper .gpt-mini-code-wrapper .img-wrapper {
  pointer-events: none;
  height: 20px;
  margin-top: 10px;
  width: 20px;
  background: url('https://res.alphalawyer.cn/hr/file/225845caf87a4a2b90f2916fe82db659.png');
  background-size: 100% 100%;
}
.gpt-common-content-wrapper .gpt-mini-code-wrapper .show-text {
  pointer-events: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin-top: 4px;
  width: 14px;
}
.gpt-mini-wrapper-popover {
  transform: translateY(6px);
}
.gpt-mini-wrapper-popover .ant-popover-arrow {
  display: none;
  position: absolute;
  top: 142.5px;
  right: 0px;
  transform: translateY(-50%) translateX(100%) rotate(90deg);
}
.gpt-mini-wrapper-popover .ant-popover-arrow::before {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 16px;
  height: 8px;
  background: #fff;
  clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
  clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
  content: "";
}
.gpt-mini-wrapper-popover .ant-popover-arrow::after {
  content: "";
  position: absolute;
  width: 8.970562748477143px;
  height: 8.970562748477143px;
  bottom: 0;
  inset-inline: 0;
  margin: auto;
  border-radius: 0 0 2px 0;
  transform: translateY(50%) rotate(-135deg);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  z-index: 0;
  background: transparent;
}
.gpt-mini-wrapper-popover .ant-popover-inner {
  position: relative;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 12px;
  box-shadow: 2px 4px 94px 0px rgba(0, 0, 0, 0.03), 0px 0px 12px 0px rgba(0, 0, 0, 0.03);
}
.gpt-mini-wrapper-popover .index-content-wrapper {
  box-sizing: border-box;
  padding: 20px 28px;
  width: 201px;
  height: 217px;
  background-image: url("https://res.alphalawyer.cn/hr/file/7164762774564ff9abc137ed408a27d2.png");
  background-size: 199px 162px;
  background-repeat: no-repeat;
  background-position: 1px 1px ;
}
.gpt-mini-wrapper-popover .index-content-wrapper .title-wrapper {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.gpt-mini-wrapper-popover .index-content-wrapper div {
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  color: #4A4A4A;
  line-height: 16px;
}
.gpt-mini-wrapper-popover .index-content-wrapper .des-wrapper {
  color: #4a4a4a;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 10px;
}
.gpt-mini-wrapper-popover .index-content-wrapper .code-img-wrapper {
  display: block;
  width: 144px;
  height: 144px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 12px;
}
.gpt-mini-wrapper-popover .index-content-wrapper .img-code {
  width: 80%;
  height: 80%;
}
.gpt-mini-wrapper-popover .index-content-wrapper .copy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #ffd4b0 !important;
  border-radius: 6px;
  color: #ed6c00;
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  line-height: 16px;
  margin-top: 20px;
  width: 100%;
  cursor: pointer;
}
.gpt-mini-wrapper-popover .index-content-wrapper .copy-button:hover {
  background: #fffaf6 !important;
  border: 1px solid #fa8919;
  color: #ed6c00 !important;
}
.gpt-mini-wrapper-popover .index-content-wrapper.trial-index-content-wrapper .code-img-wrapper {
  margin-bottom: 0;
}
.gpt-mini-wrapper-popover .index-content-wrapper.trial-index-content-wrapper div {
  font-size: 11px;
  line-height: 18px;
}

.gpt-page-layout {
  background-color: #f8f9fa;
  background-image: url("https://res.alphalawyer.cn/hr/file/b41a550fa4114ac9aadf2ac3949e81d9.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 1380px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.gpt-page-layout header-slot,
.gpt-page-layout content-slot {
  display: block;
  width: 100%;
}
.gpt-page-layout .gpt-page__header {
  flex-shrink: 0;
}
.gpt-page-layout .gpt-page__content {
  flex: 1;
  height: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.gpt-page-layout .gpt-page__content .bottom-content-wrapper {
  width: 100%;
  height: 100%;
}
.gpt-page-layout .gpt-page__content .bottom-content-wrapper > .iframe-wrapper {
  height: 100%;
  font-size: 0;
}
.gpt-page-layout .gpt-page__content .bottom-content-wrapper > .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}
.gpt-page-layout .gpt-page__content .bottom-content-wrapper > .component-wrapper {
  height: 100%;
}
.gpt-page-layout .gpt-page__content .bottom-content-wrapper > .component-wrapper > div {
  height: 100%;
}
.gpt-page-layout .gpt-page__content .gpt-left-wrapper {
  flex-shrink: 0;
}
.gpt-page-layout .gpt-page__content .gpt-right-wrapper {
  flex: 1;
  width: 0;
}

.gpt-version-tag {
  display: inline-block;
  width: max-content;
  height: 18px;
  line-height: 18px;
  border-radius: 10px;
  padding: 0 8px 0 6px;
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 10px;
}
.gpt-version-tag i.iconfont {
  font-size: 12px;
  margin-right: 2px;
}
.gpt-version-tag.team {
  color: #F6CBA5;
  background: #303135;
}
.gpt-version-tag.personal,
.gpt-version-tag.standard {
  color: #FFFFFF;
  background: #FFA44A;
}
.gpt-version-tag.group {
  color: #FFFFFF;
  background: #FA8829;
}

.left-menu-wrapper.gpt-v2 {
  position: relative;
  height: 100%;
}
.left-menu-wrapper.gpt-v2 * {
  box-sizing: border-box;
}
.left-menu-wrapper.gpt-v2 .menu-wrapper .top-wrapper {
  overflow: auto;
}
.left-menu-wrapper.gpt-v2.hidden {
  margin-right: -4px;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper {
  overflow: unset;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper {
  margin-top: 0;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper {
  padding-left: 10px;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.02);
  border-radius: 8px;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper.active {
  background: #F0F0F7;
  font-size: 14px;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper.active .cate-name-wrapper {
  color: #ED6C00;
  font-weight: 500;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper .cate-list-wrapper {
  transition: display 0.5s ease;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover {
  background: #F0F0F7;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper {
  width: 128px;
  position: absolute;
  display: unset;
  top: 0;
  left: calc(106%);
  background: #FFFFFF;
  box-shadow: 2px 4px 94px 0px rgba(0, 0, 0, 0.03), 0px 0px 12px 0px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 8px;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper:has(.app-item-wrapper:active) {
  display: none;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 10px;
  background: transparent;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper .app-item-wrapper {
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper .app-item-wrapper.active {
  color: #ed6c00;
  background: #F5F7FA;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper .app-item-wrapper.active:hover {
  background: #F5F7FA;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper:hover .cate-list-wrapper .app-item-wrapper:first-child {
  margin-top: 0px;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper .cate-info-wrapper {
  padding: 0 !important;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper .cate-info-wrapper .image-wrapper {
  margin-right: 0;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .top-wrapper .cate-item-wrapper .cate-list-wrapper {
  display: none;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .bottom-wrapper .close-wrapper {
  display: none;
}
.left-menu-wrapper.gpt-v2.hidden .menu-wrapper .bottom-wrapper .open-wrapper {
  display: flex;
}
.left-menu-wrapper.gpt-v2 .menu-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 14px;
  transform: translateX(0);
  transition: all 0.5s;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.left-menu-wrapper.gpt-v2 .top-wrapper {
  flex: 1;
  height: 0;
  padding-left: 20px;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper {
  margin-top: 14px;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper:first-child {
  margin-top: 0;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-info-wrapper {
  padding: 0 0 0 4px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-info-wrapper .image-wrapper {
  flex-shrink: 0;
  height: 22px;
  margin-right: 8px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-info-wrapper .image-wrapper img {
  width: 100%;
  height: 100%;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-info-wrapper .cate-name-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  line-height: 0;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-overflow: clip;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-list-wrapper .app-item-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  padding-left: 40px;
  cursor: pointer;
  border-radius: 8px;
  color: #333;
  font-size: 13px;
  height: 40px;
  line-height: 1;
  padding: 0 26px 0 34px !important;
  position: relative;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-list-wrapper .app-item-wrapper:first-child {
  margin-top: 0;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-list-wrapper .app-item-wrapper:hover {
  color: #ed6c00;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-list-wrapper .app-item-wrapper.active {
  background-color: #F0F1F7;
  color: #ed6c00;
  font-weight: 500;
}
.left-menu-wrapper.gpt-v2 .top-wrapper .cate-item-wrapper .cate-list-wrapper .app-item-wrapper > img {
  position: absolute;
  top: 9px;
  right: 0px;
  width: 26px;
  height: auto;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper {
  width: 100%;
  padding: 6px 0px;
  padding-bottom: 12px;
  padding-left: 24px;
  flex-shrink: 0;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .open-wrapper {
  cursor: pointer;
  margin-left: 12px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 15px;
  height: 15px;
  background: #F0F0F7;
  border-radius: 4px;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .open-wrapper i {
  display: inline-flex;
  transform: translateY(2px);
  line-height: 0;
  font-size: 13px;
  color: #666666;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .open-wrapper:hover {
  background: #E2E3E7;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .close-wrapper {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  padding: 11px 0px 9px 5px;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .close-wrapper::before {
  content: "";
  top: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #EBECF0;
  position: absolute;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .close-wrapper .close-icon-wrapper {
  width: 15px;
  height: 15px;
  background: #F0F0F7;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .close-wrapper .close-icon-wrapper i {
  transform: translateY(1px);
  line-height: 0;
  font-size: 13px;
  color: #666666;
}
.left-menu-wrapper.gpt-v2 .bottom-wrapper .close-wrapper:hover {
  background: #F0F0F7;
}

.AlphaGptPayMentDialog .ngdialog-content {
  border-radius: 12px !important;
  border: 1px solid transparent !important;
}
.AlphaGptPayMentDialog .ngdialog-content .ngdialog-close {
  top: 14px !important;
}
.AlphaGptPayMentDialog .ngdialog-content .ngdialog-close:hover::before {
  color: #fa8919 !important;
}
.alphaGPTNewPaymentDialogIframeBox {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.payMentBigLogo {
  width: 334px;
  height: 290px;
  position: absolute;
  left: -102px;
  top: -132px;
}
.payMentHeaderBg {
  width: 827.5px;
  height: 61px;
  position: absolute;
  left: -1px;
  top: 0px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-size: cover;
  background-repeat: no-repeat;
}

.personal-center {
  height: calc(100vh - 84px);
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  margin: 0 20px 20px;
  padding: 24px;
  overflow: hidden;
}
.personal-center .aside {
  flex-shrink: 0;
}
.personal-center .main {
  height: 100%;
}

.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;
}

.select-recommend .dialog-title {
  padding: 40px 0 16px 0!important;
}
.select-recommend .dialog-body {
  padding: 0 50px 32px 50px!important;
}
.select-recommend .dialog-body .node-name-in-appro-setting {
  text-align: center;
  margin: 30px 0;
}
.select-recommend .dialog-body .node-name-in-appro-setting input {
  width: 80%;
}
.select-recommend .dialog-body .node-name-in-appro-setting label {
  text-align: left;
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
  color: #a9a9a9;
}
.select-recommend .dialog-body .node-name-in-appro-setting > span {
  width: 80%;
}
.select-recommend .dialog-body .node-name-in-appro-setting > span > p {
  width: 100%;
  text-align: left;
}
.select-recommend .dialog-body .node-name-in-appro-setting + div .main-btn {
  width: 110px;
}
.select-recommend .dialog-body .node-name-in-appro-setting + div .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
  border: none;
}
.select-recommend .dialog-body .node-name-in-appro-setting + div .saveButtonDisabled:hover {
  box-shadow: none !important;
}
.select-recommend .dialog-body .key-word {
  font-size: 14px;
  line-height: 40px;
}
.select-recommend .dialog-body .key-word .key-word-pre {
  font-weight: 500;
}
.select-recommend .dialog-body .key-word .key-word-txt {
  font-weight: 400;
  color: #fa8919;
}
.select-recommend .dialog-body .tab-content {
  display: block;
  color: #737373;
  line-height: 30px;
  text-align: left;
  height: 32px;
  border-bottom: 1px solid #f2f3f7;
}
.select-recommend .dialog-body .tab-content .tab-item {
  display: inline-block;
  position: relative;
  text-align: center;
  border-bottom: 2px solid transparent;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.select-recommend .dialog-body .tab-content .tab-item.current {
  border-bottom: 2px solid #ff8800;
}
.select-recommend .dialog-body .tab-content .cursor {
  cursor: pointer;
}
.select-recommend .dialog-body .checkbox-container {
  position: relative;
  height: 40px;
  line-height: 40px;
  left: 5px;
  display: inline-block;
  width: 25%;
  margin-right: -4px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
}
.select-recommend .dialog-body .checkbox-container .ibass-checkbox {
  color: #ddd;
}
.select-recommend .dialog-body .checkbox-container:hover i {
  color: #fa8919;
}
.select-recommend .dialog-body .checkbox-container i {
  position: relative;
  top: 2px;
}
.select-recommend .dialog-body .checkbox-container .ibass-checked {
  color: #fa8919;
}
.select-recommend .dialog-body .empty-img {
  padding: 0!important;
}
.select-recommend .dialog-body .empty-info {
  text-align: center!important;
}
.select-recommend .button-link {
  margin-left: 150px!important;
}
.select-recommend .cancel-recommend {
  color: #66757e;
  background-color: #fff;
  color: #606266;
  padding: 0 10px;
  width: 90px;
  min-width: 90px;
  margin-left: 12px;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  line-height: 34px;
  border: solid 1px #cfc7c1;
}
.select-recommend .cancel-recommend:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.select-recommend .dialog-title {
  border: 0;
}

.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 .new-small-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7 !important;
  padding-bottom: 10px;
}
.bigData-laws-detail.law-detail-print .new-small-title .logo {
  width: 50px;
  height: 14px;
}
.bigData-laws-detail.law-detail-print .new-small-title .desc {
  font-size: 12px;
  color: #aaa;
}
.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;
}

.custom-checkbox {
  display: inline-block;
  cursor: pointer;
  user-select: none;
}
.custom-checkbox i {
  vertical-align: middle;
  color: #c9cdc5;
  font-size: 16px;
}
.custom-checkbox i.ibass-checked {
  color: #ED6C00;
}
.custom-checkbox:hover i {
  color: #ED6C00;
}

.form-item {
  position: relative;
  padding-bottom: 20px;
}
.form-item.form-item__has-error .form-item__field input {
  border-color: #F6535C;
}
.form-item__header {
  display: flex;
  align-items: center;
}
.form-item__header-left {
  display: flex;
  flex: 1;
  align-items: flex-end;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-item__header-label {
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  margin-right: 8px;
  color: #333;
}
.form-item__header-tips {
  flex-shrink: 0;
  font-size: 14px;
  color: #999999;
}
.form-item__header-right {
  flex-shrink: 0;
}
.form-item__field {
  margin-top: 8px;
}
.form-item__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.form-item__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.form-item__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.form-item__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.form-item__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.form-item__error-wrapper.ng-enter,
.form-item__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.form-item__error {
  display: inline-block;
  font-size: 12px;
  color: #F6535C;
}
.form-item + .form-item {
  margin-top: 4px;
}

.custom-options .option {
  display: flex;
  margin: 8px 0;
  align-items: center;
}
.custom-options .option .input {
  width: 200px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #E2E2E3;
  border-radius: 4px;
  padding: 10px 16px;
  outline: none;
  font-size: 14px;
  color: #333333;
  height: 40px;
}
.custom-options .option .input:focus {
  border-color: #ED6C00;
}
.custom-options .option .input::placeholder {
  color: #999;
}
.custom-options .option .comfirm-check-label {
  cursor: pointer;
  margin-left: 10px;
}
.custom-options .option .comfirm-check-label .comfirm-text {
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  height: 18px;
  background: #F6535C;
  border-radius: 9px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
}
.custom-options .option .comfirm-check-label .ibass-delete {
  color: #999999;
  user-select: none;
}
.custom-options .radio {
  margin: 0 8px 0 20px;
}
.custom-options .radio .custom-radio__icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #E2E2E3;
  transform: translateY(-1px);
  font-style: normal;
}
.custom-options .radio .custom-radio__icon--active {
  border-width: 3px;
  border-color: #ED6C00;
}
.custom-options .add {
  width: max-content;
  margin-top: 16px;
}
.custom-options .add i {
  margin-right: 3px;
  position: relative;
  top: 1px;
  color: #999;
}

.custom-input input {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #E2E2E3;
  border-radius: 4px;
  padding: 10px 16px;
  width: 100%;
  outline: none;
  box-sizing: border-box;
  font-size: 14px;
  color: #333333;
  height: 40px;
}
.custom-input input:focus {
  border-color: #ED6C00;
}
.custom-input input::placeholder {
  color: #999;
}

.custom-radio {
  display: inline-block;
  cursor: pointer;
  user-select: none;
}
.custom-radio__icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #E2E2E3;
  transform: translateY(-1px);
}
.custom-radio__icon--active {
  border-width: 3px;
  border-color: #ED6C00;
}
.custom-radio:hover .custom-radio__icon {
  border-color: #ED6C00;
}
.custom-radio:not(:last-of-type) {
  margin-right: 6px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-customer .select-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.project-form-customer .select-container .triangle-space {
  margin-right: 4px;
}
.project-form-customer .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-customer .select-container > span {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-form-customer .select-container > div {
  height: 35px;
  line-height: 35px;
}
.project-form-customer .select-container .customer-form-common {
  max-width: 450px !important;
}
.project-form-customer .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-date__input {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.project-form-date__input > div {
  display: flex;
  height: 35px;
  line-height: 35px;
}
.project-form-date__input .triangle-space {
  margin-right: 10px;
}
.project-form-date__input .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-date input {
  height: 35px;
  line-height: 35px;
  outline: none;
  border: none;
  color: #4a4a4a;
  background: transparent;
  width: 100%;
  font-size: 14px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-date-interval__range {
  display: flex;
  width: 100%;
}
.project-form-date-interval__range > span {
  display: inline-block;
  margin: 0 6px;
  line-height: 35px;
  height: 35px;
  color: #a9a9a9;
  font-size: 14px;
}
.project-form-date-interval__input {
  position: relative;
  display: flex;
  flex: 1;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
.project-form-date-interval__input > div {
  display: flex;
  height: 35px;
  line-height: 35px;
}
.project-form-date-interval__input .triangle-space {
  margin-right: 10px;
}
.project-form-date-interval__input .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-date-interval__input 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;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-department {
  display: flex;
  flex-direction: column;
}
.project-form-department .department-position {
  display: inline-block;
  position: relative;
}
.project-form-department .department-selector {
  width: 100%;
}
.project-form-department__container {
  margin-top: 6px;
  display: flex;
}
.project-form-department .financial__department-selector-wrapper {
  width: 100%;
}
.project-form-department .financial__department-selector-wrapper .drop-menu-check-default {
  justify-content: space-between;
}
.project-form-department .financial__department-selector-wrapper .drop-menu-check-default > span:first-child {
  font-size: 14px;
}
.project-form-department .financial__department-selector-wrapper .drop-menu-check-default > span:first-child {
  flex: 1;
}
.project-form-department .user-list {
  margin-top: 4px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-member .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.project-form-member .select-container .triangle-space {
  margin-right: 4px;
}
.project-form-member .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-member .select-container > span {
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-form-member .select-container .customer-form-common {
  max-width: 450px !important;
}
.project-form-member .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-multiple-select {
  position: relative;
  display: flex;
  flex-direction: column;
}
.project-form-multiple-select .project-form-multiple-select__text {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.project-form-multiple-select .project-form-multiple-select__text .triangle-space {
  color: #a9a9a9;
}
.project-form-multiple-select .project-form-multiple-select__text > span {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-form-multiple-select .project-form-multiple-select__text .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-multiple-select .project-form-multiple-select__text .customer-form-common {
  max-width: 450px !important;
}
.project-form-multiple-select .project-form-multiple-select__text .tooltip {
  height: auto !important;
  line-height: 16px;
}
.project-form-multiple-select .popover-position {
  margin-top: -10px;
  margin-left: -10px;
  width: 100%;
}
.project-form-multiple-select .form-select-ul {
  width: 100%;
  color: black;
  background: white !important;
  max-width: none !important;
}
.project-form-multiple-select .form-select-ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.project-form-multiple-select .form-select-ul li:hover {
  background-color: #f8f8f8;
}
.project-form-multiple-select .form-select-ul li .ibass-done {
  color: #ed6c00;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-project .select-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.project-form-project .select-container .triangle-space {
  margin-right: 10px;
}
.project-form-project .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-project .select-container > span {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-form-project .select-container > div {
  line-height: 35px;
}
.project-form-project .select-container .customer-form-common {
  max-width: 500px !important;
}
.project-form-project .select-container .tooltip {
  line-height: 16px;
}
.project-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;
}
.project-form-project .form-select-ul .matter-list li span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal;
  height: auto;
}
.project-form-project .form-select-ul .matter-list li span:last-of-type {
  color: #a9a9a9;
}
.project-form-project .form-select-ul .matter-list i.ibass-done {
  position: absolute;
  right: 10px;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-select {
  position: relative;
  display: flex;
  flex-direction: column;
}
.project-form-select__text {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.project-form-select__text .triangle-space {
  color: #a9a9a9;
}
.project-form-select__text > span {
  font-size: 14px;
}
.project-form-select__text .ibass-trig-down {
  color: #a9a9a9;
}
.project-form-select__text .customer-form-common {
  max-width: 450px !important;
}
.project-form-select__text .tooltip {
  height: auto !important;
  line-height: 16px;
}
.project-form-select .popover-position {
  margin-top: -10px;
  margin-left: -10px;
  width: 100%;
}
.project-form-select .form-select-ul {
  width: 100%;
  color: black;
  background: white !important;
  max-width: none;
}
.project-form-select .form-select-ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-form {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.project-form__label .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.project-form__label .required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.project-form__container {
  display: flex;
  align-items: center;
}
.project-form__container .repeat-icon {
  cursor: pointer;
  margin-left: 5px;
  flex-shrink: 0;
  color: #a9a9a9;
}
.project-form__error-wrapper {
  position: absolute;
  transform-origin: top;
  bottom: 0;
}
.project-form__error-wrapper.ng-enter {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave {
  transform: scaleY(1);
}
.project-form__error-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.project-form__error-wrapper.ng-enter,
.project-form__error-wrapper.ng-leave {
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.project-form__error {
  display: inline-block;
  font-size: 12px;
  color: #f72b44;
}
.project-form .rich-text-input [data-custom-link] {
  cursor: pointer;
  color: #245bdb;
}
.project-form input::-webkit-input-placeholder,
.project-form .placeholder {
  color: #a9a9a9;
}
.project-form-text-field__input {
  position: relative;
  height: 35px;
  line-height: 35px;
  color: #4a4a4a;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: auto;
}
.project-form-text-field__input::-webkit-scrollbar {
  display: none;
}
.project-form-text-field__input .placeholder {
  position: absolute;
  top: 0;
}
.project-form-text-field__input .rich-text-input {
  position: absolute;
  outline: none;
  border: none;
  top: 0;
  width: 100%;
  z-index: 1;
}
.project-form-text-field__textarea {
  position: relative;
  padding: 4px;
  height: 80px;
  flex: 1;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  font-size: 14px;
}
.project-form-text-field__textarea .placeholder {
  position: absolute;
  top: 4px;
}
.project-form-text-field__textarea .rich-text-input {
  position: absolute;
  outline: none;
  border: none;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  white-space: pre-wrap;
  word-break: break-all;
  overflow: auto;
}
.project-form-text-field__textarea .rich-text-input a {
  cursor: pointer;
}

.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-material-number-dialog-ctrl {
  z-index: 9999!important;
}
.setting-material-number-dialog-ctrl .ngdialog-close {
  display: none;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog {
  color: #4a4a4a;
  padding: 35px 0 30px 0;
  position: relative;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  color: #cdc9c5;
  font-size: 20px;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog i {
  vertical-align: middle;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .color-block {
  color: #4a4a4a;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .color-gray {
  color: #737373;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .color-orange {
  color: #ed6c00;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .row-start-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .row-space-center {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .row-end-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .after-line {
  position: relative;
  width: 15px;
  height: 50px;
  margin-right: 15px;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .after-line:after {
  position: absolute;
  content: '';
  right: 0;
  top: 18px;
  height: 14px;
  width: 1px;
  background-color: #ededed;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .number-info {
  font-size: 12px;
  color: #737373;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-title {
  height: 40px;
  margin: 0 50px;
  position: relative;
}
.setting-material-number-dialog-ctrl .setting-material-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-material-number-dialog-ctrl .setting-material-number-dialog .dialog-title .title-text i {
  color: #fa8919;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-title:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
  top: 50%;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content {
  padding: 0 25px;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .change-role-module {
  margin-top: 10px;
  display: inline-block;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .preview-module {
  margin-top: 20px;
  margin-bottom: 17px;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .preview-module .preview-title {
  font-size: 12px;
  line-height: 1.33;
  color: #a9a9a9;
  margin-bottom: 12px;
}
.setting-material-number-dialog-ctrl .setting-material-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-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .add-role-filed-module {
  text-align: right;
  margin-bottom: 20px;
}
.setting-material-number-dialog-ctrl .setting-material-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-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .add-role-filed-module .add-role-filed .ns-popover-role-filed-list {
  width: 180px;
}
.setting-material-number-dialog-ctrl .setting-material-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-material-number-dialog-ctrl .setting-material-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-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .add-role-filed-module .add-role-filed i {
  color: #cdc9c5;
  margin-right: 4px;
  height: 100%;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .add-role-filed-module .add-role-filed:hover i {
  color: #fa8919;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .material-number-content {
  min-height: 200px;
}
.setting-material-number-dialog-ctrl .setting-material-number-dialog .dialog-content .sure-btn-module {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.setting-material-number-dialog-ctrl .setting-material-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;
}

.material-number-role-list-radio {
  height: 100%;
  width: 100%;
  position: relative;
}
.material-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;
}
.material-number-role-list-radio .ns-popover-role-list-radio {
  width: 440px;
}
.material-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip {
  width: 100%;
  max-width: none;
  text-align: left;
  padding: 10px 0!important;
}
.material-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;
}
.material-number-role-list-radio .ns-popover-role-list-radio .ns-popover-tooltip .ns-popover-items {
  margin: 0;
}
.material-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;
}
.material-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;
}
.material-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;
}
.material-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;
}

.activate-link-dlg {
  border-radius: 8px;
  overflow: hidden;
  background-image: url(tool/alphaGptPage/images/allot-count-bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 0 24px 24px;
}
.activate-link-dlg-wrapper.ngdialog.ngdialog-theme-default .ngdialog-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 22px !important;
  top: 22px !important;
  width: 26px !important;
  height: 26px !important;
  background-color: transparent !important;
}
.activate-link-dlg-wrapper.ngdialog.ngdialog-theme-default .ngdialog-close::before {
  position: relative !important;
  line-height: 1 !important;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: #666666 !important;
  background-color: transparent !important;
  top: unset !important;
  right: unset !important;
}
.activate-link-dlg-wrapper.ngdialog.ngdialog-theme-default .ngdialog-close:hover {
  background: #F7F8FA !important;
  border-radius: 4px !important;
}
.activate-link-dlg__header {
  display: flex;
  align-items: center;
  padding: 24px 0 35px;
  margin-bottom: 9px;
}
.activate-link-dlg__header .title {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}
.activate-link-dlg__header .line {
  width: 1px;
  height: 15px;
  border: 1px solid #EBEBEE;
  margin: 0 16px;
}
.activate-link-dlg__header .count {
  font-size: 12px;
  color: #999999;
  line-height: 17px;
}
.activate-link-dlg__header .count.limit .text {
  color: #FF4F4A;
}
.activate-link-dlg__header .num {
  margin-left: 4px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.activate-link-dlg__header .gpt-version-tag-wrapper {
  margin-right: 22px;
}
.activate-link-dlg__filter {
  margin-bottom: 9px;
}
.activate-link-dlg__filter .gpt-form .i-form {
  display: flex;
  align-items: center;
  gap: 16px;
}
.activate-link-dlg__filter .tips {
  color: #999;
  font-size: 12px;
}
.activate-link-dlg__container .i-table .i-input-text input {
  border-radius: 16px;
  padding-left: 12px;
}
.activate-link-dlg__container .i-table .active,
.activate-link-dlg__container .i-table .deactive {
  width: 48px;
  height: 18px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.activate-link-dlg__container .i-table .active {
  background: #FFF6EE;
  border: 1px solid #FFD6AE;
  color: #fa8919;
}
.activate-link-dlg__container .i-table .deactive {
  background: #F9FAFC;
  border: 1px solid #C3C6C8;
  color: #909399;
}

.add-alpha-account-dlg .container {
  display: flex;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
}
.add-alpha-account-dlg .container .left-container {
  border-right: 1px solid #EBEBEB;
  flex: 1;
  overflow: hidden;
}
.add-alpha-account-dlg .container .left-container .search {
  padding: 20px;
  padding-bottom: 8px;
}
.add-alpha-account-dlg .container .right-container {
  flex: 1;
  overflow: hidden;
}
.add-alpha-account-dlg .container .right-container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23px 20px 14px;
}
.add-alpha-account-dlg .container .right-container .header .checked {
  font-size: 14px;
  color: #999999;
}
.add-alpha-account-dlg .container .right-container .header .i-btn {
  height: 20px;
  line-height: 20px;
}
.add-alpha-account-dlg .container .user-list {
  height: 256px;
  overflow: auto;
  padding: 0 10px 20px;
}
.add-alpha-account-dlg .container .user-list .user-item {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
}
.add-alpha-account-dlg .container .user-list .user-item .pic {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0;
}
.add-alpha-account-dlg .container .user-list .user-item .name {
  font-size: 14px;
  color: #333333;
  margin-right: auto;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.add-alpha-account-dlg .container .user-list .user-item i {
  font-size: 14px;
  cursor: pointer;
  position: relative;
  top: 1px;
  line-height: 1;
  flex-shrink: 0;
}
.add-alpha-account-dlg .container .user-list .user-item i.ibass-close {
  color: #666;
}
.add-alpha-account-dlg .container .user-list .user-item i.ibass-checked {
  color: #fa8919;
}
.add-alpha-account-dlg .container .user-list .user-item i.ibass-checkbox {
  color: #666;
}
.add-alpha-account-dlg .container .user-list .user-item .icon {
  margin-left: 32px;
}
.add-alpha-account-dlg .container .user-list .user-item .delete {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  flex-shrink: 0;
  transform: translateX(6px);
}
.add-alpha-account-dlg .container .user-list .user-item .delete:hover {
  background: #EDEEF0;
}
.add-alpha-account-dlg .container .user-list .user-item:hover {
  background: #F7F8FA;
}
.add-alpha-account-dlg .container .user-list .user-item:hover i.ibass-checkbox {
  color: #fa8919;
}
.add-alpha-account-dlg .container .user-list .user-item.disabled {
  cursor: not-allowed;
}
.add-alpha-account-dlg .container .user-list .user-item.disabled .name {
  color: #999;
}
.add-alpha-account-dlg .container .user-list .user-item.disabled i {
  color: #ebebeb !important;
}
.add-alpha-account-dlg .container .user-list:empty {
  color: red;
}
.add-alpha-account-dlg .container .user-list .thumb {
  width: 4px;
  background: #C3C6C8;
  border-radius: 2px;
}
.add-alpha-account-dlg .container .no-data {
  display: none;
}
.add-alpha-account-dlg .container .left-container:not( :has(.user-list .user-item)) .user-list {
  display: none;
}
.add-alpha-account-dlg .container .left-container:not( :has(.user-list .user-item)) .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 256px;
  font-size: 14px;
  color: #999;
  background-color: #fff;
}
.add-alpha-account-dlg .container .left-container:not( :has(.user-list .user-item)) .no-data img {
  width: 90px;
  height: auto;
  margin-bottom: 12px;
}

.add-not-alpha-account-dlg .i-form-item__label {
  margin-bottom: 12px;
}
.add-not-alpha-account-dlg .i-form-item__content {
  flex-direction: column;
  align-items: stretch;
}

.allot-count-dlg {
  border-radius: 8px;
  overflow: hidden;
  background-image: url(tool/alphaGptPage/images/allot-count-bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.allot-count-dlg-wrapper.ngdialog.ngdialog-theme-default .ngdialog-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 22px !important;
  top: 22px !important;
  width: 26px !important;
  height: 26px !important;
  background-color: transparent !important;
}
.allot-count-dlg-wrapper.ngdialog.ngdialog-theme-default .ngdialog-close::before {
  position: relative !important;
  line-height: 1 !important;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: #666666 !important;
  background-color: transparent !important;
  top: unset !important;
  right: unset !important;
}
.allot-count-dlg-wrapper.ngdialog.ngdialog-theme-default .ngdialog-close:hover {
  background: #F7F8FA !important;
  border-radius: 4px !important;
}
.allot-count-dlg__header {
  display: flex;
  align-items: center;
  padding: 24px 24px 35px;
  margin-bottom: 9px;
}
.allot-count-dlg__header .title {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}
.allot-count-dlg__header .line {
  width: 1px;
  height: 15px;
  border: 1px solid #EBEBEE;
  margin: 0 16px;
}
.allot-count-dlg__header .count {
  font-size: 12px;
  color: #999999;
  line-height: 17px;
}
.allot-count-dlg__header .count.limit .text {
  color: #FF4F4A;
}
.allot-count-dlg__header .num {
  margin-left: 4px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.allot-count-dlg__header .gpt-version-tag-wrapper {
  margin-right: 22px;
}
.allot-count-dlg__filter {
  padding: 0 24px;
  margin-bottom: 9px;
}
.allot-count-dlg__filter .gpt-form .i-form {
  display: flex;
  align-items: center;
  gap: 16px;
}
.allot-count-dlg__filter .tips {
  color: #999;
  font-size: 12px;
}
.allot-count-dlg__container {
  padding: 0 24px;
}
.allot-count-dlg__container .i-table .i-input-text input {
  border-radius: 16px;
  padding-left: 12px;
}
.allot-count-dlg__footer {
  padding: 36px 24px 24px;
  text-align: right;
}

.allot-record-dlg .gpt-form .i-form {
  display: flex;
  gap: 16px;
}
.allot-record-dlg .loading {
  padding: 40px 0;
}
.allot-record-dlg__pagination > .i-pagination {
  justify-content: flex-end;
  margin: 12px 0 0;
}
.allot-record-dlg__pagination > .i-pagination .i-pagination {
  margin: 0;
}

.recover-user-account-dlg .loading {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recover-user-account-dlg .gpt-dialog__container {
  padding: 0 24px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.recover-user-account-dlg .gpt-dialog__container .mock-submit-error-wrapper {
  line-height: 1;
  height: 13px;
  width: 100%;
  margin-top: -13px;
  display: flex;
  align-items: center;
  color: #999999;
}
.recover-user-account-dlg .gpt-dialog__container .mock-submit-error-wrapper .form-item-title {
  visibility: hidden;
}
.recover-user-account-dlg .gpt-dialog__container .mock-submit-error-wrapper .error-flag-info {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
}
.recover-user-account-dlg .form-item-title {
  line-height: 32px;
  height: 32px;
  max-width: 8em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.recover-user-account-dlg .form-item-content {
  flex: 1;
  width: 0;
  margin-left: 12px;
}
.recover-user-account-dlg .form-item-content .ivu-input-wrapper {
  width: 100%;
}
.recover-user-account-dlg .form-item-content .ivu-input {
  height: 32px;
  line-height: 32px;
}
.recover-user-account-dlg .form-item-content-input {
  width: 100%;
}
.recover-user-account-dlg .form-item-content-input-readonly {
  width: 100%;
  background-color: #f5f5f5;
}
.recover-user-account-dlg .money-show {
  margin-left: -14px;
  z-index: 2;
  left: -8px;
  font-weight: 400;
  position: relative;
}
.recover-user-account-dlg .gpt-form {
  flex: 1;
  width: 0;
  margin: 0 12px;
  margin-right: 0;
}

.cost-record {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.cost-record__header {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  padding-left: 12px;
  margin-top: 0;
  margin-bottom: 16px;
}
.cost-record__header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 14px;
  background: #FA8919;
  border-radius: 2px;
}
.cost-record .gpt-table {
  flex: 1;
  overflow: hidden;
}
.cost-record .gpt-table .i-table {
  height: 100%;
}
.cost-record__pagination > .i-pagination {
  margin-top: 26px;
  margin-bottom: 0;
}
.cost-record__pagination > .i-pagination .i-pagination {
  margin: 0 0 0 auto;
}


@font-face {
  font-family: "acnMsgIconfont";
  src: url("acnMessageFontsBass/iconfont.woff2") format("woff2"), url("acnMessageFontsBass/iconfont.woff") format("woff"), url("acnMessageFontsBass/iconfont.ttf") format("truetype");
  
  /* Project id 2290043 */
}
.what {
  color: red;
}
.acnMsgIconfont {
  font-family: "acnMsgIconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfenxiang:before {
  content: "\e662";
}
.iconwenben:before {
  content: "\e664";
}
.iconzhihangxinxi:before {
  content: "\e660";
}
.iconhangzhengchufa:before {
  content: "\e661";
}
.iconpochanzhongzheng:before {
  content: "\e654";
}
.iconjulangzixun:before {
  content: "\e657";
}
.iconqiyexinyong:before {
  content: "\e658";
}
.iconquanqiufagui:before {
  content: "\e659";
}
.iconshangbiaopingshen:before {
  content: "\e65a";
}
.iconshehuizuzhi:before {
  content: "\e65b";
}
.icontingshenzhibo:before {
  content: "\e65c";
}
.icongengduoshujuku:before {
  content: "\e60f";
}
.iconremenzixun:before {
  content: "\e646";
}
.iconchangyongxiaogongju:before {
  content: "\e647";
}
.icongengduo:before {
  content: "\e648";
}
.iconzhihuijiansuo-icon:before {
  content: "\e656";
}
.iconwode-icon1:before {
  content: "\e655";
}
.iconleiantongpan:before {
  content: "\e625";
}
.iconguojitiaoyuebeifen:before {
  content: "\e635";
}
.iconquanguofagui:before {
  content: "\e636";
}
.iconyouanpingxi:before {
  content: "\e637";
}
.iconshiwuwenzhang1:before {
  content: "\e638";
}
.iconcaipanguandian:before {
  content: "\e639";
}
.iconquanguobiaozhun:before {
  content: "\e63a";
}
.iconwenzibidui:before {
  content: "\e63b";
}
.iconruanjianzhuzuoquan:before {
  content: "\e63c";
}
.icona-yitusoutubeifen3:before {
  content: "\e63d";
}
.icongongsizhuti:before {
  content: "\e63e";
}
.iconyitusoutu:before {
  content: "\e63f";
}
.iconpeichangjisuanqi:before {
  content: "\e640";
}
.iconshangbiao:before {
  content: "\e641";
}
.iconzuopinzhuzuoquan:before {
  content: "\e642";
}
.iconzhuanlibeifen:before {
  content: "\e643";
}
.iconzaixiangongzheng:before {
  content: "\e645";
}
.icondashuju-laba:before {
  content: "\e623";
}
.iconjixiao-icon-huise1:before {
  content: "\e61f";
}
.iconguanlipingtai-icon1:before {
  content: "\e621";
}
.iconhangzheng-icon1:before {
  content: "\e62b";
}
.iconcaiwu-icon1:before {
  content: "\e62c";
}
.icongengduo-icon1:before {
  content: "\e62d";
}
.iconzhishiguanli-icon1:before {
  content: "\e62e";
}
.iconzhengjulogo--huise:before {
  content: "\e62f";
}
.iconxinganyuan-icon-huise:before {
  content: "\e630";
}
.iconOKR-icon-huise:before {
  content: "\e632";
}
.iconjixiao-icon-huise:before {
  content: "\e633";
}
.iconshanqian-icon-huise:before {
  content: "\e634";
}
.icongongju-icon:before {
  content: "\e610";
}
.iconkecheng-icon:before {
  content: "\e61c";
}
.iconanyuan-icon:before {
  content: "\e61d";
}
.iconhuiyishi-icon:before {
  content: "\e61e";
}
.iconlichong-icon:before {
  content: "\e622";
}
.iconrenliziyuan-icon:before {
  content: "\e628";
}
.iconshenpi-icon1:before {
  content: "\e629";
}
.iconbumen-icon:before {
  content: "\e62a";
}
.icongongzuotai-icon:before {
  content: "\e607";
}
.iconwode-icon:before {
  content: "\e608";
}
.iconxiangmu-icon:before {
  content: "\e609";
}
.iconkehu-icon:before {
  content: "\e60a";
}
.iconshenpi-icon:before {
  content: "\e60e";
}
.iconicon_keshihua:before {
  content: "\e697";
}
.iconicon_guanyuAlpha:before {
  content: "\e698";
}
.icondingyuetongzhi:before {
  content: "\e605";
}
.iconshiwuwenzhang:before {
  content: "\e603";
}
.iconlaba:before {
  content: "\e604";
}
.iconleianjiansuo:before {
  content: "\e601";
}
.iconicon_yichangbaojing:before {
  content: "\e61b";
}
.icontupian:before {
  content: "\e61a";
}
.iconxingzhuang:before {
  content: "\e606";
}
.iconicon_liebiao:before {
  content: "\e690";
}
.iconmuluicon:before {
  content: "\e68d";
}
.iconbuketianjiajiansuo:before {
  content: "\e68a";
}
.iconbukexiazai:before {
  content: "\e68b";
}
.iconqunliaotouxiang:before {
  content: "\e689";
}
.iconanyuanjiedan:before {
  content: "\e615";
}
.iconanyuanhezuodacheng:before {
  content: "\e616";
}
.iconyonghurenzhengshenhejieguo:before {
  content: "\e617";
}
.iconshangpinduihuan:before {
  content: "\e618";
}
.iconyuyueyanshi:before {
  content: "\e687";
}
.iconerweima:before {
  content: "\e688";
}
.iconanjianxiezuo:before {
  content: "\e684";
}
.iconlvsuoguanli:before {
  content: "\e685";
}
.icondashujuku:before {
  content: "\e686";
}
.icona-wodehetongku2:before {
  content: "\e680";
}
.iconhetongfanbenku-weixuan:before {
  content: "\e683";
}
.icona-icon-fuxuankuang-weiquanxuan2:before {
  content: "\e681";
}
.icona-icon-fuxuankuang-gouxuan2:before {
  content: "\e682";
}
.icona-icon-zhengzaifuwu-weixuanzhong21:before {
  content: "\e68c";
}
.icona-icon-quanbukehu-weixuanzhong21:before {
  content: "\e68e";
}
.icona-icon-fuxuankuang-zhengchang21:before {
  content: "\e68f";
}
.icona-icon-shanchu-zhengchang21:before {
  content: "\e692";
}
.icona-icon-daochu-zhengchang21:before {
  content: "\e693";
}
.icona-icon-ziranrenkehu-weixuanzhong21:before {
  content: "\e694";
}
.icona-icon-jigoukehu-weixuanzhong21:before {
  content: "\e695";
}
.icona-icon-rili-zhengchang21:before {
  content: "\e696";
}
.icona-redu21:before {
  content: "\e67e";
}
.icona-shanchu-hover21:before {
  content: "\e691";
}
.iconyutahezuo1:before {
  content: "\e611";
}
.iconfasonganyuanbeifen1:before {
  content: "\e612";
}
.iconwenjian:before {
  content: "\e613";
}
.iconsmile:before {
  content: "\e614";
}
.icona-weizhiwenjianleixing2:before {
  content: "\e67a";
}
.icona-kongzhuangtai2:before {
  content: "\e67c";
}
.icona-icon-daochu-zhengchang2:before {
  content: "\e67f";
}
.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";
}

.global-coustom-tooltip {
  position: fixed;
  left: 10px;
  bottom: 40px;
  width: 400px;
  z-index: 1000;
  user-select: none;
}
.dialog-task-center .global-coustom-tooltip {
  z-index: 10001;
}
@font-face {
  font-family: "acnMsgIconfont";
  src: url("acnMessageFontsBass/iconfont.woff2") format("woff2"), url("acnMessageFontsBass/iconfont.woff") format("woff"), url("acnMessageFontsBass/iconfont.ttf") format("truetype");
  
  /* Project id 2290043 */
}
.what {
  color: red;
}
.acnMsgIconfont {
  font-family: "acnMsgIconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfenxiang:before {
  content: "\e662";
}
.iconwenben:before {
  content: "\e664";
}
.iconzhihangxinxi:before {
  content: "\e660";
}
.iconhangzhengchufa:before {
  content: "\e661";
}
.iconpochanzhongzheng:before {
  content: "\e654";
}
.iconjulangzixun:before {
  content: "\e657";
}
.iconqiyexinyong:before {
  content: "\e658";
}
.iconquanqiufagui:before {
  content: "\e659";
}
.iconshangbiaopingshen:before {
  content: "\e65a";
}
.iconshehuizuzhi:before {
  content: "\e65b";
}
.icontingshenzhibo:before {
  content: "\e65c";
}
.icongengduoshujuku:before {
  content: "\e60f";
}
.iconremenzixun:before {
  content: "\e646";
}
.iconchangyongxiaogongju:before {
  content: "\e647";
}
.icongengduo:before {
  content: "\e648";
}
.iconzhihuijiansuo-icon:before {
  content: "\e656";
}
.iconwode-icon1:before {
  content: "\e655";
}
.iconleiantongpan:before {
  content: "\e625";
}
.iconguojitiaoyuebeifen:before {
  content: "\e635";
}
.iconquanguofagui:before {
  content: "\e636";
}
.iconyouanpingxi:before {
  content: "\e637";
}
.iconshiwuwenzhang1:before {
  content: "\e638";
}
.iconcaipanguandian:before {
  content: "\e639";
}
.iconquanguobiaozhun:before {
  content: "\e63a";
}
.iconwenzibidui:before {
  content: "\e63b";
}
.iconruanjianzhuzuoquan:before {
  content: "\e63c";
}
.icona-yitusoutubeifen3:before {
  content: "\e63d";
}
.icongongsizhuti:before {
  content: "\e63e";
}
.iconyitusoutu:before {
  content: "\e63f";
}
.iconpeichangjisuanqi:before {
  content: "\e640";
}
.iconshangbiao:before {
  content: "\e641";
}
.iconzuopinzhuzuoquan:before {
  content: "\e642";
}
.iconzhuanlibeifen:before {
  content: "\e643";
}
.iconzaixiangongzheng:before {
  content: "\e645";
}
.icondashuju-laba:before {
  content: "\e623";
}
.iconjixiao-icon-huise1:before {
  content: "\e61f";
}
.iconguanlipingtai-icon1:before {
  content: "\e621";
}
.iconhangzheng-icon1:before {
  content: "\e62b";
}
.iconcaiwu-icon1:before {
  content: "\e62c";
}
.icongengduo-icon1:before {
  content: "\e62d";
}
.iconzhishiguanli-icon1:before {
  content: "\e62e";
}
.iconzhengjulogo--huise:before {
  content: "\e62f";
}
.iconxinganyuan-icon-huise:before {
  content: "\e630";
}
.iconOKR-icon-huise:before {
  content: "\e632";
}
.iconjixiao-icon-huise:before {
  content: "\e633";
}
.iconshanqian-icon-huise:before {
  content: "\e634";
}
.icongongju-icon:before {
  content: "\e610";
}
.iconkecheng-icon:before {
  content: "\e61c";
}
.iconanyuan-icon:before {
  content: "\e61d";
}
.iconhuiyishi-icon:before {
  content: "\e61e";
}
.iconlichong-icon:before {
  content: "\e622";
}
.iconrenliziyuan-icon:before {
  content: "\e628";
}
.iconshenpi-icon1:before {
  content: "\e629";
}
.iconbumen-icon:before {
  content: "\e62a";
}
.icongongzuotai-icon:before {
  content: "\e607";
}
.iconwode-icon:before {
  content: "\e608";
}
.iconxiangmu-icon:before {
  content: "\e609";
}
.iconkehu-icon:before {
  content: "\e60a";
}
.iconshenpi-icon:before {
  content: "\e60e";
}
.iconicon_keshihua:before {
  content: "\e697";
}
.iconicon_guanyuAlpha:before {
  content: "\e698";
}
.icondingyuetongzhi:before {
  content: "\e605";
}
.iconshiwuwenzhang:before {
  content: "\e603";
}
.iconlaba:before {
  content: "\e604";
}
.iconleianjiansuo:before {
  content: "\e601";
}
.iconicon_yichangbaojing:before {
  content: "\e61b";
}
.icontupian:before {
  content: "\e61a";
}
.iconxingzhuang:before {
  content: "\e606";
}
.iconicon_liebiao:before {
  content: "\e690";
}
.iconmuluicon:before {
  content: "\e68d";
}
.iconbuketianjiajiansuo:before {
  content: "\e68a";
}
.iconbukexiazai:before {
  content: "\e68b";
}
.iconqunliaotouxiang:before {
  content: "\e689";
}
.iconanyuanjiedan:before {
  content: "\e615";
}
.iconanyuanhezuodacheng:before {
  content: "\e616";
}
.iconyonghurenzhengshenhejieguo:before {
  content: "\e617";
}
.iconshangpinduihuan:before {
  content: "\e618";
}
.iconyuyueyanshi:before {
  content: "\e687";
}
.iconerweima:before {
  content: "\e688";
}
.iconanjianxiezuo:before {
  content: "\e684";
}
.iconlvsuoguanli:before {
  content: "\e685";
}
.icondashujuku:before {
  content: "\e686";
}
.icona-wodehetongku2:before {
  content: "\e680";
}
.iconhetongfanbenku-weixuan:before {
  content: "\e683";
}
.icona-icon-fuxuankuang-weiquanxuan2:before {
  content: "\e681";
}
.icona-icon-fuxuankuang-gouxuan2:before {
  content: "\e682";
}
.icona-icon-zhengzaifuwu-weixuanzhong21:before {
  content: "\e68c";
}
.icona-icon-quanbukehu-weixuanzhong21:before {
  content: "\e68e";
}
.icona-icon-fuxuankuang-zhengchang21:before {
  content: "\e68f";
}
.icona-icon-shanchu-zhengchang21:before {
  content: "\e692";
}
.icona-icon-daochu-zhengchang21:before {
  content: "\e693";
}
.icona-icon-ziranrenkehu-weixuanzhong21:before {
  content: "\e694";
}
.icona-icon-jigoukehu-weixuanzhong21:before {
  content: "\e695";
}
.icona-icon-rili-zhengchang21:before {
  content: "\e696";
}
.icona-redu21:before {
  content: "\e67e";
}
.icona-shanchu-hover21:before {
  content: "\e691";
}
.iconyutahezuo1:before {
  content: "\e611";
}
.iconfasonganyuanbeifen1:before {
  content: "\e612";
}
.iconwenjian:before {
  content: "\e613";
}
.iconsmile:before {
  content: "\e614";
}
.icona-weizhiwenjianleixing2:before {
  content: "\e67a";
}
.icona-kongzhuangtai2:before {
  content: "\e67c";
}
.icona-icon-daochu-zhengchang2:before {
  content: "\e67f";
}
.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";
}
.box-content .modal-box-line {
  width: 766px;
  height: 1px;
  border-top: 1px solid #ebebeb;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translate(-50%);
  z-index: 1;
}
#__vconsole .vc-switch {
  right: -85px !important;
  bottom: -23px !important;
  background-color: transparent !important;
  color: transparent !important;
  box-shadow: none !important;
}
.remindCase {
  display: none;
  width: 180px;
  height: 148px;
  background-color: #fff;
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.11), inset 0px -1px 3px 0px rgba(255, 255, 255, 0);
  border-radius: 8px;
  position: fixed;
  right: 10px;
  z-index: 99999;
  bottom: 145px;
  padding: 35px 22px 18px 20px;
  box-sizing: border-box;
}
.remindCase .bgc {
  height: 48px;
  background: linear-gradient(180deg, #ffffff 0%, #fff4eb 100%);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
.remindCase .top {
  font-size: 18px;
  color: #6f7070;
  display: flex;
  align-items: center;
}
.remindCase .top .day {
  position: relative;
  background: #fbc3a5;
  width: 48px;
  height: 47px;
  text-align: center;
  margin: 0 6px 0 4px;
  border-radius: 4px;
}
.remindCase .top .day span:nth-child(1),
.remindCase .top .day span:nth-child(2) {
  height: 5px;
  display: inline-block;
  width: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2px;
}
.remindCase .top .day span:nth-child(1) {
  left: 1px;
}
.remindCase .top .day span:nth-child(2) {
  right: 1px;
}
.remindCase .top .day span:nth-child(3) {
  background-color: #fff;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.remindCase .top .day .num {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  bottom: 0;
  margin: auto;
  font-family: MiSans-Demibold, MiSans;
}
.remindCase .top > span:first-child {
  letter-spacing: 2px;
}
.remindCase .top > span {
  font-family: PingFangSC-Medium, PingFang SC;
}
.remindCase .btn {
  width: 100px;
  height: 26px;
  font-size: 12px;
  background: #b7a598;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 26px;
  color: #fff;
  margin: 22px auto 0;
  cursor: pointer;
  display: block;
}
.remindCase .csp {
  cursor: pointer;
}
.remindCase .tooltipContent {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #999;
  width: 18px;
  height: 18px;
  text-align: center;
}
.remindCase .tooltipContent:hover {
  background: #d9d9d9;
  border-radius: 9px;
}
.remindCase .tooltipContent:hover .triangle,
.remindCase .tooltipContent:hover .tip {
  display: block;
}
.remindCase .tooltipContent:hover .ibass-close {
  color: #fff;
}
.remindCase .tooltipContent .triangle {
  width: 8px;
  height: 6px;
  position: absolute;
  top: -8px;
  right: 5px;
  display: none;
}
.remindCase .tooltipContent .tip {
  white-space: nowrap;
  display: none;
  position: absolute;
  width: 140px;
  padding: 0 14px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #494949;
  right: -4px;
  top: -40px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.remindCase .tooltipContent .ibass-close {
  font-size: 12px;
}
.accountIcon {
  width: 16px;
  height: 100%;
  background: url("renew/static/images/myAccount.png") no-repeat center;
  background-size: 16px;
}
.anduobao-pop-window {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 9999;
  left: 0px;
  top: 316px;
  width: 114px;
  height: 203px;
  visibility: hidden;
}
.anduobao-pop-window .content {
  width: 100%;
  height: 195px;
  background: #ffffff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.anduobao-pop-window .content .closeImg {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.anduobao-pop-window .content .title {
  margin: 12px 0px 6px;
  width: 100%;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
  text-align: center;
}
.anduobao-pop-window .content .qrCode {
  margin-left: 12px;
  width: 90px;
  height: 90px;
}
.anduobao-pop-window .content .row {
  display: flex;
  align-items: center;
  justify-content: center;
  scale: 0.9;
}
.anduobao-pop-window .content .row .point {
  margin-right: 3px;
  width: 4px;
  height: 4px;
  background: #b8b8b8;
  border-radius: 50%;
}
.anduobao-pop-window .content .row .text {
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.anduobao-pop-window .content .bottomArea {
  user-select: none;
  margin-top: 5px;
  width: 100%;
}
.anduobao-pop-window .content .bottomArea .tip {
  scale: 0.9;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.anduobao-pop-window .content .bottomArea .tip p {
  margin-left: 2px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.anduobao-pop-window .content .bottomArea .tip i {
  cursor: pointer;
  width: 14px;
}
.anduobao-pop-window .content .bottomArea .tip .qrcode-check {
  display: block;
}
.anduobao-pop-window .content .bottomArea .tip .qrcode-check:before {
  scale: 0.9;
  color: #b8b8b8;
  padding-top: 4px;
}
.anduobao-pop-window .content .bottomArea .tip .qrcode-done {
  display: none;
  color: #fa8919;
}
.anduobao-pop-window .content .bottomArea .tip .qrcode-done:before {
  padding-top: 3px;
}
.letter-pop-window {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 9999;
  left: 0px;
  top: 288px;
  width: 114px;
  height: 203px;
}
.letter-pop-window .content {
  width: 114px;
  height: 150px;
  background: #ffffff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.letter-pop-window .content .logo-container {
  position: absolute;
  left: 0px;
  top: -59px;
  width: 114px;
  height: 78px;
  background-image: url("renew/static/images/letter.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.letter-pop-window .content .logo-container .closeImg {
  position: absolute;
  right: -2px;
  top: 2px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.letter-pop-window .content .qrCode {
  margin-top: 21px;
  height: 80px;
  width: 80px;
  margin-left: 17px;
}
.letter-pop-window .content .row {
  margin-top: 4px;
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  text-align: center;
  transform: scale(0.9);
}
.button-common-fa8919_hover:hover {
  background-color: #fa9a2a !important;
}
.button-common-606266_hover:hover {
  border: 1px solid #fa8919 !important;
  color: #fa8919 !important;
  background-color: #fffaf6 !important;
}
#alphaWrapper {
  height: 100%;
}
.ngDialog-open-lock-body {
  overflow: hidden !important;
}
.nps-questionnaire {
  opacity: 0;
  border: none;
  position: fixed;
  right: 0;
  bottom: 30px;
  width: 380px;
  z-index: 9999;
  max-height: 618px;
  margin-right: 12px;
}
.nps-questionnaire iframe {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #ECECEC;
  width: 377px;
  border-radius: 12px;
  background: #FFFFFF;
  overflow-y: scroll;
  max-height: 618px;
}

.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: #242424;
  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;
}
.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;
}
.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: 100%;
  height: 40px;
  line-height: 40px;
  margin: 5px 0;
  padding-left: 32px;
  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 a span[class*='ibass-'] {
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.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 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.approval-center-top-tab a {
  padding: 0 24px;
  display: inline-block;
  line-height: 30px;
}
.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;
  justify-content: space-between;
  color: #737373;
  padding: 16px 0 16px 4px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter.financial-filter-first {
  border-bottom: 1px solid #ebebeb;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .financial-box {
  display: flex;
  justify-content: space-between;
}
.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: 16px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-filter .appro-search {
  float: right;
  width: 370px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-appro-date {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.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;
  vertical-align: middle;
  margin-right: 4px;
}
.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 {
  display: flex;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 0;
}
.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-browse-download {
  height: 28px;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 12px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .browse-download-btn {
  float: right;
  height: 28px;
  line-height: 28px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .browse-download-btn span {
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .browse-download-btn span:hover {
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .financial-browse-batch-operation {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 20px;
  border-radius: 12px;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .financial-browse-batch-operation .down-btn-tool {
  color: #fa8919;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .financial-browse-batch-operation .down-btn-tool .ibass-download,
.approval-center-wrap .i-financial-reimbursement-right .financial-browse-download .financial-browse-batch-operation .down-btn-tool .ibass-delete {
  margin-left: 10px;
  position: relative;
  top: 2px;
}
.approval-center-wrap .i-financial-reimbursement-right .browse-common-span {
  width: 5%;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  word-break: break-all;
}
.approval-center-wrap .i-financial-reimbursement-right .browse-common-span .checkbox-name {
  margin-left: 30px;
}
.approval-center-wrap .i-financial-reimbursement-right .browse-common-span .browse-common-checkbox {
  font-size: 16px;
  color: #ccc;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.approval-center-wrap .i-financial-reimbursement-right .browse-common-span .ibass-checked {
  color: #fa8919;
}
.approval-center-wrap .i-financial-reimbursement-right .browse-common-span .browse-view-matter {
  text-align: center;
  padding: 4px 8px;
  border: 1px solid #f5f5f5;
  border-radius: 20px;
  cursor: pointer;
}
.approval-center-wrap .i-financial-reimbursement-right .browse-common-span span {
  word-break: break-all;
}
.approval-center-wrap .i-financial-reimbursement-right .financial-reimbursement-tr {
  position: relative;
  padding: 9px 0;
  min-height: 48px;
  box-sizing: border-box;
  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;
  text-align: right;
  padding: 0;
  width: initial;
}
.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 {
  line-height: 29px;
}
.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: 24%;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  word-break: break-all;
}
.approval-center-wrap .i-financial-reimbursement-right .approvals-imp-info,
.approval-center-wrap .i-financial-reimbursement-right .all-imp-info {
  width: 24%;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  word-break: break-all;
}
.approval-center-wrap .i-financial-reimbursement-right .approvals-imp-info,
.approval-center-wrap .i-financial-reimbursement-right .matter-name {
  width: 14%;
}
.approval-center-wrap .i-financial-reimbursement-right .imp-info-tooltips {
  max-width: 300px;
  /* 设置最大宽度 */
  width: auto !important;
  /* 允许自适应 */
  z-index: 9999 !important;
}
.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%;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  word-break: break-all;
}
.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: 8%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-status {
  width: 8%;
}
.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: 15%;
}
.approval-center-wrap .i-financial-reimbursement-right .fin-operation {
  width: 8%;
  text-align: center;
  word-break: keep-all;
}
.approval-center-wrap .i-financial-reimbursement-right .copy-action {
  color: #fa8919;
  cursor: pointer;
  display: inline-block;
}
.approval-center-wrap .i-financial-reimbursement-right .copy-action:hover {
  opacity: 0.85;
}
.approval-center-wrap .i-financial-reimbursement-right .page {
  display: flex;
}
.approval-center-wrap .i-financial-reimbursement-right .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.approval-center-wrap .i-financial-reimbursement-right .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.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;
}
.delete-appro-pop.sweet-alert {
  padding-top: 20px;
}
.delete-appro-pop.sweet-alert i {
  color: #fa8919;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.delete-appro-pop.sweet-alert p {
  padding: 25px 24px 0;
}
.delete-appro-pop.sweet-alert p .delete-text {
  width: 100%;
  text-align: center;
  margin-top: 12px;
}
.delete-appro-pop.sweet-alert span {
  color: #fa8919;
}
.delete-appro-pop.sweet-alert .sa-button-container {
  border: none;
  box-shadow: none;
}
.financial-reimbursement__old-table {
  border: 1px solid #EBEBEB;
  border-radius: 8px;
}
.financial-reimbursement__old-table .financial-reimbursement-header {
  background-color: #f7f8f9;
}
.financial-reimbursement__table {
  position: relative;
  z-index: 1;
}
.financial-reimbursement__table .ibass-settings {
  position: absolute;
  font-size: 16px;
  color: #cec9c4;
  z-index: 2;
  left: 10px;
  top: 7px;
  cursor: pointer;
}
.financial-reimbursement__table .ibass-settings:hover {
  color: #fa8919;
}
.financial-reimbursement__table i-table {
  position: relative;
  z-index: 1;
}
.financial-reimbursement__table i-table tr th:first-of-type {
  text-align: right !important;
}
.financial-reimbursement__table i-table th {
  color: #737373;
  font-weight: 400;
}
.financial-reimbursement__table i-table td {
  color: #4a4a4a;
  font-weight: 400;
}
.financial-reimbursement__table .approval-icon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 4px;
}
.financial-reimbursement__table .ibass-approved {
  font-size: 18px;
  color: #1ac031;
  margin-right: 10px;
  cursor: pointer;
}
.financial-reimbursement__table .ibass-reject {
  font-size: 18px;
  color: #f72b44;
  cursor: pointer;
}
.financial-reimbursement__table .copy-action {
  color: #fa8919;
  cursor: pointer;
}

.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;
}

.cus-new-tab {
  padding-top: 20px;
  text-align: center;
  color: #737373;
  background-color: #fff;
  padding-bottom: 24px;
}
.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: #ed6c00;
  border-bottom: 2px solid #fa8919;
}
.cus-new-tab .bidTab {
  padding: 0 10px;
}
.cus-new-tab li img {
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  top: 8px;
}
.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;
}
.add-client-notify {
  display: flex;
  justify-content: space-between;
  width: 180px;
}
.add-client-notify .skip-to-client:hover {
  cursor: pointer;
  text-decoration: underline;
}
.repeat-name-notify {
  display: flex;
  justify-content: space-between;
  width: 240px;
}
.repeat-name-notify .skip-to-client:hover {
  cursor: pointer;
  text-decoration: underline;
}
@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;
  }
}
.cus-new-ccc-user-tab {
  padding: 24px 24px 0 24px;
}
.cus-new-ccc-user-tab .radar-tab {
  display: flex;
  align-items: center;
}
.cus-new-ccc-user-tab .radar-tab img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.cus-new-ccc-user-tab .radar-tab span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}

.dispense-with-login-container {
  width: 100%;
  height: 100%;
}
.dispense-with-login-container .bigData-lawsResult {
  top: -67px;
  min-height: 300px;
}

.project-document .ibass-filetype-folder {
  vertical-align: middle;
  color: #07cfda;
}
.project-document {
  padding: 0px 25px 2px 25px;
  color: #4a4a4a;
}
.project-document .btn-add_safebox {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  min-width: 90px;
}
.project-document .btn-add_safebox::before {
  margin: -3px 5px 0 0;
  font-size: 12px;
}
.project-document .l-subtle {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: 0px;
}
.project-document a.l-title {
  padding-left: 9px!important;
  position: relative;
  top: 4px;
  line-height: 36px;
}
.project-document .s-title {
  font-size: 16px;
  padding-top: 4px;
}
.project-document .s-title {
  font-size: 16px;
}
.project-document .lastpage {
  font-size: 12px;
  padding: 4px!important;
}
.project-document .common-inner-nav {
  position: relative;
  padding: 10px 0px 10px 17px;
  float: left;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  box-sizing: border-box;
}
.project-document .common-inner-nav .main-btn {
  line-height: 32px;
  height: 32px;
  margin-top: -40px;
  padding: 0 15px;
  min-width: 90px;
  position: absolute;
  right: 0;
}
.project-document .common-inner-nav .main-btn:before {
  margin: -3px 5px 0 0;
  font-size: 12px;
}
.project-document .common-inner-nav .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  background: #f8f8f9;
  padding: 0px 0px 0px 14px;
  border-radius: 18px;
  float: right;
}
.project-document .common-inner-nav .checknum i {
  color: #fdba78;
  margin-right: 10px;
}
.project-document .common-inner-nav .checknum i:hover {
  color: #fa8919;
}
.project-document .common-inner-nav .file {
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-indent: 0;
}
.project-document .common-inner-nav .file input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.project-document .common-inner-nav .file:hover {
  text-decoration: none;
}
.project-document .common-inner-nav .l-title {
  padding-left: 14px;
  color: #4a4a4a;
  line-height: 33px;
  font-size: 14px;
  display: inline;
  vertical-align: middle;
}
.project-document .common-inner-nav .s-title {
  color: #4a4a4a;
  font-family: PingFangSC;
  font-size: 14px;
  display: inline;
}
.project-document .common-inner-nav .lastpage {
  color: #8a94a0;
  display: inline!important;
  position: relative;
  top: 6px;
}
.project-document .common-inner-nav .location {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  line-height: 42px;
  width: 41%;
}
.project-document .common-inner-nav .location .vertical-line {
  float: left;
  font-size: 14px;
  padding-right: 12px;
  color: #D8D8D8;
}
.project-document .common-inner-nav .location span {
  color: #626266;
  font-weight: normal;
  float: left;
  height: 25px;
}
.project-document .common-inner-nav .location span:not(:first-child) {
  float: left;
  cursor: pointer;
}
.project-document .common-inner-nav .location span:not(:first-child):before {
  content: "/";
  color: #a9a9a9;
  margin: 0 5px 0 2px;
}
.project-document .common-inner-nav .location span:last-child {
  float: left;
  color: #4a4a4a;
  font-weight: bold;
}
.project-document .common-inner-nav .operation {
  font-weight: normal;
  display: inline-block;
  line-height: 38px;
}
.project-document .common-inner-nav .operation .vertical-line {
  float: left;
  font-size: 14px;
  padding-right: 12px;
  color: #D8D8D8;
}
.project-document .common-inner-nav .operation i {
  color: #868686;
  font-size: 14px;
  position: relative;
  bottom: 1px;
}
.project-document .common-inner-nav .operation .delete {
  font-size: 14px;
  padding-right: 12px;
  cursor: pointer;
}
.project-document .common-inner-nav .operation .delete:hover i {
  color: #999;
}
.project-document .common-inner-nav .operation .delete:hover span {
  color: #999;
}
.project-document .common-inner-nav .operation .delete i {
  margin-right: 5px;
}
.project-document .common-inner-nav .operation .edit {
  font-size: 14px;
  padding-right: 12px;
  cursor: pointer;
}
.project-document .common-inner-nav .operation .edit:hover i {
  color: #999;
}
.project-document .common-inner-nav .operation .edit:hover span {
  color: #999;
}
.project-document .common-inner-nav .operation .edit i {
  color: #868686;
  margin-right: 5px;
}
.project-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;
}
.project-document .common-inner-nav .operation .convert span {
  width: 20px;
  height: 18px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #ebebeb;
}
.project-document .common-inner-nav .operation .convert span span {
  color: #cdc9c5;
  font-size: 16px;
}
.project-document .common-inner-nav .operation .convert span a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.project-document .common-inner-nav .operation .convert span:first-child {
  border-radius: 3px 0 0 3px;
  left: 2px;
}
.project-document .common-inner-nav .operation .convert span:last-child {
  border-right: 0;
  border-radius: 0 3px 3px 0;
  right: 2px;
}
.project-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);
}
.project-document .common-inner-nav .operation .convert span.active span {
  color: #fcfcfb;
}
.project-document .common-inner-nav .operation .convert span:hover {
  background-color: #fcfcfb;
}
.project-document .common-inner-nav .operation .convert span:hover span {
  border-top: solid 1px #ebebeb;
  color: #fdba78;
}
.project-document .searchBox {
  width: 175px;
  height: 30px;
  border-radius: 20px;
  margin-right: 17px;
  position: relative;
}
.project-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;
}
.project-document .searchBox .ibass-search {
  position: absolute;
  color: #cdc9c5;
  left: 9px;
  top: 8px;
}
.project-document .batchFile {
  margin-right: 20px;
}
.project-document .batchFile .prompt {
  line-height: 30px;
  margin-right: 6px;
  margin-top: 3px;
}
.project-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;
}
.project-document .batchFile .moveBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.project-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;
}
.project-document .batchFile .deleteBtn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}
.project-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;
}
.project-document .createFile .createFileDropMenu {
  display: none;
}
.project-document .common-inner-table {
  border-spacing: 0;
  color: #4a4a4a;
  text-align: left;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}
.project-document .common-inner-table .suspension-frame {
  width: 100%;
  height: 46px;
  position: absolute!important;
  left: 0px;
  top: 0px;
}
.project-document .common-inner-table .all-class {
  font-size: 16px;
  float: left;
  line-height: 41px;
  padding-right: 14px;
}
.project-document .common-inner-table .all-check:hover {
  color: #fa8919;
}
.project-document .common-inner-table .prompt-box {
  position: absolute!important;
  left: 0;
  top: -50px;
}
.project-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;
}
.project-document .common-inner-table .prompt-box .triangle:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 8px;
  border-color: transparent;
  position: absolute;
}
.project-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;
}
.project-document .common-inner-table .prompt-box .tooltip span {
  color: #f60;
}
.project-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;
}
.project-document .common-inner-table th .ibass-checkbox {
  font-size: 16px;
  color: #cdc9c5;
  padding-right: 14px;
}
.project-document .common-inner-table th .ibass-checked {
  font-size: 16px;
  color: #fa8919;
  padding-right: 14px;
}
.project-document .common-inner-table thead {
  line-height: 34px;
  font-size: 14px;
}
.project-document .common-inner-table td {
  line-height: 41px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  white-space: nowrap;
}
.project-document .common-inner-table td.name {
  font-size: 14px;
}
.project-document .common-inner-table td .firm-black-font {
  font-size: 14px;
  display: inline-block;
}
.project-document .common-inner-table td svg {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 5px;
}
.project-document .common-inner-table td .doc-error {
  cursor: default;
}
.project-document .common-inner-table td .ibass-warning {
  color: #f00;
}
.project-document .common-inner-table td .ibass-checkbox {
  font-size: 16px;
  color: #cdc9c5;
  padding-right: 14px;
}
.project-document .common-inner-table td .ibass-checked {
  font-size: 16px;
  color: #fa8919;
  padding-right: 14px;
}
.project-document .common-inner-table td a {
  float: left;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-document .common-inner-table {
  margin: 5px 0;
}
.project-document .common-inner-table tr {
  line-height: 42px;
}
.project-document .common-inner-table tr .icongroup i {
  font-size: 16px;
  visibility: hidden;
}
.project-document .common-inner-table tr .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.project-document .common-inner-table tr .icongroup-new .normal-btn {
  width: 64px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 20px;
  margin-right: 10px;
  visibility: hidden;
}
.project-document .common-inner-table tr .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.project-document .common-inner-table tr:hover,
.project-document .common-inner-table .active {
  cursor: pointer;
  background: #f8f8f9;
}
.project-document .common-inner-table tr:hover {
  cursor: pointer;
}
.project-document .common-inner-table tr:hover .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
}
.project-document .common-inner-table tr:hover .icongroup-new .normal-btn {
  color: #626266;
  width: 64px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 20px;
  margin-right: 10px;
  visibility: visible;
  position: relative;
  border: none;
  vertical-align: middle;
}
.project-document .common-inner-table tr:hover .icongroup-new .normal-btn:hover {
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1) !important;
}
.project-document .common-inner-table tr:hover .icongroup-new .normal-btn::after {
  position: absolute;
  left: 6px;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA53";
  font-size: 16px;
  vertical-align: middle;
  color: #cdc9c5;
  padding-right: 8px;
}
.project-document .common-inner-table tr:hover .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.project-document .common-inner-table tr:hover .icongroup-new .ibass-ellipses:hover {
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
  transition: box-shadow 0.2s;
}
.project-document .common-inner-table tr:hover .icongroup {
  text-align: right;
}
.project-document .common-inner-table tr:hover .icongroup .normal-btn {
  width: 64px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 20px;
  margin-right: 10px;
  visibility: visible;
  vertical-align: middle;
}
.project-document .common-inner-table tr:hover .icongroup i {
  font-size: 16px;
  visibility: visible;
  color: #fdba78;
  margin-right: 4px;
}
.project-document .common-inner-table tr:hover .icongroup i:hover {
  color: #fa8919;
}
.project-document .common-inner-table tr:hover .icongroup .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.project-document .common-inner-table tr:hover .icongroup .ibass-ellipses:hover {
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
  transition: box-shadow 0.2s;
}
.project-document .history-table {
  font-size: 14px;
}
.project-document .history-table thead {
  font-size: 14px;
}
.project-document .history-table .img {
  padding-top: 10px;
  padding-left: 10px;
  width: 40px;
}
.project-document .history-table .img img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.project-document .history-table .name {
  width: 110px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.project-document .history-table .time {
  cursor: pointer;
}
.project-document .history-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.project-document .history-table .time:hover i,
.project-document .history-table .active i {
  color: #fa8919;
}
.project-document .history-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.project-document .history-table .file .filename {
  width: 340px;
  padding-right: 10px;
  float: left;
  height: 20px;
  line-height: 20px;
}
.project-document .history-table .file .filename p {
  max-width: 260px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.project-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;
}
.project-document .history-table .file .detail {
  font-size: 12px;
  line-height: 12px;
  color: #a9a9a9;
  float: left;
}
.project-document .history-table .file .detail .dpt {
  margin-right: 12px;
  float: left;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.project-document .history-table .file .detail .size {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  color: #a9a9a9;
}
.project-document .history-table .oper {
  width: 150px;
  padding-left: 10px;
}
.project-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;
}
.project-document .history-table .oper .add {
  background: #fa8919;
  color: #fff;
}
.project-document .history-table .oper .create {
  background: #fa8919;
  color: #fff;
}
.project-document .history-table .oper .delete {
  background: #f72b44;
  color: #fff;
}
.project-document .history-table .oper .clean-up-repo-trash-item {
  background: #f72b44;
  color: #fff;
}
.project-document .history-table .oper .clean-up-repo-trash {
  background: #f72b44;
  color: #fff;
}
.project-document .history-table .oper .edit {
  background: #f8f8f9;
  color: #737373;
}
.project-document .history-table .oper .move {
  background: #f8f8f9;
  color: #737373;
}
.project-document .history-table .oper .recover {
  background: #f8f8f9;
  color: #737373;
}
.project-document .history-table .oper .rename {
  background: #f8f8f9;
  color: #737373;
}
.project-document .history-table .oper .other {
  background: #f8f8f9;
  color: #737373;
}
.project-document .history-table .icongroup {
  width: 80px;
  text-align: center;
}
.project-document .history-table tbody .time {
  color: #a9a9a9;
}
.project-document .common-inner-table tr td div a {
  display: none;
}
.project-document .common-inner-table tbody tr:hover {
  background: #f8f8f9;
}
.project-document .common-inner-table tbody tr:hover td div a {
  color: #cdc9c5;
  display: block;
}
.project-document .common-inner-table .tr-icon {
  padding-right: 14px;
  font-size: 16px;
  vertical-align: middle;
}
.project-document .upload-error {
  padding-top: 150px;
}
.project-document .upload-error .content {
  font-size: 12px;
}
.project-document .upload-error .content div {
  height: 17px;
}
.project-document .upload-error .content .edit-error {
  color: #f72b44;
  margin-right: 12px;
}
.project-document .upload-error .content .edit-error .icon {
  font-size: 16px;
  margin-right: 5px;
  margin-top: -3px;
}
.project-document .upload-error .content .edit-retry {
  color: #fa8919;
  margin-right: 10px;
}
.project-document .upload-error .content .edit-retry .icon {
  font-size: 14px;
  margin-right: 5px;
  margin-top: -2px;
}
.project-document .upload-error .content .edit-close {
  border-left: 1px solid #f0f0f0;
  padding-left: 10px;
  color: #cdc9c5;
}
.project-document .upload-error .content .edit-close .icon {
  font-size: 14px;
  margin-right: 5px;
  margin-top: -1px;
}
.project-document .circle {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
}
.project-document .circle .item {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.project-document .circle .item a {
  font-size: 10px;
  color: #c7d1da;
  width: 16px;
  height: 16px;
}
.project-document .circle .item:not(:last-child) {
  border-right: 1px solid #ccc;
  width: 31px;
}
.project-document .circle .item:hover a {
  color: #1e8aff;
}
.project-document .circle .checked {
  background-color: #fcfdfe;
}
.project-document .circle .checked a {
  color: #1e8aff;
}
.project-document .docc-dropdown {
  position: relative;
}
.project-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;
}
.project-document .docc-dropdown .doc-dropdown-list:before,
.project-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%);
}
.project-document .docc-dropdown .doc-dropdown-list:after {
  top: -20px;
  border-color: transparent transparent #3d3d3d;
}
.project-document .docc-dropdown .doc-dropdown-list li {
  white-space: nowrap;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.project-document .docc-dropdown .doc-dropdown-list li a {
  padding-left: 5px;
}
.project-document .docc-dropdown .doc-dropdown-list li font {
  font-family: PingFangSC;
  padding: 5px;
  color: #4a4a4a;
}
.project-document .doc-dropdown {
  position: relative;
}
.project-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;
}
.project-document .doc-dropdown .doc-dropdown-list:before,
.project-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%);
}
.project-document .doc-dropdown .doc-dropdown-list:after {
  top: -20px;
  border-color: transparent transparent #FFF;
}
.project-document .doc-dropdown .doc-dropdown-list li {
  white-space: nowrap;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.project-document .doc-dropdown .doc-dropdown-list li:hover {
  background: #282828;
  cursor: pointer;
}
.project-document .doc-dropdown .doc-dropdown-list li a {
  padding-left: 5px;
}
.project-document .doc-dropdown .doc-dropdown-list li font {
  font-family: PingFangSC;
  padding: 5px;
  color: #4a4a4a;
}
.project-document .share-table {
  font-size: 14px;
}
.project-document .share-table thead {
  font-size: 14px;
}
.project-document .share-table .name {
  width: 100px;
  max-width: 290px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.project-document .share-table .time {
  cursor: pointer;
  width: 200px;
}
.project-document .share-table .time i {
  font-size: 12px;
  margin-left: 4px;
}
.project-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;
}
.project-document .share-table .time:hover i,
.project-document .share-table .active i {
  color: #fa8919;
}
.project-document .share-table .size {
  width: 100px;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.project-document .share-table .library {
  width: 100px;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.project-document .share-table .icongroup {
  width: 100px;
  line-height: 12px;
  text-align: center !important;
}
.project-document .firm-member-table {
  margin-top: 20px;
}
.project-document .firm-member-table td:nth-child(2) {
  max-width: 170px;
  width: 170px;
}
.project-document .firm-member-table td {
  padding: 0;
  box-sizing: border-box;
}
.project-document .firm-member-table tbody tr {
  font-size: 14px;
  cursor: pointer;
}
.project-document .firm-member-table tbody tr:hover {
  background-color: #f8f8f9;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.project-document .firm-member-table .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
  line-height: 45px;
}
.project-document .firm-member-table .ibass-delete:hover {
  color: #f72b44;
}
.project-document .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  cursor: pointer;
}
.project-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;
}
.project-document .firm-member-table i {
  cursor: pointer;
  overflow: hidden;
  font-size: 16px;
}
.project-document .firm-member-table .icon {
  width: 46px;
  text-align: center;
  padding-top: 6px;
  line-height: 42px;
}
.project-document .firm-member-table .ibass-checkbox:hover,
.project-document .firm-member-table .ibass-checked {
  color: #fa8919;
}
.project-document .firm-member-table .ibass-checkbox:before,
.project-document .firm-member-table .ibass-checked:before {
  display: inline;
}
.project-document .firm-member-table tr {
  line-height: 42px;
}
.project-document .firm-member-table tr .icongroup i {
  visibility: hidden;
}
.project-document .firm-member-table .name {
  line-height: 42px;
  width: 360px;
  cursor: pointer;
}
.project-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;
}
.project-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;
}
.project-document .firm-member-table .public {
  max-width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.project-document .firm-member-table .size,
.project-document .firm-member-table .time {
  cursor: pointer;
  width: 110px;
  color: #737373;
}
.project-document .firm-member-table .time i {
  margin-left: 4px;
}
.project-document .firm-member-table .time span,
.project-document .firm-member-table .time .active {
  cursor: pointer;
}
.project-document .firm-member-table .time span:hover i,
.project-document .firm-member-table .time .active i {
  color: #fa8919;
}
.project-document .firm-member-table .power {
  color: #737373;
  display: inline-block;
  width: 80px;
  line-height: 20px;
  cursor: pointer;
}
.project-document .firm-member-table .ibass-trig-down:hover,
.project-document .firm-member-table .ibass-trig-up:hover {
  color: #fa8919;
}
.project-document .firm-member-table .thover:hover .ibass-trig-down,
.project-document .firm-member-table .thover:hover .ibass-trig-up {
  color: #fa8919;
}
.project-document .firm-member-table tbody tr {
  cursor: pointer;
}
.project-document .firm-member-table tbody tr:hover,
.project-document .firm-member-table tbody .active {
  cursor: pointer;
  background: #f8f8f9;
}
.project-document .firm-member-table tbody tr:hover {
  cursor: pointer;
}
.project-document .firm-member-table tbody tr:hover .icongroup {
  text-align: center;
  line-height: 12px;
}
.project-document .firm-member-table tbody tr:hover .icongroup i {
  visibility: visible;
  color: #fdba78;
  margin-right: 12px;
}
.project-document .firm-member-table tbody tr:hover .icongroup i:hover {
  color: #fa8919;
}
.project-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;
}
.project-document .firm-member-table tbody tr:hover .power:hover:after {
  color: #fa8919;
}
.project-document .ibass-filetype-ppt {
  color: #d04424;
}
.project-document .ibass-filetype-pdf {
  color: #e3574d;
}
.project-document .ibass-filetype-image {
  color: #07cfda;
}
.project-document .ibass-filetype-doc {
  color: #0a96e5;
}
.project-document .ibass-filetype-excel {
  color: #1c7044;
}
.project-document .ibass-filetype-zip {
  color: #9d7120;
}
.project-document .ibass-filetype-music {
  color: #a7d638;
}
.project-document .ibass-filetype-video {
  color: #d94ff5;
}
.project-document .ibass-filetype-default {
  color: #cdc9c5;
}
.project-document .ibass-trig-down,
.project-document .ibass-trig-up {
  font-size: 14px;
  padding-left: 5px;
  display: inline-block;
  visibility: visible;
  color: #cdc9c5;
}
.project-document .ibass-trig-down:hover,
.project-document .ibass-trig-up:hover {
  color: #333;
}
.project-document .thover:hover .ibass-trig-down,
.project-document .thover:hover .ibass-trig-up {
  color: #333;
}
.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 .l-subtle {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: 0px;
}
.newsearchpart .location {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  line-height: 42px;
  width: 41%;
}
.newsearchpart .location .vertical-line {
  float: left;
  font-size: 14px;
  padding-right: 12px;
  color: #D8D8D8;
}
.newsearchpart .location span {
  color: #626266;
  font-weight: normal;
  float: left;
  height: 25px;
}
.newsearchpart .location span:not(:first-child) {
  float: left;
  cursor: pointer;
}
.newsearchpart .location span:not(:first-child):before {
  content: "/";
  color: #a9a9a9;
  margin: 0 5px 0 2px;
}
.newsearchpart .location span:last-child {
  float: left;
  color: #4a4a4a;
  font-weight: bold;
}
.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: #626266;
  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;
}
#lns-basis-element-matter-doc {
  position: relative;
  left: 200px;
}

.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 {
  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 #ed6c00;
  color: #ed6c00;
}
.financeV2-top-tab .active-type {
  border-bottom: 2px solid #ed6c00;
  color: #ff8800;
}
.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-filter > span {
  color: #4a4a4a;
}
.financeV2-wrap .financial-header .financial-filter .financial-filter-single {
  color: #737373;
}
.financeV2-wrap .financial-header .financial-filter .ibass-trig-down {
  color: #999;
}
.financeV2-wrap .financial-header .financial-search {
  width: 400px;
  justify-content: flex-end;
}
.financeV2-wrap .financial-header .financial-search .real-time-search-enter-and-clear .search-module .i-close-module .ibass-close {
  margin-top: -6px;
}
.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;
  flex-shrink: 0;
}
.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: 16px;
}
.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,
.collection-template-center {
  background-color: #ffffff;
  border-radius: 9px 9px 0 0;
  overflow: hidden;
}
.collection-download-center .center-header,
.collection-template-center .center-header {
  height: 50px;
  line-height: 50px;
  padding: 0 14px 0 14px;
  background-color: #ed6c00;
}
.collection-download-center .center-header.border-radius,
.collection-template-center .center-header.border-radius {
  border-radius: 9px;
}
.collection-download-center .center-header span,
.collection-template-center .center-header span {
  color: #fff;
}
.collection-download-center .center-header .right,
.collection-template-center .center-header .right {
  height: 50px;
}
.collection-download-center .center-header .right i,
.collection-template-center .center-header .right i {
  font-size: 14px;
  color: #fff;
  margin-left: 12px;
}
.collection-download-center .center-content,
.collection-template-center .center-content {
  overflow: auto;
  max-height: 180px;
  transition: 100ms ease height;
}
.collection-download-center .center-content .item,
.collection-template-center .center-content .item {
  height: 67px;
  padding: 0 14px 0 14px;
  border-bottom: 1px solid #ebebeb;
}
.collection-download-center .center-content .item:hover,
.collection-template-center .center-content .item:hover {
  background: #f8f8f8;
}
.collection-download-center .center-content .item:last-child,
.collection-template-center .center-content .item:last-child {
  border: none;
  border-radius: 0 0 9px 9px;
}
.collection-download-center .center-content .item i,
.collection-template-center .center-content .item i {
  font-size: 32px;
  line-height: 66px;
}
.collection-download-center .center-content .item .blue,
.collection-template-center .center-content .item .blue {
  color: #07cfda;
}
.collection-download-center .center-content .item .content-detail,
.collection-template-center .center-content .item .content-detail {
  display: inline-block;
}
.collection-download-center .center-content .item .content-detail .item-title,
.collection-template-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,
.collection-template-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-template-center .center-content .item .content-detail .item-detail .generate-wait,
.collection-download-center .center-content .item .content-detail .item-detail .generate-cancel,
.collection-template-center .center-content .item .content-detail .item-detail .generate-cancel {
  color: #9b9b9b;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-error,
.collection-template-center .center-content .item .content-detail .item-detail .generate-error {
  color: #d0021b;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-success,
.collection-template-center .center-content .item .content-detail .item-detail .generate-success {
  color: #417505;
}
.collection-download-center .center-content .item .content-detail .item-detail .file-size,
.collection-template-center .center-content .item .content-detail .item-detail .file-size {
  color: #a9a9a9;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-search-completed,
.collection-template-center .center-content .item .content-detail .item-detail .generate-search-completed {
  display: inline-block;
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 300px;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-search-completed__title,
.collection-template-center .center-content .item .content-detail .item-detail .generate-search-completed__title {
  font-size: 14px;
}
.collection-download-center .center-content .item .content-detail .item-detail .generate-search-completed__status,
.collection-template-center .center-content .item .content-detail .item-detail .generate-search-completed__status {
  color: #417505;
}
.collection-download-center .center-content .item .content-operate,
.collection-template-center .center-content .item .content-operate {
  display: inline-block;
  height: 66px;
  line-height: 66px;
}
.collection-download-center .center-content .item .content-operate i,
.collection-template-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,
.collection-template-center .center-content .item .content-operate i:hover {
  color: #fa8919;
}
.collection-download-center .center-content .item .content-operate .item-loading,
.collection-template-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 {
  display: flex;
  justify-content: center;
  align-items: center;
  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;
  margin: 0 -10px;
}
.collection-download-center-modal .center-footer .containue-button {
  width: 110px;
  height: 36px;
  margin: 0 20px;
  color: #fff;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.task-center-item-tooltip.tooltip.top {
  transform: translateX(20px);
  max-width: 300px;
}

.collection-template-center {
  margin-bottom: 10px;
}
.collection-template-center .content-operate .text {
  font-size: 12px;
  margin-right: 14px;
  vertical-align: 2px;
}
.collection-template-center .content-operate .text:last-of-type {
  margin-right: 4px;
}

.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;
  position: relative;
  top: 2px;
}
.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;
}
.search-module {
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  box-shadow: none;
  height: 32px;
}
.search-module i {
  vertical-align: middle;
}
.search-module .search-module-i-search {
  width: 20px;
  font-size: 14px;
  color: #cdc8c5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding-top: 1px;
  position: absolute;
  left: 7px;
}
.search-module .search-module-i-search i {
  height: 21px;
}
.search-module .search-module-i-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.search-module .search-module-i-close .i-close-module {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.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;
}
.search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.search-module .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.search-module .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
  margin-top: -5px;
}
.search-module input {
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  font-size: 13px;
  padding-right: 20px;
  color: #4a4a4a;
  border: 1px solid #dad7d2;
  border-radius: 20px;
  padding: 4px 28px 4px 28px;
  box-sizing: border-box;
}
.search-module input::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.search-module input:hover {
  border: 1px solid #C0C4CC;
}
.search-module input:focus {
  border: 1px solid #C0C4CC;
}
.search-module ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}
.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 {
  transition: background-color 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-word:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibass-word:before {
  content: "\e677";
}
.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=1754037514779') format('woff2'), url('iconfont/iconfont.woff?t=1754037514779') format('woff'), url('iconfont/iconfont.ttf?t=1754037514779') 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;
}
.iconbiaoqian2:before {
  content: "\e7b9";
}
.iconwentifankui1:before {
  content: "\e7ba";
}
.iconicon_jintiaoxuanzhong:before {
  content: "\e74b";
}
.iconicon_jintiaomoren:before {
  content: "\e74e";
}
.iconicon-chevron-up-line:before {
  content: "\e745";
}
.iconicon-chevron-down-line:before {
  content: "\e747";
}
.iconicon-close-line:before {
  content: "\e74a";
}
.iconhexinzhengju:before {
  content: "\e7b8";
}
.iconlaodongfa:before {
  content: "\e744";
}
.iconicon-bumen:before {
  content: "\e743";
}
.iconzitidaxiao:before {
  content: "\e7b7";
}
.iconbeijingyanse:before {
  content: "\e7b6";
}
.iconicon-alpha:before {
  content: "\e742";
}
.iconsuyuan-xian:before {
  content: "\e741";
}
.iconshangchuan-xian:before {
  content: "\e73b";
}
.iconqicao-xian:before {
  content: "\e73d";
}
.icontiaozheng-xian:before {
  content: "\e73a";
}
.icona-fazhitijian-xian2:before {
  content: "\e73f";
}
.iconfazhitijian-xian:before {
  content: "\e740";
}
.iconshouye_mian:before {
  content: "\e738";
}
.iconshouye:before {
  content: "\e739";
}
.icona-bianzu5:before {
  content: "\e72d";
}
.iconhezuo_mian:before {
  content: "\e737";
}
.iconlvshi:before {
  content: "\e72c";
}
.iconaixin:before {
  content: "\e72e";
}
.iconaixin_mian:before {
  content: "\e72f";
}
.iconbianzu:before {
  content: "\e732";
}
.iconhezuo:before {
  content: "\e733";
}
.iconyuejuan:before {
  content: "\e734";
}
.icona-hetong1x:before {
  content: "\e736";
}
.iconshouqizhankai1:before {
  content: "\e768";
}
.iconAIzhishiku2:before {
  content: "\e769";
}
.iconfasong2:before {
  content: "\e763";
}
.icona-bianzu2:before {
  content: "\e764";
}
.iconyuyin_mian1:before {
  content: "\e765";
}
.iconhetong_mian1:before {
  content: "\e759";
}
.icona-bianzu3:before {
  content: "\e75a";
}
.iconsousuo_mian1:before {
  content: "\e75d";
}
.iconduihua1:before {
  content: "\e75e";
}
.iconfalvshujuku1:before {
  content: "\e760";
}
.iconfalvshujuku_mian1:before {
  content: "\e74d";
}
.iconfujian1:before {
  content: "\e74f";
}
.iconsousuo2:before {
  content: "\e751";
}
.iconbiaoqian1:before {
  content: "\e752";
}
.iconbiaoqian_mian1:before {
  content: "\e753";
}
.iconyuejuan_mian1:before {
  content: "\e754";
}
.icona-bianji1x:before {
  content: "\e756";
}
.icona-xingbiao2x:before {
  content: "\e757";
}
.iconbiaoqian:before {
  content: "\e730";
}
.iconhetong_mian:before {
  content: "\e731";
}
.iconfalvshujuku_mian:before {
  content: "\e735";
}
.iconlvshi_mian:before {
  content: "\e746";
}
.iconsousuo1:before {
  content: "\e748";
}
.iconxingbiao_mian:before {
  content: "\e749";
}
.iconyuyin:before {
  content: "\e74c";
}
.icondianzan:before {
  content: "\e72b";
}
.iconsuoxiao:before {
  content: "\e72a";
}
.iconfangda:before {
  content: "\e728";
}
.icona-bianzubeifen21:before {
  content: "\e729";
}
.icongongsifa:before {
  content: "\e727";
}
.iconaizhishiku:before {
  content: "\e724";
}
.iconriqi:before {
  content: "\e723";
}
.iconzhongxinshengcheng:before {
  content: "\e720";
}
.iconxinjianduihua:before {
  content: "\e721";
}
.iconfuzhi1:before {
  content: "\e722";
}
.iconzhankai:before {
  content: "\e71e";
}
.iconshangchuanwenjian:before {
  content: "\e71f";
}
.iconfasong:before {
  content: "\e71b";
}
.iconshanchu:before {
  content: "\e71d";
}
.iconshouqi:before {
  content: "\e71c";
}
.iconAIzhishiku:before {
  content: "\e717";
}
.iconsousuo:before {
  content: "\e71a";
}
.iconyichu:before {
  content: "\e718";
}
.iconjiaqian:before {
  content: "\e719";
}
.icontuozhuaipaixu:before {
  content: "\e714";
}
.iconzhuanban:before {
  content: "\e715";
}
.iconfuzhi:before {
  content: "\e716";
}
.iconliwu:before {
  content: "\e711";
}
.icongenghuanweixin:before {
  content: "\e712";
}
.iconweixin_wechat:before {
  content: "\e70f";
}
.iconicon_denglu:before {
  content: "\e710";
}
.iconxiazaiApp:before {
  content: "\e70e";
}
.iconshaixuan:before {
  content: "\e70d";
}
.iconqingchu1:before {
  content: "\e70c";
}
.iconliyichongtu:before {
  content: "\e70a";
}
.iconkehuliebiao:before {
  content: "\e70b";
}
.icondangshirenliebiao:before {
  content: "\e707";
}
.iconkapianshitu:before {
  content: "\e6f8";
}
.icongengduo1:before {
  content: "\e6f9";
}
.icongengduoshaixuan:before {
  content: "\e6fa";
}
.iconhetongjieduan:before {
  content: "\e6fb";
}
.iconbianji1:before {
  content: "\e6fc";
}
.iconchangnianguwen:before {
  content: "\e6fd";
}
.iconzhengyijiejue:before {
  content: "\e6fe";
}
.iconqingchu:before {
  content: "\e6ff";
}
.iconzhanshiweigouxuan:before {
  content: "\e700";
}
.iconfeisuzhuanxiang:before {
  content: "\e701";
}
.iconqita:before {
  content: "\e702";
}
.iconliebiaoshitu:before {
  content: "\e703";
}
.iconweigouxuan:before {
  content: "\e704";
}
.iconguidangjuanzong:before {
  content: "\e705";
}
.icondaoru2:before {
  content: "\e706";
}
.icongouxuan:before {
  content: "\e708";
}
.icontianjia:before {
  content: "\e709";
}
.iconanyuanbaobei:before {
  content: "\e6f7";
}
.icondaochu-01:before {
  content: "\e6f6";
}
.icondanxuanxuanzhong:before {
  content: "\e6f4";
}
.iconjinyong1:before {
  content: "\e6f5";
}
.iconqiyongzuzhi:before {
  content: "\e6f1";
}
.iconzuzhiweixuanzhong:before {
  content: "\e6f2";
}
.iconzuzhixuanzhong:before {
  content: "\e6f3";
}
.iconzhengque:before {
  content: "\e6ef";
}
.iconcuowu1:before {
  content: "\e6f0";
}
.iconwendang:before {
  content: "\e6ea";
}
.iconxiangmuguanli1:before {
  content: "\e6eb";
}
.iconshenpi:before {
  content: "\e6ec";
}
.iconkehu:before {
  content: "\e6ed";
}
.icongongzuotai1:before {
  content: "\e6ee";
}
.icongongzuotai:before {
  content: "\e6e7";
}
.iconhoutaiguanlisvg:before {
  content: "\e6e8";
}
.iconxiangmuguanli:before {
  content: "\e6e2";
}
.iconshenpizhongxin:before {
  content: "\e6e3";
}
.iconwendangzhongxin:before {
  content: "\e6e4";
}
.iconkehuguanli:before {
  content: "\e6e5";
}
.iconlogo:before {
  content: "\e6e1";
}
.icongptvip:before {
  content: "\e600";
}
.iconzhihui:before {
  content: "\e6e0";
}
.iconcuowu:before {
  content: "\e6dd";
}
.icontixing:before {
  content: "\e6de";
}
.iconxuanzhong:before {
  content: "\e6df";
}
.icontuichu:before {
  content: "\e6dc";
}
.iconzhanghu:before {
  content: "\e6db";
}
.icontiyanxiaochengxu:before {
  content: "\e6da";
}
.iconxiazai:before {
  content: "\e6d9";
}
.iconbianji:before {
  content: "\e6d8";
}
.icona-bianzu21:before {
  content: "\e6d7";
}
.iconfalvyiju:before {
  content: "\e6d6";
}
.iconlishijilu1:before {
  content: "\e6d5";
}
.iconqiehuanbanben:before {
  content: "\e6d4";
}
.iconxiafangdingwei:before {
  content: "\e6d3";
}
.iconAlphaGPTxin-icon:before {
  content: "\e6d2";
}
.iconwenjianjia:before {
  content: "\e6d1";
}
.iconshezhi:before {
  content: "\e6ce";
}
.icontianjiaxiangmu:before {
  content: "\e6cf";
}
.iconfenxiangjiluicon:before {
  content: "\e6d0";
}
.iconshili:before {
  content: "\e6cd";
}
.iconhetongshencha-gongsizhuti:before {
  content: "\e6ca";
}
.iconhetongshencha-xiazaijintiaobaogao:before {
  content: "\e6cc";
}
.icongongju-icon1:before {
  content: "\e6cb";
}
.icontuichuquanping-icon:before {
  content: "\e6c9";
}
.icona-bianzu17:before {
  content: "\e6c8";
}
.iconloading1:before {
  content: "\e73c";
}
.iconzhongzhi-icon:before {
  content: "\e6c7";
}
.iconshanjian-icon1:before {
  content: "\e6c3";
}
.icontianjia-icon1:before {
  content: "\e6c4";
}
.iconquanping-icon:before {
  content: "\e6c5";
}
.icona-1-01-xiazaiicon:before {
  content: "\e6c6";
}
.icona-01-rili-icon:before {
  content: "\e6c2";
}
.iconhuaban:before {
  content: "\e6bf";
}
.iconwentifankui:before {
  content: "\e6bd";
}
.icona-01-zhediefenzu-icon:before {
  content: "\e6c0";
}
.icona-01-zhankaifenzu-icon1:before {
  content: "\e6c1";
}
.iconmulu-icon:before {
  content: "\e6bc";
}
.iconbaogao-icon1:before {
  content: "\e6be";
}
.iconsvg:before {
  content: "\e6bb";
}
.icona-bianzu44:before {
  content: "\e6ba";
}
.icondaoru1:before {
  content: "\e6b9";
}
.iconheguilogo--huise:before {
  content: "\e6b8";
}
.icondengdaishangchuan-icon:before {
  content: "\e6b7";
}
.iconshangchuanliebiao-icon:before {
  content: "\e6b6";
}
.icona-1-01-yiruhangye-icon:before {
  content: "\e6b0";
}
.iconwodehangye-icon:before {
  content: "\e6b5";
}
.icona-01-youlan-baiseicon1:before {
  content: "\e6b4";
}
.icona-01-zuolan-baiseicon:before {
  content: "\e6b3";
}
.iconshouqi-icon:before {
  content: "\e6b2";
}
.iconzhankai-icon:before {
  content: "\e6b1";
}
.icona-01-shouqi-icon:before {
  content: "\e6ae";
}
.icona-01-zhuanliduibi-icon:before {
  content: "\e6af";
}
.icona-01-quanxuanleibieicon:before {
  content: "\e6ad";
}
.icona-icon_xuanze2:before {
  content: "\e6a7";
}
.iconicon_xuanze:before {
  content: "\e6a8";
}
.iconicon_shuru:before {
  content: "\e6a9";
}
.iconxiangmu:before {
  content: "\e6aa";
}
.iconicon_shijianxuanze:before {
  content: "\e6ab";
}
.iconyuyin-icon:before {
  content: "\e6a6";
}
.iconlianjie:before {
  content: "\e6a5";
}
.iconhuidaodingbu:before {
  content: "\e6a0";
}
.iconweixin:before {
  content: "\e6a1";
}
.icontiyan:before {
  content: "\e6a2";
}
.iconyanshi:before {
  content: "\e6a4";
}
.iconzhinengyuejuan:before {
  content: "\e6ac";
}
.iconlvsuoguanli1:before {
  content: "\e69e";
}
.iconshichangtuozhan:before {
  content: "\e69f";
}
.icondashujuku1:before {
  content: "\e69d";
}
.iconzhuanyetisheng:before {
  content: "\e69c";
}
.icona-1-xiaoxizhongxin-icon:before {
  content: "\e69a";
}
.icona-1-fankui-icon:before {
  content: "\e679";
}
.iconsousuo-icon1:before {
  content: "\e69b";
}
.iconfuzhi-icon:before {
  content: "\e699";
}
.iconbutuijian-icon:before {
  content: "\e67b";
}
.icona-1-shengming-icon:before {
  content: "\e67d";
}
.icontuijian-icon:before {
  content: "\e67f";
}
.icona-1-02-shangchuanshouquanicon:before {
  content: "\e66e";
}
.icona-1-01-jiankongicon:before {
  content: "\e672";
}
.icona-1-03-shenhezhongicon:before {
  content: "\e673";
}
.icondaoru:before {
  content: "\e66d";
}
.iconAlphaGPT:before {
  content: "\e66b";
}
.iconAlphaDoc:before {
  content: "\e66a";
}
.iconkecheng1:before {
  content: "\e66c";
}
.icona-6-shouanbao-icon:before {
  content: "\e669";
}
.iconzhichan-iconbeifen:before {
  content: "\e668";
}
.iconlishijilu:before {
  content: "\e667";
}
.icontianjia-icon:before {
  content: "\e665";
}
.iconshanjian-icon:before {
  content: "\e666";
}
.iconfenxiang:before {
  content: "\e662";
}
.iconwenben:before {
  content: "\e664";
}
.iconzhihangxinxi:before {
  content: "\e660";
}
.iconhangzhengchufa:before {
  content: "\e661";
}
.iconpochanzhongzheng:before {
  content: "\e654";
}
.iconjulangzixun:before {
  content: "\e657";
}
.iconqiyexinyong:before {
  content: "\e658";
}
.iconquanqiufagui:before {
  content: "\e659";
}
.iconshangbiaopingshen:before {
  content: "\e65a";
}
.iconshehuizuzhi:before {
  content: "\e65b";
}
.icontingshenzhibo:before {
  content: "\e65c";
}
.icongengduoshujuku:before {
  content: "\e60f";
}
.iconremenzixun:before {
  content: "\e646";
}
.iconchangyongxiaogongju:before {
  content: "\e647";
}
.icongengduo:before {
  content: "\e648";
}
.iconzhihuijiansuo-icon:before {
  content: "\e656";
}
.iconwode-icon1:before {
  content: "\e655";
}
.iconleiantongpan:before {
  content: "\e625";
}
.iconguojitiaoyuebeifen:before {
  content: "\e635";
}
.iconquanguofagui:before {
  content: "\e636";
}
.iconyouanpingxi:before {
  content: "\e637";
}
.iconshiwuwenzhang1:before {
  content: "\e638";
}
.iconcaipanguandian:before {
  content: "\e639";
}
.iconquanguobiaozhun:before {
  content: "\e63a";
}
.iconwenzibidui:before {
  content: "\e63b";
}
.iconruanjianzhuzuoquan:before {
  content: "\e63c";
}
.icona-yitusoutubeifen3:before {
  content: "\e63d";
}
.icongongsizhuti:before {
  content: "\e63e";
}
.iconyitusoutu:before {
  content: "\e63f";
}
.iconpeichangjisuanqi:before {
  content: "\e640";
}
.iconshangbiao:before {
  content: "\e641";
}
.iconzuopinzhuzuoquan:before {
  content: "\e642";
}
.iconzhuanlibeifen:before {
  content: "\e643";
}
.iconzaixiangongzheng:before {
  content: "\e645";
}
.icondashuju-laba:before {
  content: "\e623";
}
.iconjixiao-icon-huise1:before {
  content: "\e61f";
}
.iconguanlipingtai-icon1:before {
  content: "\e621";
}
.iconhangzheng-icon1:before {
  content: "\e62b";
}
.iconcaiwu-icon1:before {
  content: "\e62c";
}
.icongengduo-icon1:before {
  content: "\e62d";
}
.iconzhishiguanli-icon1:before {
  content: "\e62e";
}
.iconzhengjulogo--huise:before {
  content: "\e62f";
}
.iconxinganyuan-icon-huise:before {
  content: "\e630";
}
.iconOKR-icon-huise:before {
  content: "\e632";
}
.iconjixiao-icon-huise:before {
  content: "\e633";
}
.iconshanqian-icon-huise:before {
  content: "\e634";
}
.icongongju-icon:before {
  content: "\e610";
}
.iconkecheng-icon:before {
  content: "\e61c";
}
.iconanyuan-icon:before {
  content: "\e61d";
}
.iconhuiyishi-icon:before {
  content: "\e61e";
}
.iconlichong-icon:before {
  content: "\e622";
}
.iconrenliziyuan-icon:before {
  content: "\e628";
}
.iconshenpi-icon1:before {
  content: "\e629";
}
.iconbumen-icon:before {
  content: "\e62a";
}
.icongongzuotai-icon:before {
  content: "\e607";
}
.iconwode-icon:before {
  content: "\e608";
}
.iconxiangmu-icon:before {
  content: "\e609";
}
.iconkehu-icon:before {
  content: "\e60a";
}
.iconshenpi-icon:before {
  content: "\e60e";
}
.iconicon_keshihua:before {
  content: "\e697";
}
.iconicon_guanyuAlpha:before {
  content: "\e698";
}
.icondingyuetongzhi:before {
  content: "\e605";
}
.iconshiwuwenzhang:before {
  content: "\e603";
}
.iconlaba:before {
  content: "\e604";
}
.iconleianjiansuo:before {
  content: "\e601";
}
.iconicon_yichangbaojing:before {
  content: "\e61b";
}
.icontupian:before {
  content: "\e61a";
}
.iconxingzhuang:before {
  content: "\e606";
}
.iconicon_liebiao:before {
  content: "\e690";
}
.iconmuluicon:before {
  content: "\e68d";
}
.iconbuketianjiajiansuo:before {
  content: "\e68a";
}
.iconbukexiazai:before {
  content: "\e68b";
}
.iconqunliaotouxiang:before {
  content: "\e689";
}
.iconanyuanjiedan:before {
  content: "\e615";
}
.iconanyuanhezuodacheng:before {
  content: "\e616";
}
.iconyonghurenzhengshenhejieguo:before {
  content: "\e617";
}
.iconshangpinduihuan:before {
  content: "\e618";
}
.iconyuyueyanshi:before {
  content: "\e687";
}
.iconerweima:before {
  content: "\e688";
}
.iconanjianxiezuo:before {
  content: "\e684";
}
.iconlvsuoguanli:before {
  content: "\e685";
}
.icondashujuku:before {
  content: "\e686";
}
.icona-wodehetongku2:before {
  content: "\e680";
}
.iconhetongfanbenku-weixuan:before {
  content: "\e683";
}
.icona-icon-fuxuankuang-weiquanxuan2:before {
  content: "\e681";
}
.icona-icon-fuxuankuang-gouxuan2:before {
  content: "\e682";
}
.icona-icon-zhengzaifuwu-weixuanzhong21:before {
  content: "\e68c";
}
.icona-icon-quanbukehu-weixuanzhong21:before {
  content: "\e68e";
}
.icona-icon-fuxuankuang-zhengchang21:before {
  content: "\e68f";
}
.icona-icon-shanchu-zhengchang21:before {
  content: "\e692";
}
.icona-icon-daochu-zhengchang21:before {
  content: "\e693";
}
.icona-icon-ziranrenkehu-weixuanzhong21:before {
  content: "\e694";
}
.icona-icon-jigoukehu-weixuanzhong21:before {
  content: "\e695";
}
.icona-icon-rili-zhengchang21:before {
  content: "\e696";
}
.icona-redu21:before {
  content: "\e67e";
}
.icona-shanchu-hover21:before {
  content: "\e691";
}
.iconyutahezuo1:before {
  content: "\e611";
}
.iconfasonganyuanbeifen1:before {
  content: "\e612";
}
.iconwenjian:before {
  content: "\e613";
}
.iconsmile:before {
  content: "\e614";
}
.icona-weizhiwenjianleixing2:before {
  content: "\e67a";
}
.icona-kongzhuangtai2:before {
  content: "\e67c";
}
.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";
}

.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;
  position: relative;
  top: 2px;
}
.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 {
  background-color: #FA9A2A;
  transition: background-color 0.2s;
  border-color: #FA9A2A;
  color: #fff;
}
.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;
}


.material-library {
  display: flex;
  justify-content: space-between;
  height: 32px;
  padding: 0 18px;
  background: #FEF3E8;
  border-radius: 4px;
  line-height: 32px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #EC7600;
}
.material-library a {
  color: #EC7600;
}
.material-library .ibass {
  position: relative;
  top: 1px;
}

.loginWXWrap {
  background: #464c63 url('login/loginByWechat/images/login-background.svg') no-repeat 50% 100%;
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  text-align: center;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
}
.loginWXWrap .login-header {
  width: calc(100% '56px');
  display: flex;
  justify-content: space-between;
  padding: 20px 28px;
}
.loginWXWrap .login-header .header-right .captcha-login {
  display: none;
}
.loginWXWrap .login-header .header-right span,
.loginWXWrap .login-header .header-right img,
.loginWXWrap .login-header .header-right a {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.loginWXWrap .login-header .header-right span.right-item:hover,
.loginWXWrap .login-header .header-right img.right-item:hover,
.loginWXWrap .login-header .header-right a.right-item:hover {
  color: #fa8919;
}
.loginWXWrap .login-header .header-right span,
.loginWXWrap .login-header .header-right a {
  padding-left: 21px;
}
.loginWXWrap .login-header .header-right .right-menu {
  margin-top: 2px;
  padding-bottom: 50px;
}
.loginWXWrap .login-header .header-right .right-menu .menu-list {
  width: 118px;
  height: 73px;
  position: absolute;
  right: 25px;
  top: 62px;
  background: #fff;
  box-shadow: 0px 7px 14px 0px rgba(72, 72, 72, 0.09);
  display: none;
  padding: 7px 0;
}
.loginWXWrap .login-header .header-right .right-menu .menu-list .menu-item {
  width: 118px;
  height: 36px;
  line-height: 36px;
  color: #333333;
  display: block;
  cursor: pointer;
  padding-left: 0;
}
.loginWXWrap .login-header .header-right .right-menu .menu-list .menu-item:hover {
  background-color: #f7f8f9;
}
.loginWXWrap .login-header .header-right .right-menu:hover .menu-list {
  display: block;
}
.loginWXWrap .alpha-icon {
  width: 334px;
  height: 378px;
  position: absolute;
  left: 0;
  top: 15.65vh;
  z-index: 1;
}
.loginWXWrap .alpha-title {
  width: 478px;
  height: 92px;
  position: absolute;
  top: 39.45vh;
  left: 133px;
  z-index: 2;
}
.loginWXWrap .wechat-login-box {
  width: 377px;
  height: 420px;
  background: #FFFFFF;
  box-shadow: 0px 21px 36px 0px rgba(141, 151, 159, 0.08);
  border-radius: 7px;
  position: absolute;
  right: 190px;
  top: 24vh;
  z-index: 99;
}
.loginWXWrap .wechat-login-box .login-box-title {
  margin-top: 33px;
}
.loginWXWrap .wechat-login-box .login-box-title i {
  color: #00ca64;
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 5px;
}
.loginWXWrap .wechat-login-box .login-box-title span {
  width: 115px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  letter-spacing: 1px;
  vertical-align: middle;
}
.loginWXWrap .wechat-login-box .login-box-des {
  width: 100%;
  height: 15px;
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 15px;
  text-align: center;
  margin-top: 10px;
}
.loginWXWrap .wechat-login-box .login-box-des a {
  color: #ED6C00;
}
.loginWXWrap .wechat-login-box .login-qrcode {
  margin-top: 18px;
}
.loginWXWrap .wechat-login-box .login-qrcode .login-qrcode-pic {
  height: 200px;
}
.loginWXWrap .wechat-login-box .login-qrcode .login-qrcode-text {
  font-size: 13px;
}
.loginWXWrap .wechat-login-box .change-login-method {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  cursor: pointer;
}
.loginWXWrap .wechat-login-box input {
  width: 260px;
  height: 36px;
  color: #FA8919;
  font-size: 16px;
  font-family: monospace;
  border: 1px solid #DDD;
  border-radius: 4px;
  text-align: center;
}
.loginWXWrap .wechat-login-box input.username-input {
  margin-top: 60px;
}
.loginWXWrap .wechat-login-box input.password-input {
  margin-top: 20px;
}
.loginWXWrap .wechat-login-box .bind-fs-enter {
  width: 180px;
  height: 40px;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);
  line-height: 40px;
  color: #fff;
  margin: 50px auto;
  cursor: pointer;
}
.wechat-bind-feishu {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  text-align: center;
  width: 100%;
  min-height: 629px;
}
.wechat-bind-feishu .login-content--area {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.wechat-bind-feishu .login-content--area .bind-header {
  margin: 0 auto;
  width: 249px;
  height: 38px;
}
.wechat-bind-feishu .login-content--area .bind-header img {
  width: 100%;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box {
  position: relative;
  margin-top: 45px;
  width: 377px;
  height: 400px;
  background: #FFFFFF;
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #EFEFEF;
  z-index: 99;
  overflow: hidden;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box .change-login-method {
  position: absolute;
  width: 77px;
  height: 77px;
  right: 0;
  top: 0;
  cursor: pointer;
  background: url(login/assets/images/password-view.png) no-repeat center center;
  background-size: cover;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box .change-login-method:hover {
  background: url(login/assets/images/password-view-hover.png) no-repeat center center;
  background-size: cover;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box .login-box-title {
  margin-top: 40px;
  text-align: center;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box .login-box-title i {
  color: #00ca64;
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 5px;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box .login-box-title span {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 25px;
}
.wechat-bind-feishu .login-content--area .wechat-login-bind-box .login-qrcode {
  margin-top: 22px;
  height: 303px;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box {
  position: relative;
  margin-top: 45px;
  width: 377px;
  height: 400px;
  background: #FFFFFF;
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #EFEFEF;
  z-index: 99;
  overflow: hidden;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .change-login-method {
  position: absolute;
  width: 77px;
  height: 77px;
  right: 0;
  top: 0;
  cursor: pointer;
  background: url(login/assets/images/code-view.png) no-repeat center center;
  background-size: cover;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .change-login-method:hover {
  background: url(login/assets/images/code-view-hover.png) no-repeat center center;
  background-size: cover;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .login-box-title {
  margin-top: 40px;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .login-box-title span {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 25px;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .login-box-title input {
  width: 242px;
  height: 34px;
  color: #FA8919;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  font-family: monospace;
  text-align: center;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .login-box-title input.username-input {
  margin-top: 75px;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .login-box-title input.password-input {
  margin-top: 24px;
}
.wechat-bind-feishu .login-content--area .password-login-bind-box .login-box-title .bind-fs-enter {
  margin: 72px auto 0;
  width: 164px;
  height: 36px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  border-radius: 20px;
  background-color: #FA8919;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
}
.wechat-bind-feishu .login-content--area .bind-tips {
  margin-top: 32px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7B7B84;
  line-height: 24px;
  text-align: left;
}
.wechat-bind-feishu .login-content--area .bind-tips a {
  font-size: 14px;
  color: #FD7B2E;
}
.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: #8B8F95;
  left: 50%;
  margin-left: -84px;
  top: 100%;
  margin-top: -80px;
}
.exloginfirstguide span {
  color: #E77700;
}
.exloginfirstguide img {
  position: relative;
  top: 2px;
}
.enter-home {
  position: fixed;
  top: 20px;
  right: 50px;
  width: 100px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.enter-home:hover {
  background: #ededed;
  color: #333;
}
.call-ours {
  position: fixed;
  right: 8px;
  bottom: 150px;
  width: 52px;
  height: 144px;
  text-align: center;
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(170, 170, 170, 0.26);
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
}
.call-ours img {
  margin-top: 16px;
  display: block;
  width: 18px;
  height: 18px;
  opacity: .8;
}
.call-ours p {
  padding: 4px 18px 0;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666;
  line-height: 22px;
  letter-spacing: .8px;
  text-shadow: 0 8px 16px rgba(170, 170, 170, 0.26);
}
.login-bind-feishu {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  text-align: center;
  width: 100%;
  min-height: 629px;
}
.login-bind-feishu .bind-company-submit {
  position: absolute;
  left: 50%;
  top: 24vh;
  margin-left: -169px;
  width: 338px;
  height: 290px;
  background: #FFFFFF;
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #EFEFEF;
}
.login-bind-feishu .bind-company-submit .bind-title {
  margin-top: 34px;
  width: 100%;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #373737;
  line-height: 22px;
  text-align: center;
}
.login-bind-feishu .bind-company-submit .bind-des {
  margin-top: 5px;
  width: 100%;
  height: 22px;
  line-height: 22px;
  color: #373737;
  font-size: 12px;
  text-align: center;
}
.login-bind-feishu .bind-company-submit .bind-pic {
  margin: 15px auto 0;
  width: 177px;
  height: 65px;
  display: flex;
  justify-content: space-between;
}
.login-bind-feishu .bind-company-submit .bind-pic .item-company {
  width: 44px;
  height: 65px;
}
.login-bind-feishu .bind-company-submit .bind-pic .item-company .company-icon {
  width: 44px;
  height: 44px;
  border: 1px solid #ececec;
  border-radius: 4px;
  display: block;
}
.login-bind-feishu .bind-company-submit .bind-pic .item-company .util-icon {
  width: 44px;
  height: 44px;
}
.login-bind-feishu .bind-company-submit .bind-pic .item-company .company-name {
  width: 44px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  font-size: 12px;
}
.login-bind-feishu .bind-company-submit .bind-submit {
  margin: 30px auto 0;
  width: 268px;
  height: 28px;
  background-color: #338FE6;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.login-bind-feishu .bind-company-submit .bind-change {
  margin: 10px auto;
  width: 268px;
  height: 28px;
  background-color: #fff;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #338FE6;
  cursor: pointer;
}

.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: 400;
  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 .shareBtn {
  display: none;
  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 .shareBtn:hover {
  display: inline-block;
}
.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 i {
  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;
  height: 30px;
  line-height: 30px;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-status:hover,
.matter .matter-container .matter-filter .matter-filter-left .matter-status.is-open {
  color: #ED6C00;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-status:hover i,
.matter .matter-container .matter-filter .matter-filter-left .matter-status.is-open i {
  color: #ED6C00;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-status i {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
}
.matter .matter-container .matter-filter .matter-filter-left .more-filter {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
}
.matter .matter-container .matter-filter .matter-filter-left .more-filter:hover,
.matter .matter-container .matter-filter .matter-filter-left .more-filter.is-open {
  color: #ED6C00;
}
.matter .matter-container .matter-filter .matter-filter-left .more-filter:hover i,
.matter .matter-container .matter-filter .matter-filter-left .more-filter.is-open i {
  color: #ED6C00;
}
.matter .matter-container .matter-filter .matter-filter-left .more-filter i {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter {
  cursor: pointer;
  margin: 0 24px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter span {
  display: inline-block;
  max-width: 112px;
  vertical-align: top;
  margin-right: 3px;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter i {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter.is-open,
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter:hover {
  color: #ED6C00;
}
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter.is-open i,
.matter .matter-container .matter-filter .matter-filter-left .matter-stage-filter:hover i {
  color: #ED6C00;
}
.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;
  line-height: 32px;
}
.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 .add-matter-btn-module .main-btn::before {
  height: 32px;
}
.matter .matter-container .matter-filter .matter-filter-right .add-matter-btn-module .main-btn .ibass-trig-down {
  position: relative;
  top: 2px;
}
.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;
  background-color: #fbfbfb;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  width: 950px;
  margin: 0 auto;
}
.matter .matter-container .matter-morefilter-container.ordinary-list .matterFilter-item-container {
  padding: 0 10px;
}
.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 10px;
  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 .matter-list__title {
  display: flex;
}
.matter .matter-container .group-title .matter-list__title .matter-check-wrap {
  padding-left: 0px;
}
.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-check-wrap {
  color: #999;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  font-size: 16px;
}
.matter .matter-container .matters-list .matter-check-wrap:hover {
  color: #fa8919;
}
.matter .matter-container .matters-list .matter-check-wrap .ibass-checked {
  color: #fa8919;
}
.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: top;
}
.matter .matter-container .matters-list .matterItem .star_container {
  width: 15px;
}
.matter .matter-container .matters-list .matterItem:hover .shareBtn {
  display: inline-block;
}
.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;
  white-space: nowrap;
  width: 513px;
  display: inline-block;
}
.matter .matter-container .matters-list .matterItem .title:hover {
  color: #222;
}
.matter .matter-container .matters-list .matterItem .project {
  float: left;
  width: 235px;
  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: 235px;
  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 .right-wrap {
  float: right;
  max-width: max-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.matter-module-list .matter-container .matter-page-module .right-wrap .no-news-filter {
  display: inline-block;
  margin-right: 20px;
}
.matter-module-list .matter-container .matter-page-module .right-wrap .i-dropdown {
  margin-right: 20px;
}
.matter-module-list .matter-container .matter-page-module .right-wrap .btn-list-export {
  display: inline-block;
  margin-right: 20px;
}
.matter-module-list .matter-container .matter-page-module .right-wrap .serve-report-btn {
  position: relative;
}
.matter-module-list .matter-container .matter-page-module .right-wrap .serve-report-btn .noview-tip {
  width: 8px;
  height: 8px;
  background: #F6535C;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -6px;
}
.matter-module-list .matter-container .matter-page-module .right-wrap .serve-report-btn .i-btn {
  font-size: 12px;
}
.matter-module-list .matter-container .matter-page-module .right-serve-wrap .select-count {
  line-height: 32px;
  color: #999;
  margin-right: 16px;
}
.matter-module-list .matter-container .matter-page-module .right-serve-wrap .i-btn {
  height: 32px;
  line-height: 32px;
}
.matter-module-list .matter-container .matter-page-module-wrap {
  display: flex;
}
.star_container {
  position: relative;
  color: #cdc9c5;
}
.star_container .star {
  font-size: 14px;
  cursor: pointer;
}
.star_container .star span {
  position: absolute;
  left: 0;
  top: 0;
}
.star_container .star .ibass-star {
  color: #E5E4E2;
}
.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: 165px;
  height: 170px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dadada54;
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.thumbnail .thumbnail-div:hover {
  border: solid 1px #dadada;
}
.thumbnail .thumbnail-div .thumbnail-content {
  width: 155px;
  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: 155px;
  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: 155px;
  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-info .ibass-checkbox {
  color: #dadada;
}
.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;
}
.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 25px 40px;
  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: 184px;
  border-right: 1px solid #f0f0f0;
  min-height: 800px;
}
.my-file .leftpart .overscroll {
  max-height: 400px;
  overflow-y: auto;
  float: left;
  padding-left: 8px;
}
.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 .li {
  color: #808080;
  font-weight: 400;
}
.my-file .leftpart .overscroll .li i {
  color: #D8D8D8;
}
.my-file .leftpart .overscroll .li:hover {
  background: #fff;
  color: #808080;
}
.my-file .leftpart .overscroll .li:hover i {
  color: #D8D8D8;
}
.my-file .leftpart .overscroll::-webkit-scrollbar {
  width: 10px;
}
.my-file .leftpart .li {
  display: inline-block;
  margin: 0px 0;
  line-height: 36px;
  height: 36px;
  width: 175px;
  padding: 0 2px 0 7px;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  font-weight: 500;
}
.my-file .leftpart .li i {
  color: #808080;
  float: left;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}
.my-file .leftpart .li .ibass-arrow-right {
  float: right;
  font-size: 14px;
}
.my-file .leftpart .li span {
  max-width: 132px;
  margin-left: 5px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  float: left;
}
.my-file .leftpart .li:hover {
  background: #f8f8f9;
  color: #fa8919;
}
.my-file .leftpart .li:hover i {
  color: #fa8919;
}
.my-file .leftpart .lino {
  display: inline-block;
  margin: 0px 0;
  line-height: 36px;
  height: 36px;
  width: 175px;
  padding: 0 2px 0 7px;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  font-weight: 500;
}
.my-file .leftpart .lino i {
  color: #808080;
  float: left;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}
.my-file .leftpart .lino .ibass-arrow-right {
  float: right;
  font-size: 14px;
}
.my-file .leftpart .lino span {
  max-width: 132px;
  margin-left: 5px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  float: left;
}
.my-file .leftpart .active {
  background: #f8f8f9;
}
.my-file .leftpart .active i {
  color: #fa8919;
}
.my-file .leftpart .active span {
  color: #fa8919;
}
.my-file .leftpart .active:after {
  color: #fa8919;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  content: "\EA02";
  font-size: 16px;
  height: 36px;
  float: right;
  margin-right: 10px;
}
.my-file .leftpart .show-favorite:after {
  color: #808080;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  content: "\EA11";
  font-size: 16px;
  height: 36px;
  float: right;
  margin-right: 10px;
}
.my-file .leftpart .hide-favorite:after {
  color: #808080;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  content: "\EA03";
  font-size: 16px;
  height: 36px;
  float: right;
  margin-right: 10px;
}
.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: 8px 15px;
}
.my-file .rightpart {
  margin-left: 24px;
  width: 728px;
}
.my-file .rightpart .doc-upgrade {
  display: flex;
  align-items: center;
  height: 32px;
  margin-bottom: 16px;
  background: #FFFAF6;
  border-radius: 6px;
  border: 1px solid #FFD5AB;
  padding: 8px 10px;
  font-weight: 500;
  font-size: 13px;
  box-sizing: border-box;
  color: #ED6C00;
}
.my-file .rightpart .doc-upgrade .btn {
  font-size: 12px;
  text-decoration-line: underline;
  margin-left: auto;
  cursor: pointer;
}
.my-file .rightpart .doc-upgrade .btn:hover {
  color: #FA9A2A;
}
.my-file .rightpart .doc-upgrade .ibass-close {
  margin-left: 14px;
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.my-file .rightpart .title {
  width: 100%;
  margin: 5px 0 10px 0;
}
.my-file .rightpart .title .thum-checkum table {
  border: 0px;
  width: 725px;
  margin-top: 40px;
}
.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;
  float: right;
}
.my-file .rightpart .title .thum-checkum table tr td .allsort:hover {
  color: #333;
}
.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 .console-icon-box {
  position: relative;
  top: 2px;
}
.my-file .rightpart .title .checknum i {
  color: #fdba78;
  margin-right: 15px;
  font-size: 14px;
}
.my-file .rightpart .title .checknum i:hover {
  color: #fa8919;
}
.my-file .rightpart .title .checknum .iconaizhishiku {
  font-size: 18px;
}
.my-file .rightpart .title .operation {
  font-weight: normal;
  display: inline-block;
  margin-top: 6px;
}
.my-file .rightpart .title .operation i {
  color: #868686;
  font-size: 14px;
  position: relative;
  bottom: 1px;
}
.my-file .rightpart .title .operation .vertical-line {
  float: left;
  font-size: 14px;
  padding-right: 12px;
  color: #D8D8D8;
}
.my-file .rightpart .title .operation .delete {
  font-size: 14px;
  padding-right: 12px;
  cursor: pointer;
  color: #333;
}
.my-file .rightpart .title .operation .delete:hover i {
  color: #999;
}
.my-file .rightpart .title .operation .delete:hover span {
  color: #999;
}
.my-file .rightpart .title .operation .delete i {
  margin-right: 5px;
}
.my-file .rightpart .title .operation .edit {
  font-size: 14px;
  padding-right: 12px;
  cursor: pointer;
  color: #333;
}
.my-file .rightpart .title .operation .edit:hover i {
  color: #999;
}
.my-file .rightpart .title .operation .edit:hover span {
  color: #999;
}
.my-file .rightpart .title .operation .edit i {
  color: #868686;
  margin-right: 5px;
}
.my-file .rightpart .title .operation .convert {
  line-height: 20px;
  border-radius: 3px;
  background-color: #ffffff;
  font-size: 10px;
  text-align: center;
  color: #4a4a4a;
  float: left;
  left: 0;
  box-sizing: border-box;
}
.my-file .rightpart .title .operation .convert .icon-item span {
  color: #333;
}
.my-file .rightpart .title .operation .convert .icon-item:hover span {
  color: #999;
}
.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 .searchpart {
  margin-bottom: 16px;
  width: 728px;
  float: left;
  position: relative;
}
.my-file .rightpart .searchpart .location {
  font-size: 14px;
  font-weight: bold;
  width: 600px;
}
.my-file .rightpart .searchpart .location span {
  color: #626266;
  font-weight: normal;
}
.my-file .rightpart .searchpart .location span:not(:first-of-type) {
  cursor: pointer;
}
.my-file .rightpart .searchpart .location span:not(:first-of-type):before {
  content: "/";
  color: #a9a9a9;
  margin: 0 5px 0 2px;
}
.my-file .rightpart .searchpart .location span:last-child {
  color: #4a4a4a;
  font-weight: bold;
}
.my-file .rightpart .searchpart .checknum {
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  background: #f8f8f9;
  padding: 7px 0px 7px 14px;
  border-radius: 18px;
}
.my-file .rightpart .searchpart .checknum i {
  color: #fdba78;
  margin-right: 10px;
}
.my-file .rightpart .searchpart .checknum i:hover {
  color: #fa8919;
}
.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;
  padding: 0 15px;
  min-width: 90px;
  position: absolute;
  right: 0;
}
.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 {
  display: flex;
  width: 765px;
  margin-top: 15px;
  box-sizing: border-box;
  padding-right: 100px;
}
.my-file .rightpart .file-uploading span.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-file .rightpart .file-uploading .close {
  flex-shrink: 0;
}
.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;
  vertical-align: middle;
}
.my-file .rightpart .firm-member-table .icon {
  width: 46px;
  text-align: center;
  line-height: 42px;
}
.my-file .rightpart .firm-member-table svg {
  position: relative;
  top: 2px;
}
.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;
  width: 260px;
  cursor: pointer;
}
.my-file .rightpart .firm-member-table tr .normal-btn {
  color: #626266;
  width: 64px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 20px;
  margin-right: 10px;
  font-size: 14px;
}
.my-file .rightpart .firm-member-table .name {
  line-height: 42px;
}
.my-file .rightpart .firm-member-table .name .title {
  width: fit-content;
  width: -moz-fit-content;
  max-width: 260px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  line-height: 16px;
  padding-top: -20px;
  margin-top: 15px;
}
.my-file .rightpart .firm-member-table .name .titleI {
  width: fit-content;
  width: -moz-fit-content;
  max-width: 260px;
  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: 260px;
  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;
}
.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: #333;
}
.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 {
  color: #cdc9c5;
}
.my-file .rightpart .firm-member-table .ibass-trig-down:hover,
.my-file .rightpart .firm-member-table .ibass-trig-up:hover {
  color: #333;
}
.my-file .rightpart .firm-member-table .thover:hover .ibass-trig-down,
.my-file .rightpart .firm-member-table .thover:hover .ibass-trig-up {
  color: #333;
}
.my-file .rightpart .firm-member-table tbody tr {
  cursor: pointer;
}
.my-file .rightpart .firm-member-table tbody tr .star-repo-flag {
  visibility: hidden;
  margin-right: 10px;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
}
.my-file .rightpart .firm-member-table tbody tr .star-repo {
  color: #fb881a;
  margin-right: 10px;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
}
.my-file .rightpart .firm-member-table tbody tr .star-repo:hover {
  color: #fb881a;
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
  transition: box-shadow 0.2s;
}
.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: -20px;
  font-size: 14px;
}
.my-file .rightpart .firm-member-table tbody tr .doc-repo-special-name {
  max-width: 260px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  font-size: 14px;
}
.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;
  margin-right: 12px;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new {
  line-height: 42px;
  text-align: right;
  padding-right: 25px;
  white-space: nowrap;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .normal-btn {
  color: #626266;
  width: 64px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 20px;
  margin-right: 10px;
  visibility: hidden;
  font-size: 14px;
  vertical-align: middle;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .ibass-ellipses:hover {
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
  transition: box-shadow 0.2s;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .iconaizhishiku {
  font-size: 24px;
  visibility: hidden;
  margin-right: 10px;
}
.my-file .rightpart .firm-member-table tbody tr .icongroup-new .iconaizhishiku:hover {
  color: #fa8919;
}
.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;
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1);
  transition: box-shadow 0.2s;
}
.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 {
  color: #626266;
  width: 64px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 20px;
  margin-right: 10px;
  visibility: visible;
  position: relative;
  border: none;
  font-size: 14px;
  vertical-align: middle;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .normal-btn:hover {
  box-shadow: 0 2px 3px rgba(100, 100, 100, 0.1) !important;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .normal-btn::after {
  position: absolute;
  left: 6px;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA53";
  font-size: 16px;
  vertical-align: middle;
  color: #cdc9c5;
  padding-right: 8px;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .ibass-ellipses {
  cursor: pointer;
  color: #8590a6;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.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-new .iconaizhishiku {
  visibility: visible;
}
.my-file .rightpart .firm-member-table tbody tr:hover .icongroup-new .iconaizhishiku:hover {
  color: #fa8919;
}
.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;
  margin-top: 40px;
}
.my-file .rightpart .recovery-table thead {
  font-size: 14px;
}
.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;
  margin-top: 40px;
}
.my-file .rightpart .history-table thead {
  font-size: 14px;
}
.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: #333;
}
.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;
  margin-top: 40px;
}
.my-file .rightpart .share-table thead {
  font-size: 14px;
}
.my-file .rightpart .share-table .name {
  width: 100px;
  max-width: 290px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
  box-sizing: border-box;
}
.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;
  padding-bottom: 12px;
}
.my-file .rightpart .share-table .time:hover i,
.my-file .rightpart .share-table .active i {
  color: #333;
}
.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;
  box-sizing: border-box;
}
.my-file .rightpart .share-table .icongroup {
  width: 100px;
  min-width: 100px;
  line-height: 12px;
  padding: 16px 0;
  text-align: center !important;
}
.my-file .search-result {
  padding-left: 36px;
  margin-top: 40px;
}
.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 ul li.activeOrder {
  color: #FA9A2A;
}
.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 ul li svg {
  position: relative;
  top: 2px;
}
.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: #333 !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 {
  font-size: 14px;
}
.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 {
  display: flex;
  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 span.name {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 800px;
  white-space: nowrap;
}
.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: 254px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.navigation .tab-page {
  position: relative;
  height: 54px;
  /* padding-top: 18px; */
  /* box-sizing: border-box; */
  align-self: flex-end;
  flex-grow: 1;
}
.navigation .tab-page ul:not([class^=nav-bar]) {
  height: 100%;
  margin: 0 auto;
}
.navigation .tab-page ul:not([class^=nav-bar]) li {
  height: 100%;
  width: 80px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  float: left;
}
.navigation .tab-page ul:not([class^=nav-bar]) 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:not([class^=nav-bar]) li a .icon {
  color: #b4a69a;
}
.navigation .tab-page ul:not([class^=nav-bar]) li a i {
  font-size: 24px;
  color: #B4A69A;
  line-height: 20px;
  vertical-align: middle;
}
.navigation .tab-page ul:not([class^=nav-bar]) li a span {
  font-size: 12px;
  text-align: center;
  color: #9F9F9F;
}
.navigation .tab-page ul:not([class^=nav-bar]) li a.matter.current,
.navigation .tab-page ul:not([class^=nav-bar]) li a.matter:hover {
  border-bottom-color: #67aaf6;
}
.navigation .tab-page ul:not([class^=nav-bar]) li a.matter.current span,
.navigation .tab-page ul:not([class^=nav-bar]) li a.matter:hover span,
.navigation .tab-page ul:not([class^=nav-bar]) li a.matter.current .icon,
.navigation .tab-page ul:not([class^=nav-bar]) li a.matter:hover .icon {
  color: #67aaf6;
}
.navigation .tab-page ul:not([class^=nav-bar]) li a.current,
.navigation .tab-page ul:not([class^=nav-bar]) li a:hover,
.navigation .tab-page ul:not([class^=nav-bar]) li a.tool-current {
  border-bottom-color: #ff8800;
}
.navigation .tab-page ul:not([class^=nav-bar]) li a.current span,
.navigation .tab-page ul:not([class^=nav-bar]) li a:hover span,
.navigation .tab-page ul:not([class^=nav-bar]) li a.tool-current span,
.navigation .tab-page ul:not([class^=nav-bar]) li a.current .icon,
.navigation .tab-page ul:not([class^=nav-bar]) li a:hover .icon,
.navigation .tab-page ul:not([class^=nav-bar]) li a.tool-current .icon,
.navigation .tab-page ul:not([class^=nav-bar]) li a.current .iconfont,
.navigation .tab-page ul:not([class^=nav-bar]) li a:hover .iconfont,
.navigation .tab-page ul:not([class^=nav-bar]) li a.tool-current .iconfont {
  color: #ed6c00;
}
.navigation .tab-page .old-nav-bar {
  position: absolute;
  right: 0;
  bottom: 0;
}
.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,
.navigation-more .tab-page ul li a.current .iconItem,
.navigation-more .tab-page ul li a:hover .iconItem {
  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;
}
.site-footer .content .site-footer-copy-right {
  margin-top: 24px;
  text-align: center;
}
.site-footer .content .site-footer-copy-right span {
  margin-right: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #6d6d6d;
}
.site-footer .content .site-footer-copy-right a span {
  margin-right: 0;
}

.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.7;
  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: 470px;
    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;
}
.login-apply-try-container .login-header-text:hover,
.login-apply-try-container .apply-try-header-text:hover {
  color: #fa8919;
}
.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;
}
.shanqian-auth--dialog .ngdialog-content {
  padding: 24px 20px 32px !important;
}
.shanqian-auth--dialog .ngdialog-content .shanqian-logo {
  width: 88px;
  height: 48px;
}
.shanqian-auth--dialog .ngdialog-content .shanqian-logo img {
  width: 100%;
  height: 100%;
}
.shanqian-auth--dialog .ngdialog-content .auth-icon {
  margin: -37px auto 0;
  width: 104px;
  height: 104px;
}
.shanqian-auth--dialog .ngdialog-content .auth-icon img {
  width: 100%;
  height: 100%;
}
.shanqian-auth--dialog .ngdialog-content .auth-titile {
  margin: 0;
  padding-top: 26px;
  padding-bottom: 16px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
  text-align: center;
}
.shanqian-auth--dialog .ngdialog-content .auth-desc {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.shanqian-auth--dialog .ngdialog-content .introduce {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fa8919;
  line-height: 24px;
  text-align: center;
}
.shanqian-auth--dialog .ngdialog-content .introduce:hover {
  color: #fa9a2a;
  cursor: pointer;
}
.shanqian-auth--dialog .ngdialog-content .btn-group {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shanqian-auth--dialog .ngdialog-content .btn-group .auth-btn {
  margin-left: 16px;
  width: 113px;
  height: 32px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
  background-color: #fa8919;
  border-radius: 20px;
  cursor: pointer;
  user-select: none;
}
.shanqian-auth--dialog .ngdialog-content .btn-group .auth-btn:hover {
  color: #fff;
  background-color: #fa9a2a;
}
.shanqian-auth--dialog .ngdialog-content .btn-group .introduce-btn {
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #606266;
  width: 114px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #dcdfe6;
  user-select: none;
}
.shanqian-auth--dialog .ngdialog-content .btn-group .introduce-btn:hover {
  color: #FA8919;
  border-color: #FA8919;
  cursor: pointer;
}
.shanqian-update--dialog .ngdialog-content {
  padding: 24px;
}
.shanqian-update--dialog .ngdialog-content .update-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 27px 24px 18px;
}
.shanqian-update--dialog .ngdialog-content .update-header .title {
  padding: 0 8px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 24px;
}
.shanqian-update--dialog .ngdialog-content .update-header::before {
  display: block;
  content: '';
  width: 334px;
  height: 1px;
  background-color: #f2f3f7;
}
.shanqian-update--dialog .ngdialog-content .update-header::after {
  display: block;
  margin-right: 30px;
  content: '';
  width: 297px;
  height: 1px;
  background-color: #f2f3f7;
}
.shanqian-update--dialog .ngdialog-content .update-content {
  margin: 0 24px;
  overflow: hidden;
}
.shanqian-update--dialog .ngdialog-content .update-content .img-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 400px;
  overflow: hidden;
  transform: translateX(0);
  transition: transform 0.25s ease;
}
.shanqian-update--dialog .ngdialog-content .update-content .img-wrapper img {
  width: 760px;
  height: 100%;
}
.shanqian-update--dialog .ngdialog-content .update-footer {
  padding: 30px 24px 24px;
  text-align: center;
}
.shanqian-update--dialog .ngdialog-content .update-footer .btn {
  display: inline-block;
  padding: 8px 28px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 16px;
  background: #fa8919;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  cursor: pointer;
}
.shanqian-update--dialog .ngdialog-content .update-footer .btn:hover {
  background-color: #fa9a2a;
}
.shanqian-update--dialog .ngdialog-content .ngdialog-close {
  top: 22px !important;
  right: 12px !important;
}

.cus-new-tab {
  padding-top: 20px;
  text-align: center;
  color: #737373;
  background-color: #fff;
  padding-bottom: 24px;
}
.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: #ed6c00;
  border-bottom: 2px solid #fa8919;
}
.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;
}
.add-client-notify {
  display: flex;
  justify-content: space-between;
  width: 180px;
}
.add-client-notify .skip-to-client:hover {
  cursor: pointer;
  text-decoration: underline;
}
.repeat-name-notify {
  display: flex;
  justify-content: space-between;
  width: 240px;
}
.repeat-name-notify .skip-to-client:hover {
  cursor: pointer;
  text-decoration: underline;
}
@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;
  }
}

.remind.boxupdate {
  height: 100px;
  background-color: #f0b381;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  min-width: 1000px;
  display: block;
  top: 0;
  transition: height 0.3s linear;
}
.remind.boxupdate .remind.boxupdate-wrap {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.remind.boxupdate .remind.boxupdate-content {
  padding-top: 13px;
  height: 26px;
  font-size: 14px;
  text-align: left;
  color: #fff;
  margin: 0 auto;
  line-height: 20px;
  position: relative;
}
.remind.boxupdate .remind.boxupdate-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.boxupdate .remind.boxupdate-download span {
  vertical-align: top;
}
.remind.boxupdate .remind.boxupdate-close {
  position: absolute;
  top: 10px;
  right: 50px;
  font-size: 12px;
  cursor: pointer;
}
.remind.boxupdate .remind.boxupdate-close .ibass-close {
  color: #fff;
}

.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: #666;
  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: 16px;
}
.my-task .new-btn-flows .icon {
  position: absolute;
  left: 0;
}
.my-task .new-btn-flows:hover .icon {
  color: #fa8919 !important;
}
.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 {
  overflow: visible;
}
.my-task .task-list .hd {
  display: flex;
  padding: 20px 20px;
  line-height: 20px;
}
.my-task .task-list .hd .hd-search {
  width: 180px;
  margin-right: 16px;
}
.my-task .task-list .hd .hd-search .ibass-close {
  margin-top: -5px;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module {
  padding-right: 8px;
  box-shadow: none;
  height: 32px;
  border: 1px solid #dad7d2;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module .search-module-i-search {
  padding-top: 0;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module input {
  font-size: 13px;
  padding-right: 20px;
  color: #4a4a4a;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module input::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.my-task .task-list .hd .hd-search .real-time-search-enter-and-clear-1 .search-module:hover {
  border: 1px solid #C0C4CC;
}
.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 span {
  color: #737373;
  font-weight: 400;
}
.my-task .task-list .hd .hd-operations .hd-operation {
  height: 30px;
  line-height: 30px;
}
.my-task .task-list .hd .hd-operations .hd-operation .icon {
  color: #D8D8D8;
}
.my-task .task-list .hd .hd-operations .hd-operation:hover span {
  color: #fa8919;
}
.my-task .task-list .hd .hd-operations .hd-operation:hover .icon {
  color: #fa8919;
}
.my-task .task-list .hd .hd-operations .has-sort {
  color: #737373;
}
.my-task .task-list .bd {
  padding: 0 15px 66px;
}
.my-task .task-list .bd em {
  color: #fa8919;
  font-style: normal;
  font-weight: 600;
}
.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: 16px;
  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;
  min-width: 142px;
  float: right;
}
.my-task .task-list .bd .edit project-phase {
  height: 40px;
}
.my-task .task-list .bd .edit a {
  color: #fdba78;
  font-size: 18px;
  outline: none;
  line-height: inherit;
}
.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 .ai-c .select-all-title {
  margin-left: 5px;
}
.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: #cdc9c5;
  cursor: pointer;
  font-size: 18px;
}
.my-task .task-list .bd .multiple-opr .content-left .ibass-checked-line {
  cursor: pointer;
  color: #fa8919;
  font-size: 18px;
}
.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 .bd .project-chronicle-active .task-category > .list-row .task-name,
.my-task .task-list .bd .project-chronicle-active .task-category > .list-row .edit .project-phase .project-phase__text,
.my-task .task-list .bd .project-chronicle-active .task-category > .list-row .list-row-value {
  color: #fa8919;
}
.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: 24px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
  color: #cdc9c5;
  padding: 0 0px 0px 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: 500px;
  box-sizing: border-box;
  height: 100%;
  cursor: text;
  border-bottom: none;
  line-height: 40px;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px 0 0;
  font-weight: bold;
}
.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 .edit .task-group-more {
  display: inline-block;
  margin-right: 16px;
  color: #999999;
  font-size: 18px;
}
.my-task .task-list .task-category .list-row .edit .task-group-more:hover {
  color: #ED6C00;
}
.my-task .task-list .task-category .list-row .list-row-value {
  display: inline-block;
  border-bottom: none;
  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 .ibass-task-check {
  display: inline-block;
}
.my-task .task-list .task-category .list-row .ibass-task-check:hover {
  transform: scale(1.2);
  color: #fa8919;
}
.my-task .task-list .task-category .list-row .iconloading {
  display: inline-block;
  animation: rotate linear infinite;
  animation-duration: 2s;
  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: 13px;
}
.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-item.my-task-item-style {
  height: 70px;
}
.my-task .task-list .task-item.my-task-item-style .title span {
  margin-top: 8px;
}
.my-task .task-list .task-item.my-task-item-style .title .task-item-info {
  font-size: 12px;
  color: #A8AAB1;
  margin-top: 6px;
}
.my-task .task-list .task-item.my-task-item-style .datetime-choose,
.my-task .task-list .task-item.my-task-item-style .user-choose,
.my-task .task-list .task-item.my-task-item-style .task-attachment {
  line-height: 70px;
}
.my-task .task-list .task-item.my-task-item-style .datetime-choose .ibass-trig-down,
.my-task .task-list .task-item.my-task-item-style .user-choose .ibass-trig-down,
.my-task .task-list .task-item.my-task-item-style .task-attachment .ibass-trig-down {
  max-height: 70px;
}
.my-task .task-list .task-item.my-task-item-style .creater {
  margin-top: 10px;
}
.my-task .task-list .task-item.my-task-item-style .edit {
  line-height: 70px;
}
.my-task .task-list .task-matter-drag {
  cursor: pointer;
  background-color: #FAFBFC;
}
.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-matter-drag.task-group-sticky {
  position: sticky;
  top: 0;
  z-index: 99;
}
.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.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;
  white-space: nowrap;
}
.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;
}
.task-group-more-popover {
  width: 94px;
  margin-left: -36px;
}
.complete-task-group-popover {
  width: max-content;
  max-width: 358px !important;
  user-select: none;
}
.complete-task-group-popover__header {
  padding: 16px 0 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  border-bottom: 1px solid #2B2B2B;
}
.complete-task-group-popover__content {
  max-height: 204px;
  min-width: 260px;
  overflow: auto;
  width: max-content;
  color: #FFFFFF;
}
.complete-task-group-popover__content .ibass {
  vertical-align: top;
  margin-right: 16px;
}
.complete-task-group-popover__content .ibass-checkbox {
  color: #8F959F;
}
.complete-task-group-popover__content .ibass-checked {
  color: #FA8919;
}
.complete-task-group-popover__item {
  height: 34px;
  line-height: 34px;
  padding: 0 24px;
  color: #C3C3C3;
  overflow: hidden;
}
.complete-task-group-popover__item .des {
  display: inline-block;
  width: max-content;
  max-width: 263px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.complete-task-group-popover__item:hover {
  color: #fff;
  background: #282828;
}
.complete-task-group-popover__footer {
  display: flex;
  justify-content: space-between;
  padding: 0px 38px 16px;
}
.complete-task-group-popover__btn {
  width: 90px;
}
.complete-task-group-popover-tooltip {
  max-width: 312px;
  z-index: 100001;
}
.unfinished-task-dialog {
  padding: 24px;
  font-size: 14px;
  color: #4A4A4A;
}
.unfinished-task-dialog .container {
  max-height: 400px;
  overflow: auto;
}
.unfinished-task-dialog .container li {
  position: relative;
  padding-left: 14px;
}
.unfinished-task-dialog .container li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #A9A9A9;
  left: 3px;
  top: 10px;
}
.unfinished-task-dialog footer {
  display: flex;
  justify-content: space-between;
  padding: 0 14px;
  margin-top: 14px;
}

.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: 70px 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;
  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;
}
.dcw-self-model-box .unbind-tip-box {
  width: 340px;
  margin: 0 auto;
  text-align: center;
}
.dcw-self-model-box .unbind-tip-box .tips {
  display: flex;
  justify-content: center;
}
.dcw-self-model-box .unbind-tip-box .tips i {
  color: #fa8919;
  font-size: 24px;
  opacity: .7;
  margin-right: 5px;
}
.dcw-self-model-box .unbind-tip-box input {
  width: 340px;
  height: 40px;
  margin-top: 10px;
  line-height: 40px;
  outline: none;
  text-align: center;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  color: #4a4a4a;
}
.dcw-self-model-box .unbind-tip-box input:focus {
  border-color: #fa8919;
}
.dcw-self-model-box .unbind-btn-box {
  margin: 40px 0 20px 0;
  text-align: center;
}
.dcw-self-model-box .unbind-btn-box .btn {
  display: inline-block;
  margin-left: 15px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}
.dcw-self-model-box .unbind-btn-box .confirm {
  background-color: #fa8919;
  border: 1px solid #ebebeb;
  color: #fff;
}
.dcw-self-model-box .changwx-step-three {
  padding: 30px 0;
}
.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;
}

.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-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;
}

.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;
}

.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;
  margin-top: -4px;
}
.ana-my-list .ana-my-tool .ana-right-part li .search .search-module {
  height: 28px;
}
.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;
  width: 100%;
}
.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: 370px;
  max-width: 370px;
  min-width: 370px;
}
.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: 150px;
  max-width: 150px;
  min-width: 150px;
}
.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: 100px;
  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 .oper-container {
  vertical-align: top;
  display: inline-block;
  float: right;
  padding-right: 6px;
}
.ana-my-list .timelog-table tbody .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 .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 .oper-container .oper .has-approved {
  font-size: 12px;
}
.ana-my-list .timelog-table tbody .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;
}

.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;
}

.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;
  color: #4A4A4A;
}
.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.absolute-conflict {
  background: #E4424B;
}
.check-approval-dialog .check-approval-content .approval-conflict-part.possible-conflict {
  background: #F89406;
}
.check-approval-dialog .check-approval-content .approval-conflict-part.no-conflict {
  background: #66BB6A;
}
.check-approval-dialog .check-approval-content .approval-conflict-part.has-not-check-conflict {
  background-color: #f89406;
  display: block;
  display: flex;
  justify-content: space-between;
}
.check-approval-dialog .check-approval-content .approval-conflict-part .has-not-check-conflict-right {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.check-approval-dialog .check-approval-content .approval-conflict-part .share {
  height: 20px;
  width: 20px;
  background-image: url(common/images/more-product/white-share.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.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-conflict-part .iconfenxiang {
  margin-right: 1px;
  display: inline-block;
  transform: translateY(2px);
}
.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 .downLoadBtn {
  margin-right: 10px;
  padding-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-detail-s .matter-status-name.active {
  border-color: #fa8919;
  color: #fa8919;
}
.check-approval-dialog .approval-detail-s.patch-field-half {
  width: 48%;
  margin: 0 1% 18px 1%;
}
.check-approval-dialog .approval-detail-s.patch-field-single {
  width: 100%;
  margin: 0 1% 18px 1%;
}
.check-approval-dialog .approval-detail-s.patch-field-half,
.check-approval-dialog .approval-detail-s.patch-field-single {
  min-height: 64px;
  box-sizing: border-box;
}
.check-approval-dialog .approval-detail-s.patch-field-half .detail-v,
.check-approval-dialog .approval-detail-s.patch-field-single .detail-v {
  width: max-content;
  max-width: 100%;
  padding-right: 0;
  margin-right: 50px;
}
.check-approval-dialog .signatory {
  border-bottom: none;
}
.check-approval-dialog .signatory-empty {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-top: 10px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.check-approval-dialog .signatory-item {
  border-bottom: 1px solid #ebebeb;
}
.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;
  min-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 {
  min-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-files .file-wrap {
  min-height: 20px;
}
.check-approval-dialog .check-approval-files .file-wrap .title {
  color: #999999;
  font-size: 12px;
  height: 20px;
  margin-top: 16px;
}
.check-approval-dialog .check-approval-files .file-wrap .sign-file-wrap {
  height: fit-content;
  border-bottom: 1px solid #F0F0F0;
}
.check-approval-dialog .check-approval-files .file-wrap .sign-file-wrap .upload-file-wrap {
  height: fit-content;
}
.check-approval-dialog .check-approval-files .file-wrap .sign-file-wrap .upload-file-wrap .empty {
  padding: 4px 0px 16px;
}
.check-approval-dialog .check-approval-files .file-wrap .contract-file-wrap {
  border-bottom: 1px solid #F0F0F0;
}
.check-approval-dialog .check-approval-files .file-wrap .contract-file-wrap .empty {
  padding: 4px 0px 16px;
}
.check-approval-dialog .check-approval-files .file-wrap .appro-file-wrap .empty {
  padding: 4px 0px 16px;
}
.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;
  word-break: break-all;
}
.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 .has-finish-money {
  color: #999;
  font-size: 12px;
  margin-left: 10px;
}
.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 .invoice-income-relation-header .invoice-contract-name,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .invoice-contract-name {
  width: 30%;
  margin-right: 20px;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .invoice-contract-date,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .invoice-contract-date {
  width: 15%;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .invoice-contract-paytype,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .invoice-contract-paytype {
  width: 15%;
}
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-header .invoice-contract-money,
.check-approval-dialog .approval-invoice-content-v2 .invoice-income-relation-body-tr .invoice-contract-money {
  width: 20%;
}
.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;
}
.check-approval-dialog .approval-detail-filing .filing-detail-title {
  border-bottom: 1px solid #ebebeb;
  display: flex;
  justify-content: space-between;
  height: 28px;
  font-size: 14px;
}
.check-approval-dialog .approval-detail-filing .filing-detail-title > span:nth-child(1) {
  font-weight: bold;
  line-height: 26px;
  border-bottom: 2px solid #fa8919;
}
.check-approval-dialog .approval-detail-filing .filing-name {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  padding: 0 24px;
  box-shadow: 0px 1px 0px 0px #F0F0F0;
  margin-bottom: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: top;
}
.check-approval-dialog .approval-detail-filing .filing-name .filing-item-name {
  margin-left: 10px;
  cursor: pointer;
  vertical-align: top;
}
.check-approval-dialog .approval-detail-filing .filing-name:hover {
  background: #F8F8F8;
  color: #FA8919;
}
.check-approval-dialog .approval-detail-filing .filing-text {
  min-height: 28px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  padding-right: 10%;
  font-size: 14px;
  border-bottom: #f0f0ff solid 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.check-approval-dialog .approval-detail-filing .filing-detail__wrap--list {
  margin-bottom: 8px;
}

.approval-filter {
  padding: 20px 24px;
  box-sizing: border-box;
  background: #F7F8F9;
  border-radius: 8px;
}
.approval-filter__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 16px;
}
.approval-filter__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
.approval-filter__item [class*='ibass-'] {
  color: #cdc9c5;
}
.approval-filter__item .item__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 22px;
  height: 22px;
}
.approval-filter__item .item__label [class*='ibass-'] {
  position: relative;
  top: 2px;
  margin-left: 2px;
  cursor: pointer;
}
.approval-filter__item .item__select {
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.approval-filter__item .item__select span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.approval-filter__item .item__value {
  min-height: 32px;
}
.approval-filter__item .item__btns {
  line-height: 32px;
  flex-shrink: 0;
}
.approval-filter .project-form {
  padding-bottom: 0;
  margin-bottom: 0;
}
.approval-filter .project-form .project-form__label,
.approval-filter .project-form .project-form__error-wrapper {
  display: none;
}
.approval-filter .project-form .project-form-department__container {
  margin-top: 0;
}
.approval-filter .finance-timer-select .time-range-container {
  min-width: 120px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  box-sizing: border-box;
}
.approval-filter .finance-timer-select .time-range-container .time-range {
  width: 100%;
}
.approval-filter .finance-timer-select .time-range-container .time-range-text-select {
  display: none;
}
.approval-filter .finance-timer-select .time-range-container .close-in-filter .time-range-text-select {
  height: inherit;
  display: block;
  line-height: 32px;
  text-align: left;
  color: #B5B5B5;
  white-space: nowrap;
  text-indent: 8px;
}
.approval-filter .project-form-customer .select-container,
.approval-filter .project-form-project .select-container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-width: 120px;
  height: 32px;
  padding-left: 8px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  color: #333;
  line-height: 30px;
  font-size: 14px;
  cursor: pointer;
}
.approval-filter .project-form-customer .select-container .ibass-trig-down,
.approval-filter .project-form-project .select-container .ibass-trig-down {
  position: relative;
  left: -8px;
  display: block;
  transition: all 0.3s ease-in;
  color: #999;
  font-size: 12px;
}
.approval-filter .project-form-customer .select-container .ibass-trig-down::before,
.approval-filter .project-form-project .select-container .ibass-trig-down::before {
  content: "\EA03";
}
.approval-filter .project-form-customer .select-container .placeholder,
.approval-filter .project-form-project .select-container .placeholder {
  color: #B5B5B5;
}
.approval-filter .finance-timer-select .time-range-has-close:after {
  content: "\EA03";
  top: 0;
  right: 8px;
  color: #D2D3D6;
  transition: all 0.3s ease-in;
}
.approval-filter .time-range.open .time-range-has-close:after {
  transform: rotate(-180deg);
}
.approval-filter .finance-timer-select.finance-timer-select-show {
  border: none;
  background-color: transparent;
  padding-left: 0;
  font-size: 14px !important;
}
.approval-filter .finance-timer-select.finance-timer-select-show .time-range-start-stop {
  height: inherit;
  line-height: 32px;
  color: #333;
  white-space: nowrap;
}
.approval-filter__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.approval-filter__footer .filter-item-logic {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 12px;
  margin-right: 20px;
  line-height: 20px;
}
.approval-filter__footer .filter-item-logic .ibass-faq {
  position: relative;
  top: 1px;
}
.approval-filter__footer .filter-item-logic span {
  margin: 0 3px;
}
.approval-filter__footer .filter-item-logic .logic-select {
  font-size: 12px !important;
}

.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;
}
.align-left {
  text-align: left;
}

.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 {
  position: relative;
  padding-bottom: 23px;
  width: 50%;
  padding-right: 10px;
}
.custom-form .content .single-line {
  width: 100%;
}
.custom-form .content .disabled {
  position: relative;
  cursor: not-allowed;
}
.custom-form .content .disabled input,
.custom-form .content .disabled .select-container span,
.custom-form .content .disabled textarea {
  color: #999;
}
.custom-form .content .disabled .ibass-trig-down {
  opacity: 0;
}
.custom-form .content .disabled .disabled-block {
  position: absolute;
  inset: 0;
  cursor: not-allowed;
}
.custom-form .content .error-tips {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #F56C6C;
  font-size: 12px;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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;
  padding-bottom: 4px;
}
.conflict-inner-data-base .conflict-table {
  width: 100%;
  overflow-x: auto;
}
.conflict-inner-data-base .conflict-table .table-check {
  min-width: 30px;
  position: sticky;
  left: 0px;
  background-color: #fff;
  z-index: 1;
}
.conflict-inner-data-base .conflict-table .scroll-check {
  width: 30px!important;
}
.conflict-inner-data-base .conflict-table .scroll-column:nth-child(n+2) {
  min-width: 200px;
}
.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 .i-btn.i-btn--normal {
  font-size: 12px;
  font-weight: 400;
}
.conflict-inner-data-base .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.conflict-inner-data-base .export-excel:hover i,
.conflict-inner-data-base .export-excel:hover span {
  color: #fa8919 !important;
  /* 这会把颜色改为红色，你可以根据需要更改 */
}
.conflict-inner-data-base .top-action-list {
  display: flex;
  justify-content: space-between;
  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: 0;
  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: 16px;
  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;
  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 .top-action-list .operation {
  display: flex;
  align-items: center;
}
.conflict-inner-data-base .top-action-list .operation .count {
  font-size: 14px;
}
.conflict-inner-data-base .top-action-list .operation .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  display: inline-block;
  margin: 0 16px;
}
.conflict-inner-data-base .top-action-list .operation .export-excel {
  cursor: pointer;
  margin-right: 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.conflict-inner-data-base .top-action-list .operation .export-excel span {
  margin-left: 4px;
  font-size: 14px;
}
.conflict-inner-data-base .top-action-list .operation .export-excel i {
  line-height: 1;
}
.conflict-inner-data-base .top-action-list .operation .export-excel .ibass-trig-down {
  position: relative;
  top: 2px;
  color: #cdc9c5;
}
.conflict-inner-data-base .top-action-list .operation .add-data {
  line-height: 32px;
}
.conflict-inner-data-base .top-action-list .operation .add-data i {
  line-height: 1;
  position: relative;
  top: 2px;
}
.conflict-inner-data-base .top-action-list .operation .add-data span {
  margin-inline: 4px;
  font-size: 12px;
}
.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-content.table-header {
  border-bottom: none;
}
.conflict-inner-data-base li.table-content.table-header .table-td {
  border-bottom: 1px solid #f5f5f5;
}
.conflict-inner-data-base li.table-content.table-body {
  border-bottom: none;
}
.conflict-inner-data-base li.table-content.table-body .table-td {
  border-bottom: 1px solid #f5f5f5;
}
.conflict-inner-data-base li.table-content.table-body .tool-action {
  display: block;
  height: 40px;
  position: absolute;
  right: 0;
  text-align: right;
  background-color: #fff;
}
.conflict-inner-data-base li.table-content.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-content.table-body:hover .tool-hover {
  display: block;
  height: 40px;
  position: absolute;
  right: 0;
  text-align: right;
}
.conflict-inner-data-base li.table-content.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;
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.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 .i-btn.i-btn--normal {
  font-size: 12px;
  font-weight: 400;
}
.conflict-record .search-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-end;
}
.conflict-record .top-action-list {
  display: flex;
  flex-direction: column;
  min-width: 400px;
  z-index: 1;
}
.conflict-record .top-action-list .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  display: inline-block;
  margin: 0 16px;
}
.conflict-record .top-action-list .filter-part-in-conflict {
  margin-top: 24px;
  display: flex;
  align-items: center;
  height: 20px;
  transform: translateX(5px);
}
.conflict-record .top-action-list .filter-part-in-conflict__item {
  font-size: 14px;
}
.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 .contract-filter-single-name {
  font-size: 14px;
  color: #4a4a4a;
  margin-right: 8px;
}
.conflict-record .top-action-list .filter-part-in-conflict > div .contract-filter-single {
  max-width: 130px;
  position: relative;
  padding-top: 2px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #737373;
}
.conflict-record .top-action-list .filter-part-in-conflict > div .contract-filter-single .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;
  font-size: 12px;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 2px;
}
.conflict-record .top-action-list .search-part-in-conflict {
  height: 35px;
  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 .search-container__export {
  display: flex;
  justify-content: flex-end;
}
.conflict-record .search-container__export .export-excel span {
  margin-left: 4px;
}
.conflict-record .search-container__export .export-excel:hover * {
  color: #fa8919;
}
.conflict-record .table-hd > i[class^=ibass-] {
  margin-right: 4px;
}
.conflict-record .table-hd.cursor:hover {
  color: #fa8919;
}
.conflict-record .search-table-part {
  margin-top: 10px;
}
.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;
}
.conflict-record .table-body .has-conflict {
  color: #F56C6C;
}
.conflict-record .table-body .no-conflict {
  color: #67C23A;
}
.conflict-record .operation {
  display: flex;
  line-height: 32px;
  justify-content: space-between;
  margin-top: 24px;
}
.conflict-record .operation .batch-export {
  visibility: hidden;
}
.conflict-record .operation .batch-export .checknum {
  font-size: 12px;
  display: inline-block;
  background: #f8f8f9;
  line-height: 32px;
  border-radius: 20px;
  color: #ed6c00;
  padding: 0 16px;
  margin-right: 16px;
  float: left;
  vertical-align: middle;
}
.conflict-record .operation .batch-export .checknum .oper {
  cursor: pointer;
  float: right;
  color: #a9a9a9;
  display: inline-block;
  margin-left: 16px;
}
.conflict-record .operation .batch-export .checknum .oper .ibass-close {
  font-size: 12px;
  vertical-align: middle;
}
.conflict-record .operation .export-excel {
  cursor: pointer;
  margin-inline: 16px;
}
.conflict-record .operation .export-excel span {
  margin-inline: 4px;
}
.conflict-record .operation .export-excel i {
  line-height: 1;
  position: relative;
  top: 2px;
}
.conflict-record .operation .export-excel:hover {
  color: #fa8919;
}
.conflict-record .operation .export-excel:hover .ibass-trig-down {
  color: #fa8919;
}
.conflict-record .operation--checked .batch-export {
  visibility: visible;
}
.conflict-record .operation--checked .export-excel {
  visibility: hidden;
}
.conflict-record .time-range-has-close {
  color: #737373;
  font-size: 14px;
}
.conflict-record .ibass-trig-down,
.conflict-record .time-range-has-close:after {
  color: #cdc9c5;
}
.conflict-record .top-action-list .search-part-in-conflict .ibass-search {
  position: absolute;
  top: 7px;
}
.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;
  position: relative;
}
.conflict-search-in-search-part .over {
  overflow: hidden;
  text-overflow: ellipsis;
}
.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 {
  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 .i-btn {
  margin-left: 20px;
}
.conflict-search-in-search-part .search-part-in-conflict .i-btn .ibass-import {
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.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.table-body:hover {
  background-color: #f6f6f6;
}
.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 32px;
  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;
  cursor: pointer;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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 .row-wrapper.search-and-down .task-search .real-time-search-enter-and-clear .ibass-close {
  margin-top: -6px;
}
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__import i,
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__all-conflict-type i,
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__more-filters i {
  color: #cdc9c5;
}
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__import:hover,
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__all-conflict-type:hover,
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__more-filters:hover {
  color: #fa8919;
}
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__import:hover i,
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__all-conflict-type:hover i,
.conflict-search-in-search-part.search-result .row-wrapper.search-and-down .retrieve__more-filters:hover i {
  color: #fa8919;
}
.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: 12px;
  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;
  max-width: 250px;
}
.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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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 .keyword-line {
  display: -webkit-flex;
  display: flex;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div .keyword-line .keyword-text {
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conflict-search-in-search-part.search-result .main-content .content-result .right-part-in-conflict > div .keyword-line .num {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.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;
  letter-spacing: word-break;
}
.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: 16px;
}
.conflict-list-search .table-content .conflict-1 {
  width: 20%!important;
  padding-left: 16px;
}
.conflict-list-search .table-content .conflict-2 {
  width: 10%!important;
  padding-left: 16px;
}
.conflict-list-search .table-content .conflict-3 {
  width: 18%!important;
  padding-left: 16px;
}
.conflict-list-search .table-content .conflict-4 {
  width: 10%!important;
  padding-left: 16px;
}
.conflict-list-search .table-content .conflict-5 {
  width: 9%!important;
  padding-left: 16px;
}
.conflict-list-search .table-content .conflict-6 {
  width: 3%!important;
  padding-left: 4px;
}
.conflict-list-search .table-content .conflict-7 {
  width: 18%!important;
  padding-left: 16px;
}
.conflict-list-search .cust-conflict__search {
  position: relative;
}
.conflict-list-search .cust-conflict__search input {
  padding-left: 87px;
  padding-right: 157px;
}
.conflict-list-search .cust-conflict__search .conflict-search-input > i {
  margin: 0;
  margin-left: 24px;
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 12px;
}
.conflict-list-search .cust-conflict__search .search-type {
  position: absolute;
  left: 45px;
  top: 16px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  cursor: pointer;
}
.conflict-list-search .cust-conflict__search .search-type i {
  height: 19.5px;
}
.conflict-list-search .cust-conflict__search .search-filter {
  position: absolute;
  right: 24px;
  top: 15px;
  display: flex;
  align-items: center;
}
.conflict-list-search .cust-conflict__search .search-filter__item {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-right: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.conflict-list-search .cust-conflict__search .search-filter__item:hover {
  color: #FA8919;
}
.conflict-list-search .cust-conflict__search .search-filter__item:hover .checkbox::before {
  color: #FA8919;
}
.conflict-list-search .cust-conflict__search .search-filter__item span {
  margin-left: 4px;
}
.conflict-list-search .cust-conflict__search .search-filter__item .checkbox: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;
  vertical-align: top;
}
.conflict-list-search .cust-conflict__search .search-filter__item .checkbox-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;
  vertical-align: top;
  padding-right: 0;
  margin-top: 0;
  cursor: pointer;
}
.conflict-list-search .cust-conflict__search .search-filter__item:last-child {
  margin-right: 0;
}
.conflict-list-search .search-part-in-conflict {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.conflict-list-search .search-part-in-conflict__left .title {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
}
.conflict-list-search .search-part-in-conflict__left .task-search {
  position: relative;
  width: 514px;
  height: 32px;
  margin-left: 16px;
}
.conflict-list-search .search-part-in-conflict__left .task-search .real-time-search-enter-and-clear .search-module {
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  box-shadow: none;
  height: 32px;
  width: 514px;
}
.conflict-list-search .search-part-in-conflict__left .task-search .real-time-search-enter-and-clear .search-module input {
  padding-right: 195px;
  padding-left: 118px;
  height: 34px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-type {
  position: absolute;
  left: 28px;
  top: 6px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  cursor: pointer;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter {
  position: absolute;
  right: 16px;
  top: 4px;
  display: flex;
  align-items: center;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-right: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item:hover {
  color: #FA8919;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item:hover .checkbox::before {
  color: #FA8919;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item span {
  margin-left: 4px;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item .checkbox: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;
  vertical-align: top;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item .checkbox-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;
  vertical-align: top;
  padding-right: 0;
  margin-top: 0;
  cursor: pointer;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-filter__item:last-child {
  margin-right: 0;
}
.conflict-list-search .search-part-in-conflict__left .task-search .real-time-search-enter-and-clear .search-module .search-module-i-close {
  right: 175px!important;
}
.conflict-list-search .search-part-in-conflict__left .task-search .search-module .search-module-i-close {
  right: 175px!important;
}
.conflict-list-search .search-part-in-conflict .main-btn {
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  transform: translateY(1px);
  padding: 0 16px;
}
.conflict-list-search .search-part-in-conflict .matterName-search {
  width: 120px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #FFFFFF;
  background: #FA8200;
  font-weight: 400;
  border-radius: 20px;
  padding: 8px 16px;
  cursor: pointer;
  position: relative;
}
.conflict-list-search .search-part-in-conflict .search__export {
  display: inline-block;
}
.conflict-list-search .search-part-in-conflict .search__export-btn {
  height: 32px;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 16px;
  cursor: pointer;
  border: 1px solid #DCDFE6;
  background: #FFFFFF;
  color: #606266;
  margin-left: 20px;
  width: auto !important;
}
.conflict-list-search .search-part-in-conflict .search__export-btn i {
  margin-top: 2px;
  text-align: center;
}
.conflict-list-search .search-part-in-conflict .search__export-btn:hover {
  border: 1px solid #FA8919;
  background-color: #FFFAF6;
  color: #FA8919;
}
.conflict-list-search .search-part-in-conflict .search__export-btn span {
  margin-left: 4px;
}
.conflict-search-type {
  width: 118px;
  display: flex;
  justify-content: center;
}
.conflict-search-type .conflict-search-type-list {
  width: 100%;
}
.conflict-search-type .conflict-search-type-list__item {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0.9;
}
.conflict-search-type .conflict-search-type-list__item:hover {
  background-color: #323232;
}
.search-result .main-content .excludedKeyword {
  display: flex;
  margin-top: 16px;
}
.search-result .main-content .excludedKeyword__label {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.search-result .main-content .excludedKeyword__wrapper {
  overflow: hidden;
}
.search-result .main-content .excludedKeyword__container {
  display: flex;
  margin-left: 16px;
  flex-wrap: wrap;
  margin-top: -10px;
}
.search-result .main-content .excludedKeyword__container-item {
  display: flex;
  align-items: center;
  height: 28px;
  background: #F8F8F8;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  padding: 10px 8px 10px 12px;
  box-sizing: border-box;
  margin-right: 10px;
  margin-top: 10px;
  color: #4a4a4a;
}
.search-result .main-content .excludedKeyword__container-item i {
  margin-left: 6px;
  transform: scale(0.8) translate(0, 1px);
  cursor: pointer;
}
.search-result .main-content .excludedKeyword__container-item i::before {
  height: 100%;
  width: 100%;
}
.search-result .main-content .excludedKeyword__container-item * {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.search-result .retrieve__import {
  margin-left: 16px;
  cursor: pointer;
  font-size: 14px;
  color: #4a4a4a;
}
.search-result .retrieve__all-conflict-type {
  font-size: 14px;
  color: #4a4a4a;
}
.search-result .retrieve__more-filters {
  font-size: 14px;
  color: #4a4a4a;
}
.search-result .retrieve__right {
  display: flex;
  align-items: center;
}
.search-result .retrieve__viewRule {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  margin-right: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.search-result .retrieve__viewRule i {
  margin-right: 4px;
  transform: translateY(1px);
}
.search-result .retrieve__viewRule i::before {
  font-size: 12px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #CEC9C4;
}
.search-result .retrieve__generage {
  height: 32px;
  display: flex;
  align-items: center;
  background-color: #FA8919;
  color: white;
  font-weight: 400;
  font-size: 12px;
  padding: 0 16px;
  border-radius: 20px;
  cursor: pointer;
}
.search-result .row-wrapper.search-and-down {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-result .row-wrapper.search-and-down .retrieve__left {
  display: flex;
  align-items: center;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search {
  position: relative;
  width: 514px;
  height: 32px;
  margin-right: 16px;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .real-time-search-enter-and-clear .search-module {
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  box-shadow: none;
  height: 32px;
  width: 514px;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .real-time-search-enter-and-clear .search-module input {
  padding-right: 195px;
  padding-left: 118px;
  height: 34px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-type {
  position: absolute;
  left: 28px;
  top: 6px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  cursor: pointer;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter {
  position: absolute;
  right: 16px;
  top: 4px;
  display: flex;
  align-items: center;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-right: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item:hover {
  color: #FA8919;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item:hover .checkbox::before {
  color: #FA8919;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item span {
  margin-left: 4px;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item .checkbox: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;
  vertical-align: top;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item .checkbox-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;
  vertical-align: top;
  padding-right: 0;
  margin-top: 0;
  cursor: pointer;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-filter__item:last-child {
  margin-right: 0;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .real-time-search-enter-and-clear .search-module .search-module-i-close {
  right: 175px!important;
}
.search-result .row-wrapper.search-and-down .retrieve__left .task-search .search-module .search-module-i-close {
  right: 175px!important;
}
.search-result .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  display: inline-block;
  margin: 0 16px;
}
.search-result .conflict-result-main .tab {
  height: 28px;
  margin-top: 24px;
  border-bottom: 1px solid #EBEBEB;
  height: auto;
  display: flex;
}
.search-result .conflict-result-main .tab__item {
  display: block;
  min-width: 100px;
  text-align: center;
  cursor: pointer;
  padding: 8px 16px;
}
.search-result .conflict-result-main .tab__hover:hover {
  color: #fa8919;
}
.search-result .conflict-result-main .tab__tips {
  margin-left: 24px;
  display: flex;
  align-items: center;
}
.search-result .conflict-result-main .tab--active {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.search-result .conflict-result-main .table-container {
  width: 100%;
}
.search-result .conflict-result-main .table {
  width: 1150px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
}
.search-result .conflict-result-main .table__item {
  margin-top: 32px;
  width: min-content;
}
.search-result .conflict-result-main .table__title {
  width: max-content;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
  position: sticky;
  left: 0;
  padding-left: 7px;
}
.search-result .conflict-result-main .table__title::before {
  content: '';
  display: block;
  height: 12px;
  width: 2px;
  border-radius: 2px;
  background-color: #ed6c00;
  position: absolute;
  left: 0;
  top: 5px;
}
.search-result .conflict-result-main .table__title i {
  cursor: pointer;
}
.search-result .conflict-result-main .table__title i:hover {
  color: #FA8919;
}
.search-result .conflict-result-main .table__conflictTitle {
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  border-bottom: 1px solid #EBEBEB;
  margin-top: 68px;
  position: sticky;
  left: 0;
}
.search-result .conflict-result-main .table__conflictTitle i {
  margin-left: 6px;
  transform: translateY(1px);
}
.search-result .conflict-result-main .table__conflictTitle i::before {
  font-size: 17px;
}
.search-result .conflict-result-main .table__conflictTitle i:hover {
  color: #FA8919;
}
.search-result .conflict-result-main .table__conflictTitle--allPossible {
  margin-top: 28px;
}
.search-result .conflict-result-main .table__content {
  width: min-content;
}
.search-result .conflict-result-main .table__content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
}
.search-result .conflict-result-main .table__content table thead tr th {
  text-align: left;
  font-size: 13px;
  color: #737373;
  font-weight: 400;
  height: 32px;
  padding: 8px 8px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  background-color: #FAFBFC;
  position: relative;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(1) {
  position: sticky;
  left: 0px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(2) {
  position: sticky;
  left: 58px;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(3) {
  position: sticky;
  left: 135px;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(4) {
  position: sticky;
  left: 312px;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(5) {
  position: sticky;
  left: 449px;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(5) .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.search-result .conflict-result-main .table__content table thead tr th:nth-child(-n+5) {
  z-index: 1;
}
.search-result .conflict-result-main .table__content table thead tr th:nth-last-child(2) {
  border-right: none;
}
.search-result .conflict-result-main .table__content table thead tr th:last-child {
  position: sticky;
  right: 0px;
  padding-left: 16px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__content table thead tr th:last-child .bg-td {
  box-shadow: -5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 更改阴影效果到左侧 */
}
.search-result .conflict-result-main .table__content table thead tr th .sort {
  position: absolute;
  right: 8px;
  top: 7px;
  color: #cdc9c5;
  cursor: pointer;
}
.search-result .conflict-result-main .table__content table thead tr th .sort__ascending {
  height: 18px;
  transform: translateY(2px);
}
.search-result .conflict-result-main .table__content table thead tr th .sort__descending {
  height: 18px;
  transform: translateY(-2px);
}
.search-result .conflict-result-main .table__content table thead tr th .sort--active {
  color: #fa8919;
}
.search-result .conflict-result-main .table__content table thead tr th .sort .ibass-trig-down {
  position: static;
}
.search-result .conflict-result-main .table__content table tbody tr td {
  padding: 12px 12px;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  letter-spacing: word-break;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(1) {
  position: sticky;
  left: 0px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(2) {
  position: sticky;
  left: 58px;
  padding: 12px 6px;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(3) {
  position: sticky;
  left: 135px;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(4) {
  position: sticky;
  left: 312px;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(5) {
  position: sticky;
  left: 449px;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(5) .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-child(-n+5) {
  z-index: 1;
  background-color: #fff;
  height: auto;
}
.search-result .conflict-result-main .table__content table tbody tr td:nth-last-child(2) {
  border-right: none;
}
.search-result .conflict-result-main .table__content table tbody tr td:last-child {
  position: sticky;
  right: 0px;
  background-color: white;
  /* 设置背景色 */
  padding-left: 16px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__content table tbody tr td:last-child .bg-td {
  box-shadow: -5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 更改阴影效果到左侧 */
}
.search-result .conflict-result-main .table__content table .checkbox {
  cursor: pointer;
}
.search-result .conflict-result-main .table__content table .checkbox:hover:before {
  color: #ed6c00;
}
.search-result .conflict-result-main .table__content table .checkbox: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;
}
.search-result .conflict-result-main .table__content table .checkbox-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;
  vertical-align: top;
}
.search-result .conflict-result-main .table__content-mainText {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}
.search-result .conflict-result-main .table__content-subText {
  font-size: 12px;
  color: #999;
}
.search-result .conflict-result-main .table__content-conflictType {
  background: #DE2626;
  border-radius: 20px;
  width: fit-content;
  padding: 4px 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  transform: scale(0.8);
}
.search-result .conflict-result-main .table__content-conflictType--relatively {
  background-color: #FA8919;
}
.search-result .conflict-result-main .table__content-possibleConflictType {
  padding-left: 6px;
}
.search-result .conflict-result-main .table__content--wrap {
  word-break: break-all;
}
.search-result .conflict-result-main .table__content--selected {
  background-color: #f6f6f6!important;
}
.search-result .conflict-result-main .table__content--highlight span {
  color: #fa4344;
}
.search-result .conflict-result-main .table__content--pointer {
  cursor: pointer;
}
.search-result .conflict-result-main .table__possibleContent {
  width: min-content;
}
.search-result .conflict-result-main .table__possibleContent table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th {
  text-align: left;
  font-size: 13px;
  color: #737373;
  font-weight: 400;
  height: 32px;
  padding: 8px 8px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  background-color: #FAFBFC;
  position: relative;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-child(1) {
  position: sticky;
  left: 0px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-child(2) {
  position: sticky;
  left: 58px;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-child(3) {
  position: sticky;
  left: 255px;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-child(4) {
  position: sticky;
  left: 412px;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-child(4) .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-child(-n+4) {
  z-index: 1;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:nth-last-child(2) {
  border-right: none;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:last-child {
  position: sticky;
  right: 0px;
  padding-left: 16px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th:last-child .bg-td {
  box-shadow: -5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 更改阴影效果到左侧 */
}
.search-result .conflict-result-main .table__possibleContent table thead tr th .sort {
  position: absolute;
  right: 8px;
  top: 7px;
  color: #cdc9c5;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th .sort__ascending {
  cursor: pointer;
  height: 18px;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th .sort__descending {
  cursor: pointer;
  height: 18px;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th .sort--active {
  color: #fa8919;
}
.search-result .conflict-result-main .table__possibleContent table thead tr th .sort .ibass-trig-down {
  position: static;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td {
  padding: 12px 12px;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  letter-spacing: word-break;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-child(1) {
  position: sticky;
  left: 0px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-child(2) {
  position: sticky;
  left: 58px;
  padding: 12px 6px;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-child(3) {
  position: sticky;
  left: 255px;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-child(4) {
  position: sticky;
  left: 412px;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-child(4) .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-child(-n+4) {
  z-index: 1;
  background-color: #fff;
  height: auto;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:nth-last-child(2) {
  border-right: none;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:last-child {
  position: sticky;
  right: 0px;
  background-color: white;
  /* 设置背景色 */
  padding-left: 16px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table__possibleContent table tbody tr td:last-child .bg-td {
  box-shadow: -5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 更改阴影效果到左侧 */
}
.search-result .conflict-result-main .table__possibleContent table .checkbox {
  cursor: pointer;
}
.search-result .conflict-result-main .table__possibleContent table .checkbox:hover:before {
  color: #ed6c00;
}
.search-result .conflict-result-main .table__possibleContent table .checkbox: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;
}
.search-result .conflict-result-main .table__possibleContent table .checkbox-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;
  vertical-align: top;
}
.search-result .conflict-result-main .table__possibleContent-mainText {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}
.search-result .conflict-result-main .table__possibleContent-subText {
  font-size: 12px;
  color: #999;
}
.search-result .conflict-result-main .table__possibleContent--wrap {
  word-break: break-all;
}
.search-result .conflict-result-main .table__possibleContent--selected {
  background-color: #f6f6f6!important;
}
.search-result .conflict-result-main .table__possibleContent--highlight span {
  color: #fa4344;
}
.search-result .conflict-result-main .table__possibleContent--pointer {
  cursor: pointer;
}
.search-result .conflict-result-main .table::-webkit-scrollbar {
  /* Chrome, Safari and Opera */
  display: none;
}
.search-result .conflict-result-main .table-inner {
  width: 1150px;
  overflow-x: auto;
  position: relative;
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
}
.search-result .conflict-result-main .table-inner__item {
  margin-top: 32px;
  width: min-content;
}
.search-result .conflict-result-main .table-inner__item--noScroll {
  width: 100%;
}
.search-result .conflict-result-main .table-inner__title {
  width: max-content;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
  position: sticky;
  left: 0;
  padding-left: 7px;
}
.search-result .conflict-result-main .table-inner__title::before {
  content: '';
  display: block;
  height: 12px;
  width: 2px;
  border-radius: 2px;
  background-color: #ed6c00;
  position: absolute;
  left: 0;
  top: 5px;
}
.search-result .conflict-result-main .table-inner__content {
  width: min-content;
}
.search-result .conflict-result-main .table-inner__content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
}
.search-result .conflict-result-main .table-inner__content table thead tr {
  background-color: #FAFBFC;
}
.search-result .conflict-result-main .table-inner__content table thead tr th {
  text-align: left;
  font-size: 13px;
  color: #737373;
  font-weight: 400;
  height: 32px;
  padding: 8px 8px;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table-inner__content table thead tr th:first-child {
  position: sticky;
  left: 0px;
  z-index: 1;
  border-left: 1px solid #f0f0f0;
  background-color: #FAFBFC;
}
.search-result .conflict-result-main .table-inner__content table thead tr th:first-child .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.search-result .conflict-result-main .table-inner__content table thead tr th:last-child {
  position: sticky;
  right: 0px;
  z-index: 1;
  padding-left: 16px;
  background-color: #FAFBFC;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table-inner__content table thead tr th:last-child .bg-td {
  box-shadow: -5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 更改阴影效果到左侧 */
}
.search-result .conflict-result-main .table-inner__content table tbody tr td {
  padding: 12px 12px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  letter-spacing: word-break;
  word-break: break-all;
}
.search-result .conflict-result-main .table-inner__content table tbody tr td span {
  color: #fa4344;
}
.search-result .conflict-result-main .table-inner__content table tbody tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 1;
  background-color: #fff;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table-inner__content table tbody tr td:first-child .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.search-result .conflict-result-main .table-inner__content table tbody tr td:last-child {
  position: sticky;
  right: 0px;
  z-index: 1;
  background-color: #fff;
  padding-left: 16px;
  border-left: 1px solid #f0f0f0;
}
.search-result .conflict-result-main .table-inner__content table tbody tr td:last-child .bg-td {
  box-shadow: -5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 更改阴影效果到左侧 */
}
.search-result .conflict-result-main .table-inner__content table .serial-number {
  width: 40px;
}
.search-result .conflict-result-main .table-inner__content table .checkbox {
  cursor: pointer;
}
.search-result .conflict-result-main .table-inner__content table .checkbox:hover:before {
  color: #ed6c00;
}
.search-result .conflict-result-main .table-inner__content table .checkbox: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;
}
.search-result .conflict-result-main .table-inner__content table .checkbox-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;
  vertical-align: top;
}
.search-result .conflict-result-main .table-inner__content--noScroll {
  width: 100%;
}
.search-result .conflict-result-main .table-inner .narrow-columns {
  width: 170px;
}
.search-result .conflict-result-main .table-inner::-webkit-scrollbar {
  /* Chrome, Safari and Opera */
  display: none;
}
.search-result .conflict-result-main .table-null {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 380px;
}
.search-result .conflict-result-main .table-null-img {
  position: relative;
  width: 100px;
  height: 130px;
  background: url('common/images/empty-table2.png') no-repeat center;
  background-size: 64px 40px;
}
.search-result .conflict-result-main .table-null-img::after {
  position: absolute;
  content: "暂无数据";
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  bottom: 16px;
  width: 100%;
  text-align: center;
}
.search-result .conflict-result-main .bg-td {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 0;
  right: 0;
  z-index: -1;
}
.search-result .conflict-result-main .striky-td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  content-visibility: auto;
  contain-intrinsic-size: 59px;
}
.search-result .conflict-result-main .custom-scrollbar {
  width: 100%;
  height: 10px;
  /* 更细的滚动条 */
  background-color: #f9f9f9;
  /* 轻微的灰色背景 */
  border-radius: 10px;
  /* 圆角 */
  box-shadow: inset 0px 0px 5px white;
  /* 内阴影效果 */
  position: sticky;
  bottom: 0;
  z-index: 99;
}
.search-result .conflict-result-main .custom-scrollbar-thumb {
  position: absolute;
  width: 0;
  height: 100%;
  background: #808080;
  /* 深灰色 */
  border-radius: 10px;
  transition: height 0.3s;
  /* 添加过渡效果 */
  opacity: .7;
  z-index: 99;
}
.search-result .conflict-result-main .custom-scrollbar-thumb:hover {
  height: 150%;
  /* 悬停时高度增加 */
}
.search-result .ibass-import {
  position: relative;
  top: 2px;
}
.search-result .ibass-trig-up {
  position: relative;
  top: 2px;
}
.search-result .ibass-trig-down {
  position: relative;
  top: 2px;
}
.search-result .i-btn {
  font-weight: 400;
}
.conflict-search-import .new-common-attachments .new-common-attachments-upload {
  font-size: 12px;
}
.conflict-search-import .contract-upload-body .ibass-upload {
  font-size: 42px!important;
  line-height: 42px;
}
.conflict-search-import .firm-dialog-body {
  padding: 38px 48px 48px 48px!important;
}
.excludedKeyword-tooltip.tooltip.top {
  transform: translateX(30px);
  max-width: 350px;
  border-radius: 8px;
}
.excludedKeyword-tooltip.tooltip.top .tooltip-inner {
  padding: 8px;
}
.table-container-title-tooltip.tooltip.top {
  transform: translateX(240px);
  border-radius: 8px!important;
}
.table-container-title-tooltip.tooltip.top .tooltip-arrow {
  transform: translateX(-240px);
}
/* 给 Tooltip 的主体内容添加内边距 */
.table-container-title-tooltip.tooltip.top .tooltip-inner {
  padding: 8px;
}
.conflictLawClause-tooltip.tooltip.top {
  transform: translateX(300px);
  max-width: 660px;
  min-width: 660px;
  text-align: left;
  border-radius: 8px!important;
}
.conflictLawClause-tooltip.tooltip.top .tooltip-arrow {
  transform: translateX(-300px);
}
.conflictLawClause-tooltip.tooltip.top .tooltip-inner {
  padding: 8px;
}
.uk-notify .alert-warning {
  background-color: #fa8919;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.mf-popup {
  width: 550px;
  border-radius: 8px;
  background-color: #f8f8f8;
  padding: 8px 20px 0 20px;
}
.mf-popup__row {
  display: flex;
  margin-top: 12px;
}
.mf-popup__row:first-child {
  margin-top: 0;
}
.mf-popup__half {
  width: 50%;
  margin-right: 16px;
  display: flex;
  flex-direction: column;
}
.mf-popup__half:last-child {
  margin-right: 0;
}
.mf-popup__half-label {
  font-size: 12px;
  margin-bottom: 8px;
}
.mf-popup__operate {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0 12px 0;
}
.mf-popup .btn {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  font-size: 12px;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.mf-popup .btn__reset {
  background-color: #f8f8f9;
  color: #9b9b9b;
  border: 1px solid #c6c6c7;
  margin-right: 12px;
}
.mf-popup .btn__confirm {
  background-color: #fa8919;
  color: white;
}
.import-from-excel-dialog .ngdialog-content {
  overflow: hidden;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body {
  min-height: 240px;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body .un-uploaded .ibass-upload {
  font-size: 32px;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body .select-file-btn {
  width: 100px;
  height: 36px;
  font-size: 12px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body .conflict-inner-data .new-common-attachments-upload {
  margin-left: 0;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body .conflict-inner-data .new-common-attachments-upload span {
  margin-top: 0;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body .notice {
  margin-top: 18px;
  font-size: 12px;
  line-height: 18px;
}
.import-from-excel-dialog .ngdialog-content .contract-upload-body .notice > div {
  margin-top: 8px;
}
.searchResult-businessInfo-tooltip {
  transform: translateX(318px);
}
.searchResult-businessInfo-tooltip .triangle {
  transform: translateX(-318px);
}
.searchResult-businessInfo-tooltip .ns-popover-tooltip {
  max-width: none!important;
  width: 1010px;
  box-sizing: border-box;
}
.searchResult-businessInfo-tooltip .ns-popover-tooltip .triangle {
  transform: translateX(-318px);
}
.searchResult-businessInfo {
  padding: 6px 32px 82px 32px;
  min-height: 200px;
}
.searchResult-businessInfo .header {
  height: 44px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  border-bottom: 1px solid #EBEBEB;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.searchResult-businessInfo .header__left {
  display: flex;
}
.searchResult-businessInfo .header__right {
  display: flex;
  align-items: center;
}
.searchResult-businessInfo .header__right-CompanyInfo {
  width: 92px;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  color: #606266;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
}
.searchResult-businessInfo .header__right-CompanyInfo:hover {
  color: #ed6c00;
  border-color: #fad3b3;
  background-color: #fdf0e6;
}
.searchResult-businessInfo .header__tabItem {
  display: block;
  text-align: left;
  cursor: pointer;
  padding-top: 12px;
  margin-right: 34px;
  font-size: 14px;
  font-family: PingFangSC-Mideum, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.searchResult-businessInfo .header__tabItem--active {
  border-bottom: 2px solid #fa8919;
  color: #333;
  font-weight: 500;
}
.searchResult-businessInfo .header__tabItem--hover:hover {
  color: #fa8919;
}
.searchResult-businessInfo .container__item {
  margin-top: 10px;
}
.searchResult-businessInfo .container__item .table {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  /* 添加这一行以确保内部元素的 border-radius 生效 */
}
.searchResult-businessInfo .container__item .table .thead .tr {
  min-height: 48px;
  display: flex;
  flex-direction: row;
}
.searchResult-businessInfo .container__item .table .thead .tr .th {
  padding: 15px 16px 0px 16px;
  flex: 1;
  background-color: #FAFBFC;
  font-size: 13px;
  color: #333333;
}
.searchResult-businessInfo .container__item .table .tbody .tr {
  min-height: 48px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ebebeb;
}
.searchResult-businessInfo .container__item .table .tbody .tr .td {
  padding: 15px 16px;
  flex: 1;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.searchResult-businessInfo .container__item .table .tbody .tr:last-child {
  border-bottom: none;
}
.searchResult-businessInfo .container__item .table .tbody .tr:hover {
  background-color: #FAFBFC;
}
.searchResult-businessInfo .container__item .thead .tr .th:first-child {
  border-top-left-radius: 8px;
  /* 设置左上角的圆角 */
}
.searchResult-businessInfo .container__item .thead .tr .th:last-child {
  border-top-right-radius: 8px;
  /* 设置右上角的圆角 */
}
.searchResult-businessInfo .container__item .tbody .tr:last-child .td:first-child {
  border-bottom-left-radius: 8px;
  /* 设置左下角的圆角 */
}
.searchResult-businessInfo .container__item .tbody .tr:last-child .td:last-child {
  border-bottom-right-radius: 8px;
  /* 设置右下角的圆角 */
}
.searchResult-businessInfo .container__null {
  height: 210px;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.searchResult-businessInfo .container .table-null {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightblue;
}
.searchResult-businessInfo .container .table-null-img {
  position: relative;
  width: 100px;
  height: 130px;
  background: url('common/images/empty-table2.png') no-repeat center;
  background-size: 90px 58px;
}
.searchResult-businessInfo .container .table-null-img::after {
  position: absolute;
  content: "暂无数据";
  line-height: 22px;
  bottom: 16px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #ddd6d9;
  background-color: #fff;
}
.searchResult-businessInfo .container .i-table {
  border: none;
}
.searchResult-businessInfo .container .i-table__header-wrapper table tr {
  border: none;
}
.searchResult-businessInfo .container .i-table__header th,
.searchResult-businessInfo .container .i-table__footer th {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  background: #FAFBFC;
}
.searchResult-businessInfo i-table__header-wrapper table td,
.searchResult-businessInfo .i-table__body-wrapper table td,
.searchResult-businessInfo .i-table__footer-wrapper table td,
.searchResult-businessInfo .i-table__header-wrapper table th,
.searchResult-businessInfo .i-table__body-wrapper table th,
.searchResult-businessInfo .i-table__footer-wrapper table th {
  padding: 0 16px;
  height: 48px;
  font-size: 12px;
  box-sizing: border-box;
}
.searchResult-businessInfo .i-table--wrap .i-table__body-wrapper table td {
  min-height: 40px;
  padding: 15px 16px;
}
.searchResult-pagination {
  transform: translateY(-88px);
}

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

.date-remind-dlg .i-dialog__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.date-remind-dlg .i-dialog__container .block {
  display: flex;
  min-height: 32px;
  width: 100%;
  margin-bottom: 10px;
}
.date-remind-dlg .i-dialog__container .block .i-checkbox {
  color: #a9a9a9;
  height: 32px;
  line-height: 32px;
}
.date-remind-dlg .i-dialog__container .block .task-reminder-choose-outer {
  margin-bottom: 10px;
}
.date-remind-dlg .i-dialog__container .block .task-reminder-choose-outer .name {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: left;
}
.date-remind-dlg .i-dialog__container .block .task-reminder-choose-outer .reminder-columns .i-checkbox {
  color: #212121;
}
.date-remind-dlg .i-dialog__container .block > .name {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: left;
  color: #a9a9a9;
  margin-right: 16px;
}
.date-remind-dlg .i-dialog__container .block > .value {
  flex: 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: 888px;
  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: #fa8919;
  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: 856px;
  overflow: hidden;
}
.iradar-index-bid-content-li {
  float: left;
  color: #4a4a4a;
  width: 428px;
  margin-top: 11px;
  cursor: pointer;
}
.iradar-index-bid-content-li:hover i {
  color: #ed6c00;
}
.iradar-index-bid-content-li:hover a {
  color: #ed6c00;
}
.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: 378px;
  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: #ed6c00;
}
.iradar-index-bid-showAll:hover span {
  color: #ed6c00;
}
.iradar-index-overview {
  border-top: solid 1px #ebebeb;
  padding-top: 20px;
}
.iradar-index-overview .ibass-location {
  font-size: 20px;
  color: #fa8919;
  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: #fa8919;
}
.iradar-index-overview .mul-trigger:hover {
  color: #fa8919;
}
.iradar-index-overview .iradar-overview {
  border-bottom: none;
  margin-top: 20px;
}
.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;
}
.iradar-index-trade-i {
  width: 302px;
  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: 180px;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  display: table;
  cursor: pointer;
}
.iradar-index-trade-i .name:hover {
  color: #ed6c00;
}
.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: #ed6c00;
}
.iradar-index-trade-i .star:hover {
  color: #ed6c00;
}
.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: #ed6c00;
}
.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;
}
.task-search {
  width: 300px;
  display: inline-block;
  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;
}

.customer-manage-container .customer-manage-container__iframe {
  width: 100%;
  height: 800px;
  border: none;
}

.customer-relation-container .customer-relation-container__iframe {
  width: 100%;
  height: 800px;
  border: none;
}

.fingerprint-error-verify-code-container {
  width: 100%;
  padding: 32px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-info {
  font-size: 16px;
  padding-left: 5px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-info i {
  color: #FFA940;
  position: relative;
  top: 3px;
  font-size: 18px;
  margin-right: 12px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-info span {
  font-weight: 500;
  color: #333333;
  line-height: 26px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-img {
  width: 312px;
  height: 62px;
  margin: 20px auto 0px;
  display: block;
  cursor: pointer;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-img-text {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  text-align: center;
  margin: 10px 0px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-form-container {
  display: flex;
  margin-left: 35px;
  overflow: hidden;
  margin-top: 24px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-form-container .fingerprint-verify-code-text {
  width: 56px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-top: 5px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-form-container .verify-code-input {
  margin-right: 10px;
  outline: none;
  width: 255px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  padding-left: 8px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-form-container .verify-code-info {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-top: 4px;
  padding-left: 8px;
}
.fingerprint-error-verify-code-container .fingerprint-error-verify-code-sub-btn {
  width: 110px;
  height: 36px;
  background: #FA8919;
  border-radius: 20px;
  border: none;
  color: #fff;
  margin: 30px auto 0px;
  display: block;
}

.fun-introduce-fixed-container {
  position: fixed;
  width: 45px;
  top: 50%;
  right: 0px;
  padding: 12px 0;
  cursor: pointer;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 5px 0 0 5px;
  z-index: 100;
  background-color: #ffffff;
  user-select: none;
}
.fun-introduce-fixed-container .fun-introduce-fixed-text {
  line-height: 16px;
  margin: 0 auto;
  width: 14px;
}

.fun-preview-module-directive-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 40px 0 70px;
  border-radius: 10px;
}

.function-preview-container {
  width: 720px;
  background-image: url('tool/images/no-password/fun-preview-tab-bg.png');
  background-size: cover;
  padding: 50px 20px;
  border-radius: 15px;
}
.function-preview-container .function-preview-title-container {
  display: flex;
  justify-content: space-between;
  width: 600px;
  margin: 0 auto;
}
.function-preview-container .function-preview-title-container .function-preview-title {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}
.function-preview-container .function-preview-title-container .function-previewp-button-list {
  display: flex;
  justify-content: space-around;
}
.function-preview-container .function-preview-title-container .function-previewp-button-list .function-previewp-button-login {
  width: 90px;
  height: 32px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  font-weight: 500;
  color: #606266;
  line-height: 16px;
  background-color: #fff;
  margin-right: 10px;
}
.function-preview-container .function-preview-title-container .function-previewp-button-list .function-previewp-button-apply {
  width: 90px;
  height: 32px;
  background: #FA8919;
  border: 1px solid transparent;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 16px;
}
.function-preview-container .function-preview-tab-container {
  width: 666px;
  margin: 40px auto 0px;
  padding: 0px;
}
.function-preview-container .function-preview-tab-container .function-preview-tab-title {
  font-weight: 700;
}
.function-preview-container .function-preview-tab-container .function-preview-tab-list {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  width: 615px;
  margin: 0 auto;
}
.function-preview-container .function-preview-tab-container .function-preview-tab-list .function-preview-tab-list-item {
  cursor: pointer;
  position: relative;
  padding: 0 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 20px;
  word-wrap: break-word;
}
.function-preview-container .function-preview-tab-container .function-preview-tab-list .function-preview-tab-list-item::after {
  display: block;
  content: ' ';
  width: 1px;
  height: 17px;
  background: #EBEBEB;
  border-radius: 1px;
  position: absolute;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
}
.function-preview-container .function-preview-tab-container .function-preview-tab-list .function-preview-tab-list-item:last-child::after {
  display: none;
}
.function-preview-container .function-preview-tab-container .function-preview-tab-list .function-preview-tab-list-item:hover,
.function-preview-container .function-preview-tab-container .function-preview-tab-list .function-preview-tab-list-item-active {
  color: #fa8919;
}
.function-preview-container .function-preview-tab-container .function-preview-img {
  width: 666px;
  margin: 0px auto;
  display: block;
}
.function-preview-container .fp-go-introd-video {
  width: 600px;
  margin: 0px auto 0px;
  text-align: right;
  color: #fa8919;
  cursor: pointer;
  text-decoration: underline;
}

.go-login-dialog-container {
  padding: 46px;
  background-image: url('tool/images/go-login-bg2x.png');
  background-size: cover;
  overflow: hidden;
  border-radius: 10px;
}
.go-login-dialog-container .go-login-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
}
.go-login-dialog-container .go-login-title {
  font-size: 28px;
  line-height: 40px;
  color: #333333;
  font-weight: 700;
}
.go-login-dialog-container .go-login-info {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin-top: 10px;
}
.go-login-dialog-container .go-login-button-list {
  margin-top: 80px;
}
.go-login-dialog-container .go-login-button-list .go-login-button-login-button {
  width: 90px;
  height: 32px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  background-color: transparent;
  color: #606266;
  margin-right: 10px;
}
.go-login-dialog-container .go-login-button-list .go-login-button-apply-button {
  width: 90px;
  height: 32px;
  background: #FA8919;
  border-radius: 20px;
  border: 1px solid transparent;
  color: #ffffff;
}
.go-login-dialog-container .go-login-look-video {
  text-align: left;
  margin-top: 16px;
}
.go-login-dialog-container .go-login-look-video .go-login-look-video-button {
  text-decoration: underline;
  color: #fa8919;
  cursor: pointer;
  font-size: 12px;
}

.introduce-function-video-container {
  padding: 20px 60px 52px;
}
.introduce-function-video-container .introduce-function-video-title {
  margin-top: 15px;
  line-height: 1;
  text-align: center;
  position: relative;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 24px;
}
.introduce-function-video-container .introduce-function-video-title::after {
  display: block;
  content: " ";
  width: 297px;
  height: 1px;
  background-color: #f2f3f7;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -22px;
}
.introduce-function-video-container .introduce-function-video-title::before {
  display: block;
  content: " ";
  width: 297px;
  height: 1px;
  background-color: #f2f3f7;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -22px;
}
.introduce-function-video-container .introduce-function-video-this {
  margin: 20px auto 0px;
  display: block;
}
.introduce-function-video-container .introduce-function-video-tab {
  display: flex;
  margin: 30px auto 0px;
  justify-content: center;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item {
  display: flex;
  position: relative;
  padding: 0px 11px;
  flex-wrap: nowrap;
  border-right: 1px solid #ebebeb;
  line-height: 1;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item i {
  margin-right: 8px;
  color: #d1d5d7;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item i.gpt-icon-name {
  font-size: 20px;
  line-height: 14px;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item .introduce-function-video-tab-item_text {
  font-size: 14px;
  color: #4a4a4a;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item:hover {
  cursor: pointer;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item:hover i,
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item:hover .introduce-function-video-tab-item_text {
  color: #fa8919;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item-active i,
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item-active .introduce-function-video-tab-item_text {
  color: #fa8919;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item:first-child {
  padding-left: 0;
}
.introduce-function-video-container .introduce-function-video-tab .introduce-function-video-tab-item:last-child {
  border-right: none;
  padding-right: 0;
}

.login-hint-fixed-container {
  width: 300px;
  padding: 40px 40px 32px;
  background-color: #ffffff;
  position: fixed;
  right: 80px;
  bottom: 5%;
  z-index: 100;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  background-image: url(tool/images/login-hint-fixed-bg.png);
  background-size: cover;
}
.login-hint-fixed-container .login-hint-fixed-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.login-hint-fixed-container .login-hint-fixed-title {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 26px;
}
.login-hint-fixed-container .login-hint-fixed-info {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin-top: 20px;
}
.login-hint-fixed-container .login-hint-fixe-button-list {
  margin-top: 36px;
}
.login-hint-fixed-container .login-hint-fixe-button-list .login-hint-fixe-button-login {
  width: 90px;
  height: 32px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  background-color: transparent;
  color: #606266;
  margin-right: 10px;
}
.login-hint-fixed-container .login-hint-fixe-button-list .login-hint-fixe-button-apply-try {
  width: 90px;
  height: 32px;
  background: #FA8919;
  border-radius: 20px;
  border: 1px solid transparent;
  color: #ffffff;
}
.login-hint-fixed-opacity {
  opacity: 1;
}

.unlock-more-fun-container {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 60px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 2px 2px 14px 0px rgba(49, 55, 59, 0.1);
  border-radius: 20px;
  background-image: url("tool/images/more-look-block-bg.png");
  background-size: cover;
  position: relative;
}
.unlock-more-fun-container .unlock-more-fun-title {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}
.unlock-more-fun-container .unlock-more-fun-list-container {
  margin-top: 14px;
  box-sizing: border-box;
  width: 100%;
}
.unlock-more-fun-container .unlock-more-fun-list-container .unlock-more-fun-list-title {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
}
.unlock-more-fun-container .unlock-more-fun-list-container .unlock-more-fun-list-wrap {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 40px;
  justify-content: space-around;
}
.unlock-more-fun-container .unlock-more-fun-list-container .unlock-more-fun-list-wrap .unlock-more-fun-list-item {
  padding: 5px;
  margin-right: 20px;
  text-align: center;
}
.unlock-more-fun-container .unlock-more-fun-list-container .unlock-more-fun-list-wrap .unlock-more-fun-list-item .unlock-more-fun-list-item-icon {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
}
.unlock-more-fun-container .unlock-more-fun-list-container .unlock-more-fun-list-wrap .unlock-more-fun-list-item .unlock-more-fun-list-item-text {
  margin-top: 14px;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.unlock-more-fun-container .unlock-more-fun-button-list {
  width: 232px;
  margin: 40px auto 0px;
  display: flex;
  justify-content: space-between;
}
.unlock-more-fun-container .unlock-more-fun-button-list .unlock-more-fun-button-login {
  width: 104px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  color: #606266;
}
.unlock-more-fun-container .unlock-more-fun-button-list .unlock-more-fun-button-apply-try {
  width: 104px;
  height: 40px;
  background: #FA8919;
  border-radius: 20px;
  border: 1px solid #FA8919;
  color: #ffffff;
}
.unlock-more-fun-container .unlock-more-fun-look-video {
  color: #fa8919;
  text-align: right;
  margin-top: 10px;
  cursor: pointer;
  position: absolute;
  text-decoration: underline;
  bottom: 50px;
  right: 60px;
}
.no-password-large-icon-container .unlock-more-fun-list-container .unlock-more-fun-list-wrap .unlock-more-fun-list-item .unlock-more-fun-list-item-icon {
  width: 76px;
  height: 78px;
}

.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;
  position: relative;
}
.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 .ns-popover-chooseProgram {
  left: -80px !important;
  top: 75px !important;
}
.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: 470px;
  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;
}

.matter-doc__list .doc-body {
  width: 100%;
  height: auto;
  padding: 0;
  overflow-y: hidden;
  position: relative;
}
.matter-doc__list .doc-body .lns-attachment-head {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.matter-doc__list .doc-body .lns-attachment-head input {
  border: none;
  height: 100%;
  width: 310px;
  margin-left: 8px;
  margin-right: 12px;
}
.matter-doc__list .doc-body .lns-attachment-head input::placeholder {
  color: #a9a9a9;
}
.matter-doc__list .doc-body .doc-lists {
  width: 590px;
  padding: 0 30px;
  height: 232px;
  overflow-y: scroll;
}
.matter-doc__list .doc-body .doc-lists .doc-item {
  width: 100%;
  min-height: 48px;
  overflow: hidden;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  position: relative;
  padding: 9px 0px;
  font-size: 15px;
}
.matter-doc__list .doc-body .doc-lists .doc-item span {
  float: left;
  max-width: 340px;
  font-size: 14px;
  line-height: 24px;
  min-height: 24px;
  max-height: 48px;
  margin-left: 8px;
  overflow: hidden;
}
.matter-doc__list .doc-body .doc-lists .doc-item:hover {
  background: #f8f8f9;
}
.matter-doc__list .doc-body .doc-lists .doc-item .lns-list-icon {
  float: left;
  font-size: 16px;
  line-height: 24px;
  margin-left: 4px;
}
.matter-doc__list .doc-body .doc-lists .doc-item-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  color: #4A4A4A;
  max-width: 320px;
}
.matter-doc__list .doc-body .doc-lists .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;
}
.matter-doc__list .doc-body .lns-attachment-foot {
  height: 62px;
  position: relative;
  box-sizing: border-box;
  padding-top: 14px;
}
.matter-doc__list .doc-body .lns-attachment-foot span {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
  position: absolute;
  left: 25px;
  top: 21px;
}
.matter-doc__list .doc-body .lns-attachment-foot .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;
}
.matter-doc__list .doc-body .ibass-filetype-folder {
  color: #cdc8c5;
}
.matter-doc__list .doc-body .ibass-filetype-doc {
  color: #0a96e5;
}
.matter-doc__list .doc-body .ibass-filetype-ppt {
  color: #d04424;
}
.matter-doc__list .doc-body .ibass-filetype-pdf {
  color: #e3574d;
}
.matter-doc__list .doc-body .ibass-filetype-image {
  color: #07cfda;
}
.matter-doc__list .doc-body .ibass-filetype-excel {
  color: #1c7044;
}
.matter-doc__list .doc-body .ibass-filetype-zip {
  color: #9d7120;
}
.matter-doc__list .doc-body .ibass-filetype-music {
  color: #a7d638;
}
.matter-doc__list .doc-body .ibass-filetype-video {
  color: #d94ff5;
}
.matter-doc__list .doc-body .ibass-filetype-default {
  color: #cdc9c5;
}
.lns-popover-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  color: #cdc9c5;
  position: absolute;
  top: 20px;
  right: 15px;
}
.lns-mark-wrap i {
  width: 16px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  display: inline-block;
  float: left;
  margin-right: 11px;
}
.switch-head-display {
  height: calc(101%);
  width: 390px;
  margin-left: 33px;
  white-space: nowrap;
}
.search-doc-wrap,
.search-database-wrap,
.current-database-wrap {
  display: inline-block;
  position: relative;
  height: calc(100%);
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #fa8919;
  overflow: hidden;
}
.current-database-wrap {
  border-color: transparent;
}
.current-database-wrap .current-database-wrap-icon {
  float: left;
  margin-top: 18px;
  color: #cdc9c5;
  line-height: 14px;
}
.current-database-wrap .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;
}
.switch-database {
  display: inline-block;
  float: left;
  color: #ed6c00;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin-top: 16px;
}
.search-attachment-icon {
  position: absolute;
  top: 19px;
  right: 50px;
  cursor: pointer;
  color: #cdc9c5;
}
.attachment-sort-icon {
  position: absolute;
  top: 16px;
  right: 90px;
  cursor: pointer;
  color: #cdc9c5;
}
.attachment-sort-icon:hover {
  color: #fa8919;
}
.search-attachment-icon:hover {
  color: #fa8919;
}
.lns-attachment-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.matter-root-path {
  float: left;
  line-height: 40px;
  color: #737373;
  cursor: pointer;
}
.matter-root-path:hover {
  color: #ed6c00;
}
.file-path li {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-left: 7px;
}
.file-path li:before {
  padding-right: 7px;
  color: #cdc9c5;
}
.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;
}
.file-path li span:hover {
  color: #ed6c00;
}
.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;
}
.lns-attachment-content b {
  font-weight: normal;
  color: #fa8919;
}
.lns-attachment-additional-info {
  float: right;
  margin-right: 38px;
  color: #a9a9a9;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
}
.commen-clear-float::after {
  content: ' ';
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
}
.sort-condition-selected {
  color: #ed6c00;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .ns-popover-sort-condition-triangle {
  border-bottom-color: #3D3D3D;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .ns-popover-sort-condition-triangle::after {
  border-bottom-color: #3D3D3D;
}
.attachment-sort-position {
  top: 100%!important;
  left: 50%!important;
  transform: translateX(-50%) !important;
}

.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 .restore-btn i {
  position: relative;
  top: 4px;
  font-size: 24px;
}
.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: 100px 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 .img-content.img-restore-0 {
  transform: rotate(360deg);
}
.documentPre-fullScreen .fullScreen-content .content .img-content.img-restore-1 {
  transform: rotate(90deg);
}
.documentPre-fullScreen .fullScreen-content .content .img-content.img-restore-2 {
  transform: rotate(180deg);
}
.documentPre-fullScreen .fullScreen-content .content .img-content.img-restore-3 {
  transform: rotate(270deg);
}
.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;
}

.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;
  position: relative;
}
.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 .ns-popover-chooseProgram {
  left: -80px !important;
  top: 75px !important;
}
.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: 470px;
  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: 100px;
  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: 100px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
}
.document-detail-move .move-safe-wran {
  font-size: 14px;
  color: #999;
  line-height: 18px;
  margin-top: 10px;
}
.document-detail-move .move-safe-wran .ibass-warning {
  margin-right: 2px;
  vertical-align: middle;
}

.safebox-doc__list .doc-body {
  width: 100%;
  height: auto;
  padding: 0;
  overflow-y: hidden;
  position: relative;
}
.safebox-doc__list .doc-body .lns-attachment-head {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display {
  height: calc(101%);
  width: 390px;
  margin-left: 33px;
  white-space: nowrap;
}
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display .search-doc-wrap,
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display .search-database-wrap,
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display .current-database-wrap {
  display: inline-block;
  position: relative;
  height: calc(100%);
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #fa8919;
  overflow: hidden;
}
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display .current-database-wrap {
  border-color: transparent;
}
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display .current-database-wrap .current-database-wrap-icon {
  float: left;
  margin-top: 18px;
  color: #cdc9c5;
  line-height: 14px;
}
.safebox-doc__list .doc-body .lns-attachment-head .switch-head-display .current-database-wrap .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;
}
.safebox-doc__list .doc-body .lns-attachment-head input {
  border: none;
  height: 100%;
  width: 310px;
  margin-left: 8px;
  margin-right: 12px;
}
.safebox-doc__list .doc-body .lns-attachment-head input::placeholder {
  color: #a9a9a9;
}
.safebox-doc__list .doc-body .doc-lists {
  width: 590px;
  padding: 0 30px;
  height: 232px;
  overflow-y: scroll;
}
.safebox-doc__list .doc-body .doc-lists .doc-item {
  width: 100%;
  min-height: 48px;
  overflow: hidden;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  position: relative;
  padding: 9px 0px;
  font-size: 15px;
}
.safebox-doc__list .doc-body .doc-lists .doc-item span {
  float: left;
  max-width: 340px;
  font-size: 14px;
  line-height: 24px;
  min-height: 24px;
  max-height: 48px;
  margin-left: 8px;
  overflow: hidden;
}
.safebox-doc__list .doc-body .doc-lists .doc-item .safebox-attachment-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.safebox-doc__list .doc-body .doc-lists .doc-item:hover {
  background: #f8f8f9;
}
.safebox-doc__list .doc-body .doc-lists .doc-item .lns-list-icon {
  float: left;
  font-size: 16px;
  line-height: 24px;
  margin-left: 4px;
}
.safebox-doc__list .doc-body .doc-lists .doc-item-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  color: #4A4A4A;
  max-width: 320px;
}
.safebox-doc__list .doc-body .ibass-filetype-folder {
  color: #cdc8c5;
}
.safebox-doc__list .doc-body .ibass-filetype-doc {
  color: #0a96e5;
}
.safebox-doc__list .doc-body .ibass-filetype-ppt {
  color: #d04424;
}
.safebox-doc__list .doc-body .ibass-filetype-pdf {
  color: #e3574d;
}
.safebox-doc__list .doc-body .ibass-filetype-image {
  color: #07cfda;
}
.safebox-doc__list .doc-body .ibass-filetype-excel {
  color: #1c7044;
}
.safebox-doc__list .doc-body .ibass-filetype-zip {
  color: #9d7120;
}
.safebox-doc__list .doc-body .ibass-filetype-music {
  color: #a7d638;
}
.safebox-doc__list .doc-body .ibass-filetype-video {
  color: #d94ff5;
}
.safebox-doc__list .doc-body .ibass-filetype-default {
  color: #cdc9c5;
}
.safebox-doc__list .doc-body .lns-attachment-foot {
  height: 62px;
  position: relative;
  box-sizing: border-box;
  padding-top: 14px;
}
.safebox-doc__list .doc-body .lns-attachment-foot span {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #a9a9a9;
  position: absolute;
  left: 25px;
  top: 21px;
}
.safebox-doc__list .doc-body .lns-attachment-foot .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;
}
.lns-popover-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  color: #cdc9c5;
  position: absolute;
  top: 20px;
  right: 15px;
}
.lns-mark-wrap i {
  width: 16px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  display: inline-block;
  float: left;
  margin-right: 11px;
}
.switch-database {
  display: inline-block;
  float: left;
  color: #ed6c00;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin-top: 16px;
}
.search-attachment-icon {
  position: absolute;
  top: 19px;
  right: 50px;
  cursor: pointer;
  color: #cdc9c5;
}
.attachment-sort-icon {
  position: absolute;
  top: 16px;
  right: 90px;
  cursor: pointer;
  color: #cdc9c5;
}
.attachment-sort-icon:hover {
  color: #fa8919;
}
.search-attachment-icon:hover {
  color: #fa8919;
}
.matter-root-path {
  float: left;
  line-height: 40px;
  color: #737373;
  cursor: pointer;
}
.matter-root-path:hover {
  color: #ed6c00;
}
.file-path li {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-left: 7px;
}
.file-path li:before {
  padding-right: 7px;
  color: #cdc9c5;
}
.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;
}
.file-path li span:hover {
  color: #ed6c00;
}
.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;
}
.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;
}
.lns-attachment-content b {
  font-weight: normal;
  color: #fa8919;
}
.lns-attachment-additional-info {
  float: right;
  margin-right: 38px;
  color: #a9a9a9;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
}
.commen-clear-float::after {
  content: ' ';
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
}
.sort-condition-selected {
  color: #ed6c00;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .ns-popover-sort-condition-triangle {
  border-bottom-color: #3D3D3D;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .ns-popover-sort-condition-triangle::after {
  border-bottom-color: #3D3D3D;
}
.attachment-sort-position {
  top: 100%!important;
  left: 50%!important;
  transform: translateX(-50%) !important;
}

.visual-range {
  padding: 30px 50px 20px;
}
.visual-range__header {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.visual-range__header-line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.visual-range__header-desc {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.visual-range__main {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 8px ;
  border: 1px solid #EBEBEB;
}
.visual-range__main--item {
  padding: 20px 24px;
  height: 462px;
  flex: 1;
  overflow-y: auto;
}
.visual-range__main--left {
  background-color: #ffffff;
}
.visual-range__main--left .ibass-checked {
  color: #fa8919;
}
.visual-range__main--left .ibass-checkbox {
  color: #cdc9c5;
}
.visual-range__main--left .disable-checkbox {
  color: #ccc;
}
.visual-range__main--left .title {
  margin-bottom: 16px;
}
.visual-range__main--left .member-wrap {
  margin-top: 16px;
}
.visual-range__main--left .member-wrap .member-item {
  height: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.visual-range__main--left .member-wrap .member-item .avatar {
  margin: 0 8px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  vertical-align: bottom;
}
.visual-range__main--left .member-wrap .member-item .name {
  font-size: 14px;
  color: #333333;
}
.visual-range__main--right {
  background: #F7F8F9;
  padding-right: 20px;
}
.visual-range__main--right .title {
  font-weight: 500;
}
.visual-range__main--right .title .count {
  color: #FA8919;
  padding: 0 2px;
}
.visual-range__main--right .title .clear {
  color: #FA8919;
  margin-left: 4px;
  font-weight: normal;
  cursor: pointer;
}
.visual-range__main--right .wran {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #999999;
}
.visual-range__main--right .wran .ibass-warning {
  vertical-align: middle;
}
.visual-range__main--right .member-select-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  line-height: 40px;
}
.visual-range__main--right .member-select-item .avatar {
  height: 24px;
  width: 24px;
  border-radius: 50px;
  margin-right: 6px;
}
.visual-range__main--right .member-select-item .name {
  width: 146px;
  cursor: pointer;
}
.visual-range__main--right .member-select-item .permission {
  cursor: pointer;
  width: 140px;
  border: 1px solid #EBEBEB;
  height: 30px;
  line-height: 28px;
  background-color: #ffffff;
  margin-bottom: 4px;
  font-size: 14px;
  margin-right: 4px;
  position: relative;
}
.visual-range__main--right .member-select-item .permission span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 130px;
  padding-right: 20px;
  padding-left: 10px;
  vertical-align: middle;
  position: relative;
}
.visual-range__main--right .member-select-item .permission span:after {
  content: "\EA03";
  display: inline-block;
  font-family: "icon-bass";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  position: absolute;
  right: 10px;
}
.visual-range__main--right .member-select-item .permission .clearicon:hover {
  cursor: default;
}
.visual-range__main--right .member-select-item .permission .clearicon:after {
  content: " ";
}
.visual-range__main .checkbox {
  margin: 15px 0px;
  vertical-align: middle;
  font-size: 14px;
  color: #a9a9a9;
}
.visual-range__main .checkbox i {
  cursor: pointer;
}
.visual-range__main .checkbox .ibass-checked {
  width: 16px;
  height: 16px;
  color: #fa8919;
}
.visual-range__footer {
  margin: 32px 0px 12px;
  text-align: center;
}
.visual-range-permission-pop {
  left: -13px !important;
  top: 30px !important;
  z-index: 10001 !important;
}
.visual-range-permission-pop .ns-popover-tooltip {
  width: 140px;
  position: relative;
}
.visual-range-permission-pop .ns-popover-tooltip .radio-no-active::before {
  margin-right: 6px;
  vertical-align: bottom;
}
.visual-range-permission-pop .ns-popover-tooltip .loading {
  width: 140px;
  height: 30px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  box-sizing: content-box;
}
.visual-range-permission-pop .ns-popover-tooltip .loading::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: 3px;
  border: 2px solid #eee;
  border-bottom-color: #FA8919;
  animation: rotate 1.25s ease-in infinite;
}
.per-tooltip {
  z-index: 10001;
}

.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;
}

.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;
}

/*---------------------------------------------------------------- 
* 证据模块 
* 王海宁
* 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 {
  display: flex;
  align-items: center;
  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.ai-answer {
  display: inline-flex;
  font-size: 14px;
  cursor: pointer;
  align-items: center;
}
.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;
}
.ai-knowledge-preview-iframe__dialog-hide-overlay .ngdialog-overlay {
  background: transparent;
}
.is-ai-knowledge-preview-iframe {
  margin-left: -4px;
}
.is-ai-knowledge-preview-iframe.documentPre-fullScreen-newpreview .fullScreen-content {
  min-width: unset;
}
.is-ai-knowledge-preview-iframe.documentPre-fullScreen-newpreview .fullScreen-content .header {
  min-width: unset;
  display: none;
}

.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-permission-empty {
  text-align: center;
}
.financial-permission-empty img {
  margin-top: 200px;
}
.financial-permission-empty .desc {
  font-size: 16px;
  margin-top: 12px;
  color: #999;
}

.financial-allocation {
  display: flex;
  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 {
  flex: 1;
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 16px 0 150px 20px;
  box-sizing: border-box;
}

.financial-allocation {
  display: flex;
  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 .financial-left-bar:hover .ibass-arrow-right {
  display: block !important;
}
.financial-allocation .financial-report-left .financial-left-bar:hover .ibass-dot {
  color: #fa8919;
}
.financial-allocation .financial-report-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-allocation .financial-report-left .bar-active .ibass-dot {
  color: #fa8919 !important;
}
.financial-allocation .financial-report-right {
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 16px 0 150px 20px;
  box-sizing: border-box;
}

.financial-allocation {
  display: flex;
  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 .financial-left-bar:hover .ibass-arrow-right {
  display: block !important;
}
.financial-allocation .financial-report-left .financial-left-bar:hover .ibass-dot {
  color: #fa8919;
}
.financial-allocation .financial-report-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-allocation .financial-report-left .bar-active .ibass-dot {
  color: #fa8919 !important;
}
.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-budget {
  display: flex;
  min-height: 600px;
  margin-top: -20px;
}
.financial-budget-left {
  width: 180px;
  min-height: 600px;
  padding-top: 20px;
}
.financial-budget-left .financial-left-bar {
  display: block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  border-radius: 25px;
  margin-bottom: 6px;
}
.financial-budget-left .financial-left-bar span {
  position: relative;
  top: -1px;
}
.financial-budget-left .financial-left-bar .ibass-arrow-right {
  float: right;
}
.financial-budget-left .financial-left-bar .ibass-dot {
  color: #cdc9c5;
  margin-right: 4px;
}
.financial-budget-left .financial-left-bar:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-budget-left .financial-left-bar:hover .ibass-dot {
  color: #fa8919;
}
.financial-budget-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-budget-left .bar-active .ibass-dot {
  color: #fa8919;
}
.financial-budget-right {
  flex: 1;
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 0px 0 150px 20px;
  box-sizing: border-box;
}
.financial-budget-right .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.financial-budget-right .header .i-btn {
  margin-left: 10px;
  width: 118px;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
}
.financial-budget-right .header .i-btn i {
  font-size: 12px;
  position: relative;
  top: 1px;
  left: -2px;
  margin-right: 4px;
}
.financial-budget-right .filter .i-form {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 7px 0;
}
.financial-budget-right .filter .i-form .i-form-item {
  position: relative;
  padding-bottom: 0;
  color: #737373;
  font-size: 14px;
}
.financial-budget-right .filter .i-form .i-form-item__label {
  width: max-content !important;
}
.financial-budget-right .filter .i-form .i-form-item__field-inner {
  color: #737373;
}
.financial-budget-right .filter .i-form .i-form-item__field-inner::placeholder {
  color: #737373;
}
.financial-budget-right .filter .i-form .i-form-item__content {
  line-height: 30px;
}
.financial-budget-right .filter .i-form .i-form-item__content .ibass-wrap {
  position: absolute;
  right: 0;
}
.financial-budget-right .filter .i-form .i-form-item__content .ibass-wrap i,
.financial-budget-right .filter .i-form .i-form-item__content .ibass-wrap::after {
  position: relative;
  right: 0;
}
.financial-budget-right .filter .i-form .i-form-item .i-date {
  width: 120px;
}
.financial-budget-right .filter .i-form .i-form-item .i-date input {
  width: 100px;
  min-width: 100px;
  appearance: none;
  border: none;
}
.financial-budget-right .filter .i-form .i-form-item .i-date .ibass-wrap::after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-budget-right .filter .i-form .i-form-item .i-date:hover input:not([value=""]) + .ibass-wrap::after {
  display: none;
}
.financial-budget-right .filter .i-form .i-form-item .ibass-trig-down {
  color: #a9a9a9;
}
.financial-budget-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner,
.financial-budget-right .filter .i-form .i-select .i-form-item__field-inner {
  color: #737373;
  border: none;
}
.financial-budget-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner::placeholder,
.financial-budget-right .filter .i-form .i-select .i-form-item__field-inner::placeholder,
.financial-budget-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .placeholder,
.financial-budget-right .filter .i-form .i-select .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial-budget-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .text,
.financial-budget-right .filter .i-form .i-select .i-form-item__field-inner .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.financial-budget-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down::before,
.financial-budget-right .filter .i-form .i-select .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-budget-right .filter .i-form .input .i-form-item__field-inner::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.financial-budget-right .filter .i-form .i-dropdown .text {
  display: inline-block;
  min-width: 100px;
}
.financial-budget-right .filter .i-form .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-inline: 16px;
}
.financial-budget-right .filter .i-form .stretch {
  flex: 1;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .nfim-input-common {
  position: relative;
  padding: 0;
  height: 30px;
  box-shadow: unset;
  max-width: 150px;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .nfim-input-common .item-input {
  height: 30px;
  border: unset !important;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .nfim-input-common .ibass-add-round {
  bottom: 0;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .nfim-input-common::before {
  content: "\EA13";
  position: absolute;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
  right: -5px;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .nfim-input-common:hover::before {
  display: none;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .ns-popover-list-select .ns-popover-items .ns-popover-item .name {
  max-width: unset;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .financial-matter-selection .content-wrapper {
  width: 100%;
}
.financial-budget-right .filter .i-form #financial-allocate-list-matter .financial-matter-selection .content-wrapper .name {
  font-size: 14px;
}
.financial-budget-right .page {
  display: flex;
  justify-content: center;
}
.financial-budget-right .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.financial-budget-right .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.financial-budget-right table tr:last-child td {
  border-bottom: none;
}
.financial-budget-right .over-spend {
  color: #FA4344;
}
.financial-budget-right .operation-column {
  display: flex;
  justify-content: center;
  align-items: center;
}

.financial-carry-to {
  display: flex;
  min-height: 600px;
  margin-top: -20px;
}
.financial-carry-to-left {
  width: 180px;
  min-height: 600px;
  padding-top: 20px;
}
.financial-carry-to-left .financial-left-bar {
  display: block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  border-radius: 25px;
  margin-bottom: 6px;
}
.financial-carry-to-left .financial-left-bar span {
  position: relative;
  top: -1px;
}
.financial-carry-to-left .financial-left-bar .ibass-arrow-right {
  float: right;
}
.financial-carry-to-left .financial-left-bar .ibass-dot {
  color: #cdc9c5;
  margin-right: 4px;
}
.financial-carry-to-left .financial-left-bar:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-carry-to-left .financial-left-bar:hover .ibass-dot {
  color: #fa8919;
}
.financial-carry-to-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-carry-to-left .bar-active .ibass-dot {
  color: #fa8919;
}
.financial-carry-to-right {
  flex: 1;
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 0px 0 150px 20px;
  box-sizing: border-box;
}
.financial-carry-to-right .filter .i-form {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 7px 0;
}
.financial-carry-to-right .filter .i-form .i-form-item {
  position: relative;
  padding-bottom: 0;
  color: #737373;
  font-size: 14px;
}
.financial-carry-to-right .filter .i-form .i-form-item__label {
  width: max-content !important;
}
.financial-carry-to-right .filter .i-form .i-form-item__field-inner {
  color: #737373;
}
.financial-carry-to-right .filter .i-form .i-form-item__field-inner::placeholder {
  color: #737373;
}
.financial-carry-to-right .filter .i-form .i-form-item__content {
  line-height: 30px;
}
.financial-carry-to-right .filter .i-form .i-form-item__content .ibass-wrap {
  position: absolute;
  right: 0;
}
.financial-carry-to-right .filter .i-form .i-form-item__content .ibass-wrap i,
.financial-carry-to-right .filter .i-form .i-form-item__content .ibass-wrap::after {
  position: relative;
  right: 0;
}
.financial-carry-to-right .filter .i-form .i-form-item .i-date {
  width: 120px;
}
.financial-carry-to-right .filter .i-form .i-form-item .i-date input {
  width: 100px;
  min-width: 100px;
  appearance: none;
  border: none;
}
.financial-carry-to-right .filter .i-form .i-form-item .i-date .ibass-wrap::after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-carry-to-right .filter .i-form .i-form-item .i-date:hover input:not([value=""]) + .ibass-wrap::after {
  display: none;
}
.financial-carry-to-right .filter .i-form .i-form-item .ibass-trig-down {
  color: #a9a9a9;
}
.financial-carry-to-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner,
.financial-carry-to-right .filter .i-form .i-select .i-form-item__field-inner {
  color: #737373;
  border: none;
}
.financial-carry-to-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner::placeholder,
.financial-carry-to-right .filter .i-form .i-select .i-form-item__field-inner::placeholder,
.financial-carry-to-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .placeholder,
.financial-carry-to-right .filter .i-form .i-select .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial-carry-to-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .text,
.financial-carry-to-right .filter .i-form .i-select .i-form-item__field-inner .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.financial-carry-to-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down::before,
.financial-carry-to-right .filter .i-form .i-select .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-carry-to-right .filter .i-form .input .i-form-item__field-inner::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.financial-carry-to-right .filter .i-form .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-inline: 16px;
}
.financial-carry-to-right .filter .i-form .stretch {
  flex: 1;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .nfim-input-common {
  position: relative;
  padding: 0;
  height: 30px;
  box-shadow: unset;
  max-width: 150px;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .nfim-input-common .item-input {
  height: 30px;
  border: unset !important;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .nfim-input-common .ibass-add-round {
  bottom: 0;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .nfim-input-common::before {
  content: "\EA13";
  position: absolute;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
  right: -5px;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .nfim-input-common:hover::before {
  display: none;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .ns-popover-list-select .ns-popover-items .ns-popover-item .name {
  max-width: unset;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .financial-matter-selection .content-wrapper {
  width: 100%;
}
.financial-carry-to-right .filter .i-form #financial-allocate-list-matter .financial-matter-selection .content-wrapper .name {
  font-size: 14px;
}
.financial-carry-to-right .filter .i-form .i-btn--text {
  margin-left: auto;
}
.financial-carry-to-right .page {
  display: flex;
  justify-content: center;
}
.financial-carry-to-right .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.financial-carry-to-right .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.center-pagination-with-sizes {
  display: flex;
  margin-top: 24px;
  justify-content: space-around;
}
.center-pagination-with-sizes .show-page .ibass-trig-down {
  color: #fa8919;
}
.center-pagination-with-sizes .center-pagination {
  margin: 0;
}
.center-pagination-with-sizes .center-pagination li.noHover {
  background: transparent;
}

.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-header .ibass-checked,
.financial-contract-content .table-header .ibass-checkbox:hover {
  cursor: pointer;
  color: #fa8919;
}
.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 > div .signtype {
  line-height: 70px;
}
.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 .table-tr .ibass-checked,
.financial-contract-content .table-body .table-tr .ibass-checked:hover,
.financial-contract-content .table-body .table-tr .ibass-checkbox:hover {
  cursor: pointer;
  color: #fa8919 !important;
}
.financial-contract-content .table-body .table-tr .ibass-checked,
.financial-contract-content .table-body .table-tr .ibass-checkbox {
  position: relative;
  top: 4px;
}
.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-contract .financial-title .i-btn {
  margin-right: 8px;
  line-height: 34px;
}
.batch-seal-dialog label {
  font-size: 12px;
  color: #a9a9a9;
}
.batch-seal-dialog input {
  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;
}
.batch-seal-dialog .tips {
  margin-top: 24px ;
  color: #999;
  font-size: 14px;
}

.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 {
  width: 150px;
  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 {
  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;
  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 {
  flex: 1;
  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-title .operation-export {
  float: right;
  margin-right: 8px;
  font-size: 14px;
  cursor: pointer;
}
.financial__income .financial-income__right .financial-title .operation-export:hover {
  color: #fa8919;
}
.financial__income .financial-income__right .financial-filter {
  width: auto;
}
.financial__income .financial-income__right .financial-filter.refund {
  align-items: center;
}
.financial__income .financial-income__right .financial-filter.refund > span {
  flex-shrink: 0;
  color: #4a4a4a;
}
.financial__income .financial-income__right .financial-filter.refund .client {
  display: flex;
  max-width: 80px;
  flex-shrink: 0;
  line-height: 23px;
  align-items: center;
}
.financial__income .financial-income__right .financial-filter.refund .client > span {
  display: inline-block;
  width: calc(80%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #737373;
}
.financial__income .financial-income__right .financial-filter.refund .client .ibass-trig-down {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 4px;
  color: #999;
}
.financial__income .financial-income__right .financial-filter.refund .client .ibass-add-round {
  display: none;
  transform: rotate(45deg);
  font-size: 12px;
  margin-left: 4px;
  color: #D2D3D6;
}
.financial__income .financial-income__right .financial-filter.refund .client:hover .clearable .ibass-add-round {
  display: inline-block;
  cursor: pointer;
}
.financial__income .financial-income__right .financial-filter.refund .client:hover .clearable .ibass-trig-down {
  display: none;
}
.financial__income .financial-income__right .financial-filter.refund .i-tree-select .ibass-wrap {
  right: 0;
}
.financial__income .financial-income__right .financial-filter.refund .i-tree-select .ibass-wrap i {
  right: 0;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item {
  position: relative;
  padding-bottom: 0;
  color: #737373;
  font-size: 14px;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item__label {
  width: max-content !important;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item__field-inner {
  color: #737373;
  border: none;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item__field-inner::placeholder,
.financial__income .financial-income__right .financial-filter.refund .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item__field-inner .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item__content {
  line-height: 31px;
}
.financial__income .financial-income__right .financial-filter.refund .i-form-item .ibass-trig-down {
  color: #a9a9a9;
}
.financial__income .financial-income__right .financial-filter.refund #financial-allocate-list-matter .nfim-input-common {
  position: relative;
  padding: 0;
  height: 30px;
  box-shadow: unset;
  max-width: 80px;
}
.financial__income .financial-income__right .financial-filter.refund #financial-allocate-list-matter .nfim-input-common .item-input {
  height: 32px;
  border: unset !important;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__income .financial-income__right .financial-filter.refund #financial-allocate-list-matter .nfim-input-common::before {
  content: "\EA13";
  position: absolute;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #999;
  right: -5px;
  top: 5px;
}
.financial__income .financial-income__right .financial-filter.refund #financial-allocate-list-matter .nfim-input-common:hover::before {
  display: none;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .nfim-input-common {
  position: relative;
  padding: 0;
  height: 30px;
  box-shadow: unset;
  max-width: 80px;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .nfim-input-common .item-input {
  height: 30px;
  border: unset !important;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .nfim-input-common::before {
  content: "\EA13";
  position: absolute;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
  right: -5px;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .nfim-input-common:hover::before {
  display: none;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .ns-popover-list-select .ns-popover-items .ns-popover-item .name {
  max-width: unset;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .financial-matter-selection .content-wrapper {
  width: 100%;
}
.financial__income .financial-income__right .financial-filter #financial-allocate-list-matter .financial-matter-selection .content-wrapper .name {
  font-size: 14px;
}
.financial__income .financial-income__right .financial-filter-more-choose {
  color: #ED6C00;
}
.financial__income .financial-income__right .financial-search-refund {
  width: 280px;
}
.financial__income .financial-income__right .financial-income__body.refund {
  margin-top: 15px;
}
.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: 125px;
}
.financial__income .financial-income__right .matter-name .matter-no {
  color: #a9a9a9;
}
.financial__income .financial-income__right .customer-name {
  width: 90px;
  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: 100px;
}
.financial__income .financial-income__right .belong-department {
  width: 100px;
}
.financial__income .financial-income__right .payer-name {
  width: 90px;
}
.financial__income .financial-income__right .income-total {
  width: 95px;
}
.financial__income .financial-income__right .income-date {
  width: 85px;
}
.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 .invoice-total {
  width: 85px;
}
.financial__income .financial-income__right .source {
  display: inline-block !important;
  width: 70px;
}
.financial__income .financial-income__right .invoiceDate {
  width: 88px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 19px;
  max-height: 50px;
}
.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: 32px 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: 98px;
  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,
.financial__income__more-filter .income-filter__money-invoice .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,
.financial__income__more-filter .income-filter__money-invoice {
  width: 64%;
}
.financial__income__more-filter .income-filter__money-income .sum-filter .sum-filter-show input,
.financial__income__more-filter .income-filter__money-invoice .sum-filter .sum-filter-show input {
  width: 70px;
}
.financial__income__more-filter .income-filter__date.claim .filter-item-label span {
  width: 98px;
}
.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 {
  flex: 1;
  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 .no-border {
  border-right: none;
}
.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 .financial-search .real-time-search-enter-and-clear .search-module input::placeholder {
  color: #b5b5b5;
}
.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 {
  display: flex;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 20px;
  padding: 5px 10px;
}
.financial__invoice .body__table-header .common-span {
  flex-shrink: 0;
  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: 80px;
}
.financial__invoice .manage .invoice-title {
  width: 120px;
}
.financial__invoice .manage .invoice-total {
  width: 145px;
}
.financial__invoice .manage .invoice-real-money {
  width: 100px;
}
.financial__invoice .manage .matter-name {
  width: 120px;
}
.financial__invoice .manage .status {
  width: 90px;
}
.financial__invoice .page {
  display: flex;
}
.financial__invoice .user-select--none {
  user-select: none;
}
.financial__invoice .financial-filter {
  width: 60%!important;
}
.financial__invoice .red-invoice__table .filter {
  margin: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.financial__invoice .red-invoice__table .filter__left {
  display: flex;
  align-items: center;
}
.financial__invoice .red-invoice__table .filter__left .filter-status {
  display: flex;
  align-items: center;
}
.financial__invoice .red-invoice__table .filter__left .filter-status:first-child {
  margin-right: 16px;
}
.financial__invoice .red-invoice__table .filter__right {
  display: flex;
  align-items: center;
}
.financial__invoice .red-invoice__table .filter__right .filter-search {
  width: 400px;
}
.financial__invoice .red-invoice__table .filter__right .filter-search input {
  font-size: 13px;
}
.financial__invoice .red-invoice__table .filter__right .i-btn {
  margin-left: 16px;
  width: 102px;
  line-height: 30px;
}
.financial__invoice .red-invoice__table .filter__right .i-btn i {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.financial__invoice .red-invoice__table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
}

.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: 16px;
}
.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 {
  display: flex;
  justify-content: space-between;
  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 .right {
  display: flex;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .add-reimbursement {
  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 .batch-btn {
  display: flex;
  margin-right: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #606266;
  cursor: pointer;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .batch-btn .ibass-bigdata-download {
  margin-right: 2px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .batch-btn .ibass-list {
  display: inline-block;
  margin-right: 3px;
}
.i-financial-reimbursement .i-financial-reimbursement-right .financial-reimbursement-top .batch-btn:hover {
  color: #ED6C00;
}
.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 .reim-header .common-checkbox {
  margin-top: 4px;
}
.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-financial-reimbursement .common-checkbox {
  display: inline-block;
  font-size: 16px;
  color: #ccc;
  margin-right: 12px;
}
.i-financial-reimbursement .ibass-checked {
  color: #fa8919;
}

.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 {
  display: flex;
  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 {
  flex: 1;
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 24px 0 150px 23px;
  box-sizing: border-box;
}
.financial-info-more-filter .department-selector {
  position: relative;
}
.financial-info-more-filter .filter-items-subject .i-tree-select .i-tree-select__drop-down .all .ibass-arrow-down {
  top: 3px;
  right: 18px;
}

.financial-salary {
  display: flex;
  min-height: 600px;
  margin-top: -20px;
}
.financial-salary-left {
  width: 180px;
  min-height: 600px;
  padding-top: 20px;
}
.financial-salary-left .financial-left-bar {
  display: block;
  width: 150px;
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  border-radius: 25px;
  margin-bottom: 6px;
}
.financial-salary-left .financial-left-bar span {
  position: relative;
  top: -1px;
}
.financial-salary-left .financial-left-bar .ibass-arrow-right {
  float: right;
}
.financial-salary-left .financial-left-bar .ibass-dot {
  color: #cdc9c5;
  margin-right: 4px;
}
.financial-salary-left .financial-left-bar:hover {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-salary-left .financial-left-bar:hover .ibass-dot {
  color: #fa8919;
}
.financial-salary-left .bar-active {
  background-color: #f8f8f9;
  color: #fa8919;
}
.financial-salary-left .bar-active .ibass-dot {
  color: #fa8919;
}
.financial-salary-right {
  flex: 1;
  width: 950px;
  min-height: 600px;
  border-left: 1px solid #f5f5f5;
  padding: 0px 0 150px 20px;
  box-sizing: border-box;
}
.financial-salary-right .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  margin-top: 12px;
}
.financial-salary-right .header .i-btn {
  margin-left: 10px;
  width: 118px;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
}
.financial-salary-right .header .i-btn i {
  font-size: 12px;
  position: relative;
  top: 1px;
  left: -2px;
  margin-right: 4px;
}
.financial-salary-right .filter .i-form {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 7px 0;
}
.financial-salary-right .filter .i-form .i-form-item {
  position: relative;
  padding-bottom: 0;
  color: #737373;
  font-size: 14px;
}
.financial-salary-right .filter .i-form .i-form-item__label {
  width: max-content !important;
}
.financial-salary-right .filter .i-form .i-form-item__field-inner {
  color: #737373;
}
.financial-salary-right .filter .i-form .i-form-item__field-inner::placeholder {
  color: #737373;
}
.financial-salary-right .filter .i-form .i-form-item__content {
  line-height: 30px;
}
.financial-salary-right .filter .i-form .i-form-item__content .ibass-wrap {
  position: absolute;
  right: 0;
}
.financial-salary-right .filter .i-form .i-form-item__content .ibass-wrap i,
.financial-salary-right .filter .i-form .i-form-item__content .ibass-wrap::after {
  position: relative;
  right: 0;
}
.financial-salary-right .filter .i-form .i-form-item .i-date {
  width: 120px;
}
.financial-salary-right .filter .i-form .i-form-item .i-date input {
  width: 100px;
  min-width: 100px;
  appearance: none;
  border: none;
}
.financial-salary-right .filter .i-form .i-form-item .i-date .ibass-wrap::after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-salary-right .filter .i-form .i-form-item .ibass-trig-down {
  color: #a9a9a9;
}
.financial-salary-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner,
.financial-salary-right .filter .i-form .i-select .i-form-item__field-inner {
  color: #737373;
  border: none;
}
.financial-salary-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner::placeholder,
.financial-salary-right .filter .i-form .i-select .i-form-item__field-inner::placeholder,
.financial-salary-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .placeholder,
.financial-salary-right .filter .i-form .i-select .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial-salary-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .text,
.financial-salary-right .filter .i-form .i-select .i-form-item__field-inner .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.financial-salary-right .filter .i-form .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down::before,
.financial-salary-right .filter .i-form .i-select .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
}
.financial-salary-right .filter .i-form .input .i-form-item__field-inner::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.financial-salary-right .filter .i-form .i-dropdown .text {
  display: inline-block;
  min-width: 100px;
}
.financial-salary-right .filter .i-form .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-inline: 16px;
}
.financial-salary-right .filter .i-form .stretch {
  flex: 1;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .nfim-input-common {
  position: relative;
  padding: 0;
  height: 30px;
  box-shadow: unset;
  max-width: 150px;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .nfim-input-common .item-input {
  height: 30px;
  border: unset !important;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .nfim-input-common .ibass-add-round {
  bottom: 0;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .nfim-input-common::before {
  content: "\EA13";
  position: absolute;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #a9a9a9;
  right: -5px;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .nfim-input-common:hover::before {
  display: none;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .ns-popover-list-select .ns-popover-items .ns-popover-item .name {
  max-width: unset;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .financial-matter-selection .content-wrapper {
  width: 100%;
}
.financial-salary-right .filter .i-form #financial-allocate-list-matter .financial-matter-selection .content-wrapper .name {
  font-size: 14px;
}
.financial-salary-right .page {
  display: flex;
  justify-content: center;
}
.financial-salary-right .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.financial-salary-right .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.financial-salary-right table tr:last-child td {
  border-bottom: none;
}
.financial-salary-right .over-spend {
  color: #FA4344;
}
.financial-salary-right .operation-column {
  display: flex;
  justify-content: center;
  align-items: center;
}
.financial-salary__menu .menu__title {
  max-width: 132px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  display: inline-block;
  margin: 0px 0;
  line-height: 36px;
  height: 36px;
  width: 175px;
  padding: 0 2px 0 7px;
  box-sizing: border-box;
  border-radius: 15px;
  font-weight: 500;
}

.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-3698 {
  width: 3698px;
}
.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;
}

.finacial-browse-v3 .filter {
  margin-bottom: 20px;
  background: #fff;
}
.finacial-browse-v3 .filter .i-form-item {
  position: relative;
  padding-bottom: 0;
  color: #737373;
  font-size: 14px;
}
.finacial-browse-v3 .filter .i-form-item__label {
  width: max-content !important;
  color: #4A4A4A;
}
.finacial-browse-v3 .filter .i-form-item__field-inner {
  color: #737373;
  border: none;
  min-width: unset;
  line-height: 32px;
}
.finacial-browse-v3 .filter .i-form-item__field-inner::placeholder {
  color: #737373;
}
.finacial-browse-v3 .filter .i-form-item__field-inner .text,
.finacial-browse-v3 .filter .i-form-item__field-inner .placeholder {
  padding-right: 16px;
  color: #737373;
}
.finacial-browse-v3 .filter .i-form-item__field-inner .ibass-wrap,
.finacial-browse-v3 .filter .i-form-item__field-inner .ibass-arrow-down {
  right: 0;
}
.finacial-browse-v3 .filter .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #999;
}
.finacial-browse-v3 .filter .i-form-item__field-inner .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.finacial-browse-v3 .filter .i-form-item__content {
  line-height: 31px;
}
.finacial-browse-v3 .filter .i-form-item .ibass-trig-down {
  color: #a9a9a9;
}
.finacial-browse-v3 .filter--fixed {
  position: fixed;
  top: 0;
  width: 1250px !important;
  margin-left: -30px;
  padding: 20px 30px;
  box-sizing: border-box;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 0 10px 10px;
  z-index: 100000;
}
.finacial-browse-v3 .filter .i-tree-select__drop-down {
  width: fit-content;
}
.finacial-browse-v3 .block {
  display: flex;
  flex-wrap: wrap;
  background: #F8F8F9;
  border-radius: 8px;
}
.finacial-browse-v3 .block__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 25%;
  height: 96px;
  text-align: center;
}
.finacial-browse-v3 .block__item:not( :nth-of-type(4n + 1))::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 32px;
  background-color: #ebebeb;
}
.finacial-browse-v3 .block__item .item__title {
  font-size: 12px;
  color: #A9A9A9;
  line-height: 16px;
  margin-top: 4px;
}
.finacial-browse-v3 .block__item .item__title .ibass-warning {
  margin-left: 4px;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.finacial-browse-v3 .block__item .item__amount {
  font-size: 20px;
  color: #4A4A4A;
  line-height: 28px;
}
.finacial-browse-v3 .key-nodes {
  display: flex;
  margin-top: 20px;
}
.finacial-browse-v3 .key-nodes .block {
  flex: 1;
}
.finacial-browse-v3 .key-nodes .block__item {
  width: 50%;
  cursor: pointer;
}
.finacial-browse-v3 .key-nodes .block__item:hover .item__amount {
  color: #fa8919;
}
.finacial-browse-v3 .key-nodes .block__item:not( :nth-of-type(4n + 1))::after {
  content: "";
  display: none;
}
.finacial-browse-v3 .key-nodes .block__item:not( :nth-of-type(2n + 1))::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 32px;
  background-color: #ebebeb;
}
.finacial-browse-v3 .key-nodes .block:first-of-type {
  margin-right: 20px;
}
.finacial-browse-v3 .charts {
  margin-block: 20px;
  padding: 20px 24px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #EBEBEE;
}
.finacial-browse-v3 .charts__header {
  display: flex;
}
.finacial-browse-v3 .charts__header .header__title {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 20px;
  padding-right: 16px;
  margin-right: 16px;
}
.finacial-browse-v3 .charts__header .header__title::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  background: #ededed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.finacial-browse-v3 .charts__header .header__sub-title {
  font-size: 14px;
  color: #737373;
  line-height: 20px;
  flex: 1;
}
.finacial-browse-v3 .charts__header .header__filter {
  position: relative;
  font-size: 14px;
  color: #737373;
  line-height: 20px;
  cursor: pointer;
}
.finacial-browse-v3 .charts__header .header__filter input {
  outline: none;
  appearance: unset;
  border: none;
  width: 64px;
  cursor: pointer;
  color: #737373;
}
.finacial-browse-v3 .charts__header .header__filter input::placeholder {
  color: #737373;
}
.finacial-browse-v3 .charts__header .header__filter input[value=""] {
  width: 32px;
}
.finacial-browse-v3 .charts__header .header__filter .ibass-wrap {
  margin-left: 6px;
}
.finacial-browse-v3 .charts__header .header__filter .ibass-trig-down {
  position: relative;
  display: inline-block;
  top: 2px;
  color: #999;
  line-height: 1;
  width: 15px;
  height: 15px;
}
.finacial-browse-v3 .charts__header .header__filter .ibass-add-round {
  position: relative;
  display: none;
  top: 2px;
  transform: rotate(45deg);
  font-size: 12px;
  color: #CDC8C5;
  line-height: 1;
  width: 15px;
  height: 15px;
}
.finacial-browse-v3 .charts__header .header__filter:hover .clearable .ibass-trig-down {
  display: none;
}
.finacial-browse-v3 .charts__header .header__filter:hover .clearable .ibass-add-round {
  display: inline-block;
}
.finacial-browse-v3 .charts__chart {
  width: 100%;
  height: 246px;
}
.finacial-browse-v3 .table__filter {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.finacial-browse-v3 .table__filter .i-form-item {
  position: relative;
  padding-bottom: 0;
  color: #737373;
  font-size: 14px;
}
.finacial-browse-v3 .table__filter .i-form-item__label {
  width: max-content !important;
  color: #4A4A4A;
}
.finacial-browse-v3 .table__filter .i-form-item__field-inner {
  color: #737373;
}
.finacial-browse-v3 .table__filter .i-form-item__field-inner::placeholder {
  color: #737373;
}
.finacial-browse-v3 .table__filter .i-form-item__content {
  line-height: 30px;
}
.finacial-browse-v3 .table__filter .i-form-item.more-filter-btn {
  cursor: pointer;
}
.finacial-browse-v3 .table__filter .i-form-item.more-filter-btn .ibass-trig-down {
  position: relative;
  top: 2px;
  font-size: 12px;
  margin-left: 4px;
}
.finacial-browse-v3 .table__filter .i-form-item .ibass-trig-down {
  color: #999;
}
.finacial-browse-v3 .table__filter .input .i-form-item__field-inner::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.finacial-browse-v3 .table__filter .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 12px;
}
.finacial-browse-v3 .table__filter .stretch {
  flex: 1;
}
.finacial-browse-v3 .table__more-filter {
  display: grid;
  column-gap: 20px;
  row-gap: 15px;
  grid-template-columns: repeat(3, 1fr);
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 15px;
  padding: 24px 20px;
  background: #F8F8F9;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
}
.finacial-browse-v3 .table__more-filter .i-form-item {
  position: relative;
  padding-bottom: 0;
  display: inline-flex;
  width: 100%;
}
.finacial-browse-v3 .table__more-filter .i-form-item__content {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.finacial-browse-v3 .table__more-filter .i-form-item__label {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 14px;
  text-align: left;
  margin-bottom: 8px;
  white-space: nowrap;
  text-indent: 4px;
}
.finacial-browse-v3 .table__more-filter .i-form-item__field {
  width: 100%;
}
.finacial-browse-v3 .table__more-filter .i-btns {
  grid-column: 3/4;
  grid-row: 3/4;
  text-align: right;
}
.finacial-browse-v3 .table__wrapper .i-table .i-table__tr td > div {
  white-space: pre-wrap !important;
}
.finacial-browse-v3 .table__wrapper .i-table .i-table__body-wrapper table td {
  min-height: 40px;
  padding: 8px 16px;
}
.finacial-browse-v3 .table .i-table .i-table__tr td > div {
  white-space: pre-wrap !important;
}
.finacial-browse-v3 .table .i-table .i-table__body-wrapper table td {
  min-height: 40px;
  padding: 8px 16px;
}
.finacial-browse-v3 .page {
  display: flex;
  justify-content: center;
}
.finacial-browse-v3 .page .show-page {
  position: relative;
  top: 29px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.finacial-browse-v3 .page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.dropdown-menu .datetimepicker-months .table-condensed .month.disabled {
  cursor: not-allowed;
}

.i-activity-wrapper {
  position: fixed;
  z-index: 1000;
  width: 110px;
  height: 110px;
  bottom: 160px;
  left: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.i-activity-wrapper .top-img {
  position: absolute;
  transform-origin: center center;
  top: 0;
  left: 0;
  animation: scale 1.5s infinite ease-in-out;
}
@keyframes scale {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(0.9);
  }
}
.i-activity-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.i-activity-wrapper .close-icon {
  transform-origin: center center;
  transform: rotate(45deg);
  position: absolute;
  font-size: 20px;
  top: 0px;
  right: 0px;
  color: #c3c6c8;
  opacity: 0.6;
  z-index: 2;
}
.i-activity-wrapper .close-icon:hover {
  opacity: 1;
}
.img-wrapper-active-tips {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.img-wrapper-active-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img-wrapper-active-tips img {
  max-width: 500px;
  height: auto;
}
.img-wrapper-active-tips i {
  cursor: pointer;
  color: #d1d3d7;
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 24px;
}
.img-wrapper-active-tips i:hover {
  color: #fff;
}
.ngdialog-activity-wrapper .ngdialog-content {
  border: 0 !important;
  font-size: 0;
}

.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-overview-v2__filter {
  margin-bottom: 20px;
}
.hr-overview-v2__export {
  text-align: right;
  margin-bottom: 20px;
}
.hr-overview-v2__table .table {
  width: 100%;
  border: 1px solid #f5f5f5;
  border-collapse: collapse;
}
.hr-overview-v2__table .table tr {
  border-bottom: 1px solid #f5f5f5;
}
.hr-overview-v2__table .table tr th,
.hr-overview-v2__table .table tr td {
  padding: 10px;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.hr-overview-v2__table .table thead tr th {
  padding: 5px 10px;
}
.hr-overview-v2__table .table .sort-head {
  user-select: none;
  cursor: pointer;
}
.hr-overview-v2__table .table .sort-head .ibass-faq {
  position: relative;
  top: 2px;
}
.hr-overview-v2__table .table .sort-head .sort {
  position: relative;
  top: 1px;
  color: #a9a9a9;
  font-size: 12px;
}
.hr-overview-v2__table .table .sort-head .sort .active {
  color: #fa8919;
}
.hr-overview-v2__table .table .sort-head .sort i {
  position: absolute;
  left: 0;
}
.hr-overview-v2__table .table .sort-head .sort i.ibass-trig-down {
  bottom: -5px;
}
.hr-overview-v2__table .table .sort-head .sort i.ibass-trig-up {
  top: -5px;
}
.hr-overview-v2__table-name,
.hr-overview-v2__table .can-click {
  color: #fa8919;
  cursor: pointer;
}
.hr-overview-v2__table-name:hover,
.hr-overview-v2__table .can-click:hover {
  text-decoration: underline;
}
.hr-overview-v2__table-tags {
  display: flex;
  flex-wrap: wrap;
}
.hr-overview-v2__table-tag {
  display: flex;
  max-width: 90px;
  height: 22px;
  padding: 0 5px;
  line-height: 30px;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
  background: #FFFBF8;
  border: 1px solid #FCD9BC;
  font-size: 12px;
  color: #ED6C00;
  line-height: 22px;
  text-align: center;
  margin: 0 3px 5px;
  cursor: pointer;
  user-select: none;
}
.hr-overview-v2__table-tag .name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hr-overview-v2__table-tag .num {
  flex-shrink: 0;
}
.hr-overview-v2__table .pagination {
  width: max-content;
  margin: 30px auto;
}
.hr-overview-v2__no-data {
  margin-top: 100px;
  text-align: center;
  font-size: 14px;
  color: #ddd6d9;
}

.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;
}

.assets-manage {
  overflow: hidden;
}
.assets-manage .ns-right-content .nav-content {
  padding-left: 20px;
}
.assets-preview-img {
  max-width: 80%;
  max-height: 700px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.preview-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-dialog .ngdialog-content {
  position: relative;
  background-color: transparent !important;
  z-index: 9999;
  border: none !important;
  border-radius: 0 !important;
}
.preview-dialog .ngdialog-content img {
  display: block;
}
.assets-manage-right-content .content__control {
  margin-top: 24px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.assets-manage-right-content .content__control .i-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.assets-manage-right-content .content__page {
  position: relative;
  display: flex;
}
.assets-manage-right-content .content__page .show-page {
  position: relative;
  top: 34px;
  cursor: pointer;
  color: #737373;
  font-size: 14px;
  z-index: 50;
  height: 26px;
}
.assets-manage-right-content .content__page .show-page i {
  padding: 10px 5px;
  color: #fa8919;
  position: relative;
  top: 2px;
}
.assets-manage-right-content .content__noBind {
  padding-top: 30px;
}
.assets-manage-right-content .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ccc;
}
.assets-manage-right-content .i-table__body tr:hover .opera {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.assets-manage-right-content .i-tree-table__body .i-tree-table__row:hover .opera {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.assets-manage-right-content .opera {
  width: 100%;
  display: none;
  align-items: center;
}
.assets-manage-right-content .opera-item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.assets-manage-right-content .opera-item:only-child {
  margin-right: 0;
}
.assets-manage-right-content .opera-item:last-child {
  margin-right: 0;
}
.assets-manage-right-content .opera-item:hover {
  color: #FA8919;
}
.assets-manage-right-content .opera-item:hover .ibass {
  color: #FA8919;
}
.assets-manage-right-content .opera-item--btn {
  cursor: pointer;
  width: 42px;
  height: 26px;
  border-radius: 13px;
  border: 1px solid #EBEBEB;
  line-height: 26px;
  text-align: center;
}
.assets-manage-right-content .opera-item .ibass {
  cursor: pointer;
  color: #D4D4D4;
  font-size: 14px;
}

.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: 2770px;
}
.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: 15%;
}
.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 .sign-type,
.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;
  padding-left: 0px;
}
.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 {
  margin: 0 20px;
}
.ns-body-wrap .ns-right-content .ns-right-top .top-tab {
  display: block;
  color: #737373;
  line-height: 30px;
  text-align: left;
  height: 32px;
}
.ns-body-wrap .ns-right-content .ns-right-top .top-tab li {
  display: inline-block;
  float: none;
  position: relative;
}
.ns-body-wrap .ns-right-content .ns-right-top .top-tab li span.new-func-dot {
  background: #d0021b;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  top: 1px;
  right: 18px;
}
.ns-body-wrap .ns-right-content .ns-right-top .top-filter {
  margin-top: 22px;
  margin-bottom: 12px;
  text-align: left;
}
.ns-body-wrap .ns-right-content .ns-right-top .collect-filter {
  margin-left: 10px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 28px;
}
.ns-body-wrap .ns-right-content .ns-right-top .collect-filter li {
  padding: 0;
  margin: 0 12px;
}
.ns-body-wrap .ns-right-content .ns-right-top .collect-filter li:first-child {
  margin-left: 0;
}
.ns-body-wrap .ns-right-content .ns-right-top .no-border {
  border: none;
  padding: 0 10px;
}
.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: 0 3px 0 0;
  height: 34px;
  width: 150px;
  box-sizing: border-box;
  line-height: 34px;
  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 .ns-right-top .ns-top-create::before {
  position: relative;
  top: -1px;
}
.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 .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;
  align-items: center;
  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: 15px 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 {
  margin-top: -1px;
}
.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 .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 .template-dir:nth-child(3n + 1) .card-outer {
  margin-left: 18px;
}
.ns-body-wrap .ns-right-content .list {
  display: flex;
  flex-wrap: wrap;
}
.ns-body-wrap .ns-right-content .list .card-outer {
  margin: 8px;
}
.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;
  border-radius: 8px;
  transition: top .25s;
  position: relative;
  top: 0;
  box-shadow: 0px 2px 18px 0px rgba(85, 85, 85, 0.08);
  width: 216px;
  padding: 16px;
  padding-bottom: 14px;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title {
  text-align: start;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top .name {
  width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  white-space: nowrap;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top .icons {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  line-height: 15px;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top .icons i {
  display: inline-block;
  width: 15px;
  height: 14px;
  cursor: pointer;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top .icons i:hover {
  color: #fa8919;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top .icons i:not(:last-child) {
  margin-right: 10px;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .top .icons .ibass-follower {
  color: #E5E4E2;
}
.ns-body-wrap .ns-right-content .list .card .card__header .title .office {
  margin-top: 4px;
  height: 18px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  width: 217px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ns-body-wrap .ns-right-content .list .card .card__middle {
  position: relative;
  height: 80px;
  margin-top: 14px;
  margin-bottom: 12px;
}
.ns-body-wrap .ns-right-content .list .card .card__middle .pic {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ns-body-wrap .ns-right-content .list .card .card__footer {
  position: relative;
  display: flex;
  align-items: center;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .indicator {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .indicator .left {
  display: flex;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .indicator .left .hot-value {
  font-weight: 400;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask {
  position: absolute;
  top: -15px;
  width: 100%;
  background-color: #fff;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask::before {
  content: "";
  position: absolute;
  bottom: 100%;
  display: block;
  width: 100%;
  height: 49px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask div {
  font-size: 12px;
  display: inline-block;
  flex: 1;
  height: 33px;
  line-height: 33px;
  background-color: #FFFAF6;
  text-align: center;
  z-index: 2;
  border-radius: 4px;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask div:not(:last-child) {
  margin-right: 12px;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask div a.full-text {
  border: 1px solid #FA8919;
  color: #FA8919;
  display: block;
  border-radius: 4px;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask .edit {
  background-color: #fa8919;
  color: #ffffff;
}
.ns-body-wrap .ns-right-content .list .card .card__footer .mask .disabled {
  cursor: not-allowed !important;
  background-color: #EBEBEE;
  color: #ffffff;
}
.ns-body-wrap .ns-right-content .list .card-hover {
  box-shadow: 0px 2px 14px 0px rgba(85, 85, 85, 0.26);
}
.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;
}


.batch-create-matter-optimize {
  padding: 0 25px;
}
.batch-create-matter-optimize .header .back-btn {
  position: absolute;
  right: 20px;
  top: 12px;
}
.batch-create-matter-optimize .header .btn-help-doc {
  position: absolute;
  right: 66px;
  top: 40px;
  width: 100px;
  color: #cdc9c5;
  cursor: pointer;
}
.batch-create-matter-optimize .content {
  display: flex;
}
.batch-create-matter-optimize .content .create-progress-wrap {
  width: 210px;
  margin-left: 68px;
  margin-top: 80px;
  border-right: 1px solid #ebebeb;
}
.batch-create-matter-optimize .content .fill-content {
  max-width: 610px;
  margin-bottom: 20px;
  min-height: 600px;
  padding-top: 80px;
  padding-left: 44px;
}
.batch-create-matter-optimize .content .fill-content .current-step {
  min-width: 531px;
}
.batch-create-matter-optimize .content .fill-content .current-step.batch-pre-list {
  min-width: 850px;
}
.batch-create-matter-optimize .content .fill-content .current-step .matter-page-module-wrap {
  display: flex;
}
.batch-create-matter-optimize .content .fill-content .common-height {
  margin-top: 48px;
}
.batch-create-matter-optimize .content .fill-content .common-height .matter-remark-title {
  border-bottom: 1px solid #d8d8d8;
}
.batch-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;
}
.batch-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;
}
.batch-create-matter-optimize .content .fill-content .common-height .matter-remark .nfim-receviables-remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.batch-create-matter-optimize .content .fill-content .common-height .matter-remark .nfim-receviables-remark::placeholder {
  color: #a9a9a9;
}
.batch-create-matter-optimize footer {
  padding: 30px 0 50px;
  display: flex;
  justify-content: center;
}
.batch-create-matter-optimize footer .operation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.batch-create-matter-optimize footer .operation + .operation {
  margin-left: 10px;
}
.batch-create-matter-optimize footer .operation > span {
  font-size: 12px;
}
.batch-create-matter-optimize footer .operation:hover {
  color: #FA8919;
  border-color: #FA8919 !important;
  background-color: rgba(250, 137, 25, 0.04);
}
.batch-create-matter-optimize footer .next-step {
  background-color: #fa8919;
  color: #ffffff;
}
.batch-create-matter-optimize footer .next-step:hover {
  color: #ffffff;
  background-color: #FA9A2A;
}
.batch-create-matter-optimize footer .skip-step {
  border: none;
  color: #4a4a4a;
}


.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 {
  flex: 1;
  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;
  position: relative;
}
.create-matter-optimize footer .operation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.create-matter-optimize footer .operation + .operation {
  margin-left: 10px;
}
.create-matter-optimize footer .operation > span {
  font-size: 12px;
}
.create-matter-optimize footer .operation:hover {
  color: #FA8919;
  border-color: #FA8919 !important;
  background-color: rgba(250, 137, 25, 0.04);
}
.create-matter-optimize footer .next-step {
  background-color: #fa8919;
  color: #ffffff;
}
.create-matter-optimize footer .next-step:hover {
  color: #ffffff;
  background-color: #FA9A2A;
}
.create-matter-optimize footer .skip-step {
  border: none;
  color: #4a4a4a;
}
.create-matter-optimize footer .create-chat--group {
  position: absolute;
  right: 50px;
  bottom: 40px;
}
.create-matter-optimize footer .create-chat--group .create-fs-chat {
  display: flex;
  cursor: pointer;
}
.create-matter-optimize footer .create-chat--group .create-fs-chat .ibass-checkbox {
  color: #999;
}
.create-matter-optimize footer .create-chat--group .create-fs-chat .ibass-checked {
  color: #ed6c00;
}
.create-matter-optimize footer .create-chat--group .create-fs-chat .create-chat-des {
  margin-left: 10px;
}
.create-matter-optimize footer .create-chat--group .create-dingtalk-chat {
  margin-top: 8px;
  display: flex;
  cursor: pointer;
}
.create-matter-optimize footer .create-chat--group .create-dingtalk-chat .ibass-checkbox {
  color: #999;
}
.create-matter-optimize footer .create-chat--group .create-dingtalk-chat .ibass-checked {
  color: #ed6c00;
}
.create-matter-optimize footer .create-chat--group .create-dingtalk-chat .create-chat-des {
  margin-left: 10px;
}

.btn-list-export {
  position: relative;
  display: inline-block;
  height: 32px;
}
.btn-list-export .content {
  height: 32px;
  line-height: 32px;
}
.btn-list-export .hoveItemList {
  margin: 10px;
  padding: 8px 0px;
  position: absolute;
  z-index: 100;
  margin-top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  background-color: #3d3d3d;
  border-radius: 10px;
}
.btn-list-export .hoveItemList::before {
  border-bottom-color: #3d3d3d !important;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px;
  border-color: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
}
.btn-list-export .hoveItemList .item {
  height: 30px;
  color: #c3c3c3;
  text-align: center;
}
.btn-list-export .hoveItemList .item:hover {
  color: #ffffff;
  background-color: #282828;
}

.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: 220px;
  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;
}
.document-wrap header .search-condition .doc-search-right .doc-search-input .ibass-close,
.document-wrap header .more-condition .doc-search-right .doc-search-input .ibass-close {
  margin-top: -6px;
}
.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;
  padding-right: 10px;
}
.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;
}

.create-fs-chat-dialog {
  position: relative;
  height: 465px;
  width: 500px;
}
.create-fs-chat-dialog .create-title {
  width: 498px;
  height: 66px;
  padding-left: 28px;
  line-height: 70px;
  color: #232323;
  font-size: 20px;
  border-bottom: 1px solid #f2f3f7;
}
.create-fs-chat-dialog .group-mumber {
  width: 436px;
  margin-left: 28px;
  margin-top: 24px;
}
.create-fs-chat-dialog .group-mumber .group-des {
  width: 110px;
  height: 20px;
  line-height: 20px;
  display: flex;
  justify-content: flex-start;
  color: #000;
  font-size: 14px;
}
.create-fs-chat-dialog .group-mumber .group-des .ibass-info {
  color: #999;
  font-size: 14px;
}
.create-fs-chat-dialog .group-mumber .group-des .item-des {
  margin-left: 3px;
  margin-right: 4px;
}
.create-fs-chat-dialog .group-mumber .mumber-content {
  width: 436px;
  max-height: 144px;
  margin-top: 10px;
  background-color: #FAFBFC;
  padding-bottom: 16px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 16px;
  padding-left: 16px;
  min-height: 56px;
}
.create-fs-chat-dialog .group-mumber .mumber-content.can-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 0px;
  padding-left: 0px;
}
.create-fs-chat-dialog .group-mumber .mumber-content .item-user {
  width: 88px;
  height: 38px;
  margin-left: 16px;
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
}
.create-fs-chat-dialog .group-mumber .mumber-content .item-user .user-img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #dadada;
}
.create-fs-chat-dialog .group-mumber .mumber-content .item-user .user-name {
  line-height: 30px;
  font-size: 14px;
  margin-left: 8px;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-fs-chat-dialog .fs-chat-btn {
  width: 204px;
  height: 32px;
  position: absolute;
  bottom: 31px;
  left: 50%;
  margin-left: -102px;
  display: flex;
  justify-content: space-between;
}
.create-fs-chat-dialog .fs-chat-btn .cancel-btn {
  width: 90px;
  height: 32px;
  border-radius: 20px;
  background-color: #f8f8f9;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  line-height: 32px;
  text-align: center;
  color: #4a4a4a;
  font-size: 12px;
  cursor: pointer;
}
.create-fs-chat-dialog .fs-chat-btn .submit-btn {
  width: 104px;
  height: 32px;
  background: #FA8919;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.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 .btn-wrapper:hover i,
.finance-charge-mode-title-wrap .bill-title .mtr-finance-add .btn-wrapper:hover .btn-text {
  color: #ed6c00;
}
.finance-charge-mode-title-wrap .bill-title .mtr-finance-add .btn-wrapper:hover .btn-text {
  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 .income-table tbody .state {
  position: relative;
  display: block;
}
.new-finance-information .income-table tbody .state-desc {
  visibility: visible;
}
.new-finance-information .income-table tbody .state-opetate {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  visibility: hidden;
  width: 100%;
}
.new-finance-information .income-table tbody .state-opetate .view {
  color: #f5a623;
  margin-right: 4px;
}
.new-finance-information .income-table tbody .state-opetate .edit {
  color: #f5a623;
}
.new-finance-information .income-table tbody .state:hover .state-desc {
  visibility: hidden;
}
.new-finance-information .income-table tbody .state:hover .state-opetate {
  visibility: visible;
}
.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: middle;
}
.new-finance-information .mtr-finance-add span {
  font-size: 12px;
  vertical-align: inherit;
  margin-left: 5px;
}
.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 .ibass-add {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add .btn-wrapper:hover i,
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add .btn-wrapper:hover .btn-text {
  color: #ed6c00;
}
.new-finance-information .finance-charge-mode-title-wrap .bill-title .mtr-finance-add .btn-wrapper:hover .btn-text {
  font-size: 12px;
  vertical-align: inherit;
}
.new-finance-information .finance-charge-mode-title-wrap .i-table .i-table__body-wrapper .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
}
.new-finance-information .finance-charge-mode-title-wrap .i-table .i-table__body-wrapper .ibass-delete:hover {
  color: #fa8919;
}
.new-finance-information .finance-charge-mode-title-wrap .i-table .no-data {
  height: 180px;
}
.new-finance-information .add-income-member-popover .ns-popover-item span {
  color: #444;
}
.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: 0px 10px 0px 10px;
  line-height: 45px;
  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;
}
.new-finance-information .custom-allocation-statistic {
  width: 460px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title .ibass-approve-reimburse {
  margin-left: 0px;
  margin-right: 8px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title .title {
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  margin-right: 12px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title .money {
  font-size: 14px;
  font-weight: 500;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title .money .allocate-money {
  color: #4A4A4A;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title .money .total-money {
  color: #A9A9A9;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom {
  font-size: 13px;
  padding: 0 10px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom table {
  width: 100%;
  border-spacing: 0px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr {
  color: #737373;
  text-align: center;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr th {
  border-top: 1px solid #f6f6f6;
  font-weight: 400;
  padding: 0;
  font-size: 12px;
  height: 44px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr .username {
  width: 70px;
  text-align: left;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr .role {
  width: 104px;
  text-align: left;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr .should-allocate,
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr .allocated {
  width: 88px;
  padding-right: 16px;
  text-align: right;
  line-height: 16px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom thead > tr .type {
  width: 56px;
  text-align: left;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody tr > td {
  height: 56px;
  position: relative;
  border-top: 1px solid #f6f6f6;
  padding-top: 10px;
  text-align: center;
  padding: 0px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody .username {
  width: 56px;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody .role {
  width: 88px;
  padding-right: 16px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody .should-allocate {
  width: 88px;
  padding-right: 16px;
  text-align: right;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody .allocated {
  width: 88px;
  padding-right: 16px;
  text-align: right;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody .allocated .rate {
  color: #A9A9A9;
  font-size: 12px;
}
.new-finance-information .custom-allocation-statistic .finance-allocation-title-table-custom tbody .type {
  width: 56px;
  text-align: left;
}
.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-name span {
  word-break: break-all;
}
.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-name span {
  word-break: break-all;
}
.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 .column-space-center {
  display: inline-flex;
  flex-direction: column;
  align-items: left;
  width: 100%;
}
.matter-information-page .column-space-center .date {
  white-space: pre-line;
}
.matter-information-page .column-space-center .contact-link {
  cursor: pointer;
}
.matter-information-page .column-space-center .contact-link:hover {
  color: #fa8919;
}
.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;
}
.matter-chose-edit .icon {
  color: #fa8919;
  position: absolute;
  top: 0;
  right: 14px;
}
.matter-chose-edit .ns-popover-items {
  margin: 10px 0;
}
.matter-chose-edit .ns-popover-items .ns-popover-item {
  position: relative;
}
.matter-chose-edit .ns-popover-items .ns-popover-item .ibass-done {
  position: absolute;
  right: 14px;
  top: 0;
  color: #ed6c00;
}
.matter-chose-edit .ns-popover-items .ns-popover-item .ibass-task-check {
  display: inline;
  color: #cdc9c5;
  font-size: 16px;
  cursor: pointer;
  line-height: 50px;
}
.matter-chose-edit .ns-popover-items .ns-popover-bottom {
  height: auto;
  padding: 0 15px;
}
.matter-chose-edit .ns-popover-items .ns-popover-bottom .ns-popover-clear {
  display: flex;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #f0f0f0;
  color: #cdc9c5;
  cursor: pointer;
}
.matter-chose-edit .ns-popover-items .ns-popover-bottom .ns-popover-clear .ibass {
  font-size: 14px;
  color: #cdc9c5;
  margin-right: 15px;
}
.work-type-desc {
  width: 140px;
  line-height: 20px;
}
.edit-matter-belongs-dialog .matter-belongs-wrap {
  padding: 0 22px;
  border-top: 1px transparent solid;
}
.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;
}
.edit-batch-matter-dialog__item {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #333333;
  line-height: 19px;
  cursor: pointer;
}
.edit-batch-matter-dialog__item + .edit-batch-matter-dialog__item {
  margin-top: 10px;
}
.edit-batch-matter-dialog__item i {
  margin-right: 8px;
  color: #DDDDDD;
}
.edit-batch-matter-dialog__item i.iconchecked {
  color: #FA8919;
}
.edit-batch-matter-dialog__item i.ibass-warning {
  position: relative;
  top: 2px;
}

.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;
  margin-right: 20px;
  max-width: calc(100% - 360px);
}
.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 {
  flex: 1;
  font-size: 18px;
  display: inline-block;
  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;
  flex-shrink: 0;
}
.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;
  padding-right: 12px;
  border-right: 1px solid #ededed;
  height: 20px;
  line-height: 0px;
}
.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 .service-report .ibass-database-outline {
  position: relative;
  top: 1px;
  margin-right: 4px;
  line-height: 36px;
  font-size: 16px;
}
.matter-detail-title-module .matter-title-module .matter-title-right .service-report:hover {
  color: #FA8919;
}
.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 .create-feishu-chat {
  height: 16px;
  width: 16px;
  display: inline-block;
  padding-left: 11px;
  padding-right: 11px;
  border-right: 1px solid #ededed;
  cursor: pointer;
}
.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;
  flex-shrink: 0;
}
.matter-detail-title-module .matter-title-module .matter-status .title-status {
  height: 20px;
  border-radius: 12px;
  font-weight: 500;
  width: 70px;
  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: bottom;
  margin-top: 1px;
  transform: translate(2px, 0px);
}
.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 center span {
  display: inline-block;
  line-height: 20px;
}
.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-title-module .matter-filing-status {
  position: relative;
  top: 1px;
  flex-shrink: 0;
  margin-right: 14px;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  color: #cdc9c5;
}
.matter-detail-title-module .matter-title-module .matter-filing-status .ibass-filetype-folder {
  font-size: 16px;
}
.matter-detail-title-module .matter-title-module .matter-filing-status:hover {
  color: #FA8919;
}
.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.matter-delete-dialog {
  padding: 100px 48px 20px;
}
.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;
  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 .delete-matter-btn.has-appro-delete {
  background-color: #fa8919;
}
.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-title-dialog .input-box {
  margin-top: 10px;
  display: flex;
}
.matter-detail-title-dialog .input-box input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
}
.matter-detail-title-dialog .input-box .icon-module {
  color: red;
}
.matter-detail-title-dialog .report {
  margin-top: 10px;
  margin-bottom: 10px;
}
.matter-detail-title-dialog .remark {
  margin: 0 auto 10px;
  width: 100%;
  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-detail-title-dialog .remark textarea {
  padding: 10px;
  line-height: 20px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
}
.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;
}
.matter__header-pt .create-chat:hover {
  color: #FA8919;
}
.create-chat--togglebox {
  margin-top: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
.create-chat--togglebox .create-list {
  padding: 8px 0;
  border-radius: 4px;
}
.create-chat--togglebox .create-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 8px;
}
.create-chat--togglebox .create-list li:hover {
  cursor: pointer;
  background-color: #FAFBFC;
}
.create-chat--togglebox .create-list li img {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.create-chat--togglebox .create-list li p {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.apply-filing-dialog .matter-info {
  display: flex;
  margin-bottom: 16px;
  line-height: 32px;
}
.apply-filing-dialog .matter-info .name {
  flex-shrink: 0;
  color: #999;
  margin-right: 16px;
}
.apply-filing-dialog .matter-info .value {
  color: #333;
  word-break: break-all;
  flex: 1;
  overflow: hidden;
}
.apply-filing-dialog .matter-selected-num {
  font-size: 14px;
  color: #333333;
  line-height: 32px;
}
.apply-filing-dialog .tips {
  font-size: 12px;
  color: #ff6c7e;
  line-height: 20px;
  margin: 16px 0;
}
.apply-filing-dialog .tips .ibass-warning {
  position: relative;
  top: 2px;
  color: #ff6c7e;
  margin-right: 4px;
}
.apply-filing-dialog .matter-tips {
  display: flex;
  background-color: #F8F8F8;
  padding: 16px;
  border-radius: 4px;
}
.apply-filing-dialog .matter-tips .ibass-warning {
  color: #FA8919;
  margin-right: 8px;
}

.apply-matter-filing {
  padding: 30px 80px 90px;
  box-sizing: border-box;
  border-radius: 10px;
}
.apply-matter-filing__header {
  position: relative;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 14px;
  line-height: 1;
}
.apply-matter-filing__header .ibass-filetype-folder {
  position: relative;
  top: 2px;
  margin-right: 10px;
  vertical-align: sub;
  font-size: 24px;
  font-weight: normal;
  color: #E1DFDC;
}
.apply-matter-filing__header .header-text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.apply-matter-filing__header .ibass-close {
  position: absolute;
  top: 8px;
  right: 0;
}
.apply-matter-filing__steps {
  position: relative;
  display: flex;
  align-items: center;
  margin: 48px 0 32px;
}
.apply-matter-filing__step {
  display: flex;
  align-items: center;
  user-select: none;
}
.apply-matter-filing__step .step-num {
  width: 23px;
  margin-right: 10px;
  border-radius: 50%;
  color: #CCCCCC;
  border: 1px solid #CCCCCC;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
}
.apply-matter-filing__step .step-name {
  color: #999999;
  font-size: 16px;
}
.apply-matter-filing__step .step-line {
  width: 80px;
  margin: 0 16px;
}
.apply-matter-filing__step .step-line svg {
  vertical-align: middle;
}
.apply-matter-filing__step .step-line svg .color-line {
  stroke-dasharray: 80;
  stroke-dashoffset: -80;
}
.apply-matter-filing__step.slide-right .color-line {
  animation: line-slide-right 0.3s ease-in;
}
.apply-matter-filing__step.slide-left .color-line {
  animation: line-slide-left 0.3s ease-in;
}
.apply-matter-filing__step--active .step-num {
  transition: all 0.3s ease-in;
  transition-delay: .3s;
  color: #fff;
  background-color: #FA8919;
  border: 1px solid #FA8919;
}
.apply-matter-filing__step--active .step-name {
  transition: all 0.3s ease-in;
  transition-delay: .3s;
  color: #333333;
}
.apply-matter-filing__container {
  position: relative;
}
.apply-matter-filing__container-item.ng-hide-animate {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in;
}
.apply-matter-filing__container-item.slide-left.ng-hide-remove {
  transform: translateX(30px);
  opacity: 0;
}
.apply-matter-filing__container-item.slide-left.ng-hide-remove-active {
  transform: translateX(0px);
  opacity: 1;
}
.apply-matter-filing__container-item.slide-left.ng-hide-add {
  transform: translateX(0px);
  opacity: 1;
}
.apply-matter-filing__container-item.slide-left.ng-hide-add-active {
  transform: translateX(-30px);
  opacity: 0;
}
.apply-matter-filing__container-item.slide-right.ng-hide-remove {
  transform: translateX(-30px);
  opacity: 0;
}
.apply-matter-filing__container-item.slide-right.ng-hide-remove-active {
  transform: translateX(0px);
  opacity: 1;
}
.apply-matter-filing__container-item.slide-right.ng-hide-add {
  transform: translateX(0px);
  opacity: 1;
}
.apply-matter-filing__container-item.slide-right.ng-hide-add-active {
  transform: translateX(30px);
  opacity: 0;
}
.apply-matter-filing__footer {
  text-align: center;
}
.apply-matter-filing__footer-btns.ng-hide-animate {
  display: none;
  transition: all 0.3s ease-in;
}
@keyframes line-slide-right {
  from {
    stroke-dashoffset: 80;
  }
  to {
    stroke-dashoffset: -80;
  }
}
@keyframes line-slide-left {
  from {
    stroke-dashoffset: -80;
  }
  to {
    stroke-dashoffset: 80;
  }
}

.matterFilter-item-container {
  padding: 0 70px;
}
.matterFilter-item-container > .filter-group-li {
  display: flex;
  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 {
  flex: 1;
  min-height: 33px;
  position: relative;
}
.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 .lawyer-container {
  display: inline-flex !important;
  align-items: flex-start;
}
.matterFilter-item-container > .filter-group-li .filter-item .lawyer-container logic-select {
  margin-left: 8px;
  flex-shrink: 0;
  line-height: 28px;
  margin-bottom: 8px;
}
.matterFilter-item-container > .filter-group-li .filter-item .lawyer-container logic-select .drop-menu-multiple .drop-menu-check .drop-menu-show {
  height: 28px;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container {
  width: 310px;
  vertical-align: top;
  margin-left: 6px;
  position: relative;
}
.matterFilter-item-container > .filter-group-li .filter-item .item-container .other-input {
  width: 248px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  border-radius: 2px;
  outline: none;
  color: #4a4a4a;
}
.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: none;
  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;
  align-items: center;
}
.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-detail-edit .logic-select {
  margin-left: 10px;
}
.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 {
  display: flex;
  justify-content: flex-end;
}
.matterFilter-item-container .btn-groups-module .filter-item-logic {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 12px;
  margin-right: 20px;
  line-height: 20px;
}
.matterFilter-item-container .btn-groups-module .filter-item-logic .ibass-faq {
  position: relative;
  top: 1px;
}
.matterFilter-item-container .btn-groups-module .filter-item-logic span {
  margin: 0 3px;
}
.matterFilter-item-container .btn-groups-module .filter-item-logic .logic-select {
  font-size: 12px !important;
}

.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-container .matter-page-module .hd-operation {
  display: inline-block;
  width: 300px;
}
.matter-container .matter-page-module .hd-operation .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-left: 20px;
}
.matter-container .matter-page-module .hd-operation .new-btn-flows .icon {
  position: absolute;
  left: 0;
}
.matter-container .matter-page-module .right-wrap {
  float: unset;
  max-width: max-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.matter-container .matter-page-module .right-wrap .no-news-filter {
  display: inline-block;
  margin-right: 20px;
  flex-shrink: 0;
}
.matter-container .matter-page-module .right-wrap .btn-list-export {
  display: inline-block;
  margin-right: 20px;
  flex-shrink: 0;
}
.matter-container .matter-page-module .right-wrap .serve-report-btn {
  position: relative;
}
.matter-container .matter-page-module .right-wrap .serve-report-btn .noview-tip {
  width: 8px;
  height: 8px;
  background: #F6535C;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -6px;
}
.matter-container .matter-page-module .right-wrap .serve-report-btn .i-btn {
  font-size: 12px;
}
.matter-container .matter-page-module .right-serve-wrap .share-record {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 20px;
  margin-right: 20px !important;
}
.matter-container .matter-page-module .right-serve-wrap .share-record img {
  margin-right: 4px;
}
.matter-container .matter-page-module .right-serve-wrap .share-record::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  right: 0;
  background-color: #EBEBEE;
}
.matter-container .matter-page-module .right-serve-wrap .share-record.i-btn--text {
  color: #333;
}
.matter-container .matter-page-module .right-serve-wrap .share-record:hover {
  color: #FA8919;
}
.matter-container .matter-page-module .right-serve-wrap .select-count {
  line-height: 32px;
  color: #999;
  margin-right: 16px;
}
.matter-container .matter-page-module .right-serve-wrap .i-btn {
  height: 32px;
  line-height: 32px;
}
.matter-stage-filter-popover {
  width: 236px;
}
.matter-stage-filter-popover__header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  border-bottom: 1px solid #2B2B2B;
}
.matter-stage-filter-popover__list {
  max-height: 170px;
  margin: 8px 0 16px !important;
  overflow: auto;
}
.matter-stage-filter-popover__list .item {
  display: flex;
  align-items: center;
  height: 34px;
  font-size: 14px;
  color: #C3C3C3;
  line-height: 34px;
  padding: 0 16px 0 24px;
  overflow: hidden;
  cursor: pointer;
}
.matter-stage-filter-popover__list .item:hover {
  color: #fff;
  background: #282828;
}
.matter-stage-filter-popover__list .item .name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 24px 0 16px;
}
.matter-stage-filter-popover__list .item .ibass-checked {
  color: #FA8919;
}
.matter-stage-filter-popover__footer {
  margin-bottom: 16px;
  text-align: center;
}
.serve-report-total .report-search-btn {
  position: relative;
}
.serve-report-total .report-search-btn .count {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 8px !important;
  background: #F6535C;
  border-radius: 8px;
  min-width: 12px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  padding: 0 4px;
}
.modify-matter-member {
  padding: 30px 16px 16px;
}
.modify-matter-member .ns-popover-tooltip {
  border-radius: unset !important;
  box-shadow: none !important;
  border: none !important;
  width: 100%;
}
.modify-matter-member .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  display: flex;
  padding: 0 16px;
}
.modify-matter-member .ns-popover-tooltip .ns-popover-items .ns-popover-item .name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.modify-matter-member .ibass-checkbox {
  color: #999;
}
.modify-matter-member .ibass-checked,
.modify-matter-member .ibass-done {
  color: #fa8919;
}
.modify-matter-member .loading {
  padding: 50px 0;
}
/* 全选按钮样式 */
.select-all-btn {
  border: none;
  color: #999;
  margin-left: 5px;
  cursor: pointer;
  white-space: nowrap;
}
/* 鼠标悬停效果 */
.select-all-btn:hover {
  color: #fa8919;
}
.ns-popover-tooltipMoreThan50 {
  font-size: 12px;
  color: #fa9819;
  padding-left: 20px;
}
/* 调整搜索框布局 */
.ns-popover-search {
  display: flex;
  align-items: center;
}
.matter-tips {
  display: flex;
  background-color: #FFF7F2;
  padding: 10px;
  border-radius: 4px;
  font-size: 13px;
}
.matter-tips .ibass-warning {
  color: #FA8919;
  margin-right: 8px;
}


.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-height i {
  position: absolute;
  bottom: 0;
  color: #a9a9a9;
  cursor: pointer;
}
.matter-processes-edit .processes-content .row-height i.ibass-add-fill {
  right: -20px;
}
.matter-processes-edit .processes-content .row-height i.ibass-minus-fill {
  right: -40px;
}
.matter-processes-edit .processes-content .unset-height {
  height: auto;
}
.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 {
  display: flex;
  height: 42px;
  line-height: 42px;
  padding-left: 10px;
  overflow: hidden;
}
.matter-processes-info .container .top .name {
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-processes-info .container .top .cur-processes-desc {
  color: #a9a9a9;
  font-size: 12px;
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 8px;
}
.matter-processes-info .container .top .set-cur-process-desc {
  color: #a9a9a9;
  font-size: 12px;
  display: none;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 8px;
}
.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-edit {
  margin-left: auto;
}
.matter-processes-info .container .top .ibass-delete,
.matter-processes-info .container .top .ibass-edit {
  visibility: hidden;
}
.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;
  visibility: visible;
}
.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-right: 10px;
  padding-bottom: 13px;
  overflow: hidden;
  border-top: solid 1px #ececec;
}
.matter-processes-info .container .content .row {
  display: flex;
  line-height: 21px;
  margin-top: 11px;
  overflow: hidden;
  line-height: 28px;
}
.matter-processes-info .container .content .row .attr {
  width: 89px;
  padding-right: 5px;
  box-sizing: border-box;
  color: #737373;
  word-break: break-all;
}
.matter-processes-info .container .content .row .value {
  flex: 1;
  max-width: 230px;
  word-break: break-all;
  color: #4a4a4a;
}
.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 .row .value > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.matter-processes-info .container .content .row .value > div .check-task-detail {
  display: none;
}
.matter-processes-info .container .content .row .value > div:hover .check-task-detail {
  display: inline;
}
.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 .matter-name span {
  word-break: break-all;
}
.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 .matter-name span {
  word-break: break-all;
}
.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;
}

.serve-report-right-tip .report-right__header {
  padding: 32px 28px 20px 32px;
}
.serve-report-right-tip .report-right__header .title {
  height: 26px;
}
.serve-report-right-tip .report-right__header .title i {
  font-size: 24px;
  color: #FFA940;
  line-height: 26px;
  margin-right: 12px;
  vertical-align: middle;
}
.serve-report-right-tip .report-right__header .title .text {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 26px;
}
.serve-report-right-tip .report-right__header .describe {
  margin-top: 4px;
  height: 52px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 26px;
  padding-left: 34px;
}
.serve-report-right-tip .report-right__content {
  padding-left: 34px;
}
.serve-report-right-tip .report-right__content .content {
  width: 432px;
  height: 176px;
  background: #FAFAFB;
  border-radius: 8px;
  overflow-y: auto;
  padding: 2px 16px 18px;
}
.serve-report-right-tip .report-right__content .content .right-list {
  font-size: 13px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 18px;
  padding-top: 16px;
}
.serve-report-right-tip .report-right__footer {
  margin-top: 32px;
  text-align: center;
}

.report-state {
  padding: 0 48px;
  text-align: center;
}
.report-state__head {
  margin-top: 50px;
  padding-bottom: 35px;
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.report-state__head .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -11px;
  width: 114px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.report-state__content .tips {
  text-align: left;
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-bottom: 18px;
}
.report-state__content .tips .ibass {
  font-size: 14px;
  margin-right: 4px;
  vertical-align: middle;
}
.report-state__content .tips .ibass-warning:before {
  color: rgba(153, 153, 153, 0.5);
}
.report-state__content .report-content-wrap {
  height: 300px;
  overflow: auto;
}
.report-state__content .report-content-wrap .report-table {
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  text-align: left;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}
.report-state__content .report-content-wrap .report-table thead tr {
  height: 38px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  color: #666666;
}
.report-state__content .report-content-wrap .report-table thead tr th {
  font-weight: 400;
}
.report-state__content .report-content-wrap .report-table thead tr th:first-child {
  padding-left: 16px;
}
.report-state__content .report-content-wrap .report-table tbody tr {
  height: 52px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 13px;
}
.report-state__content .report-content-wrap .report-table tbody tr td:first-child {
  padding-left: 16px;
}
.report-state__content .report-content-wrap .report-table tbody tr:hover {
  background: #F9FAFA;
}
.report-state__content .report-content-wrap .report-table tbody tr .down-btn {
  font-size: 12px;
  font-weight: 500;
  color: #FA8919;
}
.report-state__content .report-content-wrap .report-table tbody tr .del-btn {
  font-size: 12px;
  font-weight: 500;
  color: #F6535C;
}
.report-state__content .report-content-wrap .report-table tbody tr .report-status-text {
  color: #999999;
}
.report-state__content .report-content-wrap .report-table tbody tr .report-status .fail {
  color: #F6535C;
}
.report-state__content .report-content-wrap .report-table tbody tr .report-status .doing {
  color: #68C23B;
}
.report-state__footer {
  margin: 40px 0;
  display: flex;
  justify-content: right;
}
.report-state__footer .show-page {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #737373;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.report-state__footer .show-page .count {
  margin-right: 4px;
}
.report-state__footer .show-page .icon {
  color: #ED6C00;
  vertical-align: middle;
}
.report-state__footer .i-pagination {
  margin: 0;
}
.report-state__footer .i-pagination li:nth-of-type(2) {
  margin-right: 0px;
}
.report-state__footer .i-pagination li:nth-last-child(2) {
  margin-left: 0px;
}
.report-page-popover {
  z-index: 10000 !important;
  width: 50px;
  text-align: center;
  left: 37px !important;
  top: 18px !important;
}
.report-page-popover .ns-popover-tooltip {
  width: 100%;
}

.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-sub-name {
  padding-left: 40px;
  margin: 8px 0;
  color: #4a4a4a;
}
.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 .choose-item .list-content .i-radio,
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content .i-checkbox {
  font-size: 14px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content .i-radio i,
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content .i-checkbox i {
  font-size: 16px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content .i-checkbox-group {
  margin-top: 8px;
}
.matter-service-report .matter-service-report-import .matter-service-report-body .choose-item .list-content .i-checkbox-group .label {
  color: #4a4a4a;
}
.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 .ibass-locked {
  color: #0acfda;
  display: inline-block;
}
.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;
}
.cancleBtn {
  font-size: 12px;
  color: #4a4a4a;
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  line-height: 32px;
}
.cancleBtn:hover {
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.confirmBtn {
  font-size: 12px;
  margin-left: 10px;
}
.emptyTip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.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;
  font-size: 14px;
}
.matter-setting-list-dialog .matter-setting-body {
  display: flex;
  overflow: hidden;
  height: 450px;
  padding: 0 20px;
  font-size: 12px;
}
.matter-setting-list-dialog .matter-setting-body .matter-optional-field {
  width: 450px;
  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: 0px;
  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-select-left {
  height: 350px;
  overflow-y: auto;
}
.matter-setting-list-dialog .matter-setting-body .select-type {
  border-top: 1px solid #ebebeb;
  margin-top: 10px;
}
.matter-setting-list-dialog .matter-setting-body .select-type .select-type-title {
  padding: 0 8px;
  position: relative;
  background: #fff;
  margin: 0 auto;
  width: 100px;
  font-size: 13px;
  margin-top: -10px;
  text-align: center;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head {
  width: 140px;
  font-size: 12px;
  line-height: 30px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head span {
  cursor: pointer;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head span.disabled span,
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head span.disabled i {
  cursor: not-allowed;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head span.disabled i {
  color: #cdc9c5;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head i {
  position: relative;
  top: 1.5px;
  color: #cdc9c5;
  margin-right: 4px;
}
.matter-setting-list-dialog .matter-setting-body .select-type .table-select-words .table-head .ibass-checked {
  color: #fa8919;
}
.matter-setting-list-dialog .matter-setting-body .matter-selected-field {
  width: 160px;
  height: 100%;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
}
.matter-setting-list-dialog .table-selected-words {
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  position: relative;
}
.matter-setting-list-dialog .table-selected-words .selected-words {
  display: flex;
  align-items: center;
  position: relative;
  padding: 4px 10px;
  cursor: move;
}
.matter-setting-list-dialog .table-selected-words .selected-words span {
  flex: 1;
  line-height: 1.5;
}
.matter-setting-list-dialog .table-selected-words .selected-words .ibass-close {
  position: relative;
  top: 2px;
}
.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;
  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;
}

.share-progress {
  padding: 30px 40px 36px 48px;
  max-height: 680px;
  display: flex;
  flex-direction: column;
}
.share-progress__form {
  flex: 1;
  overflow: auto;
  margin-top: 24px;
  margin-bottom: 32px;
  padding: 0;
  padding-right: 8px;
}
.share-progress__form .i-form-item:not(:last-of-type) {
  padding-bottom: 16px;
}
.share-progress__form .i-form-item:last-of-type {
  padding-bottom: 0;
}
.share-progress__form .i-form-item__content {
  align-items: flex-start;
}
.share-progress__form .i-form-item__label {
  font-size: 14px;
  line-height: 32px;
  color: #999;
  flex-shrink: 0;
}
.share-progress__form .i-form-item__field {
  line-height: 32px;
  min-width: 0;
}
.share-progress__form .i-form-item .i-radio-group {
  display: flex;
}
.share-progress__form .i-form-item .i-radio {
  display: flex;
  min-width: 100px;
}
.share-progress__form .i-form-item .i-radio:last-of-type {
  flex: 1;
}
.share-progress__form .i-form-item .i-radio__label {
  display: inline-flex;
  align-items: center;
  flex: 1;
}
.share-progress__form .i-form-item .i-radio__label i-date {
  flex: 1;
}
.share-progress__form .i-form-item .i-radio__label .i-date {
  margin-left: 10px;
}
.share-progress__form .i-form-item .i-checkbox-group {
  display: flex;
  flex-direction: column;
}
.share-progress__form .i-form-item .i-checkbox-group .i-checkbox {
  width: max-content;
  font-size: 14px;
}
.share-progress__form .i-form-item .matters {
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  padding: 10px 8px 0;
  font-size: 14px;
}
.share-progress__form .i-form-item .matters__header {
  overflow: auto;
}
.share-progress__form .i-form-item .matters__header .matter {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 4px 0 8px;
}
.share-progress__form .i-form-item .matters__header .matter:hover {
  background: #F7F8F9;
  border-radius: 4px;
}
.share-progress__form .i-form-item .matters__header .matter:hover .delete {
  display: inline;
}
.share-progress__form .i-form-item .matters__header .matter .i-btn i {
  font-size: 16px;
}
.share-progress__form .i-form-item .matters__header .matter .i-btn i.ibass-trash-empty {
  position: relative;
  top: 2px;
}
.share-progress__form .i-form-item .matters__header .matter .i-btns .i-btn:not(:last-child) {
  position: relative;
}
.share-progress__form .i-form-item .matters__header .matter .i-btns .i-btn:not(:last-child)::before {
  content: "";
  position: absolute;
  height: 12px;
  width: 1px;
  top: 2px;
  right: 0;
  background-color: #ebebeb;
}
.share-progress__form .i-form-item .matters__header .matter .delete {
  display: none;
}
.share-progress__form .i-form-item .matters__header .matter .i-btns .i-btn + .i-btn {
  margin-left: 0;
}
.share-progress__form .i-form-item .matters__footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  line-height: 30px;
  border-top: 1px solid #ebebeb;
}
.share-progress__form .i-form-item .matters__footer .matter__add {
  position: relative;
}
.share-progress__form .i-form-item .matters__footer .matter__add .add-matter-btn {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  color: #ED6C00;
  border-radius: 6px;
  padding: 0 8px;
  cursor: pointer;
}
.share-progress__form .i-form-item .matters__footer .matter__add .add-matter-btn img {
  margin-right: 6px;
}
.share-progress__form .i-form-item .matters__footer .matter__add .add-matter-btn.open,
.share-progress__form .i-form-item .matters__footer .matter__add .add-matter-btn:hover {
  background: #FEF3E8;
}
.share-progress__form .i-form-item .matters__footer .matter__add .ns-popover-tooltip-theme {
  top: 100% !important;
  left: 50% !important;
  transform: translate(-50px, calc(-100% - 34px));
}
.share-progress__form .i-form-item .matters__footer .matter__show-more {
  color: #999;
  cursor: pointer;
}
.share-progress__form .i-form-item .matters__footer .matter__show-more:hover {
  color: #FA8919;
}
.share-progress__form .i-form-item .matters__footer span {
  margin-right: 2px;
}
.share-progress__form .i-form-item .matters__footer i {
  position: relative;
  top: 1px;
}
.share-progress__form .i-form-item .matter {
  display: flex;
  overflow: hidden;
}
.share-progress__form .i-form-item .matter:hover {
  background-color: #fafafa;
}
.share-progress__form .i-form-item .matter__name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-matter-tpl {
  width: 299px;
  max-width: unset;
}
.add-matter-tpl .ns-popover-search {
  height: 32px;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #EBEBEB;
  margin: 8px 10px;
  box-shadow: none;
}
.add-matter-tpl .ns-popover-search input::placeholder {
  color: #999;
}
.add-matter-tpl .ns-popover-items {
  min-height: 180px;
  padding-left: 8px;
}
.add-matter-tpl .ns-popover-items .cg-busy .loading {
  padding: 0;
}
.add-matter-tpl .ns-popover-item {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #333;
  padding: 0 6px 0 12px !important;
}
.add-matter-tpl .ns-popover-item span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-matter-tpl .ns-popover-item i {
  display: none;
  margin-left: 11px;
}
.add-matter-tpl .ns-popover-item.active span {
  color: #ED6C00;
}
.add-matter-tpl .ns-popover-item.active i {
  display: inline;
  color: #fa8919;
}
.add-matter-tpl .ns-popover-item.disabled {
  color: #999;
  cursor: not-allowed;
}
.add-matter-tpl .ns-popover-item:hover {
  background: #F7F8F9;
  border-radius: 4px;
}

.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;
}

.total-report {
  padding: 0 48px;
  text-align: center;
}
.total-report-head {
  padding-top: 50px;
  padding-bottom: 51px;
  position: relative;
}
.total-report-head::after {
  content: " ";
  height: 1px;
  width: 100%;
  background-color: #f0f0f0;
  position: absolute;
  left: 0px;
}
.total-report-head .title {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -71px;
  margin-top: -11px;
  width: 142px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
  padding: 0px 14px;
}
.total-report-content {
  font-size: 14px;
  color: #4a4a4a;
}
.total-report-content .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.total-report-content .choose-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 24px;
  height: 40px;
}
.total-report-content .choose-item .name {
  width: 127px;
  text-align: left;
  align-items: center;
  padding-right: 12px;
  font-weight: 500;
}
.total-report-content .choose-item .items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.total-report-content .choose-item .items .item {
  align-items: center;
  margin-right: 15px;
  min-width: 80px;
}
.total-report-content .choose-item .items .item .ibass-trig-down {
  color: #cdc9c5;
}
.total-report-content .choose-item .items .item .radio-no-active {
  vertical-align: middle;
}
.total-report-content .choose-item .items .item a {
  display: inline-flex;
}
.total-report-content .choose-item .items .item .ibass-checkbox span,
.total-report-content .choose-item .items .item .ibass-checked span {
  display: inline-flex;
  margin-left: 4px;
  color: #4a4a4a;
}
.total-report-content .choose-item .items .item .ibass-checked {
  color: #fa8919;
}
.total-report-content .choose-item .items .item .ibass-checkbox {
  color: #cdc9c5;
}
.total-report-content .choose-item .items .cursor {
  cursor: pointer;
}
.total-report-content .choose-item .items .work-type-checkbox {
  width: 100%;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.total-report-content .choose-item .items .report-input {
  width: 330px;
  padding: 10px 16px;
  height: 40px;
  font-size: 14px;
  color: #4A4A4A;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
}
.total-report-content .choose-item .items .report-input:focus {
  border: 1px solid #fa8919;
}
.total-report-content .choose-item .name-lable {
  line-height: 40px;
  width: 85px;
}
.total-report-content .choose-item .report-name {
  position: relative;
}
.total-report-content .choose-item .report-name span[ng-show] {
  background: #f72b44;
  position: absolute;
  padding: 0 10px;
  color: #fff;
  border-radius: 8px;
  top: -40px;
  display: inline-block !important;
  z-index: 10;
}
.total-report-content .choose-item .report-name span i:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 5px;
  bottom: -5px;
  border-top: 15px solid #f72b44;
  border-right: 15px solid transparent;
  transform: rotateZ(-135deg);
}
.total-report-content .normalItem {
  height: 24px;
}
.total-report-content .choose-item:last-child {
  margin-bottom: 0px;
}
.total-report-content .check-item .ibass-checked {
  color: #fa8919;
}
.total-report-footer {
  margin-top: 32px;
}

.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;
}

.person-achievement {
  padding: 40px 24px 0;
  width: calc(100% - 48px);
  margin-bottom: 20px;
}
.person-achievement .active {
  color: #FA8919;
}
.person-achievement .cursor {
  cursor: pointer;
}
.person-achievement__header {
  height: 38px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.person-achievement__header-left {
  display: flex;
  justify-content: flex-start;
}
.person-achievement__header-tabs .tab {
  display: inline-block;
  width: 68px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-left: 0;
  font-weight: 400;
  color: #333333;
}
.person-achievement__header-tabs :first-child {
  border-radius: 6px 0px 0px 6px;
  border-left: 1px solid #EBEBEB;
}
.person-achievement__header-tabs :last-child {
  border-radius: 0px 6px 6px 0px;
}
.person-achievement__header-tabs .active {
  background: #FA8919;
  color: #FFFFFF;
  border-color: #FA8919;
}
.person-achievement__header-time {
  margin-left: 20px;
  margin-top: 4px;
  position: relative;
}
.person-achievement__header-time .time-analysis {
  position: relative;
  height: 30px;
  min-width: 244px;
  text-align: left;
}
.person-achievement__header-time .time-analysis .time-range {
  position: static;
}
.person-achievement__header-time .time-analysis .time-range::after {
  content: ' ';
  display: inline-block;
  margin-left: 16px;
  margin-top: 4px;
  height: 14px;
  width: 1px;
  background: #EBEBEB;
}
.person-achievement__header-time .time-analysis .time-range-text-select {
  float: left;
  color: #666666;
  padding-right: 8px;
  position: relative;
}
.person-achievement__header-time .time-analysis .time-range-text-select::after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 4px;
  height: 14px;
  width: 1px;
  background: #EBEBEB;
}
.person-achievement__header-time .time-analysis .time-range-start-stop {
  float: left;
  color: #666666;
  padding-left: 8px;
  border-left: none;
}
.person-achievement__header-time .time-analysis .time-range-start-stop::after {
  content: '\EA13';
  position: relative;
  top: 2px;
  left: 6px;
  color: #D2D3D6;
  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;
}
.person-achievement__header-time .split-line {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #EBEBEB;
  position: absolute;
  top: 9px;
  right: 10px;
}
.person-achievement__header-member {
  height: 30px;
  margin-top: 10px;
  margin-left: 20px;
}
.person-achievement__header-member .member-list {
  cursor: pointer;
  height: 30px;
}
.person-achievement__header-member .member-list .member-name-overflow {
  color: #666666;
}
.person-achievement__header-member .member-list .ibass-trig-down {
  margin-left: 6px;
}
.person-achievement__header-member .member-list .ibass-trig-down:before {
  color: #D2D3D6;
}
.person-achievement__header-reportbtn {
  position: relative;
}
.person-achievement__header-reportbtn .noview-tip {
  width: 8px;
  height: 8px;
  background: #F6535C;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -6px;
}
.person-achievement__header-reportbtn .i-btn {
  width: 112px;
  height: 36px;
  line-height: 33px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
}
.person-achievement__header-reportbtn .i-btn .split-line {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #FCC38B;
  margin: 0 8px;
  position: relative;
  top: 1px;
}
.person-achievement__header-reportbtn .i-btn .ibass-trig-down {
  position: relative;
  top: 2px;
}
.person-achievement__content {
  margin-top: 40px;
}
.person-achievement__content .content-wrap .content-work-wrap {
  padding-bottom: 60px;
}
.person-achievement__content .content-wrap .content-work-wrap .work-count__box {
  width: 648px;
  padding: 24px 0 28px;
  display: flex;
  gap: 16px;
}
.person-achievement__content .content-wrap .content-work-wrap .work-count__item {
  background-color: #FAFAFB;
  padding: 16px 20px;
  height: 74px;
  vertical-align: top;
  border-radius: 8px;
  flex: 1;
  font-weight: 400;
}
.person-achievement__content .content-wrap .content-work-wrap .work-count__item .title {
  font-size: 14px;
  color: #666666;
}
.person-achievement__content .content-wrap .content-work-wrap .work-count__item .count {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
  margin-bottom: 4px;
}
.serve-report-person .report-search-btn {
  position: relative;
}
.serve-report-person .report-search-btn .count {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  margin-left: 8px;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 12px;
  background: #F6535C;
  border-radius: 8px;
  min-width: 12px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  padding: 0 4px;
}
@keyframes noviewPlay {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: .1;
  }
  10% {
    opacity: .8;
  }
  60% {
    opacity: 0.2;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .2;
  }
}

.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 {
  display: flex;
  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;
  text-align: left;
  flex-shrink: 0;
}
.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;
}
.file-detail-page .dialog-page-content .info .content .task:not(:first-of-type) {
  margin-top: 10px;
}

.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;
}

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

.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;
}

.sync-progress-container {
  position: fixed;
  right: 120px;
  bottom: 20px;
  width: 400px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  padding: 12px;
}
.sync-progress-container .sync-progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.sync-progress-container .sync-progress-header .sync-progress-title {
  font-size: 14px;
  color: #333;
}
.sync-progress-container .sync-progress-header .ibass-close {
  cursor: pointer;
  color: #999;
}
.sync-progress-container .sync-progress-header .ibass-close:hover {
  color: #666;
}
.sync-progress-container .sync-progress-content .sync-progress-bar {
  height: 4px;
  background: #f0f0f0;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 8px;
}
.sync-progress-container .sync-progress-content .sync-progress-bar .sync-progress-inner {
  height: 100%;
  background: #fa8919;
  transition: width 0.3s ease;
}
.sync-progress-container .sync-progress-content .sync-progress-text {
  font-size: 12px;
  color: #666;
  text-align: right;
}

.AIKnowledgeAuthModal_Container {
  position: relative;
}
.AIKnowledgeAuthModal_Container .AIKnowledgeAuthModal_bg-img {
  width: 408px;
  height: 558px;
  display: block;
}
.AIKnowledgeAuthModal_Container .AIKnowledgeAuthModal_code-img {
  position: absolute;
  width: 128px;
  height: 128px;
  box-sizing: border-box;
  display: block;
  background: #FFFFFF;
  border-radius: 8px;
  border: 2px solid #F0F2F4;
  padding: 4px;
  bottom: 58px;
  left: 24px;
}
.ngdialog-ai-deepseek-container .ngdialog-close::before {
  opacity: 0;
}

.BigDataSubjectAuthModal_Container {
  position: relative;
}
.BigDataSubjectAuthModal_Container .BigDataSubjectAuthModal_bg-img {
  display: block;
  border-radius: 10px;
}
.BigDataSubjectAuthModal_Container .BigDataSubjectAuthModal_bg-img.BigDataSubjectAuthModal_bg-img-6 {
  width: 474px;
  height: 558px;
}
.BigDataSubjectAuthModal_Container .BigDataSubjectAuthModal_code-img {
  position: absolute;
  width: 128px;
  height: 128px;
  box-sizing: border-box;
  display: block;
  background: #FFFFFF;
  border-radius: 8px;
  border: 2px solid #F0F2F4;
  padding: 4px;
  bottom: 58px;
  left: 24px;
}

.CompanyLawAuthModal_Container {
  position: relative;
}
.CompanyLawAuthModal_Container .CompanyLawAuthModal_bg-img {
  width: 408px;
  height: 558px;
  display: block;
}
.CompanyLawAuthModal_Container .CompanyLawAuthModal_code-img {
  position: absolute;
  width: 128px;
  height: 128px;
  box-sizing: border-box;
  display: block;
  background: #FFFFFF;
  border-radius: 8px;
  border: 2px solid #F0F2F4;
  padding: 4px;
  bottom: 58px;
  left: 24px;
}
.ngdialog-company-law-container .ngdialog-close::before {
  opacity: 0;
}

.nav-bar {
  position: relative;
  display: flex;
  height: 55px;
  bottom: 2px;
  min-width: 650px;
  justify-content: flex-end;
}
.nav-bar__list {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  min-height: 56px;
  width: 100%;
}
.nav-bar__list:-moz-drag-over {
  border: 1px solid black;
}
.nav-bar__item {
  flex-shrink: 0;
  width: calc(max(var(--width), var(--item-width, 0px)));
  position: relative;
  top: -1px;
  height: 56px;
  margin-bottom: 16px;
  text-align: center;
  color: #B4A69A;
  line-height: 20px;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  user-select: none;
  transition: width 0.3s ease-in;
  line-height: 1;
}
.nav-bar__item .name {
  display: block;
  font-size: 12px;
  color: #9F9F9F;
  margin: 4px 0;
  line-height: 11px;
}
.nav-bar__item .item-icon {
  display: inline-block;
  font-size: 30px;
  user-select: none;
}
.nav-bar__item .item-icon-img {
  width: 32px;
  height: 32px;
  user-select: none;
}
.nav-bar__item:not(.nav-bar__item--drag):hover :where(i, .name) {
  color: #ED6C00;
  border-bottom-color: #F78400;
}
.nav-bar__item--drag .item-icon {
  animation: navBarMove .8s linear infinite forwards;
  animation-delay: calc(1s * var(--delay));
}
.nav-bar__item--placeholder {
  width: 1px;
  height: 54px;
}
.nav-bar__item--active {
  border-bottom-color: #ff8800;
}
.nav-bar__item--active .name {
  color: #ED6C00;
}
.nav-bar__item--active i::before {
  color: #ED6C00 !important ;
}
.nav-bar__item--draging .item-icon::before,
.nav-bar__item--draging span,
.nav-bar__item--draging img {
  opacity: 0.7;
  box-shadow: unset;
  text-shadow: unset;
}
.nav-bar__item--ghost {
  background-color: transparent;
}
.nav-bar__item--ghost .item-icon::before,
.nav-bar__item--ghost span,
.nav-bar__item--ghost img {
  visibility: hidden;
  display: none;
}
.nav-bar__item--ghost::before {
  visibility: hidden;
}
.nav-bar__item--new:not(.nav-bar__item--remind) .icon-wrapper {
  position: relative;
}
.nav-bar__item--new:not(.nav-bar__item--remind) .icon-wrapper::before {
  position: absolute;
  content: '';
  display: inline-block;
  right: -24px;
  top: -20px;
  height: 12px;
  width: 24px;
  background-size: cover;
  background-image: url('common/images/more-product/new.png');
}
.nav-bar__item--remind .icon-wrapper {
  position: relative;
}
.nav-bar__item--remind .icon-wrapper::before {
  position: absolute;
  content: attr(data-remind);
  display: inline-block;
  min-width: 16px;
  box-sizing: border-box;
  left: 28px;
  top: -20px;
  background: #ef7044;
  color: #fff;
  border-radius: 999vw;
  font-size: 12px;
  padding: 0 4px;
  font-weight: 500;
  line-height: 15px;
  height: 16px;
}
.nav-bar__outer {
  justify-content: flex-end;
  width: 100%;
  flex-wrap: nowrap;
}
.nav-bar__outer .item-icon {
  display: inline-block;
}
.nav-bar__outer .item-icon-img {
  display: none;
}
.nav-bar__inner {
  --width: 80px;
  position: relative;
  width: 672px;
  padding: 14px 14px 16px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 10px 10px 10px 40px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  transform: translateX(20px);
}
.nav-bar__inner-free,
.nav-bar__inner-pay {
  position: relative;
}
.nav-bar__inner-free::after,
.nav-bar__inner-pay::after {
  content: "";
  position: absolute;
  width: calc(100% - 32px);
  height: 1px;
  background-color: #f0f0f0;
  left: 16px;
  bottom: 0;
}
.nav-bar__inner-free .nav-bar__item,
.nav-bar__inner-pay .nav-bar__item {
  border-bottom-color: transparent;
}
.nav-bar__inner-footer {
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 0;
}
.nav-bar__inner-footer .i-btn--text {
  width: max-content;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a4a4a;
}
.nav-bar__inner-footer .i-btn--text:not(:hover) [class^=ibass] {
  color: #666;
}
.nav-bar__inner-footer [class^=ibass-] {
  margin-right: 6px;
  vertical-align: middle;
}
.nav-bar__inner-free {
  padding: 25px 0 2px;
}
.nav-bar__inner-pay {
  padding: 20px 0 3px;
}
.nav-bar__inner-pay .item-icon {
  display: none;
}
.nav-bar__inner-pay .item-icon-img {
  display: inline-block;
}
.nav-bar__inner-pay .nav-bar__item:not(.nav-bar__item--drag):hover .name {
  color: #4a4a4a;
}
.nav-bar__inner-pay h4 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  padding-left: 20px;
  margin: 0 0 20px -3px;
}
.nav-bar__inner-pay h4 i {
  margin-right: 4px;
  color: #ff8200;
}
.nav-bar__inner-pay .nav-bar__item--new .icon-wrapper::before {
  top: -26px;
}
.nav-bar__inner-no-data {
  padding: 48px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 17px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
}
.nav-bar__title {
  color: #333;
  margin: 8px 0;
}
.nav-bar__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  background: linear-gradient(180deg, rgba(248, 248, 248, 0.8) 0%, #f8f8f8 100%);
  opacity: 0.9;
  text-align: center;
}
.nav-bar__mask::before {
  content: "功能太多了，放不下啦～";
  font-size: 12px;
  color: #4a4a4a;
  line-height: 57px;
}
.more-nav-bar-popover {
  z-index: 100;
  box-sizing: border-box;
  background-color: transparent;
}
.more-nav-bar-popover.ns-popover-bottom-placement .triangle {
  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;
}
.more-nav-bar-popover.ns-popover-bottom-placement .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;
}
@keyframes navBarMove {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(6deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(0);
  }
}
.isEvidenceAi {
  position: relative;
}
.common-remind {
  position: absolute;
  width: 43px;
  height: 14px;
  background: url(https://alpha-dev.oss-cn-beijing.aliyuncs.com/evidence-ai/AI%20beta%402x.png) no-repeat;
  background-size: 100% 100%;
  right: -17px;
  top: -8px;
}

.receive-law-case-container .receive-law-case-container__iframe {
  width: 100%;
  min-height: 800px;
  border: none;
}

.receive-law-party-container .receive-law-party-container__iframe {
  width: 100%;
  min-height: 800px;
  border: none;
}

.receive-law-record-container .receive-law-record-container__iframe {
  width: 100%;
  min-height: 800px;
  border: none;
}

.receive-law-split-bill-container .receive-law-split-bill-container__iframe {
  width: 100%;
  min-height: 800px;
  border: none;
}

.doc-upgrade-dlg {
  padding: 61px 41px 53px 41px;
  width: 670px;
  box-sizing: border-box;
  background-image: url(search/docUpgradeDlg/images/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
}
.doc-upgrade-dlg__header {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  margin-bottom: 46px;
}
.doc-upgrade-dlg__content {
  width: 583px;
  margin-left: 4px;
}
.doc-upgrade-dlg__content .hello {
  margin-bottom: 24px;
  font-size: 14px;
  color: #171717;
  line-height: 24px;
}
.doc-upgrade-dlg__content img.title {
  margin-bottom: 6px;
}
.doc-upgrade-dlg__content .lightspot {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 8px;
  column-gap: 32px;
  margin-bottom: 24px;
}
.doc-upgrade-dlg__content .lightspot li {
  position: relative;
  padding-left: 14px;
  box-sizing: border-box;
}
.doc-upgrade-dlg__content .lightspot li .title {
  font-weight: 600;
  font-size: 14px;
  color: #171717;
  line-height: 24px;
}
.doc-upgrade-dlg__content .lightspot li .desc {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.doc-upgrade-dlg__content .lightspot li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FF7400;
}
.doc-upgrade-dlg__content .tips {
  margin-bottom: 24px;
}
.doc-upgrade-dlg__content .tips .header {
  font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
  color: #FF7400;
  line-height: 22px;
}
.doc-upgrade-dlg__content .tips p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.doc-upgrade-dlg__content .tips p .highlight {
  display: inline-block;
  height: 20px;
  width: max-content;
  padding-left: 10px;
  padding-right: 2px;
  margin-left: -4px;
  line-height: 20px;
  color: #171717;
  font-weight: 500;
  background-image: url(search/docUpgradeDlg/images/time-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: text-bottom;
}
.doc-upgrade-dlg__content .thank {
  margin-bottom: 19px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.doc-upgrade-dlg__content .thank b {
  font-weight: 600;
  color: #171717;
}
.doc-upgrade-dlg__content .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin-bottom: 22px;
}
.doc-upgrade-dlg__content .logo img {
  margin-right: 8px;
}
.doc-upgrade-dlg__content .btns {
  text-align: center;
}
.doc-upgrade-dlg__content .btn {
  margin: 0 auto;
  width: 108px;
  height: 36px;
}
.indent-2words {
  text-indent: 2em;
}
.doc-upgrade-dlg-wrapper .ngdialog-content {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.newbox-download-dlg {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 55px 0 40px;
  height: 298px;
  border-radius: 12px;
  border: 1px solid #FFFFFF;
  background-color: #fff;
  background-image: url('https://devres.alphalawyer.cn/system/file/61a8888095f24022b99768c3ff133def.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.newbox-download-dlg-wrapper .ngdialog-content {
  border: none !important;
}
.newbox-download-dlg__icon {
  font-size: 60px;
  height: 48px;
  width: 50px;
  color: #ed6c00;
  margin-bottom: 30px;
}
.newbox-download-dlg__icon .ibass-alpha {
  line-height: 1;
}
.newbox-download-dlg__info {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 12px;
}
.newbox-download-dlg__tips {
  font-size: 16px;
  color: #999999;
  line-height: 22px;
  margin-bottom: 32px;
}
.newbox-download-dlg__btn {
  width: 96px;
  height: 36px;
}

.password-reset-notify-dlg {
  font-family: PingFangSC, PingFang SC;
  background: linear-gradient(180deg, #fff2e6 0%, #ffffff 60%) #ffffff;
}
.password-reset-notify-dlg-wrapper .ngdialog-content {
  border-radius: 20px !important;
  overflow: hidden;
}
.password-reset-notify-dlg__content {
  position: relative;
  padding: 40px 40px 32px;
}
.password-reset-notify-dlg__content .title {
  margin-bottom: 15px;
}
.password-reset-notify-dlg__content .tips {
  font-size: 12px;
  color: #878C95;
  line-height: 20px;
  margin-bottom: 29px;
  letter-spacing: 1px;
}
.password-reset-notify-dlg__content .tips p:not(:last-child) {
  margin-bottom: 8px;
}
.password-reset-notify-dlg__content h3 {
  margin: 0;
  margin-bottom: 17px;
  font-weight: 500;
  font-size: 16px;
  color: #171717;
  line-height: 22px;
}
.password-reset-notify-dlg__content ul {
  font-size: 14px;
  color: #171717;
  line-height: 20px;
  margin-bottom: 32px;
}
.password-reset-notify-dlg__content ul li {
  display: flex;
  align-items: center;
}
.password-reset-notify-dlg__content ul li:not(:last-child) {
  margin-bottom: 12px;
}
.password-reset-notify-dlg__content ul li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #FA8919;
  border-radius: 50%;
  margin-right: 8px;
}
.password-reset-notify-dlg__content .i-btns .i-btn {
  width: 152px;
  height: 40px;
  font-weight: 500;
}
.password-reset-notify-dlg__content .i-btns .i-btn--cancel {
  font-weight: 400;
  color: #878C95;
  background-color: #f4f5f7;
}
.password-reset-notify-dlg__content .i-btns .i-btn--cancel:hover {
  color: #333333;
}
.password-reset-notify-dlg__content .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.password-reset-notify-dlg__content .pic {
  position: absolute;
  bottom: 0;
  right: 0;
}
.password-reset-notify-dlg__footer {
  display: flex;
  align-items: center;
  padding: 20px 40px;
  background: linear-gradient(45deg, #f8f9fb 0%, #ffffff 100%);
}
.password-reset-notify-dlg__footer .qrcode {
  margin-right: 16px;
}
.password-reset-notify-dlg__footer .desc {
  font-size: 12px;
  color: #171717;
  line-height: 18px;
}
.password-reset-notify-dlg__footer .desc p {
  margin: 0;
}
.password-reset-notify-dlg__footer .desc p:not(:last-child) {
  margin-bottom: 4px;
}

.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 {
  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;
}

.fs-meeting-log {
  position: relative;
}
.fs-meeting-log .meeting-title {
  width: 708px;
  height: 66px;
  padding-left: 28px;
  line-height: 70px;
  color: #232323;
  font-size: 20px;
  border-bottom: 1px solid #f2f3f7;
}
.fs-meeting-log .meeting-tabel {
  width: 646px;
  height: 412px;
  margin: 24px auto 0;
}
.fs-meeting-log .meeting-tabel .tabel-header {
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: flex-start;
  background-color: #f7f8f9;
  box-shadow: 0px 1px 0px 0px #e7e9eb;
}
.fs-meeting-log .meeting-tabel .tabel-header .item-th {
  height: 36px;
  line-height: 40px;
  font-size: 12px;
  color: #a4a7b0;
  box-shadow: 0px 1px 0px 0px #e7e9eb;
}
.fs-meeting-log .meeting-tabel .tabel-body {
  width: 100%;
  height: 375px;
  overflow-y: auto;
  position: relative;
}
.fs-meeting-log .meeting-tabel .tabel-body .item-tb {
  height: 46px;
  line-height: 46px;
  font-size: 13px;
  color: #333;
  display: flex;
  justify-content: flex-start;
  box-shadow: 0px 1px 0px 0px #e7e9eb;
}
.fs-meeting-log .meeting-tabel .tabel-body .item-tb .item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.fs-meeting-log .meeting-tabel .tabel-body .item-tb .item-members {
  position: relative;
  text-align: center;
  cursor: pointer;
  color: #ed6c00;
}
.fs-meeting-log .meeting-tabel .tabel-body .item-tb:hover {
  background-color: #F7F8F9;
}
.fs-meeting-log .meeting-tabel .tabel-body .item-tb:hover .item-link {
  text-align: center;
  opacity: 1;
}
.fs-meeting-log .meeting-tabel .tabel-body .item-tb .item-link {
  text-align: center;
  opacity: 0;
  cursor: pointer;
}
.fs-meeting-log .meeting-btn {
  margin: 27px auto 0;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 32px;
  background-color: #f8891a;
  cursor: pointer;
}
.ns-popover-tooltip-theme.meeting-log-list {
  z-index: 999999999;
}
.ns-popover-tooltip-theme.meeting-log-list .meeting-log-list-box {
  background-color: #fff !important;
}
.ns-popover-tooltip-theme.meeting-log-list .meeting-log-list-box .meeting-log-item {
  color: #333;
  text-align: left;
  padding: 6px 10px;
}
.ns-popover-tooltip-theme.meeting-log-list .meeting-log-list-box .meeting-log-item:hover {
  background-color: #eee;
}

.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;
}

.project-chronicle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  height: 100%;
}
.project-chronicle__enter {
  position: absolute;
  top: 147px;
  right: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 48px;
  height: 150px;
  padding: 4px 10px;
  box-sizing: border-box;
  background: #FAFBFC;
  box-shadow: 0px 6px 7px 0px rgba(95, 95, 95, 0.14);
  border-radius: 6px 0px 0px 6px;
  font-size: 14px;
  color: #333333;
  transition: all .3s linear;
}
.project-chronicle__enter:hover {
  background-color: #fff;
}
.project-chronicle__enter .iconstage {
  font-size: 28px;
  color: #FA8919;
}
.project-chronicle__enter span {
  display: inline-block;
  width: 14px;
  line-height: 22px;
}
.project-chronicle__panel {
  position: absolute;
  top: 15%;
  right: 0;
  height: 65%;
  width: 404px;
  background: #FFFFFF;
  box-shadow: 0px 7px 25px 0px rgba(175, 179, 182, 0.2);
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 0.17);
  z-index: 5;
}
.project-chronicle__header {
  display: flex;
  height: 19px;
  padding: 20px 24px 16px;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
}
.project-chronicle__header .title {
  flex: 1;
  font-size: 16px;
  color: #202534;
}
.project-chronicle__header .title .ibass-faq {
  margin-left: 12px;
  color: #CFC9C3;
  vertical-align: middle;
}
.project-chronicle__header .title .ibass-faq:hover {
  color: #FA8919;
}
.project-chronicle__header .btns {
  font-size: 18px;
  color: #CFC9C3;
  line-height: 20px;
}
.project-chronicle__header .btns i:hover {
  color: #FA8919;
}
.project-chronicle__header .btns .iconfullscreen,
.project-chronicle__header .btns .ibass-close {
  display: inline-block;
  margin-left: 24px;
}
.project-chronicle__header .btns .iconfullscreen {
  font-size: 14px;
  transform: translateY(-3px);
}
.project-chronicle__container {
  height: calc(100% - 56px);
  overflow: auto;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.project-chronicle__container .phase {
  position: relative;
  cursor: pointer;
}
.project-chronicle__container .phase .container {
  padding: 20px 24px;
}
.project-chronicle__container .phase .header {
  display: flex;
  align-items: center;
  position: relative;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #333333;
}
.project-chronicle__container .phase .header::before {
  content: "";
  position: absolute;
  top: 8.5px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #D7D7D7;
  border-radius: 50%;
  z-index: 5;
}
.project-chronicle__container .phase .header .title {
  margin-left: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
}
.project-chronicle__container .phase .header .title:hover,
.project-chronicle__container .phase .header .title.highlight {
  color: #FA8919;
}
.project-chronicle__container .phase .header .state-tag {
  width: max-content;
  height: 22px;
  margin-left: 16px;
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #EAE8E6;
  font-size: 12px;
  color: #4A4A4A;
  text-align: center;
  line-height: 22px;
  padding: 0px 14px;
  box-sizing: border-box;
  flex-shrink: 0;
}
.project-chronicle__container .phase .header .state-tag i {
  vertical-align: middle;
  color: #999;
}
.project-chronicle__container .phase .header .state-tag.is-open,
.project-chronicle__container .phase .header .state-tag.has-permission:hover {
  color: #FF8200;
  border-color: #FA8919;
  background-color: #FFFAF6;
}
.project-chronicle__container .phase .header .state-tag.is-open i,
.project-chronicle__container .phase .header .state-tag.has-permission:hover i {
  color: #FF8200;
}
.project-chronicle__container .phase .header .state-tag:focus {
  color: #FA8919;
}
.project-chronicle__container .phase .header .comment,
.project-chronicle__container .phase .header .urge {
  display: none;
  flex-shrink: 0;
  margin-left: 16px;
  font-size: 16px;
  color: #D2C9C1;
  cursor: pointer;
}
.project-chronicle__container .phase .header .comment:hover,
.project-chronicle__container .phase .header .urge:hover {
  color: #FA8919;
}
.project-chronicle__container .phase .phase-progress {
  display: flex;
  height: 18px;
  margin: 3px 0 10px;
  align-items: center;
  padding-left: 20px;
}
.project-chronicle__container .phase .phase-progress .progress-bar {
  position: relative;
  width: 276px;
  height: 6px;
  margin-right: 8px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.project-chronicle__container .phase .phase-progress .progress-bar .outter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ECEEF6;
}
.project-chronicle__container .phase .phase-progress .progress-bar .inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  transition: width 0.5s ease-in-out;
  background-color: #F68A1D;
}
.project-chronicle__container .phase .phase-progress .progress-bar .inner.completed {
  background-color: #68C23B;
}
.project-chronicle__container .phase .phase-progress .progress-num {
  font-size: 12px;
  color: #666666;
}
.project-chronicle__container .phase .phase-progress .progress-num .ibass-done {
  color: #68C23B;
}
.project-chronicle__container .phase .phase-progress .progress-icon {
  transform: translateY(2px);
}
.project-chronicle__container .phase .phase-progress .progress-icon .ibass-done {
  color: #68C23B;
}
.project-chronicle__container .phase .phase-progress .progress-icon .ibass-faq {
  color: #999999;
}
.project-chronicle__container .phase .phase-progress .progress-icon .ibass-faq:hover {
  color: #fa8919;
}
.project-chronicle__container .phase .date {
  font-size: 12px;
  line-height: 20px;
  padding-left: 20px;
}
.project-chronicle__container .phase .date .date-item {
  position: relative;
}
.project-chronicle__container .phase .date .label {
  color: #333;
}
.project-chronicle__container .phase .date .time {
  color: #999999;
}
.project-chronicle__container .phase .date .time i {
  position: relative;
  top: 2px;
  left: 2px;
}
.project-chronicle__container .phase .date .time .timeout {
  color: #FF002F;
}
.project-chronicle__container .phase .date .time .timeout-risk {
  color: #FA8919;
}
.project-chronicle__container .phase .date .edit {
  position: absolute;
  right: 20px;
  top: -3px;
}
.project-chronicle__container .phase .date .edit .ibass-edit {
  display: none;
}
.project-chronicle__container .phase .date .edit .ibass-edit:hover {
  color: #FA8918;
}
.project-chronicle__container .phase .date .add-btn {
  cursor: pointer;
}
.project-chronicle__container .phase .date .add-btn:hover {
  color: #FA8918;
}
.project-chronicle__container .phase .date .add-btn .ibass-add {
  position: relative;
  top: 2px;
}
.project-chronicle__container .phase .date .date-item__plan {
  margin-bottom: 12px;
}
.project-chronicle__container .phase .date .date-item__plan:hover .ibass-edit {
  display: inline;
}
.project-chronicle__container .phase:hover,
.project-chronicle__container .phase.phase--active {
  background-color: #F9FAFC;
}
.project-chronicle__container .phase:hover .comment,
.project-chronicle__container .phase.phase--active .comment,
.project-chronicle__container .phase:hover .urge,
.project-chronicle__container .phase.phase--active .urge {
  display: inline;
}
.project-chronicle__container .phase::before,
.project-chronicle__container .phase::after {
  content: "";
  position: absolute;
  left: 27px;
  width: 1px;
  background: #EFEFEF;
}
.project-chronicle__container .phase:not(:first-of-type):before {
  top: 0;
  height: 29px;
}
.project-chronicle__container .phase:not(:last-of-type)::after {
  bottom: 0;
  height: calc(100% - 29px);
}
.project-chronicle__container .no-data {
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
  color: #999;
  font-weight: 500;
}
.project-chronicle__mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0);
}
.project-chronicle .mb0 {
  margin-bottom: 0 !important;
}
.project-chronicle-explain {
  width: 316px;
  padding: 16px 20px !important;
  text-align: left;
  background: #3D3D3D;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 24px;
  transform: translateX(-10px);
}
.project-chronicle-explain .tooltip-arrow {
  border-color: transparent;
  border-left-color: #3d3d3d;
  border-right-color: #3d3d3d;
  margin: 0;
  border-width: 5px 0px 5px 5px;
  left: unset;
  bottom: unset;
  right: -5px;
  top: 50%;
}
.project-chronicle-view-setting-popover {
  width: 117px;
  padding: 10px 0 6px !important;
}
.project-chronicle-view-setting-popover .setting-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 0 14px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #FFFFFF;
}
.project-chronicle-view-setting-popover .setting-item .ibass-checkmark {
  position: relative;
  top: 2px;
  color: #FA8919;
}
.project-chronicle-view-setting-popover .setting-item:hover {
  background-color: #282828;
}
.project-chronicle-complate-tips-popover {
  width: 266px;
  padding: 24px !important;
  background-color: #3d3d3d !important;
  border-color: #3d3d3d !important;
  box-sizing: border-box;
  transform: translateX(30px);
}
.project-chronicle-complate-tips-popover__content {
  font-size: 12px;
  line-height: 26px;
  color: #FFFFFF;
  margin-bottom: 18px;
}
.project-chronicle-complate-tips-popover__footer {
  display: flex;
  justify-content: space-between;
}
.project-chronicle-complate-tips-popover__footer .i-btn {
  font-size: 12px;
}
.ns-popover-tooltip-theme.ns-popover-top-placement.black .triangle,
.ns-popover-tooltip-theme.ns-popover-top-placement.black .triangle::after {
  border-top-color: #3d3d3d;
}

.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-delete-confirm {
  padding-top: 30px;
  position: relative;
  color: #4a4a4a;
}
.task-delete-confirm .task-delete-confirm-title {
  position: relative;
  text-align: center;
  background: #fff;
  height: 22px;
  line-height: 22px;
  margin-bottom: 18px;
}
.task-delete-confirm .task-delete-confirm-title:before {
  content: '';
  display: block;
  position: absolute;
  left: 50px;
  top: 9px;
  width: 350px;
  height: 1px;
  background: #ebebeb;
  z-index: 1;
}
.task-delete-confirm .task-delete-confirm-title .task-delete-confirm-title-name {
  position: absolute;
  background: #fff;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
}
.task-delete-confirm .task-content {
  margin-top: 30px;
}
.task-delete-confirm .task-content .textContent {
  text-align: center;
  padding-left: 10px;
}
.task-delete-confirm .task-content .checkArea {
  user-select: none;
  cursor: pointer;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-delete-confirm .task-content .checkArea .ibass-checkbox,
.task-delete-confirm .task-content .checkArea .ibass-checked-line {
  margin-right: 5px;
  color: gray;
}
.task-delete-confirm .task-content .checkArea:hover .ibass-checkbox,
.task-delete-confirm .task-content .checkArea:hover .ibass-checked-line {
  color: #fa8919;
}
.task-delete-confirm .task-repeat-operation {
  margin-top: 48px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-delete-confirm .task-repeat-operation .confirm-btn {
  cursor: pointer;
  margin-left: 20px;
  text-align: center;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 18px;
  width: 100px;
  border: 1px solid #ff8800;
  background-color: #fa8919;
  color: white;
}
.task-delete-confirm .task-repeat-operation .cancle-btn {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 18px;
  width: 100px;
  border: 1px solid #e8e8e8;
}

.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-main .task-main-row.task-work-type .task-worktype-choose-popover-container {
  transform: translateY(3px);
  z-index: 100;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-work-type .task-worktype-choose-popover-container .task-worktype-choose-dep {
  color: #4a4a4a;
  margin-top: 2px;
  font-size: 14px;
  line-height: 27px;
  transform: scale(1);
  padding: 0 5px;
  height: unset;
  line-height: unset;
  border-radius: 0;
  background: transparent;
  white-space: nowrap;
}
.task-create-smart .task-create-smart-inner .task-main .task-main-row.task-work-type .task-worktype-choose-popover-container .task-worktype-choose-dep i {
  margin-left: 4px;
  color: #666;
  font-size: 12px;
}
.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;
  display: flex;
  justify-content: center;
  align-items: center;
}
.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 .btns .i-checkbox {
  margin-left: 20px;
  margin-right: 0;
}
.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 .task-time-choose .task-time-choose-title .ibass-trig-down {
  position: relative;
  top: 2px;
}
.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;
}

.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 .checkArea {
  user-select: none;
  cursor: pointer;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.task-repeat-confirm .checkArea .ibass-checkbox,
.task-repeat-confirm .checkArea .ibass-checked-line {
  margin-right: 5px;
  color: gray;
}
.task-repeat-confirm .checkArea:hover .ibass-checkbox,
.task-repeat-confirm .checkArea:hover .ibass-checked-line {
  color: #fa8919;
}
.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;
}

.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;
  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-delete-confirm {
  padding-top: 30px;
  position: relative;
  color: #4a4a4a;
}
.task-delete-confirm .task-delete-confirm-title {
  position: relative;
  text-align: center;
  background: #fff;
  height: 22px;
  line-height: 22px;
  margin-bottom: 18px;
}
.task-delete-confirm .task-delete-confirm-title:before {
  content: '';
  display: block;
  position: absolute;
  left: 50px;
  top: 9px;
  width: 350px;
  height: 1px;
  background: #ebebeb;
  z-index: 1;
}
.task-delete-confirm .task-delete-confirm-title .task-delete-confirm-title-name {
  position: absolute;
  background: #fff;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
}
.task-delete-confirm .task-content {
  margin-top: 30px;
}
.task-delete-confirm .task-content .textContent {
  text-align: center;
  padding-left: 10px;
}
.task-delete-confirm .task-content .checkArea {
  user-select: none;
  cursor: pointer;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-delete-confirm .task-content .checkArea .ibass-checkbox,
.task-delete-confirm .task-content .checkArea .ibass-checked-line {
  margin-right: 5px;
  color: gray;
}
.task-delete-confirm .task-content .checkArea:hover .ibass-checkbox,
.task-delete-confirm .task-content .checkArea:hover .ibass-checked-line {
  color: #fa8919;
}
.task-delete-confirm .task-repeat-operation {
  margin-top: 48px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-delete-confirm .task-repeat-operation .confirm-btn {
  cursor: pointer;
  margin-left: 20px;
  text-align: center;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 18px;
  width: 100px;
  border: 1px solid #ff8800;
  background-color: #fa8919;
  color: white;
}
.task-delete-confirm .task-repeat-operation .cancle-btn {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 18px;
  width: 100px;
  border: 1px solid #e8e8e8;
}

.task-remind-type-dialog .list {
  max-height: 320px;
  margin-bottom: 10px;
  overflow: auto;
}
.task-remind-type-dialog .list .item {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
.task-remind-type-dialog .list .item + .item {
  margin-top: 10px;
}
.task-remind-type-dialog .tips {
  padding: 16px 12px;
  background: #F8F8F8;
  border-radius: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.task-remind-type-dialog .tips i {
  position: relative;
  top: 3px;
  margin-right: 2px;
  color: #FA8919;
  font-size: 16px;
}
.task-remind-type-dialog .i-dialog__container {
  padding: 19px 0 32px;
}

.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-detail-title {
  padding: 24px 25px 4px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
}
.task-details .task-detail-title .page-icon {
  cursor: pointer;
  margin-top: -5px;
}
.task-details .subtask-details-header {
  padding: 22px 26px 0px 25px;
  display: flex;
  font-size: 14px;
  color: #4a4a4a;
  align-self: flex-end;
  cursor: pointer;
}
.task-details .subtask-details-header:hover {
  color: #fa8919;
}
.task-details .subtask-details-header .father-title {
  margin-left: 6px;
}
.task-details .task-details-main {
  padding: 24px 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;
  padding-right: 8px;
}
.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-icon .ibass-task-check:hover {
  color: #fa8919;
}
.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 .task-title .task-tags {
  transform: translateY(2px);
}
.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: #666;
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  margin-top: -20px;
  margin-left: 30px;
  line-height: 24px;
}
.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 .task-description {
  display: flex;
  justify-content: space-between;
}
.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: 10px;
  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: 10px;
  width: 50px;
  min-width: 50px;
  height: 30px;
  line-height: 25px;
}
.task-details .task-details-main .task-detail .cancel-btn:hover {
  background-color: #fff;
}
.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,
.task-details .task-details-main .task-flow .comment-user-img {
  width: 35px;
  height: 26px;
  line-height: 26px;
}
.task-details .task-details-main .restart-task .comment-user-img:before,
.task-details .task-details-main .task-flow .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,
.task-details .task-details-main .task-flow .comment-content {
  margin-left: -17px !important;
  padding-left: 18px !important;
  line-height: 18px;
}
.task-details .task-details-main .restart-task .comment-content .name,
.task-details .task-details-main .task-flow .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: -28px;
  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 24px;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  margin-left: 32px;
  margin-top: 10px;
  position: relative;
  display: flex;
  background-color: #F7F8F9;
}
.task-details .task-details-main .task-item .task-item-in-left {
  width: 176px;
  position: relative;
}
.task-details .task-details-main .task-item .task-item-in-left::after {
  content: '';
  position: absolute;
  height: 40px;
  width: 2px;
  border-right: 1px solid #ebebeb;
  right: 6px;
  top: 16px;
}
.task-details .task-details-main .task-item .task-item-in-middle {
  width: 224px;
  padding: 0 10px;
  padding-right: 20px;
  position: relative;
}
.task-details .task-details-main .task-item .task-item-in-middle::after {
  content: '';
  position: absolute;
  height: 40px;
  width: 2px;
  border-right: 1px solid #ebebeb;
  right: 9px;
  top: 16px;
}
.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: 155px;
  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: 22px;
  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: 616px;
  background: #f8f8f9;
  position: relative;
  left: 32px;
}
.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: #A4A7B0;
  text-align: center;
  padding-top: 76px;
  clear: both;
  position: relative;
  font-size: 14px;
  z-index: 1;
}
.task-details .task-details-main .task-detail-content task-time-show {
  font-size: 13px;
}
.task-details .task-details-main .task-detail-content .task-icon {
  color: #626266;
}
.task-details .task-details-main .task-detail-content .edit-task-des {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 18px;
  display: inline-block;
}
.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;
  padding-right: 20px;
}
.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.detail-hover-no-status {
  color: #666;
}
.task-details .task-details-main .task-detail-content .add-content-item.detail-hover-no-status:hover {
  color: #666;
}
.task-details .task-details-main .task-detail-content .add-content-item:hover {
  color: #fa8919;
}
.task-details .task-details-main .task-detail-content .subtask-content {
  position: relative;
  margin-left: 50px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-input {
  width: 462px;
  padding: 12px 112px 12px 16px;
  height: 24px;
  border: 1px solid #ffb387;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-sizing: unset;
  display: block;
  margin-top: 20px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-icon {
  position: absolute;
  top: 12px;
  right: 22px;
  width: 88px;
  height: 24px;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #626266;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-icon div {
  cursor: pointer;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-icon .ibass-star-fill,
.task-details .task-details-main .task-detail-content .subtask-content .subtask-icon .ibass-star:hover {
  color: #fa8919;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list {
  margin-top: 5px;
  color: #666;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item {
  padding: 12px 16px 12px 16px;
  margin-left: -4px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item:hover {
  background: #f9fafa;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item:hover .hover-setting {
  opacity: 1;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content {
  width: 192px;
  display: flex;
  justify-content: space-between;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .subtask-item-title {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .task-name-icon {
  width: 24px;
  font-size: 12px;
  color: #cdc9c5;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .task-name-icon > span {
  display: inline-block;
  position: relative;
  font-size: 16px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .task-name-icon > span:hover {
  color: #fa8919;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .task-name-icon .confirm-dig {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .task-name-icon i {
  color: #c7d1da;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .task-name-icon .name {
  font-size: 12px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .title-content .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-detail-content .subtask-content .subtask-list .subtask-list-item .setting-content {
  width: 218px;
  margin-left: 12px;
  display: flex;
  justify-content: space-between;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .setting-content multiple-choice-user .multiple-choice-user-tag .ibass-trig-down {
  font-size: 12px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting {
  position: relative;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  box-sizing: border-box;
  width: 150px;
  float: right;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting a {
  color: #fdba78;
  font-size: 18px;
  outline: none;
  cursor: pointer;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting a span {
  font-size: 12px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container {
  position: relative;
  font-size: 12px!important;
  cursor: pointer;
  margin-right: 15px;
  display: block;
  min-width: 20px;
  min-height: 20px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container.show-all-time {
  visibility: visible;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container.show-all-time .ibass-start {
  display: none;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container.show-all-time .ibass-timer {
  display: inline;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container.timing .ibass-timer {
  color: #fdba78;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container.timing > span {
  color: #fdba78;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 3px;
  float: left;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container .ibass-timer {
  display: none;
  color: #cdc9c5;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container .ibass-star {
  display: inline;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container .ibass-stop {
  display: none;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container:hover {
  color: #ED6C00;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container:hover .ibass-timer {
  display: none;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container:hover .ibass-start,
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container:hover .ibass-stop {
  display: inline;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-clock-container > span {
  color: #737373;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-content-icon {
  position: relative;
  cursor: pointer;
  margin-right: 15px;
  display: block;
  min-width: 20px;
  min-height: 20px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .task-content-icon:hover {
  color: #ED6C00;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .btn {
  color: #fdba78;
  font-size: 18px;
  outline: none;
  cursor: pointer;
  position: relative;
  width: 28px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .btn:hover {
  color: #ED6C00;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .subtask-list-item .hover-setting .btn .todel-btn {
  width: 60px;
  position: absolute;
  left: -10px;
}
.task-details .task-details-main .task-detail-content .subtask-content .subtask-list .i-pagination {
  margin-left: 85px;
}
.task-details .task-details-main .add-content-item-small {
  padding-top: 15px;
}
.task-details .task-details-main .add-content-item-small .add-content-item {
  text-align: left;
  margin-top: 10px;
  display: flex;
}
.task-details .task-details-main .add-content-item-small .add-content-item .task-icon {
  font-size: 14px;
}
.task-details .task-details-main .add-content-item-small .add-content-item p {
  display: inline-block;
  vertical-align: top;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #666;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console {
  display: flex;
  justify-content: space-between;
  width: 180px;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item {
  display: flex;
  justify-content: space-between;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item.line-item {
  color: #EBEBEB;
  font-size: 12px;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item.line-item:hover {
  color: #EBEBEB;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item .ibass-trig-down {
  font-size: 12px;
  margin-left: 4px;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item:hover {
  color: #fa8919;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item.add-subtask {
  width: 90px;
  display: inline-block;
}
.task-details .task-details-main .add-content-item-small .add-content-item .subtask-content-flex .subtask-console .subtask-console-item.add-subtask div {
  float: right;
  margin-left: 3px;
}
.task-details .task-details-main .add-content-item-small .ns-popover-tooltip-attachment-1 {
  left: -15px !important;
  top: 25px !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: 618px;
  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: 8px;
  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: #f9fafa;
  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 .value .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;
}
.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: 700px;
  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: -4px;
  line-height: 26px;
  padding-bottom: 0px !important;
  z-index: 0;
  position: relative;
}
.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 .fix-delete-confim-tool {
  padding-top: 0px;
}
.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-bottom: 5px;
  color: #A4A7B0;
  font-size: 13px;
  clear: both;
}
.task-small-title .ibass-key-shift {
  margin-right: 10px;
}
.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: 260px;
  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 {
  content: "/";
  margin-left: 10px;
  vertical-align: top;
}
.task-small-title .task-small-title-left .task-small-title-left-icon:before {
  display: inline-block;
  font-size: 12px;
  margin-left: 6px;
}
.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:before {
  display: inline-block;
}
.task-small-title .task-small-title-left .only-matter-down {
  display: none;
  float: right;
}
.task-small-title .task-small-title-left .matter-disabled {
  pointer-events: none;
  cursor: none;
}
.task-small-title .task-small-title-left .matter-disabled ~ .task-small-title-left-icon::before {
  display: none;
}
.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 .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: visible;
  width: 14px;
}
.task-small-title .task-small-title-right .task-small-title-right-main .task-small-title-right-icon:before {
  font-size: 12px;
  margin-left: 6px;
}
.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;
}
.no-hover:hover {
  color: #A4A7B0 !important;
}
.task-complete-condition-popover {
  width: 280px;
  user-select: none;
  margin-left: -47px !important;
  border: none !important;
}
.task-complete-condition-popover__header {
  padding: 16px 0 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  border-bottom: 1px solid #2B2B2B;
}
.task-complete-condition-popover__content {
  max-height: 204px;
  overflow: auto;
  padding-left: 24px !important;
  margin-right: 24px !important;
  color: #FFFFFF;
}
.task-complete-condition-popover__content .ibass {
  vertical-align: top;
  margin-right: 16px;
  color: #FA8919;
}
.task-complete-condition-popover__content .des {
  display: inline-block;
  width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-complete-condition-popover__item {
  height: 34px;
  line-height: 34px;
  padding-left: 8px;
  color: #fff;
}
.task-complete-condition-popover__footer {
  display: flex;
  justify-content: center;
  padding: 0px 38px 16px;
}
.task-complete-condition-popover__btn {
  width: 90px;
}

.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;
}

.chat-page-wrapper {
  border-radius: 10px;
}
.chat-page-wrapper .iframe-wrapper {
  font-size: 0;
}
.chat-page-wrapper iframe {
  border: 0;
  min-height: 400px;
}
.customAssignModal {
  height: unset !important;
  min-height: 250px !important;
}
.customAssignModal p {
  margin-bottom: 71px !important;
}

.chat-page-wrapper {
  border-radius: 10px;
}
.chat-page-wrapper.trailWrapper .contract-review-gpt-feedback-award-card-container {
  display: none;
}
.chat-page-wrapper .frame-wrapper-item {
  font-size: 0;
}
.chat-page-wrapper .no-app-list-wrapper {
  font-size: 0;
}
.chat-page-wrapper iframe {
  border: 0;
  min-height: 400px;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.chat-page-wrapper .frame-wrapper-item.hidden {
  display: none;
}
.chat-page-wrapper .tab-wrapper {
  display: flex;
  justify-content: center;
}
.chat-page-wrapper .tab-wrapper .tab-item {
  flex-shrink: 0;
  cursor: pointer;
  padding: 0 24px;
  font-size: 14px;
  line-height: 30px;
  color: #737373;
  border-bottom: 2px solid transparent;
}
.chat-page-wrapper .tab-wrapper .tab-item.active {
  color: #ed6c00;
  border-bottom-color: #fa8919;
}
.chat-page-wrapper .tab-wrapper .tab-item:hover {
  color: #ed6c00;
  border-bottom-color: #fa8919;
}
.customAssignModal {
  height: unset !important;
  min-height: 250px !important;
}
.customAssignModal p {
  margin-bottom: 71px !important;
}
.contract-review-gpt-cherry-package-dialog .ngdialog-content {
  border: none !important;
}

.bigData-case,
.noopsycheSearch {
  width: 714px;
  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: #ff8800;
}
.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: #ed6c00;
}
.bigData-case .data-case-tit .bigdata-search-active,
.noopsycheSearch .data-case-tit .bigdata-search-active {
  border-color: #ff8800;
}
.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: #ed6c00;
}
.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: 714px;
  min-height: 42px;
  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 {
  flex: 1;
  height: 50px;
  border: none;
  border-radius: 45px;
  padding-left: 18px;
  padding-right: 30px;
  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;
}
.bigData-case .search div.right.init-ad-search,
.noopsycheSearch .search div.right.init-ad-search,
.bigData-case .search a.right.init-ad-search,
.noopsycheSearch .search a.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,
.bigData-case .search a.right.init-ad-search span,
.noopsycheSearch .search a.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 .subjectAnalysis-input,
.noopsycheSearch .search .subjectAnalysis-input {
  padding-right: 46px;
}
.bigData-case .search .search-recommend-padding-case,
.noopsycheSearch .search .search-recommend-padding-case {
  padding-left: 130px;
  margin-right: 82px;
}
.bigData-case .search .search-input-padding-law,
.noopsycheSearch .search .search-input-padding-law {
  padding-left: 62px !important;
}
.bigData-case .search .input-law-content,
.noopsycheSearch .search .input-law-content {
  padding-right: 180px;
}
.bigData-case .search .input-law-content .search-module-i-close-advance,
.noopsycheSearch .search .input-law-content .search-module-i-close-advance {
  right: 190px;
}
.bigData-case .search .search-input-hide,
.noopsycheSearch .search .search-input-hide {
  display: none;
}
.bigData-case .search .search-input-show,
.noopsycheSearch .search .search-input-show {
  padding-right: 20px;
}
.bigData-case .search .left-search-tab,
.noopsycheSearch .search .left-search-tab {
  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: #ed6c00;
}
.bigData-case .search .left-search-tab:hover .scale-icon,
.noopsycheSearch .search .left-search-tab:hover .scale-icon {
  color: #fa8919;
}
.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 #ffb387;
}
.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: #fa8919;
  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;
  border: 0.5px solid transparent;
}
.bigData-case .searchResult .ouline-container .my-groups-items,
.noopsycheSearch .searchResult .ouline-container .my-groups-items,
.bigData-case .searchResult .moretools-container .my-groups-items,
.noopsycheSearch .searchResult .moretools-container .my-groups-items {
  margin-left: 114px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem,
.bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem {
  display: block;
  padding: 0 30px 0 34px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  border: 1px solid #ede7e7;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 16px;
  color: #4a4a4a;
  position: relative;
}
.bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group,
.bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 14px;
  height: 14px;
  background: #dcd5d5;
  border-radius: 50%;
  cursor: pointer;
}
.bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close,
.bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 1px;
  right: 1px;
  transform: scale(0.8, 0.8);
}
.bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group:hover,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group:hover,
.bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group:hover,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group:hover {
  background: #fa8919;
}
.bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem-active:hover,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem-active:hover,
.bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem-active:hover,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem-active:hover {
  border-color: #fa8919;
  cursor: pointer;
}
.bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item,
.bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item {
  padding: 0 30px 0 34px;
  height: 36px;
  border-radius: 18px;
  border: 1px dashed #ede7e7;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 16px;
  background: transparent;
  color: #4a4a4a;
}
.bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item .ibass-add,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item .ibass-add,
.bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item .ibass-add,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item .ibass-add {
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover,
.bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover {
  border-color: #fa8919;
}
.bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover .ibass-add,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover .ibass-add,
.bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover .ibass-add,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover .ibass-add {
  color: #fa8919;
}
.bigData-case .searchResult .ouline-container .my-groups-items .delete-my-groups-item,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-my-groups-item,
.bigData-case .searchResult .moretools-container .my-groups-items .delete-my-groups-item,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-my-groups-item {
  background: transparent;
  color: #737373;
  margin-top: 5px;
  padding: 0 10px 0 10px;
  height: 28px;
  border-radius: 14px;
  border: none;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.bigData-case .searchResult .ouline-container .my-groups-items .delete-my-groups-item .ibass-delete,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-my-groups-item .ibass-delete,
.bigData-case .searchResult .moretools-container .my-groups-items .delete-my-groups-item .ibass-delete,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-my-groups-item .ibass-delete {
  color: #ebebeb;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.bigData-case .searchResult .ouline-container .my-groups-items .delete-my-groups-item:hover,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-my-groups-item:hover,
.bigData-case .searchResult .moretools-container .my-groups-items .delete-my-groups-item:hover,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-my-groups-item:hover {
  color: #4a4a4a;
}
.bigData-case .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item,
.bigData-case .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item {
  margin-top: 5px;
  padding: 0 10px 0 10px;
  height: 28px;
  border-radius: 14px;
  border: none;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 16px;
  background: #fa8919;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.bigData-case .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done,
.noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done,
.bigData-case .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done,
.noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done {
  color: #ffffff;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.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: #fa8919;
  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: #fa8919;
  text-decoration: underline;
}
.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 {
  position: relative;
}
.bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag,
.bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag {
  top: -6px;
  right: 0;
  position: absolute;
  width: 26px;
  height: 14px;
  background: linear-gradient(207deg, #f07600 0%, #f69d00 100%);
  border-radius: 7px 7px 7px 1px;
  line-height: 1;
  color: #ffffff;
}
.bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag span,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag span,
.bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag span,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag span {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  transform: scale(0.7);
}
.bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag,
.bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag {
  position: absolute;
  right: 0px;
  top: -16px;
}
.bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag img,
.noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag img,
.bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag img,
.noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag img {
  width: 29px;
  height: 14px;
}
.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 #fa8919;
}
.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: #fa8919;
  border: 1px solid #fa8919 !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: #ed6c00;
}
.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 {
  border: 0.5px solid transparent;
  transition: all 0.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 .outline-groups .outline-groups-round,
.noopsycheSearch .searchResult .searchResult-outside .outline-groups .outline-groups-round,
.bigData-case .searchResult .more-tools .outline-groups .outline-groups-round,
.noopsycheSearch .searchResult .more-tools .outline-groups .outline-groups-round,
.bigData-case .searchResult .searchResult-outside .moretools-groups .outline-groups-round,
.noopsycheSearch .searchResult .searchResult-outside .moretools-groups .outline-groups-round,
.bigData-case .searchResult .more-tools .moretools-groups .outline-groups-round,
.noopsycheSearch .searchResult .more-tools .moretools-groups .outline-groups-round {
  width: 6px;
  height: 6px;
  background: #ede7e7;
  border-radius: 50%;
  margin-right: 8px;
}
.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 {
  display: flex;
  align-items: center;
}
.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: #fa8919;
  color: #ffffff;
  border: 1px solid #fa8919;
}
.bigData-case i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 1.5px;
}
.bigData-case .search {
  margin-bottom: 40px;
}
.bigData-case .search .search-module-i-close {
  position: absolute;
  bottom: 11px;
  transform: translateY(-50%);
  cursor: pointer;
}
.bigData-case .search .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #cacaca;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bigData-case .search .search-module-i-close .i-close-module:hover {
  background-color: #fa8919;
}
.bigData-case .search .search-module-i-close .i-close-module .ibass-close {
  margin-top: -5px;
  height: 50px;
  color: #fff;
  transform: scale(0.5);
}
.bigData-case .search .search-module-i-close-advance {
  right: 84px;
}
.bigData-case .search .search-module-i-close-not-advance {
  right: 20px;
}
.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: #ed6c00;
  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: #fa8919;
  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: #fa8919;
}
.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;
  width: 1200px;
  position: relative;
  left: -100px;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.bigData-caseSearch .cursor {
  cursor: pointer;
}
.bigData-caseSearch .left {
  float: left;
}
.bigData-caseSearch .condition-container-case {
  display: flex;
  justify-content: space-between;
}
.bigData-caseSearch .condition-container-case .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-caseSearch .subscribe-container {
  float: right;
}
.bigData-caseSearch .subscribe-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #d8d8d8;
}
.bigData-caseSearch .subscribe {
  margin-left: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.bigData-caseSearch .subscribe span {
  padding-left: 5px;
}
.bigData-caseSearch .subscribe:hover,
.bigData-caseSearch .subscribe:hover i {
  color: #ed6c00;
}
.bigData-caseSearch .subscribe.remove-undisclosed i {
  font-size: 16px;
  top: 0px;
}
.bigData-caseSearch .subscribe.remove-undisclosed i.ibass-checked {
  color: #fa8919;
}
.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 {
  min-height: 94px;
  padding: 40px 0 0 0;
  border-bottom: 1px solid #ececec;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
.bigData-caseSearch .search-container .go-back {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.bigData-caseSearch .search-container .go-back i {
  font-size: 20px;
}
.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;
  width: 940px;
  min-height: 1358px;
  background: #fff;
  border-radius: 0 0 10px 0;
  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 #fa8919;
}
.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: #fa8919;
}
.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;
  margin-bottom: 4px;
  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: #fa8919;
  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 .visual .ibass-info {
  top: 3px;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1;
  left: 2px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .visual .ibass-info:hover {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .list {
  margin-left: 34px;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList p:hover {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .active,
.bigData-caseSearch .bigData-caseList .list-head .routeList .current {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.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: #ed6c00;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download:hover .ibass-download {
  color: #ed6c00;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download-disabled {
  position: relative;
  height: 30px;
  margin-right: 30px;
  top: 0;
}
.bigData-caseSearch .bigData-caseList .list-head .routeList .download-disabled .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.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: #ed6c00;
  font-weight: 500;
}
.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: 16px;
  margin-bottom: -10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.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 .right-box-hide-gg {
  text-align: right;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg i {
  position: relative;
  top: 3px;
  margin-right: 7px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .hide-gg-checkbox-container {
  height: 32px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .hide-gg-checkbox-container:hover {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .hide-gg-checkbox-container:hover i {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch {
  display: flex;
  align-items: center;
  background: #F8F8F9;
  border-radius: 6px;
  padding: 4px;
  margin-left: 32px;
  position: relative;
  z-index: 1001;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container {
  padding: 8px 16px;
  border-radius: 6px;
  line-height: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container .ibass-info {
  margin-right: 0;
  margin-left: 4px;
  display: inline-block;
  line-height: 14px;
  top: 1px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container .ibass-info:hover {
  color: #FA8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text {
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 16px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container-active {
  background: #FA8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container-active .switch-text {
  color: #fff;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container-active .ibass-info {
  color: #fff;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .listModeSwitch .switch-text-container-active .ibass-info:hover {
  color: #fff;
}
.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 .select-count-number {
  font-weight: 500;
  color: #ed6c00;
}
.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: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #4a4a4a;
}
.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: #4a4a4a;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn:hover {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn:hover i {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn-disabled {
  margin-left: 10px;
  cursor: pointer;
  color: #ccc;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn-disabled.do-add-report {
  margin-left: 0px;
}
.bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn-disabled i {
  color: #e5e5e5;
}
.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.item-label-10 {
  background: #9d54cc;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-11 {
  background: #F04D4D;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-12 {
  background: #2FBDA0;
}
.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.text-keyword {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag {
  background: #fa8919;
  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: #B2D85D;
  color: #fff;
  border: 1px solid #B2D85D;
  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: #ed6c00;
  color: #fff;
  border: 1px solid #ed6c00;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title {
  padding-top: 10px;
  line-height: 26px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index {
  display: none;
  min-width: 30px;
  height: 28px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  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: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box {
  margin: 1px 5px 60px 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 span,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2 {
  font-size: 20px;
  color: #353535;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span.clicked,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a.clicked,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2.clicked {
  color: #888;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span.clicked .bigdata_query_highlight,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a.clicked .bigdata_query_highlight,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span .ibass-video,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a .ibass-video,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2 .ibass-video {
  font-size: 16px;
  margin-right: 7px;
  color: #fa8919;
  cursor: pointer;
  position: relative;
  top: 0px;
}
.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-title .case-announcement-info-container {
  height: 18px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video:hover .case-announcement-video-label {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video .ibass-video {
  font-size: 14px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video-label {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-split {
  width: 1px;
  height: 14px;
  border-left: 1px solid #EBEBEB;
  margin: 0 12px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .case-announcement-info-title-text,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .case-announcement-info-title-number,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .case-announcement-info-title-number-value,
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .ibass-arrow-right {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .ibass-vault {
  font-size: 14px;
  color: #fa8919;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .ibass-vault.need-mr {
  margin-right: 6px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-text {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-text.need-mr {
  margin-right: 6px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-number-container {
  display: flex;
  margin-right: 2px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-number {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-number-value {
  padding: 0 2px;
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .ibass-arrow-right {
  font-size: 12px;
  font-weight: normal;
  color: #A9A9A9;
  line-height: 13px;
  position: relative;
  top: 1px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg h2 {
  position: relative;
  top: 1px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-title-gg-type-text {
  position: relative;
  top: -3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-left: 8px;
  width: 72px;
  height: 22px;
  background: #F2F9FF;
  border-radius: 20px;
  border: 1px solid rgba(117, 196, 254, 0.3);
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #199CFD;
  line-height: 16px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-title-gg-type-tip {
  position: relative;
  top: -3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  box-sizing: border-box;
  width: 108px;
  height: 22px;
  background: #FFF2E2;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #ED6C00;
  line-height: 16px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg-right {
  line-height: 22px;
  padding-right: 5px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg-right-text {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg-right-number {
  padding: 0 4px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract {
  width: 95%;
  line-height: 22px;
  margin: 2px 0 2px 30px;
  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: 500px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc.has-simptext {
  width: 445px;
}
.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 .line {
  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 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: #fa8919;
}
.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: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled {
  display: inline-block;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled i {
  font-size: 16px;
  color: #e5e5e5;
  top: 1px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled .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-disabled .right-count {
  font-size: 14px;
  font-weight: 500;
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn div.download-disabled i {
  margin-right: 5px;
}
.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: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .gg-split {
  position: relative;
  top: 4px;
  display: inline-block;
  margin: 0 16px;
  width: 1px;
  height: 20px;
  border-left: 1px solid #ededed;
}
.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 .court-opinion-box {
  width: 100%;
  max-height: 209px;
  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;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-list-container {
  margin-top: 5px;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-list-container:first-child {
  margin-top: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-item {
  white-space: pre-wrap;
  line-height: 28px;
  text-indent: 28px;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-item:hover {
  background: #FFF0E1;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .law-link-info-item {
  text-indent: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .judgement-list .case-search-gpt-paragraph-highlight .lawregu_link {
  color: red;
}
.bigData-caseSearch .bigData-caseList .list-content .real-judgement-list.upload-list .judgement-item:hover .number-index.number {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .article-list .bigdata_query_highlight {
  color: red;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list {
  margin-top: 26px;
  overflow-x: auto;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item {
  padding: 0 15px 0 13px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-bar {
  margin-top: 24px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header {
  background: #F6F7F9;
  border-radius: 8px;
  padding: 14px 0;
  display: flex;
  align-items: center;
  position: relative;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed {
  display: flex;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item {
  position: relative;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item:nth-child(1) {
  width: 40px;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item:nth-child(2) {
  width: 278px;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item .ibass-trig-left-wrapper {
  position: absolute;
  top: -13px;
  right: 0;
  display: flex;
  align-items: center;
  padding: 18px 5px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item .ibass-trig-left-wrapper i.ibass-trig-left {
  width: 12px;
  font-size: 12px;
  height: 12px;
  top: -4px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item .ibass-trig-left-wrapper:hover {
  background: #EBEDF0;
  border-radius: 8px 0px 0px 8px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-fixed .header-item .ibass-trig-left-wrapper:hover i.ibass-trig-left {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper {
  flex-grow: 1;
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper .ibass-trig-right-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 18px 5px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper .ibass-trig-right-wrapper i.ibass-trig-right {
  width: 12px;
  font-size: 12px;
  height: 12px;
  top: -4px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper .ibass-trig-right-wrapper:hover {
  background: #EBEDF0;
  border-radius: 0px 8px 8px 0px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper .ibass-trig-right-wrapper:hover i.ibass-trig-right {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper::-webkit-scrollbar {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .view-list-item-header-scrollable-wrapper .header-item {
  flex-grow: 1;
  margin-right: 32px;
  min-width: 200px;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .header-item {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .header-item a img {
  width: 16px;
  height: 16px;
  display: block;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .header-item a img:last-child {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .header-item a:hover img:first-child {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-header .header-item a:hover img:last-child {
  display: block;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container {
  margin-top: 24px;
  display: flex;
  align-items: flex-start;
  max-height: 364px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-fixed {
  display: flex;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number {
  width: 40px;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-index {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-index.show-number {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-index i {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-index i.ibass-checked {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-box:hover .number-index.number {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-number .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap {
  padding-left: 2px;
  width: 246px;
  box-sizing: border-box;
  flex-shrink: 0;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible;
  height: 364px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-nameTitle {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  margin-bottom: 14px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-nameTitle:hover {
  color: #ED6C00;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap {
  display: flex;
  align-items: center;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .gg-split {
  margin: 0 16px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .ibass-download {
  font-size: 16px;
  margin-right: 4px;
  top: 1px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .ibass-add-round {
  font-size: 16px;
  height: 20px;
  display: inline-block;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .download {
  display: flex;
  align-items: center;
  margin-right: 14px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .download:hover i,
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .download:hover span {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap span {
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 20px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap span:hover {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .i-add-search-report {
  position: relative;
  top: -1px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-actionWrap .i-add-search-report span {
  position: relative;
  top: -1px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content {
  margin-top: 9px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content .container-content-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #999999;
  line-height: 24px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content i.ibass-filetype-default {
  position: relative;
  margin-left: 4px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content i.ibass-filetype-default:hover {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content i.ibass-filetype-default:hover .card-pop {
  display: block;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content .card-pop {
  display: none;
  position: absolute;
  top: 10px;
  left: 100%;
  background: #FFFFFF;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 9;
  white-space: normal;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content .card-pop .card-pop-head {
  padding-left: 20px;
  height: 56px;
  box-shadow: 0px 1px 0px 0px #EBEBEB;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  line-height: 56px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content .card-pop .card-pop-body {
  padding: 16px 20px;
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  max-width: 560px;
  width: max-content;
  max-height: 250px;
  overflow: scroll;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap {
  margin-top: 16px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .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 .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-0 {
  background: #a60606;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-1 {
  background: #5a8a43;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-2 {
  background: #a60606;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-7 {
  background: #ed6c00;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-8 {
  background: #586dd0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-9 {
  background: #3378ff;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-10 {
  background: #9d54cc;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-11 {
  background: #F04D4D;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.item-label-12 {
  background: #2FBDA0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.text-tag {
  margin-right: 8px;
  background: #fff;
  color: #353535;
  border: 1px solid #ebebeb;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.text-keyword {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.add-tag {
  background: #fa8919;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.add-tag i {
  color: #fff;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.text-tag,
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.add-tag {
  position: relative;
  padding: 0 20px;
  vertical-align: middle;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.text-tag i,
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label.add-tag i {
  top: 0;
  vertical-align: middle;
  font-size: 12px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label .remove-tag-button {
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label .remove-tag-button i {
  visibility: hidden;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label:hover .remove-tag-button i,
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .item-label:focus .remove-tag-button i {
  visibility: visible;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-tipWrap .tipWrap-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #999999;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom > span:first-child {
  flex-shrink: 0;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom .case-rel-bean-text {
  color: #999999;
  display: flex;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom .case-rel-bean-text > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom .case-rel-bean-text::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #C3C6C8;
  margin: 0 4px;
  flex-shrink: 0;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom .case-rel-bean-text-divider {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 12px;
  background: #DBDDDE;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom .case-rel-bean-text-current {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-nameWrap .view-list-item-container-content-bottom .case-rel-bean-text-current::before {
  background: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-scrollable-wrapper {
  flex-grow: 1;
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-scrollable-wrapper::-webkit-scrollbar {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-caseSummary {
  flex-grow: 1;
  min-width: 200px;
  margin-right: 32px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
  line-height: 26px;
  overflow-y: auto;
  max-height: 364px;
  position: relative;
  white-space: pre-wrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-caseSummary::-webkit-scrollbar {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-courtOpinion {
  flex-grow: 1;
  min-width: 200px;
  margin-right: 32px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
  line-height: 26px;
  overflow-y: auto;
  max-height: 364px;
  position: relative;
  white-space: pre-wrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-courtOpinion::-webkit-scrollbar {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-judgementResult {
  white-space: pre-wrap;
  flex-grow: 1;
  min-width: 200px;
  margin-right: 32px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
  line-height: 26px;
  overflow-y: auto;
  max-height: 364px;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-container .view-list-item-container-judgementResult::-webkit-scrollbar {
  display: none;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-cell {
  width: 100%;
  max-height: 364px;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .view-list-item-cell-overflow {
  min-height: 100px;
  overflow-y: auto;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .lawregu_link {
  color: #ed6c00;
  cursor: pointer;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .lawregu_link:hover {
  color: #fa8919;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .lawregu_link[lawreguid=""] {
  pointer-events: none;
  color: inherit;
  cursor: text;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .lawregu_link[lawreguid=""]:hover {
  color: inherit;
}
.bigData-caseSearch .bigData-caseList .list-content .view-list .bigdata_query_highlight {
  color: #333333;
  background: rgba(250, 137, 25, 0.24);
  box-shadow: inset 0px -1px 0px 0px rgba(250, 137, 25, 0.7);
}
.bigData-caseSearch .popup-box {
  position: absolute;
  width: 400px;
  background: #fff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  z-index: 9999;
}
.bigData-caseSearch .popup-box .case-result-header {
  width: 100%;
  height: 56px;
  background: #fa8919;
  border-radius: 9px 9px 0px 0px;
}
.bigData-caseSearch .popup-box .case-result-header .case-result-title {
  width: 340px;
  height: 20px;
  margin-left: 15px;
  padding-top: 8px;
  font-size: 14px;
  color: #fff;
}
.bigData-caseSearch .popup-box .case-result-header .case-result-type {
  width: 340px;
  height: 20px;
  margin-left: 15px;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.bigData-caseSearch .popup-box .case-result-header .close-page-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.bigData-caseSearch .popup-box .case-result-mid {
  width: 100%;
  padding: 8px 0 16px;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item {
  width: 360px;
  display: flex;
  justify-content: space-between;
  margin: 5px auto;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-name {
  width: 72px;
  font-size: 12px;
  color: #999;
  height: 20px;
  line-height: 20px;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-value {
  width: 272px;
  font-size: 12px;
  color: #4a4a4a;
  line-height: 20px;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-value .ibass-fullpage {
  margin-left: 2px;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-value .ibass-fullpage:hover {
  color: #fa8919;
  cursor: pointer;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content {
  width: 280px;
  background: #f8f8f8;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content.case-result-content-height {
  height: 32px;
  overflow: hidden;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content .case-result-content-num {
  width: 100%;
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 4px;
  margin-left: 8px;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content .case-result-content-num .open-tiao-btn {
  color: #ed6c00;
}
.bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content .case-result-content-value {
  color: #4a4a4a;
  margin-top: 6px;
  margin-left: 8px;
  font-size: 12px;
}
.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 .law-hot-recommend {
  border-top: 1px solid #f0f0f0;
  padding: 10px 0 12px;
}
.select-history-keyword.drop-menu-focus .law-hot-recommend .hot-recommend-header {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
  margin-bottom: 6px;
}
.select-history-keyword.drop-menu-focus .law-hot-recommend .hot-recommend-list {
  padding: 0;
  overflow: hidden;
}
.select-history-keyword.drop-menu-focus .law-hot-recommend .hot-recommend-item {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-history-keyword.drop-menu-focus .law-hot-recommend .hot-recommend-item:hover {
  background: #f8f8f9;
}
.select-history-keyword.drop-menu-focus .law-hot-recommend .hot-recommend-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 .sort .law-suggestion-item-item {
  display: flex;
  line-height: 36px;
}
.select-history-keyword.drop-menu-change .sort .law-suggestion-item-text {
  display: inline-block;
  line-height: 38px;
}
.select-history-keyword.drop-menu-change .ns-popover-item-selected {
  background-color: #f8f8f9 !important;
}
.other-history,
.other-suggest {
  left: -20px !important;
}
.case-history,
.case-suggest {
  width: 600px !important;
  left: -114px !important;
}
.case-history .ns-popover-item,
.case-suggest .ns-popover-item,
.other-history .ns-popover-item,
.other-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,
.other-history.select-history-keyword.drop-menu-change .sort h6,
.other-suggest.select-history-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.case-history .ibass-arrow-next,
.case-suggest .ibass-arrow-next,
.other-history .ibass-arrow-next,
.other-suggest .ibass-arrow-next,
.case-history .ibass-search,
.case-suggest .ibass-search,
.other-history .ibass-search,
.other-suggest .ibass-search {
  color: #cdc9c5;
  font-size: 16px;
  margin-left: -10px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.law-suggest.select-history-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.law-suggest .ibass-arrow-next,
.law-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: 704px;
  transition: height 0.2s ease;
  margin: 0 auto;
  overflow: hidden;
  margin-left: 20px;
}
.bigData-case .library-type ul li {
  display: inline-block;
  position: relative;
  height: 70px;
  float: left;
  text-align: center;
  border-bottom: 2px solid transparent;
  color: #9e9e9e;
  font-size: 12px;
}
.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 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: #ED6C00;
  font-size: 12px;
  font-weight: 500;
  transform: scale(0.8);
}
.bigData-case .library-type ul li .library-is-hot {
  position: absolute;
  top: 6px;
  right: 0;
  color: #fa8919;
  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: #ed6c00;
  border-bottom: 2px solid #ff8800;
}
.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: #ed6c00;
}
.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;
}
.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 {
  position: relative;
  margin: 0 auto 30px;
}
.swiper .swiper-close-wrapper {
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  right: 12px;
  top: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.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: 20px;
  height: 4px;
  display: inline-block;
  background: #999;
  opacity: 0.5;
  margin: 0 2px;
}
.swiper .swiper-pagination-customs-active {
  opacity: 1;
  background-color: #ed6c00;
}
.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;
}
.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;
  clear: both;
}
.item-hit-info-container .aiSummaryborderBottom {
  border: 1px solid #ececec !important;
}
.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 !important;
  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;
  font-weight: 500;
}
.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 .isOpenSummary {
  color: #fa8919 !important;
}
.item-hit-info-container .item-hit-info-tabs .aiSummaryBack {
  color: #4a4a4a;
  background-color: #f8f8f9;
}
.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;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box {
  border: 1px solid #ececec;
  background: #f8f8f9;
  border-radius: 0px 2px 2px 2px;
  padding: 24px 16px;
  box-sizing: border-box;
  max-height: 318px;
  overflow-y: auto;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-item {
  border-radius: 6px;
  margin-bottom: 20px;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-item:last-child {
  margin-bottom: 0;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 10px;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-orange {
  background: #fff8f0;
  border: 1px solid #ffd9bc;
  color: #fa8919;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-green {
  background: #e9f8f1;
  border: 1px solid #bdebd7;
  color: #26a87a;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-blue {
  background: #eff9ff;
  border: 1px solid #bae0fd;
  color: #199cfd;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-red {
  background: #fff4f2;
  border: 1px solid #ffd9d1;
  color: #f26649;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-purple {
  background: #f0eeff;
  border: 1px solid #d8d4f5;
  color: #7b6fd0;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-cyan {
  background: #edfafa;
  border: 1px solid #b2dfdf;
  color: #26a6a6;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-role.role-gray {
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  color: #999999;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-tag {
  color: #fa8919;
  font-weight: 500;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-title {
  flex: 1 1 0;
  min-width: 0;
  color: #4a4a4a;
  white-space: normal;
  overflow-wrap: break-word;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-title-clickable {
  cursor: pointer;
  border-radius: 3px;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-title-clickable:hover {
  color: #fa8919;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-section {
  line-height: 20px;
  margin-bottom: 10px;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-section-title {
  min-width: 64px;
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-section-title:before {
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  content: "\EA54";
  position: relative;
  color: #CDC9C5;
  top: 2px;
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
}
.item-hit-info-container .item-hit-info-content .core-evidence-box .core-evidence-section-text {
  flex: 1;
  margin-left: 22px;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 18px;
  text-align: left;
  font-style: normal;
}
.item-hit-info-container .list-judgement-type-classification {
  display: inline-block;
  height: 20px;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: PingFangSC, PingFang SC;
  font-size: 12px;
  line-height: 16px;
  box-sizing: border-box;
  border: 1px solid #C2EBEC;
  background: #EDF9F9;
  color: #00B1B7;
}
.item-hit-info-container .list-judgement-type-classification-D {
  border: 1px solid #C2EBEC;
  background: #EDF9F9;
  color: #00B1B7;
}
.item-hit-info-container .list-judgement-type-classification-B {
  border: 1px solid #D1EBFF;
  background: #F2F9FF;
  color: #199CFD;
}
.item-hit-info-container .list-judgement-type-classification-C {
  border: 1px solid #ADE7D1;
  background: #F0FBF7;
  color: #00B36D;
}
.item-hit-info-container .list-judgement-type-classification-A {
  border: 1px solid #D1D1FF;
  background: #F2F2FF;
  color: #6766E6;
}
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;
}
.uib-tooltip-case-tab-visual_icon-ibass-info {
  max-width: none !important;
}
.case-ai-report-entry-container {
  position: relative;
  top: -2px;
  margin-left: 6px;
  cursor: pointer;
}
.case-ai-report-entry-container:hover .case-ai-report-entry-img {
  display: none;
}
.case-ai-report-entry-container:hover .case-ai-report-entry-hover-img {
  display: inline-block;
}
.case-ai-report-entry-container img {
  width: 104px;
  vertical-align: bottom;
}
.case-ai-report-entry-container .case-ai-report-entry-img {
  display: inline-block;
}
.case-ai-report-entry-container .case-ai-report-entry-hover-img {
  display: none;
}
.only-big-data-case-search .bigData-caseList .list-head .routeList .download,
.only-big-data-case-search .bigData-caseList .list-head .routeList .count {
  margin-right: 24px;
}
.only-big-data-case-search .bigData-caseList .judgement-list.upload-list .number-box:hover .number-index.number {
  display: inline-block !important;
}
.only-big-data-case-search .case-list-upload-my {
  background: #FA8919;
}
.only-big-data-case-search .case-list-upload-team {
  background: #6EC743;
}
.only-big-data-case-search .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index {
  position: relative;
  top: -3px;
  line-height: 28px;
}
.only-big-data-case-search .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index.checkbox {
  top: -1px;
}
.add-report-popover.align-left {
  transform: translateX(calc(-65%));
}
.add-report-popover.align-left #addReportPaddleContent::before {
  right: 35px;
  left: unset;
}
.list-mode-guide-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: 1000;
}
.list-mode-guide-content {
  position: fixed;
  z-index: 1002;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  padding: 16px;
  width: 294px;
  height: 282px;
  box-sizing: border-box;
  top: 100px;
  right: 50px;
}
.list-mode-guide-content .guide-arrow-right {
  position: absolute;
  right: -5px;
  top: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  z-index: 1003;
}
.list-mode-guide-content .guide-content-inner .guide-content-image-container {
  width: 262px;
  height: 124px;
}
.list-mode-guide-content .guide-content-inner .guide-content-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.list-mode-guide-content .guide-content-inner .guide-content-text {
  margin-top: 12px;
}
.list-mode-guide-content .guide-content-inner .guide-content-text .guide-content-text-title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
}
.list-mode-guide-content .guide-content-inner .guide-content-text .guide-content-text-desc {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 22px;
  margin-top: 8px;
}
.list-mode-guide-content .guide-content-inner .guide-content-button {
  width: max-content;
  background: #FA8919;
  border-radius: 16px;
  padding: 6px 16px;
  margin-top: 6px;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.list-mode-guide-content .guide-content-inner .guide-content-button .guide-content-button-btn {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}
.list-mode-guide-content .guide-content-inner .guide-content-button:hover {
  background-color: #FA9A2A;
}
.view-list-uib-tooltip.tooltip {
  width: 244px;
  text-align: left;
}
.case-list-assistant-btn {
  position: relative;
  top: 3px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.case-list-assistant-btn-split {
  position: relative;
  top: 5px;
  display: inline-block;
  margin: 0 16px;
  width: 1px;
  height: 20px;
  border-left: 1px solid #ededed;
}
.case-view-list-assistant-btn {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  margin-right: 16px;
}
.case-list-assistant-btn:hover img,
.case-view-list-assistant-btn:hover img {
  transform: rotate(360deg);
}
.case-list-assistant-btn:hover .case-list-assistant-btn-text,
.case-view-list-assistant-btn:hover .case-list-assistant-btn-text,
.case-list-assistant-btn:hover .case-view-list-assistant-btn-text,
.case-view-list-assistant-btn:hover .case-view-list-assistant-btn-text {
  color: var(--color-primary, #fa8919) !important;
}
.case-list-assistant-btn img,
.case-view-list-assistant-btn img {
  margin-right: 6px;
  width: 18px;
  height: 18px;
  transition: transform 1s ease;
}
.case-list-assistant-btn .case-list-assistant-btn-text,
.case-view-list-assistant-btn .case-list-assistant-btn-text,
.case-list-assistant-btn .case-view-list-assistant-btn-text,
.case-view-list-assistant-btn .case-view-list-assistant-btn-text {
  height: 20px;
  line-height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #333333 !important;
}
.new-cause-tip {
  margin-top: 24px;
  padding: 0 20px;
}
.new-cause-tip .new-cause-tip-text {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.new-cause-tip .new-cause-tip-button {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  margin-top: 4px;
}
.new-cause-tip .old-cause-button {
  color: #fa8919;
  text-decoration: underline;
  cursor: pointer;
}
.new-cause-tip .old-cause-button:hover {
  color: #ed6c00;
}
.new-cause-tip .new-cause-button {
  color: #fa8919;
  text-decoration: underline;
  cursor: pointer;
}
.new-cause-tip .new-cause-button:hover {
  color: #ed6c00;
}

.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;
}
.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;
}
.contract-iframe {
  min-height: 1267px;
  border-radius: 10px !important;
}
.contract-library,
.my-contract-library {
  overflow: hidden;
  width: 1200px;
  position: relative;
  left: -100px;
  min-height: 1267px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.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;
}
.contract-content .contract-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 1000px;
}
.contract-content .contract-menu .menu-container {
  height: 70px;
}
.contract-content .contract-menu .menu-container .contract-menu-item {
  display: inline-block;
  text-align: center;
  width: 84px;
  height: 70px;
  background: #FFFFFF;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: 2px solid #FFFFFF;
}
.contract-content .contract-menu .menu-container .contract-menu-item:not(:first-child) {
  margin-left: 20px;
}
.contract-content .contract-menu .menu-container .contract-menu-item.is-active {
  border-bottom: 2px solid #ED6C00;
}
.contract-content .contract-menu .menu-container .contract-menu-item.is-active > .menu-name {
  color: #ED6C00;
}
.contract-content .contract-menu .menu-container .contract-menu-item.is-active > .menu-icon.ibass-paper {
  color: #ED6C00;
}
.contract-content .contract-menu .menu-container .contract-menu-item > .menu-icon {
  display: block;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  top: 14px;
  left: 35%;
}
.contract-content .contract-menu .menu-container .contract-menu-item > .menu-icon.ibass-paper {
  font-size: 24px;
  line-height: 24px;
  color: #b7a698;
}
.contract-content .contract-menu .menu-container .contract-menu-item > .menu-name {
  display: block;
  text-align: center;
  width: 84px;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 17px;
  position: absolute;
  bottom: 10px;
}

.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;
  position: relative;
}
.expand .expand-block .library-is-new {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #fff;
  width: 38px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  background: linear-gradient(207deg, #f07600 0%, #f69d00 100%);
  border-radius: 0px 0px 0px 8px;
  font-size: 12px;
}
.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;
  width: 100%;
}
.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.tool-case-upload {
  width: 800px;
  margin: 0 auto;
}
.my-upload-container.tool-case-upload .upload-header {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 12px;
}
.my-upload-container.tool-case-upload .upload-header .search-container {
  flex: 1;
}
.my-upload-container.tool-case-upload .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.tool-case-upload .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.tool-case-upload .upload-header .search-container .m-input-group input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.my-upload-container.tool-case-upload .upload-header .search-container .m-input-group input::-moz-placeholder {
  color: #a9a9a9;
}
.my-upload-container.tool-case-upload .upload-header .search-container .m-input-group input:-moz-placeholder {
  color: #a9a9a9;
}
.my-upload-container.tool-case-upload .upload-header .search-container .m-input-group input:-ms-input-placeholder {
  color: #a9a9a9;
}
.my-upload-container.tool-case-upload .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.tool-case-upload .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.tool-case-upload .upload-header .search-container .m-input-group .doc-search-new-tip i {
  font-size: 10px;
  margin-left: 2px;
  color: #c6c6c6;
}
.my-upload-container.tool-case-upload .upload-header .search-container .m-input-group .doc-search-new-tip .is-show-filename {
  bottom: 0px;
}
.my-upload-container.tool-case-upload .upload-header .search-container .m-input-group .m-input-group-icon {
  padding-top: 1px;
}
.my-upload-container.tool-case-upload .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.tool-case-upload .upload-header .search-container .m-input-group .ibass-back:before {
  color: #cdc9c5;
  padding-right: 4px;
  vertical-align: middle;
}
.my-upload-container.tool-case-upload .upload-header .button-container .search-button {
  width: 106px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: unset;
}
.my-upload-container.tool-case-upload .upload-header .button-container .search-button i {
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.my-upload-container.tool-case-upload .upload-table-header {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ebebeb;
  margin-top: 12px;
}
.my-upload-container.tool-case-upload .upload-table-header .left-container {
  flex: 1;
}
.my-upload-container.tool-case-upload .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.tool-case-upload .upload-table-header .left-container .case-type i {
  color: #cdc9c5;
  position: relative;
  top: 2px;
  padding-left: 3px;
}
.my-upload-container.tool-case-upload .upload-table-header .left-container .tab-item:hover {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-header .left-container .case-type.msg-info {
  padding: 0px;
}
.my-upload-container.tool-case-upload .upload-table-header .left-container .share-case {
  margin-left: 22px;
}
.my-upload-container.tool-case-upload .upload-table-header .left-container .current-type {
  color: #ed6c00 !important;
  font-weight: 600;
  border-bottom: 2px solid #ed6c00;
}
.my-upload-container.tool-case-upload .upload-table-header .left-container .current-type i {
  color: #ed6c00;
}
.my-upload-container.tool-case-upload .upload-table-header .right-container {
  flex: 1;
  text-align: right;
  height: 36px;
  line-height: 36px;
}
.my-upload-container.tool-case-upload .upload-table-header .right-container .upload-modal {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.my-upload-container.tool-case-upload .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.tool-case-upload .upload-table-header .right-container .option-item {
  display: inline-block;
  margin-left: 36px;
  color: #4a4a4a;
}
.my-upload-container.tool-case-upload .upload-table-header .right-container .option-item i {
  position: relative;
  top: 2px;
  padding-right: 3px;
  color: #cdc9c5;
}
.my-upload-container.tool-case-upload .upload-table-header .right-container .option-item:hover {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-header .right-container .option-item:hover i {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-header .button-container {
  padding-left: 20px;
  text-align: right;
  height: 20px;
}
.my-upload-container.tool-case-upload .upload-table-header .button-container .search-button {
  height: 30px;
  line-height: 1;
  box-sizing: border-box;
  position: relative;
  top: -5px;
}
.my-upload-container.tool-case-upload .upload-table-header .button-container .search-button i {
  position: relative;
  top: 2px;
}
.my-upload-container.tool-case-upload .main-btn:active {
  transform: unset !important;
}
.my-upload-container.tool-case-upload .file-path .path-item {
  display: inline-block;
  color: #ed6c00;
  cursor: pointer;
}
.my-upload-container.tool-case-upload .file-path .path-item:first-child .path-name {
  padding-left: 0;
}
.my-upload-container.tool-case-upload .file-path .path-item .path-name {
  padding: 0 10px;
}
.my-upload-container.tool-case-upload .file-path .path-item.current-item {
  color: #4a4a4a;
  cursor: auto;
}
.my-upload-container.tool-case-upload #lns-table-basis {
  position: relative;
}
.my-upload-container.tool-case-upload .upload-msg {
  display: flex;
  flex-wrap: nowrap;
  padding: 16px 0 0;
}
.my-upload-container.tool-case-upload .upload-msg img {
  width: 14px;
  position: relative;
  top: 2px;
}
.my-upload-container.tool-case-upload .upload-msg .upload-status {
  padding-right: 20px;
  display: flex;
  flex-wrap: nowrap;
}
.my-upload-container.tool-case-upload .upload-msg .upload-status progress {
  position: relative;
  top: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
.my-upload-container.tool-case-upload .upload-table-container.upload-status-container {
  max-height: 300px;
  overflow: auto;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: 12px 0 12px 14px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-left {
  font-size: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-left:hover i,
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-left:hover .multi-left-checkbox-label {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-left i {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #CCCCCC;
  line-height: 14px;
  margin-right: 6px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-left .ibass-checked {
  color: #fa8919 !important;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-left .multi-left-checkbox-label {
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right {
  display: flex;
  align-items: center;
  height: 32px;
  background: #F7F8F9;
  border-radius: 18px;
  padding: 0 16px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .multi-action-item {
  display: flex;
  align-items: center;
  color: #ED6C00;
  cursor: pointer;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .multi-action-item:hover {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .pt1 {
  position: relative;
  top: 1px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .has-selected-count-text {
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .has-selected-count-count {
  font-weight: 500;
  padding: 0 4px;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .mr-12 {
  margin-right: 12px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right i {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  margin-right: 4px;
}
.my-upload-container.tool-case-upload .upload-table-container .multi-container .multi-container-right .multi-action-divider {
  width: 1px;
  height: 16px;
  border-right: 1px solid #E5E5E5;
  margin: 0 8px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table {
  margin-bottom: 20px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table .list-type-header {
  background: #f1f1f1;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table .icon-td {
  width: 20px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table .size-td {
  width: 100px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table .status-td {
  width: 110px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table .status-td .loading-status img {
  width: 14px;
  position: relative;
  top: 2px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table.upload-table .options-td {
  width: 20px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table {
  border-collapse: collapse;
  width: 100%;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-title {
  width: 423px;
  padding-right: 60px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-title span {
  display: inline-block;
  max-width: 423px;
  vertical-align: bottom;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-title i {
  color: #a9a9a9;
  margin-left: 2px;
  position: relative;
  top: 2px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-title .has-shared-tag {
  padding: 2px 4px;
  background: #FEF3E8;
  border-radius: 3px;
  margin-left: 6px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #FA8919;
  transform: scale(0.83);
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .upload-time {
  width: 125px;
  margin-right: 60px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .upload-time i {
  color: #a9a9a9;
  margin-left: 2px;
  position: relative;
  top: 2px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title {
  display: flex;
  align-items: center;
  height: 48px;
  background: #F7F8F9;
  border-radius: 8px;
  overflow: hidden;
  color: #666;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title i.ibass-checkbox,
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title i.ibass-checked {
  padding-left: 0;
  font-size: 16px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title i.ibass-checked {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title i.current-sort {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title i.ibass-trig-down:hover {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-title .title-file-select-placeholder {
  width: 36px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body {
  color: #333;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item {
  display: flex;
  align-items: center;
  height: 56px;
  box-shadow: inset 0px -1px 0px 0px #ebebeb;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item.active {
  background: #F7F8F9;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item.active .checkbox-container {
  display: inline-block;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item.active .file-type {
  display: none;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item.active .action-item-more-container {
  background-color: #fff;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item.active .action-item-more-container i.ibass-ellipses {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-item-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  user-select: none;
  border-radius: 4px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-item-container:hover {
  background-color: #fff;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-item-container i {
  top: -4px;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-item-share-container:active i.ibass-share {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-container {
  display: flex;
  align-items: center;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-container .ibass-share {
  color: #C3C6C8;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-container .divide-line {
  margin: 0 6px;
  height: 12px;
  width: 1px;
  background: #EBEBEB;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .action-container .ibass-ellipses {
  color: #C3C6C8;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-title {
  display: flex;
  align-items: center;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-title .file-title-text {
  max-width: calc(100% - 100px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-type-box {
  text-align: center;
  width: 42px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-type-box .checkbox-container {
  color: #ccc;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-type-box i {
  position: relative;
  top: 1px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body i {
  position: relative;
  top: -1px;
  font-size: 16px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .result-status i {
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .result-status i.ibass-done {
  color: #2bb162;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .result-status i.ibass-info {
  color: #fc3458;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body i.ibass-checked {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-ppt {
  color: #d04424;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-pdf {
  color: #e3574d;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-image {
  color: #07cfda;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-text {
  color: #000;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-doc {
  color: #0a96e5;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-excel {
  color: #1c7044;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-zip {
  color: #9d7120;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-music {
  color: #a7d638;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-video {
  color: #d94ff5;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-default {
  color: #cdc9c5;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .ibass-filetype-folder {
  color: #07cfda;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .checkbox-container {
  display: none;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item:hover {
  background: #F7F8F9;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item:hover .checkbox-container {
  display: inline-block;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item:hover .file-type {
  display: none;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .selected-mode .checkbox-container {
  display: inline-block;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .file-item .selected-mode .file-type {
  display: none;
}
.my-upload-container.tool-case-upload .upload-table-container .file-table .file-table-body .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.tool-case-upload .upload-table-container .file-table .file-table-body .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.tool-case-upload .upload-table-container .pagination-container .files-count {
  padding: 20px;
  text-align: center;
  color: #9e9e9e;
}
.my-upload-container.tool-case-upload .empty-container {
  margin: 100px auto 0;
}
.my-upload-container.tool-case-upload .empty-container.not-all-function {
  width: 270px;
}
.my-upload-container.tool-case-upload .empty-container .empty-img {
  text-align: center;
}
.my-upload-container.tool-case-upload .empty-container .empty-info {
  color: #9e9e9e;
  text-align: center;
}
.my-upload-container.tool-case-upload .empty-container .empty-info .upload-guide {
  text-align: center;
  color: #fa8919;
  cursor: pointer;
}
.my-upload-container.tool-case-upload .empty-container .empty-info p {
  white-space: nowrap;
}
.my-upload-container.tool-case-upload .share-case-container .action-container span:hover {
  color: #fa8919;
}
.my-upload-container.tool-case-upload .share-case-container .file-table .file-table-body .file-title .file-title-text {
  max-width: calc(100% - 43px);
}
.tooltip-p-lr-4 {
  padding: 0 40px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .ngdialog-close:hover::before {
  color: #fa8919 !important;
}
.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;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.share-description .share-detail {
  margin-top: 12px;
  padding: 16px;
  background: #F8F9FA;
  border-radius: 8px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 22px;
}
.ngdialog-theme-default.big-data-download.my-upload-share .firm-dialog-body.share-description .share-description-title {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  margin-bottom: 4px;
}
.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;
  color: #fff;
  background-color: #fa8919;
  border: 1px solid #fa8919;
}
.ngdialog-theme-default.big-data-download.my-upload-share .main-btn:active {
  transform: unset !important;
}
.ngdialog-theme-default.big-data-download.my-upload-share .main-btn:hover {
  background: #FA9A2A;
}
.ngdialog-theme-default.big-data-download.my-upload-share .main-btn.default-btn {
  font-weight: 500;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #fff;
}
.ngdialog-theme-default.big-data-download.my-upload-share .main-btn.default-btn:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.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: 123px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #EBEBEE;
  padding: 10px 0;
  margin-top: 4px;
}
.ns-popover-tooltip-theme.my-upload-item-options .item-options-container .ns-popover-tooltip {
  color: #212121;
  width: 100%;
  border-radius: 4px !important;
  margin: 0;
  border: none !important;
  box-shadow: none !important;
}
.ns-popover-tooltip-theme.my-upload-item-options .item-options-container .ns-popover-items {
  margin: 0;
}
.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 .practice-menu-detail {
  min-height: 300px;
  padding-left: 180px;
  padding-right: 180px;
}
.practice-menu .practice-menu-detail .menu-tab-box {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: solid 1px #ebebeb;
}
.practice-menu .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 .practice-menu-detail .menu-tab-box .menu-tab-title.tab-current {
  color: #ed6c00;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box {
  padding-bottom: 30px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .clear-fix::after {
  content: "";
  display: block;
  clear: both;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .high-light-hover:hover {
  color: #ed6c00 !important;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .high-light-hover:hover .ibass-icon {
  color: #ed6c00 !important;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-tab-detail {
  display: none;
  min-height: 700px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-tab-detail.tab-current {
  display: block;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro {
  text-align: justify;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .practice-intro-container {
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 12px;
  position: relative;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box {
  height: 23px;
}
.practice-menu .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 .practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box:hover {
  color: #ed6c00;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box:hover .ibass-icon {
  color: #ed6c00;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box .ibass-icon {
  color: #cdc9c5;
  padding-right: 7px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box .expand-box {
  float: right;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .expand-button-box::after {
  content: "";
  display: block;
  clear: both;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .practice-intro-box {
  overflow: hidden;
  max-height: 166px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .practice-intro-box.expand-intro-box {
  max-height: none;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .content-intro {
  padding-top: 20px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-intro .content-intro .title {
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a;
}
.practice-menu .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 .practice-menu-detail .menu-tab-detail-box .tab-case {
  padding-bottom: 20px;
}
.practice-menu .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 .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 .practice-menu-detail .menu-tab-detail-box .tab-case .case-item .title span {
  width: 565px;
  display: inline-block;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-case .case-item .title i.ibass-dot {
  position: absolute;
  color: #cdc9c5;
  left: 5px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-case .case-item .eff-date-box {
  padding-left: 15px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-case .case-item .source {
  padding: 5px 0 0 25px;
  font-size: 14px;
  color: #a9a9a9;
}
.practice-menu .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 .practice-menu-detail .menu-tab-detail-box .tab-comment {
  padding-top: 20px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .intro-menu.tab-comment {
  padding-top: 17px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .tab-chart {
  padding-top: 20px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-title-content {
  display: inline-block;
  text-align: left;
  max-width: 515px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .ibass-icon {
  float: left;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-title::after {
  content: '';
  display: block;
  clear: both;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-first-level {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-first-level > li:not(:first-child) {
  padding-top: 10px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-first-level .ibass-icon {
  padding-right: 10px;
  color: #cdc9c5;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-first-level .ibass-icon.ibass-pic {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.practice-menu .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 .practice-menu-detail .menu-tab-detail-box .menu-second-level .ibass-icon {
  font-size: 14px;
  color: #cdc9c5;
  padding-right: 10px;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .menu-second-level .menu-second-title {
  color: #4a4a4a;
}
.practice-menu .practice-menu-detail .menu-tab-detail-box .display-block {
  display: block;
}
.practice-menu .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;
  padding: 0 10px;
}
.notification-at-list .at-list-header .header .operation {
  width: 50px;
  display: flex;
  color: #a9a9a9;
  justify-content: flex-end;
  margin-left: auto;
}
.notification-at-list .at-list-header .header .operation > .ibass-more {
  font-size: 16px;
  padding-top: 1px;
  margin-right: 3px;
}
.notification-at-list .at-list-header .header .operation > .ibass-close {
  color: #a9a9a9;
}
.notification-at-list .at-list-header .header .operation i {
  position: relative;
}
.notification-at-list .scroll-wrapper {
  height: calc(100% - 20px);
  padding: 10px;
  padding-top: 0;
}
.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-name-time .dot {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: red;
}
.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;
  white-space: pre-wrap;
}
.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;
  align-items: 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-top .download {
  margin-right: 5px;
}
.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 .acnTitleSpan {
  display: flex;
}
.notification-notification-detail .common-header-content .content-item .acnTitleSpan .acnMsgSpan {
  flex: .96;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.notification-notification-detail .common-header-content .content-item .otherTitleSpan {
  display: flex;
}
.notification-notification-detail .common-header-content .content-item .otherTitleSpan .otherMsgSpan {
  flex: .96;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  word-break: break-word;
}
.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 .common-detail-item-body .content .content-title.other-content-title,
.notification-notification-detail .common-detail-item-body .content .content-reason.other-content-title {
  word-break: break-word;
}
.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;
}

.privacy-set-wrap {
  width: 464px;
  padding: 20px 30px 20px 0px;
  margin: 60px 0 0 136px;
}
.privacy-set-wrap .privacy-wrap-left {
  line-height: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
}
.privacy-set-wrap .privacy-wrap-left .privacy-title {
  width: 266px;
  height: 14px;
  font-weight: 500;
}
.privacy-set-wrap .privacy-wrap-left .privacy-tip {
  width: 382px;
  height: 40px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  padding-top: 10px;
}
.privacy-set-wrap .privacy-wrap-right .animation-toggle {
  top: 15px;
  left: 50px;
}

.slider-switch {
  width: 22px;
  height: 2px;
  margin: 3px 3px 3px 4px;
  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 .radio-no-active-skip,
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip div {
  height: 36px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip .radio-content-skip,
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip div .radio-content-skip {
  margin-left: 12px;
}
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip .radio-content-skip .radio-no-active,
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip div .radio-content-skip .radio-no-active {
  margin: 0 6px;
}
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip .radio-title,
.synchronize-calendar-dialog .body .method-list li .radio-no-active-skip div .radio-title {
  margin-right: 4px;
}
.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;
}

.third-bind-wrap .third-header {
  margin-bottom: 22px;
}
.third-bind-wrap .third-header .header-title {
  font-weight: 500;
  font-size: 16px;
  color: #232323;
}
.third-bind-wrap .tab {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 10px;
}
.third-bind-wrap .tab .tab-item {
  padding-bottom: 3px;
  font-size: 16px;
  color: #ed6c00;
  border-bottom: 2px solid #ed6c00;
}
.third-bind-wrap .header-des {
  padding: 16px 0 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.third-bind-wrap .third-section {
  margin-bottom: 24px;
}
.third-bind-wrap .third-section .type-block .name {
  padding-bottom: 8px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ED6C00;
  line-height: 22px;
}
.third-bind-wrap .third-section .type-block .line {
  position: relative;
  margin-left: -30px;
  height: 1px;
  width: 790px;
  background: #F0F0F0;
}
.third-bind-wrap .third-section .type-block .line::after {
  position: absolute;
  top: -1px;
  left: 30px;
  display: block;
  content: '';
  width: 32px;
  height: 2px;
  background-color: #ED6C00;
}
.third-bind-wrap .company-box {
  width: 736px;
  height: 78px;
  background: #FAFBFC;
  border-radius: 4px;
  display: flex;
  justify-content: flex-start;
  padding-right: 24px;
  align-items: center;
}
.third-bind-wrap .company-box .company-des {
  margin-left: 14px;
  width: 570px;
}
.third-bind-wrap .company-box .company-des .company-des-title {
  color: #232323;
  font-size: 14px;
  line-height: 1.5;
}
.third-bind-wrap .company-box .company-pic {
  margin-left: 14px;
  width: 55px;
  height: 55px;
  border-radius: 6px;
  cursor: pointer;
}
.third-bind-wrap .company-box .company-bind-btn {
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #FA8919;
  border-radius: 20px;
  cursor: pointer;
  font-size: 13px;
}
.third-bind-wrap .company-box .company-bind-btn:hover {
  background-color: #FA9A2A;
}
.third-bind-wrap .company-box .company-bind-btn.unbind-btn {
  width: 80px;
  height: 28px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  background: #FAFBFC;
  color: #606266;
}
.third-bind-wrap .company-box .company-bind-btn.unbind-btn:hover {
  color: #FA8919;
  border: 1px solid #FA8919;
}

.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 24px 0;
  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 .view-export-file-body .date-container {
  position: relative;
  display: flex;
  margin-bottom: 20px;
}
.view-export-file .view-export-file-body .date-container .label-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 .date-container .time-range {
  width: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 5px 0 5px 9px;
  left: 100px;
  height: 33px;
  top: -4px;
}
.view-export-file .view-export-file-body .date-container .time-range-text-select {
  position: relative;
  display: inline-block;
}
.view-export-file .view-export-file-body .date-container .time-range-start-stop {
  display: inline-block;
}
.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 {
  display: flex;
  margin: 20px 0;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .select-range > span {
  line-height: 26px;
  margin-right: 8px;
}
.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 .checkbox-active {
  display: flex;
  align-items: center;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .checkbox-no-active {
  display: flex;
  align-items: center;
}
.auth-project-role-cl .admin-set-action-part .cl-set-content .conflict-show-content {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
  white-space: nowrap;
  overflow: hidden;
  white-space: no-wrap;
  text-overflow: ellipsis;
}
.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;
}
.auth-project-role-cl .admin-set-action-part .ibass-info {
  margin-left: 4px;
  color: #999;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.auth-project-role-cl .search-range {
  text-align: center;
}
.auth-project-role-cl .search-range .i-checkbox-group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  text-align: left;
  margin-bottom: 20px;
}
.auth-project-role-cl .conflict {
  margin-top: -20px;
}
.auth-project-role-cl .conflict-setting {
  display: flex;
  height: auto;
  padding: 14px 0;
  font-size: 14px;
  line-height: 30px;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.auth-project-role-cl .conflict-setting .detail .title {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.auth-project-role-cl .conflict-setting .detail .desc {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 20px;
}
.auth-project-role-cl .inner-database .database__header {
  height: 36px;
  box-sizing: border-box;
  color: #737373;
  font-size: 12px;
  padding-left: 24px;
}
.auth-project-role-cl .inner-database .database__items .dndPlaceholder {
  height: 1px;
  background-color: #fa7819;
}
.auth-project-role-cl .inner-database .database__item {
  position: relative;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4a4a4a;
}
.auth-project-role-cl .inner-database .database__item .ibass-more {
  font-size: 16px;
  color: #cdc9c5;
  margin-right: 8px;
  position: relative;
  top: 2px;
  cursor: grab;
}
.auth-project-role-cl .inner-database .database__item .ibass-edit {
  visibility: hidden;
  font-size: 14px;
  color: #cdc9c5;
  margin-left: 4px;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.auth-project-role-cl .inner-database .database__item .remark .placeholder {
  visibility: hidden;
  color: #cdc9c5;
}
.auth-project-role-cl .inner-database .database__item .remark__container {
  display: flex;
  align-items: center;
}
.auth-project-role-cl .inner-database .database__item .remark__container-content {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 350px;
  line-height: 20px;
  padding: 4px 0;
}
.auth-project-role-cl .inner-database .database__item .input {
  position: absolute;
  top: 0;
  width: 700px;
  background-color: #fff;
  display: flex;
  align-items: center;
  z-index: 5;
}
.auth-project-role-cl .inner-database .database__item .input .i-btn {
  margin-inline: 8px;
}
.auth-project-role-cl .inner-database .database__item--close {
  color: #cdc9c5;
}
.auth-project-role-cl .inner-database .database__item:hover:not(.database__item--edit) {
  background-color: #f8f8f9;
}
.auth-project-role-cl .inner-database .database__item:hover:not(.database__item--edit) .ibass-edit,
.auth-project-role-cl .inner-database .database__item:hover:not(.database__item--edit) .placeholder {
  visibility: visible;
}
.auth-project-role-cl .inner-database .database__header,
.auth-project-role-cl .inner-database .database__item {
  display: flex;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  align-items: center;
}
.auth-project-role-cl .inner-database .database__header .name,
.auth-project-role-cl .inner-database .database__item .name {
  width: 200px;
}
.auth-project-role-cl .inner-database .database__header .remark,
.auth-project-role-cl .inner-database .database__item .remark {
  flex: 1;
}
.auth-project-role-cl .inner-database .database__header .operation,
.auth-project-role-cl .inner-database .database__item .operation {
  display: flex;
  align-items: center;
  width: 130px;
}
.auth-project-role-cl .inner-database .database__header .operation .switch,
.auth-project-role-cl .inner-database .database__item .operation .switch {
  width: 80px;
}
.auth-project-role-cl .inner-database .database__header .operation .delete,
.auth-project-role-cl .inner-database .database__item .operation .delete {
  width: 80px;
}
.auth-project-role-cl .inner-database .database__input {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
  padding-left: 24px;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
}
.auth-project-role-cl .inner-database .database__input .i-select {
  width: 192px;
}
.auth-project-role-cl .inner-database .database__input .i-select,
.auth-project-role-cl .inner-database .database__input .i-input-text {
  margin-right: 8px;
}
.auth-project-role-cl .inner-database .database__input .i-btn {
  margin-inline: 8px;
}
.auth-project-role-cl .inner-database .database__input .ibass-close {
  position: relative;
  top: 2px;
}

.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;
}

.tabs {
  width: 770px;
  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;
}

.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: 330px;
  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: 18px;
  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: 330px;
  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 18px;
  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;
}

.historyDataImport .tab {
  position: relative;
}
.historyDataImport .tab .tab-mask {
  position: absolute;
  inset: 0;
}
.historyDataImport .matter-tips {
  display: flex;
  padding: 8px 12px;
  background: #FFF7F2;
  border-radius: 4px;
  margin-top: 16px;
}
.historyDataImport .matter-tips i {
  font-size: 16px;
  color: #FA8919;
  margin-right: 8px;
}
.historyDataImport .matter-tips p {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.historyDataImport .matter-tips p:first-of-type {
  font-weight: 500;
}
.historyDataImport__nav {
  display: flex;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  height: 28px;
}
.historyDataImport__nav-item {
  margin-left: 40px;
}
.historyDataImport__nav-item:first-child {
  margin-left: 0;
}
.historyDataImport__nav-item--active {
  color: #ED6C00;
  border-bottom: 2px solid #ED6C00;
  font-weight: 500;
}
.historyDataImport__prompt {
  margin-top: 16px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 32px;
}
.historyDataImport__prompt i {
  display: inline-block;
  width: 14px;
  font-size: 14px;
  position: relative;
  top: 2px;
  margin-right: 8px;
  line-height: 1;
}
.historyDataImport__prompt--success {
  padding-left: 16px;
  background-color: #F3FAF5;
  color: #50B020;
}
.historyDataImport__prompt--fail {
  padding-left: 16px;
  background-color: #FFF5F6;
  color: #F6535C;
}
.historyDataImport__prompt--fail i {
  transform: rotate(45deg);
}
.historyDataImport__prompt--pending {
  padding-left: 12px;
  background-color: #FFF7F2;
  color: #ED6C00;
}
.historyDataImport__prompt--pending i {
  font-size: 12px;
  top: 0;
  color: #FA8919;
  animation: loadingCircle 1s infinite linear;
}
.historyDataImport__form-row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
  margin-top: 16px;
}
.historyDataImport__form-col {
  display: flex;
}
.historyDataImport__form-col:first-child {
  margin-left: 0;
}
.historyDataImport__form-label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.historyDataImport__form-input {
  width: 200px;
  margin-left: 10px;
}
.historyDataImport__file {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.historyDataImport__file-title {
  position: relative;
  display: flex;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.historyDataImport__file-title a {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FA8919;
  cursor: pointer;
}
.historyDataImport__file-title a:hover {
  color: #fa9a2a;
}
.historyDataImport__file-title a i {
  position: relative;
  top: 2px;
  margin-right: 4px;
  line-height: 1;
  width: 14px;
  display: inline-block;
}
.historyDataImport__file-title .historyDataImport__file-title,
.historyDataImport__file-title a {
  display: block;
  min-height: 30px;
  line-height: 30px;
  flex-shrink: 0;
}
.historyDataImport__file-title a {
  position: absolute;
  left: 200px;
  top: 0;
  line-height: 30px;
}
.historyDataImport__file-label {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 30px;
  line-height: 30px;
}
.historyDataImport__file-upload {
  width: 100%;
  flex: 1;
  position: relative;
}
.historyDataImport__file-upload .tab-mask {
  position: absolute;
  inset: 0;
  z-index: 100;
}
.historyDataImport__file .new-common-attachments {
  position: relative;
  top: 2px;
  min-height: 30px;
  line-height: 28px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.historyDataImport__file .new-common-attachments .new-common-attachments-upload {
  margin-left: 97px;
}
.historyDataImport__file .new-common-attachments .ibass-attachment {
  margin-right: 4px;
}
.historyDataImport__file .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list {
  padding-left: 54px;
  border-radius: 4px;
}
.historyDataImport__file .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-icon {
  left: 12px;
}
.historyDataImport__file .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation {
  right: 16px;
}
.historyDataImport__file .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation i {
  color: #ccc;
}
.historyDataImport__file .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation .ibass-delete:hover {
  color: #FA8919;
}
.historyDataImport__table {
  margin-top: 18px;
}
.historyDataImport__pagination {
  margin-top: 24px;
}
.historyDataImport__pagination .i-pagination {
  margin: 24px auto;
}
.historyDataImport__footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.historyDataImport__footer-confirm {
  width: 110px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 20px;
  background-color: #FA8919;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.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;
}

.shanqian-platform--section .platform-header {
  padding: 23px 24px 0;
  border-bottom: 1px solid #f0f0f0;
}
.shanqian-platform--section .platform-header .name {
  display: inline-block;
  padding-bottom: 9px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ed6c00;
  line-height: 22px;
  border-bottom: 2px solid #ed6c00;
}
.shanqian-platform--section .platform-content {
  margin: 25px 24px;
  background-color: #fafbfc;
}
.shanqian-platform--section .platform-content .content-wrapper {
  padding: 24px 20px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-logo {
  width: 88px;
  height: 48px;
  background-color: #fff;
  box-shadow: 8px 13px 14px 0px rgba(189, 198, 208, 0.24);
  border-radius: 4px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-logo img {
  width: 100%;
  height: 100%;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth {
  margin-top: 30px;
  padding-left: 4px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 93px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper .step {
  position: relative;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper .step .step-index {
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
  border: 1px solid #666;
  border-radius: 50%;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper .step .line {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 75px;
  background-color: #d1d1d1;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper .step-content {
  margin-left: 8px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper .step-content .step-name {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #232323;
  line-height: 20px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .step-wrapper .step-content .step-desc {
  padding-top: 6px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8e9094;
  line-height: 17px;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .status-btn {
  margin-top: 8px;
  width: 80px;
  height: 28px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  background-color: #fa8919;
  border-radius: 20px;
  cursor: pointer;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .status-btn:hover {
  color: #fff;
  background-color: #fa9a2a;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .nouse {
  color: #fff;
  background-color: rgba(250, 137, 25, 0.5);
  border-radius: 20px;
  cursor: not-allowed;
}
.shanqian-platform--section .platform-content .content-wrapper .shanqian-auth .auth-step .nouse:hover {
  color: #fff;
  background-color: rgba(250, 137, 25, 0.5);
}

.third .third-header .header-title {
  font-weight: 500;
  font-size: 16px;
  color: #232323;
}
.third .third-header .header-des {
  font-weight: 400;
  font-size: 14px;
  color: #999;
  margin-top: 8px;
}
.third .third-header .tab {
  position: relative;
  width: 100%;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 22px;
}
.third .third-header .tab .tab-item {
  margin-right: 25px;
  padding-bottom: 3px;
  font-size: 16px;
  color: #999;
  user-select: none;
  cursor: pointer;
}
.third .third-header .tab .active {
  color: #ed6c00;
}
.third .third-header .tab .line {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -1px;
  width: 32px;
  height: 2px;
  background-color: #ed6c00;
  transition: transform .25s ease;
}
.third .third-header .tab .helpe-link {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ed6c00;
}
.third .third-header .tab .helpe-link:hover {
  color: #FA9A2A;
  cursor: pointer;
}
.third .third-content-item {
  margin-bottom: 32px;
}
.third .company-box {
  justify-content: flex-start;
  background: #FAFBFC;
  border-radius: 4px;
  display: flex;
  padding: 17px 24px 16px 27px;
  align-items: center;
  margin-top: 24px;
}
.third .company-box .bind-input-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.third .company-box .bind-input-section li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.third .company-box .bind-input-section li .value::placeholder {
  color: #A9A9A9;
}
.third .company-box .bind-input-section li .value {
  padding: 4px 15px;
  max-width: 140px;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #D4D4D4;
}
.third .company-box .bind-input-section li .disabled {
  color: #232323;
  cursor: not-allowed;
}
.third .company-box.company-bind-box {
  position: relative;
}
.third .company-box.company-bind-box::before {
  position: absolute;
  bottom: 0;
  left: 27px;
  content: '';
  width: 719px;
  height: 1px;
  border-bottom: 1px solid #f0f0f0;
}
.third .company-box.company-sync {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0px;
  padding-top: 25px;
  padding-bottom: 24px;
}
.third .company-box.company-sync .company-bind {
  text-align: right;
  max-width: 260px;
  width: 260px;
  display: flex;
  justify-content: flex-end;
}
.third .company-box.company-sync .company-bind .bind-item {
  display: flex;
  justify-content: space-between;
  width: 104px;
  padding-left: 17px;
}
.third .company-box.company-sync .company-bind .bind-item span {
  cursor: pointer;
}
.third .company-box.company-sync .company-bind .bind-item .btn {
  width: 28px;
}
.third .company-box.company-sync .company-bind .bind-item .ibass-faq {
  color: #808080;
  margin-left: 3px;
}
.third .company-box.company-sync .company-bind .bind-item.bind-item-left {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 107px;
  padding-right: 17px;
}
.third .company-box.company-sync .company-bind .bind-item.bind-item-left::before {
  content: '';
  position: absolute;
  height: 8px;
  width: 1px;
  border-right: 1px solid #d8d8d8;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
.third .company-box.company-sync .company-des {
  width: 570px;
}
.third .company-box.company-sync .company-des .company-des-title {
  color: #232323;
  font-size: 14px;
  line-height: 1;
}
.third .company-box.bind-section {
  margin-top: 0;
  padding-top: 5px;
}
.third .company-box .company-pic {
  width: 55px;
  height: 55px;
  border-radius: 6px;
}
.third .company-box .refresh-data {
  min-width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 26px;
  text-align: center;
  margin-right: 14px;
}
.third .company-box .company-des {
  margin-left: 14px;
  width: 570px;
}
.third .company-box .company-des .company-des-title {
  color: #232323;
  font-size: 14px;
  line-height: 1.5;
}
.third .company-box .company-des .company-des-des {
  color: #999;
  font-size: 12px;
  margin-top: 2px;
}
.third .company-box .refresh-desc {
  margin-left: 0 !important;
}
.third .company-box .company-bind-btn {
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #FA8919;
  border-radius: 20px;
  cursor: pointer;
  font-size: 13px;
}
.third .company-box .company-bind-btn:hover {
  background-color: #FA9A2A;
}
.third .company-box .company-bind-btn.unbind-btn {
  width: 80px;
  height: 28px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  background: #FAFBFC;
  color: #606266;
}
.third .company-box .company-bind-btn.unbind-btn:hover {
  color: #FA8919;
  border: 1px solid #FA8919;
}
.third .company-box.desc {
  flex-direction: column;
}
.third .company-box.desc .desc-item {
  display: flex;
}
.third .company-box.desc .desc-item:not(:last-child) {
  margin-bottom: 15px;
}
.third .company-box.desc .desc-item .i-label {
  font-weight: 600;
  min-width: 80px;
}
.third .company-box.desc .desc-item .i-tag {
  padding: 0 10px;
  border: 1px solid #E8E9EB;
}
.third .company-box.desc .desc-item .i-tag div[class^='icon'] {
  display: flex;
  align-items: center;
}
.third .company-box.desc .desc-item .i-tag div[class^='icon']::before {
  margin-right: 10px;
}
.third .company-box.desc .desc-item .other {
  color: #8C99A9;
  display: flex;
  align-items: center;
}
.third .company-box.desc .desc-item .other .highlight {
  color: #D3985C;
}
.third .qywx-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0 24px;
}
.third .qywx-box .qb-l {
  display: flex;
  flex-direction: column;
}
.third .qywx-box .qb-l .t {
  display: flex;
}
.third .qywx-box .qb-l .t .l .qw-icon {
  width: 55px;
  height: 55px;
  margin-right: 14px;
}
.third .qywx-box .qb-l .t .r {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}
.third .qywx-box .qb-l .t .r .tlt {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #232323;
  line-height: 20px;
}
.third .qywx-box .qb-l .t .r .grey {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  margin: 6px 0 28px 0;
}
.third .qywx-box .qb-l .t .r .grey .tip {
  margin-left: 12px;
  color: #FA8919;
  cursor: pointer;
}
.third .qywx-box .qb-l .t .r .grey .tip .ibass-link {
  position: relative;
  top: 1px;
  margin-right: 2px;
}
.third .qywx-box .qb-l .b {
  display: flex;
  align-items: center;
  margin-left: 67px;
}
.third .qywx-box .qb-l .b .i-btn {
  width: 124px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.third .qywx-box .qb-l .b .i-btn:first-child {
  margin-right: 20px;
}
.third .qywx-box .qb-r {
  width: 239px;
  height: 138px;
}
.third .bind-step {
  margin-top: 34px;
}
.third .bind-step .bind-title {
  font-weight: 500;
  font-size: 14px;
  color: #232323;
}
.third .bind-step .bind-step-box {
  height: 345px;
  margin-top: 8px;
  background: #FAFBFC;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 12px 32px 24px;
  position: relative;
}
.third .bind-step .bind-step-box::before {
  content: '';
  width: 2px;
  height: 275px;
  position: absolute;
  left: 32px;
  top: 46px;
  border-right: 1px solid #d1d1d1;
  z-index: 1;
}
.third .bind-step .bind-step-box .item-step {
  width: 718px;
  height: 50px;
  position: relative;
  top: -20px;
}
.third .bind-step .bind-step-box .item-step:first-child {
  top: 0;
}
.third .bind-step .bind-step-box .item-step .step-num {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 1px solid #666;
  text-align: center;
  line-height: 18px;
  color: #666;
  background-color: #fff;
  z-index: 6;
}
.third .bind-step .bind-step-box .item-step .step-content {
  width: 704px;
  height: 50px;
  margin-left: 26px;
}
.third .bind-step .bind-step-box .item-step .step-content .content-title {
  font-size: 14px;
  color: #232323;
}
.third .bind-step .bind-step-box .item-step .step-content .content-des {
  font-size: 12px;
  color: #999;
  margin-top: 6px;
}
.third .bind-step .bind-step-box .item-step .step-btn {
  width: 60px;
  display: flex;
  justify-content: space-between;
  color: #333;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0px;
  cursor: pointer;
}
.third .bind-step .bind-step-box .item-step .step-btn i {
  font-size: 14px;
}

.activity .ngdialog-content {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none;
}

.agreement {
  padding-top: 3vh !important;
  padding-bottom: 3vh !important;
}
.agreement .content {
  padding: 40px 60px;
  max-height: 94vh;
  box-sizing: border-box;
  overflow: auto;
}
.agreement .content h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
  font-weight: 600;
}
.agreement .content .tar {
  text-align: right;
}
.agreement .content .tac {
  text-align: center;
}
.agreement .content p {
  line-height: 2.3;
}
.agreement .content h3 {
  font-size: 1.2em;
}

.annualGiftDialog {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.annualGiftDialog .line {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 9px;
}
.annualGiftDialog .line span {
  margin-left: 23px;
  padding: 0 16px;
  color: #4A4A4A;
  background-color: #fff;
  display: inline-block;
  font-size: 16px;
}
.annualGiftDialog .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.annualGiftDialog .container .tipArea {
  margin-top: 30px;
}
.annualGiftDialog .container .tipArea p {
  margin-bottom: 8px;
}
.annualGiftDialog .quCode {
  margin-top: 20px;
  align-self: center;
  width: 200px;
  height: 200px;
}

.applicationReceipt_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.applicationReceipt_content .myOffer {
  align-items: center;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  width: 410px;
  margin: auto;
}
.applicationReceipt_content .myOffer input {
  width: 300px;
  height: 32px;
  background: #FEFEFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  padding: 0 16px;
  margin-left: 10px;
}
.applicationReceipt_content .myOffer ::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.applicationReceipt_content .myOffer div span {
  position: absolute;
  right: 40px;
  top: 6px;
}
.applicationReceipt_content .tags {
  color: #4a4a4a;
  font-size: 14px;
  margin: auto;
  margin-top: 10px;
  width: 410px;
}
.applicationReceipt_content .tags .item {
  margin-right: 50px;
}
.applicationReceipt_content .tags i {
  position: relative;
  top: 2px;
  color: #CDC9C5;
  cursor: pointer;
  font-size: 16px;
}
.applicationReceipt_content .tags .active {
  color: #FA8919;
}
.applicationReceipt_content .flex {
  display: flex;
}
.applicationReceipt_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
  margin-bottom: 26px;
}
.applicationReceipt_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.applicationReceipt_content .applicationReceiptTextarea {
  width: 410px;
  height: 104px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 12px;
  box-sizing: border-box;
  display: block;
  background: #FEFEFF;
  margin: 6px auto 0;
}
.applicationReceipt_content textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.applicationReceipt_content .strLength {
  text-align: right;
  color: #A9A9A9;
  padding-right: 28px;
  font-size: 14px;
}
.applicationReceipt_content .btns {
  justify-content: space-around;
  margin-top: 16px;
  padding: 0 70px;
}
.applicationReceipt_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}

.applicationReceiptRecommend_content {
  padding: 52px 48px 32px 48px;
  position: relative;
  height: 388px;
}
.applicationReceiptRecommend_content .flex {
  display: flex;
}
.applicationReceiptRecommend_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-bottom: 31px;
}
.applicationReceiptRecommend_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.applicationReceiptRecommend_content .bannerTip {
  position: relative;
  height: 28px;
}
.applicationReceiptRecommend_content .bannerTip .vipBannerBg {
  display: none;
  position: absolute;
  width: 504px;
  height: 28px;
}
.applicationReceiptRecommend_content .bannerTip .vipIcon {
  position: absolute;
  z-index: 10;
  top: 7px;
  width: 18px;
  height: 14px;
  margin-left: 10px;
  margin-right: 8px;
}
.applicationReceiptRecommend_content .bannerTip .vipTip {
  cursor: pointer;
  position: absolute;
  top: 5.5px;
  left: 36px;
  display: none;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FDD6AF;
  line-height: 17px;
}
.applicationReceiptRecommend_content .bannerTip .notVipTip {
  cursor: pointer;
  position: absolute;
  display: none;
  padding-left: 36px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FA8919;
  line-height: 28px;
  background: #FFFBF6;
  border-radius: 15px;
  border: 1px solid #FFC58C;
}
.applicationReceiptRecommend_content .bannerTip .notVipTip:hover {
  color: #FBA34B;
}
.applicationReceiptRecommend_content .applicationReceiptTextareaRecommend {
  margin-top: 12px;
  margin-bottom: 4px;
  width: 504px;
  height: 138px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 12px;
  box-sizing: border-box;
  display: block;
  background: #FEFEFF;
}
.applicationReceiptRecommend_content textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.applicationReceiptRecommend_content .strLength {
  text-align: right;
  color: #A9A9A9;
  font-size: 14px;
}
.applicationReceiptRecommend_content .allCheckoutPhoneArea {
  margin-bottom: 34px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
.applicationReceiptRecommend_content .allCheckoutPhoneArea .phoneCheckBox {
  display: flex;
  align-items: center;
}
.applicationReceiptRecommend_content .allCheckoutPhoneArea .phoneCheckBox .checkEmptyBox {
  display: none;
  margin-right: 8px;
  color: #ddd;
  font-size: 18px;
}
.applicationReceiptRecommend_content .allCheckoutPhoneArea .phoneCheckBox .checkedBox {
  display: block;
  margin-right: 8px;
  font-size: 18px;
}
.applicationReceiptRecommend_content .allCheckoutPhoneArea .phoneCheckBox .allowShowMyPhone {
  height: 20px;
  line-height: 20px;
  color: #333333;
}
.applicationReceiptRecommend_content .btns {
  justify-content: center;
  padding: 0 70px;
  user-select: none;
}
.applicationReceiptRecommend_content .btns .btn {
  width: 110px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.applicationReceiptRecommend_content .btns .applicationReceiptConsider {
  height: 36px;
  line-height: 36px;
  border: 1px solid #DCDFE6;
  background-color: #fff;
  font-size: 12px;
  color: #606266;
  margin-right: 10px;
}
.applicationReceiptRecommend_content .btns .applicationReceiptConsider:hover {
  height: 36px;
  line-height: 36px;
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  font-size: 12px;
  color: #FA8919;
}
.applicationReceiptRecommend_content .btns .applicationReceiptBtn {
  width: 110px;
  min-width: 110px;
  height: 36px;
  line-height: 36px;
}

.applyClueDialog {
  padding: 52px 48px 32px 48px;
  position: relative;
  box-sizing: border-box;
}
.applyClueDialog .line {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
}
.applyClueDialog .line span {
  padding: 0 16px;
  color: #4A4A4A;
  background-color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
.applyClueDialog .container {
  margin-top: 35px;
  margin-bottom: 32px;
}
.applyClueDialog .container .applyTip {
  margin-bottom: 20px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.applyClueDialog .container .applyTip .tip {
  margin-top: 6px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.applyClueDialog .container .applyTip .applyText {
  height: 44px;
}
.applyClueDialog .container .address {
  padding: 10px 14px;
  width: 464px;
  height: 64px;
  background: #F8F8F8;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.applyClueDialog .container .address a {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  text-decoration: underline;
}
.applyClueDialog .footer {
  display: flex;
  align-items: center;
  height: 36px;
}
.applyClueDialog .footer .left {
  margin-right: 44px;
}
.applyClueDialog .footer .left .closeApplyClueDialog {
  height: 36px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 36px;
}
.applyClueDialog .footer .left .closeApplyClueDialog .applyClueDialog-done.ibass-done {
  display: none;
  color: #f18933;
  line-height: 36px;
  margin-right: 4px;
}
.applyClueDialog .footer .left .closeApplyClueDialog .applyClueDialog-check {
  line-height: 36px;
  margin-right: 4px;
}
.applyClueDialog .footer .right {
  display: flex;
}
.applyClueDialog .footer .right .cancelApplyClueBtn {
  cursor: pointer;
  user-select: none;
  margin-right: 10px;
  width: 110px;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #606266;
  text-align: center;
  line-height: 36px;
}
.applyClueDialog .footer .right .cancelApplyClueBtn:hover {
  background: #FFFAF6;
  border-radius: 20px;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.applyClueDialog .footer .right .confirmApplyClueBtn {
  cursor: pointer;
  user-select: none;
  width: 110px;
  height: 36px;
  background: #FA8919;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
}
.applyClueDialog .footer .right .confirmApplyClueBtn:hover {
  background: #FA9A2A;
  color: #FFFFFF;
}

.applyClueResultDialog {
  padding: 40px;
  padding-bottom: 0;
  position: relative;
  box-sizing: border-box;
}
.applyClueResultDialog .line {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 9px;
}
.applyClueResultDialog .line span {
  padding: 0 16px;
  color: #4A4A4A;
  background-color: #fff;
  display: inline-block;
  font-size: 16px;
}
.applyClueResultDialog .container {
  margin-top: 35px;
  margin-bottom: 32px;
}
.applyClueResultDialog .container .applyTip {
  margin-bottom: 20px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.applyClueResultDialog .container .applyTip .row {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.applyClueResultDialog .container .applyTip .row img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.applyClueResultDialog .container .address {
  padding: 10px 14px;
  width: 464px;
  height: 64px;
  background: #F8F8F8;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.applyClueResultDialog .container .address a {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  text-decoration: underline;
}
.applyClueResultDialog .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
}
.applyClueResultDialog .footer .right {
  display: flex;
  align-items: center;
}
.applyClueResultDialog .footer .right .confirmApplyClueResultBtn {
  cursor: pointer;
  user-select: none;
  width: 110px;
  height: 36px;
  background: #FA8919;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
}
.applyClueResultDialog .footer .right .confirmApplyClueResultBtn:hover {
  background: #FA9A2A;
  color: #FFFFFF;
}

.attestation .ngdialog-content {
  border: 0 !important;
  background: #ffffff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1) !important;
}

.authentication_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.authentication_content .title {
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  margin-left: 35px;
  margin-top: 16px;
}
.authentication_content .text {
  font-size: 12px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 17px;
  margin-top: 12px;
  margin-left: 35px;
}
.authentication_content .flex {
  display: flex;
}
.authentication_content .btns {
  justify-content: space-around;
  margin-top: 16px;
}
.authentication_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.authentication_content_btn {
  width: 280px;
  margin: 0 auto;
}
.authentication.ngdialog.ngdialog-theme-default .ngdialog-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 180px;
}

.cancelOrder_content {
  height: 250px;
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.cancelOrder_content .flex {
  display: flex;
}
.cancelOrder_content .cancelOrderClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.cancelOrder_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.cancelOrder_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.cancelOrder_content .textContent {
  padding-top: 30px;
  padding-left: 10px;
  font-size: 14px;
}
.cancelOrder_content .textContent p {
  margin-bottom: 2px;
}
.cancelOrder_content .singleCheckArea {
  margin-top: 20px;
  font-size: 14px;
  padding-left: 11px;
  user-select: none;
}
.cancelOrder_content .singleCheckArea .ibass-task-check {
  color: #ddd;
}
.cancelOrder_content .singleCheckArea .ibass-done {
  color: #FA8919;
}
.cancelOrder_content .singleCheckArea .disabledInput {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.cancelOrder_content .singleCheckArea textarea {
  margin-top: 10px;
  width: 480px;
  height: 80px;
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 12px;
  box-sizing: border-box;
  display: block;
  background: #FEFEFF;
  resize: none;
}
.cancelOrder_content .singleCheckArea .textLength {
  text-align: right;
  color: #A9A9A9;
  padding-right: 17px;
  font-size: 14px;
}
.cancelOrder_content .singleCheckArea .row1,
.cancelOrder_content .singleCheckArea .row2,
.cancelOrder_content .singleCheckArea .row3,
.cancelOrder_content .singleCheckArea .row4 {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 2px;
}
.cancelOrder_content .singleCheckArea .row1-check {
  display: block;
  margin-right: 5px;
}
.cancelOrder_content .singleCheckArea .row1-done {
  display: none;
  margin-right: 5px;
  color: '#fa8919';
}
.cancelOrder_content .singleCheckArea .row2-check {
  display: block;
  margin-right: 5px;
}
.cancelOrder_content .singleCheckArea .row2-done {
  display: none;
  margin-right: 5px;
  color: '#fa8919';
}
.cancelOrder_content .singleCheckArea .row3-check {
  display: block;
  margin-right: 5px;
}
.cancelOrder_content .singleCheckArea .row3-done {
  display: none;
  margin-right: 5px;
  color: '#fa8919';
}
.cancelOrder_content .singleCheckArea .row4-check {
  display: block;
  margin-right: 5px;
}
.cancelOrder_content .singleCheckArea .row4-done {
  display: none;
  margin-right: 5px;
  color: '#fa8919';
}
.cancelOrder_content .btns {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 15px;
  padding: 0 70px;
  user-select: none;
}
.cancelOrder_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
  margin-right: 10px;
}
.cancelOrder_content .btns .btn .cancelOrderConsider {
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #ffff;
  margin-right: 10px;
}
.cancelOrder_content .btns .btn .cancelOrderConsider:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.cancelOrder_content .btns .cancelOrderConsider {
  border: 1px solid #DCDFE6;
  background-color: #fff;
  color: #606266;
}
.cancelOrder_content .btns .cancelOrderConsider:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}

.cancelOrderToast_content {
  height: 186px;
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.cancelOrderToast_content .flex {
  display: flex;
}
.cancelOrderToast_content .cancelOrderToastClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.cancelOrderToast_content .toastText {
  font-size: 16px;
  color: #4A4A4A;
  line-height: 22px;
  text-align: center;
  padding-top: 46px;
}

.caseAreaError_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.caseAreaError_content .flex {
  display: flex;
  justify-content: center;
}
.caseAreaError_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.caseAreaError_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.caseAreaError_content .mainBody {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.caseAreaError_content .btns {
  cursor: pointer;
  user-select: none;
}
.caseAreaError_content .btns .caseAreaErrorConfirm {
  width: 130px;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  color: #606266;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
}
.caseAreaError_content .btns .caseAreaErrorConfirm:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}

.caseNote_content {
  padding: 52px 48px 32px 48px;
  position: relative;
  box-sizing: border-box;
}
.caseNote_content .flex {
  display: flex;
}
.caseNote_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
}
.caseNote_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.caseNote_content .helpContent {
  padding-top: 35px;
  font-size: 14px;
}
.caseNote_content .helpContent .tip {
  margin-bottom: 16px;
  padding: 10px 13px;
  width: 504px;
  height: 54px;
  background: #FFFBF6;
  border-radius: 6px;
  border: 1px solid #FFC58C;
  letter-spacing: .4px;
}
.caseNote_content .helpContent .tip p {
  line-height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FA8919;
}
.caseNote_content .helpContent .areaTitile {
  display: flex;
  align-items: center;
  height: 20px;
}
.caseNote_content .helpContent span {
  display: inline-block;
  line-height: 23px;
}
.caseNote_content .helpContent .tipStart {
  height: 20px;
  color: red;
}
.caseNote_content .helpContent .tipTitle {
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
}
.caseNote_content .helpContent .note-text {
  margin-top: 10px;
  margin-bottom: 4px;
  width: 504px;
  height: 138px;
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 12px;
  box-sizing: border-box;
  display: block;
  background: #FEFEFF;
  resize: none;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.caseNote_content .helpContent textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A9A9A9;
}
.caseNote_content .helpContent .noteTextLength {
  height: 20px;
  line-height: 20px;
  text-align: right;
  color: #A9A9A9;
  font-size: 14px;
}
.caseNote_content .btns {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding: 0 70px;
  user-select: none;
}
.caseNote_content .btns .btn {
  width: 110px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
  margin-right: 10px;
}
.caseNote_content .btns .cancelCaseNoteConsider {
  border: 1px solid #DCDFE6;
  background-color: #fff;
  color: #606266;
}
.caseNote_content .btns .cancelCaseNoteConsider:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.caseNote_content .btns .caseNoteConfirm {
  width: 110px;
  min-width: 110px;
}

.completeService_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.completeService_content .flex {
  display: flex;
}
.completeService_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.completeService_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.completeService_content .showText {
  color: #4A4A4A;
  line-height: 20px;
  font-size: 14px;
  padding: 33px 14px 0;
  font-weight: 400;
}
.completeService_content .btns {
  justify-content: space-around;
  margin-top: 24px;
  padding: 0 60px;
}
.completeService_content .btns .completeServiceConsider {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}

.confirmChange_content {
  height: 250px;
  padding: 32px 48px 32px;
  position: relative;
  box-sizing: border-box;
}
.confirmChange_content .flex {
  display: flex;
}
.confirmChange_content .cancelOrderClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.confirmChange_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.confirmChange_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.confirmChange_content .textContent {
  text-align: center;
  padding-top: 33px;
  font-size: 14px;
}
.confirmChange_content .textContent .productInfo {
  margin-bottom: 8px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
}
.confirmChange_content .textContent .exchangeTip {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.confirmChange_content .btns {
  justify-content: center;
  margin-top: 32px;
  padding: 0 70px;
}
.confirmChange_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.confirmChange_content .btns .btnGroup {
  display: flex;
}
.confirmChange_content .btns .btnGroup .cancelChangeConsider {
  margin-right: 10px;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #ffff;
}
.confirmChange_content .btns .btnGroup .cancelChangeConsider:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}

.confirmCooperation_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.confirmCooperation_content .flex {
  display: flex;
}
.confirmCooperation_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.confirmCooperation_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.confirmCooperation_content .showText {
  color: #4A4A4A;
  line-height: 20px;
  font-size: 14px;
  padding: 33px 14px 0;
  font-weight: 400;
}
.confirmCooperation_content .bond {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  margin-top: 10px;
}
.confirmCooperation_content .bond i {
  position: relative;
  top: 3px;
  cursor: pointer;
}
.confirmCooperation_content .bond .ibass-done {
  color: #FA8919;
}
.confirmCooperation_content .bondInput {
  margin-top: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 400;
  color: #4A4A4A;
  display: none;
  padding-right: 14px;
  font-size: 14px;
}
.confirmCooperation_content .bondInput .inputBond {
  width: 300px;
  height: 32px;
  background: #FEFEFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 14px;
}
.confirmCooperation_content .bondInput span {
  position: absolute;
  right: 42px;
  top: 6px;
  font-size: 14px;
  line-height: 20px;
}
.confirmCooperation_content .bondInput ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 14px;
  color: #A9A9A9;
}
.confirmCooperation_content .btns {
  display: flex;
  margin-top: 24px;
  padding: 0 60px;
  justify-content: center !important;
}
.confirmCooperation_content .btns .confirmCooperationClose {
  margin-right: 10px;
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}

.confirmCooperation_content {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 25px;
}
.confirmCooperation_content .flex {
  display: flex;
}
.confirmCooperation_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.confirmCooperation_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.confirmCooperation_content .content {
  padding-top: 20px;
  text-align: center;
}
.confirmCooperation_content .content .showText {
  color: #4A4A4A;
  font-size: 13px;
  padding: 0;
  font-weight: 400;
}
.confirmCooperation_content .content .heightLight {
  color: #FA8919;
  font-size: 13px;
  font-weight: 400;
}
.confirmCooperation_content .bond {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  margin-top: 10px;
}
.confirmCooperation_content .bond i {
  position: relative;
  top: 3px;
  cursor: pointer;
}
.confirmCooperation_content .bond .ibass-done {
  color: #FA8919;
}
.confirmCooperation_content .bondInput {
  margin-top: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 400;
  color: #4A4A4A;
  display: none;
  padding-right: 14px;
  font-size: 14px;
}
.confirmCooperation_content .bondInput .inputBond {
  width: 300px;
  height: 32px;
  background: #FEFEFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 14px;
}
.confirmCooperation_content .bondInput span {
  position: absolute;
  right: 42px;
  top: 6px;
  font-size: 14px;
  line-height: 20px;
}
.confirmCooperation_content .bondInput ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 14px;
  color: #A9A9A9;
}
.confirmCooperation_content .btns {
  justify-content: space-around;
  margin-top: 24px;
  padding: 0 60px;
}
.confirmCooperation_content .btns .confirmCooperationClose {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}

.confirmReceip_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.confirmReceip_content .flex {
  display: flex;
}
.confirmReceip_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.confirmReceip_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.confirmReceip_content .showText {
  color: #4A4A4A;
  line-height: 20px;
  font-size: 14px;
  padding: 33px 14px 0;
  font-weight: 400;
}
.confirmReceip_content .bond {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  margin-top: 10px;
}
.confirmReceip_content .bond i {
  position: relative;
  top: 3px;
  cursor: pointer;
}
.confirmReceip_content .bond .ibass-done {
  color: #FA8919;
}
.confirmReceip_content .bondInput {
  margin-top: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 400;
  color: #4A4A4A;
  padding-right: 16px;
  font-size: 14px;
}
.confirmReceip_content .bondInput .inputBond {
  width: 300px;
  height: 32px;
  background: #FEFEFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 14px;
}
.confirmReceip_content .bondInput span {
  position: absolute;
  right: 42px;
  top: 6px;
  font-size: 14px;
  line-height: 20px;
}
.confirmReceip_content .bondInput ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 14px;
  color: #A9A9A9;
}
.confirmReceip_content .btns {
  justify-content: space-around;
  margin-top: 24px;
  padding: 0 60px;
}
.confirmReceip_content .btns .confirmReceiptConsider {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}

.exchangeState_content .successArea {
  display: none;
}
.exchangeState_content .successArea img {
  margin-left: 90px;
  margin-right: 90px;
  margin-top: 30px;
  margin-bottom: 14px;
  width: 40px;
  height: 40px;
}
.exchangeState_content .successArea p {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.exchangeState_content .failArea {
  display: none;
}
.exchangeState_content .failArea img {
  margin-left: 90px;
  margin-right: 90px;
  margin-top: 30px;
  margin-bottom: 14px;
  width: 40px;
  height: 40px;
}
.exchangeState_content .failArea p {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.mallTip_content {
  padding: 32px 49px 32px;
  position: relative;
  box-sizing: border-box;
}
.mallTip_content .flex {
  display: flex;
}
.mallTip_content .cancelOrderClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.mallTip_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.mallTip_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.mallTip_content .mallTipInfo {
  overflow-y: scroll;
  height: 212px;
}
.mallTip_content .mallTipInfo .taskInfoItem {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
}
.mallTip_content .mallTipInfo .taskInfoItem .taskItemText {
  width: 472px;
  text-align: justify;
}
.mallTip_content .mallTipInfo .taskInfoItem .point {
  margin-top: 7px;
  margin-right: 7px;
  align-self: flex-start;
  flex-shrink: 0;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50%;
  background-color: #FA8919;
}
.mallTip_content .mallTipInfo::-webkit-scrollbar {
  width: 8px;
  height: 16px;
  background-color: #ffffff;
}
.mallTip_content .mallTipInfo::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #eee;
}
.mallTip_content .mallTipInfo::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
}
.mallTip_content .btns {
  justify-content: space-around;
  margin-top: 40px;
  padding: 0 70px;
}
.mallTip_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.mallTip_content .btns .confirmMallInfoTipBtn {
  width: 110px;
  height: 36px;
  background: #FA8919;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.mallTip_content .btns .confirmMallInfoTipBtn:hover {
  background: #FA9A2A;
  color: #FFFFFF;
}

.newFunction {
  padding: 24px;
  position: relative;
  box-sizing: border-box;
}
.newFunction .line {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 735px;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 9px;
}
.newFunction .line span {
  margin-left: 23px;
  padding: 0 16px;
  color: #4A4A4A;
  background-color: #fff;
  display: inline-block;
  font-size: 16px;
}
.newFunction .line i {
  cursor: pointer;
  position: absolute;
  right: 22px;
}
.newFunction .line i:hover {
  color: #6c6c6c;
}
.newFunction .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.newFunction .container img {
  margin-top: 30px;
  width: 760px;
  height: 408px;
}
.newFunction .container .functionImg {
  display: none;
}
.newFunction .container .btnArea {
  display: flex;
  align-items: center;
}
.newFunction .container .btnArea .nextStep {
  display: none;
  cursor: pointer;
  user-select: none;
  margin-top: 16px;
  width: 80px;
  height: 32px;
  background: #FA8919;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 32px;
}
.newFunction .container .btnArea .nextStep:hover {
  background: #fa9a2a;
  color: #ffff;
}
.newFunction .container .btnArea .finishStep {
  display: none;
  cursor: pointer;
  margin-top: 16px;
  margin-right: 16px;
  width: 80px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #606266;
  line-height: 32px;
  text-align: center;
}
.newFunction .container .btnArea .finishStep:hover {
  border: 1px solid #FA8919;
  background: #FFFAF6;
  color: #FA8919;
}
.newFunction .container .btnArea .prevStep {
  display: none;
  cursor: pointer;
  margin-top: 16px;
  margin-right: 16px;
  width: 80px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #606266;
  line-height: 32px;
  text-align: center;
}
.newFunction .container .btnArea .prevStep:hover {
  border: 1px solid #FA8919;
  background: #FFFAF6;
  color: #FA8919;
}
.newFunction .container .btnArea .moreInfo {
  display: none;
  cursor: pointer;
  user-select: none;
  margin-top: 16px;
  width: 80px;
  height: 32px;
  background: #FA8919;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 32px;
}
.newFunction .container .btnArea .moreInfo:hover {
  background: #fa9a2a;
  color: #ffff;
}

.notAuthenticatedUserOpenVip_content {
  height: 235px;
  padding: 32px 48px 32px;
  position: relative;
  box-sizing: border-box;
}
.notAuthenticatedUserOpenVip_content .flex {
  display: flex;
}
.notAuthenticatedUserOpenVip_content .cancelOrderClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.notAuthenticatedUserOpenVip_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.notAuthenticatedUserOpenVip_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.notAuthenticatedUserOpenVip_content .textContent {
  text-align: center;
  padding-top: 33px;
  font-size: 14px;
}
.notAuthenticatedUserOpenVip_content .textContent .productInfo {
  margin-bottom: 8px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
}
.notAuthenticatedUserOpenVip_content .textContent .exchangeTip {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.notAuthenticatedUserOpenVip_content .btns {
  justify-content: center;
  margin-top: 52px;
  padding: 0 70px;
}
.notAuthenticatedUserOpenVip_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.notAuthenticatedUserOpenVip_content .btns .btnGroup {
  display: flex;
}
.notAuthenticatedUserOpenVip_content .btns .btnGroup .cancelAuthenticatedUserOpenVipConsider {
  margin-right: 10px;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #ffff;
}
.notAuthenticatedUserOpenVip_content .btns .btnGroup .cancelAuthenticatedUserOpenVipConsider:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}

.polishCase_content {
  padding: 52px 48px 32px 48px;
  position: relative;
  box-sizing: border-box;
}
.polishCase_content .flex {
  display: flex;
}
.polishCase_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
}
.polishCase_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.polishCase_content .countRow1,
.polishCase_content .countRow2 {
  text-align: center;
  color: #4A4A4A;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
}
.polishCase_content .countRow1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  line-height: 25px;
  margin-top: 51px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: bold;
}
.polishCase_content .countRow1 .polistCount {
  margin: 0 6px;
  padding-bottom: 3px;
  font-size: 24px;
  font-family: AppleSystemUIFont;
  color: #FA8919;
}
.polishCase_content .countRow2 {
  height: 17px;
  line-height: 17px;
  margin-bottom: 32px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.polishCase_content .btns {
  display: flex;
  margin-top: 24px;
  padding: 0 60px;
  justify-content: center !important;
}
.polishCase_content .btns .polishCaseBtn {
  margin-right: 10px;
  width: 104px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  background: #FA8919;
  cursor: pointer;
}
.polishCase_content .btns .polishCaseBtn:hover {
  cursor: pointer;
  background: #FA9A2A;
  color: #FFFFFF;
}
.polishCase_content .btns .polishCaseClose {
  cursor: pointer;
  width: 110px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  margin-right: 10px;
}
.polishCase_content .btns .polishCaseClose:hover {
  height: 36px;
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  font-size: 12px;
  color: #FA8919;
}

.polishFail_content {
  padding: 52px 48px 32px 48px;
}
.polishFail_content .flex {
  display: flex;
}
.polishFail_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
}
.polishFail_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.polishFail_content .failArea {
  display: none;
}
.polishFail_content .failArea img {
  margin-left: 131px;
  margin-top: 50px;
  width: 243px;
  height: 63px;
  vertical-align: bottom;
}
.polishFail_content .failArea .errorText {
  height: 25px;
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 32px;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #343437;
}
.polishFail_content .failArea .polishFialConfirm {
  cursor: pointer;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  margin-left: 203px;
  width: 98px;
  height: 36px;
  border: 1px solid #DCDFE6;
}
.polishFail_content .failArea .polishFialConfirm:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}

.recommendLawyerDialog_content {
  padding: 59px 48px 42px 48px;
}
.recommendLawyerDialog_content .flex {
  display: flex;
}
.recommendLawyerDialog_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 0px;
}
.recommendLawyerDialog_content .line span {
  background-color: #fff;
  display: inline-block;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.recommendLawyerDialog_content .line .totalLawyer {
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FA8919;
}
.recommendLawyerDialog_content .tip {
  height: 20px;
  line-height: 20px;
  margin-top: 21px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  text-align: center;
}
.recommendLawyerDialog_content .vipTip {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 20px;
  width: 664px;
  height: 28px;
  background: #FFFBF6;
  border-radius: 15px;
}
.recommendLawyerDialog_content .vipTip .vipIcon {
  position: absolute;
  margin-left: 10px;
  margin-right: 8px;
  width: 18px;
  height: 14px;
}
.recommendLawyerDialog_content .vipTip span {
  position: absolute;
  left: 36px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FDD6AF;
}
.recommendLawyerDialog_content .vipTip .vipBannerBg {
  position: absolute;
  width: 664px;
  height: 28px;
}
.recommendLawyerDialog_content .notVipTip {
  cursor: pointer;
  display: none;
  align-items: center;
  margin-top: 20px;
  width: 664px;
  height: 28px;
  background: #FFFBF6;
  border-radius: 15px;
  border: 1px solid #FFC58C;
}
.recommendLawyerDialog_content .notVipTip .vipIcon {
  margin-left: 10px;
  margin-right: 8px;
  width: 18px;
  height: 14px;
}
.recommendLawyerDialog_content .notVipTip span {
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FA8919;
}
.recommendLawyerDialog_content .notVipTip:hover span {
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FBA34B;
}
.recommendLawyerDialog_content .lawyerListArea {
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 664px;
  height: 260px;
  border-radius: 8px;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem {
  width: 210px;
  height: 260px;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  margin-right: 17px;
  transition: all 1s;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .imgArea {
  position: relative;
  margin-left: 82px;
  margin-top: 20px;
  width: 46px;
  height: 46px;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .imgArea .vipCircle {
  width: 46px;
  height: 46px;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .imgArea .userHeadImg {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .userName {
  height: 22px;
  line-height: 22px;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .officeName {
  height: 17px;
  line-height: 17px;
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .purpose {
  height: 17px;
  line-height: 17px;
  text-align: center;
  margin-top: 18px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .info {
  margin-left: 29px;
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  width: 152px;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .info .localItem {
  margin-right: 10px;
  width: 71px;
  height: 20px;
  background: #FFFBF6;
  border-radius: 2px;
  border: 1px solid #ffc58c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FA8919;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .info .type {
  padding: 0 4px;
  width: 72px;
  height: 20px;
  background: #FFFBF6;
  border-radius: 2px;
  border: 1px solid #ffc58c;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FA8919;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .info .localItemGray,
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .info .typeGray {
  color: #999999;
  border: 1px solid #EBEBEB;
  background: #FFFFFF;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .sendBtn {
  cursor: pointer;
  margin-left: 61px;
  margin-top: 19px;
  margin-bottom: 24px;
  width: 92px;
  height: 28px;
  background: #FA8919;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
  text-align: center;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .sendBtn:hover {
  background: #FA9A2A;
  color: #FFFFFF;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem .sendedBtn {
  display: none;
  cursor: not-allowed;
  margin-left: 71px;
  margin-top: 19px;
  margin-bottom: 24px;
  width: 68px;
  height: 28px;
  line-height: 28px;
  background: #EBEBEE;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem:hover {
  background: #FFFBF6;
  border: 1px solid #FA8919;
}
.recommendLawyerDialog_content .lawyerListArea .lawyerItem:nth-child(3n) {
  margin-right: 0;
}
.recommendLawyerDialog_content .lawyerListArea .sendedItem {
  background: #F8F8F8;
}
.recommendLawyerDialog_content .lawyerListArea .sendedItem:hover {
  border: 1px solid #EBEBEB;
  background-color: #F8F8F8;
}
.recommendLawyerDialog_content .c1 {
  justify-content: space-evenly;
}
.recommendLawyerDialog_content .c2 {
  padding-left: 113.5px;
}
.recommendLawyerDialog_content .c3 {
  justify-content: space-between;
}
.recommendLawyerDialog_content .pagination {
  visibility: hidden;
  margin-top: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recommendLawyerDialog_content .pagination .leftArea,
.recommendLawyerDialog_content .pagination .rightArea {
  display: flex;
  align-items: center;
  width: 90px;
  height: 30px;
}
.recommendLawyerDialog_content .pagination .leftArea .myIcon,
.recommendLawyerDialog_content .pagination .rightArea .myIcon {
  font-size: 16px;
  color: #CDC8C5;
  padding-top: 3px;
}
.recommendLawyerDialog_content .pagination .leftArea .prev,
.recommendLawyerDialog_content .pagination .rightArea .prev,
.recommendLawyerDialog_content .pagination .leftArea .next,
.recommendLawyerDialog_content .pagination .rightArea .next {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #737373;
}
.recommendLawyerDialog_content .pagination .leftArea .next,
.recommendLawyerDialog_content .pagination .rightArea .next {
  margin-right: 14px;
}
.recommendLawyerDialog_content .pagination .leftArea .prev,
.recommendLawyerDialog_content .pagination .rightArea .prev {
  margin-left: 14px;
}
.recommendLawyerDialog_content .pagination .leftArea {
  padding-left: 5px;
  margin-right: 14px;
}
.recommendLawyerDialog_content .pagination .rightArea {
  align-self: flex-end;
  padding-left: 13px;
  padding-right: 5px;
}
.recommendLawyerDialog_content .pagination .leftArea:hover {
  background: #f8f8f9;
  border-radius: 5px;
  color: #ed6c00;
}
.recommendLawyerDialog_content .pagination .leftArea:hover .myIcon,
.recommendLawyerDialog_content .pagination .leftArea:hover .prev {
  color: #ed6c00;
}
.recommendLawyerDialog_content .pagination .rightArea:hover {
  background: #f8f8f9;
  border-radius: 5px;
}
.recommendLawyerDialog_content .pagination .rightArea:hover .myIcon,
.recommendLawyerDialog_content .pagination .rightArea:hover .next {
  color: #ed6c00;
}

.refuseContentCen {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.refuseContentCen .myOffer {
  align-items: center;
  position: relative;
  color: #4a4a4a;
  font-size: 14px;
  width: 410px;
  margin: auto;
}
.refuseContentCen .myOffer input {
  width: 300px;
  height: 32px;
  background: #FEFEFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  box-sizing: border-box;
  padding: 0 16px;
  margin-left: 10px;
}
.refuseContentCen .myOffer ::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.refuseContentCen .myOffer div span {
  position: absolute;
  right: 40px;
  top: 6px;
}
.refuseContentCen .tags {
  color: #4a4a4a;
  font-size: 14px;
  margin: auto;
  margin-top: 10px;
  width: 410px;
}
.refuseContentCen .tags .item {
  margin-right: 50px;
}
.refuseContentCen .tags i {
  position: relative;
  top: 2px;
  color: #CDC9C5;
  cursor: pointer;
  font-size: 16px;
}
.refuseContentCen .tags .active {
  color: #FA8919;
}
.refuseContentCen .flex {
  display: flex;
}
.refuseContentCen .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
  margin-bottom: 26px;
}
.refuseContentCen .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.refuseContentCen .boxrefuse {
  padding-left: 30px;
}
.refuseContentCen .applicationReceiptTextareaRecommend {
  width: 410px;
  height: 104px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 12px;
  box-sizing: border-box;
  display: block;
  background: #FEFEFF;
  margin: 6px auto 0;
}
.refuseContentCen textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.refuseContentCen .strLength {
  text-align: right;
  color: #A9A9A9;
  padding-right: 28px;
  font-size: 14px;
}
.refuseContentCen .btns {
  justify-content: space-around;
  margin-top: 16px;
  padding: 0 70px;
}
.refuseContentCen .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.red {
  color: red;
}

.releaseType_content {
  height: 224px;
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.releaseType_content .flex {
  display: flex;
}
.releaseType_content .releaseTypeClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.releaseType_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.releaseType_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.releaseType_content .btns {
  justify-content: space-around;
  margin-top: 66px;
}
.releaseType_content .releaseTypeBtn.item {
  width: 96px;
  height: 32px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #B6BBC5;
  color: #666;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  font-size: 14px;
}
.releaseType_content .releaseTypeBtn.item:hover {
  background: #FFFBF8;
  border: 1px solid #FF962E;
  color: #ED6C00;
}

.sendCaseOnly .ngdialog-content {
  border: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.serviceAgreement {
  padding-top: 3vh !important;
  padding-bottom: 3vh !important;
}
.serviceAgreement .content {
  padding: 40px 60px;
  max-height: 94vh;
  box-sizing: border-box;
  overflow: auto;
}
.serviceAgreement .content h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
  font-weight: 600;
}
.serviceAgreement .content .tar {
  text-align: right;
}
.serviceAgreement .content .tac {
  text-align: center;
}
.serviceAgreement .content p {
  line-height: 2.3;
}
.serviceAgreement .content h3 {
  font-size: 1.2em;
}

.successGetBean_content img {
  margin-left: 90px;
  margin-right: 90px;
  margin-top: 30px;
  margin-bottom: 14px;
  width: 40px;
  height: 40px;
}
.successGetBean_content p {
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FA8919;
}

.weekTaskTip_content {
  padding: 32px 49px 32px;
  position: relative;
  box-sizing: border-box;
}
.weekTaskTip_content .flex {
  display: flex;
}
.weekTaskTip_content .cancelOrderClose {
  position: absolute;
  right: 26px;
  top: 20px;
  cursor: pointer;
}
.weekTaskTip_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.weekTaskTip_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.weekTaskTip_content .taskInfo {
  overflow-y: scroll;
  height: 212px;
}
.weekTaskTip_content .taskInfo .taskInfoItem {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
}
.weekTaskTip_content .taskInfo .taskInfoItem .taskItemText {
  width: 472px;
  text-align: justify;
}
.weekTaskTip_content .taskInfo .taskInfoItem .point {
  margin-top: 7px;
  margin-right: 7px;
  align-self: flex-start;
  flex-shrink: 0;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50%;
  background-color: #FA8919;
}
.weekTaskTip_content .taskInfo::-webkit-scrollbar {
  width: 8px;
  height: 16px;
  background-color: #ffffff;
}
.weekTaskTip_content .taskInfo::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #eee;
}
.weekTaskTip_content .taskInfo::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
}
.weekTaskTip_content .btns {
  justify-content: space-around;
  margin-top: 40px;
  padding: 0 70px;
}
.weekTaskTip_content .btns .btn {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.weekTaskTip_content .btns .confirmTaskInfoTipBtn {
  width: 110px;
  height: 36px;
  background: #FA8919;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.weekTaskTip_content .btns .confirmTaskInfoTipBtn:hover {
  background: #FA9A2A;
  color: #FFFFFF;
}

.updateTargetAddress_content {
  padding: 32px 48px 32px;
  position: relative;
  box-sizing: border-box;
}
.updateTargetAddress_content .flex {
  display: flex;
  justify-content: center;
}
.updateTargetAddress_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.updateTargetAddress_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.updateTargetAddress_content .mainBody {
  margin-bottom: 18px;
  padding: 24px 87px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.updateTargetAddress_content .mainBody .title {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.updateTargetAddress_content .mainBody .title .redIcon {
  margin-left: 2px;
  color: #ff0000;
}
.updateTargetAddress_content .mainBody .inputArea {
  margin-bottom: 14px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.updateTargetAddress_content .mainBody .inputArea input {
  width: 330px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  padding-left: 10px;
  line-height: 33px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.updateTargetAddress_content .mainBody .inputArea input:hover {
  transition: all 1s;
  border: 1px solid #D1D1D1;
}
.updateTargetAddress_content .mainBody .inputArea input:focus {
  caret-color: #FA8919;
  border: 1px solid #FA8919;
}
.updateTargetAddress_content .mainBody .inputArea input::placeholder {
  font-size: 12px;
  line-height: 33px;
}
.updateTargetAddress_content .mainBody .inputArea .phoneTip,
.updateTargetAddress_content .mainBody .inputArea .addressTip,
.updateTargetAddress_content .mainBody .inputArea .nameTip {
  margin-top: 6px;
  visibility: hidden;
  color: #F56C6C;
  height: 20px;
  line-height: 20px;
  width: 100%;
  padding-left: 5px;
  font-size: 12px;
}
.updateTargetAddress_content .btns {
  margin-top: 2px;
  cursor: pointer;
  user-select: none;
}
.updateTargetAddress_content .btns .addressConsider {
  font-size: 12px;
  width: 130px;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  color: #606266;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
}
.updateTargetAddress_content .btns .addressConsider:hover {
  font-size: 12px;
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.updateTargetAddress_content .btns .addressConfirm {
  font-size: 12px;
  width: 130px;
  height: 36px;
  background: #FA8919;
  border-radius: 20px;
  color: #fff;
  line-height: 36px;
  text-align: center;
}
.updateTargetAddress_content .btns .addressConfirm:hover {
  font-size: 12px;
  background: #FA9A2A;
  color: #FFFFFF;
}

.updateTargetPhone_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.updateTargetPhone_content .flex {
  display: flex;
  justify-content: center;
}
.updateTargetPhone_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.updateTargetPhone_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.updateTargetPhone_content .mainBody {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.updateTargetPhone_content .mainBody .phoneInput {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 20px;
}
.updateTargetPhone_content .mainBody .phoneInput input {
  border-radius: 4px;
  width: 350px;
  height: 33px;
  background: #FEFEFF;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #D4D4D4;
  padding-left: 10px;
  line-height: 33px;
}
.updateTargetPhone_content .mainBody .phoneInput input::placeholder {
  font-size: 12px;
  line-height: 33px;
}
.updateTargetPhone_content .mainBody .phoneInput .phoneTip {
  visibility: hidden;
  color: #F56C6C;
  width: 100%;
  padding-left: 5px;
  font-size: 12px;
}
.updateTargetPhone_content .btns {
  cursor: pointer;
  user-select: none;
}
.updateTargetPhone_content .btns .checkPhoneConsider {
  font-size: 12px;
  width: 130px;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  color: #606266;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
}
.updateTargetPhone_content .btns .checkPhoneConsider:hover {
  font-size: 12px;
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.updateTargetPhone_content .btns .checkPhoneConfirm {
  font-size: 12px;
  width: 130px;
  height: 36px;
  background: #FA8919;
  border-radius: 20px;
  color: #fff;
  line-height: 36px;
  text-align: center;
}
.updateTargetPhone_content .btns .checkPhoneConfirm:hover {
  font-size: 12px;
  background: #FA9A2A;
  color: #FFFFFF;
}

.vipNewFunction .ngdialog-content {
  border-radius: 16px !important;
}
.vipNewFunctionDialog {
  position: relative;
  top: -1px;
  left: -1px;
  box-sizing: border-box;
  padding-top: 27px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  width: 808px;
  height: 556px;
  border-radius: 16px;
}
.vipNewFunctionDialog .vipTipBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 808px;
  height: 556px;
  z-index: -1;
}
.vipNewFunctionDialog .dialogTitle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vipNewFunctionDialog .dialogTitle div {
  height: 24px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 24px;
  background: linear-gradient(180deg, #fee8d2 0%, #fcb875 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vipNewFunctionDialog .dialogTitle .titleImg {
  width: 18px;
  height: 20px;
  margin-right: 10px;
}
.vipNewFunctionDialog .container {
  margin-top: 19px;
}
.vipNewFunctionDialog .container .functionImg {
  vertical-align: bottom;
  width: 760px;
  height: 408px;
}
.vipNewFunctionDialog .container .btnArea {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.vipNewFunctionDialog .container .btnArea .finishStepVipBtn {
  user-select: none;
  cursor: pointer;
  margin-right: 40px;
  width: 80px;
  height: 30px;
  background: #F4F4F4;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 30px;
  text-align: center;
}
.vipNewFunctionDialog .container .btnArea .finishStepVipBtn:hover {
  background-color: #E1E0DF;
}
.vipNewFunctionDialog .container .btnArea .jumpVipBtn {
  user-select: none;
  cursor: pointer;
  width: 80px;
  height: 30px;
  background: linear-gradient(135deg, #fee8d2 0%, #fcb875 100%);
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  text-align: center;
}
.vipNewFunctionDialog .container .btnArea .jumpVipBtn:hover {
  background: linear-gradient(135deg, #f0d1b2 0%, #ffaa56 100%);
}

.withdrawal_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
}
.withdrawal_content .flex {
  display: flex;
}
.withdrawal_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
}
.withdrawal_content .line span {
  background-color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 0 16px;
}
.withdrawal_content .showText {
  color: #4A4A4A;
  line-height: 20px;
  font-size: 14px;
  padding: 33px 14px 0;
  font-weight: 400;
  text-align: center;
  padding: 64px 0 24px;
}
.withdrawal_content .zfbAccount,
.withdrawal_content .money {
  display: none;
  align-items: center;
  margin: 48px 0 42px;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  position: relative;
}
.withdrawal_content .zfbAccount span,
.withdrawal_content .money span {
  position: absolute;
  right: 64px;
  top: 6px;
}
.withdrawal_content .zfbAccount input,
.withdrawal_content .money input {
  width: 300px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  margin-left: 10px;
  box-sizing: border-box;
  padding-left: 16px;
}
.withdrawal_content .zfbAccount ::-webkit-input-placeholder,
.withdrawal_content .money ::-webkit-input-placeholder {
  width: 140px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
}
.withdrawal_content .sureAccount {
  display: none;
  margin-top: 60px;
  margin-bottom: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 24px;
}
.withdrawal_content .btns {
  justify-content: space-around;
  margin-top: 24px;
  padding: 0 60px;
}
.withdrawal_content .btns .withdrawalConsider {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.withdrawal_content .btns .main-btn {
  display: none;
}
.withdrawal_content1 {
  display: none;
}
.withdrawal_content1 .withdrawalClose {
  position: absolute;
  top: 26px;
  right: 26px;
  cursor: pointer;
}
.withdrawal_content1 > div {
  width: 170px;
  font-size: 16px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 25px;
  margin: 0 auto;
  padding: 68px 0;
}

.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;
}
.check-approval-content .signatory {
  border-bottom: none;
}
.check-approval-content .signatory-item {
  border-bottom: 1px solid #ebebeb;
}
.check-approval-content .signatory-item .text {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.check-approval-content .file-wrap {
  min-height: 20px;
}
.check-approval-content .file-wrap .title {
  color: #999999;
  font-size: 12px;
  height: 20px;
  margin-top: 16px;
}
.check-approval-content .file-wrap .empty {
  padding: 4px 0px 16px;
  color: #4A4A4A;
  font-size: 14px;
}
.check-approval-content .file-wrap .contract-file-wrap,
.check-approval-content .file-wrap .sign-file-wrap {
  border-bottom: 1px solid #F0F0F0;
}
.signatory-tip {
  z-index: 10000;
  height: fit-content;
  max-width: 400px;
  word-break: break-all;
}

.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;
}

.check-approval-dialog {
  min-height: unset;
}
.check-approval-dialog .nfim-title {
  width: 500px;
}
.check-approval-dialog .contentBox {
  user-select: none;
  margin-top: 30px;
  padding: 0 25px;
}
.check-approval-dialog .contentBox .emptyTipText {
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px;
}
.check-approval-dialog .contentBox .tipText {
  color: gray;
  font-size: 14px;
}
.check-approval-dialog .contentBox .fileContentBox {
  margin-top: 20px;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem {
  display: flex;
  align-items: center;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem:hover {
  cursor: pointer;
  color: #fa8919;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem:hover .ibass-checkbox {
  color: #444;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem:hover .ibass-checked {
  color: #fa8919;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem .checkBoxItem {
  margin-right: 5px;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem .checkBoxItem.ibass-checked {
  color: #fa8919;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem .downloadFileName {
  font-size: 12px;
  margin-bottom: 5px;
}
.check-approval-dialog .contentBox .fileContentBox .fileItem:first-child {
  margin-top: 5px;
}
.check-approval-dialog .footerBox {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.check-approval-dialog .footerBox .btn {
  cursor: pointer;
  width: 100px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  text-align: center;
  font-size: 13px;
}
.check-approval-dialog .footerBox .cancelFileBtn {
  margin-right: 25px;
  border: solid 1px #cfc7c1;
}
.check-approval-dialog .footerBox .cancelFileBtn:hover {
  color: #FA8919;
  border-color: #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}
.check-approval-dialog .footerBox .confirmFileBtn {
  color: white;
  background-color: #fa8919;
}
.check-approval-dialog .footerBox .confirmFileBtn:hover {
  background-color: #FA9A2A;
}

.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%;
}
.custom-edit-for-others .content .disabled {
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
}
.custom-edit-for-others .content .disabled .ibass-trig-down {
  opacity: 0;
}
.custom-edit-for-others .content .disabled .disabled-block {
  position: absolute;
  inset: 0;
  cursor: not-allowed;
}
.custom-edit-for-others .content .error-tips {
  color: #F56C6C;
  font-size: 12px;
}

.approval-seal-operation {
  position: relative;
}
.approval-seal-operation span {
  color: #fa8919;
}
.approvers-dialog-data-files .reim-dialog-data-file > a,
.approvers-dialog-data-files .reim-dialog-data-file > div {
  display: flex;
}
.approvers-dialog-data-files .reim-dialog-data-file > a span,
.approvers-dialog-data-files .reim-dialog-data-file > div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.filing-files__wrap .filing-files__nav {
  padding: 11px 0px 11px 0px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.filing-files__wrap .filing-files__nav .ibass-filetype-folder {
  vertical-align: sub;
}
.filing-files__wrap .filing-files__nav--path {
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  line-height: 24px;
  font-weight: 400;
  width: calc(100% - 140px);
}
.filing-files__wrap .filing-files__nav--path span {
  color: #626266;
  font-weight: normal;
}
.filing-files__wrap .filing-files__nav--path span:last-child {
  color: #4a4a4a;
  font-weight: 500;
}
.filing-files__wrap .filing-files__nav--path .path:before {
  content: "/";
  color: #D9D9D9;
  margin: 0px 8px;
}
.filing-files__wrap .filing-files__nav .search-path {
  width: 100%;
}
.filing-files__wrap .filing-files__nav--count {
  width: 120px;
  display: inline-block;
  font-size: 14px;
  min-width: 80px;
}
.filing-files__wrap--normal {
  margin-top: 16px;
}
.filing-files__wrap--normal .file__table {
  border-collapse: collapse;
  width: 100%;
}
.filing-files__wrap--normal .file__table tr {
  line-height: 56px;
}
.filing-files__wrap--normal .file__table .doc-title:hover {
  background: #F0F0F0;
  box-shadow: 0px 1px 0px 0px #F0F0F0;
}
.filing-files__wrap--normal .file__table th {
  min-width: 5%;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 34px;
  cursor: pointer;
  user-select: none;
  text-align: left;
  color: #737373;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
}
.filing-files__wrap--normal .file__table th .ibass-trig-up,
.filing-files__wrap--normal .file__table th .ibass-trig-down {
  position: relative;
  top: 2px;
}
.filing-files__wrap--normal .file__table td {
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
  color: #333333;
}
.filing-files__wrap--normal .file__table td .doc-title__icon {
  vertical-align: sub;
}
.filing-files__wrap--normal .file__table td .tr-icon {
  margin-right: 8px;
}
.filing-files__wrap--normal .file__table td .firm-black-font {
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  user-select: none;
}
.filing-files__wrap--normal .file__table td .firm-black-font span {
  padding: 4px 0px;
}
.filing-files__wrap--normal .file__table td .file-preview-btn {
  padding: 3px 8px;
  cursor: pointer;
  user-select: none;
}
.filing-files__wrap--normal .file__table td .file-preview-btn::before {
  content: "\EA91";
  color: #666666;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.filing-files__wrap--normal .file__table td .file-preview-btn:hover {
  background: #FFFFFF;
  border-radius: 2px;
  color: #FF8200;
}
.filing-files__wrap--normal .file__table td .file-preview-btn:hover::before {
  color: #FF8200;
}
.filing-files__wrap--search {
  margin-top: 16px;
}
.filing-files__wrap--search .ibass-filetype-folder {
  color: #00D3DD;
}
.filing-files__wrap--search .search-result {
  padding: 0px 44px;
}
.filing-files__wrap--search .search-result b {
  color: #fa8919;
  font-size: 12px;
}
.filing-files__wrap--search .search-result li {
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  padding: 10px 0px;
}
.filing-files__wrap--search .search-result .title {
  position: relative;
  overflow: visible;
  margin: 5px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.filing-files__wrap--search .search-result .title cursor:pointer .titleicon {
  margin-right: 18px;
  vertical-align: middle;
  position: absolute;
  font-size: 20px;
  left: -36px;
  line-height: 30px;
}
.filing-files__wrap--search .search-result .title .titletext {
  overflow: hidden;
  text-overflow: ellipsis;
}
.filing-files__wrap--search .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;
}
.filing-files__wrap--search .search-result .title .group i {
  color: #fdba78;
  margin-right: 10px;
}
.filing-files__wrap--search .search-result .title .group i:hover {
  color: #fa8919;
}
.filing-files__wrap--search .search-result li:hover .group {
  visibility: visible;
}
.filing-files__wrap--search .search-result .dpt {
  font-size: 12px;
  line-height: 1.33;
  color: #4a4a4a;
}
.filing-files__wrap--search .search-result .dpt .url span {
  word-break: break-all;
  color: #a9a9a9;
}
.filing-files__wrap--search .search-result .dpt .size {
  float: right;
}
.filing-files__wrap--search .search-result .dpt .date {
  float: right;
  margin-left: 10px;
}
.filing-files__wrap--search .search-result .detail {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.33;
}
.filing-files__wrap--search .search-result .detail div {
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.filing-files__wrap--search .back-bar {
  padding: 4px 0px 4px 10px;
}
.filing-files__wrap--search .back-bar i {
  font-size: 20px;
  vertical-align: middle;
  color: #07cfda;
}
.filing-files__wrap--search .back-bar span {
  font-size: 14px;
  color: #626266;
  cursor: pointer;
}
.filing-files__wrap--search .back-bar span > span:last-child {
  color: #4a4a4a;
  font-weight: bold;
  cursor: default;
}
.filing-files .ibass-filetype-folder {
  color: #07cfda;
}
.filing-files .ibass-trig-down,
.filing-files .ibass-trig-up {
  font-size: 14px;
  visibility: visible;
  color: #cdc9c5;
}
.filing-files .ibass-trig-down:hover,
.filing-files .ibass-trig-up:hover {
  color: #fa8919;
}

.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;
}

.conflict-search-rule {
  padding: 32px 48px 48px 48px;
}
.conflict-search-rule .header {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conflict-search-rule .header__content {
  width: auto;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
  background-color: #fff;
  padding: 0 20px;
  z-index: 2;
}
.conflict-search-rule .header__line {
  position: absolute;
  left: 0;
  top: 20px;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
  z-index: 1;
}
.conflict-search-rule .conflict-tabs {
  margin: 0;
  margin-top: 6px;
  display: flex;
  justify-content: center;
}
.conflict-search-rule .conflict-tabs__item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: normal;
  padding: 10px 0;
  margin-right: 16px;
  position: relative;
  min-width: 60px;
  cursor: pointer;
}
.conflict-search-rule .conflict-tabs__item:last-child {
  margin-right: 0;
}
.conflict-search-rule .conflict-tabs__item-line {
  position: absolute;
  bottom: 0;
  left: 16px;
  width: 28px;
  height: 2px;
  background-color: #FA8919;
  display: none;
}
.conflict-search-rule .conflict-tabs__item--active {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.conflict-search-rule .conflict-tabs__item--active .conflict-tabs__item-line {
  display: block;
}
.conflict-search-rule .conflict-tabs__item--hover:hover {
  color: #FA8919;
}
.conflict-search-rule .conflict-article {
  background: #FAFBFC;
  border-radius: 8px;
  margin-top: 16px;
  padding: 20px 24px;
}
.conflict-search-rule .conflict-article__item-title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.conflict-search-rule .conflict-article__item-lawReferenceNumber {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 28px;
}
.conflict-search-rule .conflict-article__item strong {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
}
.conflict-search-rule .conflict-article__item p {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #333;
  line-height: 28px;
}
.conflict-search-rule .conflict-article__item-normal {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 28px;
}
.conflict-search-rule .conflict-article__item--ruleJump {
  cursor: pointer;
  font-weight: 400;
}
.conflict-search-rule .conflict-article__item--ruleJump:hover {
  color: #FA8919;
}

.conflict-search-report header {
  display: flex;
  height: 88px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.conflict-search-report header > div {
  margin: 32px 0 28px;
  line-height: 1;
}
.conflict-search-report header > div section {
  height: 20px;
}
.conflict-search-report header input {
  border: none;
  border-bottom: 1px solid #fdba78;
}
.conflict-search-report header .ibass-edit {
  color: #ed6c00;
  position: relative;
  top: 2px;
  left: 2px;
  font-size: 16px;
  cursor: pointer;
}
.conflict-search-report header .title {
  display: inline-block;
  cursor: pointer;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conflict-search-report main {
  padding: 0 32px;
}
.conflict-search-report main .report-select {
  display: flex;
  flex-direction: column;
  position: relative;
}
.conflict-search-report main .report-select__title {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
}
.conflict-search-report main .report-select__content {
  height: 46px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  border-radius: 8px;
  color: #333333;
  display: flex;
  align-items: flex-end;
}
.conflict-search-report main .report-select label {
  margin-left: 16px;
}
.conflict-search-report main .report-select label:first-child {
  margin-left: 0px;
}
.conflict-search-report main .report-result {
  height: 48px;
  background: #F8F9FA;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  border-radius: 8px;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.conflict-search-report main .report-result--success {
  color: #00B36D;
}
.conflict-search-report main .report-result--fail {
  color: #FA4344;
}
.conflict-search-report main .report-operate {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: -60px;
  right: 0;
}
.conflict-search-report main .report-operate div {
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.conflict-search-report main .report-operate__export {
  border: 1px solid #DCDFE6;
  background: #FFFFFF;
  color: #606266;
  margin-right: 16px;
  width: 115px;
}
.conflict-search-report main .report-operate__export:hover {
  border: 1px solid #FA8919;
  background-color: #FFFAF6;
  color: #FA8919;
}
.conflict-search-report main .report-operate__generate {
  background: #FA8200;
  color: #FFFFFF;
  width: 124px;
}
.conflict-search-report main .report-operate--checkState {
  top: -56px;
}
.conflict-search-report main .report-info {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
.conflict-search-report main .report-info__item {
  display: flex;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
}
.conflict-search-report main .report-info__item:first-child {
  margin-top: 0px;
}
.conflict-search-report main .report-remark__write {
  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-search-report main .report-remark__write-textarea {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.conflict-search-report main .report-remark__write-tips {
  color: #a9a9a9;
  position: absolute;
  left: 12px;
  bottom: 4px;
  font-size: 12px;
}
.conflict-search-report main .report-remark__write--only {
  margin-top: 24px;
  margin-bottom: 48px;
}
.conflict-search-report main .report-remark__detail {
  display: flex;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  margin-top: 20px;
}
.conflict-search-report main .report-remark__detail-title {
  white-space: nowrap;
}
.conflict-search-report main .report-remark__detail-content {
  word-break: break-all;
}
.conflict-search-report main .report-remark__delimiter {
  width: 100%;
  height: 1px;
  border: 1px dashed #EBEBEB;
  margin-top: 32px;
}
.conflict-search-report main .report-list {
  margin-top: 32px;
}
.conflict-search-report main .report-list__title {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
}
.conflict-search-report main .tab {
  height: 28px;
  margin-top: 24px;
  border-bottom: 1px solid #EBEBEB;
  height: auto;
  display: flex;
}
.conflict-search-report main .tab__item {
  display: block;
  min-width: 100px;
  text-align: center;
  cursor: pointer;
  padding: 8px 16px;
}
.conflict-search-report main .tab__hover:hover {
  color: #fa8919;
}
.conflict-search-report main .tab__tips {
  margin-left: 24px;
}
.conflict-search-report main .tab--active {
  border-bottom: 2px solid #fa8919;
  color: #fa8919;
}
.conflict-search-report main .table-container {
  width: 100%;
}
.conflict-search-report main .table * {
  box-sizing: content-box;
}
.conflict-search-report main .table {
  width: 1134px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
}
.conflict-search-report main .table__item {
  margin-top: 32px;
  width: min-content;
}
.conflict-search-report main .table__title {
  width: max-content;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
  position: sticky;
  left: 0;
  padding-left: 7px;
}
.conflict-search-report main .table__title::before {
  content: '';
  display: block;
  height: 12px;
  width: 2px;
  border-radius: 2px;
  background-color: #ed6c00;
  position: absolute;
  left: 0;
  top: 5px;
}
.conflict-search-report main .table__content {
  width: min-content;
}
.conflict-search-report main .table__content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
}
.conflict-search-report main .table__content table thead tr th {
  text-align: left;
  font-size: 13px;
  color: #737373;
  font-weight: 400;
  height: 32px;
  padding: 8px 8px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  background-color: #FAFBFC;
}
.conflict-search-report main .table__content table thead tr th:nth-child(1) {
  position: sticky;
  left: 0px;
  border-left: 1px solid #f0f0f0;
}
.conflict-search-report main .table__content table thead tr th:nth-child(2) {
  position: sticky;
  left: 58px;
}
.conflict-search-report main .table__content table thead tr th:nth-child(3) {
  position: sticky;
  left: 135px;
}
.conflict-search-report main .table__content table thead tr th:nth-child(4) {
  position: sticky;
  left: 312px;
}
.conflict-search-report main .table__content table thead tr th:nth-child(5) {
  position: sticky;
  left: 449px;
}
.conflict-search-report main .table__content table thead tr th:nth-child(5) .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.conflict-search-report main .table__content table thead tr th:nth-child(-n+5) {
  z-index: 1;
}
.conflict-search-report main .table__content table tbody tr td {
  padding: 12px 12px;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  letter-spacing: word-break;
  font-size: 14px;
}
.conflict-search-report main .table__content table tbody tr td:nth-child(1) {
  position: sticky;
  left: 0px;
  border-left: 1px solid #f0f0f0;
}
.conflict-search-report main .table__content table tbody tr td:nth-child(2) {
  position: sticky;
  left: 58px;
  padding: 12px 6px;
}
.conflict-search-report main .table__content table tbody tr td:nth-child(3) {
  position: sticky;
  left: 135px;
}
.conflict-search-report main .table__content table tbody tr td:nth-child(4) {
  position: sticky;
  left: 312px;
}
.conflict-search-report main .table__content table tbody tr td:nth-child(5) {
  position: sticky;
  left: 449px;
}
.conflict-search-report main .table__content table tbody tr td:nth-child(5) .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.conflict-search-report main .table__content table tbody tr td:nth-child(-n+5) {
  z-index: 1;
  background-color: #fff;
  height: auto;
}
.conflict-search-report main .table__content table .checkbox {
  cursor: pointer;
}
.conflict-search-report main .table__content table .checkbox:hover:before {
  color: #ed6c00;
}
.conflict-search-report main .table__content table .checkbox: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-report main .table__content table .checkbox-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;
  vertical-align: top;
}
.conflict-search-report main .table__content-mainText {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}
.conflict-search-report main .table__content-subText {
  font-size: 12px;
  color: #999;
}
.conflict-search-report main .table__content-conflictType {
  background: #DE2626;
  border-radius: 20px;
  width: fit-content;
  padding: 4px 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  transform: scale(0.8);
}
.conflict-search-report main .table__content-conflictType--relatively {
  background-color: #FA8919;
}
.conflict-search-report main .table__content-possibleConflictType {
  padding-left: 6px;
}
.conflict-search-report main .table__content--wrap {
  word-break: break-all;
}
.conflict-search-report main .table__content--selected {
  background-color: #f6f6f6!important;
}
.conflict-search-report main .table__content--highlight span {
  color: #fa4344;
}
.conflict-search-report main .table__content--pointer {
  cursor: pointer;
}
.conflict-search-report main .table::-webkit-scrollbar {
  /* Chrome, Safari and Opera */
  display: none;
}
.conflict-search-report main .table-inner * {
  box-sizing: content-box;
}
.conflict-search-report main .table-inner {
  width: 1134px;
  overflow-x: auto;
  position: relative;
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
}
.conflict-search-report main .table-inner__item {
  margin-top: 32px;
  width: min-content;
}
.conflict-search-report main .table-inner__item--noScroll {
  width: 100%;
}
.conflict-search-report main .table-inner__title {
  width: max-content;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  margin-bottom: 16px;
  position: sticky;
  left: 0;
  padding-left: 7px;
}
.conflict-search-report main .table-inner__title::before {
  content: '';
  display: block;
  height: 12px;
  width: 2px;
  border-radius: 2px;
  background-color: #ed6c00;
  position: absolute;
  left: 0;
  top: 5px;
}
.conflict-search-report main .table-inner__content {
  width: min-content;
}
.conflict-search-report main .table-inner__content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
}
.conflict-search-report main .table-inner__content table thead tr {
  background-color: #FAFBFC;
}
.conflict-search-report main .table-inner__content table thead tr th {
  text-align: left;
  font-size: 13px;
  color: #737373;
  font-weight: 400;
  height: 32px;
  padding: 8px 8px;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.conflict-search-report main .table-inner__content table thead tr th:first-child {
  position: sticky;
  left: 0px;
  z-index: 1;
  background-color: #FAFBFC;
  border-left: 1px solid #f0f0f0;
}
.conflict-search-report main .table-inner__content table thead tr th:first-child .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.conflict-search-report main .table-inner__content table tbody tr td {
  padding: 12px 12px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  letter-spacing: word-break;
  word-break: break-all;
  font-size: 14px;
}
.conflict-search-report main .table-inner__content table tbody tr td span {
  color: #fa4344;
}
.conflict-search-report main .table-inner__content table tbody tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 1;
  background-color: #fff;
  border-left: 1px solid #f0f0f0;
}
.conflict-search-report main .table-inner__content table tbody tr td:first-child .bg-td {
  box-shadow: 5px 0 5px -4px rgba(0, 0, 0, 0.1);
  /* 添加阴影效果 */
}
.conflict-search-report main .table-inner__content table .serial-number {
  width: 40px;
}
.conflict-search-report main .table-inner__content table .checkbox {
  cursor: pointer;
}
.conflict-search-report main .table-inner__content table .checkbox:hover:before {
  color: #ed6c00;
}
.conflict-search-report main .table-inner__content table .checkbox: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-report main .table-inner__content table .checkbox-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;
  vertical-align: top;
}
.conflict-search-report main .table-inner__content--noScroll {
  width: 100%;
}
.conflict-search-report main .table-inner .narrow-columns {
  width: 170px;
}
.conflict-search-report main .table-inner::-webkit-scrollbar {
  /* Chrome, Safari and Opera */
  display: none;
}
.conflict-search-report main .bg-td {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 0;
  right: 0;
  z-index: -1;
}
.conflict-search-report main .striky-td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  content-visibility: auto;
  contain-intrinsic-size: 59px;
}
.conflict-search-report main .custom-scrollbar {
  width: 100%;
  height: 10px;
  /* 更细的滚动条 */
  background-color: #f9f9f9;
  /* 轻微的灰色背景 */
  border-radius: 10px;
  /* 圆角 */
  box-shadow: inset 0px 0px 5px white;
  /* 内阴影效果 */
  position: sticky;
  bottom: 0;
  z-index: 2;
}
.conflict-search-report main .custom-scrollbar-thumb {
  position: absolute;
  width: 0;
  height: 100%;
  background: #808080;
  /* 深灰色 */
  border-radius: 10px;
  transition: height 0.3s;
  /* 添加过渡效果 */
  opacity: .7;
}
.conflict-search-report main .custom-scrollbar-thumb:hover {
  height: 120%;
  /* 悬停时高度增加 */
}
.conflict-search-report main .table-null {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  color: #474747;
}
.conflict-search-report main .table-null-img {
  position: relative;
  width: 100px;
  height: 130px;
  background: url('common/images/empty-table2.png') no-repeat center;
  background-size: 64px 40px;
}
.conflict-search-report main .table-null-img::after {
  position: absolute;
  content: "暂无数据";
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  bottom: 16px;
  width: 100%;
  text-align: center;
}
.conflict-search-report main .report-attachment {
  display: flex;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 16px;
}
.conflict-search-report .report-footer {
  padding: 0 32px;
}
.conflict-search-report .report-footer__msg {
  display: flex;
  height: 80px;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
}
.conflict-search-report .report-footer__msg-item {
  margin-right: 40px;
}
.conflict-search-report .report-footer__save {
  display: flex;
  height: 80px;
  justify-content: center;
  align-items: center;
}
.conflict-search-report .report-footer__save-btn {
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 34px;
  padding: 0 10px;
  border: 0;
  cursor: pointer;
  border: 1px solid #fa8919;
}
.conflict-search-report .report-footer__approval {
  display: flex;
  height: 80px;
  justify-content: flex-end;
  align-items: center;
}
.conflict-search-report .report-footer__approval-prompt {
  margin-right: 30px;
  font-size: 12px;
}
.conflict-search-report .report-footer__approval-operate {
  display: flex;
}
.conflict-search-report .report-footer__approval-operate div {
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.conflict-search-report .report-footer__approval-pass {
  color: #1ac031;
  border: 1px solid #1ac031;
}
.conflict-search-report .report-footer__approval-reject {
  color: #f72b44;
}
.conflict-search-report .report-footer__approval-transfer {
  color: #a9a9a9;
  position: relative;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-check-users {
  top: 26px !important;
  left: -90px !important;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-check-users .ns-popover-item {
  text-align: left;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-check-users .ns-popover-tooltip {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 250px;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-check-users .ns-popover-tooltip .ns-popover-tooltip .ns-popover-items {
  margin: 0 !important;
  overflow-y: visible !important;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-check-users .ns-popover-tooltip .ns-popover-items {
  display: flex;
  flex-direction: column;
  width: 210px !important;
  border-radius: 0;
  overflow-x: hidden !important;
  margin-top: 0;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-check-users .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  width: 200px;
  display: block;
  height: 24px;
  overflow: visible;
  line-height: 24px;
}
.conflict-search-report .report-footer__approval-transfer .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle {
  top: -1px;
  border: 10px solid transparent;
}
.conflict-search-report--paddingBottom {
  padding-bottom: 32px;
}
.conflict-search-report .acnMsgIconfont {
  font-size: 12px;
}
.conflict-search-report .icona-icon-daochu-zhengchang21:before {
  margin-right: 4px;
}
.conflict-search-report .iconwenben::before {
  color: #ffffff;
  margin-right: 4px;
}
.conflict-search-report .ibass-approved::before {
  margin-right: 4px;
}
.conflict-search-report .ibass-reject::before {
  margin-right: 4px;
}
.conflict-search-report .ibass-share::before {
  margin-right: 4px;
}
.conflict-search-report .ngdialog-content {
  position: relative;
}
.conflictLawClause-tooltip.tooltip.top {
  transform: translateX(300px);
  max-width: 660px;
  min-width: 660px;
  border-radius: 12px;
  text-align: left;
}
.conflictLawClause-tooltip.tooltip.top .tooltip-arrow {
  transform: translateX(-300px);
}
.conflictLawClause-tooltip.tooltip.top .tooltip-inner {
  padding: 8px;
}
.tooltip {
  z-index: 10001 !important;
}
.conflict-report-dialog.ngdialog.ngdialog-theme-default .ngdialog-content {
  height: max-content;
}

.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-w .ns-popover-tooltip-theme {
  top: 46px;
}
.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: 102px;
  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;
}

.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: #fa8919;
}
.iradar-city-selector a:hover .ibass-trig-down {
  color: #fa8919;
}
.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: #fa8919;
}
.iradar-city-selector-popover > div .iradar-tree-label-selected {
  color: #fa8919;
}
.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;
}
.iradar-overview .col {
  width: 235px;
  float: left;
}
.iradar-overview .col .title {
  font-size: 30px;
  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 .percent {
  margin-top: 10px;
  color: #a9a9a9;
  text-align: center;
}
.iradar-overview .col .percent .value {
  color: #00c853;
}
.iradar-overview .col .percent .increase {
  color: #dd2c00;
}

.iradar-search {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  margin: 0 -100px;
}
.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-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.iradar-search-close .ibass-close {
  font-size: 20px;
}
.iradar-search-close:hover .ibass-close {
  color: #fa8919;
}
.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;
}

.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: #fa8919;
}
.iradar-trade-selector a:hover .ibass-trig-down {
  color: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.iradar-trade-selector-i:hover {
  background: #f8f8f8;
}
.iradar-trade-selector-i:hover span {
  color: #fa8919;
}
.iradar-trade-selector-i:hover i {
  color: #fa8919;
}
.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: #fa8919;
}
.iradar-trade-tree-i div:hover i {
  color: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.iradar-trade-tree-i .select .ibass-checked {
  color: #fa8919;
}
.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;
}
.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: #fa8919;
}
.isSelected {
  color: #fa8919;
  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-matter-selection .nfim-input-common:hover .ibass-add-round {
  display: inline;
}
.financial-matter-selection .nfim-input-common .ibass-add-round {
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: 6px;
  right: 0px;
  cursor: pointer;
  transform: rotate(-45deg);
  color: #a9a9a9;
  z-index: 5;
}

.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;
}
.ns-popover-list-select .ns-popover-list-select-item img.pic {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-block;
  margin-right: 8px;
  margin-top: 6px;
}

.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;
}

.allocation-income {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 101;
  min-height: 900px;
  width: 1250px !important;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.allocation-income__wrap {
  padding: 0 31px;
}
.allocation-income__title {
  border-bottom: 1px solid #EBEBEB;
}
.allocation-income__title span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  border-bottom: 2px solid #FA8919;
  line-height: 30px;
}
.allocation-income__header {
  height: 76px;
  position: relative;
  border-bottom: 1px solid #EBEBEB;
}
.allocation-income__header--title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 76px;
  display: inline-block;
  margin-right: 24px;
}
.allocation-income__header--operate {
  width: 400px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-block;
  line-height: 76px;
  transform: translateY(-2px);
}
.allocation-income__header--operate .operate-btn,
.allocation-income__header--operate .reassign,
.allocation-income__header--operate .recall {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.allocation-income__header--operate .operate-btn {
  padding-right: 16px;
  color: #FA8919;
}
.allocation-income__header--operate .operate-btn .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
  transform: translateY(3px);
}
.allocation-income__header--operate .processing .icon {
  background: url("financialV2/images/wait.png") no-repeat center;
  background-size: cover;
}
.allocation-income__header--operate .finish {
  color: #68C23B;
}
.allocation-income__header--operate .finish .icon {
  background: url("financialV2/images/confirmed.png") no-repeat center;
  background-size: cover;
}
.allocation-income__header--operate .revoked {
  color: #666;
}
.allocation-income__header--operate .revoked .icon {
  background: url("financialV2/images/revoked.png") no-repeat center;
  background-size: cover;
}
.allocation-income__header--operate .reassign {
  padding: 0 16px;
  height: 16px;
  line-height: 16px;
  border-left: 1px solid #EBEBEB;
  color: #CDC9C5;
}
.allocation-income__header--operate .reassign:hover {
  color: #FA8919;
}
.allocation-income__header--operate .recall {
  height: 16px;
  line-height: 16px;
  color: #CDC9C5;
  padding: 0 16px;
  border-left: 1px solid #EBEBEB;
}
.allocation-income__header--close {
  position: absolute;
  right: 0px;
  top: 28px;
}
.allocation-income__desc {
  margin: 23px 0 32px;
  background: #F7F8F9;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  padding-bottom: 8px;
}
.allocation-income__desc .desc-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #F7F8F9;
  padding: 16px 16px 0px;
  border-radius: 10px 10px;
}
.allocation-income__desc .desc-info .info-item {
  width: 208px;
  height: 56px;
  margin-right: 16px;
}
.allocation-income__desc .desc-info .info-item:nth-child(5n) {
  margin-right: 0px;
}
.allocation-income__desc .desc-info .info-item .lable {
  font-size: 12px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 16px;
  margin-bottom: 4px;
}
.allocation-income__desc .desc-info .info-item .text {
  font-size: 14px;
  max-width: 208px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-income__desc .desc-info__amount {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px 8px 0px;
  margin-left: 8px;
  margin-right: 8px;
}
.allocation-income__init {
  margin-top: 24px;
}
.allocation-income__my {
  margin-top: 24px;
}
.allocation-income__my--table {
  overflow: auto;
}
.allocation-income__total {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 32px 0;
}
.allocation-income__total .text {
  color: #4A4A4A;
}
.allocation-income__total .amount {
  color: #F6535C;
  font-size: 22px;
  position: relative;
  top: 2px;
}
.allocation-income__total .unit {
  color: #A9A9A9;
  margin-left: 4px;
}
.allocation-income__table {
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: auto;
}
.allocation-income__table table {
  table-layout: fixed;
  width: max-content;
  overflow: auto;
  border: 0px;
  border-spacing: 0px;
}
.allocation-income__table .show-left-shadow .table__fixed-td--left {
  box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.05);
}
.allocation-income__table thead {
  height: 56px;
  background: #FAFBFC;
  border-bottom: 1px solid #ebeef5;
}
.allocation-income__table th {
  font-size: 14px;
  background: #FAFBFC;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
  color: #737373;
  font-weight: 500;
}
.allocation-income__table th .allocate-amount-title p {
  text-align: right;
}
.allocation-income__table th:last-child {
  padding-right: 16px;
}
.allocation-income__table .status-th {
  text-align: left;
  padding-left: 16px;
}
.allocation-income__table .allocate-remark-title {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.allocation-income__table tr {
  height: 64px;
  position: relative;
}
.allocation-income__table tr .delete-icon {
  width: 48px;
  height: 62px;
  color: #FA8919;
  position: absolute;
  top: 0px;
  left: 100px;
  z-index: 1000;
}
.allocation-income__table tr .delete-icon .ibass {
  font-size: 16px;
}
.allocation-income__table tr:hover {
  background: #FAFBFC;
}
.allocation-income__table tr:hover .delete {
  visibility: visible;
}
.allocation-income__table td {
  background: #ffffff;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
  font-weight: 400;
  color: #4A4A4A;
  font-size: 14px;
  text-align: center;
  position: relative;
}
.allocation-income__table td:last-child {
  padding-right: 16px;
}
.allocation-income__table td .allocate-amount {
  font-size: 14px;
  font-weight: 600;
  color: #4A4A4A;
  text-align: right;
}
.allocation-income__table td .commission-money {
  text-align: right;
  font-weight: 500;
}
.allocation-income__table td .payment {
  color: #F6535C;
}
.allocation-income__table td .fine {
  color: #68C23B;
}
.allocation-income__table td .icon .state {
  width: 16px;
  height: 16px;
  display: block;
}
.allocation-income__table td .icon .wait {
  background: url("financialV2/images/wait.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .waiting {
  background: url("financialV2/images/waiting.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .confirming {
  background: url("financialV2/images/confirming.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .confirmed {
  background: url("financialV2/images/confirmed.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .wait1 {
  background: url("financialV2/images/wait1.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .refuse {
  background: url("financialV2/images/refuse.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .refuse1 {
  background: url("financialV2/images/refuse1.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table td .icon .level0 {
  margin-left: 0px;
}
.allocation-income__table td .icon .level1 {
  margin-left: 10px;
}
.allocation-income__table td .icon .level2 {
  margin-left: 20px;
}
.allocation-income__table td input {
  padding: 6px 8px;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  width: 88px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  color: #4a4a4a;
}
.allocation-income__table td input::placeholder {
  color: #A9A9A9;
}
.allocation-income__table td input:focus {
  border-color: #FA8919;
}
.allocation-income__table td .input-remark {
  text-align: right;
}
.allocation-income__table td .error {
  display: block;
  position: absolute;
  color: #F6535C;
  font-size: 12px;
  min-width: 120px;
  top: 44px;
  width: fit-content;
}
.allocation-income__table td .remark {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  word-break: break-word;
}
.allocation-income__table .username .name {
  width: 68px;
  text-align: left;
  height: 61px;
  line-height: 61px;
  padding-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-income__table .username .tooltip {
  width: 68px !important;
}
.allocation-income__table .username .tooltip .tooltip-inner {
  width: 100%;
  word-wrap: break-word;
}
.allocation-income__table .role .role-con {
  width: 80px;
  height: 61px;
  line-height: 61px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-income__table .role .role-con .tooltip {
  width: 80px !important;
}
.allocation-income__table .role .role-con .tooltip .tooltip-inner {
  width: 100%;
  word-wrap: break-word;
}
.allocation-income__table .status {
  padding-left: 22px;
  padding-right: 0px;
}
.allocation-income__table .delete {
  visibility: hidden;
  padding: 0;
}
.allocation-income__table .delete .delete-wrap {
  position: relative;
}
.allocation-income__table .delete .delete-wrap .delete-icon {
  width: 48px;
  height: 62px;
  color: #FA8919;
  position: absolute;
  top: -32px;
  left: 1080px;
  z-index: 1000;
}
.allocation-income__table .delete .delete-wrap .delete-icon .ibass {
  font-size: 16px;
  text-align: center;
  line-height: 64px;
}
.allocation-income__table .my-table .show-left-shadow .table__fixed-td--left {
  box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.05);
}
.allocation-income__table .my-table .thead {
  height: 56px;
  background: #FAFBFC;
  border-bottom: 1px solid #ebeef5;
  white-space: nowrap;
}
.allocation-income__table .my-table .th {
  font-size: 12px;
  background: #FAFBFC;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
  display: inline-block;
  height: 56px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.allocation-income__table .my-table .th .allocate-amount-title {
  text-align: right;
  display: flex;
  flex-direction: column;
}
.allocation-income__table .my-table .th .allocate-remark-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.allocation-income__table .my-table .tbody {
  white-space: nowrap;
}
.allocation-income__table .my-table .tbody .tr {
  height: 64px;
  position: relative;
}
.allocation-income__table .my-table .tbody .tr:hover {
  background: #FAFBFC;
}
.allocation-income__table .my-table .tbody .tr:hover .delete {
  display: inline-block;
}
.allocation-income__table .my-table .tbody .tr .delete {
  display: none;
}
.allocation-income__table .my-table .tbody .tr .delete .delete-wrap {
  position: relative;
}
.allocation-income__table .my-table .tbody .tr .delete .delete-wrap .delete-icon {
  width: 48px;
  height: 62px;
  color: #FA8919;
  position: absolute;
  top: -37px;
  left: 1080px;
  z-index: 1000;
}
.allocation-income__table .my-table .tbody .tr .delete .delete-wrap .delete-icon .ibass {
  font-size: 16px;
  text-align: center;
  line-height: 64px;
}
.allocation-income__table .my-table .tbody .tr .td {
  background: #ffffff;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
  font-weight: 400;
  color: #4A4A4A;
  font-size: 14px;
  display: inline-block;
  height: 64px;
  line-height: 64px;
  text-align: center;
  position: relative;
}
.allocation-income__table .my-table .tbody .tr .td .icon .state {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.allocation-income__table .my-table .tbody .tr .td .icon .wait {
  background: url("financialV2/images/wait.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table .my-table .tbody .tr .td .icon .confirming {
  background: url("financialV2/images/confirming.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table .my-table .tbody .tr .td .icon .confirmed {
  background: url("financialV2/images/confirmed.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table .my-table .tbody .tr .td .icon .wait1 {
  background: url("financialV2/images/wait1.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table .my-table .tbody .tr .td .icon .refuse {
  background: url("financialV2/images/refuse.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table .my-table .tbody .tr .td .icon .refuse1 {
  background: url("financialV2/images/refuse1.png") no-repeat center;
  background-size: cover;
}
.allocation-income__table .my-table .tbody .tr .td .icon .level0 {
  margin-left: 0px;
}
.allocation-income__table .my-table .tbody .tr .td .icon .level1 {
  margin-left: 10px;
}
.allocation-income__table .my-table .tbody .tr .td .icon .level2 {
  margin-left: 20px;
}
.allocation-income__table .my-table .tbody .tr .td input {
  padding: 6px 8px;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  width: 88px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
}
.allocation-income__table .my-table .tbody .tr .td input:focus {
  border-color: #FA8919;
}
.allocation-income__table .my-table .tbody .tr .td .input-remark {
  text-align: right;
}
.allocation-income__table .my-table .tbody .tr .td .error {
  display: block;
  position: absolute;
  color: #F6535C;
  font-size: 12px;
  min-width: 120px;
  top: 44px;
  width: fit-content;
}
.allocation-income__table .my-table .second-level {
  margin-left: 31px;
}
.allocation-income__table .table__fixed {
  position: sticky;
  z-index: 100;
}
.allocation-income__remark .title {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 24px 0 12px;
}
.allocation-income__remark .check-wrap {
  height: 25px;
  font-size: 14px;
  color: #737373;
  margin-top: 6px;
}
.allocation-income__remark .check-wrap .check {
  float: right;
}
.allocation-income__remark .check-wrap .ibass {
  vertical-align: top;
  margin-right: 4px;
  color: #fa8919;
}
.allocation-income__remark .textarea-wrap {
  position: relative;
}
.allocation-income__remark .textarea-wrap textarea {
  resize: none;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 96px;
  background: #FEFEFF;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 22px;
  padding: 8px 12px 28px 12px;
}
.allocation-income__remark .textarea-wrap textarea:focus {
  border: 1px solid #FFB387;
}
.allocation-income__remark .textarea-wrap .warin-tip {
  position: absolute;
  left: 12px;
  bottom: 10px;
  font-size: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #F6535C;
}
.allocation-income__remark .textarea-wrap .letter-num {
  width: fit-content;
  position: absolute;
  right: 10px;
  bottom: 12px;
  font-size: 14px;
  line-height: 14px;
}
.allocation-income__remark .textarea-wrap .letter-num .current-num {
  color: #ACACAC;
}
.allocation-income__remark .textarea-wrap .letter-num .danger {
  color: #F6535C;
}
.allocation-income__remark .textarea-wrap .letter-num .limit-num {
  color: #ACACAC;
}
.allocation-income__btn {
  text-align: center;
  height: 40px;
  margin-top: 32px;
  margin-bottom: 40px;
}
.allocation-income__btn .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.allocation-income__btn .i-btn {
  width: 112px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.allocation-income__operate .operate-wrap {
  margin-top: 31px;
}
.allocation-income__operate .operate-wrap .operate-item {
  min-height: 82px;
}
.allocation-income__operate .operate-wrap .operate-item .date {
  width: 85px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
  text-align: right;
  display: inline-block;
  margin-right: 13px;
  vertical-align: top;
  transform: translateY(-12px);
}
.allocation-income__operate .operate-wrap .operate-item .con {
  display: inline-block;
  border-left: 1px solid #F8F8F9;
  position: relative;
  min-height: 82px;
}
.allocation-income__operate .operate-wrap .operate-item .con .desc-con {
  position: absolute;
  height: 24px;
  top: -12px;
  left: 12px;
  width: 1000px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-income__operate .operate-wrap .operate-item .con .desc-con .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
}
.allocation-income__operate .operate-wrap .operate-item .con .desc-con .ibass {
  font-size: 24px;
  color: #fa8919;
}
.allocation-income__operate .operate-wrap .operate-item .con .desc-con .desc {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 20px;
  margin-left: 12px;
  line-height: 24px;
  vertical-align: top;
}
.allocation-income__operate .operate-wrap .operate-item .con::before {
  content: ' ';
  width: 12px;
  height: 12px;
  background: #FA8919;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: -6px;
}
.allocation-income__operate .operate-wrap .operate-item .con .remark {
  margin-left: 48px;
  max-width: 983px;
  width: fit-content;
  padding: 8px 12px;
  background: #F8F8F9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 14px;
  word-break: break-all;
}
.allocation-income__operate .operate-wrap .operate-item:last-child .con {
  border-color: transparent;
}
.child-not-confirm-pop .ns-popover-tooltip {
  border-width: 0px !important;
}
.child-not-confirm-pop .btn {
  width: 116px;
  height: 28px;
  line-height: 28px;
  background: #FA8919;
  border-radius: 20px;
  border: 1px solid #FA8919;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  transform: translateY(12px);
}
.to-be-confirm-pop .ns-popover-tooltip {
  border-width: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.to-be-confirm-pop .btn {
  height: 28px;
  border-radius: 20px;
  padding: 0 20px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.to-be-confirm-pop .refuse {
  color: #FA8919;
  border: 1px solid #FA8919;
}
.to-be-confirm-pop .confirm {
  color: #FFFFFF;
  background: #FA8919;
}
.confirmed-pop .ns-popover-tooltip {
  border-width: 0px !important;
}
.confirmed-pop .btn {
  height: 28px;
  width: 88px;
  border-radius: 20px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #FA8919;
  border: 1px solid #FA8919;
  margin: 0 auto;
  transform: translateY(16px);
}
.confirming-pop .ns-popover-tooltip {
  border-width: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.confirming-pop .btn {
  height: 28px;
  border-radius: 20px;
  padding: 0 20px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.confirming-pop .refuse {
  color: #FA8919;
  border: 1px solid #FA8919;
}
.confirming-pop .reassign {
  color: #FFFFFF;
  background: #FA8919;
}
.confirming-pop .reassign .ibass-add {
  margin-right: 2px;
  vertical-align: middle;
}
.refused-pop .ns-popover-tooltip {
  border-width: 0px !important;
}
.refused-pop .btn {
  height: 28px;
  width: 88px;
  border-radius: 20px;
  background: #FA8919;
  border: 1px solid #FA9A29;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  transform: translateY(16px);
}
.refusing-pop .ns-popover-tooltip {
  border-width: 0px !important;
}
.refusing-pop .btn {
  height: 28px;
  width: 88px;
  border-radius: 20px;
  background: #FA8919;
  border: 1px solid #FA9A29;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  transform: translateY(16px);
}
.allocation-popover .disabled {
  cursor: not-allowed;
  color: #fff;
  background-color: #faae70;
  border-color: #faae70;
}
.ngdialog.allocation-income-dialog .ngdialog-content {
  margin-top: 100px !important;
}
.remark-tooltip {
  z-index: 10000;
}

.allocation-lawyer__header {
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.allocation-lawyer__header .title {
  color: #4a4a4a;
  padding-right: 10px;
  border-right: 2px solid #dbdbdb;
}
.allocation-lawyer__header .money {
  padding-left: 10px;
}
.allocation-lawyer__header .export-btn {
  float: right;
  font-size: 14px;
  color: #fff;
  background-color: #fa8919;
  height: 32px;
  width: 100px;
  text-align: center;
  border-radius: 20px;
  line-height: 32px;
}
.allocation-lawyer__content .content-filter {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
  margin-top: 7px;
  padding-bottom: 8px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.allocation-lawyer__content .content-filter .financial-filter {
  display: flex;
  align-items: center;
  color: #737373;
}
.allocation-lawyer__content .content-filter .financial-search {
  width: 300px;
  justify-content: flex-end;
}
.allocation-lawyer__content .financial-filter-more-container .ncome-filter__money-income {
  width: 40%;
}
.allocation-lawyer__content .financial-filter-more-container .income-filter__job-status .popover-id .ibass {
  color: #a9a9a9;
}
.allocation-lawyer__content .content-table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
  margin-top: 20px;
}
.allocation-lawyer__content .content-table thead tr {
  height: 42px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  color: #737373;
}
.allocation-lawyer__content .content-table thead tr th {
  font-weight: 400;
}
.allocation-lawyer__content .content-table thead tr .income {
  text-align: right;
  padding-right: 10px;
}
.allocation-lawyer__content .content-table tbody tr {
  height: 52px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 12px;
}
.allocation-lawyer__content .content-table tbody tr:hover {
  background-color: #fafafa;
}
.allocation-lawyer__content .content-table tbody tr td {
  padding: 10px 10px 10px 0px;
}
.allocation-lawyer__content .content-table tbody tr td span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-lawyer__content .content-table tbody tr .matter span {
  display: flex;
}
.allocation-lawyer__content .content-table tbody tr .matter .matter-no {
  color: #a9a9a9;
}
.allocation-lawyer__content .content-table tbody tr .income {
  text-align: right;
  padding-right: 10px;
}
.allocation-lawyer__content .content-table tbody tr .light {
  color: #fa8919;
}
.allocation-type-pop .ns-popover-items {
  margin-bottom: 0px;
}
.allocation-type-pop .ibass {
  vertical-align: top;
  margin-right: 4px;
}
.allocation-type-pop .ibass-checked {
  color: #fa8919;
}
.allocation-type-pop .ibass-checkbox {
  color: #C3C3C3;
}
.allocation-type-pop .confirm-btn {
  color: #fa8919;
  font-size: 12px;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  margin-left: 70px;
}
.allocation-type-pop .btn-wrap {
  margin-bottom: 10px;
}
.job-status-pop .ibass {
  margin-right: 4px;
  vertical-align: middle;
}
.job-status-pop .ibass-done {
  color: #fa8919;
}

.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: 8px;
  font-size: 12px;
}
.financial-allocation-list .financial-allocation-table .financial-table-body .financial-table-tr:hover .tool-hover .state {
  color: #4a4a4a;
}
.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-list .financial-allocation-table-customize .financial-table-body .financial-table-tr .tool-hover .tool-btn {
  margin-right: 7px;
}
.financial-allocation-list .financial-allocation-table-customize .pay,
.financial-allocation-list .financial-allocation-table-customize .table-td0 {
  width: 15%;
}
.financial-allocation-list .financial-allocation-table-customize .charge-status,
.financial-allocation-list .financial-allocation-table-customize .table-td6 {
  width: 10%;
}
.financial-allocation-list .financial-allocation-table-customize .income,
.financial-allocation-list .financial-allocation-table-customize .income-date,
.financial-allocation-list .financial-allocation-table-customize .invoice-status,
.financial-allocation-list .financial-allocation-table-customize .table-td1,
.financial-allocation-list .financial-allocation-table-customize .table-td2,
.financial-allocation-list .financial-allocation-table-customize .table-td5,
.financial-allocation-list .financial-allocation-table-customize .table-td7,
.financial-allocation-list .financial-allocation-table-customize .table-td8 {
  width: 10%;
}
.financial-allocation-list .financial-allocation-table-customize .matter,
.financial-allocation-list .financial-allocation-table-customize .table-td3 {
  width: 12%;
}
.financial-allocation-list .financial-allocation-table-customize .matter span,
.financial-allocation-list .financial-allocation-table-customize .table-td3 span {
  display: flex;
}
.financial-allocation-list .financial-allocation-table-customize .client,
.financial-allocation-list .financial-allocation-table-customize .table-td4 {
  width: 13%;
}

.allocation-my__header {
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.allocation-my__header .title {
  color: #4a4a4a;
  padding-right: 10px;
  border-right: 2px solid #dbdbdb;
}
.allocation-my__header .money {
  padding-left: 10px;
}
.allocation-my__content .content-filter {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
  margin-top: 7px;
  padding-bottom: 8px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.allocation-my__content .content-filter .financial-filter {
  display: flex;
  align-items: center;
  color: #737373;
}
.allocation-my__content .content-filter .financial-search {
  width: 300px;
  justify-content: flex-end;
}
.allocation-my__content .content-table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
  margin-top: 20px;
}
.allocation-my__content .content-table thead tr {
  height: 42px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  color: #737373;
}
.allocation-my__content .content-table thead tr th {
  font-weight: 400;
}
.allocation-my__content .content-table thead tr .income {
  text-align: right;
  padding-right: 10px;
}
.allocation-my__content .content-table tbody tr {
  height: 52px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 12px;
}
.allocation-my__content .content-table tbody tr:hover {
  background-color: #fafafa;
}
.allocation-my__content .content-table tbody tr td {
  padding: 10px 10px 10px 0px;
}
.allocation-my__content .content-table tbody tr td span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-my__content .content-table tbody tr .income {
  text-align: right;
  padding-right: 10px;
}
.allocation-my__content .content-table tbody tr .light {
  color: #fa8919;
}
.allocation-type-pop .ns-popover-items {
  margin-bottom: 0px;
}
.allocation-type-pop .ibass {
  vertical-align: top;
  margin-right: 4px;
}
.allocation-type-pop .ibass-checked {
  color: #fa8919;
}
.allocation-type-pop .ibass-checkbox {
  color: #C3C3C3;
}
.allocation-type-pop .confirm-btn {
  color: #fa8919;
  font-size: 12px;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  margin-left: 70px;
}
.allocation-type-pop .btn-wrap {
  margin-bottom: 10px;
}

.allocation-notify__wrap {
  font-size: 12px;
  padding: 0 32px;
}
.allocation-notify__header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  height: 76px;
  line-height: 76px;
}
.allocation-notify__header .title {
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  background: #fff;
  font-weight: 500;
  color: #4a4a4a;
}
.allocation-notify__header .status {
  position: absolute;
  right: 40px;
  top: 0px;
  color: #FA8919 ;
  font-size: 14px;
}
.allocation-notify__header .status .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  transform: translateY(-1px);
}
.allocation-notify__header .processing .icon {
  background: url("financialV2/images/wait.png") no-repeat center;
  background-size: cover;
}
.allocation-notify__header .finish {
  color: #68C23B;
}
.allocation-notify__header .finish .icon {
  background: url("financialV2/images/confirmed.png") no-repeat center;
  background-size: cover;
}
.allocation-notify__header .close {
  float: right;
  font-size: 16px;
  width: 16px;
  height: 100%;
  color: #D1D3D7;
}
.allocation-notify__header .close:hover i {
  color: #FA8919;
}
.allocation-notify__content .notify-content__detial {
  margin: 23px 0 24px;
  background: #F7F8F9;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  padding-bottom: 8px;
}
.allocation-notify__content .notify-content__detial .desc-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #F7F8F9;
  padding: 16px 16px 0px;
  border-radius: 10px;
}
.allocation-notify__content .notify-content__detial .desc-info .info-item {
  width: 197px;
  height: 56px;
}
.allocation-notify__content .notify-content__detial .desc-info .info-item .lable {
  font-size: 12px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 16px;
  margin-bottom: 4px;
}
.allocation-notify__content .notify-content__detial .desc-info .info-item .lable .required {
  color: #F6535C;
}
.allocation-notify__content .notify-content__detial .desc-info .info-item .text {
  font-size: 14px;
  max-width: 208px;
  width: fit-content;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-notify__content .notify-content__detial .desc-info .info-item .amount {
  font-size: 600;
}
.allocation-notify__content .notify-content__detial .desc-info__amount {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px 8px 0px;
  margin-left: 8px;
  margin-right: 8px;
}
.allocation-notify__content .notify-content__range .title {
  font-weight: bold;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 2px solid #EBEBEB;
  padding-bottom: 6px;
  margin-bottom: 16px;
}
.allocation-notify__content .notify-content__range .title span {
  border-bottom: 2px solid #FA8919;
  padding-bottom: 8px;
}
.allocation-notify__content .notify-content__range .range-content {
  height: fit-content;
}
.allocation-notify__content .notify-content__range .range-content-item {
  min-height: 32px;
  line-height: 32px;
}
.allocation-notify__content .notify-content__range .range-content-item .ibass {
  vertical-align: sub;
  font-size: 16px;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.allocation-notify__content .notify-content__range .range-content-item .ibass::before {
  display: inline-block;
}
.allocation-notify__content .notify-content__range .range-content-item .ibass-checkbox {
  color: #E2E2E3;
}
.allocation-notify__content .notify-content__range .range-content-item .label {
  margin-left: 8px;
  margin-right: 8px;
  color: #737373;
  font-size: 14px;
}
.allocation-notify__content .notify-content__range .range-content-matter {
  margin-bottom: 16px;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  width: 164px ;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  padding: 6px 8px;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role .name {
  display: inline-block;
  font-size: 14px;
  color: #4A4A4A;
  transform: translateY(-6px);
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role .ibass-arrow-down {
  position: absolute;
  right: 8px;
  top: 0px;
  height: 16px;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role .ibass-arrow-down::before {
  display: inline;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role-pop {
  top: 20px !important;
  left: -25px !important;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role-pop .matter-role-tooltip {
  width: 200px;
  background-color: #fff;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role-pop .matter-role-tooltip .ibass {
  margin-right: 5px;
  color: #E2E2E3;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role-pop .matter-role-tooltip .ibass-done {
  color: #fa8919;
}
.allocation-notify__content .notify-content__range .range-content-matter .matter-role-pop .matter-role-tooltip .empty {
  font-size: 14px;
  color: #ACACAC;
  text-align: center;
}
.allocation-notify__content .notify-content__range .range-content-member .member-label {
  display: inline-block;
  width: 120px;
  line-height: 39px;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover {
  display: inline-block;
  position: relative;
  width: 530px;
  min-height: 25px;
  top: -1px;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .financial-select-location {
  left: -100px !important;
  top: 32px !important;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .ns-popover-search input::placeholder {
  color: #A9A9A9;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .ns-popover-item {
  justify-content: left;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .drop-menu-multiple .drop-menu-show {
  color: #4A4A4A;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .drop-menu-multiple .drop-menu-show:hover .ibass-close {
  color: #FA8919;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-default .ibass-trig-down {
  margin-top: 0px;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add {
  border: none;
  justify-content: flex-start;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add i {
  font-size: 14px;
  margin-right: 6px !important ;
  color: #A4A7B0;
}
.allocation-notify__content .notify-content__range .range-content-member .member-popover .drop-menu-multiple .drop-menu-check .drop-menu-popover .drop-menu-check-add:hover {
  color: #FA8919;
}
.allocation-notify__content .notify-content__range .range-content .ibass-checked {
  color: #fa8919;
}
.allocation-notify__content .notify-content__remark .title {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 20px;
  margin: 24px 0 12px;
}
.allocation-notify__content .notify-content__remark .textarea-wrap {
  position: relative;
}
.allocation-notify__content .notify-content__remark .textarea-wrap textarea {
  resize: none;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 96px;
  background: #FEFEFF;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 22px;
  padding: 8px 12px 20px 12px;
}
.allocation-notify__content .notify-content__remark .textarea-wrap textarea:focus {
  border: 1px solid #FFB387;
}
.allocation-notify__content .notify-content__remark .textarea-wrap textarea::placeholder {
  color: #A9A9A9;
}
.allocation-notify__content .notify-content__remark .textarea-wrap .warin-tip {
  position: absolute;
  left: 12px;
  bottom: 14px ;
  font-size: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #F6535C;
}
.allocation-notify__content .notify-content__remark .textarea-wrap .letter-num {
  width: fit-content;
  position: absolute;
  right: 10px;
  bottom: 14px ;
  font-size: 14px;
  line-height: 14px;
}
.allocation-notify__content .notify-content__remark .textarea-wrap .letter-num .current-num {
  color: #ACACAC;
}
.allocation-notify__content .notify-content__remark .textarea-wrap .letter-num .danger {
  color: #F6535C;
}
.allocation-notify__content .notify-content__remark .textarea-wrap .letter-num .limit-num {
  color: #ACACAC;
}
.allocation-notify__footer {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.allocation-notify__footer .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.allocation-notify__footer .i-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  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 .add-plan span {
  margin-left: 10px;
}
.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;
  margin-right: 5px;
}
.financial-allocation-plan .financial-allocation-content .plan-tool .ibass-delete {
  position: relative;
  top: 2px;
  color: #cdc9c5;
  font-size: 14px;
  margin-right: 5px;
}
.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: 16px;
}
.financial-allocation-plan .no-data-list {
  height: 20px;
  text-align: center;
}

.allocation-record {
  padding: 0 48px;
  text-align: center;
}
.allocation-record__head {
  margin-top: 50px;
  padding-bottom: 35px;
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.allocation-record__head .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -20px;
  width: fit-content;
  padding: 8px 20px;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  background-color: #ffffff;
}
.allocation-record__content .desc {
  height: 88px;
  background: #F7F8F9;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  width: 100%;
  padding: 8px;
}
.allocation-record__content .desc-box {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 8px ;
  border-radius: 8px;
}
.allocation-record__content .desc-item {
  width: 240px;
  height: 56px;
  margin-top: 16px;
}
.allocation-record__content .desc-item .desc-name {
  height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 16px;
  text-align: left;
  margin-bottom: 4px;
}
.allocation-record__content .desc-item .desc-amount {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #4A4A4A;
  line-height: 20px;
  text-align: left;
}
.allocation-record__content .record-content-wrap {
  max-height: 380px;
  overflow: auto;
  margin-top: 24px;
}
.allocation-record__content .record-content-wrap .record-table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
}
.allocation-record__content .record-content-wrap .record-table thead tr {
  height: 56px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #FAFBFC;
  color: #666666;
}
.allocation-record__content .record-content-wrap .record-table thead tr th {
  font-weight: 500;
  font-size: 14px;
  color: #737373;
}
.allocation-record__content .record-content-wrap .record-table thead tr th:first-child {
  padding-left: 16px;
}
.allocation-record__content .record-content-wrap .record-table thead tr .income {
  padding-right: 16px;
  text-align: right;
}
.allocation-record__content .record-content-wrap .record-table tbody tr {
  height: 64px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 14px;
  color: #4A4A4A;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .amount {
  font-weight: 500;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .user {
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  line-height: 20px;
  max-height: 64px ;
}
.allocation-record__content .record-content-wrap .record-table tbody tr td:first-child {
  padding-left: 16px;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .income {
  padding-right: 16px;
  text-align: right;
}
.allocation-record__content .record-content-wrap .record-table tbody tr:hover {
  background: #F9FAFA;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .down-btn {
  font-size: 12px;
  font-weight: 500;
  color: #FA8919;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .del-btn {
  font-size: 12px;
  font-weight: 500;
  color: #F6535C;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .record-status-text {
  color: #4A4A4A;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .record-status-text::before {
  content: " ";
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50% ;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .record-status .doing::before {
  background: #FA8919;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .record-status .done::before {
  background: #68C23B;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .record-status .revoke::before {
  background: #CDC9C5;
}
.allocation-record__content .record-content-wrap .record-table tbody tr .remark {
  padding-right: 16px;
  max-width: 200px;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-record__footer {
  margin: 16px 0 40px;
  display: flex;
  flex-direction: column;
}
.allocation-record__footer--page {
  display: flex;
  justify-content: right;
}
.allocation-record__footer--page .show-page {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #737373;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.allocation-record__footer--page .show-page .icon {
  color: #ED6C00;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 10px;
}
.allocation-record__footer--page .i-pagination {
  margin: 0;
}
.allocation-record__footer--page .i-pagination li:nth-of-type(2) {
  margin-right: 0px;
}
.allocation-record__footer--page .i-pagination li:nth-last-child(2) {
  margin-left: 0px;
}
.allocation-record__footer--btn {
  margin-top: 40px;
}
.allocation-record__footer--btn .i-btn {
  width: 112px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.record-page-popover {
  z-index: 10000 !important;
  width: 50px;
  text-align: center;
  left: 37px !important;
  top: 18px !important;
}
.record-page-popover .ns-popover-tooltip {
  width: 100%;
}
.allocation-record-remark-tooltips {
  max-width: 320px;
  z-index: 10000;
}

.allocation-schedule__header {
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.allocation-schedule__header .title {
  color: #4a4a4a;
  padding-bottom: 12px;
}
.allocation-schedule__content .content-filter {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
  margin-top: 7px;
  padding-bottom: 8px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.allocation-schedule__content .content-filter .financial-filter {
  display: flex;
  align-items: center;
  color: #737373;
}
.allocation-schedule__content .content-filter .financial-search {
  width: 300px;
  justify-content: flex-end;
}
.allocation-schedule__content .all-allocation {
  background: #fa8919;
  cursor: pointer;
  height: 30px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #FFFFFF;
  margin-top: 10px ;
}
.allocation-schedule__content .all-allocation:hover {
  background: #f89001;
}
.allocation-schedule__content .content-table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
  margin-top: 20px;
}
.allocation-schedule__content .content-table thead tr {
  height: 42px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  color: #737373;
}
.allocation-schedule__content .content-table thead tr th {
  font-weight: 400;
}
.allocation-schedule__content .content-table thead tr .income {
  text-align: right;
  padding-right: 10px;
}
.allocation-schedule__content .content-table tbody tr {
  padding: 10px 0;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 12px;
}
.allocation-schedule__content .content-table tbody tr:hover {
  background-color: #fafafa;
}
.allocation-schedule__content .content-table tbody tr td {
  padding: 10px 10px 10px 0px;
}
.allocation-schedule__content .content-table tbody tr td .ellipsis {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-schedule__content .content-table tbody tr .processor span {
  word-wrap: break-word;
  word-break: break-all;
}
.allocation-schedule__content .content-table tbody tr .income {
  text-align: right;
  padding-right: 10px;
}
.allocation-schedule__content .content-table tbody tr .light {
  color: #fa8919;
}
.allocation-type-pop .ns-popover-items {
  margin-bottom: 0px;
}
.allocation-type-pop .ibass {
  vertical-align: top;
  margin-right: 4px;
}
.allocation-type-pop .ibass-checked {
  color: #fa8919;
}
.allocation-type-pop .ibass-checkbox {
  color: #C3C3C3;
}
.allocation-type-pop .confirm-btn {
  color: #fa8919;
  font-size: 12px;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  margin-left: 70px;
}
.allocation-type-pop .btn-wrap {
  margin-bottom: 10px;
}

.financial-allocation-collection-dhxx .financial-filter-more-container {
  margin-top: 0 !important;
}
.financial-allocation-collection-dhxx .financial-search {
  width: 450px !important;
}
.financial-allocation-collection-dhxx .financial-download {
  margin-right: 10px;
  cursor: pointer;
}
.financial-allocation-collection-dhxx .financial-download:hover {
  color: #fa8919;
}
.financial-allocation-collection-dhxx .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-collection-dhxx .financial-filter-single .time-range-text-select {
  position: relative;
  display: inline-block;
}
.financial-allocation-collection-dhxx .financial-filter-single .time-range-start-stop {
  display: inline-block;
}
.financial-allocation-collection-dhxx .financial-allocation-table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 8px;
  font-size: 12px;
}
.financial-allocation-collection-dhxx .ns-popover-bottom-placement {
  z-index: 9999;
}

.allocation-schedule__header {
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.allocation-schedule__header .title {
  color: #4a4a4a;
  padding-bottom: 12px;
}
.allocation-schedule .financial-search {
  display: flex;
  align-items: center;
  width: 450px !important;
}
.allocation-schedule .financial-download {
  margin-right: 10px;
  cursor: pointer;
}
.allocation-schedule .financial-download:hover {
  color: #fa8919;
}
.allocation-schedule__content .content-filter {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
  margin-top: 7px;
  padding-bottom: 8px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.allocation-schedule__content .content-filter .financial-filter {
  display: flex;
  align-items: center;
  color: #737373;
}
.allocation-schedule__content .content-filter .financial-search {
  width: 300px;
  justify-content: flex-end;
}
.allocation-schedule__content .i-table {
  margin-top: 15px;
}
.allocation-dhxx-list .content-filter {
  margin-top: 9px;
  padding-bottom: 9px;
}
.allocation-dhxx-list .i-table {
  margin-top: 0px;
}
.financial__allocation__more-filter .filter-item {
  width: 50%;
}

.financial-allocation-plan-dhxx .financial-allocation-plan-top {
  height: 40px;
  line-height: 40px;
  padding-bottom: 10px;
}
.financial-allocation-plan-dhxx .financial-allocation-plan-top .plan-top-title {
  font-size: 16px;
  color: #4a4a4a;
}
.financial-allocation-plan-dhxx .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-dhxx .financial-allocation-plan-top .add-plan span {
  margin-left: 10px;
}
.financial-allocation-plan-dhxx .financial-allocation-plan-top .ibass-add:before {
  position: relative;
  top: 1.5px;
}
.financial-allocation-plan-dhxx .financial-allocation-content .allocation-plan-table-header {
  margin-top: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #f5f5f5;
  font-size: 12px;
}
.financial-allocation-plan-dhxx .financial-allocation-content .allocation-plan-table-header .plan-title {
  color: #737373;
}
.financial-allocation-plan-dhxx .financial-allocation-content .financial-allocation-plan-table .operation-column {
  display: flex;
}
.financial-allocation-plan-dhxx .financial-allocation-content .financial-allocation-plan-table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0;
  font-size: 12px;
}
.financial-allocation-plan-dhxx .financial-allocation-content .financial-allocation-plan-table .operation-column .i-btn--text:nth-child(2) {
  margin: 0 16px;
}

.financial-allocation-managerV3 .filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.financial-allocation-managerV3 .filter__left {
  display: flex;
  align-items: center;
}
.financial-allocation-managerV3 .filter__left .filter-more {
  margin-left: 16px;
  display: flex;
  align-items: center;
}
.financial-allocation-managerV3 .filter__left .filter-more-choose {
  color: #ed6c00;
}
.financial-allocation-managerV3 .filter__left .filter-more:hover {
  color: #ed6c00;
}
.financial-allocation-managerV3 .filter__left .filter-status {
  display: flex;
  align-items: center;
}
.financial-allocation-managerV3 .filter__left .filter-status .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin: 0 16px;
}
.financial-allocation-managerV3 .filter__left .filter-status .ibass-trig-down:before {
  color: #999999;
}
.financial-allocation-managerV3 .filter__left .condition-department {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  height: 32px;
}
.financial-allocation-managerV3 .filter__left .condition-department .i-tree-select__drop-down .i-form-item__field-inner {
  color: #737373;
  border: none;
  height: 32px;
}
.financial-allocation-managerV3 .filter__left .condition-department .i-tree-select__drop-down .i-form-item__field-inner::placeholder,
.financial-allocation-managerV3 .filter__left .condition-department .i-tree-select__drop-down .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial-allocation-managerV3 .filter__left .condition-department .i-tree-select__drop-down .i-form-item__field-inner .text {
  max-width: 100px;
}
.financial-allocation-managerV3 .filter__left .condition-department .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down {
  top: -1px;
}
.financial-allocation-managerV3 .filter__left .condition-department .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #999999;
}
.financial-allocation-managerV3 .filter__right {
  display: flex;
  align-items: center;
}
.financial-allocation-managerV3 .filter__right .filter-search {
  width: 240px;
}
.financial-allocation-managerV3 .filter__right .filter-search .i-input-text input {
  font-size: 13px;
  color: #4a4a4a;
}
.financial-allocation-managerV3 .filter__right .i-btn {
  margin-left: 10px;
  width: 118px;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
}
.financial-allocation-managerV3 .filter__right .i-btn i {
  font-size: 12px;
  position: relative;
  top: 2px;
  left: -2px;
  margin-right: 8px;
}
.financial-allocation-managerV3 .financial-allocation-manager__table {
  margin-top: 16px;
}
.financial-allocation-managerV3 .financial-allocation-manager__table .i-table__tr {
  cursor: pointer;
}
.financial-allocation-managerV3 .financial-allocation-manager__table .status-column {
  display: flex;
  align-items: center;
}
.financial-allocation-managerV3 .financial-allocation-manager__table .status-column .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.financial-allocation-managerV3 .financial-allocation-manager__table .status-column .circle--green {
  background: #68C23B;
}
.financial-allocation-managerV3 .financial-allocation-manager__table .status-column .circle--yellow {
  background: #FA8919;
}
.financial-allocation-managerV3 .financial-allocation-manager__table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
}

.financial-allocation-matter-v3 .filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.financial-allocation-matter-v3 .filter__department {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 30px;
}
.financial-allocation-matter-v3 .filter__department .i-tree-select__drop-down .i-form-item__field-inner {
  color: #737373;
  border: none;
  height: 30px;
}
.financial-allocation-matter-v3 .filter__department .i-tree-select__drop-down .i-form-item__field-inner::placeholder,
.financial-allocation-matter-v3 .filter__department .i-tree-select__drop-down .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial-allocation-matter-v3 .filter__department .i-tree-select__drop-down .i-form-item__field-inner .text {
  max-width: 100px;
  padding-right: 0;
}
.financial-allocation-matter-v3 .filter__department .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down {
  right: -8px;
}
.financial-allocation-matter-v3 .filter__department .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #999999;
}
.financial-allocation-matter-v3 .filter__department .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin: 0 16px;
}
.financial-allocation-matter-v3 .filter .ibass-trig-down:before {
  color: #999999;
}
.financial-allocation-matter-v3 .filter .i-btn {
  margin-left: auto;
}
.financial-allocation-matter-v3 .filter__search {
  margin-left: 20px;
  width: 240px;
}
.financial-allocation-matter-v3 .filter__search .i-input-text input {
  font-size: 13px;
  color: #4a4a4a;
}
.financial-allocation-matter-v3 .financial-allocation-matter__content {
  margin-top: 16px;
}
.financial-allocation-matter-v3 .financial-allocation-matter__content .financial-allocation-matter__table .operation-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.financial-allocation-matter-v3 .financial-allocation-matter__content .financial-allocation-matter__table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
}

.financial-allocation-plan-V3 .filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.financial-allocation-plan-V3 .filter__left {
  display: flex;
  align-items: center;
}
.financial-allocation-plan-V3 .filter__left .filter-status {
  display: flex;
  align-items: center;
}
.financial-allocation-plan-V3 .filter__left .filter-status .line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin: 0 16px;
}
.financial-allocation-plan-V3 .filter__left .ibass-trig-down:before {
  color: #999999;
}
.financial-allocation-plan-V3 .filter__right {
  display: flex;
  align-items: center;
}
.financial-allocation-plan-V3 .filter__right .filter-search {
  width: 240px;
}
.financial-allocation-plan-V3 .filter__right .filter-search .i-input-text input {
  font-size: 13px;
  color: #4a4a4a;
}
.financial-allocation-plan-V3 .filter__right .i-btn {
  margin-left: 10px;
  width: 118px;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
}
.financial-allocation-plan-V3 .filter__right .i-btn i {
  font-size: 12px;
  position: relative;
  top: 2px;
  left: -2px;
  margin-right: 8px;
}
.financial-allocation-plan-V3 .financial-allocation-matter__content {
  margin-top: 16px;
}
.financial-allocation-plan-V3 .financial-allocation-matter__content .financial-allocation-matter__table .operation-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.financial-allocation-plan-V3 .financial-allocation-matter__content .financial-allocation-matter__table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
}

.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 .acnMsgIconfont {
  width: 16px;
  font-size: 16px;
  position: relative;
  top: -1px;
}
.i-financial-dialog .financial-dialog-body {
  padding-bottom: 20px;
}
.i-financial-dialog .financial-dialog-body .finance-width-title {
  width: 100%;
}
.i-financial-dialog .financial-dialog-body .saveButtonDisabled {
  background: #ebebee;
  cursor: not-allowed;
}
.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-status .nfim-operation-wrap-right .ibass-ellipses .sign,
.i-financial-dialog .financial-dialog-body .financial-dialog-status .nfim-operation-wrap-right .nfim-more-operation .sign {
  position: relative;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-status .ibass-clock {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.i-financial-dialog .financial-dialog-body .financial-dialog-status .nfim-current-content {
  margin-left: 4px;
}
.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 .financial-dialog-ul:has( li:nth-of-type(3n - 1):last-of-type)::after,
.i-financial-dialog .financial-dialog-body .financial-dialog-contract .financial-dialog-ul:has( li:nth-of-type(3n - 1):last-of-type)::after,
.i-financial-dialog .financial-dialog-body .financial-dialog-file .financial-dialog-ul:has( li:nth-of-type(3n - 1):last-of-type)::after,
.i-financial-dialog .financial-dialog-body .financial-dialog-stamp .financial-dialog-ul:has( li:nth-of-type(3n - 1):last-of-type)::after {
  content: "";
  width: 30%;
  display: block;
}
.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;
  flex-wrap: wrap;
  height: fit-content;
}
.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 .financial-files .financial-dialog-upload .file-wrap .title {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  margin-top: 16px;
}
.i-financial-dialog .financial-dialog-body .financial-files .financial-dialog-upload .file-wrap .title .required {
  color: #FF3838;
}
.i-financial-dialog .financial-dialog-body .financial-files .financial-dialog-upload .file-wrap .empty {
  padding: 4px 0px 16px;
  color: #4A4A4A;
  font-size: 14px;
}
.i-financial-dialog .financial-dialog-body .financial-files .financial-dialog-upload .contract-file-wrap,
.i-financial-dialog .financial-dialog-body .financial-files .financial-dialog-upload .sign-file-wrap {
  border-bottom: 1px solid #F0F0F0;
}
.i-financial-dialog .financial-dialog-body .seal-way .label-noactive .new-tip {
  margin-left: 6px;
  display: inline-block;
  height: 16px;
  width: 33px;
  background: url('common/images/new.png') no-repeat center;
  background-size: cover;
  transform: translateY(2px);
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way {
  top: 45px !important;
  left: -10px !important;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .ns-popover-tooltip {
  width: 265px;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list {
  padding: 8px 6px;
  font-size: 14px;
  color: #333333;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list:hover {
  background: #FAFBFC;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .ibass {
  color: #E2E2E3;
  font-size: 14px;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .ibass:hover {
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .ibass-done {
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .lable {
  color: #4a4a4a;
  margin-left: 8px;
  font-size: 14px;
  position: relative;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .seal-disabled {
  color: #999999;
  cursor: not-allowed;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .certify-tooltip,
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .intro-tooltip {
  text-align: center;
  top: 20px !important;
  left: -72px !important;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .certify-tooltip .ns-popover-tooltip-option,
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .intro-tooltip .ns-popover-tooltip-option {
  font-size: 12px;
  padding: 8px 6px !important;
}
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .certify-tooltip .btn,
.i-financial-dialog .financial-dialog-body .seal-way .popover-seal-way .select-box-list .intro-tooltip .btn {
  color: #fa8919;
  cursor: pointer;
}
.i-financial-dialog .financial-dialog-body .signatory {
  height: fit-content;
  min-height: 55px;
  box-shadow: none;
}
.i-financial-dialog .financial-dialog-body .signatory-empty {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-top: 10px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.i-financial-dialog .financial-dialog-body .signatory-list {
  width: 100%;
  height: fit-content;
}
.i-financial-dialog .financial-dialog-body .signatory-item {
  border-bottom: 1px solid #ebebeb;
  height: 35px;
  line-height: 35px;
  position: relative;
  box-sizing: content-box;
}
.i-financial-dialog .financial-dialog-body .signatory-item .text {
  display: inline-block;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-financial-dialog .financial-dialog-body .signatory-item .del-btn {
  font-size: 16px;
  color: #CDC9C5;
  position: absolute;
  right: -30px;
}
.i-financial-dialog .financial-dialog-body .signatory-item .ibass-edit {
  font-size: 14px;
  color: #CDC9C5;
  position: absolute;
  right: 0px;
}
.i-financial-dialog .financial-dialog-body .signatory-item .ibass-edit:hover {
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .signatory-operate {
  margin-top: 3px;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .input-client {
  display: inline-block;
  color: #4A4A4A;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .input-client:hover {
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .input-client:hover .ibass {
  color: #fa8919;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .input-client .ibass {
  color: #999999;
  margin-right: 4px;
  vertical-align: top;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .input-client::after {
  content: ' ';
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #EBEBEB;
  margin-left: 12px;
  margin-right: 10px;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .choose-client {
  display: inline-block;
  position: relative;
  width: 110px;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .choose-client .ibass-trig-down {
  position: inherit;
  top: 0;
  left: 0;
  margin-left: 5px;
  vertical-align: text-top;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .choose-client .client-popover {
  top: 14px !important;
  left: 0px !important;
}
.i-financial-dialog .financial-dialog-body .signatory-operate .choose-client .client-popover .ns-popover-item .selected {
  color: #cdc9c5;
}
.i-financial-dialog .financial-dialog-body .signatory-operate-disabled {
  cursor: not-allowed;
}
.i-financial-dialog .financial-dialog-body .signatory-operate-disabled:hover {
  color: #4A4A4A !important;
}
.i-financial-dialog .financial-dialog-body .signatory-operate-disabled:hover .ibass {
  color: #999999 !important;
}
.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;
}
.person-certify-tooltip {
  text-align: center;
}
.person-certify-tooltip .ns-popover-tooltip-option {
  font-size: 12px;
  width: 260px;
  padding: 8px 6px !important;
}
.person-certify-tooltip .btn {
  color: #fa8919;
  cursor: pointer;
}

.annualFeeBox .headerBox {
  display: flex;
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.annualFeeBox .headerBox .title {
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  padding-right: 20px;
  margin-right: 15px;
  margin-right: auto;
}
.annualFeeBox .headerBox .exportList {
  cursor: pointer;
  margin-right: 32px;
  font-size: 14px;
}
.annualFeeBox .headerBox .operationAdd {
  position: relative;
  display: flex;
  align-items: center;
  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;
}
.annualFeeBox .headerBox .operationAdd i {
  position: relative;
}
.annualFeeBox .headerBox .operationAdd span {
  padding-left: 8px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox {
  position: absolute;
  z-index: 1000;
  top: 46px;
  left: -6px;
  width: 130px;
  background-color: #3d3d3d !important;
  color: white;
  border-radius: 10px !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: solid 1px #3d3d3d !important;
  padding: 10px 0;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #3d3d3d;
  left: 50%;
  top: -23px;
  margin-left: -11px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle::after {
  border-bottom-color: #3d3d3d !important;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #c3c3c3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.7rem 0 0.875rem;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem:hover {
  color: #fff;
  background-color: #282828;
}
.annualFeeBox .filterHeader {
  margin: 20px 0;
  height: 30px;
  display: flex;
  align-items: center;
}
.annualFeeBox .filterHeader .moreFilter {
  display: flex;
}
.annualFeeBox .filterHeader .moreFilter i {
  margin-left: 3px;
}
.annualFeeBox .highLight {
  color: #fa8919;
}
.annualFeeBox .highLight i {
  color: #fa8919 !important;
}
.annualFeeBox .listTableArea .operation-column {
  display: flex;
}
.annualFeeBox .listTableArea .operation-column div {
  cursor: pointer;
  margin-right: 10px;
}
.annualFeeBox .listTableArea .operation-column div:last-child {
  margin-right: 0;
}
.notice:nth-of-type(3) {
  margin-bottom: 0px !important;
}
.annualFeeErrorItem {
  text-align: left;
}
body .annualFeeImportInfo-sweet {
  height: unset;
}
body .annualFeeImportInfo-sweet p {
  padding-top: 30px;
  margin-bottom: 50px;
  max-height: 400px !important;
  overflow-y: scroll;
  text-align: left;
}
body .annualFeeImportInfo-sweet p .annualFeeErrorItem {
  margin-bottom: 10px;
}

.financial__expense__my .no-data-list {
  height: 40px;
}
.financial__expense__my .expense-list__header {
  width: 1120px;
  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 .expense-list__body {
  width: 1140px;
}
.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;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .tool-select-wrapper {
  width: 30px;
}
.financial__expense__my .body__row-item .amount {
  width: 130px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .fee-type {
  width: 110px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .fee-date {
  width: 110px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .handler-name {
  width: 95px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .current-user {
  width: 95px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .matter-name {
  width: 200px;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .matter-name .matter-no {
  color: #a9a9a9;
}
.financial__expense__my .body__row-item .department-name {
  width: 190px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .file-size {
  width: 40px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .appro-status {
  width: 85px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .fee-sourse {
  width: 100px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item .remark {
  width: 85px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item.feeManage .reimburse-type {
  width: 95px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item.feeManage .matter-name {
  width: 200px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item.feeManage .department-name {
  width: 200px;
  flex-shrink: 0;
}
.financial__expense__my .body__row-item.feeManage .fee-source {
  width: 100px;
  flex-shrink: 0;
}
.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%;
}

.annualFeeBox .headerBox {
  display: flex;
  justify-content: end;
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.annualFeeBox .headerBox .exportList {
  cursor: pointer;
  margin-right: 32px;
  font-size: 14px;
}
.annualFeeBox .headerBox .operationAdd {
  position: relative;
  display: flex;
  align-items: center;
  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;
}
.annualFeeBox .headerBox .operationAdd i {
  position: relative;
}
.annualFeeBox .headerBox .operationAdd span {
  padding-left: 8px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox {
  position: absolute;
  z-index: 1000;
  top: 46px;
  left: -6px;
  width: 130px;
  background-color: #3d3d3d !important;
  color: white;
  border-radius: 10px !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: solid 1px #3d3d3d !important;
  padding: 10px 0;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #3d3d3d;
  left: 50%;
  top: -23px;
  margin-left: -11px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle::after {
  border-bottom-color: #3d3d3d !important;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #c3c3c3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.7rem 0 0.875rem;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem:hover {
  color: #fff;
  background-color: #282828;
}
.annualFeeBox .filterHeader {
  margin: 20px 0;
  height: 30px;
  display: flex;
  align-items: center;
}
.annualFeeBox .filterHeader .moreFilter {
  display: flex;
}
.annualFeeBox .filterHeader .moreFilter i {
  margin-left: 3px;
}
.annualFeeBox .highLight {
  color: #fa8919;
}
.annualFeeBox .highLight i {
  color: #fa8919 !important;
}
.annualFeeBox .listTableArea .operation-column {
  display: flex;
}
.annualFeeBox .listTableArea .operation-column div {
  cursor: pointer;
  margin-right: 10px;
}
.annualFeeBox .listTableArea .operation-column div:last-child {
  margin-right: 0;
}
.notice:nth-of-type(3) {
  margin-bottom: 0px !important;
}
body .annualFeeImportInfo-sweet {
  height: unset;
}
body .annualFeeImportInfo-sweet p {
  padding-top: 30px;
  margin-bottom: 50px;
  max-height: 400px !important;
  overflow-y: scroll;
}
body .annualFeeImportInfo-sweet p .annualFeeErrorItem {
  margin-bottom: 10px;
}

.annualFeeBox .headerBox {
  display: flex;
  justify-content: end;
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.annualFeeBox .headerBox .exportList {
  cursor: pointer;
  margin-right: 32px;
  font-size: 14px;
}
.annualFeeBox .headerBox .operationAdd {
  position: relative;
  display: flex;
  align-items: center;
  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;
}
.annualFeeBox .headerBox .operationAdd i {
  position: relative;
}
.annualFeeBox .headerBox .operationAdd span {
  padding-left: 8px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox {
  position: absolute;
  z-index: 1000;
  top: 46px;
  left: -6px;
  width: 130px;
  background-color: #3d3d3d !important;
  color: white;
  border-radius: 10px !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: solid 1px #3d3d3d !important;
  padding: 10px 0;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #3d3d3d;
  left: 50%;
  top: -23px;
  margin-left: -11px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle::after {
  border-bottom-color: #3d3d3d !important;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #c3c3c3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.7rem 0 0.875rem;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem:hover {
  color: #fff;
  background-color: #282828;
}
.annualFeeBox .filterHeader {
  margin: 20px 0;
  height: 30px;
  display: flex;
  align-items: center;
}
.annualFeeBox .filterHeader .moreFilter {
  display: flex;
}
.annualFeeBox .filterHeader .moreFilter i {
  margin-left: 3px;
}
.annualFeeBox .highLight {
  color: #fa8919;
}
.annualFeeBox .highLight i {
  color: #fa8919 !important;
}
.annualFeeBox .listTableArea .operation-column {
  display: flex;
}
.annualFeeBox .listTableArea .operation-column div {
  cursor: pointer;
  margin-right: 10px;
}
.annualFeeBox .listTableArea .operation-column div:last-child {
  margin-right: 0;
}
.notice:nth-of-type(3) {
  margin-bottom: 0px !important;
}

.annualFeeBox .headerBox {
  display: flex;
  justify-content: end;
  font-size: 16px;
  height: 33px;
  line-height: 34px;
  color: #4a4a4a;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
}
.annualFeeBox .headerBox .exportList {
  cursor: pointer;
  margin-right: 32px;
  font-size: 14px;
}
.annualFeeBox .headerBox .operationAdd {
  position: relative;
  display: flex;
  align-items: center;
  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;
}
.annualFeeBox .headerBox .operationAdd i {
  position: relative;
}
.annualFeeBox .headerBox .operationAdd span {
  padding-left: 8px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox {
  position: absolute;
  z-index: 1000;
  top: 46px;
  left: -6px;
  width: 130px;
  background-color: #3d3d3d !important;
  color: white;
  border-radius: 10px !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1) !important;
  border: solid 1px #3d3d3d !important;
  padding: 10px 0;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #3d3d3d;
  left: 50%;
  top: -23px;
  margin-left: -11px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .triangle::after {
  border-bottom-color: #3d3d3d !important;
  border-top-width: 0;
  top: 1px;
  margin-left: -10px;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  color: #c3c3c3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 1.7rem 0 0.875rem;
}
.annualFeeBox .headerBox .operationAdd .inputFeePopoverCardBox .inputFeeitem:hover {
  color: #fff;
  background-color: #282828;
}
.annualFeeBox .filterHeader {
  margin: 20px 0;
  height: 30px;
  display: flex;
  align-items: center;
}
.annualFeeBox .filterHeader .moreFilter {
  display: flex;
}
.annualFeeBox .filterHeader .moreFilter i {
  margin-left: 3px;
}
.annualFeeBox .highLight {
  color: #fa8919;
}
.annualFeeBox .highLight i {
  color: #fa8919 !important;
}
.annualFeeBox .listTableArea .operation-column {
  display: flex;
}
.annualFeeBox .listTableArea .operation-column div {
  cursor: pointer;
  margin-right: 10px;
}
.annualFeeBox .listTableArea .operation-column div:last-child {
  margin-right: 0;
}
.notice:nth-of-type(3) {
  margin-bottom: 0px !important;
}

.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-left: 16px;
  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;
}

.input-refund {
  padding: 25px;
}
.input-refund .i-dialog__header {
  position: relative;
}
.input-refund .i-dialog__header .ibass-close {
  position: absolute;
  right: 0px;
  top: -12px;
  cursor: pointer;
}
.input-refund__title {
  margin: 20px 0 10px;
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.input-refund__title::before {
  content: attr(data-title);
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
}
.input-refund__attachment .ibass-attachment {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.input-refund__attachment .attachment {
  color: #737373;
  cursor: pointer;
}
.input-refund__attachment .attachment-text {
  color: #4a4a4a;
  cursor: pointer;
}
.input-refund__attachment .attachment-text .ibass-default {
  position: relative;
  top: 2px;
}
.input-refund__attachment .attachment-text i {
  margin-right: 4px;
}
.input-refund__attachment .attachment-text .ibass-close {
  font-size: 12px;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.input-refund__form .i-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.input-refund__footer {
  margin: 20px 0;
  text-align: center;
}

.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;
}

.add-red-invoice-dialog__content .i-form-item {
  font-size: 14px;
}
.add-red-invoice-dialog__content .i-form-item__label {
  flex-shrink: 0;
  text-align: right;
  padding-right: 4px;
}
.add-red-invoice-dialog__content .i-form-item__field {
  width: 100%;
}
.add-red-invoice-dialog__content .i-form-item__field .i-select__drop-down {
  max-width: 100%;
}
.add-red-invoice-dialog__content .i-form-item__error-wrapper {
  left: 150px;
}
.add-red-invoice-dialog__content .add-red-invoice__attachment .ibass-attachment {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.add-red-invoice-dialog__content .add-red-invoice__attachment .attachment {
  color: #737373;
  cursor: pointer;
}
.add-red-invoice-dialog__content .add-red-invoice__attachment .attachment-text {
  color: #4a4a4a;
  cursor: pointer;
}
.add-red-invoice-dialog__content .add-red-invoice__attachment .attachment-text i {
  margin-right: 4px;
}
.add-red-invoice-dialog__content .add-red-invoice__attachment .attachment-text .ibass-close {
  font-size: 12px;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.add-red-invoice-dialog__tip {
  margin-top: 25px;
  color: red;
  font-size: 14px;
}
.add-red-invoice-dialog .i-dialog__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.financial__invoice-detail {
  padding-top: 10px;
  padding-bottom: 30px;
}
.financial__invoice-detail .financial-dialog-label {
  margin-top: 32px;
}
.financial__invoice-detail .invoice-detail__title .title-text {
  display: inline-block;
  margin-left: 35px;
}
.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 .card-item .number {
  font-size: 20px;
  color: #4a4a4a;
}
.financial__invoice-detail .invoice-detail__body .card .card-item .text {
  font-size: 12px;
  color: #a9a9a9;
}
.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 .item-input {
  padding-left: 0;
}
.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 {
  display: inline-block;
  margin-right: 6px;
  color: #a9a9a9;
}
.financial__invoice-detail .invoice-detail__body .body__invoice-info .invoice-type .ibass-done {
  display: inline-block;
  margin-right: 6px;
  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-detail .body__red-invoice-table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
}
.financial__invoice-detail .add-red-invoice-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
  color: #a9a9a9;
}
.financial__invoice-detail .add-red-invoice-btn .text-area {
  display: flex;
  align-items: center;
}
.financial__invoice-detail .add-red-invoice-btn .text-area .ibass-add-round {
  color: #fa8919;
  position: relative;
  top: 1px;
}
.financial__invoice-detail .nfim-foot .dynamic-icon {
  margin-top: 6px !important;
}
.financial__invoice-detail .electronic-invoice-file {
  display: flex;
  align-items: flex-start;
}
.financial__invoice-detail .electronic-invoice-file i-form {
  flex: 1;
}
.financial__invoice-detail .electronic-invoice-file .i-form {
  height: 66px;
  position: relative;
  top: 5px;
  margin-left: 20px;
}
.financial__invoice-detail .electronic-invoice-file .i-form .i-btn {
  position: absolute;
  right: 0;
  top: 15px;
  width: 72px;
  min-width: unset;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  z-index: 999;
}
.financial__invoice-detail .electronic-invoice-file .i-form .i-btn--disabled {
  background: #FDD9B6;
  cursor: not-allowed;
}

.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 .electronic-invoice-file {
  display: flex;
  align-items: flex-start;
}
.financial__invoice-create .electronic-invoice-file i-form {
  flex: 1;
}
.financial__invoice-create .electronic-invoice-file .i-form {
  position: relative;
  margin-left: 20px;
  top: 5px;
  height: 66px;
}
.financial__invoice-create .electronic-invoice-file .i-form .i-btn {
  position: absolute;
  right: 0;
  top: 15px;
  width: 72px;
  min-width: unset;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  z-index: 999;
}
.financial__invoice-create .electronic-invoice-file .i-form .i-btn--disabled {
  background: #FDD9B6;
  cursor: not-allowed;
}
.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;
}

.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;
}

.financial-red-invoice-detail__body .red-invoice-block-item {
  margin-top: 32px;
}
.financial-red-invoice-detail__body .red-invoice-block-item__title {
  margin-bottom: 24px;
  width: fit-content;
  border-bottom: 2px solid #fa8919;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 6px;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .i-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .i-form .i-form-item-light__label {
  font-size: 14px;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .i-form .i-select__drop-down {
  max-width: 100%;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .blue-invoice-info {
  box-sizing: border-box;
  margin: 24px 0 32px 0;
  padding: 16px 17px 0 16px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #F7F8F9;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .blue-invoice-info .invoice-info-item {
  box-sizing: border-box;
  width: 33.3%;
  display: flex;
  font-size: 14px;
  margin-bottom: 16px;
  padding-right: 16px;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .blue-invoice-info .invoice-info-item .label {
  margin-right: 4px;
  width: 90px;
  flex-shrink: 0;
  text-align: right;
  font-weight: 400;
  color: #4A4A4A;
}
.financial-red-invoice-detail__body .red-invoice-block-item__content .blue-invoice-info .invoice-info-item .value {
  font-weight: 400;
  color: #A9A9A9;
  max-width: 100%;
}
.financial-red-invoice-detail__body .info-item {
  display: flex;
  align-items: center;
  padding: 24px 0;
  width: fit-content;
}
.financial-red-invoice-detail__body .info-item__value {
  flex: 1;
  margin-left: 16px;
}
.financial-red-invoice-detail__body .info-item__value .hight-light {
  color: #F6535C;
}
.financial-red-invoice-detail__body .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list {
  height: 42px;
  padding-left: 35px;
}
.financial-red-invoice-detail__body .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  top: 0;
}
.financial-red-invoice-detail__body .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-name {
  padding-top: 0;
}
.financial-red-invoice-detail__body .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-name-click-preview:hover {
  color: #FA8919;
  text-decoration: underline;
}
.financial-red-invoice-detail__body .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list .file-operation {
  top: 35%;
}
.financial-red-invoice-detail__body .open-date {
  padding-top: 0;
}
.financial-red-invoice-detail__body .attachment-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.financial-red-invoice-detail__body .attachment-item__label {
  color: #a9a9a9;
}
.financial-red-invoice-detail__body .attachment-item__value {
  width: 49%;
  border-bottom: 1px solid #f0f0f0;
}
.financial-red-invoice-detail__body .attachment-item__value .edit-red-invoice__attachment .ibass-attachment {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.financial-red-invoice-detail__body .attachment-item__value .edit-red-invoice__attachment .attachment {
  color: #737373;
  cursor: pointer;
  padding-bottom: 8px;
}
.financial-red-invoice-detail__body .attachment-item__value .edit-red-invoice__attachment .attachment-text {
  color: #4a4a4a;
  cursor: pointer;
}
.financial-red-invoice-detail__body .attachment-item__value .edit-red-invoice__attachment .attachment-text i {
  margin-right: 4px;
}
.financial-red-invoice-detail__body .attachment-item__value .edit-red-invoice__attachment .attachment-text .ibass-close {
  font-size: 12px;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.financial-red-invoice-detail .operation-area {
  text-align: center;
  margin: 60px 0;
}
.financial-red-invoice-detail .operation-area .i-btn {
  box-sizing: border-box;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.financial-red-invoice-detail .operation-area .i-btn--cancel {
  background: #fff;
  border: 1px solid #DCDFE6;
  margin-right: 10px;
}
.financial-red-invoice-detail .operation-area .i-btn--normal {
  background: #fa8919;
  border: 1px solid #fa8919;
}

.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;
}

.reset-red-invoice-dialog .i-dialog__container {
  padding-top: 32px;
  text-align: center;
}

.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;
}

.financialV2-export-list-dialog-container {
  height: 200px;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-title {
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 60px;
  height: 60px;
  margin-left: 20px;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-choose {
  margin-left: 20px;
  margin-top: 20px;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-choose .financialV2-export-list-dialog-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-choose .financialV2-export-list-dialog-item .financialV2-export-list-dialog-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 10px;
  border: 1px solid #fa8919;
  border-radius: 50%;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-choose .financialV2-export-list-dialog-item.financialV2-export-list-dialog-active .financialV2-export-list-dialog-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-choose .financialV2-export-list-dialog-item.financialV2-export-list-dialog-active .financialV2-export-list-dialog-icon:after {
  display: block;
  background-color: #fa8919;
  content: ' ';
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-button-wrap {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-button-wrap .financialV2-export-list-dialog-button-cancel {
  width: 80px;
  height: 34px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 20px;
  background-color: #f5f8fa;
  font-size: 12px;
  font-weight: 500;
  color: #4a4a4a;
  line-height: 34px;
  cursor: pointer;
  margin-right: 10px;
}
.financialV2-export-list-dialog-container .financialV2-export-list-dialog-button-wrap .financialV2-export-list-dialog-button-sure {
  width: 80px;
  height: 34px;
  box-sizing: border-box;
  text-align: center;
  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;
  cursor: pointer;
}

.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 .ibass {
  width: 30px;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.i-reim-dialog .reim-detailed-table .ibass-checked {
  color: #fa8919;
}
.i-reim-dialog .reim-detailed-table .ibass.disabled {
  cursor: not-allowed !important;
  color: #ddd;
}
.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,
.todo-wrap .allocation 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,
.todo-wrap .allocation 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,
.todo-wrap .allocation .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: 16px;
}
.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;
}

.financial-salary-detail .block__total {
  margin-top: 43px;
  padding: 17px 8px 8px;
  background: #F7F8F9;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
}
.financial-salary-detail .block__total .total__title {
  margin-bottom: 15px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
  text-align: center;
}
.financial-salary-detail .block__total .total__calc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 114px;
  padding: 0 109px;
  background: #FFFFFF;
  border-radius: 8px;
}
.financial-salary-detail .block__total .total__num {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.financial-salary-detail .block__total .total__num .num {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}
.financial-salary-detail .block__total .total__num .num--diff {
  color: #ED6C00;
}
.financial-salary-detail .block__total .total__num .desc {
  margin-top: 6px;
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}
.financial-salary-detail .block__total .total__symbol {
  font-size: 38px;
  font-family: AppleColorEmoji;
  color: #333;
  line-height: 29px;
}
.financial-salary-detail .block__detail {
  margin-top: 32px;
}
.financial-salary-detail .block__title {
  position: relative;
  padding-bottom: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  border-bottom: 1px solid #EBEBEB;
}
.financial-salary-detail .block__title::after {
  content: "";
  position: absolute;
  width: 56px;
  height: 2px;
  background: #FA8919;
  left: 0;
  bottom: 0;
}
.financial-salary-detail .block__card {
  margin-top: 24px;
  padding: 20px;
  background: #F7F8F9;
  border-radius: 10px;
}
.financial-salary-detail .block__card .card__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.financial-salary-detail .block__card .card__title {
  position: relative;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  text-indent: 11px;
}
.financial-salary-detail .block__card .card__title::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 16px;
  background: #FA8919;
  border-radius: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.financial-salary-detail .block__card .card__stat {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 12px;
  padding-left: 12px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.financial-salary-detail .block__card .card__stat::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.financial-salary-detail .block__card .card__stat .highlight {
  margin: 0 4px;
  color: #ED6C00;
}
.financial-salary-detail .block__card .card__stat .line {
  width: 1px;
  height: 14px;
  background: #EBEBEB;
  margin: 0 12px;
}
.financial-salary-detail .block__card .card__table .i-table__header th,
.financial-salary-detail .block__card .card__table .i-table__footer th {
  background-color: #fff;
}
.financial-salary-detail .block__card .card__table .i-table__tr td > div > span:empty::after {
  content: '- -';
}
.financial-salary-detail .block__card .card__form {
  width: 200px;
}
.financial-salary-detail .financial-dialog-footer {
  text-align: center;
  margin-block: 32px;
}

.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;
}

.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 {
  height: 100%;
}
.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 .dep-container {
  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;
}
.hr-member-addedit .selectdept .dep-container .tree {
  padding: 0 14px;
  max-height: 200px;
  overflow: auto;
}
.hr-member-addedit .selectdept .dep-container .ns-popover-search input {
  padding-top: 0;
  border: none;
  float: left;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.hr-member-addedit .selectdept .dep-container .tree-ul {
  margin-top: 0;
}
.hr-member-addedit .selectdept .dep-container .nav-tree ul li {
  max-width: 100%;
  width: 100%;
}
.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 .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-addedit .addedit__container {
  display: flex;
  padding: 20px 0;
}
.hr-member-addedit .addedit__container .steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  border-right: 1px solid #ebebeb;
}
.hr-member-addedit .addedit__container .steps .step {
  position: relative;
  text-align: center;
  height: 127px;
  cursor: pointer;
}
.hr-member-addedit .addedit__container .steps .step__node {
  display: flex;
}
.hr-member-addedit .addedit__container .steps .step__order {
  width: 24px;
  height: 24px;
  background-color: #ddd;
  border-radius: 50%;
  margin-left: 30px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #f9f9f9;
}
.hr-member-addedit .addedit__container .steps .step__title {
  padding-left: 6px;
  padding-top: 2px;
  text-align: left;
  font-size: 14px;
  color: #9b9b9b;
}
.hr-member-addedit .addedit__container .steps .step__require {
  font-style: normal;
  color: red;
  vertical-align: middle;
  padding-left: 2px;
}
.hr-member-addedit .addedit__container .steps .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;
}
.hr-member-addedit .addedit__container .steps .step--active .step__order {
  background-color: #fa8919;
}
.hr-member-addedit .addedit__container .steps .step--active .step__title {
  color: #4a4a4a;
}
.hr-member-addedit .addedit__container .steps .step--active .step__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;
}
.hr-member-addedit .addedit__container .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 900px;
}
.hr-member-addedit .addedit__container .content .matter .edit-view {
  top: 0;
}
.hr-member-addedit .addedit__container .content .member-patch-form {
  width: 400px;
}
.hr-member-addedit .footer {
  text-align: center;
  margin-block: 30px;
}
.hr-member-addedit .footer .i-btn {
  width: 120px;
  height: 36px;
}

.hr-patch-info {
  position: relative;
}
.hr-patch-info__item > div {
  margin-bottom: 30px;
}
.hr-patch-info .deptree-container .ibass-search {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.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 .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 .slider-close.right-part__member {
  width: 1100px;
}
.hr-member .slider-open.right-part__member {
  width: 930px;
}
.hr-member .max100 {
  max-width: 100px;
  min-width: 70px;
}
.hr-member .max70 {
  max-width: 70px;
  min-width: 60px;
}
.hr-member .max50 {
  max-width: 50px;
  min-width: 40px;
}
.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 .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 .dep-container {
  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;
}
.hr-member .selectdept .dep-container .tree {
  padding: 0 14px;
  max-height: 200px;
  overflow: auto;
}
.hr-member .selectdept .dep-container .ns-popover-search input {
  padding-top: 0;
  border: none;
  float: left;
  height: 100%;
  width: 85%;
  background: transparent;
  padding-left: 5px;
}
.hr-member .selectdept .dep-container .tree-ul {
  margin-top: 0;
}
.hr-member .selectdept .dep-container .nav-tree ul li {
  max-width: 100%;
  width: 100%;
}
.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 .hr-member-selecte .ibass-search {
  position: absolute !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;
  line-height: 26px;
  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;
}
.hr-member .hr-dialog-edit-container {
  display: flex;
  padding: 20px 0;
}
.hr-member .hr-dialog-edit-container .steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  border-right: 1px solid #ebebeb;
}
.hr-member .hr-dialog-edit-container .steps .step {
  position: relative;
  text-align: center;
  height: 127px;
  cursor: pointer;
}
.hr-member .hr-dialog-edit-container .steps .step__node {
  display: flex;
}
.hr-member .hr-dialog-edit-container .steps .step__order {
  width: 24px;
  height: 24px;
  background-color: #ddd;
  border-radius: 50%;
  margin-left: 30px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #f9f9f9;
}
.hr-member .hr-dialog-edit-container .steps .step__title {
  padding-left: 6px;
  padding-top: 2px;
  text-align: left;
  font-size: 14px;
  color: #9b9b9b;
}
.hr-member .hr-dialog-edit-container .steps .step__require {
  font-style: normal;
  color: red;
  vertical-align: middle;
  padding-left: 2px;
}
.hr-member .hr-dialog-edit-container .steps .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;
}
.hr-member .hr-dialog-edit-container .steps .step--active .step__order {
  background-color: #fa8919;
}
.hr-member .hr-dialog-edit-container .steps .step--active .step__title {
  color: #4a4a4a;
}
.hr-member .hr-dialog-edit-container .steps .step--active .step__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;
}
.hr-member .hr-dialog-edit-container .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: max-content;
}
.hr-member .hr-dialog-edit-container .content .matter .edit-view {
  top: 0;
}
.hr-member .hr-dialog-edit-container .content > div {
  width: max-content;
  height: max-content;
  padding: 0;
  overflow: visible;
}
.hr-member .hr-dialog-edit-container .content > div .member-line:first-of-type {
  margin-top: 0;
}
.hr-member .hr-dialog-edit-container .content .hr-patch-info {
  width: 400px;
  margin-right: 100px;
}
.hr-member .hr-dialog-edit-container .content .hr-patch-info .form-date-interval .date-interval .choose-date {
  flex: 1;
}
.hr-member .hr-dialog-edit-footer {
  text-align: center;
  margin-block: 30px;
}
.hr-member .hr-dialog-edit-footer .i-btn {
  width: 120px;
  height: 36px;
}
.hr-member__table {
  margin: 0 30px;
}
.hr-member__table .i-table {
  border: none;
  border-radius: 0;
}
.hr-member__table .i-table .name {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.hr-member__table .i-table .name img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 4px;
}
.hr-member__table .i-table table th {
  height: 40px;
  background-color: #fff;
  color: #737373;
  font-weight: 400;
}
.hr-member__table .i-table table td {
  height: 53px;
}
.hr-member-sweet-alert {
  min-height: 250px !important;
  height: max-content !important;
}
.hr-member-sweet-alert p {
  height: 130px;
}

.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;
}


.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;
}

.operation-dialog .i-dialog__container .i-form,
.operation-dialog .i-dialog__container .table-wrapper {
  padding: 20px 20px 24px;
  background: #F7F8F9;
  border-radius: 8px;
}
.operation-dialog .i-dialog__container .form .i-form {
  display: grid;
  margin-bottom: 26px;
  row-gap: 16px;
  column-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
.operation-dialog .i-dialog__container .form .i-form-item {
  padding: 0;
  overflow: hidden;
}
.operation-dialog .i-dialog__container .form .i-form-item:last-of-type {
  grid-column-start: 1;
  grid-column-end: 4;
}
.operation-dialog .i-dialog__container .form .i-form-item__content {
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}
.operation-dialog .i-dialog__container .form .i-form-item__label {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 14px;
  margin-bottom: 8px;
}
.operation-dialog .i-dialog__container .form .i-form-item__label .require-icon {
  position: absolute;
  margin-right: 0px;
}
.operation-dialog .i-dialog__container .form .i-form-item__label span:nth-of-type(2) {
  margin-left: 6px;
}
.operation-dialog .i-dialog__container .form .i-form-item__field {
  width: 100%;
  font-size: 14px;
}
.operation-dialog .i-dialog__container .form .i-form-item__error-wrapper {
  top: 0;
  right: 0;
  left: unset;
  bottom: unset;
}
.operation-dialog .i-dialog__container .table-wrapper .table__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.operation-dialog .i-dialog__container .table-wrapper .table__title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
}
.operation-dialog .i-dialog__container .table-wrapper .table__btns .i-btn {
  width: 102px;
}
.operation-dialog .i-dialog__container .table-wrapper .table__btns .i-btn i {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.operation-dialog .i-dialog__container .table-wrapper .table .i-table__header th {
  background-color: #FFFFFF;
}
.operation-dialog .i-dialog__container .table-wrapper .table input {
  min-width: 120px;
  width: 100%;
  height: 28px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  outline: none;
  padding-left: 8px;
  padding-right: 18px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  color: #333333;
}
.operation-dialog .i-dialog__container .table-wrapper .table input::-webkit-outer-spin-button,
.operation-dialog .i-dialog__container .table-wrapper .table input::-webkit-inner-spin-button {
  appearance: none !important;
}
.operation-dialog .i-dialog__container .table-wrapper .table input[type='number'] {
  appearance: textfield;
}
.operation-dialog .i-dialog__container .table-wrapper .table .i-tree-select {
  width: 150px;
}
.operation-dialog .i-dialog__container .table-wrapper .table .ibass-delete {
  font-size: 14px;
  color: #d4d4d4;
}
.operation-dialog .i-dialog__container .table-wrapper .table .ibass-delete:hover {
  color: #FA8919;
}
.add-material-dialog .list-filter {
  margin-bottom: 26px;
}
.add-material-dialog .table .i-table__header th {
  background-color: #FFFFFF;
}
.material-record-drawer__base-info {
  padding: 24px;
  margin-bottom: 30px;
  background: #F7F8F9;
  border-radius: 8px;
}
.material-record-drawer__base-info .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
}
.material-record-drawer__base-info .blocks {
  display: grid;
  flex-wrap: wrap;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
.material-record-drawer__base-info .blocks .block {
  overflow: hidden;
}
.material-record-drawer__base-info .blocks .block__label {
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  margin-bottom: 6px;
}
.material-record-drawer__base-info .blocks .block__value {
  font-size: 14px;
  color: #212121;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.material-record-drawer__base-info .blocks .block__value:empty::before {
  content: "- -";
}
.material-record-drawer__base-info .blocks .block:last-of-type {
  grid-column-start: 1;
  grid-column-end: 5;
}
.material-record-drawer__base-info .blocks .block:last-of-type .block__value {
  text-overflow: initial;
  overflow: visible;
  white-space: initial;
}
.material-record-drawer__table .title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  margin-bottom: 14px;
}
.center-pagination {
  display: flex;
  margin: 0;
  margin-top: 24px;
  justify-content: center;
}
.center-pagination li.noHover {
  background: transparent;
}

.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;
}
.form-item label {
  position: absolute;
}
.form-item .label-noactive {
  left: 0;
  color: #a9a9a9;
  font-size: 14px;
}
.form-item .label-active,
.form-item .label-active-with-value {
  top: 10px !important;
  left: 0;
  font-size: 12px !important;
  color: #a9a9a9;
}
.form-item .input-remind {
  height: 20px;
  line-height: 20px;
  font-style: normal;
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 100;
}
.form-item .input-remind i {
  color: #cdc9c5;
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 2px;
}
.form-item .input-remind i:hover {
  color: #fc8919;
}
.form-item .input-remind .required-icon {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
}
.form-item .input-remind .required-icon:hover {
  color: #f72b44;
}
.form-item .input-remind .ibass-trig-down {
  color: #cdc9c5;
  cursor: default;
  top: 3px;
}
.form-item .input-remind .ibass-trig-down:hover {
  color: #cdc9c5;
}
.form-item .input-remind .high-light {
  color: #fc8919 !important;
}
.form-item .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;
}
.form-item .input-operator i {
  position: relative;
  top: 3px;
}
.form-item .input-operator .ibass-add-fill:hover {
  color: #fc8919;
}
.form-item .input-operator .ibass-minus-fill {
  margin-right: 6px;
}
.form-item .input-operator .ibass-minus-fill:hover {
  color: #fc8919;
}
.form-item .form-input {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  width: 100%;
  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;
}

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

.intell-inventory-no-bind-wrap {
  box-sizing: border-box;
  padding: 40px 50px;
  width: 98%;
  height: 240px;
  background: #FAFBFC;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.intell-inventory-no-bind-wrap .wrap__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 134px;
  height: 160px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-right: 26px;
}
.intell-inventory-no-bind-wrap .wrap__left .qrcode {
  display: block;
  width: 110px;
  height: 110px;
  overflow: hidden;
}
.intell-inventory-no-bind-wrap .wrap__left .txt {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.intell-inventory-no-bind-wrap .wrap__right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.intell-inventory-no-bind-wrap .wrap__right .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.intell-inventory-no-bind-wrap .wrap__right .title-wrap__txt .blod {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-right: 5px;
}
.intell-inventory-no-bind-wrap .wrap__right .title-wrap__txt .grey {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.intell-inventory-no-bind-wrap .wrap__right .title-wrap__btn .i-btn {
  width: 88px;
  height: 32px;
}
.intell-inventory-no-bind-wrap .wrap__right .line {
  height: 1px;
  background: #F0F0F0;
  margin: 16px 0;
}
.intell-inventory-no-bind-wrap .wrap__right .tip-wrap__title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 8px;
}
.intell-inventory-no-bind-wrap .wrap__right .tip-wrap__list {
  display: flex;
  flex-direction: column;
  align-content: space-between;
  font-size: 14px;
}
.intell-inventory-no-bind-wrap .wrap__right .tip-wrap__list .tip {
  color: #4A4A4A;
}
.intell-inventory-no-bind-wrap .wrap__right .tip-wrap__list .bold {
  font-weight: 600;
}
.intell-inventory-no-bind-wrap .wrap__right .tip-wrap__list .light {
  color: #FA8919;
  font-weight: 600;
}

.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;
}

.list-filter__header .right {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;
}
.list-filter__header .right i {
  margin-left: 3px;
  font-size: 12px;
  color: #cdc9c5;
}
.list-filter__header .right:hover {
  color: #fa8919;
}
.list-filter__header .right:hover i {
  color: #fa8919;
}
.list-filter__header .ibass-fullScreen,
.list-filter__header .ibass-defaultScreen {
  color: #999;
}
.list-filter__body {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 24px 20px;
  box-sizing: border-box;
  background: #F7F8F9;
}
.list-filter__body filter-base {
  width: 100%;
}
.list-filter__body filter-more {
  width: 100%;
}
.list-filter__body filter-control {
  width: 100%;
}
.list-filter__body-base,
.list-filter__body-more {
  width: 100%;
}
.list-filter__body filter-base,
.list-filter__body filter-more {
  display: grid;
  column-gap: 20px;
  row-gap: 15px;
  grid-template-columns: repeat(3, 1fr);
}
.list-filter__body-more {
  margin-top: 15px;
}
.list-filter__body-control {
  width: 100%;
  margin-top: 24px;
  text-align: right;
}
.list-filter__body-control .i-btn--text {
  width: 60px;
  color: #606266;
}
.list-filter__body-control .i-btn--normal {
  width: 56px;
}
.list-filter__body-control i.ibass-refresh {
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.list-filter__body .i-form-item {
  position: relative;
  padding-bottom: 0;
  display: inline-flex;
  width: 100%;
}
.list-filter__body .i-form-item__content {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.list-filter__body .i-form-item__label {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 14px;
  text-align: left;
  margin-bottom: 8px;
  white-space: nowrap;
  text-indent: 4px;
}
.list-filter__body .i-form-item__field {
  width: 100%;
}
.full-screen {
  width: calc(100% - 1px) !important;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
}
.full-screen .commen-header {
  display: none;
}
.full-screen .ns-right-content .nav-content {
  padding-left: 0;
}
.full-screen .ns-left-content {
  display: none;
}
.full-screen .ns-right-content {
  margin-left: 0;
  border-left: none;
}
.full-screen .ns-right-content .assets-manage-right-content {
  margin-left: 0;
}

.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__expense__more-filter.istration-more-filter .filter-item .sign-type {
  cursor: pointer;
  position: relative;
  display: flex;
  line-height: 28px;
}
.financial__expense__more-filter.istration-more-filter .filter-item .sign-type .sign-type-popovar {
  top: 22px !important;
  left: -100px !important;
}

.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-title {
  text-align: center;
  color: #737373;
  font-size: 12px;
  height: 10px;
  line-height: 50px;
}
.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;
}

.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;
}

.tooltip {
  background-color: #3d3d3d;
}
.tooltip.info {
  position: absolute;
  z-index: 9999;
  padding: 3px 5px;
}
.tooltip.share-member {
  position: absolute;
  z-index: 9999;
  padding: 3p 5px;
}
.tooltip.favorite {
  position: absolute;
  z-index: 9999;
  padding: 3px 5px;
}
.tooltip .tooltip-arrow {
  border-top-color: #3d3d3d;
}

.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;
}

.km-create-template-container.i-project-template-import {
  padding-left: 0;
  padding-right: 0;
}
.km-create-template-container.i-project-template-import .header {
  display: flex;
  text-align: center;
  height: 30px;
  line-height: initial;
  border-bottom: 1px solid #F0F0F0;
}
.km-create-template-container.i-project-template-import .header .ahead {
  left: 20px;
  top: -8px;
  font-size: 14px;
}
.km-create-template-container.i-project-template-import .header .title {
  flex: 1;
}
.km-create-template-container.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-status .ibass-filetype-doc {
  color: #0a96e5 !important;
}
.project-template-status .error-text {
  color: #FA4344;
  font-size: 12px;
}
.tmp-name {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
.tmp-name::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #909399;
  border-radius: 50%;
  margin-right: 5px;
}
.tmp-pic {
  display: block;
  width: 216px;
  height: 80px;
  background: linear-gradient(225deg, rgba(230, 233, 235, 0.12) 0%, rgba(235, 238, 240, 0.6) 100%);
  border-radius: 4px;
}

.project-template-task .ibass-more {
  color: #d8dbd8;
}
.project-template-task .task-list {
  width: 100%;
  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-list .add-button {
  line-height: 40px;
}
.project-template-task .task-list project-phase i {
  position: relative;
  top: 2px;
}
.project-template-task .task-list .add-button .work-flow {
  margin-right: 15px;
  font-size: 14px;
  color: #666;
  vertical-align: top;
  cursor: pointer;
}
.project-template-task .task-list .add-button .work-flow:hover {
  color: #fa8919;
}
.project-template-task .task-name {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  height: 32px;
}
.project-template-task .task-name.long {
  max-width: 600px;
}
.right-btns {
  display: inline-flex;
  float: right;
  align-items: center;
  line-height: 46px;
}
.right-btns .project-phase {
  margin-right: 0;
}
.right-btns > div {
  padding: 0 15px;
  cursor: pointer;
  color: #666;
}
.right-btns > div .tit {
  padding-left: 0 !important;
}
.right-btns > div:hover {
  color: #fa8919 !important;
}
.right-btns > div:hover .add-icon {
  color: #fa8919 !important;
}
.right-btns > div + div {
  position: relative;
}
.right-btns > div + div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  height: 20px;
  width: 1px;
  background-color: #f0f0f0;
}
.right-btns i {
  position: relative;
  top: 2px;
}
.template-list--area {
  padding: 18px 24px 100px !important;
}
.template-list--area .template-document-tasknum-padding {
  padding-left: 0 !important;
}
.template-list--area .nd-content-top {
  padding: 24px 0 0 !important;
}
.template-list--area .nd-content-top .operate-wrapper {
  margin-left: 16px;
}
.template-list--area .nd-content-top .operate-wrapper:last-of-type {
  margin-left: 0;
}
.template-list--area .nd-content-top .collapse {
  position: relative;
  top: 1px;
}
.template-list--area .nd-content-top .collapse span {
  padding: 0 !important;
}
.template-list--area .nd-content-top .collapse span.active {
  color: #fa8919;
}
.template-list--area .nd-content-top .collapse .icon {
  display: flex;
  align-items: center;
}
.template-list--area .task-title {
  background-color: #FAFBFC;
  cursor: pointer;
}
.template-list--area .task-title:hover .drag-icon {
  display: inline-flex;
}
.template-list--area .task-title .drag-icon {
  display: none;
  float: left;
  margin-left: 12px;
  width: 24px;
}
.template-list--area .task-title .drag-icon i {
  color: #d8dbd8 !important;
}
.template-list--area .task-title .drag-icon :last-child {
  position: relative;
  left: -8px;
}
.template-list--area .task-title .title {
  border: none !important;
}
.template-list--area .tpl-create-task-modal {
  margin-top: 16px;
  margin-bottom: 8px;
}
.template-list--area .tpl-create-task-modal .nd-content-search {
  width: 100%;
}
.template-list--area .task-list .task-item:hover .drag-icon {
  display: inline-flex;
}
.template-list--area .task-list .task-item .parent-wrapper:hover .title i.ibass-task-check:not(.cursor-not-allow) {
  color: #FA8919;
}
.template-list--area .task-list .task-item .drag-icon {
  display: none;
  position: relative;
  width: 24px;
}
.template-list--area .task-list .task-item .drag-icon :last-child {
  position: relative;
  left: -8px;
}
.template-list--area .task-list .children-list .list-item task-children-item .task-item .info .icon i {
  font-size: 16px;
}
.template-list--area .task-list .children-list .list-item task-children-item .task-item:hover .info .icon i {
  color: #FA8919;
}

.matter-borrow-archive {
  padding: 30px 80px;
}
.matter-borrow-archive .i-dialog__header {
  position: relative;
  margin-bottom: 33px;
}
.matter-borrow-archive .i-dialog__header .ibass-close {
  position: absolute;
  right: -36px;
  top: 0px;
}
.matter-borrow-archive .i-dialog__header::after {
  width: calc(100% - 26px);
}
.matter-borrow-archive__title {
  width: 100%;
  height: 28px;
  font-size: 14px;
  line-height: 20px;
}
.matter-borrow-archive__title .text {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.matter-borrow-archive__base-info {
  margin-bottom: 32px;
}
.matter-borrow-archive__infos {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.matter-borrow-archive__info {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.matter-borrow-archive__info + .matter-borrow-archive__info {
  margin-left: 24px;
}
.matter-borrow-archive__info .title {
  margin-bottom: 12px;
  color: #a9a9a9;
  font-size: 14px;
}
.matter-borrow-archive__info .value {
  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  line-height: 30px;
}
.matter-borrow-archive__pdf {
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px 0px #F0F0F0;
  padding: 0 24px 0 8px;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.matter-borrow-archive__pdf i {
  margin-right: 10px;
  vertical-align: top;
}
.matter-borrow-archive__pdf .name {
  overflow: hidden;
}
.matter-borrow-archive__pdf .name span {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-borrow-archive__pdf .size {
  flex-grow: 1;
  margin: 0 16px;
}
.matter-borrow-archive__pdf .size,
.matter-borrow-archive__pdf .modify-time {
  flex-shrink: 0;
  font-size: 14px;
  color: #999999;
}
.matter-borrow-archive__save {
  text-align: center;
}

.matter-check-archive {
  padding: 30px 80px 90px;
  box-sizing: border-box;
  border-radius: 10px;
}
.matter-check-archive__header {
  position: relative;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 14px;
  line-height: 1;
  margin-bottom: 23px;
}
.matter-check-archive__header .ibass-filetype-folder {
  margin-right: 10px;
  vertical-align: sub;
  font-size: 24px;
  font-weight: normal;
  color: #CDC9C5;
}
.matter-check-archive__header .header-text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.matter-check-archive__header .ibass-close {
  position: absolute;
  top: 8px;
  right: 0;
}
.matter-check-archive__header .shareBtnt {
  position: absolute;
  top: 5px;
  right: 35px;
  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-check-archive__header .shareBtnt:hover {
  background-color: #fa8919;
  color: #fff;
  border-color: #fa8919;
}
.matter-check-archive__file {
  margin-bottom: 40px;
}
.matter-check-archive__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 28px;
  font-size: 14px;
  line-height: 20px;
}
.matter-check-archive__title .text {
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 26px;
  font-weight: bold;
}
.matter-check-archive__pdf {
  display: flex;
  height: 56px;
  padding: 0px 24px;
  box-sizing: border-box;
  line-height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px 0px #F0F0F0;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  user-select: none;
}
.matter-check-archive__pdf i {
  margin-right: 10px;
  vertical-align: top;
}
.matter-check-archive__pdf span {
  width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-check-archive__pdf:hover {
  background-color: #F8F8F8;
  color: #FA8919;
}
.matter-check-archive__table {
  margin: 20px 0;
}

.auto-create-task .i-btn span.active {
  color: #333333;
}
.auto-create-task .i-btn i,
.auto-create-task .i-btn span {
  font-size: 14px;
}
.auto-create-task .i-btn:hover span {
  color: #ED6C00;
}
.auto-create-task .ibass-checkbox,
.auto-create-task .ibass-checked {
  position: relative;
  top: 2px;
}
.auto-create-task .ibass-checked {
  color: #fa7819;
  margin-right: 4px;
}
.auto-create-task.disabled [class^="ibass-"],
.auto-create-task.disabled span {
  cursor: not-allowed !important;
  color: #A9A9A9 !important;
}

.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: 420px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}
.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 .matter-check-wrap {
  color: #999;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  font-size: 16px;
}
.i-new-matters-list .matter-check-wrap:hover {
  color: #fa8919;
}
.i-new-matters-list .matter-check-wrap .ibass-checked {
  color: #fa8919;
}
.i-new-matters-list .i-matters-list-right {
  display: inline-block;
  position: relative;
  left: -5px;
  width: 720px;
  overflow-x: auto;
  overflow-y: hidden;
  border-right: 1px solid #efefef;
}
.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: 720px;
}
.i-new-matters-list .i-matters-list-right::-webkit-scrollbar {
  display: none;
}
.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 {
  display: flex;
  align-items: center;
  background-color: #f5f6f7;
  font-size: 0;
  border-bottom: 1px solid #f0f0f0;
  height: 37px;
  max-height: 37px;
  line-height: 35px;
  position: relative;
  box-shadow: 2px 0px 18px 0px rgba(0, 0, 0, 0.1);
}
.i-new-matters-list .i-matters-list-header.lighter-shadow {
  box-shadow: 2px 0px 18px 0px rgba(0, 0, 0, 0.05);
}
.i-new-matters-list .i-matters-list-header .i-matter-approval {
  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;
  margin-left: 12px;
  color: #999999;
}
.i-new-matters-list .i-matters-list-header .ibass-settings:hover {
  color: #fa8919;
}
.i-new-matters-list .i-matters-list-header .ibass-checked {
  color: #fa8919;
}
.i-new-matters-list .i-matters-list-header .ibass-checkbox {
  color: #999999;
}
.i-new-matters-list .i-matters-list-header span {
  font-size: 13px;
  display: inline-block;
  padding: 0 18px;
  box-sizing: border-box;
  width: 120px;
  padding: 0 8px;
  text-align: center;
}
.i-new-matters-list .i-matters-list-header span.approvaling-num {
  width: auto;
}
.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 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.i-new-matters-list .i-matters-list-header .i-matters-list-header-unfixed 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: 120px;
  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-fixed-list i-matter-field {
  height: 100%;
}
.i-new-matters-list .i-matter-detail-title {
  margin-bottom: 6px;
}
.i-new-matters-list .i-matter-detail-title .has-star {
  background-color: #fa8919;
  padding: 0 4px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  margin-right: 4px;
}
.i-new-matters-list .i-matter-detail-title .matter-check {
  font-size: 16px;
  display: inline-block;
  vertical-align: bottom;
}
.i-new-matters-list .i-matter-detail-title .matter-check:hover {
  color: #fa8919;
}
.i-new-matters-list .i-matter-detail-title .ibass-checked {
  color: #fa8919;
}
.i-new-matters-list .i-matter-detail-title .ibass-checkbox {
  color: #999999;
}
.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: 14px;
  vertical-align: middle;
  max-width: 280px;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-name.i-matter-name-star {
  max-width: 225px;
}
.i-new-matters-list .i-matter-fixed-detail .matter-status-name {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 15px 2px 15px;
  border-radius: 20px;
  font-size: 12px;
  border: solid 1px #ebe8e6;
  margin-left: 10px;
  color: #4A4A4A;
  border-color: #ebe8e6;
  transition-property: color, background-color, border-color;
  transition-duration: .15s;
  transition-timing-function: ease-in;
}
.i-new-matters-list .i-matter-fixed-detail .matter-status-name:hover {
  color: #FA8919;
  border-color: #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}
.i-new-matters-list .i-matter-fixed-detail .matter-stage-name {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  max-width: 109px;
  height: 26px;
  box-sizing: border-box;
  line-height: 26px;
  margin-left: 10px;
  border: 1px solid #EBE8E6;
  border-radius: 13px;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
}
.i-new-matters-list .i-matter-fixed-detail .matter-stage-name .text {
  display: inline-block;
  margin: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i-new-matters-list .i-matter-fixed-detail .matter-stage-name .ball {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  right: -1px;
  top: -1px;
  z-index: 5;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background: #EBE8E6;
}
.i-new-matters-list .i-matter-fixed-detail .matter-stage-name:hover {
  color: #F8891A;
  border: 1px solid #F8891A;
}
.i-new-matters-list .i-matter-fixed-detail .matter-stage-name:hover .ball {
  background-color: #F8891A;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-clients {
  max-width: 400px;
  font-size: 12px;
  color: #a9a9a9;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-clients.i-matter-type-name {
  display: inline-block;
  max-width: 180px;
}
.i-new-matters-list .i-matter-fixed-detail .i-matter-type {
  border-left: 1px solid #ebe8e6;
  padding-left: 20px;
  margin-left: 16px;
  display: inline-block;
  max-width: 170px;
}
.i-new-matters-list .i-matter-fixed-detail .matter-filing-status {
  display: inline-block;
}
.i-new-matters-list .i-matter-fixed-detail .matter-filing-btn {
  display: none;
}
.i-new-matters-list .i-matter-fixed-detail .matter-filing:hover .matter-filing-status {
  display: none;
}
.i-new-matters-list .i-matter-fixed-detail .matter-filing:hover .matter-filing-btn {
  display: inline-block;
}
.i-new-matters-list .i-matters-list-body {
  box-shadow: 2px 0px 18px 0px rgba(0, 0, 0, 0.1);
}
.i-new-matters-list .i-matters-list-body.lighter-shadow {
  box-shadow: 2px 0px 18px 0px rgba(0, 0, 0, 0.05);
}
.i-new-matters-list .i-matters-list-body .i-matter-project-field {
  display: inline-flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding: 0 18px;
  color: #a9a9a9;
  width: 120px;
  vertical-align: middle;
}
.i-new-matters-list .i-matters-list-body .i-matter-project-field .i-matter-field-span {
  width: 100%;
  height: 18px;
  display: inline-block;
  font-size: 12px;
  overflow: hidden;
  text-align: center;
}
.i-new-matters-list .i-join-matter {
  height: 99px;
  width: 80px;
  position: absolute;
  z-index: 10;
  background-color: #f8f8f8;
  font-size: 12px;
  left: 1060px;
  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 {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 8px;
  top: 37px;
}
.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-no-join:first-child {
  margin-bottom: 5px;
}
.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: 690px;
  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-item-stage-tooltips {
  max-width: 250px;
  padding: 10px 16px !important;
  background: #3D3D3D;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  text-align: left;
}
.matter-item-stage-tooltips .tooltip-arrow {
  border-top-color: #3D3D3D;
}

.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 .task-search {
  width: 300px;
  margin-top: 22px;
  vertical-align: middle;
}
.choose-matter-type .types-wrappers {
  display: flex;
  flex-wrap: wrap;
  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: 140px;
  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;
  white-space: nowrap;
}
.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;
}

.contract-template-upload-dialog .upload-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 37px 0;
  min-height: 166px;
  background: rgba(247, 248, 249, 0.7);
  border-radius: 10px;
  border: 1px dashed #E5E5E5;
}
.contract-template-upload-dialog .upload-container:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px dashed #FA8919;
}
.contract-template-upload-dialog .upload-container:hover .new-common-attachments-upload {
  color: #FA8919;
}
.contract-template-upload-dialog .upload-container .upload-icon {
  position: absolute;
  top: 42px;
  width: 32px;
  height: 32px;
}
.contract-template-upload-dialog .upload-container .new-common-attachments-upload {
  margin-top: 10px;
  margin-left: 200px;
  padding-top: 32px;
  font-size: 500;
  color: #333;
}
.contract-template-upload-dialog .upload-container .new-common-attachments-upload .ibass-attachment {
  display: none;
}
.contract-template-upload-dialog .upload-container .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list {
  background: #fff !important;
  border-radius: 8px;
}
.contract-template-upload-dialog .upload-container .new-common-attachments .new-common-attachment-lists .nc-attachemnt-list:hover {
  background: #fff !important;
}
.contract-template-upload-dialog .upload-container .upload-container--has-file .new-common-attachments-upload {
  margin-left: 220px;
  padding-top: 0;
  width: 88px;
  height: 32px;
  line-height: 32px;
  background: #FFFFFF;
  border-radius: 18px;
  border: 1px solid #E5E5E5;
  text-align: center;
  font-size: 12px;
  color: #333;
}
.contract-template-upload-dialog .upload-container .upload-container--has-file .new-common-attachments-upload:hover {
  border-color: #FA8919;
  color: #FA8919;
}
.contract-template-upload-dialog .upload-container .upload-container--has-file .new-common-attachments-upload .left {
  float: initial;
}
.contract-template-upload-dialog .upload-container .tip-text {
  font-size: 12px;
  color: #999;
  font-weight: 400;
}

.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 .common-height .conflict,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict {
  /* 定义旋转动画 */
  /* 应用旋转动画的样式类 */
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__header,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__header-title,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__header-title {
  position: relative;
  top: 1px;
  display: inline-block;
  border-bottom: 3px solid #ed6c00;
  width: 70px;
  font-weight: 500;
  font-size: 14px;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__warning,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__warning {
  margin-top: 12px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__warning-danger,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__warning-danger {
  color: red;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__warning-view,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__warning-view {
  color: #ed6c00;
  cursor: pointer;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__warning-view:hover,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__warning-view:hover {
  color: #fa8919;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__warning-sucess,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__warning-sucess {
  color: #68C23B;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict__warning-noContent,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict__warning-noContent {
  margin-bottom: 30px;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict--searching,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict--searching {
  display: flex;
  height: 20px;
  align-items: center;
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict--searching span,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict--searching span {
  padding: 0;
}
@keyframes continuous-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pre-2-underway .pre-2-underway-content .left-content .common-height .conflict .rotate-continuously,
.pre-2-underway .pre-2-underway-content .right-content .common-height .conflict .rotate-continuously {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  color: #ed6c00;
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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;
}

.allocation-rate-dlg .allocation-rate {
  display: flex;
  align-items: center;
}
.allocation-rate-dlg .allocation-rate > span {
  margin-left: 4px;
}
.allocation-rate-dlg .ibass-delete {
  color: #cdc9c5;
}
.allocation-rate-dlg .ibass-delete:hover {
  color: #fa8919;
}

.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;
}
@keyframes continuous-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.matter-information-edit .matteredit .edit-group .rotate-continuously {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  color: #ed6c00;
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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;
}
.matter-information-edit .form-input {
  position: relative;
  padding-top: 30px;
  height: 59px;
  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;
  width: 100%;
}
.matter-information-edit .dfdsr-input-upload-wrap .dfdsr-popver-custom-wrap {
  position: absolute;
  width: 100px;
  background-color: #3d3d3d;
  z-index: 100;
  padding: 10px;
  border-radius: 4px;
  text-align: center;
  left: -50px;
  display: none;
}
.matter-information-edit .dfdsr-input-upload-wrap .dfdsr-popver-custom-wrap .dfdsr-popver-custom-item {
  color: #c3c3c3;
  font-size: 14px;
  cursor: pointer;
}
.matter-information-edit .dfdsr-input-upload-wrap .dfdsr-popver-custom-wrap .dfdsr-popver-custom-item:hover {
  color: #ffffff;
}
.matter-information-edit .dfdsr-input-upload-wrap:hover .dfdsr-popver-custom-wrap {
  display: block;
}
.matter-information-edit .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 11px;
  border-color: transparent;
  position: absolute;
  border-bottom-color: #d2d2d2;
  left: 30%;
  top: -11px;
  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;
}
.conflict {
  /* 定义旋转动画 */
  /* 应用旋转动画的样式类 */
}
.conflict__warning {
  margin-top: 12px;
  font-size: 14px;
  display: flex;
}
.conflict__warning-danger {
  color: red;
}
.conflict__warning-view {
  color: #ed6c00;
  cursor: pointer;
}
.conflict__warning-view:hover {
  color: #fa8919;
}
.conflict__warning-sucess {
  color: #68C23B;
}
.conflict__warning-noContent {
  margin-bottom: 30px;
}
.conflict--searching {
  display: flex;
  height: 20px;
  align-items: center;
}
.conflict--searching span {
  padding: 0;
}
@keyframes continuous-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.conflict .rotate-continuously {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  color: #ed6c00;
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-modal-upload-parties.ns-popover-tooltip-theme-black {
  z-index: 10000;
}
.edit-modal-upload-parties .ns-popover-tooltip {
  transform: translateX(50px);
  border: solid 1px #3d3d3d !important;
}

.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,
.lawyer-helper .mtcc-body-wrap .help-header .ibass-word {
  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;
  overflow: hidden;
  color: #a9a9a9;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.lawyer-helper .dimension .dimension-info .number span {
  margin-right: 5px;
}
.lawyer-helper .dimension .dimension-info .number .span-dot {
  color: #ebe8e6;
}
.lawyer-helper .dimension .dimension-info .number .authority {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lawyer-helper .dimension .dimension-info .number .document_number {
  display: inline-block;
  max-width: 196px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lawyer-helper .dimension .dimension-info .number .posting_date {
  display: inline-block;
}
.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 .select-type {
  min-width: 86px;
  max-width: 184px;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 20px;
  padding: 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.lawyer-helper .subscribe-common .select-type span {
  display: inline-block;
  min-width: 70px;
  max-width: 168px;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lawyer-helper .subscribe-common .select-type:hover {
  color: #ED6C00;
  border-color: #ED6C00;
}
.lawyer-helper .subscribe-common .select-type:hover i {
  color: #ED6C00;
}
.lawyer-helper .subscribe-common .select-type i {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
}
.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-input {
  top: 50px;
  padding-top: 30px;
  max-height: 600px;
  overflow: visible;
  padding: 30px 48px 80px;
  font-size: 14px;
  color: #4a4a4a;
}
.case-tree-dig .page-bottom {
  text-align: center;
  padding-bottom: 30px;
}

.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);
}

.matter-setting-tree {
  height: 400px;
  padding: 15px 8px 24px !important;
}
.matter-setting-tree__list {
  box-sizing: border-box;
  overflow-y: auto;
  height: 100%;
  padding: 0;
}
.matter-setting-tree__item .header {
  display: flex;
  align-items: center;
  height: 34px;
  line-height: 34px;
  margin: 6px 0;
  padding: 8px 17px 8px 8px;
  cursor: pointer;
}
.matter-setting-tree__item .header.is-disabled {
  cursor: not-allowed;
}
.matter-setting-tree__item .header.is-disabled .title {
  opacity: 0.5;
}
.matter-setting-tree__item .header .icon {
  margin-right: 16px;
  color: #909399;
}
.matter-setting-tree__item .header .icon:hover {
  color: #fa8919;
}
.matter-setting-tree__item .header .title:not(.icon + .title):has(.num) {
  margin-left: 32px;
}
.matter-setting-tree__item .header .title {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.matter-setting-tree__item .header .title-icon {
  margin-right: 6px;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.matter-setting-tree__item .header .title-icon .num {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 16px;
  height: 16px;
  background: #F7F8F9;
  border-radius: 2px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #FA8919;
  line-height: 16px;
}
.matter-setting-tree__item .header .title-icon:has(.dot) {
  margin-left: 32px;
}
.matter-setting-tree__item .header .title-icon .dot {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  top: -2px;
  width: 16px;
  height: 16px;
}
.matter-setting-tree__item .header .title-icon .dot::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FA8919;
}
.matter-setting-tree__item .header .title-icon.file {
  position: relative;
  top: 2px;
}
.matter-setting-tree__item .header .title:has(.num) {
  font-weight: 500;
}
.matter-setting-tree__item .header .title:has(.dot) {
  font-size: 13px;
}
.matter-setting-tree__item .header:has(.file-row) {
  border-radius: 4px;
  border: 1px solid #EBEBEE;
}
.matter-setting-tree__item .header .check-box {
  color: #cdc9c5;
}
.matter-setting-tree__item .header .check-box.ibass-checkmark,
.matter-setting-tree__item .header .check-box.ibass-checked,
.matter-setting-tree__item .header .check-box.ibass-partial-select {
  color: #fa8919;
}
.matter-setting-tree__item .header:hover {
  background-color: #fafafa;
}
.matter-setting-tree__item .header:hover .ibass-dot,
.matter-setting-tree__item .header .ibass-done,
.matter-setting-tree__item .header .ibass-checked .ibass-minus-round {
  color: #fa8919;
}
.matter-setting-tree__item .children {
  margin: 0 !important;
}
.matter-setting-tree__loading {
  color: #b5b5b5;
  padding: 8px 0px;
  display: flex;
  justify-content: center;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
.matter-setting-tree__nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  color: #b5b5b5;
  text-align: center;
}
.matter-setting-tree__nodata img {
  width: 80px;
  height: auto;
  margin-bottom: 16px;
}
.matter-setting-tree__loading {
  position: relative;
}
.matter-setting-tree__loading::after {
  position: absolute;
  content: "";
  top: -4px;
  left: 60%;
  animation: dot 2s infinite steps(3, start);
}
@keyframes dot {
  33.33% {
    content: ".";
  }
  66.67% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

.share-progress-record {
  padding: 25px 48px 36px;
}
.share-progress-record .i-dialog__container {
  padding: 16px 0 0;
}
.share-progress-record__search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  height: 80px;
  width: 100%;
  background-image: url(matter/image/share-record-bg.png);
  background-size: 100% 100%;
  padding: 16px 62px;
  box-sizing: border-box;
}
.share-progress-record__search .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #FEFEFF;
  border-radius: 25px;
  border: 1px solid #D4D4D4;
  padding: 0 8px 0 24px;
  font-size: 14px;
}
.share-progress-record__search .input-wrapper .ibass-search {
  position: relative;
  top: 2px;
  font-size: 16px;
  color: #CDC9C5;
}
.share-progress-record__search .input-wrapper input {
  border: none;
  outline: none;
  appearance: none;
  flex: 1;
  margin: 0 6px;
}
.share-progress-record__search .input-wrapper input::placeholder {
  color: #737373;
}
.share-progress-record__search .input-wrapper .i-btn .ibass-search {
  color: #fff;
  margin-right: 8px;
  font-size: 12px;
}
.share-progress-record .i-table {
  border: none;
}
.share-progress-record .i-table .i-table__header-wrapper table th {
  height: 48px;
  font-weight: 400;
  font-size: 14px;
  background: transparent;
}
.share-progress-record .i-table .i-table__body-wrapper table tr td {
  height: 56px;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
}
.share-progress-record .i-table .btns {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}
.share-progress-record .i-table .btns .line {
  width: 1px;
  height: 12px;
  background: #EBEBEB;
  margin: 0 16px;
  flex-shrink: 0;
}
.share-progress-record .i-table .btns .btn {
  height: 40px;
  line-height: 40px;
}
.share-progress-record .i-table .btns .btn--edit {
  color: #ED6C00;
}
.share-progress-record .i-table .btns .btn--edit:hover {
  color: #fa8919;
}
.share-progress-record .i-table .btns .btn--delete {
  color: #F6535C;
}
.share-progress-record .i-table .btns .btn--delete:hover {
  color: #F3676F;
}
.share-progress-record__pagination > .i-pagination {
  height: 30px;
  line-height: 30px;
  margin: 32px 0 0;
}
.share-progress-record__pagination > .i-pagination .i-pagination {
  margin: 0 0 0 auto;
}

.share-progress-setting {
  padding: 19px 48px 36px;
}
.share-progress-setting__tab {
  display: flex;
  justify-content: center;
}
.share-progress-setting__tab .i-tabs-pane {
  margin-bottom: 20px;
}
.share-progress-setting__tab .i-tabs-pane--active {
  font-weight: 500;
}
.share-progress-setting__tab .i-tabs-pane__tab {
  height: 38px;
  line-height: 38px;
  box-shadow: none;
}
.share-progress-setting__tab .i-tabs-pane__line {
  top: 36px;
}
.share-progress-setting .i-dialog__container {
  padding: 16px 0 32px;
}
.share-progress-setting__container {
  border-radius: 8px;
  border: 1px solid #EBEBEE;
}
.share-progress-setting__container .tips {
  display: flex;
  background: #F8F8F8;
  height: 48px;
  padding-left: 12px;
  padding-right: 24px;
  align-items: center;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 20px;
}
.share-progress-setting__container .tips .ibass-warning {
  font-size: 16px;
  color: #FA8919;
  margin-right: 4px;
}
.share-progress-setting__container .tips .check-tip {
  flex: 1;
}
.share-progress-setting__container .sync .i-switch {
  margin-left: 8px;
}

.share-link .i-dialog__body {
  padding: 16px 0 32px;
}
.share-link .i-dialog__body .info {
  display: flex;
  height: 32px;
  line-height: 32px;
}
.share-link .i-dialog__body .info .label {
  width: 70px;
  margin-right: 16px;
  text-align: right;
  font-size: 14px;
  color: #999;
  flex-shrink: 0;
}
.share-link .i-dialog__body .info .value {
  display: flex;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
}
.share-link .i-dialog__body .info .value span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.share-link .i-dialog__body .tips {
  margin-top: 10px;
  background: #F7F8F9;
  border-radius: 4px;
  display: flex;
  padding: 16px;
}
.share-link .i-dialog__body .tips .ibass-warning {
  font-size: 16px;
  color: #FA8919;
  line-height: 24px;
  margin-right: 8px;
}
.share-link .i-dialog__body .tips p {
  font-size: 14px;
  color: #333333;
}

.timelog-history .body {
  margin: 32px 0;
}

.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: 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;
  margin-top: -4px;
}
.ana-mat-list .ana-my-tool .ana-right-part li .search .search-module {
  height: 28px;
}
.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;
  width: 100%;
}
.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: 370px;
  max-width: 370px;
}
.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: 150px;
  max-width: 150px;
}
.ana-mat-list .timelog-table .operate {
  width: 100px;
  max-width: 100px;
}
.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 .timelog-td {
  min-height: 50px;
}
.ana-mat-list .timelog-table tbody .data-type {
  height: 47px;
  line-height: 47px;
}
.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: 380px;
  padding-right: 10px;
  max-width: 380px;
}
.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: 150px;
  max-width: 150px;
  padding: 5px 0;
}
.ana-mat-list .timelog-table tbody .timing .timelist {
  font-size: 20px;
  display: inline-block;
  max-width: 100px;
  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 .oper-container {
  vertical-align: top;
  display: inline-block;
  float: right;
  padding-right: 6px;
}
.ana-mat-list .timelog-table tbody .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 .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 .oper-container .oper .has-approved {
  font-size: 12px;
}
.ana-mat-list .timelog-table tbody .oper-container .oper:hover {
  color: #fdba78;
}
.ana-mat-list .timelog-table tbody .oper-container .oper .clockEditShow {
  top: 10px !important;
}
.backout {
  position: relative;
  left: 10px;
}
.outcheck {
  margin-left: 7px;
}

.hide-analysis {
  display: none;
}
.i-achievement-chart-v2 {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.i-achievement-chart-v2 .timeStatistic-tips {
  position: absolute;
  width: 80px;
  height: 20px;
  z-index: 10;
  top: 282px;
  left: 42px;
}
.i-achievement-chart-v2 .chart-name {
  font-weight: 500;
  cursor: pointer;
}
.i-achievement-chart-v2 .chart-name:hover {
  color: #fa8919;
}
.i-achievement-chart-v2 .proiect-unit {
  color: #9e9e9e;
}
.i-achievement-chart-v2 .more-width {
  width: 190px!important;
}
.i-achievement-chart-v2 .echarts-empty {
  background: url('common/images/charts-empty-data@3x.png') no-repeat center;
  background-size: 280px 170px;
}
.i-achievement-chart-v2 .chart-content {
  height: 294px;
  width: 100%;
}
.i-achievement-chart-v2 .chart-content .i-echarts {
  height: 100%;
  width: 100%;
}
.i-achievement-chart-v2 .verBars {
  width: 330px;
  height: 300px;
}
.i-achievement-chart-v2 .pies {
  width: 330px;
  height: 300px;
}
.i-achievement-chart-v2 .ascBars {
  width: 330px;
  height: 300px;
}
.i-achievement-chart-v2 .chart-item {
  width: 459px;
  height: 350px;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  padding-bottom: 30px;
  position: relative;
}
.i-achievement-chart-v2 .interval {
  border-right: 1px solid #ebebeb;
}
.i-achievement-chart-v2 .borderColor {
  border-bottom: 1px solid #f0f0f0;
}
.i-achievement-chart-v2 .chart-report-top {
  overflow: hidden;
}
.i-achievement-chart-v2 .chart-report-top .chart-title {
  min-width: 200px;
  line-height: 34px;
  font-size: 14px;
  height: 40px;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .select-list {
  display: inline-block;
  cursor: pointer;
  width: 180px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  background-color: #ffffff;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .select-list span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
  padding-right: 20px;
  padding-left: 10px;
  vertical-align: middle;
  position: relative;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .select-list span:after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  position: absolute;
  right: 12px;
  color: #D2D3D6;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .select-list .clearicon:hover {
  cursor: default;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .select-list .clearicon:after {
  content: " ";
}
.i-achievement-chart-v2 .chart-report-top .chart-title .report-tips {
  display: inline-block;
  font-weight: 400;
  color: #999999;
  margin-left: 12px;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .report-tips .tip {
  color: #a9a9a9;
  font-size: 13px;
}
.i-achievement-chart-v2 .chart-report-top .chart-title .report-tips .tip::before {
  content: "\EA36";
  display: inline-block;
  font-family: "icon-bass";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  margin-right: 4px;
}
.i-achievement-chart-v2 .chart-report-top .isUserSelf .ibass-task-check {
  color: #ccc!important;
}
.i-achievement-chart-v2 .chart-report-top .isUserSelf span {
  color: #a9a9a9;
}
.i-achievement-chart-v2 .chart-report-top .excludeId {
  font-size: 13px;
  cursor: pointer;
  margin-right: 16px;
}
.i-achievement-chart-v2 .chart-report-top .excludeId i {
  font-size: 15px;
  margin-right: 6px;
  vertical-align: middle;
}
.i-achievement-chart-v2 .chart-report-top .excludeId .ibass-done {
  color: #FA8919;
}
.i-achievement-chart-v2 .chart-report-top .excludeId .ibass-task-check {
  color: #D2D3D6;
}
.i-achievement-chart-v2 .chart-report-top .excludeId .show-split {
  border-right: 1px solid #EBEBEB;
}
.i-achievement-chart-v2 .chart-report-top .excludeId span {
  padding-right: 16px;
}
.i-achievement-chart-v2 .chart-report-top .chart-tool {
  margin-right: 20px;
  margin-top: 7px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.i-achievement-chart-v2 .chart-report-top .chart-tool-name {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.i-achievement-chart-v2 .chart-report-top .chart-tool-name .ibass-trig-down {
  margin-left: 6px;
}
.i-achievement-chart-v2 .chart-report-top .chart-tool-name i::before {
  vertical-align: top;
  color: #D2D3D6;
}
.i-achievement-chart-v2 .chart-report-top .chart-tool .personal-detail:hover {
  color: #FA8919;
}
.i-achievement-chart-v2 .chart-report-top .changeChart i {
  font-size: 16px;
}
.i-achievement-chart-v2 .chart-count {
  font-size: 12px;
  color: #737373;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 24px;
}
.i-achievement-chart-v2 .chart-count .max {
  color: #68C23B;
}
.i-achievement-chart-v2 .chart-count .min {
  color: #F6535C;
}
.i-achievement-chart-v2 .chart-count .average {
  color: #FA8919;
}
.i-achievement-chart-v2 .chart-count .detail {
  padding: 0 16px;
  border-right: 1px solid #EBEBEB;
}
.i-achievement-chart-v2 .chart-count .detail:last-child {
  border-right: none;
}
.i-achievement-chart-v2 .legend {
  position: absolute;
  font-size: 12px;
  left: 20px;
  bottom: 4px;
}
.i-achievement-chart-v2 .chart-pie-top {
  height: 40px;
  line-height: 40px;
}
.i-achievement-chart-v2 .chart-pie-top span:nth-child(1) {
  width: 150px;
  line-height: 30px;
  font-size: 14px;
}
.i-achievement-chart-v2 .add-chart {
  text-align: center;
}
.i-achievement-chart-v2 .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-v2 .add-chart .add-icon i {
  line-height: 60px;
  color: #a9a9a9;
}
.i-achievement-chart-v2 .add-chart .add-tips {
  color: #a9a9a9;
}
.i-achievement-chart-v2 .task-head-tab {
  margin-right: 10px;
  margin-top: 4px;
}
.i-achievement-chart-v2 .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-v2 .task-head-tab .task-head-type .tool-left {
  margin-left: 4px;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type .tool-right {
  margin-left: -2px;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p {
  width: 36px;
  height: 28px;
  float: left;
  cursor: pointer;
  border-right: solid 1px #cfc7c1;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p span {
  color: #cdc9c5;
  font-size: 16px;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p:first-child {
  border-radius: 20px 0 0 20px;
  left: 2px;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p:last-child {
  border-right: 0;
  border-radius: 0 20px 20px 0;
  right: 2px;
}
.i-achievement-chart-v2 .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-v2 .task-head-tab .task-head-type p.active span {
  color: #fa8919;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p:hover {
  background-color: #fcfcfb;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type p:hover span {
  font-weight: bold;
  color: #fa8919;
}
.i-achievement-chart-v2 .task-head-tab .task-head-type i {
  font-size: 14px;
}
.select-list-pop {
  width: 180px;
}
.select-list-pop .ns-popover-tooltip {
  width: 180px;
  position: relative;
  margin-left: 0px !important;
}
.select-list-pop .ns-popover-tooltip .radio-no-active::before {
  margin-right: 6px;
  vertical-align: bottom;
}
.select-list-pop .ns-popover-tooltip .loading {
  width: 180px;
  height: 30px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}
.select-list-pop .ns-popover-tooltip .loading::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: 3px;
  border: 2px solid #eee;
  border-bottom-color: #FA8919;
  animation: rotate 1.25s ease-in infinite;
}

.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;
}

.invoicebox {
  width: 440px !important;
  height: 580px !important;
}

.payDialog .ngdialog-close::before {
  color: #fff !important;
  opacity: 0;
}

.payError .ngdialog-content {
  border: 0 !important;
}

.paySuccess .ngdialog-content {
  border: 0 !important;
}

.renew_content .ngdialog-content {
  border: 0 !important;
}
.renew_content .ngdialog-close::before {
  color: #fff !important;
  opacity: 0;
}

.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;
}

.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;
}


.check-task-detail {
  display: inline-block;
  width: 90px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
  text-align: center;
}
.check-task-detail i {
  margin-right: 4px;
  position: relative;
  top: 2px;
  color: #CDC8C5;
}
.check-task-detail:hover {
  color: #ED6C00;
}
.check-task-detail:hover i {
  color: #ED6C00;
}

.choice-custom-user {
  width: max-content;
}
.choice-custom-user__item,
.choice-custom-user__number,
.choice-custom-user__add {
  position: relative;
  width: max-content;
}
.choice-custom-user__list {
  width: max-content;
}
.choice-custom-user .multiple-choice-user-img {
  position: relative;
}

.complete-task-dialog .nfim-foot .nfim-save-button {
  width: 100px;
  height: 32px;
}
.complete-task-dialog .financial-dialog-label {
  margin: 16px 0;
}
.complete-task-dialog .custom-edit-for-others .title {
  margin-bottom: 24px;
}
.complete-task-dialog .approval-custom-edit {
  margin-top: 18px;
}
.complete-task-dialog .approval-detail-flow {
  margin-top: 32px;
}
.complete-task-dialog .approve-flow .approve-content .approve-node {
  padding-top: 24px;
}
.complete-task-dialog .check-approval-content .task-list {
  max-height: 600px;
  overflow: auto;
}
.complete-task-dialog .check-approval-content .task-list li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #333333;
  line-height: 30px;
  cursor: pointer;
}
.complete-task-dialog .check-approval-content .task-list li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #A9A9A9;
}

.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 .multiple-choice-user-tag .multiple-choice-user-num {
  background-color: #fa8919;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  position: relative;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: content-box;
  color: #fff;
}
.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%;
}

.project-phase {
  display: inline-block;
  margin-right: 40px;
  white-space: nowrap;
}
.project-phase__text {
  font-size: 14px;
  color: #666666;
  margin-right: 6px;
  white-space: nowrap;
}
.project-phase .ibass-trig-down,
.project-phase .ibass-trig-up {
  color: #999;
}
.project-phase-popover {
  width: 176px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #E5E5E5;
}
.project-phase-popover__header {
  padding: 8px 12px 0px;
}
.project-phase-popover__content {
  padding: 0 5px 8px;
  max-height: 180px;
  overflow: auto;
}
.project-phase-popover__item {
  height: 36px;
  padding: 0 16px;
  line-height: 36px;
  font-size: 14px;
  color: #4A4A4A;
  cursor: pointer;
}
.project-phase-popover__item:hover {
  background: #F8F8F9;
}
.project-phase-popover .no-data {
  margin: 15px 0;
  font-size: 12px;
  color: #999;
  text-align: center;
}

.sync-process-date .i-dialog__container {
  padding: 15px 0 32px;
  font-size: 14px;
}
.sync-process-date .input {
  display: inline-block;
  position: relative;
  width: 103px;
  height: 24px;
  background: #F7F8F9;
  border-radius: 2px;
  padding-inline: 10px;
  margin-inline: 8px;
}
.sync-process-date .input input {
  width: 80px;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  background: transparent;
}
.sync-process-date .input .ibass-trig-down {
  position: absolute;
  top: 2px;
  right: 8px;
  color: #868686;
  font-size: 12px;
  pointer-events: none;
}
.sync-process-date .i-btn {
  width: 100px;
}

.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,
.select-target-folder-tpl .ns-popover-tooltip .ns-popover-items .ns-popover-item .ibass-locked {
  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;
}

.task-group-workflow-dialog .dialog {
  position: relative;
}
.task-group-workflow-dialog .dialog__desc {
  font-size: 14px;
  margin-bottom: 55px;
  color: #333;
}
.task-group-workflow-dialog .dialog__desc.is-checked {
  margin-bottom: 0px;
}
.task-group-workflow-dialog .dialog__desc .pointer {
  user-select: none;
  cursor: pointer;
}
.task-group-workflow-dialog .dialog__desc-icon {
  position: relative;
  top: 2px;
  color: #ddd;
}
.task-group-workflow-dialog .dialog__desc-icon.ibass-checked,
.task-group-workflow-dialog .dialog__desc-icon:hover {
  color: #FA8919;
}
.task-group-workflow-dialog .dialog__desc-select {
  display: inline-block;
  width: 58px;
  height: 22px;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #D4D4D4;
  padding: 0 6px;
  line-height: 17px;
  color: #4A4A4A;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.task-group-workflow-dialog .dialog__desc-select i {
  position: relative;
  top: 2px;
  margin-left: 2px;
  color: #999999;
}
.task-group-workflow-dialog .dialog__desc-select:hover {
  border-color: #FA8919;
}
.task-group-workflow-dialog .dialog__setting {
  height: 24px;
  margin: 15px 0 15px 200px;
}
.task-group-workflow-dialog .dialog__setting a {
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.task-group-workflow-dialog .dialog__setting a:hover {
  color: #FA8919;
}
.task-group-workflow-dialog .i-message__content {
  margin: 16px 0;
}
.task-group-workflow-setting-range {
  width: 68px;
}
.task-group-workflow-setting-range .select-list {
  padding: 6px 0;
}
.task-group-workflow-setting-range .select-item {
  height: 22px;
  color: #4A4A4A;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.task-group-workflow-setting-range .select-item:hover {
  background: #F8F8F9;
}
.setting-prev-task-group-popover {
  width: 200px;
  user-select: none;
}
.setting-prev-task-group-popover__header {
  padding: 16px 0 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  border-bottom: 1px solid #E7E9EB;
}
.setting-prev-task-group-popover__filter {
  margin: 16px 24px 10px;
}
.setting-prev-task-group-popover__content {
  max-height: 160px;
  overflow: auto;
  margin: 8px 24px 16px !important;
  color: #333333;
}
.setting-prev-task-group-popover__content .ibass {
  vertical-align: top;
  margin-right: 16px;
}
.setting-prev-task-group-popover__content .iconfont {
  color: #DDDDDD;
  font-size: 14px;
  margin-right: 16px;
}
.setting-prev-task-group-popover__content .ibass-checkbox {
  color: #dddddd;
}
.setting-prev-task-group-popover__content .ibass-checked {
  color: #FA8919;
}
.setting-prev-task-group-popover__item {
  height: 34px;
  line-height: 34px;
  padding-left: 8px;
}
.setting-prev-task-group-popover__item > span {
  display: flex;
}
.setting-prev-task-group-popover__item--disabled {
  cursor: not-allowed;
  color: #ddd;
}
.setting-prev-task-group-popover__item .desc {
  display: inline-block;
  width: calc(65%);
}
.setting-prev-task-group-popover__item:hover {
  background: #F8F8F9;
}
.setting-prev-task-group-popover__footer {
  display: flex;
  justify-content: space-between;
  padding: 0px 55px 16px;
}

.my-task task-list-item {
  position: relative;
  width: 100%;
  display: inline-block;
}
.my-task task-list-item .task-item-inner {
  position: absolute;
  top: 30px;
  left: 0;
  height: 20px;
  width: 100%;
}
.my-task task-list-item .task-item-inner.ui-droppable-hover {
  background-color: #fa8919 !important;
  height: 50px;
  top: 0;
}
.my-task task-list-item .task-item-outside {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.my-task task-list-item .task-item-outside.ui-droppable-hover {
  height: 50px;
  border-top: 1px solid #fa8919 !important;
}
.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: 457px;
  max-width: 457px;
  display: flex;
  cursor: pointer;
}
.my-task .task-item .title-group .title span {
  height: 40px;
  line-height: 40px;
}
.my-task .task-item .title-group .title .task-parent-info .task-item-info {
  float: left;
  max-width: 290px;
}
.my-task .task-item .left span {
  height: 50px;
  display: block;
  color: #A4A7B0;
}
.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 .iconloading {
  line-height: 50px;
  animation: rotate linear infinite;
  animation-duration: 2s;
  color: #fa8919;
}
.my-task .task-item .left .icon i:before {
  transition: all .2s;
}
.my-task .task-item .left .ibass-warning {
  font-size: 16px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-warning:before {
  color: #f72b44;
}
.my-task .task-item .left .ibass-done {
  font-size: 16px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-done:before {
  color: #fa8919;
}
.my-task .task-item .left .ibass-checkbox {
  font-size: 16px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-checkbox:before {
  color: #cdc9c5;
}
.my-task .task-item .left .ibass-checked-line,
.my-task .task-item .left .ibass-checked {
  font-size: 16px;
  line-height: 50px;
}
.my-task .task-item .left .ibass-checked-line:before,
.my-task .task-item .left .ibass-checked: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-checked,
.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,
.my-task .task-item.is-selected .left .icon .ibass-checked {
  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;
}
.my-task .task-item .level-0 {
  padding-left: 0px;
}
.my-task .task-item .level-1 {
  padding-left: 30px;
}
.prev-tasks-complete-status {
  max-width: 500px;
  background: #3D3D3D;
  border-radius: 8px;
  text-align: left;
  padding: 10px 16px !important;
}
.task-item-more-menu-popover {
  width: 148px;
}
.task-item-more-menu-popover .ns-popover-items .ns-popover-item {
  padding: 0 24px 0 16px;
  text-overflow: unset;
  overflow: visible;
}

.task-manager-dialog {
  user-select: none;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
}
.task-manager-dialog__tabs {
  display: flex;
  border-radius: 9px 9px 0 0;
}
.task-manager-dialog__tabs.is-new {
  border-bottom: 1px solid #E7E9EB;
}
.task-manager-dialog__tab {
  flex: 1;
  height: 47px;
  background: #F8F8F9;
  color: #333333;
  font-size: 14px;
  text-align: center;
  line-height: 47px;
  cursor: pointer;
}
.task-manager-dialog__tab--active {
  background-color: #FFF;
  color: #ED6C00;
}
.task-manager-dialog__content {
  padding: 16px 40px;
  border-bottom: 1px solid #E7E9EB;
}
.task-manager-dialog__avatars {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.task-manager-dialog__avatar {
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 50%;
  transform: translateX(-10px);
  margin-left: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.task-manager-dialog__avatar:not(:first-child) {
  margin-left: -6px;
}
.task-manager-dialog__rest-num {
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  background-color: #8590A6;
  color: #fff;
}
.task-manager-dialog__filter {
  margin-top: 16px;
}
.task-manager-dialog__person-list {
  max-height: 180px;
  overflow: auto;
  margin-top: 16px;
  font-size: 14px;
  color: #4A4A4A;
}
.task-manager-dialog__person-list li {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  line-height: 36px;
}
.task-manager-dialog__person-list li:not(:first-child):hover {
  cursor: pointer;
  background-color: #F8F8F9;
}
.task-manager-dialog__person-list li i.ibass-team {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
}
.task-manager-dialog__person-list li i {
  color: #ED6C00;
}
.task-manager-dialog__person-list li span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-manager-dialog__person-avatar {
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 10px;
}
.task-manager-dialog__footer {
  position: relative;
  padding: 12px 0;
  text-align: center;
}
.task-manager-dialog__footer .i-btn {
  display: inline-block;
}
.task-manager-dialog__clear {
  position: absolute;
  left: 32px;
  top: 19px;
  font-size: 14px;
  color: #999999;
  line-height: 1;
  cursor: pointer;
}
.task-manager-dialog__clear:hover {
  color: #ED6C00;
}

.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: 220px;
}
.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 {
  position: relative;
}
.task-reminder-choose-outer label.name {
  display: inline-block;
  width: 80px;
  margin-right: 16px;
  text-align: right;
  color: #a9a9a9;
}
.task-reminder-choose-outer label .new {
  position: absolute;
  top: -4px;
  right: -19px;
  width: 28px;
  height: 14px;
}
.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-reminder-choose-outer .i-checkbox .ibass-warning.ibass {
  margin-left: 6px;
  color: #CDC8C5 !important;
}
.task-reminder-choose-outer .i-checkbox .ibass-warning,
.task-reminder-choose-outer .i-checkbox .ibass-checkbox {
  color: #CDC8C5;
}
.task-reminder-choose-outer .i-checkbox .ibass-checkbox,
.task-reminder-choose-outer .i-checkbox .ibass-checked {
  margin-right: 2px;
}
.task-reminder-choose-outer .i-checkbox i {
  font-size: 14px;
}
.task-reminder-choose-outer .i-checkbox-group {
  display: flex;
  flex-direction: column;
  margin-left: 6px;
}

.task-repeat-rule-popover,
.task-repeat-rule-num-popover,
.task-repeat-rule-unit-popover,
.task-repeat-end-rule-popover,
.task-repeat-legal-holidays {
  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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-legal-holidays .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,
.task-repeat-choose-outer .loop-text .repeat-legal-holidays {
  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-tags {
  display: inline-block;
}
.task-tags .task-tag {
  display: inline-block;
  width: max-content;
  vertical-align: middle;
  height: 18px;
  padding-inline: 4px;
  border-radius: 3px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 18px;
}
.task-tags .is-kaiting {
  color: #3378FF;
  background: #EFF5FF;
  border: .5px solid #C9DCFF;
}

.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.subtask-time-choose:hover {
  color: #666;
}
.task-time-choose .task-time-choose-title:hover .ibass-trig-down {
  display: block;
  color: #666;
}
.task-time-choose .task-time-choose-title .ibass-trig-down {
  background: transparent;
  color: #a9a9a9;
  display: none;
  max-height: 50px;
  margin-left: 4px;
  font-size: 12px;
  margin-top: 1px;
}
.task-time-choose .task-time-choose-title .ibass-trig-down.active {
  display: block;
  color: #666;
}
.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;
}

.task-workflow-dialog .dialog {
  position: relative;
  user-select: none;
}
.task-workflow-dialog .dialog__form:not(:first-child) {
  margin-top: 16px;
}
.task-workflow-dialog .dialog__title {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 8px;
}
.task-workflow-dialog .dialog__title-label {
  position: relative;
  width: max-content;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 1;
}
.task-workflow-dialog .dialog__title-label::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #FA8919;
  left: 0;
  bottom: -0.5px;
}
.task-workflow-dialog .dialog__checkbox-list-item {
  height: 36px;
  padding-left: 8px;
  line-height: 36px;
}
.task-workflow-dialog .dialog__checkbox-list-item:hover {
  background-color: #F8F8F9;
}
.task-workflow-dialog .dialog__checkbox-list-item:hover .icon {
  color: #FA8919;
}
.task-workflow-dialog .dialog__checkbox-list-item input[type="checkbox"] {
  display: none;
}
.task-workflow-dialog .dialog__checkbox-list-item input[type="checkbox"]:checked + label .ibass-checked,
.task-workflow-dialog .dialog__checkbox-list-item input[type="checkbox"] + label .ibass-checkbox {
  display: inline;
}
.task-workflow-dialog .dialog__checkbox-list-item input[type="checkbox"]:checked + label .ibass-checkbox,
.task-workflow-dialog .dialog__checkbox-list-item input[type="checkbox"] + label .ibass-checked {
  display: none;
}
.task-workflow-dialog .dialog__checkbox-list-item label {
  cursor: pointer;
}
.task-workflow-dialog .dialog__checkbox-list-item label .ibass-warning {
  position: relative;
  top: 2px;
  margin-left: 4px;
  color: #999;
}
.task-workflow-dialog .dialog__checkbox-list-item .icon {
  position: relative;
  top: 2px;
}
.task-workflow-dialog .dialog__checkbox-list-item .icon.ibass-checked {
  color: #FA8919;
}
.task-workflow-dialog .dialog__checkbox-list-item .iconfont,
.task-workflow-dialog .dialog__checkbox-list-item .ibass-checkbox {
  color: #ddd;
}
.task-workflow-dialog .dialog__checkbox-list-item--disabled label {
  cursor: not-allowed;
}
.task-workflow-dialog .dialog__checkbox-list-item--disabled label .iconfont {
  font-size: 14px;
}
.task-workflow-dialog .dialog__checkbox-list-item .icon-disabled-svg {
  width: 14px;
  vertical-align: middle;
  transform: translateY(-1px) scale(0.9);
}
.task-workflow-dialog .dialog__desc-select {
  display: inline-block;
  width: 63px;
  height: 22px;
  box-sizing: border-box;
  margin-top: -2px;
  padding: 0 6px;
  border-radius: 2px;
  border: 1px solid #D4D4D4;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  line-height: 17px;
  color: #4A4A4A;
}
.task-workflow-dialog .dialog__desc-select:hover {
  border-color: #FA8919;
}
.task-workflow-dialog .dialog__desc-select i {
  position: relative;
  top: 2px;
  margin-left: 2px;
  color: #999999;
}
.task-workflow-dialog .dialog__setting-prev-task {
  margin-left: 16px;
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.task-workflow-dialog .dialog__setting-prev-task:hover {
  color: #FA8919;
}
.task-workflow-dialog .dialog__number-input {
  width: 60px;
  height: 22px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border: 1px solid #D4D4D4;
  padding: 0 12px;
}
.task-workflow-dialog .dialog__number-input:hover,
.task-workflow-dialog .dialog__number-input:focus {
  border-color: #FA8919;
  outline: #FA8919;
}
.task-workflow-dialog .dialog__drop-down {
  display: inline-block;
  height: 36px;
  margin-left: 16px;
  font-size: 14px;
  color: #666666;
}
.task-workflow-dialog .dialog__drop-down span {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.task-workflow-dialog .dialog__drop-down .ibass-trig-down {
  position: relative;
  top: 2px;
  margin-left: 6px;
  color: #999;
}
.task-workflow-dialog .i-message__footer {
  display: flex;
  justify-content: center;
}
.task-workflow-dialog .i-message__footer .i-btn + .i-btn {
  margin-left: 10px;
}
.task-workflow-setting-email {
  width: 200px;
}
.task-workflow-setting-email .select-list {
  max-height: 300px;
  overflow: auto;
}
.task-workflow-setting-email .select-item {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-workflow-setting-email .no-data {
  margin: 8px 0;
  font-size: 12px;
  color: #999;
  text-align: center;
}
.setting-prev-task-popover {
  width: 412px;
  max-width: 412px !important;
  user-select: none;
}
.setting-prev-task-popover__header {
  padding: 16px 0 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  border-bottom: 1px solid #E7E9EB;
}
.setting-prev-task-popover__filter {
  margin: 16px 93px 8px;
}
.setting-prev-task-popover__task-groups {
  max-height: 300px;
  margin: 16px 24px 8px !important;
  overflow: auto;
}
.setting-prev-task-popover__task-group-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 6px 0;
  font-size: 14px;
  color: #999999;
  line-height: 1;
}
.setting-prev-task-popover__task-group-tasks {
  padding-left: 8px !important;
  margin: 0 !important;
}
.setting-prev-task-popover__task-group-task {
  display: flex;
  max-width: 348px;
  height: 34px;
  box-sizing: border-box;
  line-height: 34px;
  padding-left: 8px;
  color: #333333;
  overflow: hidden;
  cursor: pointer;
}
.setting-prev-task-popover__task-group-task .ibass {
  position: relative;
  top: 2px;
  margin-right: 16px;
}
.setting-prev-task-popover__task-group-task .ibass.ibass-checkbox {
  color: #8F959F;
}
.setting-prev-task-popover__task-group-task .ibass.ibass-checked {
  color: #FA8919;
}
.setting-prev-task-popover__task-group-task .iconfont {
  font-size: 14px;
  margin-right: 16px;
}
.setting-prev-task-popover__task-group-task.disabled {
  color: #DDDDDD;
  cursor: not-allowed;
}
.setting-prev-task-popover__task-group-task .desc {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-prev-task-popover__task-group-task:hover {
  background: #F8F8F9;
}
.setting-prev-task-popover__footer {
  display: flex;
  justify-content: center;
  padding: 0px 55px 16px;
}
.z-index10001 {
  z-index: 10001;
}
.z-index100001 {
  z-index: 100001 !important;
}

.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;
}

.project-chronicle-detail {
  position: relative;
  position: fixed;
  box-sizing: border-box;
  width: 630px;
  right: 424px;
  top: 20px;
  bottom: 20px;
  right: 419px;
  padding: 35px 32px 24px;
  max-width: unset;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 7px 25px 0px rgba(175, 179, 182, 0.2);
  z-index: 10;
}
.project-chronicle-detail__close {
  position: absolute;
  font-size: 16px;
  top: 24px;
  right: 24px;
  z-index: 2000;
  cursor: pointer;
}
.project-chronicle-detail__header {
  position: relative;
  text-align: center;
  margin-bottom: 16px;
}
.project-chronicle-detail__header .title {
  position: relative;
  display: inline-block;
  max-width: 192px;
  padding: 9px 15px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  overflow: auto;
  text-overflow: hidden;
  white-space: nowrap;
  z-index: 5;
}
.project-chronicle-detail__header::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 21px;
  background-color: #EBEBEB;
}
.project-chronicle-detail__content {
  height: calc(100% - 64px);
  display: flex;
  flex-direction: column;
}
.project-chronicle-detail__manager-wrapper {
  max-height: 146px;
  overflow: auto;
  margin-bottom: 32px;
}
.project-chronicle-detail__manager-wrapper .no-data {
  margin: 10px 0 0;
  font-size: 16px;
  color: #999;
  text-align: center;
}
.project-chronicle-detail__manager-list {
  display: flex;
  padding: 24px 16px 0px;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: start;
}
.project-chronicle-detail__manager-list .item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  width: 20%;
  cursor: pointer;
}
.project-chronicle-detail__manager-list .item .avatar {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.project-chronicle-detail__manager-list .item .name {
  width: 70px;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-chronicle-detail__manager-list .item:nth-last-of-type(-n + 5) {
  margin-bottom: 0px;
}
.project-chronicle-detail__title {
  position: relative;
}
.project-chronicle-detail__title .name {
  display: inline-block;
  position: relative;
  padding: 7px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  z-index: 5;
}
.project-chronicle-detail__title .num {
  font-size: 14px;
  color: #A3A7B1;
}
.project-chronicle-detail__title--active .name {
  color: #333;
  border-bottom: 2px solid #FA8919;
}
.project-chronicle-detail__tabs {
  flex-grow: 1;
  height: 50px;
}
.project-chronicle-detail__tabs-header {
  position: relative;
  display: flex;
}
.project-chronicle-detail__tabs-header .name {
  cursor: pointer;
}
.project-chronicle-detail__tabs-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #EBEBEB;
  bottom: 0px;
}
.project-chronicle-detail__tabs-container {
  height: calc(100% - 37px);
}
.project-chronicle-detail__logs {
  position: relative;
  min-height: 45px;
  height: 100%;
  overflow: auto;
}
.project-chronicle-detail__logs .log-item .date {
  width: max-content;
  margin-left: 55px;
  margin-top: 55px;
  height: 36px;
  padding: 0 21px;
  line-height: 36px;
  border-radius: 4px;
  background-color: #f8f8f9;
}
.project-chronicle-detail__logs .log-item .date span {
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
}
.project-chronicle-detail__logs .log-item .log {
  position: relative;
  overflow: hidden;
  line-height: 24px;
}
.project-chronicle-detail__logs .log-item .log .time {
  float: left;
  width: 40px;
  padding-right: 15px;
  margin-top: 20px;
  font-size: 13px;
  text-align: right;
  color: #737373;
}
.project-chronicle-detail__logs .log-item .log .vertical-line {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 55px;
  width: 3px;
  background-color: #f8f8f9;
}
.project-chronicle-detail__logs .log-item .log .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%;
}
.project-chronicle-detail__logs .log-item .log .content {
  margin-top: 20px;
}
.project-chronicle-detail__logs .log-item .log .content .title .photo {
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  background-size: contain;
  border-radius: 50%;
}
.project-chronicle-detail__logs .log-item .log .content .title .title {
  float: left;
  margin-left: 10px;
  font-size: 14px;
  color: #4a4a4a;
  max-width: 485px;
  word-break: break-all;
}
.project-chronicle-detail__logs .log-item .log .content .information-task,
.project-chronicle-detail__logs .log-item .log .content .information-matter {
  float: right;
  width: 495px;
}
.project-chronicle-detail__logs .log-item .log .content .information-task.new-information-matter,
.project-chronicle-detail__logs .log-item .log .content .information-matter.new-information-matter {
  margin-top: 8px;
  padding: 9px 12px 20px;
  border-radius: 2px;
  background-color: #F8F8F9;
  box-sizing: border-box;
}
.project-chronicle-detail__logs .log-item .log .content .information-task.new-information-matter .new-desc,
.project-chronicle-detail__logs .log-item .log .content .information-matter.new-information-matter .new-desc {
  font-size: 14px;
  color: #4A4A4A;
  font-weight: 500;
  display: block;
}
.project-chronicle-detail__logs .log-item .log .content .information-task.new-information-matter .new-time,
.project-chronicle-detail__logs .log-item .log .content .information-matter.new-information-matter .new-time {
  line-height: 16px;
  font-size: 12px;
  color: #A9A9A9;
  display: block;
}
.project-chronicle-detail__logs .log-item .log .content .information-task {
  margin-top: 8px;
  padding: 9px 12px 10px;
  border-radius: 2px;
  background-color: #f8f8f9;
  box-sizing: border-box;
}
.project-chronicle-detail__logs .log-item .log .content .information-task .desc {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  word-break: break-all;
}
.project-chronicle-detail__logs .log-item .log .content .information-task .desc span {
  cursor: pointer;
}
.project-chronicle-detail__logs .log-item .log .content .information-task .duetime {
  margin-top: 5px;
  line-height: 16px;
  font-size: 12px;
  color: #a9a9a9;
}
.project-chronicle-detail__logs .log-item .log .content .information-matter {
  font-size: 14px;
  color: #737373;
  padding-left: 10px;
  box-sizing: border-box;
}
.project-chronicle-detail__logs .log-item:first-child .date {
  margin-top: 20px;
}
.project-chronicle-detail__comment {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.project-chronicle-detail__comment .edit-area {
  margin: 25px 0 15px;
}
.project-chronicle-detail__comment .edit-area .quick-message {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 9px;
}
.project-chronicle-detail__comment .edit-area .quick-message .message {
  padding: 0 12px;
  margin: 0 16px 16px 0;
  line-height: 26px;
  height: 26px;
  border-radius: 13px;
  border: 1px solid #E4E4E5;
  font-size: 14px;
  color: #535353;
  cursor: pointer;
  user-select: none;
}
.project-chronicle-detail__comment .edit-area .quick-message .message:hover {
  border-color: #F8E1CC;
  color: #FF8200;
}
.project-chronicle-detail__comment .edit-area .textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #FEFEFF;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  padding: 12px 16px;
  min-height: 48px;
  max-height: 100px;
  box-sizing: border-box;
  z-index: 1001;
}
.project-chronicle-detail__comment .edit-area .textarea .i-at-textarea {
  position: relative;
  transform: translateY(2px);
  z-index: 5;
}
.project-chronicle-detail__comment .edit-area .textarea .i-at-textarea textarea {
  background-color: transparent;
}
.project-chronicle-detail__comment .edit-area .textarea .i-at-textarea textarea::-webkit-input-placeholder {
  color: #A4A7B0;
}
.project-chronicle-detail__comment .edit-area .textarea .reply-wrapper {
  position: absolute;
  left: 12px;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}
.project-chronicle-detail__comment .edit-area .textarea .reply-wrapper .reply-placeholder {
  position: relative;
  transform: translate3d(0, 4px, 1px);
}
.project-chronicle-detail__comment .edit-area .textarea .member-list {
  z-index: 1000000;
}
.project-chronicle-detail__comment .edit-area .textarea .member-list .list-content-wrapper {
  max-height: 236px;
}
.project-chronicle-detail__comment .edit-area .textarea .member-list .list-content-wrapper .list-content {
  height: 36px;
  line-height: 36px;
}
.project-chronicle-detail__comment .edit-area .textarea .same {
  width: 100%;
  font-size: 14px;
  color: #4A4A4A;
  border-color: transparent;
  box-sizing: border-box;
}
.project-chronicle-detail__comment .edit-area .textarea--focus,
.project-chronicle-detail__comment .edit-area .textarea:hover {
  border-color: #FA8919;
}
.project-chronicle-detail__comment .edit-area .btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  margin-top: 15px;
}
.project-chronicle-detail__comment .edit-area .btns .i-btn {
  margin-left: 10px;
}
.project-chronicle-detail__comment .comments {
  flex: 1;
  overflow: auto;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper:empty {
  margin-bottom: 0;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .date {
  margin-top: 32px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #999999;
  text-align: center;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item {
  display: flex;
  padding: 12px 16px;
  border-radius: 4px;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .avatar {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail {
  flex: 1;
  font-size: 14px;
  color: #333333;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header {
  display: flex;
  margin: 2px 0 6px;
  height: 24px;
  line-height: 24px;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .time {
  display: none;
  flex: 1;
  color: #999999;
  margin-left: 8px;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .operation {
  display: none;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .operation i {
  font-style: normal;
  color: #D3CECA;
  margin-left: 16px;
  font-size: 14px;
  cursor: pointer;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .operation i.iconlike {
  display: inline-block;
  animation-duration: .5s;
  animation-timing-function: ease-in-out;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .operation i.ibass-comment {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .operation i:hover,
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .header .operation i.is-like {
  color: #FA8919;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .desc {
  color: #4A4A4A;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .desc .msg {
  white-space: pre-wrap;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .desc .urge {
  display: inline-block;
  width: 44px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  color: #FF5E51;
  background: #FFF6F6;
  border-radius: 10px;
  border: 1px solid #EED3D3;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .desc .at-other {
  color: #778FB2;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .desc .at-member {
  height: 20px;
  padding: 0 8px;
  margin: 0 5px;
  line-height: 20px;
  background: #FA8919;
  border-radius: 10px;
  font-size: 14px;
  color: #FFFFFF;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item .detail .desc .recall {
  color: #999999;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item.highlight {
  animation: buling 1.5s ease-in-out;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item:hover {
  background: #F9FAFC;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item:hover .detail .header .operation,
.project-chronicle-detail__comment .comments .comment-item-wrapper .comment-item:hover .detail .header .time {
  display: block;
}
.project-chronicle-detail__comment .comments .comment-item-wrapper .sub-comment-container {
  padding-left: 62px;
  box-sizing: border-box;
}
.project-chronicle-detail .load-more {
  width: 100%;
  margin-top: 30px;
  line-height: 20px;
  font-size: 16px;
  color: #999;
  text-align: center;
  font-weight: 500;
}
.project-chronicle-detail .load-more .ball-roll-rotate {
  float: left;
  margin-left: 50%;
  transform: translateX(-50%);
}
.project-chronicle-detail .load-more .ball-roll-rotate > div {
  width: 18px;
  height: 18px;
  line-height: 18px;
  float: left;
  margin-top: 0;
}
.project-chronicle-detail .load-more .ball-roll-rotate > span {
  float: left;
}
.recall-comment-confirm-popover {
  width: 266px;
  box-sizing: border-box;
  padding: 20px !important;
}
.recall-comment-confirm-popover__content {
  margin-bottom: 14px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 22px;
}
.recall-comment-confirm-popover__footer {
  display: flex;
  justify-content: center;
}
.recall-comment-confirm-popover__footer .i-btn + .i-btn {
  margin-left: 10px;
}
.at-manager-popover {
  width: max-content;
  min-width: 100px;
}
.at-manager-popover__content {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  height: 24px;
  text-align: center;
  margin: 10px 0;
  padding: 0 16px;
  cursor: pointer;
}
@keyframes shake {
  0% {
    transform: rotate(-20deg);
  }
  25% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-8deg);
  }
  75% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes buling {
  0% {
    background-color: #FA8919;
  }
  100% {
    background-color: unset;
  }
}

.task-copy-change-father {
  font-size: 14px;
  color: #4a4a4a;
}
.task-copy-change-father .page-close {
  position: absolute;
  right: 17px;
  top: -24px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.task-copy-change-father .page-close .ibass-close:hover {
  color: #ed6c00;
}
.task-copy-change-father .page-title {
  width: 100%;
  margin: 41px auto 0;
  text-align: center;
}
.task-copy-change-father .page-title .line {
  padding-top: 11px;
  border-bottom: solid 1px #ebebeb;
}
.task-copy-change-father .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-change-father .search-module {
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  width: 570px;
  box-shadow: none;
  height: 32px;
  margin-left: 32px;
  margin-top: 30px;
}
.task-copy-change-father .search-module i {
  vertical-align: middle;
}
.task-copy-change-father .search-module .search-module-i-search {
  width: 20px;
  font-size: 14px;
  color: #cdc8c5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding-top: 1px;
  position: absolute;
  left: 7px;
}
.task-copy-change-father .search-module .search-module-i-search i {
  height: 21px;
}
.task-copy-change-father .search-module .search-module-i-close {
  position: absolute;
  left: 260px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.task-copy-change-father .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;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.task-copy-change-father .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
  margin-top: -7px;
}
.task-copy-change-father .search-module input {
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  font-size: 13px;
  padding-right: 20px;
  color: #4a4a4a;
  border: 1px solid #dad7d2;
  border-radius: 20px;
  padding: 4px 28px 4px 122px;
  box-sizing: border-box;
}
.task-copy-change-father .search-module input::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.task-copy-change-father .search-module input:hover {
  border: 1px solid #C0C4CC;
}
.task-copy-change-father .search-module input:focus {
  border: 1px solid #C0C4CC;
}
.task-copy-change-father .search-module ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}
.task-copy-change-father .search-module .secondfloorbox {
  position: absolute;
  height: 32px;
  line-height: 32px;
  width: 76px;
  margin-left: 34px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.task-copy-change-father .search-module .secondfloorbox .selectBox {
  font-size: 13px;
  color: #666;
  cursor: pointer;
}
.task-copy-change-father .search-module .secondfloorbox .selectBox:hover {
  color: #333;
}
.task-copy-change-father .search-module .secondfloorbox .selectBox .type-selected {
  color: #fa8919;
}
.task-copy-change-father .search-module .secondfloorbox .selectBox .ibass-trig-down {
  margin-left: 3px;
}
.task-copy-change-father .search-module .task-count {
  width: 300px;
  color: #A4A7B0;
  margin-left: 16px;
}
.task-copy-change-father .father-list {
  width: 402px;
  height: 240px;
  margin: 15px auto 0;
  overflow-y: auto;
}
.task-copy-change-father .father-list .list-item {
  width: 100%;
  padding: 0 12px;
  height: 34px;
  line-height: 34px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.task-copy-change-father .father-list .list-item:hover {
  background-color: #F8F8F9;
}
.task-copy-change-father .father-list .list-item .ibass-dot {
  font-size: 10px;
  color: #C5C9CD;
}
.task-copy-change-father .father-list .list-item .task-name {
  width: 338px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #4A4A4A;
  font-size: 14px;
}
.task-copy-change-father .father-list .list-item .ibass-done {
  color: #FA8919;
  font-size: 16px;
  width: 20px;
  text-align: right;
}
.task-copy-change-father .father-list .load-more {
  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-copy-change-father .page-bottom {
  clear: both;
  margin: 27px 0 30px;
  font-size: 12px;
  text-align: center;
}
.task-copy-change-father .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-change-father .page-bottom .copy-btn.cancle-btn {
  background-color: #F8F8F9;
  color: #4A4A4A;
}
.task-copy-change-father .page-bottom .copying {
  background-color: #ebebee;
  color: #a9a9a9;
  cursor: initial;
}
.task-copy-change-father .page-bottom .copy-desc {
  margin-top: 15px;
  line-height: 16px;
  display: inline-block;
  color: #a9a9a9;
}
.task-copy-change-father .ibass-filetype-ppt {
  color: #d04424;
}
.task-copy-change-father .ibass-filetype-pdf {
  color: #e3574d;
}
.task-copy-change-father .ibass-filetype-image {
  color: #07cfda;
}
.task-copy-change-father .ibass-filetype-doc {
  color: #0a96e5;
}
.task-copy-change-father .ibass-filetype-excel {
  color: #1c7044;
}
.task-copy-change-father .ibass-filetype-zip {
  color: #9d7120;
}
.task-copy-change-father .ibass-filetype-music {
  color: #a7d638;
}
.task-copy-change-father .ibass-filetype-video {
  color: #d94ff5;
}
.task-copy-change-father .ibass-filetype-default {
  color: #cdc9c5;
}
.task-copy-change-father .prevent-edit-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.task-copy-change-father .task-project-item {
  display: flex;
  cursor: pointer;
  position: relative;
  margin-top: 16px;
  margin-right: 10px;
}
.task-copy-change-father .task-project-item .ibass-trig-down {
  margin-left: 5px;
  color: #a9a9a9;
}
.task-copy-change-father .task-project-item .ibass-trig-down.active {
  color: #fa8919;
}
.task-copy-change-father .task-project-item .task-project-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taststatuspop .copy-ul {
  width: 100% !important;
  padding: 10px 0 !important;
}
.taststatuspop .copy-ul li {
  padding: 0 10px;
  width: 100px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 35px;
}
.taststatuspop .copy-ul li:hover {
  background: #f8f8f9;
}
.taststatuspop .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: "\EA27";
  font-size: 16px;
  vertical-align: middle;
  color: #cdc9c5;
  padding-right: 8px;
  margin-top: -2px;
}
.taststatuspop .copy-ul li.active:before {
  content: "\EA33";
  color: #fa8919;
}
.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-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;
}
.task-copy-tpl .task-project-item .matter-disabled {
  pointer-events: none;
  cursor: none;
}
.task-copy-tpl .task-project-item .matter-disabled ~ .ibass-trig-down {
  display: none;
}
.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;
}

.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;
}

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

.create-task-by-dig {
  overflow: scroll !important;
}
.create-task-by-dig.ngdialog.ngdialog-theme-default {
  position: fixed;
  padding-top: 0 !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: 175px;
  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 .ibass-locked:hover {
  color: #fa8919!important;
}
.task-enclosure .task-enclosure-list .ibass-unlocked: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-list .svg-filetype-fsdoc,
.task-enclosure .task-enclosure-list .svg-filetype-fstable {
  width: 29px;
  text-align: left;
}
.task-enclosure .task-enclosure-list .svg-filetype-fsdoc svg,
.task-enclosure .task-enclosure-list .svg-filetype-fstable svg {
  position: relative;
  top: 2px;
}
.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;
}

.dialog-title {
  height: 66px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #f2f3f7;
  background-color: #fff;
}
.dialog-title input {
  padding: 0 32px;
  width: 100%;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #232323;
  border: none;
  outline: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dialog-content {
  padding: 27px 32px 0;
  background-color: #fff;
}
.dialog-content .content-item {
  margin-bottom: 24px;
}
.dialog-content .content-item .label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.dialog-content .content-item .label .label-icon {
  margin-top: 4px;
}
.dialog-content .content-item .label .text {
  padding-left: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
.dialog-content .content-item .participants {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  background: #fafbfc;
  border-radius: 4px;
}
.dialog-content .content-item .participants li.par-item {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.dialog-content .content-item .participants li.par-item img {
  width: 100%;
  border-radius: 50%;
}
.dialog-content .content-item .participants li.par-item:first-of-type {
  margin-left: 0;
}
.dialog-content .content-item .participants li.par-total {
  margin-left: 4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 50%;
  background-color: #fdba78;
}
.dialog-content .content-item .participants li.par-add {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
}
.dialog-content .content-item .participants li.par-add .icon-add {
  margin-top: 4px;
  margin-right: 4px;
}
.dialog-content .content-item .time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  background: #fafbfc;
  border-radius: 4px;
}
.dialog-content .content-item .time .metting-time {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.dialog-content .content-item .time .divider {
  padding: 0 24px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
.dialog-content .content-item .record-status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dialog-content .content-item .record-status .icon-checked {
  margin-top: 2px;
}
.dialog-content .content-item .record-status .not-checked {
  margin: 7px 2px 7px 0;
}
.dialog-content .content-item .record-status .tips {
  margin-left: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.dialog-content .content-item .icon-checked {
  color: #ed6c00;
}
.dialog-content .content-item .not-checked {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #ed6c00;
  border-radius: 3px;
}
.dialog-content .content-item:last-of-type {
  margin-bottom: 0;
}
.dialog-footer {
  margin-top: 48px;
  margin-bottom: 24px;
  text-align: center;
}
.dialog-footer .btn {
  display: inline-block;
  width: 90px;
  height: 32px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 32px;
  text-align: center;
  background: #f8f8f9;
  border-radius: 20px;
  cursor: pointer;
}
.dialog-footer .confirm-btn {
  margin-left: 10px;
  color: #fff;
  background-color: #fa8919;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.ngdialog-close {
  top: 14px !important;
}

.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;
  margin-left: 15px;
}
.org-item-page .ncc-flet-content .ncc-top-serch .task-search .search-module-i-search i {
  height: 30px;
}
.org-item-page .ncc-flet-content .ncc-top-serch .real-time-search-enter-and-clear .search-module .i-close-module .ibass-close {
  margin-top: -9px;
}
.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;
}

.AISearchWrapContainer {
  position: relative;
}
.AISearchWrapContainer .AISearchWrapContainertext {
  position: absolute;
  z-index: 99999;
  left: -60px;
  top: 14px;
  color: #ED6C00;
  cursor: pointer;
}
.aiSearchLoadingWrap .aiSearchLoadingContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.aiSearchLoadingWrap .aiSearchLoadingContainer .aiSearchLoadingContent {
  margin-top: 120px;
  margin-bottom: 24px;
}
.aiSearchLoadingWrap .aiSearchLoadingContainer .aiSearchLoadingContent_text {
  font-size: 14px;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 400;
  color: #333333;
}

.article-submision {
  position: fixed;
  top: 20%;
  left: 0px;
  cursor: pointer;
  width: 20px;
  height: 92px;
  padding: 10px 12px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0px 8px 8px 0px;
  text-align: center;
}
.article-submision .article-submision-box {
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 16px;
}
.article-submision img.wechat-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 1px;
}
.article-submision .article-submission-code {
  display: none;
  width: 120px;
  height: 156px;
  padding-top: 6px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0px 8px 8px 0px;
  position: fixed;
  top: 20%;
  left: 0;
}
.article-submision .article-submission-code img.icon-code {
  width: 108px;
}
.article-submision .article-submission-code p {
  font-size: 11px;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
}
.article-submision .article-submission-code p.second-child {
  letter-spacing: -1px;
}
.article-submision:hover .article-submission-code {
  display: block;
}

.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 {
  padding-left: 10px;
  border-radius: 45px;
}
.bigData-adv-sanction-result.bigData-lawsResult .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-adv-sanction-result.bigData-lawsResult .sure-search label {
  cursor: pointer;
  position: relative;
  top: 20px;
  left: 17px;
  color: #a9a9a9;
}
.bigData-adv-sanction-result.bigData-lawsResult .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-adv-sanction-result.bigData-lawsResult .sure-search button span {
  color: white;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic {
  max-height: 224px;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul {
  margin-left: -200px;
  padding-left: 200px;
  /*li > i {
          float: left;
        }*/
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li {
  padding-left: 0;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li i {
  float: left;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li .tree-branch-head,
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li .tree-leaf-head {
  margin-left: 8px;
  padding: 1px 5px 1px 0;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li .ibass-checked {
  color: #fa8919;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li .ibass-checkbox {
  display: none;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li:hover .ibass-checkbox {
  display: inline-block;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol ul li.tree-expanded i.tree-leaf-head {
  margin-left: 12px;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol .case-result-detail-icon {
  float: none;
  display: inline;
  margin-top: 1px;
}
.bigData-adv-sanction-result.bigData-lawsResult .left-container .caseTree .tree-classic treecontrol .case-result-detail-icon:hover {
  color: #ED6C00;
}
.bigData-adv-sanction-result.bigData-lawsResult .atv-sanction-law-list.list-law {
  padding-top: 10px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box {
  padding-top: 20px;
  padding-left: 14px;
  padding-right: 30px;
  padding-bottom: 0;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box.group {
  padding-top: 20px;
  padding-left: 33px;
  padding-bottom: 0px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .left-box i {
  margin-right: 7px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .right-box {
  text-align: right;
  height: 32px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box i.ibass-checked {
  color: #fa8919;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #fdba78;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.bigData-adv-sanction-result.bigData-lawsResult .right-container .select-all-box .option-btn i {
  color: #fdba78;
}
.bigData-adv-sanction-result.bigData-lawsResult .condition-container .subscribe {
  margin-left: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.bigData-adv-sanction-result.bigData-lawsResult .condition-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.bigData-adv-sanction-result.bigData-lawsResult .condition-container .subscribe:hover,
.bigData-adv-sanction-result.bigData-lawsResult .condition-container .subscribe:hover i {
  color: #ed6c00;
}
.bigData-adv-sanction-result.bigData-lawsResult .header-container.is-selected {
  padding-right: 30px;
}
.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 {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-index.show-number {
  display: inline-block;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-index i.ibass-checked {
  color: #fa8919;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-box {
  margin: 1px 5px 30px 0;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title a,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .item-title-text {
  font-size: 20px;
  color: #353535;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span.clicked,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title a.clicked,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .item-title-text.clicked {
  color: #888;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title a.clicked .bigdata_query_highlight,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .item-title-text.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title .number-index {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 4px 5px 4px 0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title h2 {
  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,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title h2.clicked {
  color: #888;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-title h2.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: 590px;
  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: #fa8919;
}
.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: #fa8919;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download span {
  color: #a9a9a9;
}
.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 .item-bottom .view-box {
  font-size: 13px;
  color: #a9a9a9;
}
.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 .law-item:hover .number-index.number {
  display: none !important;
}
.bigData-adv-sanction-result.bigData-lawsResult .list-law .law-item:hover .number-index.checkbox {
  display: inline-block;
}
.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: #fa8919;
}

.ccc-no-permission-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 200px;
}
.ccc-no-permission-page .no-permission-img {
  width: 200px;
  margin-bottom: 24px;
}
.ccc-no-permission-page .i-dialog__footer {
  margin-top: 40px;
}

.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 .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-cnki-result .search-container .big-data-search-box .search-content .input-other-content {
  padding-left: unset;
}
.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 .search-container .download-list {
  position: relative;
  left: 880px;
  top: -24px;
  color: #737373;
  display: flex;
  justify-content: flex-start;
}
.bigData-cnki-result .search-container .download-list:hover {
  color: #ed6c00;
}
.bigData-cnki-result .search-container .download-list span {
  margin-left: 3px;
}
.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 .condition-container .core-periodical {
  cursor: pointer;
  user-select: none;
  margin-left: 20px;
  line-height: 26px;
}
.bigData-cnki-result .body-container .condition-container .core-periodical .ibass-info {
  color: #999;
  margin-left: 3px;
}
.bigData-cnki-result .body-container .condition-container .core-periodical .ibass-info:hover {
  color: #FF8200;
}
.bigData-cnki-result .body-container .condition-container .core-periodical .ibass-rdefault-selected {
  color: #FF8200;
}
.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 {
  padding-bottom: 20px;
  text-align: center;
}
.bigData-cnki-result .body-container .content-contianer .page-container .i-pagination {
  display: inline-block;
}

.bigData-database-result {
  width: 1030px;
  position: relative;
  left: -15px;
  top: 6px;
  min-height: 1486px;
  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 .intrusty-change-new {
  position: absolute;
  left: -8px;
  top: 32px;
  width: 104px;
  height: 42px;
  background: url('tool/bigData/images/change-new-version.png') no-repeat center;
  background-size: contain;
  cursor: pointer;
  z-index: 100;
}
.bigData-database-result .intrusty-change-new:hover {
  filter: drop-shadow(0px 4px 6px rgba(248, 170, 109, 0.4));
}
.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 .big-data-search-box .search-content .input-other-content {
  padding-left: unset;
}
.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;
  margin-left: 37px;
  padding-bottom: 14px;
  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 {
  padding-bottom: 20px;
  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;
}


.i-copy {
  position: relative;
  background-color: #FFF2E5 !important;
  background-clip: content-box !important;
}
.i-copy-btn {
  position: fixed;
  padding: 5px 16px;
  white-space: nowrap;
  border-radius: 6px;
  line-height: 1.35;
  background: #3D3D3D;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  user-select: none;
}
.i-copy-btn::before {
  vertical-align: middle;
  margin-right: 5px;
}
.i-copy-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 6.5px solid rgba(0, 0, 0, 0);
}
.i-copy-btn.up::after {
  bottom: -13px;
  border-top-color: #3D3D3D;
}
.i-copy-btn.down::after {
  top: -13px;
  border-bottom-color: #3D3D3D;
}
.i-copy-btn-bridge {
  position: fixed;
  z-index: 9999;
  background: transparent;
}

.ban-reprint-tip {
  display: flex;
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ban-reprint-tip .ban-reprint-title {
  color: #fa8919;
  position: relative;
  padding-left: 17px;
  margin-right: 5px;
}
.ban-reprint-tip .ban-reprint-title .ibass-warning {
  position: absolute;
  left: 0;
  top: 0;
  color: #fa8919;
}
.ban-reprint-tip .ban-reprint-title .ban-reprint-title-text {
  color: #fa8919;
}

.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;
}

.select-sort-download-new {
  user-select: none;
  width: 110px !important;
}
.select-sort-download-new .ns-popover-tooltip {
  width: 100%;
}
.select-sort-download-new .ns-popover-items {
  max-height: inherit;
}
.download-new-tip {
  text-align: left !important;
}
.download-new-container-view {
  padding: 0 24px;
}
.download-new-container-view .download-new-header {
  height: 86px;
  line-height: 86px;
  border-bottom: 1px solid #EBEBEB;
}
.download-new-container-view .download-new-header .left .ibass {
  color: #CDC9C5;
  font-size: 17px;
  position: relative;
  top: 2px;
}
.download-new-container-view .download-new-header .left .title {
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.download-new-container-view .download-new-header .right {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  cursor: pointer;
}
.download-new-container-view .download-new-header .right .active {
  color: #ed6c00;
}
.download-new-container-view .download-new-layout {
  display: flex;
  width: 100%;
  min-height: 800px;
}
.download-new-container-view .download-new-layout .empty {
  text-align: center;
  margin-top: 200px;
}
.download-new-container-view .download-new-layout .empty img {
  width: 64px;
  height: 40px;
}
.download-new-container-view .download-new-layout .empty div {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
}
.download-new-container-view .download-new-layout .layout-content {
  width: 100%;
  padding: 0 14px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table {
  width: 100%;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header {
  user-select: none;
  line-height: 52px;
  height: 52px;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px 0px #F0F0F0;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header .search-no {
  width: 34px;
  padding-left: 12px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header .search-title {
  width: 320px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header .search-author {
  width: 120px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header .search-source {
  width: 120px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header .search-opt {
  text-align: right;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header td {
  font-size: 14px;
  font-weight: 400;
  color: #737373;
  text-align: left;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header td .ibass-info {
  position: relative;
  top: 2px;
  left: 4px;
  cursor: pointer;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header td .sort-by-position {
  position: relative;
  top: -2px;
  cursor: pointer;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-header td .sort-by-position .ibass-trig-down {
  position: relative;
  top: 2px;
  left: 4px;
  color: #cdc9c5;
}
.download-new-container-view .download-new-layout .layout-content .download-new-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;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content {
  box-shadow: 0px 1px 0px 0px #F0F0F0;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .ibass-download {
  font-size: 18px;
  position: relative;
  top: -2px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .ibass-task-autodone {
  color: #CDC9C5;
  font-size: 19px;
  position: relative;
  top: -2px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content:hover td {
  background: #F8F8F9;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content:hover td .ibass-download {
  color: #ED6C00;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content:hover td .no-content {
  background: white;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content:hover .search-no {
  color: #ed6c00;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-time {
  font-size: 13px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-rule {
  font-size: 14px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-source {
  width: 120px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-author {
  width: 120px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content td {
  padding: 16px 20px 16px 0;
  border: 0;
  vertical-align: top;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content td a {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  cursor: pointer;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content td a:hover {
  color: #ed6c00;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-no {
  width: 34px;
  text-align: center;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-no .no-content {
  margin-left: 14px;
  text-align: center;
  width: 22px;
  height: 22px;
  background: #F8F8F9;
  border-radius: 2px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-title {
  width: 320px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-title .search-method {
  margin-top: 8px;
  color: #737373;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 320px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-title .no-search-method {
  color: #737373;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  overflow: hidden;
  width: 320px;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-opt {
  text-align: left;
}
.download-new-container-view .download-new-layout .layout-content .download-new-table .table-content .search-opt i {
  position: relative;
  top: 2px;
  left: 2px;
  color: #999;
  display: block;
}
.download-new-container-view .download-new-layout .layout-content .page {
  padding-left: 100px;
}
.ns-popover-tooltip-theme.light {
  color: red;
}
.ns-popover-tooltip-theme.light .select-sort {
  background-color: #fff;
}
.ns-popover-tooltip-theme.light .select-sort .triangle {
  display: none !important;
}
.ns-popover-tooltip-theme.light .select-sort .ns-popover-tooltip {
  background-color: #fbfbfb !important;
}
.ns-popover-tooltip-theme.light .select-sort .ns-popover-tooltip .ns-popover-item:hover {
  background-color: #f1f1f1;
  color: #737373;
}
.ns-popover-tooltip-theme.light .select-sort .ns-popover-tooltip .ns-popover-item {
  color: #737373;
}

.hit-words-contain {
  width: 100%;
  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-law {
  padding: 13px 12px;
}
.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: 4px;
  padding: 2px 0;
  display: flex;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .paragraph-common-item {
  cursor: pointer;
}
.hit-words-contain .paragraph-common-hit.paragraph-law:hover {
  background: #FFEBD7;
}
.hit-words-contain .paragraph-common-hit.paragraph-law:hover .ibass-dot {
  color: #ed6c00;
  cursor: pointer;
}
.hit-words-contain .paragraph-common-hit.paragraph-law:first-of-type {
  margin-top: 0;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .ibass-dot {
  position: absolute;
  left: 5px;
  top: 7px;
  font-size: 12px;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .paragraph-item-law {
  width: 708px;
  margin-left: 26px;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .law-add-search-report {
  width: 78px;
  flex-shrink: 0;
  margin-left: 32px;
  margin-top: 4px;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .law-add-search-report a {
  display: inline-flex;
  align-items: flex-start;
  height: 20px;
  line-height: 20px;
}
.hit-words-contain .paragraph-common-hit.paragraph-law .law-add-search-report a .ibass-add-round {
  display: block;
  height: 16px;
  line-height: 16px;
}
.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;
}

.bigData-database-result {
  width: 1030px;
  position: relative;
  left: -15px;
  top: 6px;
  min-height: 1486px;
  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 .big-data-search-box .search-content .input-other-content {
  padding-left: unset;
}
.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;
  margin-left: 37px;
  padding-bottom: 14px;
  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 {
  padding-bottom: 20px;
  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;
}

.bigData-judicialView {
  width: 1200px;
  position: relative;
  left: -100px;
  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-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;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.bigData-judicialView .search-container .go-back i {
  font-size: 20px;
}
.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;
}
.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: #fa8919;
  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: #fa8919;
}
.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 .tree-classic .case-result-detail-icon {
  float: none;
  display: inline;
  margin-top: 1px;
}
.bigData-judicialView .left-container .caseTree .tree-classic .case-result-detail-icon:hover {
  color: #ED6C00;
}
.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: #fa8919;
}
.bigData-judicialView .left-container .caseTree .sift div {
  margin-left: 18px;
  padding: 4px 0;
  display: inline-block;
  width: 74%;
}
.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: #fa8919;
}
.bigData-judicialView .left-container .caseTree .sift .confirm-container .cancel {
  margin-left: 7px;
  border: solid 1px #cfc7c1;
}
.bigData-judicialView .right-container {
  width: 939px;
  min-height: 1358px;
  background: #fff;
  border-radius: 0 0 10px 0;
}
.bigData-judicialView .right-container .condition-container-case {
  display: flex;
  justify-content: space-between;
}
.bigData-judicialView .right-container .condition-container-case .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-judicialView .right-container .condition-container {
  overflow: hidden;
  margin: 0 0 10px 20px;
  padding: 20px 20px 0 0;
}
.bigData-judicialView .right-container .condition-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.bigData-judicialView .right-container .condition-container .subscribe-container {
  float: right;
}
.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: #ed6c00;
  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: #ed6c00;
  line-height: 36px;
  margin-left: 34px;
  text-align: center;
  border-bottom: 2px solid #fa8919;
}
.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: #ed6c00;
}
.bigData-judicialView .right-container .header-container .download:hover .ibass-download {
  color: #ed6c00;
}
.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: #ed6c00;
}
.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.keyword-list {
  line-height: 27px;
  padding: 2px 13px;
  border: none;
  background: #f8f8f9;
}
.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: #fa8919;
  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: #fa8919;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .number-box {
  margin: 1px 5px 60px 0;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title span,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title a,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .item-title-text {
  font-size: 20px;
  color: #353535;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title span.clicked,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title a.clicked,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .item-title-text.clicked {
  color: #888;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title span.clicked .bigdata_query_highlight,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title a.clicked .bigdata_query_highlight,
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-title .item-title-text.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: 630px;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #a9a9a9;
}
.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-desc .span-dot {
  color: #ebe8e6;
}
.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: #fa8919;
}
.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: #fa8919;
}
.bigData-judicialView .right-container .list-container .judicial-list .judicial-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.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 {
  padding-bottom: 20px;
  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;
}

.bigData-lawsResult {
  width: 1200px;
  position: relative;
  left: -100px;
  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-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 .noborder {
  border: none !important;
}
.bigData-lawsResult #alpha-tool-law-list {
  padding-top: 20px;
  width: 100%;
  height: 1000px;
}
.bigData-lawsResult .search-container {
  min-height: 94px;
  padding: 40px 0 0 0;
  border-bottom: 1px solid #ececec;
  position: relative;
}
.bigData-lawsResult .search-container .AICaseListSearchWrapContainer {
  position: absolute;
}
.bigData-lawsResult .search-container .go-back {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.bigData-lawsResult .search-container .go-back i {
  font-size: 20px;
}
@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-radius: 0 0 0 10px;
  border-right: 1px solid #ececec;
  font-size: 14px;
  margin-bottom: -999999px;
  padding-bottom: 999999px;
}
.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: #fa8919;
}
.bigData-lawsResult .left-container .dispatch-search .search.cursor:hover .ibass-back {
  color: #fa8919;
}
.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: #fa8919;
  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: #fa8919;
}
.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 {
  position: relative;
  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: #fa8919;
}
.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 .dispatch-search {
  position: absolute;
  margin: 0;
  padding: 0;
  display: block;
  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;
  top: 12px;
  right: 15px;
  left: 20px;
  z-index: 3;
}
.bigData-lawsResult .left-container .caseTree .sift .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 .caseTree .sift .dispatch-search .search {
  opacity: 0;
  width: auto;
  height: 22px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  right: 4px;
  top: -4px;
  text-align: center;
  line-height: 22px;
  color: #4a4a4a;
  font-size: 12px;
}
.bigData-lawsResult .left-container .caseTree .sift .dispatch-search .search.cursor {
  width: auto;
  padding-right: 5px;
  color: #cdc9c5;
  font-size: 12px;
  font-weight: inherit;
}
.bigData-lawsResult .left-container .caseTree .sift .dispatch-search .search.cursor:hover {
  color: #fa8919;
}
.bigData-lawsResult .left-container .caseTree .sift .dispatch-search .search.cursor:hover .ibass-back {
  color: #fa8919;
}
.bigData-lawsResult .left-container .caseTree .sift .dispatch-search.dispatch-search-state {
  width: 160px !important;
  opacity: 1 !important;
  animation: right-to-left-dispatch 0.3s;
}
.bigData-lawsResult .left-container .caseTree .sift .dispatch-search.dispatch-search-state .search {
  opacity: 1 !important;
}
.bigData-lawsResult .left-container .caseTree .sift .left-tree-empty {
  display: block;
  width: auto;
  margin-left: 18px;
  padding: 8px 0 4px;
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.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: #fa8919;
}
.bigData-lawsResult .left-container .caseTree .sift .confirm-container .cancel {
  margin-left: 7px;
  border: solid 1px #cfc7c1;
}
.bigData-lawsResult .right-container {
  width: 939px;
  min-height: 1358px;
  background: #fff;
  border-radius: 0 0 10px 0;
}
.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: #fa8919;
}
.bigData-lawsResult .right-container .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #fdba78;
}
.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: #fdba78;
}
.bigData-lawsResult .right-container .condition-container-case {
  display: flex;
  justify-content: space-between;
}
.bigData-lawsResult .right-container .condition-container {
  overflow: hidden;
  padding: 20px 20px 0 20px;
}
.bigData-lawsResult .right-container .condition-container .subscribe-container {
  float: right;
}
.bigData-lawsResult .right-container .condition-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.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: #ed6c00;
  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: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.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: #fa8919;
}
.bigData-lawsResult .right-container .header-container .abstract-btn:hover i {
  color: #fa8919;
}
.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: #ed6c00;
}
.bigData-lawsResult .right-container .header-container .download:hover .ibass-download {
  color: #ed6c00;
}
.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: 36px;
}
.bigData-lawsResult .right-container .header-container .count .num {
  color: #ed6c00;
}
.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: #ed6c00;
  cursor: pointer;
}
.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 {
  padding-bottom: 20px;
  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,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title a,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title .item-title-text {
  word-break: break-all;
  max-width: 855px;
  display: inline-block;
  font-size: 20px;
  color: #353535;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title span.clicked,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title a.clicked,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title .item-title-text.clicked {
  color: #888;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title a.clicked .bigdata_query_highlight,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item .item-title .item-title-text.clicked .bigdata_query_highlight {
  color: #888;
}
.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.is-custom-sort {
  width: 448px;
}
.laws-search-select-sort.is-custom-sort .ns-popover-tooltip {
  background-color: #fff !important;
  padding: 24px !important;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 448px;
  max-width: unset !important;
}
.laws-search-select-sort.is-custom-sort .ns-popover-tooltip .ns-popover-items {
  margin: 0;
  overflow-y: unset;
}
.laws-search-select-sort .ns-popover-tooltip {
  width: 110px;
}
.laws-search-select-sort .ns-popover-tooltip .ns-popover-items {
  max-height: unset;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement.black .is-custom-sort .triangle:after {
  border-bottom-color: #fff !important;
  border-top-color: #3d3d3d !important;
}
.law-document-tooltip {
  max-width: 400px;
}
.reg-type-select {
  padding: 20px 0;
  margin: 0 16px;
  border-bottom: 1px solid #EBEBEB;
}
.reg-type-select .reg-type-select-item {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.reg-type-select .reg-type-select-item .icon-hover-active {
  display: none;
}
.reg-type-select .reg-type-select-item:hover {
  color: #fa8919;
}
.reg-type-select .reg-type-select-item:hover .icon {
  display: none;
}
.reg-type-select .reg-type-select-item:hover .icon-hover-active {
  display: inline-block;
}
.reg-type-select .reg-type-select-item.reg-type-select-item-active {
  background: #FFFFFF;
  border-radius: 27px;
  color: #ED6C00;
}
.reg-type-select .reg-type-select-item.reg-type-select-item-active .icon {
  display: unset !important;
}
.reg-type-select .reg-type-select-item.reg-type-select-item-active .icon-hover-active {
  display: none !important;
}
.reg-type-select .reg-type-select-item img.icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-left: 20px;
}
.reg-type-select .reg-type-select-item .new-icon {
  margin-left: 8px;
}
.law-container.law-other-container {
  margin-top: 20px;
  padding: 0 0 15px 20px;
}
.law-container.law-other-container .group-title {
  height: 20px;
  line-height: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.law-container.law-other-container .group-title .title-block {
  position: absolute;
  left: 0;
  width: 10px;
  height: 20px;
  background: #fa8919;
}
.law-container.law-other-container .group-title .title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #fa8919;
  z-index: 1;
  background: #fff;
}
.law-container.law-other-container .group-title .title.count {
  padding: 0 15px 0 5px;
  font-size: 14px;
  color: #4a4a4a;
}
.law-container.law-other-container .group-title .group-look-more {
  margin-right: 30px;
}
.law-container.law-other-container .group-title .group-look-more:hover {
  color: #fa8919;
}
.law-container.law-other-container .list-law {
  padding-right: 20px;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item {
  position: relative;
  padding: 6px 10px 10px;
  border-bottom: 1px solid #ebebeb;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-1 {
  background: #f72b44;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-2 {
  background: #b2d85d;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-3 {
  background: #adbeb2;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-4 {
  background: #67aaf6;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-5 {
  background: #adbeb2;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-6 {
  background: #FA8919;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-8 {
  background: #586DD0;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-9 {
  background: #3378ff;
}
.law-container.law-other-container .list-law .law-item .item-label.item-label-10 {
  background: #9D54CC;
}
.law-container.law-other-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;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item .item-label.text-tag span {
  position: relative;
  top: -3px;
}
.law-container.law-other-container .list-law .law-item .item-label.text-tag i {
  cursor: pointer;
}
.law-container.law-other-container .list-law .law-item .item-label.text-tag .remove-tag-button {
  position: relative;
  top: 0;
  right: 2px;
  cursor: pointer;
}
.law-container.law-other-container .list-law .law-item .item-label.text-tag .remove-tag-button i {
  visibility: hidden;
  top: 0px;
}
.law-container.law-other-container .list-law .law-item .item-label.text-tag:hover .remove-tag-button i,
.law-container.law-other-container .list-law .law-item .item-label.text-tag:focus .remove-tag-button i {
  visibility: visible;
}
.law-container.law-other-container .list-law .law-item .item-title {
  padding-top: 6px;
  line-height: 26px;
}
.law-container.law-other-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: #fa8919;
  background: #f8f8f9;
}
.law-container.law-other-container .list-law .law-item .item-title .number-index.show-number {
  display: inline-block;
}
.law-container.law-other-container .list-law .law-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.law-container.law-other-container .list-law .law-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
.law-container.law-other-container .list-law .law-item .item-title .number-index i.ibass-checked {
  color: #fa8919;
}
.law-container.law-other-container .list-law .law-item .item-title .number-box {
  margin: 1px 5px 30px 0;
}
.law-container.law-other-container .list-law .law-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.law-container.law-other-container .list-law .law-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.law-container.law-other-container .list-law .law-item .item-title span,
.law-container.law-other-container .list-law .law-item .item-title a,
.law-container.law-other-container .list-law .law-item .item-title .item-title-text {
  font-size: 20px;
  color: #353535;
}
.law-container.law-other-container .list-law .law-item .item-title span.clicked,
.law-container.law-other-container .list-law .law-item .item-title a.clicked,
.law-container.law-other-container .list-law .law-item .item-title .item-title-text.clicked {
  color: #888;
}
.law-container.law-other-container .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.law-container.law-other-container .list-law .law-item .item-title a.clicked .bigdata_query_highlight,
.law-container.law-other-container .list-law .law-item .item-title .item-title-text.clicked .bigdata_query_highlight {
  color: #888;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-desc {
  overflow: hidden;
  color: #a9a9a9;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-desc .authority {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-desc .posting_date {
  display: inline-block;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download:hover i,
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: #fa8919;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: #fa8919;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download.select-mode .right-line {
  border-right: 1px solid transparent;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: #fa8919;
}
.law-container.law-other-container .list-law .law-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.law-container.law-other-container .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.law-container.law-other-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;
}
.law-container.law-other-container .list-law .law-item:hover {
  background: #f8f8f9;
}
.law-container.law-other-container .list-law .law-item:hover .number-index.number {
  display: none !important;
}
.law-container.law-other-container .list-law .law-item:hover .number-index.checkbox {
  display: inline-block;
}
.law-container.law-other-container .list-law .list-assistant-btn {
  top: 3px;
}
#alphaToolRoot {
  height: 1000px;
}
.lawTemplateModalContainer {
  width: 600px;
  padding: 40px 48px 32px 48px;
  overflow: hidden;
}
.lawTemplateModalContainer .lawTemplateModalTitleContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lawTemplateModalContainer .lawTemplateModalTitleContainer .lawTemplateModalTitle {
  padding-bottom: 24px;
  text-align: center;
}
.lawTemplateModalContainer .lawTemplateModalTitleContainer .lawTemplateModalTitle .lawTemplateModalTitleContent {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
  position: relative;
  z-index: 999;
  background-color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.lawTemplateModalContainer .lawTemplateModalTitleContainer .lawTemplateModalTitle .lawTemplateModalTitleLine {
  position: relative;
  top: -14px;
  width: 500px;
  height: 1px;
  border-radius: 0px 0px 0px 0px;
  border-bottom: 1px solid #EBEBEB;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoContainer {
  padding-bottom: 6px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoContainer .lawTemplateModalMessageInfoTitle {
  padding-bottom: 6px;
  color: #4A4A4A;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoContainer .lawTemplateModalMessageInfoAfter {
  color: #F6535C;
}
.lawTemplateModalContainer .errorMessage {
  font-size: 12px;
  color: #F6535C;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoInputConatiner {
  border: 1px solid #EBEBEB;
  background: #FFFFFF;
  padding: 10px;
  width: 504px;
  height: 128px;
  border-radius: 4px;
  padding-bottom: 0px;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoInputConatiner textarea {
  height: 80px;
  width: 100%;
  border: none;
  resize: none;
  color: #333333;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoInputConatiner .lawTemplateModalTextareaNum {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoInputConatiner .lawTemplateModalTextareaNum span {
  height: 20px;
  line-height: 20px;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoInputConatiner .lawTemplateModalTextareaNum span:last-child {
  color: #999999;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoPhone {
  padding-top: 24px;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoPhone .lawTemplateModalMessageInfoPhoneTitle {
  padding-bottom: 6px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
}
.lawTemplateModalContainer .lawTemplateModalMessageInfoPhone input {
  margin-top: 6px;
  width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  height: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 10px;
  color: #333333;
}
.lawTemplateModalContainer .aiSearchBtnContainerWrap {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.lawTemplateModalContainer .aiSearchBtnContainerWrap .aiSearchBtnContainer {
  cursor: pointer;
  width: 110px;
  height: 36px;
  background: #FA8919;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lawTemplateModalContainer .aiSearchBtnContainerWrap .aiSearchBtnContainer span {
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.lawTemplateModalContainer .aiSearchBtnContainerWrap .aiSearchBtnContainer:hover {
  background-color: #FA9A2A;
}
.lawTemplateModalContainer .lawTemplateModalContent {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 22px;
  height: 412px;
  overflow-y: auto;
}
.lawTemplateModalContainer .lawTemplateModalContent .lawTemplateModalContentHead {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  padding-bottom: 16px;
}

.nologin-detail-box {
  padding: 50px 0 200px;
  width: 100%;
}
.nologin-detail-box .nologin-detail-box_title {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 40px 0;
  color: #78430F;
  cursor: pointer;
}
.nologin-detail-box .nologin-detail-box_title:hover {
  color: #ff8800;
}
.nologin-detail-box .nologin-detail-box_title span {
  position: relative;
}
.nologin-detail-box .nologin-detail-box_title span::before {
  top: -1px;
  position: absolute;
}
.nologin-detail-box .nologin-detail-box_title .ibass-locked {
  padding-right: 22px;
}
.nologin-detail-box .nologin-detail-box_title .ibass-arrow-down {
  padding-left: 6px;
}
.nologin-detail-box .nologin-detail-box_content a {
  display: inline;
  color: aqua;
  cursor: pointer;
}

.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 {
  padding: 20px 20px 0 0;
}
.bigData-pro-doc-result.bigData-lawsResult .pro-doc-law-list.list-law {
  padding-top: 10px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box {
  padding-top: 20px;
  padding-left: 34px;
  padding-right: 30px;
  padding-bottom: 0;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box.group {
  padding-top: 20px;
  padding-left: 33px;
  padding-bottom: 0px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .left-box i {
  margin-right: 7px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .right-box {
  text-align: right;
  height: 32px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box i.ibass-checked {
  color: #fa8919;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #fdba78;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.bigData-pro-doc-result.bigData-lawsResult .right-container .select-all-box .option-btn i {
  color: #fdba78;
}
.bigData-pro-doc-result.bigData-lawsResult .condition-container .subscribe {
  margin-left: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.bigData-pro-doc-result.bigData-lawsResult .condition-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.bigData-pro-doc-result.bigData-lawsResult .condition-container .subscribe:hover,
.bigData-pro-doc-result.bigData-lawsResult .condition-container .subscribe:hover i {
  color: #ed6c00;
}
.bigData-pro-doc-result.bigData-lawsResult .header-container.is-selected {
  padding-right: 30px;
}
.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 {
  display: none;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-index.show-number {
  display: inline-block;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-index i.ibass-checked {
  color: #fa8919;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-box {
  margin: 1px 5px 30px 0;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title a,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .item-title-text {
  font-size: 20px;
  color: #353535;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span.clicked,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title a.clicked,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .item-title-text.clicked {
  color: #888;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title a.clicked .bigdata_query_highlight,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .item-title-text.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title .number-index {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 4px 5px 4px 0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title h2 {
  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,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title h2.clicked {
  color: #888;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item .item-title h2.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: 580px;
  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: #fa8919;
}
.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: #fa8919;
}
.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 .item-bottom .item-btn .view-box {
  font-size: 13px;
  color: #a9a9a9;
}
.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 .law-item:hover .number-index.number {
  display: none !important;
}
.bigData-pro-doc-result.bigData-lawsResult .list-law .law-item:hover .number-index.checkbox {
  display: inline-block;
}
.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: #fa8919;
}

.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 8px;
  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;
  overflow: auto;
}
.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-gpt-result-controller {
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
}
.bigData-gpt-result-controller .gpt-left-menu {
  width: max-content;
  height: 100vh;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 9999;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu {
  width: 72px;
  border-right: 1px solid #e8ebee;
  font-size: 13px;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .back-btn {
  color: #c3c6c8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  cursor: pointer;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .back-btn i {
  transform: rotateY(180deg);
  font-size: 22px;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .back-btn:hover {
  color: #FA8919;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn {
  color: #c3c6c8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 33px;
  cursor: pointer;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn .label {
  margin-top: 7px;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn .icon-history {
  width: 24px;
  height: 24px;
  background: url('tool/bigData/similarityCaseGpt/image/history_icon_default.png') no-repeat;
  background-size: contain;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn.selectItem,
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn:hover {
  color: #FA8919;
}
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn.selectItem .icon-history,
.bigData-gpt-result-controller .gpt-left-menu .left-menu .history-btn:hover .icon-history {
  background: url('tool/bigData/similarityCaseGpt/image/history_icon.png') no-repeat;
  background-size: contain;
}
.bigData-gpt-result-controller .gpt-left-menu .left-placeholder {
  width: 224px;
  height: 100%;
  position: relative;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left {
  width: max-content;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list {
  width: 224px;
  height: calc(100% - 24px);
  box-shadow: inset -1px 0px 0px 0px #ebebeb;
  padding-top: 24px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .new-search-btn {
  width: 192px;
  height: 36px;
  border-radius: 36px;
  background: #FA8919;
  border-radius: 20px;
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .new-search-btn img {
  width: 16px;
  height: 16px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .new-search-btn .btn-name {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 16px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-left: 6px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .new-search-btn:hover {
  background-color: #fa9a2a;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container {
  position: relative;
  flex: 1;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container i.ibass-search {
  position: absolute;
  color: #cdc9c5;
  font-size: 16px;
  top: 21px;
  left: 26px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container .search-input {
  width: 192px;
  height: 32px;
  margin-left: 16px;
  margin-top: 16px;
  border-radius: 17px;
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
  padding: 0 30px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container .search-input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container .search-input.search-input-focus {
  border: 1px solid #FA8919;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container .search-input-clear {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 14px;
  height: 14px;
  background: url('tool/myBigData/images/search_input_clear.png') no-repeat;
  background-size: cover;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list .search-box-container .search-input-clear:hover {
  background: url('tool/myBigData/images/search_input_clear_hover.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain {
  overflow-y: scroll;
  height: calc(100vh - 108px);
  border-bottom-right-radius: 5px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list {
  width: 192px;
  height: calc(100% - 32px);
  overflow-y: scroll;
  margin: 16px auto;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history {
  width: 168px;
  height: 20px;
  padding: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  background-color: #ffffff;
  position: relative;
  display: flex;
  cursor: pointer;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .query-history {
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .right-title-box {
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 14px;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(270deg, #f8f9fa 20%, rgba(255, 255, 255, 0) 30%);
  background-repeat: no-repeat;
  transition: background-position-x 0.1s 0.1s ease-in, opacity 0.15s ease-in;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .right-title-box i {
  color: #C3C6C8;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .right-title-box i:hover {
  color: #FA8919;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history:hover {
  background: #F8F9FA;
  border-radius: 6px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history:hover .right-title-box {
  opacity: 1;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  font-size: 14px;
  color: #ddd6d9;
  background-color: #fff;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .left-history-list #historyListContain .history-list .no-data img {
  width: 90px;
  height: auto;
  margin-bottom: 12px;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .collapsed-btn {
  width: 15px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: inset -1px 0px 0px 0px #ebebeb, inset 0px -1px 0px 0px #ebebeb, inset 0px 1px 0px 0px #ebebeb;
  border-radius: 0px 8px 8px 0px;
  position: absolute;
  left: 223px;
  top: 294px;
  text-align: center;
  line-height: 44px;
  color: #ED6C00;
  cursor: pointer;
  z-index: 1;
}
.bigData-gpt-result-controller .gpt-left-menu .similarty-case-gpt-left .collapsed-btn i::before {
  transform: rotate(90deg);
  font-size: 10px;
  margin-right: 4px;
  margin-top: 3px;
}
.bigData-gpt-result-controller .bigData-case,
.bigData-gpt-result-controller .noopsycheSearch {
  width: 630px;
  margin: 0 auto;
}
.bigData-gpt-result-controller .bigData-case .cursor,
.bigData-gpt-result-controller .noopsycheSearch .cursor {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit {
  overflow: hidden;
  margin: 80px auto 0;
  width: 168px;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit a,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit a {
  border-bottom: 2px solid #fff;
  text-align: center;
  display: block;
  float: left;
  width: 84px;
  height: 54px;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit a i,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit a i {
  font-size: 24px;
  line-height: 20px;
  color: #b4a69a;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit a span,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit a span {
  font-size: 12px;
  color: #9e9e9e;
  height: 17px;
  line-height: 17px;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit a:hover,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit a:hover {
  border-color: #ff8800;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit a:hover i,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit a:hover i,
.bigData-gpt-result-controller .bigData-case .data-case-tit a:hover span,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit a:hover span {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit .bigdata-search-active,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit .bigdata-search-active {
  border-color: #ff8800;
}
.bigData-gpt-result-controller .bigData-case .data-case-tit .bigdata-search-active i,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit .bigdata-search-active i,
.bigData-gpt-result-controller .bigData-case .data-case-tit .bigdata-search-active span,
.bigData-gpt-result-controller .noopsycheSearch .data-case-tit .bigdata-search-active span {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-case .show-advanced-search-border,
.bigData-gpt-result-controller .noopsycheSearch .show-advanced-search-border {
  border: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
.bigData-gpt-result-controller .bigData-case .search.show-highlight-border,
.bigData-gpt-result-controller .noopsycheSearch .search.show-highlight-border {
  background-color: #fefeff;
}
.bigData-gpt-result-controller .bigData-case .search.search-border,
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .search,
.bigData-gpt-result-controller .noopsycheSearch .search {
  position: relative;
  width: 650px;
  min-height: 42px;
  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-gpt-result-controller .bigData-case .search .search-con,
.bigData-gpt-result-controller .noopsycheSearch .search .search-con {
  flex: 1;
  height: 50px;
  border: none;
  border-radius: 45px;
  padding-left: 18px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #4a4a4a;
  background: transparent;
}
.bigData-gpt-result-controller .bigData-case .search input::-webkit-input-placeholder,
.bigData-gpt-result-controller .noopsycheSearch .search input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-case .search div.left.search-icon,
.bigData-gpt-result-controller .noopsycheSearch .search div.left.search-icon {
  line-height: 46px;
}
.bigData-gpt-result-controller .bigData-case .search div.right.init-ad-search,
.bigData-gpt-result-controller .noopsycheSearch .search div.right.init-ad-search,
.bigData-gpt-result-controller .bigData-case .search a.right.init-ad-search,
.bigData-gpt-result-controller .noopsycheSearch .search a.right.init-ad-search {
  margin-right: 20px;
  height: 50px;
}
.bigData-gpt-result-controller .bigData-case .search div.right.init-ad-search span,
.bigData-gpt-result-controller .noopsycheSearch .search div.right.init-ad-search span,
.bigData-gpt-result-controller .bigData-case .search a.right.init-ad-search span,
.bigData-gpt-result-controller .noopsycheSearch .search a.right.init-ad-search span {
  position: relative;
  top: -1px;
  color: #a9a9a9;
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-case .search .search-input-padding-case,
.bigData-gpt-result-controller .noopsycheSearch .search .search-input-padding-case {
  padding-left: 100px;
}
.bigData-gpt-result-controller .bigData-case .search .search-recommend-padding-case,
.bigData-gpt-result-controller .noopsycheSearch .search .search-recommend-padding-case {
  padding-left: 130px;
  margin-right: 82px;
}
.bigData-gpt-result-controller .bigData-case .search .search-input-padding-law,
.bigData-gpt-result-controller .noopsycheSearch .search .search-input-padding-law {
  padding-left: 62px !important;
}
.bigData-gpt-result-controller .bigData-case .search .input-law-content,
.bigData-gpt-result-controller .noopsycheSearch .search .input-law-content {
  padding-right: 180px;
}
.bigData-gpt-result-controller .bigData-case .search .input-law-content .search-module-i-close-advance,
.bigData-gpt-result-controller .noopsycheSearch .search .input-law-content .search-module-i-close-advance {
  right: 190px;
}
.bigData-gpt-result-controller .bigData-case .search .search-input-hide,
.bigData-gpt-result-controller .noopsycheSearch .search .search-input-hide {
  display: none;
}
.bigData-gpt-result-controller .bigData-case .search .search-input-show,
.bigData-gpt-result-controller .noopsycheSearch .search .search-input-show {
  padding-right: 20px;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab .ibass-search,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab .ibass-search {
  font-size: 16px;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab span,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab span {
  position: relative;
  top: -1px;
  color: #737373;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab .scale-icon,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab .scale-icon {
  position: relative;
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab .ibass-trig-up,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab .ibass-trig-up {
  left: 8px;
  top: -4px;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab .ibass-trig-down,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab .ibass-trig-down {
  left: -4px;
  top: 4px;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab:hover span,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab:hover span {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-case .search .left-search-tab:hover .scale-icon,
.bigData-gpt-result-controller .noopsycheSearch .search .left-search-tab:hover .scale-icon {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-focus,
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .search .drop-menu-focus ul,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-focus ul {
  padding: 15px 0;
  overflow-y: auto;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-focus ul p,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-focus ul p {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-focus ul li,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-focus ul li {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-focus ul li:hover,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-focus ul li:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change::-webkit-scrollbar,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change::-webkit-scrollbar-thumb,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3.5px;
  background: rgba(0, 0, 0, 0.48);
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change,
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .search .drop-menu-change .region p,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .region p {
  height: 30px !important;
  line-height: 30px !important;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change .region .line,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .region .line {
  margin: 2px 20px !important;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change .sort,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .sort {
  overflow-y: auto;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change .sort h6,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .sort h6 {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change .sort p,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .sort p {
  cursor: pointer;
  padding: 0 20px;
  line-height: 36px;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change .sort p:hover,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .sort p:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-case .search .drop-menu-change .sort .line,
.bigData-gpt-result-controller .noopsycheSearch .search .drop-menu-change .sort .line {
  margin: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-gpt-result-controller .bigData-case .search.input-active,
.bigData-gpt-result-controller .noopsycheSearch .search.input-active {
  border: solid 1px #ffb387;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container {
  text-align: left;
  margin-bottom: 30px;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container .search-btn,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .search-btn,
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-search-btn,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .ouline-search-btn {
  width: 170px;
  height: 36px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container .search-btn button,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .search-btn button,
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-search-btn button,
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .search-btn-container .search-btn span,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .search-btn span,
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-search-btn span,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .ouline-search-btn span {
  display: inline-block;
  line-height: 36px;
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container .search-btn i,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .search-btn i,
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-search-btn i,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .ouline-search-btn i {
  font-size: 12px;
  color: #ffffff;
  line-height: 35px;
  margin-right: 10px;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-search-btn,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .ouline-search-btn {
  width: 140px;
  margin-top: 30px;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-clear,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .ouline-clear {
  position: relative;
  top: -26px;
  font-size: 12px;
  color: #737373;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .search-btn-container .ouline-clear:hover,
.bigData-gpt-result-controller .noopsycheSearch .search-btn-container .ouline-clear:hover {
  color: #4a4a4a;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container {
  width: 640px;
  margin-left: 4px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .items,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .items,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .items,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .items {
  margin-left: 114px;
  height: 51px;
  border: 0.5px solid transparent;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items {
  margin-left: 114px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem {
  display: block;
  padding: 0 30px 0 34px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  border: 1px solid #ede7e7;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 16px;
  color: #4a4a4a;
  position: relative;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 14px;
  height: 14px;
  background: #dcd5d5;
  border-radius: 50%;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group .ibass-close {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 1px;
  right: 1px;
  transform: scale(0.8, 0.8);
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem .close-round-my-group:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem .close-round-my-group:hover {
  background: #fa8919;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .my-groupitem-active:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .my-groupitem-active:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .my-groupitem-active:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .my-groupitem-active:hover {
  border-color: #fa8919;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item {
  padding: 0 30px 0 34px;
  height: 36px;
  border-radius: 18px;
  border: 1px dashed #ede7e7;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 16px;
  background: transparent;
  color: #4a4a4a;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item .ibass-add,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item .ibass-add,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item .ibass-add,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item .ibass-add {
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover {
  border-color: #fa8919;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover .ibass-add,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .create-my-groups-item:hover .ibass-add,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover .ibass-add,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .create-my-groups-item:hover .ibass-add {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .delete-my-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-my-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .delete-my-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-my-groups-item {
  background: transparent;
  color: #737373;
  margin-top: 5px;
  padding: 0 10px 0 10px;
  height: 28px;
  border-radius: 14px;
  border: none;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .delete-my-groups-item .ibass-delete,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-my-groups-item .ibass-delete,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .delete-my-groups-item .ibass-delete,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-my-groups-item .ibass-delete {
  color: #ebebeb;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .delete-my-groups-item:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-my-groups-item:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .delete-my-groups-item:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-my-groups-item:hover {
  color: #4a4a4a;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item {
  margin-top: 5px;
  padding: 0 10px 0 10px;
  height: 28px;
  border-radius: 14px;
  border: none;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 16px;
  background: #fa8919;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .my-groups-items .delete-state-restore--my-groups-item .ibass-done {
  color: #ffffff;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .items.show-all-items,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .items.show-all-items,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .items.show-all-items,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .items.show-all-items {
  height: auto;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .moretools-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .moretools-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .moretools-groups-item,
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .click-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .click-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .click-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .click-item,
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .moretools-groups-item .click-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .moretools-groups-item .click-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .moretools-groups-item .click-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .moretools-groups-item .click-item {
  display: block;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .ibass-done,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .ibass-done,
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .moretools-groups-item .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .moretools-groups-item .ibass-done,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .moretools-groups-item .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .moretools-groups-item .ibass-done {
  margin: 0 10px;
  top: 0;
  color: #fa8919;
  visibility: hidden;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item p,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item p,
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .moretools-groups-item p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .moretools-groups-item p,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .moretools-groups-item p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .moretools-groups-item p {
  text-align: left;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .moretools-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .moretools-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .moretools-groups-item .moretools-words:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .moretools-groups-item .moretools-words:hover {
  color: #fa8919;
  text-decoration: underline;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item {
  position: relative;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag {
  top: -6px;
  right: 0;
  position: absolute;
  width: 26px;
  height: 14px;
  background: linear-gradient(207deg, #f07600 0%, #f69d00 100%);
  border-radius: 7px 7px 7px 1px;
  line-height: 1;
  color: #ffffff;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag span,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-new-tag span,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag span,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-new-tag span {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  transform: scale(0.7);
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag {
  position: absolute;
  right: 0px;
  top: -16px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag img,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item .outline-groups-bate-tag img,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag img,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item .outline-groups-bate-tag img {
  width: 29px;
  height: 14px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .moretools-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .moretools-groups-item,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .moretools-groups-item,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .moretools-groups-item {
  border: none;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container span:last-child,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container span:last-child,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container span:last-child,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container span:last-child {
  margin-right: 0;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container .outline-groups-item:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container .outline-groups-item:hover,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container .outline-groups-item:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container .outline-groups-item:hover {
  border: solid 1px #fa8919;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container span.hoverTit,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container span.hoverTit,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container span.hoverTit,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container span.hoverTit {
  color: #fa8919;
  border: 1px solid #fa8919 !important;
}
.bigData-gpt-result-controller .bigData-case .searchResult .ouline-container span.hoverTit .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .ouline-container span.hoverTit .ibass-done,
.bigData-gpt-result-controller .bigData-case .searchResult .moretools-container span.hoverTit .ibass-done,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .moretools-container span.hoverTit .ibass-done {
  visibility: visible;
}
.bigData-gpt-result-controller .bigData-case .searchResult .show-all-btn,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .show-all-btn {
  height: 40px;
  margin-bottom: -25px;
  margin-top: -15px;
  padding-left: 114px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .show-all-btn i.ibass-ellipses,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .show-all-btn i.ibass-ellipses {
  font-size: 24px;
  color: #cdc9c5;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .searchResult .show-all-btn i.ibass-ellipses:hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .show-all-btn i.ibass-ellipses:hover {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-case .searchResult,
.bigData-gpt-result-controller .noopsycheSearch .searchResult {
  margin: 0px auto !important;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-inside,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-inside {
  position: relative;
  width: 630px;
  margin: 50px 0 18px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-inside span,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-inside span {
  font-size: 14px;
  width: 118px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit {
  height: 40px;
  margin-bottom: 15px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit div,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit div {
  position: relative;
  top: -2px;
  font-size: 12px;
  width: 110px;
  color: #a9a9a9;
  text-align: center;
  margin: 12px 0;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit div .ibass-trig-down,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit div .ibass-trig-down {
  opacity: 0;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit span,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit span {
  height: 8px;
  display: block;
  border-bottom: 1px solid #f0f0f0;
  width: 260px;
  margin: 12px 0;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit .is-advanced-search-active,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit .is-advanced-search-active {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit .is-advanced-search-active .ibass-trig-down,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit .is-advanced-search-active .ibass-trig-down {
  opacity: 1;
}
.bigData-gpt-result-controller .bigData-case .searchResult .tit .is-advanced-search-active label,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .tit .is-advanced-search-active label {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside {
  border: 0.5px solid transparent;
  transition: all 0.5s ease;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .outline-groups,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .outline-groups,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .outline-groups,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .outline-groups,
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .moretools-groups,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .moretools-groups,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .moretools-groups,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .moretools-groups {
  display: block;
  float: left;
  line-height: 36px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .outline-groups p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .outline-groups p,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .outline-groups p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .outline-groups p,
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .moretools-groups p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .moretools-groups p,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .moretools-groups p,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .moretools-groups p {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .outline-groups .ibass-arrow-right,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .outline-groups .ibass-arrow-right,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .outline-groups .ibass-arrow-right,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .outline-groups .ibass-arrow-right,
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .moretools-groups .ibass-arrow-right,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .moretools-groups .ibass-arrow-right,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .moretools-groups .ibass-arrow-right,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .moretools-groups .ibass-arrow-right {
  display: inline-block;
  margin: 0 34px 0 10px;
  top: 0;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .outline-groups .outline-groups-round,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .outline-groups .outline-groups-round,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .outline-groups .outline-groups-round,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .outline-groups .outline-groups-round,
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .moretools-groups .outline-groups-round,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .moretools-groups .outline-groups-round,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .moretools-groups .outline-groups-round,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .moretools-groups .outline-groups-round {
  width: 6px;
  height: 6px;
  background: #ede7e7;
  border-radius: 50%;
  margin-right: 8px;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside .outline-groups,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside .outline-groups,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools .outline-groups,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools .outline-groups {
  display: flex;
  align-items: center;
}
.bigData-gpt-result-controller .bigData-case .searchResult .searchResult-outside span.hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .searchResult-outside span.hover,
.bigData-gpt-result-controller .bigData-case .searchResult .more-tools span.hover,
.bigData-gpt-result-controller .noopsycheSearch .searchResult .more-tools span.hover {
  background-color: #fa8919;
  color: #ffffff;
  border: 1px solid #fa8919;
}
.bigData-gpt-result-controller .bigData-case i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 1.5px;
}
.bigData-gpt-result-controller .bigData-case .search {
  margin-bottom: 40px;
}
.bigData-gpt-result-controller .bigData-case .search .search-module-i-close {
  position: absolute;
  bottom: 11px;
  transform: translateY(-50%);
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-case .search .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #cacaca;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bigData-gpt-result-controller .bigData-case .search .search-module-i-close .i-close-module:hover {
  background-color: #fa8919;
}
.bigData-gpt-result-controller .bigData-case .search .search-module-i-close .i-close-module .ibass-close {
  margin-top: -5px;
  height: 50px;
  color: #fff;
  transform: scale(0.5);
}
.bigData-gpt-result-controller .bigData-case .search .search-module-i-close-advance {
  right: 84px;
}
.bigData-gpt-result-controller .bigData-case .search .search-module-i-close-not-advance {
  right: 20px;
}
.bigData-gpt-result-controller .bigData-case .change-border-radius {
  border-radius: 8px !important;
}
.bigData-gpt-result-controller .bigData-case .change-border-radius .suggest {
  overflow: hidden;
  width: 360px;
  margin: 0 20px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .change-border-radius .suggest ul li .ibass-close {
  position: static;
  font-size: 12px;
  margin: 0 5px;
}
.bigData-gpt-result-controller .bigData-case .searchResult {
  margin: 0px auto;
}
.bigData-gpt-result-controller .bigData-case .searchResult .new {
  display: inline-block;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .searchResult .showAll {
  cursor: pointer;
  font-weight: normal;
  color: #737373;
  display: inline-block;
  position: absolute;
  bottom: 18px;
  right: 0;
}
.bigData-gpt-result-controller .bigData-case .searchResult .showAll i {
  left: -3px;
}
.bigData-gpt-result-controller .bigData-case .recommendSum {
  height: 90px;
  border-radius: 10px;
  background: #f8f8f9;
  box-sizing: border-box;
  padding: 27px 25px;
}
.bigData-gpt-result-controller .bigData-case .recommendSum .left {
  line-height: 36px;
  height: 36px;
  font-size: 16px;
  float: left;
}
.bigData-gpt-result-controller .bigData-case .recommendSum .left .num {
  color: #ed6c00;
  font-size: 18px;
}
.bigData-gpt-result-controller .bigData-case .recommendSum .right-btn {
  float: right;
  font-size: 12px;
  color: #fff;
  height: 36px;
  line-height: 33px;
  width: 130px;
  border-radius: 20px;
  background: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}
.bigData-gpt-result-controller .bigData-case .recommendSum .right-btn i {
  color: #fff;
  top: 3px;
}
.bigData-gpt-result-controller .bigData-case .filterRule {
  position: relative;
  padding-top: 40px;
  height: 20px;
  line-height: 20px;
  clear: both;
}
.bigData-gpt-result-controller .bigData-case .filterRule .titleHead .line {
  width: 526px;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 10px;
}
.bigData-gpt-result-controller .bigData-case .filterRule .titleHead .showAllText {
  float: right;
  color: #737373;
}
.bigData-gpt-result-controller .bigData-case .filterRule .titleHead .tit {
  padding: 0 10px;
  background: #fff;
  left: 265px;
  position: absolute;
}
.bigData-gpt-result-controller .bigData-case .filterRule .ruleDetail {
  clear: both;
  padding-top: 25px;
}
.bigData-gpt-result-controller .bigData-case .filterRule .ruleDetail .ruleName {
  padding-bottom: 10px;
  padding-left: 5px;
}
.bigData-gpt-result-controller .bigData-case .filterRule .ruleDetail .ruleName label .ibass-checked {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-case .filterRule .ruleDetail .ruleName label span {
  font-weight: 600;
}
.bigData-gpt-result-controller .bigData-case .filterRule .ruleDetail .ruleName .allText {
  float: right;
}
.bigData-gpt-result-controller .bigData-case .filterRule .ruleDetail p {
  color: #737373;
  line-height: 22px;
  padding-left: 28px;
  clear: both;
}
.bigData-gpt-result-controller .bigData-caseSearch {
  overflow: hidden;
  width: 1200px;
  position: relative;
  left: 0;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .cursor {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .left {
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .condition-container-case {
  display: flex;
  justify-content: space-between;
}
.bigData-gpt-result-controller .bigData-caseSearch .condition-container-case .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe-container {
  float: right;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #d8d8d8;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe {
  margin-left: 10px;
  color: #a9a9a9;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe span {
  padding-left: 5px;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe:hover,
.bigData-gpt-result-controller .bigData-caseSearch .subscribe:hover i {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe.remove-undisclosed i {
  font-size: 16px;
  top: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe.remove-undisclosed i.ibass-checked {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .subscribe.remove-undisclosed span {
  padding-left: 0px;
  vertical-align: top;
  position: relative;
  top: 2px;
}
.bigData-gpt-result-controller .bigData-caseSearch i {
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  position: relative;
  top: 2px;
}
.bigData-gpt-result-controller .bigData-caseSearch .gpt-header {
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #EBEBEB;
  background: #ffffff;
}
.bigData-gpt-result-controller .bigData-caseSearch .gpt-header .gpt-title {
  width: calc(88% - 28px);
  height: 76px;
  line-height: 76px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 22px;
  color: #171717;
  text-align: left;
  font-style: normal;
  padding-left: 28px;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .gpt-header .gpt-show-more {
  width: max-content;
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  position: absolute;
  right: 28px;
  top: 35px;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .gpt-header .gpt-show-more:hover {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .gpt-header .gpt-title-expand {
  width: calc(100% - 86px);
  height: max-content;
  background: #F8F9FA;
  border-radius: 8px;
  padding: 18px 20px;
  margin-left: 24px;
  margin-bottom: 24px;
  margin-top: -10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  line-height: 22px;
  text-align: justify;
  font-style: normal;
  word-break: break-all;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .left-view .caseTree {
  width: 224px;
  padding: 24px 19px 12px 15px;
  padding-bottom: 80px;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift {
  padding-bottom: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift .tit {
  margin: 0 !important;
  font-weight: 600;
  line-height: 28px;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift .tit i {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift div {
  width: 77%;
  margin-left: 18px;
  padding: 4px 0;
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift p {
  margin-left: 18px;
  padding: 4px 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift .show-all {
  cursor: pointer;
  margin: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift .show-all .ibass-arrow-down,
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift .show-all .ibass-arrow-up {
  float: left;
  padding: 1px 10px;
  top: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree .sift .show-all span {
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList {
  float: left;
  width: 940px;
  min-height: 1358px;
  background: #fff;
  border-radius: 0 0 10px 0;
  margin-bottom: -9999px;
  padding-bottom: 9999px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .cursor {
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .advanced-search-container {
  visibility: hidden;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput {
  position: relative;
  overflow: hidden;
  min-height: 36px;
  margin-bottom: 14px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .ibass-close {
  font-size: 16px;
  position: absolute;
  z-index: 1;
  right: 0;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch:hover {
  border: 1px solid #fa8919;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn {
  position: relative;
  height: 34px;
  line-height: 34px;
  margin: 0 15px 0 -100px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn span {
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn i,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .leftSearch .advanced-search-btn span {
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .result {
  position: relative;
  z-index: 1;
  margin-left: 20px;
  line-height: 36px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .searchInput .result .ibass-checked {
  color: #fa8919;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul {
  padding: 15px 0;
  overflow-y: auto;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul p {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul li {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-focus ul li:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .region p {
  height: 30px !important;
  line-height: 30px !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .region .line {
  margin: 2px 20px !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort {
  overflow-y: auto;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort p {
  cursor: pointer;
  padding: 0 20px;
  line-height: 36px;
  font-size: 14px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort p:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .drop-menu-change .sort .line {
  margin: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .recommend {
  overflow: hidden;
  margin: 13px 20px 0 17px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .recommend p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: #fa8919;
  display: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .recommend p:hover i {
  display: block;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList {
  margin-top: 2px;
  height: 36px;
  line-height: 36px;
  bottom: -1px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList p {
  display: inline-block;
  cursor: pointer;
  width: 84px;
  height: 34px;
  line-height: 36px;
  text-align: center;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .visual .ibass-info {
  top: 3px;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1;
  left: 2px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .visual .ibass-info:hover {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .list {
  margin-left: 34px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList p:hover {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .active,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .current {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .sort {
  height: 30px;
  margin-right: 30px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .download {
  position: relative;
  top: -2px;
  height: 30px;
  margin-right: 30px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .download .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .download:hover {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .download:hover .ibass-download {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .download-disabled {
  position: relative;
  height: 30px;
  margin-right: 30px;
  top: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .download-disabled .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .no-result,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .margin-right {
  margin-right: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .count {
  position: relative;
  top: 1px;
  min-width: 100px;
  height: 30px;
  margin-right: 30px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-head .routeList .count .num {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-empty {
  text-align: center;
  padding: 50px 0 70px;
  color: #a9a9a9;
  margin: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-empty i {
  display: block;
  font-size: 60px;
  height: 100px;
  color: #ddd9d6;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content {
  position: relative;
  padding: 0 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box {
  padding-top: 10px;
  padding-left: 14px;
  margin-bottom: -10px;
  display: flex;
  flex-wrap: nowrap;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .left-box i {
  margin-right: 7px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg {
  text-align: right;
  height: 32px;
  padding-right: 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg i {
  position: relative;
  top: 3px;
  margin-right: 7px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .hide-gg-checkbox-container:hover {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .right-box-hide-gg .hide-gg-checkbox-container:hover i {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box i.ibass-checked {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #fdba78;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn i {
  color: #fdba78;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn-disabled {
  margin-left: 10px;
  cursor: pointer;
  color: #ccc;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn-disabled.do-add-report {
  margin-left: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .select-all-box .option-btn-disabled i {
  color: #e5e5e5;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list {
  margin-top: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item {
  position: relative;
  padding: 15px 10px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-1 {
  background: #5a8a43;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-2 {
  background: #a60606;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-7 {
  background: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-8 {
  background: #586dd0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-9 {
  background: #3378ff;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-10 {
  background: #9d54cc;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-11 {
  background: #F04D4D;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.item-label-12 {
  background: #2FBDA0;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.text-keyword {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag {
  background: #fa8919;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag i {
  color: #fff;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.text-tag,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag {
  position: relative;
  padding: 0 20px;
  vertical-align: middle;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.text-tag i,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.add-tag i {
  top: 0;
  vertical-align: middle;
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label .remove-tag-button {
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label .remove-tag-button i {
  visibility: hidden;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label:hover .remove-tag-button i,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label:focus .remove-tag-button i {
  visibility: visible;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.share-item {
  padding: 0 10px;
  margin-right: 8px;
  background: #B2D85D;
  color: #fff;
  border: 1px solid #B2D85D;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 4px 0;
  font-size: 12px;
  border-radius: 20px;
  white-space: nowrap;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-label.share-item.my-case {
  background: #ed6c00;
  color: #fff;
  border: 1px solid #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title {
  padding-top: 10px;
  line-height: 26px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index {
  display: none;
  min-width: 30px;
  height: 28px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index.show-number {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -2px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index i.ibass-checked {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box {
  margin: 1px 5px 60px 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box:hover .number-index.number {
  display: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-box.user-type-not-a .number-index.number {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2 {
  font-size: 20px;
  color: #353535;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span.clicked,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a.clicked,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2.clicked {
  color: #888;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span.clicked .bigdata_query_highlight,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a.clicked .bigdata_query_highlight,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title span .ibass-video,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title a .ibass-video,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title h2 .ibass-video {
  font-size: 16px;
  margin-right: 7px;
  color: #fa8919;
  cursor: pointer;
  position: relative;
  top: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .view-box {
  float: right;
  font-size: 13px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container {
  height: 18px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video:hover .case-announcement-video-label {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video .ibass-video {
  font-size: 14px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-video-label {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-split {
  width: 1px;
  height: 14px;
  border-left: 1px solid #EBEBEB;
  margin: 0 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .case-announcement-info-title-text,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .case-announcement-info-title-number,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .case-announcement-info-title-number-value,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title:hover .ibass-arrow-right {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .ibass-vault {
  font-size: 14px;
  color: #fa8919;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .ibass-vault.need-mr {
  margin-right: 6px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-text {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-text.need-mr {
  margin-right: 6px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-number-container {
  display: flex;
  margin-right: 2px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-number {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .case-announcement-info-title-number-value {
  padding: 0 2px;
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-announcement-info-container .ibass-arrow-right {
  font-size: 12px;
  font-weight: normal;
  color: #A9A9A9;
  line-height: 13px;
  position: relative;
  top: 1px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg h2 {
  position: relative;
  top: 1px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-title-gg-type-text {
  position: relative;
  top: -3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-left: 8px;
  width: 72px;
  height: 22px;
  background: #F2F9FF;
  border-radius: 20px;
  border: 1px solid rgba(117, 196, 254, 0.3);
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #199CFD;
  line-height: 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .case-title-gg-type-tip {
  position: relative;
  top: -3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  box-sizing: border-box;
  width: 108px;
  height: 22px;
  background: #FFF2E2;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #ED6C00;
  line-height: 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg-right {
  line-height: 22px;
  padding-right: 5px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg-right-text {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-title .title-box-gg-right-number {
  padding: 0 4px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract {
  width: 95%;
  line-height: 22px;
  margin: 2px 0 2px 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract .empty-reason {
  width: auto;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-abstract .empty-reason .ibass-info {
  margin-left: 5px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc {
  width: 500px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc.has-simptext {
  width: 445px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc span {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .line {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download:hover i,
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download:hover span {
  color: #fa8919;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled {
  display: inline-block;
  white-space: nowrap;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled i {
  font-size: 16px;
  color: #e5e5e5;
  top: 1px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .download-disabled .right-count {
  font-size: 14px;
  font-weight: 500;
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn div.download-disabled i {
  margin-right: 5px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item .item-bottom .gg-split {
  position: relative;
  top: 4px;
  display: inline-block;
  margin: 0 16px;
  width: 1px;
  height: 20px;
  border-left: 1px solid #ededed;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover .number-index.number {
  display: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .judgement-item:hover .number-index.checkbox {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box {
  width: 100%;
  max-height: 209px;
  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;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-list-container {
  margin-top: 5px;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-list-container:first-child {
  margin-top: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-item {
  white-space: pre-wrap;
  line-height: 28px;
  text-indent: 28px;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .court-opinion-item:hover {
  background: #FFF0E1;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .court-opinion-box .law-link-info-item {
  text-indent: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .judgement-list .case-search-gpt-paragraph-highlight .lawregu_link {
  color: red;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .real-judgement-list.upload-list .judgement-item:hover .number-index.number {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .bigData-caseList .list-content .article-list .bigdata_query_highlight {
  color: red;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box {
  position: absolute;
  width: 400px;
  background: #fff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  z-index: 9999;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-header {
  width: 100%;
  height: 56px;
  background: #fa8919;
  border-radius: 9px 9px 0px 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-header .case-result-title {
  width: 340px;
  height: 20px;
  margin-left: 15px;
  padding-top: 8px;
  font-size: 14px;
  color: #fff;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-header .case-result-type {
  width: 340px;
  height: 20px;
  margin-left: 15px;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-header .close-page-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid {
  width: 100%;
  padding: 8px 0 16px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item {
  width: 360px;
  display: flex;
  justify-content: space-between;
  margin: 5px auto;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-name {
  width: 72px;
  font-size: 12px;
  color: #999;
  height: 20px;
  line-height: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-value {
  width: 272px;
  font-size: 12px;
  color: #4a4a4a;
  line-height: 20px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-value .ibass-fullpage {
  margin-left: 2px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-value .ibass-fullpage:hover {
  color: #fa8919;
  cursor: pointer;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content {
  width: 280px;
  background: #f8f8f8;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content.case-result-content-height {
  height: 32px;
  overflow: hidden;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content .case-result-content-num {
  width: 100%;
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 4px;
  margin-left: 8px;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content .case-result-content-num .open-tiao-btn {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-caseSearch .popup-box .case-result-mid .case-result-item .case-result-content .case-result-content-value {
  color: #4a4a4a;
  margin-top: 6px;
  margin-left: 8px;
  font-size: 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch.search-Caseresult-container {
  overflow: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  box-sizing: border-box;
}
.bigData-gpt-result-controller .bigData-caseSearch.search-Caseresult-container .gpt-contain-scroll {
  height: max-content;
}
.bigData-gpt-result-controller .bigData-caseSearch.search-Caseresult-container .gpt-contain-scroll .search-Caseresult {
  display: flex;
  flex-wrap: nowrap;
}
.bigData-gpt-result-controller .bigData-caseSearch.search-Caseresult-container .gpt-contain-scroll .search-Caseresult .left-view,
.bigData-gpt-result-controller .bigData-caseSearch.search-Caseresult-container .gpt-contain-scroll .search-Caseresult .bigData-caseList {
  padding-bottom: 0;
  margin-bottom: 0;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-focus ul {
  padding: 15px 0;
  overflow-y: auto;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-focus ul p {
  padding: 0 10px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-focus ul li {
  cursor: pointer;
  padding: 0 10px;
  line-height: 36px;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-focus ul li:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-focus .ns-popover-item-selected {
  background-color: #f8f8f9 !important;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .ns-popover-items {
  overflow: auto;
  max-height: 400px;
  margin: 10px 0;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change ::-webkit-scrollbar {
  width: 7px;
  border-radius: 3.5px;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change ::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 3.5px;
  background: rgba(0, 0, 0, 0.48);
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .region p {
  height: 30px !important;
  line-height: 30px !important;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .region .line {
  margin: 2px 20px !important;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort {
  overflow-y: auto;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort h6 {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 14px;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort p {
  cursor: pointer;
  padding: 0 20px;
  line-height: 36px;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort p:hover {
  background: #f8f8f9;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort .line {
  margin: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort .law-suggestion-item-item {
  display: flex;
  line-height: 36px;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .sort .law-suggestion-item-text {
  display: inline-block;
  line-height: 38px;
}
.bigData-gpt-result-controller .select-history-keyword.drop-menu-change .ns-popover-item-selected {
  background-color: #f8f8f9 !important;
}
.bigData-gpt-result-controller .other-history,
.bigData-gpt-result-controller .other-suggest {
  left: -20px !important;
}
.bigData-gpt-result-controller .case-history,
.bigData-gpt-result-controller .case-suggest {
  width: 600px !important;
  left: -114px !important;
}
.bigData-gpt-result-controller .case-history .ns-popover-item,
.bigData-gpt-result-controller .case-suggest .ns-popover-item,
.bigData-gpt-result-controller .other-history .ns-popover-item,
.bigData-gpt-result-controller .other-suggest .ns-popover-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-gpt-result-controller .case-history.select-history-keyword.drop-menu-change .sort h6,
.bigData-gpt-result-controller .case-suggest.select-history-keyword.drop-menu-change .sort h6,
.bigData-gpt-result-controller .other-history.select-history-keyword.drop-menu-change .sort h6,
.bigData-gpt-result-controller .other-suggest.select-history-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.bigData-gpt-result-controller .case-history .ibass-arrow-next,
.bigData-gpt-result-controller .case-suggest .ibass-arrow-next,
.bigData-gpt-result-controller .other-history .ibass-arrow-next,
.bigData-gpt-result-controller .other-suggest .ibass-arrow-next,
.bigData-gpt-result-controller .case-history .ibass-search,
.bigData-gpt-result-controller .case-suggest .ibass-search,
.bigData-gpt-result-controller .other-history .ibass-search,
.bigData-gpt-result-controller .other-suggest .ibass-search {
  color: #cdc9c5;
  font-size: 16px;
  margin-left: -10px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.bigData-gpt-result-controller .law-suggest.select-history-keyword.drop-menu-change .sort h6 {
  padding-left: 34px;
}
.bigData-gpt-result-controller .law-suggest .ibass-arrow-next,
.bigData-gpt-result-controller .law-suggest .ibass-search {
  color: #cdc9c5;
  font-size: 16px;
  margin-left: -10px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.bigData-gpt-result-controller .select-sort {
  width: 100px;
}
.bigData-gpt-result-controller .select-sort .triangle {
  left: 49px !important;
}
.bigData-gpt-result-controller .select-sort .triangle:after {
  border-bottom-color: #3d3d3d !important;
}
.bigData-gpt-result-controller .select-sort .ns-popover-tooltip {
  width: 100px;
  background-color: #3d3d3d !important;
  border-radius: 8px;
  color: #fff;
}
.bigData-gpt-result-controller .select-sort .ns-popover-tooltip .ns-popover-items {
  margin-top: 10px;
}
.bigData-gpt-result-controller .select-sort .ns-popover-tooltip .ns-popover-item {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.bigData-gpt-result-controller .select-sort .ns-popover-tooltip .ns-popover-item:hover {
  background-color: #282828;
  color: #fff;
}
.bigData-gpt-result-controller .bigData-case .library-type ul {
  width: 620px;
  transition: height 0.2s ease;
  margin: 0 auto;
  overflow: hidden;
  margin-left: 20px;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .library-type ul li p {
  position: absolute;
  width: 84px;
  bottom: 8px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-case .library-type ul li .library-is-new {
  position: absolute;
  top: 6px;
  right: 0;
  color: #ED6C00;
  font-size: 12px;
  font-weight: 500;
  transform: scale(0.8);
}
.bigData-gpt-result-controller .bigData-case .library-type ul li .library-is-hot {
  position: absolute;
  top: 6px;
  right: 0;
  color: #fa8919;
  font-size: 12px;
  font-weight: 500;
  transform: scale(0.8);
}
.bigData-gpt-result-controller .bigData-case .library-type ul li.current,
.bigData-gpt-result-controller .bigData-case .library-type ul li:hover {
  color: #ed6c00;
  border-bottom: 2px solid #ff8800;
}
.bigData-gpt-result-controller .bigData-case .library-type ul li.current i,
.bigData-gpt-result-controller .bigData-case .library-type ul li:hover i,
.bigData-gpt-result-controller .bigData-case .library-type ul li.current p,
.bigData-gpt-result-controller .bigData-case .library-type ul li:hover p {
  color: #ed6c00;
}
.bigData-gpt-result-controller .bigData-case .library-type ul li.current svg g,
.bigData-gpt-result-controller .bigData-case .library-type ul li:hover svg g {
  fill: #ed6c00;
}
.bigData-gpt-result-controller .is-advanced-search-suggest {
  width: 380px !important;
  margin: 2px 0 0 20px !important;
}
.bigData-gpt-result-controller .search-btn-container {
  position: relative;
}
.bigData-gpt-result-controller .search-btn-container .upload-mycase-container {
  position: absolute;
  right: 130px;
  top: 8px;
}
.bigData-gpt-result-controller .search-btn-container .upload-mycase-container span {
  color: #737373;
  cursor: pointer;
}
.bigData-gpt-result-controller .swiper {
  position: relative;
  margin: 0 auto 30px;
}
.bigData-gpt-result-controller .swiper .swiper-close-wrapper {
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  right: 12px;
  top: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.bigData-gpt-result-controller .swiper .swiper-img {
  width: 100%;
  height: 110px;
  display: block;
}
.bigData-gpt-result-controller .swiper .swiper-img:hover {
  cursor: pointer;
}
.bigData-gpt-result-controller .swiper .swiper-pagination-custom {
  bottom: 3px;
  left: 0;
  width: 100%;
}
.bigData-gpt-result-controller .swiper .swiper-pagination-custom:hover {
  cursor: pointer;
}
.bigData-gpt-result-controller .swiper .swiper-pagination-customs {
  width: 20px;
  height: 4px;
  display: inline-block;
  background: #999;
  opacity: 0.5;
  margin: 0 2px;
}
.bigData-gpt-result-controller .swiper .swiper-pagination-customs-active {
  opacity: 1;
  background-color: #ed6c00;
}
.bigData-gpt-result-controller .swiper .swiper-button-prev,
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .swiper .swiper-button-prev .ibass-arrow-left,
.bigData-gpt-result-controller .swiper .swiper-button-next .ibass-arrow-left,
.bigData-gpt-result-controller .swiper .swiper-button-prev .ibass-arrow-right,
.bigData-gpt-result-controller .swiper .swiper-button-next .ibass-arrow-right {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  cursor: pointer;
}
.bigData-gpt-result-controller .swiper .swiper-button-prev {
  left: 12px;
}
.bigData-gpt-result-controller .swiper .swiper-button-next {
  right: 12px;
}
.bigData-gpt-result-controller .item-hit-des {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-left: 30px;
}
.bigData-gpt-result-controller .item-hit-des .hit-title {
  float: left;
  min-width: 70px;
}
.bigData-gpt-result-controller .item-hit-des .hit-title:hover {
  color: #ed6c00;
}
.bigData-gpt-result-controller .item-hit-des .hit-title:hover ~ .hit-des {
  color: #ed6c00;
}
.bigData-gpt-result-controller .item-hit-des .hit-des {
  float: left;
  padding: 0 5px;
  max-width: 300px;
}
.bigData-gpt-result-controller .item-hit-des .hit-des:hover {
  color: #ed6c00;
}
.bigData-gpt-result-controller .item-hit-des .hit-des .item-hit-word {
  float: left;
  max-width: 88%;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bigData-gpt-result-controller .item-hit-des .hit-des .item-hit-count {
  float: left;
  color: #fa8919;
  width: 11%;
}
.bigData-gpt-result-controller .item-hit-info-container {
  margin-top: 4px;
  margin-left: 30px;
  clear: both;
}
.bigData-gpt-result-controller .item-hit-info-container .aiSummaryborderBottom {
  border: 1px solid #ececec !important;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab .iconfont {
  vertical-align: bottom;
  top: 0;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab .iconfont.iconcircleUp {
  color: #fa8919;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .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,
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:nth-of-type(2).item-hit-info-tab--active::after {
  display: none;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:nth-of-type(3).item-hit-info-tab--active::after {
  display: none;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab--active {
  border-radius: 2px;
  background: #ffffff;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:hover,
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab--active {
  color: #fa8919;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .item-hit-info-tab:hover i {
  color: #fa8919;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .isOpenSummary {
  color: #fa8919 !important;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs .aiSummaryBack {
  color: #4a4a4a;
  background-color: #f8f8f9;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-tabs--collapse {
  border-bottom: 1px solid #ececec;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-gpt-result-controller .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);
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item {
  position: relative;
  display: flex;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot {
  position: relative;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::before,
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::before {
  top: 0;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-dot::after {
  bottom: 0;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-content {
  display: flex;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item .writ-content .type {
  margin-right: 10px;
  white-space: nowrap;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item:first-of-type .writ-dot::before,
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item:last-child .writ-dot::after {
  display: none;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item.current,
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item:hover {
  color: #ed6c00;
}
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item.current i.ibass-dot,
.bigData-gpt-result-controller .item-hit-info-container .item-hit-info-content .history-writ .writ-item:hover i.ibass-dot {
  color: #ed6c00;
}
.bigData-gpt-result-controller h2 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.bigData-gpt-result-controller .short-height-title-tips .tooltip-inner {
  max-width: 300px;
  text-align: center;
}
.bigData-gpt-result-controller .my-groupitem-tooltip-for-text {
  padding: 6px 10px !important;
}
.bigData-gpt-result-controller .canDownloadTmp-tooltip .ibass-warning {
  position: relative;
  top: 2px;
}
.bigData-gpt-result-controller .uib-tooltip-case-tab-visual_icon-ibass-info {
  max-width: none !important;
}
.bigData-gpt-result-controller .only-big-data-case-search .bigData-caseList .list-head .routeList .download,
.bigData-gpt-result-controller .only-big-data-case-search .bigData-caseList .list-head .routeList .count {
  margin-right: 24px;
}
.bigData-gpt-result-controller .only-big-data-case-search .bigData-caseList .judgement-list.upload-list .number-box:hover .number-index.number {
  display: inline-block !important;
}
.bigData-gpt-result-controller .only-big-data-case-search .case-list-upload-my {
  background: #FA8919;
}
.bigData-gpt-result-controller .only-big-data-case-search .case-list-upload-team {
  background: #6EC743;
}
.bigData-gpt-result-controller .only-big-data-case-search .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index {
  position: relative;
  top: -3px;
  line-height: 28px;
}
.bigData-gpt-result-controller .only-big-data-case-search .bigData-caseList .list-content .judgement-list .judgement-item .item-title .number-index.checkbox {
  top: -1px;
}
.bigData-gpt-result-controller .add-report-popover.align-left {
  transform: translateX(calc(-65%));
}
.bigData-gpt-result-controller .add-report-popover.align-left #addReportPaddleContent::before {
  right: 35px;
  left: unset;
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed {
  width: calc(1140px + 324px);
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed .gpt-header {
  width: calc(1140px + 226px);
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed .left-view {
  width: calc(202px + 24px);
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed .left-view .caseTree {
  width: calc(167px + 24px);
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed .resultGpt.sure-search {
  width: 225px;
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed .case-ai-search-analysis-derective {
  width: 1092px;
}
.bigData-gpt-result-controller .bigData-caseSearch.is-collapsed .bigData-caseList {
  width: 1140px;
}
@media (max-width: 1441px) {
  .bigData-gpt-result-controller .bigData-caseSearch {
    width: 1140px;
  }
  .bigData-gpt-result-controller .bigData-caseSearch .left-view {
    width: 202px;
  }
  .bigData-gpt-result-controller .bigData-caseSearch .left-view .caseTree {
    width: 167px;
  }
  .bigData-gpt-result-controller .bigData-caseSearch .resultGpt.sure-search {
    width: 200px;
  }
}

.gpt-result-v2 {
  display: flex;
  background-color: #ffffff;
  height: 100vh;
}
.gpt-result-v2 .bigData-caseSearch {
  width: 100% !important;
}
.gpt-result-v2 .bigData-caseSearch .left-view {
  width: 100% !important;
}
.gpt-result-v2 .bigData-caseSearch .left-view .caseTree {
  padding-top: 12px;
  width: 100% !important;
}
.gpt-result-v2 a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 6px;
  padding: 8px 14px;
  border: solid 1px #FDC48C;
  border-radius: 8px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  background-color: #FFF;
  color: #FA8919;
  line-height: 16px;
}
.gpt-result-v2 a.btn img {
  width: 16px;
  height: 16px;
}
.gpt-result-v2 a.btn i {
  font-size: 14px;
}
.gpt-result-v2 a.btn:hover {
  color: #FA9A2A;
}
.gpt-result-v2 a.btn.primary {
  border-color: transparent;
  background: #FA8919;
  border-radius: 8px;
  color: #FFF;
}
.gpt-result-v2 a.btn.primary:hover {
  background-color: #fa9a2a;
}
.gpt-result-v2 a.btn.disabled {
  cursor: not-allowed;
  opacity: .5;
}
.gpt-result-v2 a.btn.disabled:hover {
  background-color: #FA8919 !important;
}
.gpt-result-v2 a.link-primary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-family: PingFangSC, PingFang SC;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 1;
}
.gpt-result-v2 a.link-primary img {
  width: 16px;
  height: 16px;
}
.gpt-result-v2 a.link-primary i {
  font-size: 14px;
  position: relative;
  color: #C3C6C8;
}
.gpt-result-v2 a.link-primary:hover {
  color: #FA8919 !important;
}
.gpt-result-v2 a.link-primary:hover i {
  color: #FA8919 !important;
}
.gpt-result-v2 .actionbar {
  width: 70px;
  border-right: 1px solid #e8ebee;
  font-size: 13px;
  flex-shrink: 0;
}
.gpt-result-v2 .actionbar .back-btn {
  color: #c3c6c8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  cursor: pointer;
}
.gpt-result-v2 .actionbar .back-btn i {
  transform: rotateY(180deg);
  font-size: 22px;
}
.gpt-result-v2 .actionbar .back-btn:hover {
  color: #FA8919;
}
.gpt-result-v2 .actionbar .history-btn {
  color: #c3c6c8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 33px;
  cursor: pointer;
}
.gpt-result-v2 .actionbar .history-btn .label {
  margin-top: 7px;
}
.gpt-result-v2 .actionbar .history-btn .icon-history {
  width: 24px;
  height: 24px;
  background: url('tool/bigData/similarityCaseGpt/image/history_icon_default.png') no-repeat;
  background-size: contain;
}
.gpt-result-v2 .actionbar .history-btn .icon-filter {
  width: 24px;
  height: 24px;
  background: url('tool/bigData/resultGpt/images/icon_filter.png') no-repeat;
  background-size: contain;
}
.gpt-result-v2 .actionbar .history-btn.selectItem,
.gpt-result-v2 .actionbar .history-btn:hover {
  color: #FA8919;
}
.gpt-result-v2 .actionbar .history-btn.selectItem .icon-history,
.gpt-result-v2 .actionbar .history-btn:hover .icon-history {
  background: url('tool/bigData/similarityCaseGpt/image/history_icon.png') no-repeat;
  background-size: contain;
}
.gpt-result-v2 .actionbar .history-btn.selectItem .icon-filter,
.gpt-result-v2 .actionbar .history-btn:hover .icon-filter {
  background: url('tool/bigData/resultGpt/images/icon_filter_hover.png') no-repeat;
  background-size: contain;
}
.gpt-result-v2 .caseGptLeftTreeBox .bigData-caseSearch {
  border-radius: 0;
}
.gpt-result-v2 .caseGptLeftTreeBox .bigData-caseSearch .tit i {
  margin-right: 6px;
}
.gpt-result-v2 .caseGptLeftTreeBox .bigData-caseSearch .left-view {
  overflow-x: hidden;
}
.gpt-result-v2 .caseGptLeftTreeBox .bigData-caseSearch .left-view .caseTree {
  overflow-x: hidden;
}
.gpt-result-v2 > main {
  flex-grow: 1;
  overflow-y: auto;
  min-width: 900px;
}
.gpt-result-v2 > main > header {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 1100;
  border-bottom: 1px solid #EBEBEB;
  background: #ffffff;
  height: 62px;
  align-items: center;
  padding: 0 24px;
  gap: 16px;
}
.gpt-result-v2 > main > header > :first-child {
  flex-grow: 1;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gpt-result-v2 > main > header > :last-child {
  display: flex;
  flex-shrink: 0;
  gap: 16px;
}
.gpt-result-v2 > main > main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
  gap: 16px;
}
.gpt-result-v2 > main > main .tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.gpt-result-v2 > main > main .tags > * {
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  border-radius: 20px;
  background: #f8f8f9;
  font-size: 12px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.gpt-result-v2 > main > main .tags > * span {
  display: inline-block;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gpt-result-v2 > main > main .tags > * a {
  position: absolute;
  right: 7px;
  top: 0;
  color: #fa8919;
  display: none;
}
.gpt-result-v2 > main > main .tags > * a i {
  color: #fa8919;
  font-size: 14px;
}
.gpt-result-v2 > main > main .tags > *:hover a {
  display: block;
}
.gpt-result-v2 > main > main .tags > * .prefix {
  border-radius: 20px;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #9e9e9e;
}
.gpt-result-v2 > main > main .list-wrap .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.gpt-result-v2 > main > main .list-wrap .header .toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 30px;
  background: #F6F7F9;
  border-radius: 18px;
  padding: 0 16px;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 1;
}
.gpt-result-v2 > main > main .list-wrap .header .toolbar strong {
  color: #ED6C00;
}
.gpt-result-v2 > main > main .list-wrap .header .toolbar .vr {
  width: 1px;
  height: 12px;
  background: #EBEBEE;
}
.gpt-result-v2 .loading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative !important;
}
.gpt-result-v2 .loading img {
  width: 83px;
  height: 120px;
}
.gpt-result-v2 .loading span {
  font-size: 13px;
  color: #4A4A4A;
}
.gpt-result-v2 .list-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 360px;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}
.gpt-result-v2 .list-empty img {
  width: 120px;
  height: auto;
  margin-bottom: 16px;
}
.gpt-result-v2 .fastCaseInfoBox {
  overscroll-behavior: contain;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  width: 50%;
  height: 100vh;
  background-color: white;
  box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.06);
}
.gpt-result-v2 .fastCaseInfoBox .closeBtn {
  cursor: pointer;
  position: absolute;
  z-index: 100000;
  left: -17px;
  top: 18px;
  width: 34px !important;
  height: 34px !important;
  background: #FFFFFF;
  box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.06);
  border: 1px solid #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding-bottom: 1px;
  padding-left: 1px;
  box-sizing: border-box;
}
.gpt-result-v2 .fastCaseInfoBox .closeBtn i {
  padding-top: 3px;
  font-size: 14px;
  color: #999999;
}
.gpt-result-v2 .fastCaseInfoBox .closeBtn:hover i {
  color: #fa8919;
}
.gpt-result-v2 .fastCaseInfoBox .fastCaseInfoBoxInner {
  position: relative;
  overscroll-behavior: contain;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea {
  width: 100%;
  height: 40px;
  background: white;
  position: absolute;
  bottom: 0;
  z-index: 10000;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #ED6C00;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea i {
  font-size: 14px;
  color: #ED6C00 !important;
  font-weight: bold;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .up {
  margin-top: 3px;
  margin-left: 6px;
  margin-right: 3px;
  margin-bottom: 5px;
  transform: rotate(-90deg);
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .up::before {
  font-weight: 1000 !important;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .down {
  margin-top: 3px;
  margin-bottom: 5px;
  margin-right: 10px;
  transform: rotate(90deg);
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .down::before {
  font-weight: 1000 !important;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .left {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 6px;
  transform: rotate(180deg);
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .left::before {
  font-weight: 1000 !important;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .right {
  margin-top: 5px;
  margin-right: 6px;
  margin-bottom: 5px;
  transform: rotate(0deg);
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .right::before {
  font-weight: 1000 !important;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .close {
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
}
.gpt-result-v2 .fastCaseInfoBox .bottomTipArea .close:hover {
  color: #FA8919 !important;
}
.gpt-result-v2 .bigData-caseSearch {
  height: 100vh;
  min-height: unset;
  overflow: auto;
}
.gpt-result-v2 .bigData-caseSearch::-webkit-scrollbar {
  display: none;
}
.gpt-result-v2 .bigData-caseSearch .left {
  padding-bottom: unset;
}
.gpt-result-v2 .bigData-caseSearch .left .resultGpt {
  bottom: 0 !important;
}
.gpt-result-v2-drawer .i-drawer__header {
  position: absolute;
}
.gpt-result-v2-drawer .i-drawer__header header-slot {
  position: absolute;
  left: -17px;
  top: 20px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
}
.gpt-result-v2-drawer .i-drawer__header header-slot i {
  font-size: 14px;
  color: #999999;
  top: 1px;
  position: relative;
}
.gpt-result-v2-drawer .i-drawer__header header-slot:hover i {
  color: #FA8919;
}
.gpt-result-v2-drawer .i-drawer__container {
  background: #FFFFFF;
  box-shadow: -6px 0px 25px 0px rgba(0, 0, 0, 0.06);
  border-left: 1px solid #EBEBEB;
  padding: 0;
  overflow: visible;
}

.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;
}

.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;
  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;
  max-height: 32px;
  overflow: hidden;
  width: 96px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 26px;
  background: #3d3d3d;
  border-radius: 5px;
}
.add-search-report-paddle .add-report i {
  font-size: 16px;
  margin-right: 0;
}
.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: #fa8919;
}
.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;
}

.similarity-case-gpt-contain {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  min-height: 100%;
  background-image: url('https://devres.alphalawyer.cn/system/file/65abbf24c6794e4895024c5f5ee85f8b.png');
  background-position: center 2px;
  background-size: 41%;
  background-repeat: no-repeat;
}
.similarity-case-gpt-contain .similarty-case-gpt-left {
  width: max-content;
  height: 100%;
  box-shadow: inset -1px 0px 0px 0px #ebebeb;
}
.similarity-case-gpt-contain .similarty-case-gpt-left gpt-history-pane {
  width: 260px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-collapsed {
  position: relative;
  height: 100%;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-collapsed .left-history-collapsed-content {
  width: 40px;
  height: 112px;
  background: #FFFFFF;
  box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  position: absolute;
  left: 24px;
  top: 24px;
  cursor: pointer;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-collapsed .left-history-collapsed-content img {
  display: block;
  width: 14px;
  height: 14px;
  margin: 12px auto 6px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-collapsed .left-history-collapsed-content .collapsed-title {
  width: 13px;
  height: 64px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #666666;
  line-height: 16px;
  text-align: right;
  font-style: normal;
  margin: 0 auto 16px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-collapsed .left-history-collapsed-content:hover .collapsed-title {
  color: #FA8919;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list {
  width: 224px;
  height: calc(100% - 19px);
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .left-title {
  width: 68px;
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  margin-top: 16px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .left-title::before {
  content: ' ';
  width: 4px;
  border-radius: 2px;
  height: 14px;
  background: #FA8919;
  display: inline-block;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container {
  position: relative;
  flex: 1;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container i.ibass-search {
  position: absolute;
  color: #cdc9c5;
  font-size: 14px;
  top: 22px;
  left: 26px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container .search-input {
  width: 192px;
  height: 32px;
  margin-left: 16px;
  margin-top: 16px;
  border-radius: 17px;
  border: solid 1px #ebebeb;
  background-color: #fefeff;
  padding: 0 30px;
  font-size: 13px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container .search-input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container .search-input.search-input-focus {
  border: 1px solid #FA8919;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container .search-input-clear {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 14px;
  height: 14px;
  background: url('tool/myBigData/images/search_input_clear.png') no-repeat;
  background-size: cover;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list .search-box-container .search-input-clear:hover {
  background: url('tool/myBigData/images/search_input_clear_hover.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain {
  overflow-y: scroll;
  margin-top: 20px;
  height: calc(100% - 88px);
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list {
  width: 192px;
  height: max-content;
  margin: 16px auto;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history {
  width: 168px;
  height: 20px;
  padding: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  background-color: #ffffff;
  position: relative;
  display: flex;
  cursor: pointer;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .query-history {
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .right-title-box {
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 12px;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(270deg, #f8f9fa 20%, rgba(255, 255, 255, 0) 30%);
  background-repeat: no-repeat;
  transition: background-position-x 0.1s 0.1s ease-in, opacity 0.15s ease-in;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .right-title-box i {
  margin-top: 1px;
  color: #C3C6C8;
  font-size: 14px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history .right-title-box i:hover {
  color: #FA8919;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history:hover {
  background: #F8F9FA;
  border-radius: 6px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .item-history:hover .right-title-box {
  opacity: 1;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .no-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  font-size: 13px;
  color: #999;
  background-color: #fff;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .left-history-list #historyListContain .history-list .no-data img {
  width: 90px;
  height: auto;
  margin-bottom: 8px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .collapsed-btn {
  width: 15px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: inset -1px 0px 0px 0px #ebebeb, inset 0px -1px 0px 0px #ebebeb, inset 0px 1px 0px 0px #ebebeb;
  border-radius: 0px 8px 8px 0px;
  position: absolute;
  left: 259px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  line-height: 44px;
  color: #ED6C00;
  cursor: pointer;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .collapsed-btn i::before {
  transform: rotate(90deg);
  font-size: 12px;
  margin-right: 4px;
  margin-top: 3px;
}
.similarity-case-gpt-contain .similarty-case-gpt-left .collapsed-btn:hover {
  color: #fa8919;
}
.similarity-case-gpt-contain .similarty-case-gpt-right {
  width: 730px;
  height: calc(100% - 50px);
  margin: 50px auto 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content {
  margin: 0 auto;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .title {
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  line-height: 32px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .title img {
  margin-left: 6px;
  height: 26px;
  width: auto;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .descript {
  margin-top: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  color: #909399;
  line-height: 18px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .descript .caseNum {
  font-weight: 600;
  color: #FF7400;
  margin: 0 4px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .descript img {
  width: 16px;
  margin-right: 4px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content {
  padding-top: 40px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .tips {
  margin-left: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #B7BCC3;
  line-height: 16px;
  margin-bottom: 12px;
  display: inline-block;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: -14px;
  margin-left: -14px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right {
  box-sizing: border-box;
  padding: 16px 16px 16px 22px;
  font-size: 14px;
  margin-top: 14px;
  margin-left: 14px;
  background: #F9FAFC;
  border-radius: 10px;
  width: calc(100% / 2 - 16px);
  display: flex;
  align-items: center;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right img {
  margin-right: 14px;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right .demo-text-wrapper {
  flex: 1;
  width: 0;
  display: flex;
  flex-direction: column;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right .demo-text-wrapper .demo-title {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 6px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right .demo-text-wrapper .demo-text {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right:hover {
  background: #F6F7F9;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right:hover .try-btn {
  display: flex;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right .try-btn {
  cursor: pointer;
  margin-left: 11px;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 60px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #FDBA78;
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  color: #FA8919;
  line-height: 16px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .example-wrapper .item-right .try-btn:hover {
  color: #FA9A2A ;
  border-color: #FFD5AB;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .right-containers {
  width: 432px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .right-containers .demo-text {
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .right-containers .item-right {
  width: calc(100% - 38px);
  height: 44px;
  line-height: 44px;
  background: url('tool/bigData/similarityCaseGpt/image/small_bg_default.png') no-repeat;
  background-size: cover;
  border-radius: 10px;
  border: 1px solid #FFE5D6;
  position: relative;
  padding: 0 19px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .right-containers .item-right .try-btn {
  position: absolute;
  right: 11px;
  top: 8px;
  width: 56px;
  height: 28px;
  border-radius: 14px;
  font-size: 12px;
  text-align: center;
  line-height: 28px;
  background: #FFEFE6;
  color: #ED6C00;
  cursor: pointer;
  font-weight: 500;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .right-containers .item-right:hover {
  border: 1px solid #ffc4a8;
  background: url('tool/bigData/similarityCaseGpt/image/small_bg_hover.png') no-repeat;
  background-size: cover;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .middle-content .right-containers .item-right:hover .try-btn {
  background: #FA8919;
  color: #ffffff;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container {
  width: 700px;
  height: max-content;
  padding: 12px 14px;
  margin-top: 16px;
  border-radius: 12px;
  border: 1px solid #171717;
  box-sizing: border-box;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable {
  position: relative;
  word-break: break-all;
  font-size: 14px;
  width: 100%;
  height: max-content;
  max-height: 168px;
  min-height: 48px;
  background: #FFFFFF;
  border-radius: 8px;
  background-color: #fefeff;
  white-space: pre-wrap;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable::-webkit-input-placeholder {
  color: #a9a9a9;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable pre {
  max-height: 220px;
  overflow-y: scroll;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable textarea {
  padding: 0;
  width: 100%;
  max-height: 196px;
  background-color: transparent;
  font: 14px "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  color: #333;
  resize: none;
  border: none;
  line-height: 24px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable textarea::placeholder {
  color: #a9a9a9;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable textarea::-webkit-scrollbar {
  width: 6px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable textarea::-webkit-scrollbar-thumb {
  background: transparent;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable textarea:hover::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 12px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .editable textarea::-webkit-scrollbar-track {
  background: transparent;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description {
  height: 32px;
  margin: 12px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .left-des {
  display: flex;
  justify-content: flex-start;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .left-des img {
  width: 17px;
  height: 17px;
  display: block;
  margin-top: -1px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .left-des span {
  display: flex;
  margin-left: 6px;
  width: max-content;
  height: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 16px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .left-des span i {
  color: #ED6C00;
  font-style: normal;
  font-weight: 500;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .text-show-num {
  width: max-content;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .text-show-num .maxlength {
  color: #999999;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .video-wrapper {
  margin-left: 20px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .mid-line {
  width: 1px;
  height: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #EBEBEB;
  line-height: 12px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-left: 14px;
  background-color: #ebebeb;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .clear {
  width: max-content;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-left: 14px;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .clear i {
  font-size: 16px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .clear i::before {
  color: #C3C6C8;
  margin-right: 2px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .clear span {
  display: inline-block;
  margin-top: -2px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .clear:hover {
  color: #FA8919;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .clear:hover i::before {
  color: #FA8919;
  margin-right: 2px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .submit {
  box-sizing: border-box;
  width: 76px;
  height: 30px;
  background: linear-gradient(140deg, #ffb932 0%, #fa8919 100%);
  border-radius: 6px;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .submit:hover {
  background: linear-gradient(140deg, #ffc963 0%, #ff9327 100%);
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .submit.default {
  background: #d6d9db;
  cursor: not-allowed;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .submit img {
  width: 16px;
  height: 16px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .content .input-container .description .right-des .submit span {
  margin-left: 8px;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .bottom-shengming {
  width: max-content;
  height: max-content;
  font-family: PingFangSC, PingFang SC;
  font-weight: 300;
  font-size: 11px;
  color: #999999;
  line-height: 16px;
  font-style: normal;
  text-transform: none;
  display: flex;
  align-items: center;
  padding: 32px 0 24px;
}
.similarity-case-gpt-contain .similarty-case-gpt-right .bottom-shengming i {
  margin-right: 5px;
  margin-top: 2px;
}

.bigData-trademark-result.bigData-lawsResult .big-data-search-box #init-advanced-search {
  display: none;
}
.bigData-trademark-result.bigData-lawsResult .big-data-search-box #search-in-result {
  margin-left: 32px;
}
.bigData-trademark-result.bigData-lawsResult .big-data-search-box .search-content .select {
  display: none;
}
.bigData-trademark-result.bigData-lawsResult .big-data-search-box .search-content .search {
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 45px;
}
.bigData-trademark-result.bigData-lawsResult .left-container .caseTree .tree-classic {
  max-height: 224px;
}
.bigData-trademark-result.bigData-lawsResult .list-law {
  padding: 20px 20px 0;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item {
  position: relative;
  padding: 20px 10px;
  border-bottom: 1px solid #ebebeb;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item.time_limited_padding {
  padding-top: 30px;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-title {
  line-height: 30px;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-title .number-index {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 4px 5px 4px 0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.bigData-trademark-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-trademark-result.bigData-lawsResult .list-law .law-item .item-title span.clicked {
  color: #888;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-title span.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-trademark-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-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc {
  width: 580px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download span {
  color: #a9a9a9;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover i,
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: #fa8919;
}
.bigData-trademark-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-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: #fa8919;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report a {
  color: #a9a9a9;
}
.bigData-trademark-result.bigData-lawsResult .list-law .law-item .item-bottom .item-btn .i-add-search-report i {
  top: 3px;
}
.bigData-trademark-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-trademark-result.bigData-lawsResult .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.bigData-trademark-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-trademark-result.bigData-lawsResult .list-law .law-item:hover {
  background: #f8f8f9;
}
.bigData-trademark-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-trademark-result.bigData-lawsResult .list-law .group-look-more span {
  color: #737373;
}
.bigData-trademark-result.bigData-lawsResult .list-law .group-look-more i {
  margin-left: 8px;
}
.bigData-trademark-result.bigData-lawsResult .list-law .group-look-more:hover span,
.bigData-trademark-result.bigData-lawsResult .list-law .group-look-more:hover i {
  color: #fa8919;
}

.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;
}

.bd-radio-container {
  display: flex;
  font-size: 14px;
}
.bd-radio-container .bd-radio-label {
  margin-right: 16px;
}
.bd-radio-container .bd-radio-item {
  display: flex;
  align-items: center;
  margin-right: 16px;
  cursor: pointer;
}
.bd-radio-container .bd-radio-item .bd-radio-item_state {
  width: 10px;
  height: 10px;
  border: 1px solid #dad7d2;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
}
.bd-radio-container .bd-radio-item .bd-radio-item_label {
  line-height: 1;
}
.bd-radio-container .bd-radio-item-active .bd-radio-item_state::before {
  content: ' ';
  border: none;
  background-color: #fa8919;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}

.dialog-confirm-tool-container {
  padding: 30px;
}
.dialog-confirm-tool-container .dialog-confirm-tool-title {
  font-size: 16px;
  color: #4A4A4A;
  margin-top: 10px;
  margin-bottom: 27px;
  text-align: center;
  position: relative;
}
.dialog-confirm-tool-container .dialog-confirm-tool-title::before {
  display: block;
  content: ' ';
  width: 40%;
  height: 1px;
  background: #EBEBEB;
  position: absolute;
  left: 0px;
  top: 11px;
}
.dialog-confirm-tool-container .dialog-confirm-tool-title::after {
  display: block;
  content: ' ';
  width: 40%;
  height: 1px;
  background: #EBEBEB;
  position: absolute;
  right: 0px;
  top: 11px;
}
.dialog-confirm-tool-container .dialog-confirm-tool-info {
  font-size: 14px;
  color: #4A4A4A;
  min-height: 80px;
  padding: 0 32px;
}
.dialog-confirm-tool-container .dialog-confirm-tool-button-list-wrap {
  width: 230px;
  margin: 20px auto 0px;
  display: flex;
  justify-content: space-between;
}
.dialog-confirm-tool-container .dialog-confirm-tool-button-list-wrap .dialog-confirm-tool-button-cancel {
  width: 110px;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  line-height: 34px;
  font-size: 12px;
  color: #606266;
  background-color: #ffffff;
}
.dialog-confirm-tool-container .dialog-confirm-tool-button-list-wrap .dialog-confirm-tool-button-ok {
  width: 110px;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #FA8919;
  line-height: 34px;
  font-size: 12px;
  color: #ffffff;
  background-color: #FA8919;
}

.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;
}

.class-dialog .ngdialog-close {
  display: none;
}
.class-dialog .ngdialog-content {
  border: 0 !important;
  position: relative;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  width: 600px;
  height: 460px;
  background: #ffffff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}
.edit-model-dialog-iframe {
  min-height: 657px;
}
.edit-model-dialog .ngdialog-close {
  display: none;
}
.edit-model-dialog .ngdialog-content {
  border: 0 !important;
  position: relative;
  top: calc((100vh - 657px) / 2);
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  width: 600px;
}
.ngdialog.edit-model-dialog.ng-scope::-webkit-scrollbar {
  display: none;
}
.ngdialog.create-model-dialog.ng-scope::-webkit-scrollbar {
  display: none;
}
.create-model-dialog-iframe {
  min-height: 680px;
}
.create-model-dialog .ngdialog-close {
  display: none;
}
.create-model-dialog .ngdialog-content {
  border: 0 !important;
  position: relative;
  top: calc((100vh - 680px) / 2);
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
  width: 600px;
}

.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 .search-tab {
  display: flex;
  width: 450px;
  justify-content: space-between;
}
.iLaw-result .search-tab .search-tab-item {
  padding: 7px 5px;
  border-bottom: 3px solid #fff;
  margin-right: 5px;
  cursor: pointer;
  color: #ccc;
}
.iLaw-result .search-tab .search-tab-item:hover {
  color: #4a4a4a;
  border-bottom: 3px solid #fa8919;
}
.iLaw-result .search-tab .search-tab-item.active {
  border-bottom: 3px solid #fa8919;
  color: #4a4a4a;
}
.iLaw-result .bold-line {
  width: 100%;
  padding: 0 25px;
  margin-left: -25px;
  height: 10px;
  background-color: #f8f8f8;
}
.iLaw-result .iLaw-content {
  min-height: 400px;
}
.iLaw-result .iLaw-content .result-title {
  padding: 15px 0 10px 0px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #737373;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  border-bottom: 2px solid #f8f8f8;
}
.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,
.iLaw-result .iLaw-content .iLaw-content-item .ibass-custom {
  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;
  margin-left: 8px;
  width: 22px;
  height: 22px;
  border-radius: 24px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .name {
  font-size: 13px;
  color: #737373;
  margin-right: 10px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .ibass-project,
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .ibass-firm,
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .ibass-hr {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #cdc9c5;
  margin: 0 5px 0 0px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .ibass-hr {
  margin: 0 5px 0 30px;
}
.iLaw-result .iLaw-content .iLaw-content-item .result-bottom .content {
  font-size: 14px;
  color: #737373;
  margin-left: 8px;
}
.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;
}

.add-share-member-list .title-box {
  width: 100px;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  color: #232323;
  margin-top: 26px;
  margin-left: 32px;
}
.add-share-member-list .member-content {
  width: 761px;
  height: 457px;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  margin-top: 24px;
  margin-left: 32px;
  display: flex;
  justify-content: space-between;
}
.add-share-member-list .member-content .content-left {
  width: 50%;
  height: 457px;
  border-right: 1px solid #dee0e3;
}
.add-share-member-list .member-content .content-left .search-input-box {
  width: 333px;
  height: 38px;
  position: relative;
  margin: 24px auto 0;
}
.add-share-member-list .member-content .content-left .search-input-box .search-input {
  width: 333px;
  height: 38px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 14px;
  border-radius: 38px;
  border: 1px solid #D4D4D4;
}
.add-share-member-list .member-content .content-left .search-input-box .search-input:hover {
  border: 1px solid #C0C4CC;
}
.add-share-member-list .member-content .content-left .search-input-box .search-input:focus {
  border: 1px solid #FA8919;
}
.add-share-member-list .member-content .content-left .search-input-box .ibass-search {
  position: absolute;
  left: 15px;
  top: 9px;
  color: #d4d4d4;
  font-size: 14px;
}
.add-share-member-list .member-content .content-left .search-input-box .ibass-add {
  position: absolute;
  right: 18px;
  top: 7px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}
.add-share-member-list .member-content .content-left .add-tab {
  width: 100%;
  height: 36px;
  margin-top: 20px;
  box-shadow: 0px 1px 0px 0px #DEE0E3;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.add-share-member-list .member-content .content-left .add-tab .item-tab {
  width: 28px;
  height: 30px;
  line-height: 24px;
  border-bottom: 3px solid transparent;
  margin-left: 24px;
  margin-right: 26px;
  font-size: 14px;
  color: #8F959F;
}
.add-share-member-list .member-content .content-left .add-tab .item-tab.active {
  border-bottom: 3px solid #FA8919;
  color: #FA8919;
}
.add-share-member-list .member-content .content-left .member-list {
  width: 380px;
  height: 322px;
  margin-top: 14px;
  overflow-y: auto;
}
.add-share-member-list .member-content .content-left .member-list .item-member {
  width: 380px;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.add-share-member-list .member-content .content-left .member-list .item-member:hover {
  background-color: #F7F8F9;
}
.add-share-member-list .member-content .content-left .member-list .item-member .icon-member {
  margin-left: 24px;
}
.add-share-member-list .member-content .content-left .member-list .item-member .icon-member.ibass-checkbox {
  color: #8F959F;
}
.add-share-member-list .member-content .content-left .member-list .item-member .icon-member.ibass-checked {
  color: #FA8919;
}
.add-share-member-list .member-content .content-left .member-list .item-member .icon-member.ibass-checked.unChecked {
  color: #8F959F;
}
.add-share-member-list .member-content .content-left .member-list .item-member .member-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin-left: 12px;
  background-color: #f1f1f1;
}
.add-share-member-list .member-content .content-left .member-list .item-member .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  margin-left: 12px;
  color: #fff;
  font-size: 20px;
}
.add-share-member-list .member-content .content-left .member-list .item-member .member-name {
  margin-left: 12px;
  width: 200px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-share-member-list .member-content .content-right {
  width: 50%;
  height: 457px;
}
.add-share-member-list .member-content .content-right .has-selected {
  width: 300px;
  height: 60px;
  font-size: 14px;
  line-height: 60px;
  margin-left: 24px;
}
.add-share-member-list .member-content .content-right .selected-list {
  width: 100%;
  height: 397px;
  overflow-y: auto;
}
.add-share-member-list .member-content .content-right .selected-list .item-select {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.add-share-member-list .member-content .content-right .selected-list .item-select:hover {
  background-color: #F7F8F9;
}
.add-share-member-list .member-content .content-right .selected-list .item-select .item-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin-left: 24px;
  background-color: #f1f1f1;
}
.add-share-member-list .member-content .content-right .selected-list .item-select .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  margin-left: 24px;
  color: #fff;
  font-size: 20px;
}
.add-share-member-list .member-content .content-right .selected-list .item-select .item-dep {
  width: 32px;
  height: 44px;
  line-height: 44px;
  margin-left: 24px;
  font-size: 12px;
}
.add-share-member-list .member-content .content-right .selected-list .item-select .item-name {
  width: 232px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  margin-left: 24px;
}
.add-share-member-list .member-content .content-right .selected-list .item-select .ibass-close {
  font-size: 14px;
  color: #000;
  cursor: pointer;
}
.add-share-member-list .content-bottom {
  width: 200px;
  height: 32px;
  margin: 32px auto 0;
  display: flex;
  justify-content: space-between;
}
.add-share-member-list .content-bottom .item-btn {
  width: 96px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #606266;
  border-radius: 32px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
}
.add-share-member-list .content-bottom .item-btn.submit-btn {
  color: #fff;
  background-color: #f8891a;
  border: 1px solid #f8891a;
}

.check-article-content {
  position: relative;
  background-image: url(auth/image/sync-bg.png);
  padding-top: 36px;
  height: 100%;
  background-size: cover;
}
.check-article-content .finish-content {
  width: 100px;
  height: 30px;
  margin: 0 auto 18px;
  text-align: center;
}
.check-article-content .finish-content .ibass-done {
  color: #34C724;
  font-size: 74px;
}
.check-article-content .finish-content .ibass-Detail {
  color: #F54A45;
  font-size: 74px;
}
.check-article-content .finish-content .done-text {
  margin-top: 33px;
  width: 100px;
  text-align: center;
  line-height: 24px;
  height: 24px;
  color: #333;
  font-weight: 500;
  margin-left: 8px;
  position: relative;
}
.check-article-content .finish-content .done-text .ibass-info {
  position: absolute;
  top: 1px;
  left: -12px;
  color: #ff7d2b;
}
.check-article-content .finish-des {
  width: 460px;
  height: 24px;
  margin: 0 auto;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.check-article-content .bottom-btn {
  width: 200px;
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
}
.check-article-content .bottom-btn .close-btn {
  width: 112px;
  height: 32px;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
  color: #FFFFFF;
  background: #FA8919;
}
.check-article-content .bottom-btn .close-btn:hover {
  background: #FA9A2A;
}
.check-article-content .bottom-btn .close-btn.cancle-btn {
  border: 1px solid #DCDFE6;
  color: #606266;
  background-color: #fff;
}

.collaborat-log-contain .title-box {
  width: 100%;
  height: 66px;
  line-height: 66px;
  font-size: 20px;
  color: #232323;
  padding-left: 32px;
  border-bottom: 1px solid #F2F3F7;
}
.collaborat-log-contain .log-contain {
  width: 628px;
  height: 428px;
  margin: 0 auto;
  overflow-y: auto;
  padding-top: 24px;
}
.collaborat-log-contain .log-contain .contain-day {
  width: 628px;
}
.collaborat-log-contain .log-contain .contain-day .item-day-title {
  width: 100px;
  margin-left: 16px;
  height: 30px;
  line-height: 24px;
  color: #333;
  font-weight: 500;
}
.collaborat-log-contain .log-contain .contain-day .item-contain {
  margin-bottom: 33px;
  background-color: #F7F8F9;
  border-radius: 2px;
  padding-top: 6px;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  margin-top: 16px;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log .log-time {
  width: 35px;
  height: 24px;
  font-size: 14px;
  margin-left: 16px;
  color: #242425;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log .ibass-dot {
  font-size: 13px;
  color: #ED6C00;
  margin-left: 16px;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log .log-line {
  width: 1px;
  height: 100%;
  border-right: 1px solid #EBEBEB;
  position: absolute;
  left: 73px;
  top: 15px;
  bottom: 100%;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log .log-user-pic {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  margin-left: 17px;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log .log-content {
  margin-left: 7px;
  font-size: 14px;
  color: #85888D;
  height: auto;
  width: 490px;
}
.collaborat-log-contain .log-contain .contain-day .item-contain .item-log .log-content .name {
  color: #000;
  display: block;
  margin-right: 10px;
  margin-bottom: 2px;
}
.collaborat-log-contain .log-empty {
  width: 84px;
  height: 75px;
  margin: 200px auto 0;
}
.collaborat-log-contain .log-empty .empty-pic {
  margin: 0 auto;
  display: block;
  width: 64px;
  height: 41px;
}
.collaborat-log-contain .log-empty .no-content {
  width: 84px;
  height: 22px;
  line-height: 22px;
  color: #999;
  font-size: 14px;
  margin-top: 8px;
}

.delete-search-report-content {
  position: relative;
  background-image: url(auth/image/sync-bg.png);
  padding-top: 100px;
  height: 100%;
  background-size: cover;
}
.delete-search-report-content .finish-content {
  width: 100px;
  height: 90px;
  margin: 0 auto 18px;
  text-align: center;
}
.delete-search-report-content .finish-content .ibass-done {
  color: #34C724;
  font-size: 74px;
}
.delete-search-report-content .finish-content .ibass-Detail {
  color: #F54A45;
  font-size: 74px;
}
.delete-search-report-content .finish-content .done-text {
  margin-top: 33px;
  width: 100px;
  text-align: center;
  line-height: 24px;
  height: 24px;
  color: #333;
  font-weight: 500;
  margin-left: 8px;
}
.delete-search-report-content .finish-des {
  width: 460px;
  height: 24px;
  margin: 0 auto;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.delete-search-report-content .bottom-btn {
  width: 200px;
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
}
.delete-search-report-content .bottom-btn .close-btn {
  width: 96px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  border-radius: 32px;
  background-color: #ff7d2b;
  cursor: pointer;
}
.delete-search-report-content .bottom-btn .close-btn.cancle-btn {
  border: 1px solid #DCDFE6;
  color: #606266;
  background-color: #fff;
}

.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: -6px;
}
.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 .my-subscribe-title .title.right-title {
  float: right;
  border-left: none;
  margin-right: 32px;
}
.my-subscribe-container .my-subscribe-title .title.right-title img.title-icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
.my-subscribe-container .my-subscribe-title .title.right-title.hover-point {
  cursor: pointer;
}
.my-subscribe-container .my-subscribe-title .title.right-title.hover-point .option-item-des {
  font-size: 14px;
  display: inline-block;
  color: #4a4a4a;
}
.my-subscribe-container .my-subscribe-title .title.right-title.hover-point .option-item-des:hover {
  color: #fa8919;
}
.my-subscribe-container .subscribe-content {
  max-width: 1260px;
  margin: 0 auto;
  padding: 20px 90px 0;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .left-title {
  display: flex;
  flex-wrap: nowrap;
  min-width: 100px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .left-title .select-type {
  min-width: 86px;
  max-width: 184px;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 20px;
  padding: 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .left-title .select-type span {
  display: inline-block;
  min-width: 70px;
  max-width: 168px;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .left-title .select-type:hover {
  color: #ED6C00;
  border-color: #ED6C00;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .left-title .select-type:hover i {
  color: #ED6C00;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .left-title .select-type i {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
  color: #cdc9c5;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .right-box {
  text-align: right;
  height: 32px;
  line-height: 30px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
  white-space: nowrap;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .right-box a {
  color: #FFB76B;
  padding: 0 8px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .right-box a:hover {
  color: #FA8919;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .right-box a i {
  margin-right: 4px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .right-box a i,
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .right-box a span {
  vertical-align: middle;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module {
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  box-shadow: none;
  height: 32px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module i {
  vertical-align: middle;
}
.my-subscribe-container .subscribe-content .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;
  flex-shrink: 0;
  padding-top: 1px;
  position: absolute;
  left: 7px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-search i {
  height: 21px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close {
  position: absolute;
  left: 174px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.my-subscribe-container .subscribe-content .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;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
  margin-top: -7px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module input {
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  font-size: 13px;
  padding-right: 20px;
  color: #4a4a4a;
  border: 1px solid #dad7d2;
  border-radius: 20px;
  padding: 4px 28px 4px 28px;
  box-sizing: border-box;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module input::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module input:hover {
  border: 1px solid #C0C4CC;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module input:focus {
  border: 1px solid #C0C4CC;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .secondfloorbox {
  position: absolute;
  height: 32px;
  line-height: 32px;
  width: 76px;
  margin-left: 34px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .secondfloorbox .selectBox {
  font-size: 13px;
  color: #666;
  cursor: pointer;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .secondfloorbox .selectBox:hover {
  color: #333;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .secondfloorbox .selectBox .type-selected {
  color: #fa8919;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .secondfloorbox .selectBox .ibass-trig-down {
  margin-left: 3px;
}
.my-subscribe-container .subscribe-content .real-time-search-enter-and-clear .search-module .task-count {
  width: 300px;
  color: #A4A7B0;
  margin-left: 16px;
}
.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 .left-box {
  margin-top: 24px;
  height: 32px;
  line-height: 32px;
  position: relative;
}
.my-subscribe-container .tab-content .left-box a {
  padding-left: 20px;
}
.my-subscribe-container .tab-content .left-box i {
  margin-right: 7px;
  font-size: 16px;
  color: #D6D6D6;
}
.my-subscribe-container .tab-content .left-box i::before {
  left: 6px;
  position: absolute;
}
.my-subscribe-container .tab-content .left-box i.ibass-checked,
.my-subscribe-container .tab-content .left-box i.ibass-partial-select {
  color: #fa8919;
}
.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:first-child {
  padding-top: 24px;
}
.my-subscribe-container .tab-content .info .main {
  height: 52px;
  line-height: 52px;
  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:hover {
  background: #f8f8f9;
}
.my-subscribe-container .tab-content .info .main:hover .number-index.number {
  display: none;
}
.my-subscribe-container .tab-content .info .main:hover .number-index.checkbox {
  display: inline-block;
}
.my-subscribe-container .tab-content .info .main .number-index {
  display: none;
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  background: #f8f8f9;
}
.my-subscribe-container .tab-content .info .main .number-index.show-number {
  display: inline-block;
}
.my-subscribe-container .tab-content .info .main .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.my-subscribe-container .tab-content .info .main .number-index i {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.my-subscribe-container .tab-content .info .main .number-index i.ibass-checked {
  color: #fa8919;
}
.my-subscribe-container .tab-content .info .main .number-box {
  margin: 1px 5px 60px 0;
  line-height: 48px;
}
.my-subscribe-container .tab-content .info .main .number-box:hover .number-index.number {
  display: none;
}
.my-subscribe-container .tab-content .info .main .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.my-subscribe-container .tab-content .info .main .title-icon-box {
  width: 38px;
  text-align: center;
  font-size: 16px;
  color: #cdc9c5;
  line-height: 52px;
}
.my-subscribe-container .tab-content .info .main .info-title {
  font-family: PingFangSC;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  white-space: nowrap;
  line-height: 1;
  margin-left: 6px;
}
.my-subscribe-container .tab-content .info .main .info-title .title-msg {
  box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
  height: 52px;
  line-height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 600px;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .main .info-title .title-msg-law-name {
  line-height: 52px;
}
.my-subscribe-container .tab-content .info .main .info-title .number-box-sub {
  box-sizing: border-box;
  display: inline-block;
  height: 52px;
  line-height: 52px;
  vertical-align: bottom;
}
.my-subscribe-container .tab-content .info .main .info-title .matter-box {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 0;
  vertical-align: bottom;
  position: relative;
  top: -7px;
}
.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;
  display: inline-block;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 175px;
}
.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-container {
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  color: #cdc9c5;
}
.my-subscribe-container .tab-content .info .main .right-button-box {
  display: none;
}
.my-subscribe-container .tab-content .info .main .right-button-box.always-show {
  display: block;
}
.my-subscribe-container .tab-content .info .main .right-button-box .right-button {
  cursor: pointer;
  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 .ibass-more {
  font-size: 16px;
  cursor: move;
  line-height: 16px;
  position: relative;
  top: 17px;
  color: #cdc9c5;
}
.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;
  padding-left: 34px;
}
.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: 82px;
  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 span {
  margin-right: 5px;
}
.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 .tab-content .dndPlaceholder {
  height: 44px;
  line-height: 1;
  border: 2px dashed #fa8919;
}
.my-subscribe-container .tab-content .dndDraggingSource.dndDragging {
  display: none !important;
}
.my-subscribe-container .main-btn.view-button {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
  margin-right: 25px;
}
.my-subscribe-type-popover-container {
  margin-top: 11px;
}

@keyframes hideLeftBox {
  from {
    left: 0;
    width: 285px;
  }
  to {
    left: -285px;
    width: 0;
  }
}
@keyframes showLeftBox {
  from {
    left: -285px;
    width: 0;
  }
  to {
    left: 0;
    width: 285px;
  }
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-box {
  max-width: 100%;
  width: 100%;
  padding-left: 26px;
  padding-right: 36px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box {
  width: 506px;
  height: 30px;
  float: right;
  margin-top: -4px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box {
  float: right;
  height: 30px;
  line-height: 23px;
  padding: 0 24px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box::after {
  content: '';
  height: 20px;
  width: 1px;
  border-right: 1px solid #DEE0E3;
  position: absolute;
  right: 0;
  top: 5px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box i {
  position: relative;
  top: 2px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box i.ibass-openproject {
  font-size: 18px;
  top: 4px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box .online-edit {
  width: 14px;
  height: 14px;
  margin-top: 9px;
  display: inline-block;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box.none-border {
  border-right: none;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box.none-border::after {
  content: '';
  height: 20px;
  width: 1px;
  border-right: none;
  position: absolute;
  right: 0;
  top: 5px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-right-box .item-right-box.none-border.member-online-count {
  padding-right: 0;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-share {
  height: 16px;
  line-height: 16px;
  padding: 7px 16px;
  background-color: #FA8919;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  float: right;
  vertical-align: top;
  cursor: pointer;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title-share .share-icon {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title {
  padding-left: 0;
  margin-left: 0;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title.right-title {
  margin-right: 24px;
}
.bd-search-container.my-subscribe-container .my-subscribe-title .title.right-title i {
  color: #CDC8C5;
}
.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 {
  min-width: 1200px;
  width: 100%;
}
.bd-search-report .my-search-report .search-report-body {
  width: auto;
  padding: 0px;
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.bd-search-report .my-search-report .search-report-body .left-drawer-btn {
  position: absolute;
  left: 288px;
  top: 360px;
  width: 0px;
  height: 130px;
  border-left: 20px solid #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  cursor: pointer;
  animation: hideLeftBox 0.3s ease-in-out;
}
.bd-search-report .my-search-report .search-report-body .left-drawer-btn.left-drawer-close {
  left: 0;
  animation: showLeftBox 0.3s ease-in-out;
}
.bd-search-report .my-search-report .search-report-body .left-drawer-btn .drawer-icon-btn {
  position: absolute;
  left: -15px;
  top: 55px;
  color: #999999;
}
.bd-search-report .my-search-report .search-report-body .left-box-wrap {
  position: relative;
}
.bd-search-report .my-search-report .search-report-body .left-box-wrap .left-box-silider-resizer {
  bottom: 0;
  cursor: col-resize;
  margin-left: -4px;
  position: absolute;
  top: 0;
  width: 12px;
  z-index: 12;
}
.bd-search-report .my-search-report .search-report-body .left-box-wrap .left-box-silider-resizer:hover::after {
  content: '';
  display: block;
  height: 100%;
  width: 2px;
  margin-left: 3px;
  background-color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .left-box {
  box-sizing: border-box;
  height: calc(100vh - 60px);
  overflow: auto;
  position: relative;
  left: 0;
  animation: showLeftBox 0.3s ease-in-out;
  width: 288px;
  user-select: none;
}
.bd-search-report .my-search-report .search-report-body .left-box.left-box-hide {
  left: -285px;
  width: 0;
  animation: hideLeftBox 0.3s ease-in-out;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 1px 0px 0px #DEE0E3;
  padding: 18px 26px 4px 26px;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-title {
  display: flex;
  align-items: center;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-title .report-list-title-text {
  font-size: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-right: 6px;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-title .iconfont {
  color: #a9a9a9;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-title .iconfont:hover {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-type-select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-type-select .search-show-type {
  font-size: 14px;
  color: #666;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-type-select .ibass-trig-down {
  font-size: 12px;
  position: relative;
  left: 3px;
  top: 1px;
  color: #a9a9a9;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-type-select:hover .search-show-type {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .left-box .report-list-type-select:hover .ibass-trig-down {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  padding: 20px 26px 16px;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn {
  flex: 1;
  padding: 7px 0;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn span {
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  line-height: 16px;
  height: 16px;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn .report-btn-icon {
  width: 16px;
  height: 16px;
  font-size: 12px;
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn.report-item {
  color: #FFFFFF;
  background: #FA8919;
  border: 1px solid #FA8919;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn.report-item:hover {
  background: #FA9A2A;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn.group-item {
  background: #FFFFFF;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .new-report-wrap .new-report-btn.group-item:hover {
  background: #FFFAF6;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap {
  padding: 0 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 12px;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .search-box-container {
  position: relative;
  flex: 1;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .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-wrap .search-box-container .search-input {
  width: 100%;
  height: 34px;
  border-radius: 17px;
  border: solid 1px #d4d4d4;
  background-color: #fefeff;
  padding: 0 30px;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .search-box-container .search-input::-webkit-input-placeholder {
  color: #a9a9a9;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .search-box-container .search-input.search-input-focus {
  border: 1px solid #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .search-box-container .search-input-clear {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 14px;
  height: 14px;
  background: url('tool/myBigData/images/search_input_clear.png') no-repeat;
  background-size: cover;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .search-box-container .search-input-clear:hover {
  background: url('tool/myBigData/images/search_input_clear_hover.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .menu-change-container {
  padding: 2px;
  background: #F8F8F9;
  border-radius: 6px;
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .menu-change-container .menu-change-item {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a9a9a9;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .menu-change-container .menu-change-item.menu-item-active {
  background-color: #fff;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .menu-change-container .menu-change-item.menu-item-active .iconfont {
  color: #fa8919;
}
.bd-search-report .my-search-report .search-report-body .search-box-wrap .menu-change-container .menu-change-item:hover {
  background-color: #fff;
}
.bd-search-report .my-search-report .search-report-body .search-report-list {
  padding-bottom: 200px;
  top: 1px;
}
.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-empty .no-more {
  margin-top: 30px;
  color: #cdc9c5;
  font-size: 12px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-empty .no-search-text {
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-empty .no-search-text .empty-text {
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: 8px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-empty .no-search-text img {
  width: 80px;
  height: 52px;
  display: block;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item {
  width: 100%;
  height: 108px;
  padding: 15px 26px 7px 26px;
  box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 2px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item.current-item {
  background-color: #f8f8f8;
  border-right: 2px solid #fa8919;
}
.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:hover .normal.show-item {
  visibility: visible;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-count {
  white-space: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-count .count {
  display: inline-block;
  border: solid 1px #D8D9DC;
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 2px;
  box-sizing: border-box;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-count .cursor {
  max-width: 83%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  color: #4a4a4a;
  font-size: 14px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .list-count .share-icon {
  width: 38px;
  height: 20px;
  font-size: 12px;
  background-color: rgba(250, 137, 25, 0.15);
  border-radius: 2px;
  text-align: center;
  line-height: 20px;
  color: #fa8919;
  float: right;
  position: relative;
  top: 2px;
}
.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: 8px;
  display: flex;
  flex-wrap: nowrap;
  width: 80%;
}
.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: #999999;
}
.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 .list-bottom .count {
  display: inline-block;
  border: solid 1px #D8D9DC;
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 2px;
  box-sizing: border-box;
  margin-right: 6px;
}
.bd-search-report .my-search-report .search-report-body .search-report-list .search-report-item .default-box {
  padding-top: 7px;
  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 .animation-toggle {
  margin-right: 10px;
}
.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 .search-report-item .normal.show-item {
  visibility: hidden;
}
.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 .group-tree-list {
  padding: 12px 20px 400px 20px;
}
.bd-search-report .my-search-report .search-report-body .group-tree-list .group-tree-empty {
  margin-top: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bd-search-report .my-search-report .search-report-body .group-tree-list .group-tree-empty .group-tree-empty-text {
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: 8px;
}
.bd-search-report .my-search-report .search-report-body .group-tree-list .group-tree-empty img {
  width: 80px;
  height: 52px;
  display: block;
}
.bd-search-report .my-search-report .search-report-body .group-tree-list .search-empty {
  text-align: center;
}
.bd-search-report .my-search-report .search-report-body .group-tree-list .search-empty .no-more {
  margin-top: 30px;
  color: #cdc9c5;
  font-size: 12px;
}
.bd-search-report .my-search-report .search-report-body .right-box {
  flex: 1;
  min-width: 892px;
  background: #f8f8f8;
  padding: 20px 20px 20px 25px;
  box-sizing: border-box;
  height: calc(100vh - 60px);
  overflow: hidden;
}
.bd-search-report .my-search-report .search-report-body .right-box.open-gpt {
  padding-right: 0;
}
.bd-search-report .my-search-report .search-report-body .right-box .chat-report {
  position: relative;
  margin-top: -6px;
  width: 94px;
  height: 31px;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  background: url('tool/images/chat-report.png') no-repeat top;
  background-size: contain;
}
.bd-search-report .my-search-report .search-report-body .right-box .chat-report:hover {
  background: url('tool/images/chat-report-hover.png') no-repeat top;
  background-size: contain;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail {
  background: #fff;
  padding-left: 32px;
  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: 52px;
  box-sizing: border-box;
  color: #737373;
  font-size: 14px;
  padding-top: 12px;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ebebeb;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box {
  flex: 1;
  white-space: nowrap;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: center;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box.title-box-tab {
  display: block;
}
.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;
  vertical-align: top;
  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 .item-mask {
  position: absolute;
  right: 0;
  top: -12px;
  width: 64px;
  height: 50px;
  background: linear-gradient(to right, transparent 0%, #ffffff 100%);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box .item-mask i {
  background: #fff;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box .item-mask-left {
  position: absolute;
  left: 0;
  top: -12px;
  width: 64px;
  height: 48px;
  background: linear-gradient(to left, transparent 0%, #ffffff 100%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box .item-mask-left i {
  background: #fff;
}
.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 .title-box .item-tab {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
  padding: 14px 8px;
  box-sizing: border-box;
  margin-right: 4px;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .title-box .item-tab.item-tab-active {
  border-bottom: 3px solid #ed6c00;
  color: #ed6c00;
  font-weight: 500;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .options-box {
  flex-shrink: 1;
  /* 允许元素c缩小 */
  text-align: right;
  position: relative;
  white-space: nowrap;
  top: -1px;
  box-sizing: border-box;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .options-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  height: 16px;
  width: 1px;
  border-left: 1px solid #CDC8C5;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 78px;
  flex-shrink: 0;
  margin-right: 16px;
  position: relative;
  top: -4px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content .open-text {
  width: 28px;
  font-size: 14px;
  color: #666;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content .close-btn-box {
  width: 40px;
  height: 20px;
  margin-left: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content .close-btn-box .btn-box {
  width: 40px;
  height: 20px;
  position: relative;
  border-radius: 10px;
  opacity: 1;
  background-color: #D5D5D5;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content .close-btn-box .btn-box .btn-circular {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 16px;
  position: absolute;
  left: 2px;
  top: 2px;
  transition: left 0.2s ease-in-out;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content .close-btn-box.open-btn-box .btn-box {
  background-color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .open-content .close-btn-box.open-btn-box .btn-box .btn-circular {
  left: 22px;
  transition: left 0.2s ease-in-out;
}
.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 .option-item-des:hover {
  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: 16px;
  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 {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header .sort-container img.title-icon {
  width: 21px;
  height: 21px;
  position: relative;
  top: 6px;
  right: 2px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header.edit-header {
  border: none;
  padding-top: 21px;
  height: 60px;
  padding-bottom: 5px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header.edit-header .detail-title {
  font-weight: 400;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-header.edit-header i.ibass-edit {
  color: #cdc9c5;
  cursor: pointer;
  position: relative;
  top: 0;
  margin-left: 8px;
  font-size: 16px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .report-title-time {
  height: 36px;
  color: #93969B;
  font-size: 13px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .title-line {
  width: calc(100% + 69px);
  height: 1px;
  border-bottom: 1px solid #ededed;
  position: relative;
  left: -32px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body {
  padding: 0px;
  border-bottom: none;
  height: calc(100vh - 260px);
  overflow-y: auto;
}
.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;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 15px;
  position: relative;
  top: -2px;
}
.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 dnd-nodrag .postil-content {
  width: calc(100vw - 800px);
  height: auto;
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 2px;
  border: 1px solid #faf17b;
  font-size: 14px;
  background: #FEFFF0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item dnd-nodrag .postil-content.big-title-text {
  width: calc(100vw - 525px);
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item dnd-nodrag .postil-content .postil-title {
  color: #444444;
  font-weight: 500;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item dnd-nodrag .postil-content .postil-des {
  color: #666666;
  line-height: 26px;
  word-break: break-all;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item dnd-nodrag .postil-content .ibass-close {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border-radius: 2px;
  background-color: rgba(250, 241, 123, 0.5);
  color: #999999;
  font-size: 12px;
  display: none;
  cursor: pointer;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item dnd-nodrag .postil-content:hover .ibass-close {
  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;
  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 .item-title > .postil-content {
  margin-left: 67px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title:hover {
  background: #f8f8f8;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title:hover .title-name.display-flex i.ibass-delete,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title:hover .title-name.display-flex i.ibass-move {
  visibility: visible;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title:hover .title-name.display-flex .item-index {
  color: #FA8919;
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title:hover .title-name.display-flex .title-jump-icon {
  visibility: visible;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title:hover .title-name.display-flex .checkbox {
  display: inline-block;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.title-text-active {
  background: #FFF7EF;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .item-title.title-text-active .item-title-left .title-text {
  color: #fa8919 !important;
}
.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 .title-name.display-flex {
  display: flex;
  padding-left: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  flex-grow: 1;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .title-jump-icon {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  margin-left: 16px;
  visibility: hidden;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .item-index {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #F8F8F9;
  border-radius: 4px;
  margin-right: 10px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.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 .title-name.display-flex .item-title-left .title-text {
  padding-left: 10px;
  cursor: pointer;
  color: #353535;
  font-size: 14px;
  display: inline-block;
  max-width: calc(100vw - 800px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1100px) {
  .bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .title-text {
    padding-left: 10px;
    cursor: pointer;
    color: #353535;
    font-size: 14px;
    display: inline-block;
    width: 300px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .title-time-icon {
  padding: 5px 14px 4px;
  border-radius: 11px;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  color: #fff;
  margin-left: 20px;
  white-space: nowrap;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .checkbox {
  width: 24px;
  text-align: center;
  margin-right: 10px;
  font-size: 16px;
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .checkbox .ibass-checked {
  color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .checkbox:hover i {
  color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .show-checkbox {
  display: inline-block;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .show-checkbox ~ .item-index {
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-left .display-none {
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.display-flex .item-title-right {
  width: 200px;
  text-align: right;
  display: flex;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.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 .title-name.display-flex .item-title-right i.ibass-delete,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .law-item .title-name.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 .title-name.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 .title-name.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-child {
  padding-left: 67px;
}
.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;
  line-height: 32px;
}
.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;
  width: calc(100vw - 750px);
  margin-right: 9px;
  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 .left-title-box .title-text.big-title-text {
  width: calc(100vw - 500px);
}
@media screen and (max-width: 1100px) {
  .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: 12px;
    display: inline-block;
    width: 300px;
    margin-right: 5px;
    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 .left-title-box .title-text.big-title-text {
    width: 300px;
  }
}
.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-time {
  width: 108px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.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;
  line-height: 32px;
}
.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 {
  background: #ececec;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 12px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-left {
  padding-left: 10px;
  height: 32px;
  line-height: 28px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-left i {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: 3px;
  margin-right: 2px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-left .ibass-partial-select,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-left .ibass-checked {
  color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-left span {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-left:hover i {
  color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  background: #F8F8F9;
  border-radius: 18px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-right-length {
  margin-right: 12px;
  height: 20px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #ED6C00;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item i {
  color: #ED6C00;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background-color: #E5E5E5;
  margin-left: 8px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item:last-of-type {
  margin-right: 0;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item:last-of-type::after {
  display: none;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item:hover {
  color: #FA8919;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .all-select-box .all-select-box-right .all-select-box-action-item:hover i {
  color: #FA8919;
}
.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 - 422px);
  width: calc(100vw - 484px);
  box-sizing: border-box;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .empty-type-container .empty-pic {
  width: 64px;
  height: 40px;
  display: block;
  margin: 160px auto 0;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content {
  color: #cdc9c5;
  padding-top: 10px;
  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.global-law a {
  padding: 0;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content-tip.global-law a:first-child {
  padding-left: 5px;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body .items-container .no-content-tip.global-law a:last-child {
  padding-right: 5px;
}
.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 - 260px) !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 .search-report-detail .detail-body.open-detail-content .item-title,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body.open-detail-content .item-title-child {
  height: auto !important;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body.open-detail-content .item-title .main-title-text .title-text,
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body.open-detail-content .item-title-child .main-title-text .title-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body.open-detail-content .title-text {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}
.bd-search-report .my-search-report .search-report-body .search-report-detail .detail-body.open-detail-content .postil-content {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}
.bd-search-report .my-search-report .search-report-body .empty-report {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
}
.bd-search-report .my-search-report .search-report-body .empty-report img {
  width: 110px;
  height: 72px;
  display: block;
}
.bd-search-report .my-search-report .search-report-body .empty-report .text {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 8px;
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn {
  width: 112px;
  height: 32px;
  margin-top: 12px;
  border-radius: 20px;
  background: #fa8919;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn i {
  position: relative;
  top: 1px;
  color: #fff;
  font-size: 13px;
  margin-right: 6px;
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn span {
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.bd-search-report .my-search-report .search-report-body .empty-report .add-btn:hover {
  background: #FA9A2A;
}
.bd-search-report .my-search-report .search-report-body .alpha-gpt-box {
  width: 552px;
  height: calc(100vh - 60px);
  padding-top: 20px;
  padding-right: 20px;
  background: #f8f8f8;
  flex-shrink: 0;
}
@media (max-width: 1920px) {
  .bd-search-report .my-search-report .search-report-body .alpha-gpt-box {
    width: 304px;
  }
}
.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 .ns-popover-tooltip {
  width: 130px;
}
.big-data-search-report-sort .select-sort.laws-search-select-sort .triangle {
  left: 117px !important;
}
.big-data-search-report-sort .ns-popover-tooltip {
  width: 130px;
}
.big-data-search-report-header-setting-wrapper .header-setting-header {
  width: 100%;
  height: 36px;
  border-bottom: 1px solid #f2f3f7;
}
.big-data-search-report-header-setting-wrapper .header-setting-header .header-title {
  width: 300px;
  height: 26px;
  margin-top: 26px;
  margin-left: 32px;
  font-size: 20px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 438px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-left-contain {
  width: 136px;
  border-right: 1px solid #F2F3F7;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-left-contain .left-header-setting {
  width: 135px;
  padding-left: 30px;
  height: 44px;
  line-height: 50px;
  font-size: 14px;
  color: #999;
  text-align: left;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-left-contain .item-header-tab {
  width: 135px;
  padding-left: 30px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #333;
  text-align: left;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-left-contain .item-header-tab.item-header-active {
  background: #f8f8f8;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain {
  width: 680px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .search-input-container .search-tags {
  height: 30px;
  margin: 5px;
  width: 220px;
  background: #FEFEFF;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 45px;
  border: 1px solid #D4D4D4;
  padding: 4px 18px;
  margin-left: 32px;
  margin-top: 23px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .search-input-container .search-tags i {
  color: #cdc9c5;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .search-input-container .search-tags input::placeholder {
  color: #a9a9a9;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body {
  position: relative;
  display: flex;
  min-height: 400px;
  padding: 14px 40px 0 32px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper {
  width: 432px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .fields::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .fields:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .title {
  margin-left: 10px;
  height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.33;
  color: #999999;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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;
  font-size: 14px;
  color: #212121;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .field-name.field-selected {
  background: #fafafa;
  margin-bottom: 12px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .field-name i {
  color: #cdc9c5;
  font-size: 16px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .field-name i:hover {
  color: #fa8919;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .field-name .ibass-checked {
  color: #fa8919 !important;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .fields-wrapper .field-name span {
  margin-left: 10px;
  vertical-align: top;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .available-fields .title {
  margin: 0;
  padding-bottom: 5px;
  margin-bottom: -5px;
  height: auto;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .available-fields .judgement-fields {
  margin-top: 0px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .available-fields .field-item {
  display: inline-block;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .header-setting-body .available-fields .field-name {
  padding: 0;
  width: 120px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .header-setting-body .available-fields .globallaw-word-fields .field-name,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .available-fields .globallaw-excel-fields .field-name {
  width: 140px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .available-fields .globallaw-word-fields .field-name span,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .available-fields .globallaw-excel-fields .field-name span {
  max-width: 100px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .selected-fields {
  width: 182px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .selected-fields .field-name {
  width: 100%;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .selected-fields .field-name:hover {
  background: #f6f6f6;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .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 .search-middle-contain .search-right-contain .header-setting-body .dndPlaceholder {
  height: 30px;
  line-height: 1;
  background-color: #f6f6f6;
  border: 2px dashed #fa8919;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .header-setting-body .dndDraggingSource.dndDragging {
  display: none !important;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-title,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo {
  width: 450px;
  height: 40px;
  margin-top: 34px;
  margin-left: 40px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-title .word-des,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .word-des,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-title .word-title-num,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .word-title-num {
  font-size: 14px;
  color: #333;
  line-height: 40px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-title .word-title-num,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .word-title-num {
  color: #a9a9a9;
  margin-left: 16px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-title .word-title-text,
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .word-title-text {
  width: 312px;
  height: 32px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  padding-left: 15px;
  margin-left: 8px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo {
  width: 450px;
  margin-top: 24px;
  margin-left: 40px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .upload-logo {
  width: 130px;
  height: 130px;
  margin-left: 78px;
  margin-top: -30px;
  background: #f9f9f9;
  border: 1px dashed #d8d8d8;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .upload-logo .upload-btn {
  width: 90px;
  height: 27px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  font-size: 12px;
  color: #999;
  margin: 50px auto;
  text-align: center;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-header .word-logo .logo-des {
  margin-left: 78px;
  margin-top: 16px;
  color: #999;
  font-size: 14px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-type {
  width: 210px;
  height: 20px;
  margin-top: 32px;
  margin-left: 32px;
  display: flex;
  justify-content: space-between;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-type .item-cover-type {
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-type .item-cover-type .cover-type-checkbox {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 1px solid #ddd;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-type .item-cover-type .cover-type-checkbox.active-cover-type {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 3px solid #ed6c00;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-type .item-cover-type .cover-type-title {
  font-size: 14px;
  color: #333;
  margin-left: 8px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain {
  padding-left: 32px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .item-cover-select {
  width: 100px;
  height: 141px;
  display: inline-block;
  margin-right: 16px;
  margin-top: 17px;
  border: 1px solid #e4e4e4;
  position: relative;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .item-cover-select.active-cover-select {
  border: 1px solid #ED6C00;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .item-cover-select i.ibass-approved {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ed6c00;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .item-cover-select img {
  width: 100%;
  height: 100%;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .reupload-logo {
  width: 100px;
  height: 141px;
  position: relative;
  margin-top: 17px;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .reupload-logo .upload-btn {
  width: 90px;
  height: 27px;
  border-radius: 2px;
  font-size: 12px;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  margin-left: -45px;
  margin-top: -14px;
  cursor: pointer;
  z-index: 10;
  font-style: normal;
  color: #fff;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .reupload-logo img {
  width: 100px;
  height: 141px;
  border: 1px solid #e4e4e4;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .reupload-logo img.upload-cover {
  z-index: 9;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .reupload-logo .upload-cover {
  width: 100px;
  height: 141px;
  border: 1px solid #e4e4e4;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .upload-logo {
  width: 100px;
  height: 141px;
  margin-top: 17px;
  background: #f9f9f9;
  border: 1px dashed #d8d8d8;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .upload-logo .upload-btn {
  width: 80px;
  height: 27px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  font-size: 12px;
  color: #999;
  margin: 55px auto;
  text-align: center;
  cursor: pointer;
}
.big-data-search-report-header-setting-wrapper .search-middle-contain .search-right-contain .word-page-cover .select-cover-contain .logo-des {
  margin-top: 16px;
  color: #999;
  font-size: 14px;
}
.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;
}
.bd-share-number-list-modal .bd-share-number-list-container {
  width: auto;
  border: none;
  margin-top: 0;
}
.bd-share-number-list-modal .bd-share-number-list-container .manager-member-list {
  box-sizing: content-box;
}
.bd-share-number-list-container {
  width: 400px;
  min-height: 246px;
  max-height: 554px;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  margin-top: 10px;
}
.bd-share-number-list-container .share-title {
  width: 100px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 24px;
  margin-left: 24px;
  margin-top: 24px;
}
.bd-share-number-list-container .share-number-search {
  width: 352px;
  height: 38px;
  margin-top: 14px;
  position: relative;
  margin: 14px auto 0;
}
.bd-share-number-list-container .share-number-search .search-input {
  width: 352px;
  height: 38px;
  padding-left: 39px;
  padding-right: 34px;
  font-size: 14px;
  border-radius: 38px;
  border: 1px solid #D4D4D4;
}
.bd-share-number-list-container .share-number-search .search-input:hover {
  border: 1px solid #C0C4CC;
}
.bd-share-number-list-container .share-number-search .search-input:focus {
  border: 1px solid #FA8919;
}
.bd-share-number-list-container .share-number-search .ibass-search {
  position: absolute;
  left: 15px;
  top: 9px;
  color: #d4d4d4;
  font-size: 14px;
}
.bd-share-number-list-container .share-number-search .ibass-add {
  position: absolute;
  right: 18px;
  top: 7px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}
.bd-share-number-list-container .share-manager,
.bd-share-number-list-container .search-list-menu {
  width: 100%;
  min-height: 80px;
  max-height: 388px;
  margin-top: 40px;
  padding-bottom: 20px;
}
.bd-share-number-list-container .share-manager .manager-title,
.bd-share-number-list-container .search-list-menu .manager-title {
  display: flex;
  justify-content: space-between;
  width: 350px;
  margin: 0 auto;
}
.bd-share-number-list-container .share-manager .manager-title .title-item,
.bd-share-number-list-container .search-list-menu .manager-title .title-item {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.bd-share-number-list-container .share-manager .manager-title .manager-log,
.bd-share-number-list-container .search-list-menu .manager-title .manager-log {
  width: 76px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #666a71;
  cursor: pointer;
}
.bd-share-number-list-container .share-manager .manager-member-list,
.bd-share-number-list-container .search-list-menu .manager-member-list {
  width: 100%;
  min-height: 44px;
  max-height: 352px;
  margin-top: 16px;
  overflow-y: auto;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member {
  width: 352px;
  height: 32px;
  padding: 6px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member:hover,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member:hover {
  background-color: #F7F8F9;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-pic,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .ibass-client-list,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 20px;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-name,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-name {
  width: 220px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-right,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-right {
  width: 80px;
  height: 24px;
  border-radius: 1px;
  border: 1px solid #dcdfe6;
  display: flex;
  justify-content: flex-start;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-right.owner-type,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-right.owner-type {
  border: none;
  color: #979da5;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-right.owner-type .right-type,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-right.owner-type .right-type {
  cursor: auto;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-right.owner-type .ibass-trig-down,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-right.owner-type .ibass-trig-down {
  opacity: 0;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-right .right-type,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-right .right-type {
  width: 50px;
  height: 24px;
  line-height: 24px;
  margin-left: 10px;
  text-align: right;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}
.bd-share-number-list-container .share-manager .manager-member-list .item-member .member-right .ibass-trig-down,
.bd-share-number-list-container .search-list-menu .manager-member-list .item-member .member-right .ibass-trig-down {
  width: 10px;
  height: 24px;
  margin-left: 4px;
  line-height: 24px;
  font-size: 12px;
  color: #666a71;
}
.collaborator-right-list {
  z-index: 10000 !important;
}
.collaborator-right-list .ns-popover-tooltip {
  width: 150px;
}
.search-collaborator-right-list {
  z-index: 10000 !important;
}
.search-collaborator-right-list .ns-popover-tooltip {
  width: 150px;
}
.report-type-select-list {
  margin-left: 30px;
}
.report-type-select-list .ns-popover-tooltip {
  width: 150px;
}
.create-report-type-list .ns-popover-tooltip {
  width: 170px;
  border-radius: 4px !important;
}
.create-report-type-list .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding-left: 20px;
  padding-right: 18px;
}
.create-report-type-list .ns-popover-tooltip .ns-popover-items .ns-popover-item img.title-icon {
  width: 21px;
  height: 21px;
  position: relative;
  top: 6px;
  right: 2px;
}
.create-report-type-list .ns-popover-tooltip .ns-popover-items .ns-popover-item span {
  margin-left: 6px;
}
.delete-report-list-postil .ns-popover-tooltip {
  width: 210px;
  height: 106px;
}
.delete-report-list-postil .delete-des {
  width: 140px;
  height: 20px;
  margin-left: 20px;
  margin-top: 20px;
  font-size: 14px;
  color: #606266;
}
.delete-report-list-postil .delete-btn {
  width: 106px;
  height: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 90px;
  margin-top: 16px;
}
.delete-report-list-postil .delete-btn .delete-cancel-btn {
  width: 24px;
  height: 16px;
  font-size: 12px;
  color: #606266;
  cursor: pointer;
}
.delete-report-list-postil .delete-btn .delete-submit-btn {
  width: 66px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  border-radius: 28px;
  background-color: #ff7d2b;
  cursor: pointer;
}
.menu-item-tooltip {
  padding: 6px 10px !important;
}
.tree-action-more,
.generate-modal {
  margin-left: 30px;
}
.tree-action-more .ns-popover-tooltip,
.generate-modal .ns-popover-tooltip {
  margin: 4px 0 0 0 !important;
  width: 112px;
}
.tree-action-more .ns-popover-tooltip .ns-popover-items,
.generate-modal .ns-popover-tooltip .ns-popover-items {
  max-height: max-content;
  margin: 6px 0;
}
.tree-action-more .ns-popover-tooltip .ns-popover-items .ns-popover-item,
.generate-modal .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  position: relative;
}
.tree-action-more .ns-popover-tooltip .ns-popover-items .ns-popover-item .iconright,
.generate-modal .ns-popover-tooltip .ns-popover-items .ns-popover-item .iconright {
  font-size: 14px;
  color: #C3C6C8;
  position: absolute;
  right: 12px;
  top: 1px;
}
.tree-action-more .ns-popover-tooltip .bottom-border,
.generate-modal .ns-popover-tooltip .bottom-border {
  box-shadow: 0px 1px 0px 0px #EBEBEE;
}
.global-coustom-tooltip {
  z-index: 10000;
}

.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 {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  background: #F8F8F9;
  border-radius: 4px;
  margin-top: 20px;
  color: #666666;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  padding: 0 16px;
}
.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-top: 20px;
  padding: 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 {
  font-size: 12px;
  position: absolute;
  right: 7px;
  top: 0;
  color: #fa8919;
  display: none;
  cursor: pointer;
}
.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: 1px 48px 30px;
  border-radius: 10px;
}
.subscribe-modal .firm-dialog-body .select-matter-list {
  width: 100%;
  margin-top: 10px;
}
.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: 100%;
  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: 100%;
  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;
  color: #333333;
}
.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 .subscribe-change-ggChecked {
  display: inline-flex;
  align-items: center;
  padding-top: 20px;
  font-size: 13px;
  color: #4A4A4A;
  cursor: pointer;
  user-select: none;
}
.subscribe-modal .firm-dialog-body .subscribe-change-ggChecked span {
  margin-left: 6px;
}
.subscribe-modal .firm-dialog-body .subscribe-change-ggChecked :hover {
  color: #fa8919;
}
.subscribe-modal .firm-dialog-body .subscribe-change-ggChecked :hover i {
  color: #fa8919;
}
.subscribe-modal .firm-dialog-body .subscribe-dialog-part-title {
  font-weight: 500 !important;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  height: 24px;
  align-items: center;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .subscribe-change-notification {
  cursor: pointer;
  margin-right: 4px;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .notification-icon-container {
  position: relative;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .notification-icon-container .ibass-warning {
  color: #cccccc;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .notification-icon-container .notification-icon-tip {
  display: none;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .notification-icon-container:hover .notification-icon-tip {
  white-space: nowrap;
  position: absolute;
  padding: 8px 12px;
  background: #282828;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  border-radius: 3px;
  top: -28px;
  left: -138px;
  display: block;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .notification-icon-container:hover .notification-icon-tip:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -6px;
  left: 140px;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap .ibass-warning {
  color: #999999;
}
.subscribe-modal .firm-dialog-body .subscribe-notification-wrap i {
  position: relative;
  top: 2px;
}
.subscribe-modal .firm-dialog-body .search-keywords {
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 32px;
  width: 100%;
  height: auto;
  line-height: 1;
  font-weight: 400;
}
.subscribe-modal .firm-dialog-body .search-keywords .ibass-subscribe-edit {
  font-size: 14px;
  color: #B5B7BB;
  margin-left: 6px;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.subscribe-modal .firm-dialog-body .search-keywords .ibass-subscribe-edit:hover {
  color: #fa8919;
}
.subscribe-modal .firm-dialog-body .recommend-query-keywords-text {
  color: #4a4a4a;
}
.subscribe-modal .firm-dialog-body .search-keywords.subscribe-des {
  font-size: 14px;
  color: #4a4a4a;
  box-shadow: none;
  height: auto;
  line-height: 1;
}
.subscribe-modal .firm-dialog-body .subscribe-type-value-show-wrap {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  background: #F8F8F9;
  border-radius: 4px;
  margin-top: 20px;
  color: #666666;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 0 16px;
}
.subscribe-modal .firm-dialog-body .subscribe-type-value-show-wrap .ibass-trig-down {
  color: #999999;
}
.subscribe-modal .firm-dialog-body .subscribe-type-value-show-wrap:hover {
  color: #fa8919;
}
.subscribe-modal .firm-dialog-body .subscribe-type-value-show-wrap:hover .ibass-trig-down {
  color: #fa8919;
}
.subscribe-modal .bottom-btn-box {
  text-align: center;
  padding-top: 30px;
}
.subscribe-modal .bottom-btn-box .main-btn-add {
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #606266;
}
.subscribe-modal .main-btn.view-button {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
  margin-right: 25px;
}
.subscribe-type-popover-container {
  padding-bottom: 10px;
}

.my-upload-add-share-member-dialog .title-box {
  font-size: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-top: 26px;
  margin-left: 36px;
}
.my-upload-add-share-member-dialog .member-content {
  width: 761px;
  height: 457px;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  margin-top: 24px;
  margin-left: 32px;
  display: flex;
  justify-content: space-between;
}
.my-upload-add-share-member-dialog .member-content .content-left {
  width: 50%;
  height: 455px;
  border-right: 1px solid #dee0e3;
  overflow: hidden;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box {
  width: 333px;
  height: 38px;
  position: relative;
  margin: 24px auto 0;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box:hover .search-module-i-close {
  display: unset;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box .search-input {
  width: 333px;
  height: 38px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 14px;
  border-radius: 38px;
  border: 1px solid #D4D4D4;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box .search-input::-webkit-input-placeholder {
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 18px;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box .search-input:hover {
  border: 1px solid #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box .search-input:focus {
  border: 1px solid #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box .ibass-search {
  position: absolute;
  left: 15px;
  top: 9px;
  color: #d4d4d4;
  font-size: 14px;
}
.my-upload-add-share-member-dialog .member-content .content-left .search-input-box .ibass-add {
  position: absolute;
  right: 18px;
  top: 7px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}
.my-upload-add-share-member-dialog .member-content .content-left .add-tab {
  width: 100%;
  height: 36px;
  margin-top: 20px;
  box-shadow: 0px 1px 0px 0px #DEE0E3;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.my-upload-add-share-member-dialog .member-content .content-left .add-tab .item-tab {
  width: 28px;
  height: 30px;
  line-height: 24px;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  color: #999;
  margin-bottom: -1px;
}
.my-upload-add-share-member-dialog .member-content .content-left .add-tab .item-tab:hover {
  color: #fa8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .add-tab .item-tab.active {
  border-bottom: 3px solid #FA8919;
  color: #ED6C00 !important;
}
.my-upload-add-share-member-dialog .member-content .content-left .add-tab .tab-memeber {
  margin-left: 24px;
  margin-right: 32px;
}
.my-upload-add-share-member-dialog .member-content .content-left .select-all-button {
  height: 44px;
  display: inline-flex;
  align-items: center;
  padding-left: 24px;
  margin-top: 12px;
  cursor: pointer;
}
.my-upload-add-share-member-dialog .member-content .content-left .select-all-button:hover i {
  color: #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .select-all-button:hover .multi-left-checkbox-label {
  color: #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .select-all-button i {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #CCCCCC;
  line-height: 15px;
  margin-right: 12px;
}
.my-upload-add-share-member-dialog .member-content .content-left .select-all-button .ibass-checked {
  color: #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .select-all-button .multi-left-checkbox-label {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list {
  width: 380px;
  height: 280px;
  overflow-y: auto;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member {
  width: 380px;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member:hover {
  background-color: #F7F8F9;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member:hover .icon-member {
  color: #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member .icon-member {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #CCCCCC;
  line-height: 15px;
  margin-right: 12px;
  margin-left: 24px;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member .icon-member.ibass-checked {
  color: #FA8919;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member .icon-member.ibass-checked.unChecked {
  color: #CCC;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member .member-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: #f1f1f1;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  margin-left: 12px;
  color: #fff;
  font-size: 20px;
}
.my-upload-add-share-member-dialog .member-content .content-left .member-list .item-member .member-name {
  margin-left: 12px;
  width: 200px;
  height: 44px;
  line-height: 44px;
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-upload-add-share-member-dialog .member-content .content-right {
  width: 50%;
  height: 457px;
}
.my-upload-add-share-member-dialog .member-content .content-right .has-selected {
  width: 300px;
  height: 60px;
  font-size: 14px;
  line-height: 60px;
  margin-left: 24px;
}
.my-upload-add-share-member-dialog .member-content .content-right .has-selected .select-arr-length {
  color: #fa8919;
  margin-right: 4px;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list {
  width: 100%;
  height: 397px;
  overflow-y: auto;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select:hover {
  background-color: #F7F8F9;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select .item-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin-left: 24px;
  background-color: #f1f1f1;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  margin-left: 24px;
  color: #fff;
  font-size: 20px;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select .item-dep {
  width: 32px;
  height: 44px;
  line-height: 44px;
  margin-left: 24px;
  font-size: 12px;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select .item-name {
  width: 276px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  margin-left: 12px;
  padding-right: 6px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select .ibass-close {
  cursor: pointer;
  font-size: 14px;
  font-family: icon, icon;
  font-weight: normal;
  color: #C3C6C8;
  line-height: 15px;
}
.my-upload-add-share-member-dialog .member-content .content-right .selected-list .item-select .ibass-close:hover {
  color: #FA8919;
}
.my-upload-add-share-member-dialog .content-bottom {
  height: 32px;
  margin: 32px auto 0;
  display: flex;
  justify-content: center;
}
.my-upload-add-share-member-dialog .content-bottom .item-btn {
  width: 96px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #606266;
  border-radius: 16px;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  font-weight: 500;
}
.my-upload-add-share-member-dialog .content-bottom .item-btn:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.my-upload-add-share-member-dialog .content-bottom .item-btn.submit-btn {
  color: #fff;
  background-color: #fa8919;
  border: 1px solid #fa8919;
  margin-left: 8px;
}
.my-upload-add-share-member-dialog .content-bottom .item-btn.submit-btn:hover {
  background: #FA9A2A;
}
.my-upload-add-share-member-dialog .content-bottom .item-btn.disable {
  background-color: #D5D5D5;
  border: 1px solid #D5D5D5;
}
.my-upload-add-share-member-dialog .content-bottom .item-btn.disable:hover {
  background-color: #D5D5D5;
}
.my-upload-add-share-member-dialog .search-module-i-close {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}
.my-upload-add-share-member-dialog .search-module-i-close .i-close-module {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #C3C6C8;
}
.my-upload-add-share-member-dialog .search-module-i-close .i-close-module .ibass-close {
  height: 12px;
  color: #fff;
  font-size: 20px;
  transform: scale(0.5);
  margin-top: -6px;
}
.my-upload-add-share-member-dialog .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.my-upload-add-share-member-dialog .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.my-upload-add-share-member-dialog .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.my-upload-add-share-member-dialog .empty-container {
  margin-top: -168px;
}
.my-upload-add-share-member-dialog .empty-img {
  text-align: center;
  margin-bottom: 8px;
}
.my-upload-add-share-member-dialog .empty-img img {
  width: 80px;
}
.my-upload-add-share-member-dialog .empty-info {
  text-align: center;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.my-upload-add-share-member-dialog .loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.my-upload-add-share-member .ngdialog-close {
  top: 22px !important;
  right: 18px !important;
}
.my-upload-add-share-member .ngdialog-close:hover::before {
  color: #fa8919 !important;
}

.my-upload-remove-share-member-dialog .title-box {
  font-size: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-top: 24px;
  margin-left: 36px;
}
.my-upload-remove-share-member-dialog .member-content {
  width: 380px;
  height: 455px;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  margin-top: 24px;
  margin-left: 32px;
  display: flex;
  justify-content: space-between;
}
.my-upload-remove-share-member-dialog .member-content .content-left {
  width: 100%;
  height: 451px;
  overflow: hidden;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box {
  width: 333px;
  height: 38px;
  position: relative;
  margin: 24px auto 0;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box:hover .search-module-i-close {
  display: unset;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box .search-input {
  width: 333px;
  height: 38px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 14px;
  border-radius: 38px;
  border: 1px solid #D4D4D4;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box .search-input:hover {
  border: 1px solid #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box .search-input:focus {
  border: 1px solid #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box .ibass-search {
  position: absolute;
  left: 15px;
  top: 9px;
  color: #d4d4d4;
  font-size: 14px;
}
.my-upload-remove-share-member-dialog .member-content .content-left .search-input-box .ibass-add {
  position: absolute;
  right: 18px;
  top: 7px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}
.my-upload-remove-share-member-dialog .member-content .content-left .add-tab {
  width: 100%;
  height: 36px;
  margin-top: 20px;
  box-shadow: 0px 1px 0px 0px #DEE0E3;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.my-upload-remove-share-member-dialog .member-content .content-left .add-tab .item-tab {
  width: 28px;
  height: 30px;
  line-height: 24px;
  border-bottom: 3px solid transparent;
  margin-left: 24px;
  margin-right: 26px;
  font-size: 14px;
  color: #8F959F;
}
.my-upload-remove-share-member-dialog .member-content .content-left .add-tab .item-tab.active {
  border-bottom: 3px solid #FA8919;
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .select-all-button {
  height: 44px;
  display: inline-flex;
  align-items: center;
  padding-left: 24px;
  margin-top: 12px;
  cursor: pointer;
}
.my-upload-remove-share-member-dialog .member-content .content-left .select-all-button:hover i {
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .select-all-button:hover .multi-left-checkbox-label {
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .select-all-button i {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #CCCCCC;
  line-height: 15px;
  margin-right: 12px;
}
.my-upload-remove-share-member-dialog .member-content .content-left .select-all-button .ibass-checked {
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .select-all-button .multi-left-checkbox-label {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list {
  width: 380px;
  height: 337px;
  overflow-y: auto;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member {
  width: 380px;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member:hover {
  background-color: #F7F8F9;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member:hover .icon-member {
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member .icon-member {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #CCCCCC;
  line-height: 15px;
  margin-right: 12px;
  margin-left: 24px;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member .icon-member.ibass-checked {
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member .icon-member.ibass-checked.unChecked {
  color: #8F959F;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member .member-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: #f1f1f1;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  margin-left: 12px;
  color: #fff;
  font-size: 20px;
}
.my-upload-remove-share-member-dialog .member-content .content-left .member-list .item-member .member-name {
  margin-left: 12px;
  width: 200px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-upload-remove-share-member-dialog .member-content .content-right {
  width: 50%;
  height: 457px;
}
.my-upload-remove-share-member-dialog .member-content .content-right .has-selected {
  width: 300px;
  height: 60px;
  font-size: 14px;
  line-height: 60px;
  margin-left: 24px;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list {
  width: 100%;
  height: 397px;
  overflow-y: auto;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select:hover {
  background-color: #F7F8F9;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select .item-pic {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin-left: 24px;
  background-color: #f1f1f1;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select .ibass-client-list {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  margin-left: 24px;
  color: #fff;
  font-size: 20px;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select .item-dep {
  width: 32px;
  height: 44px;
  line-height: 44px;
  margin-left: 24px;
  font-size: 12px;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select .item-name {
  width: 262px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  margin-left: 24px;
  padding-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select .ibass-close {
  font-size: 14px;
  color: #000;
  cursor: pointer;
}
.my-upload-remove-share-member-dialog .member-content .content-right .selected-list .item-select .ibass-close:hover {
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .content-bottom {
  height: 32px;
  margin: 32px auto 0;
  display: flex;
  justify-content: center;
}
.my-upload-remove-share-member-dialog .content-bottom .item-btn {
  width: 96px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 16px;
  font-size: 12px;
  cursor: pointer;
  font-weight: 500;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #fff;
}
.my-upload-remove-share-member-dialog .content-bottom .item-btn:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.my-upload-remove-share-member-dialog .content-bottom .item-btn.submit-btn {
  color: #fff;
  background-color: #fa8919;
  border: 1px solid #fa8919;
  margin-left: 8px;
}
.my-upload-remove-share-member-dialog .content-bottom .item-btn.submit-btn:hover {
  background: #FA9A2A;
}
.my-upload-remove-share-member-dialog .content-bottom .item-btn.disable {
  background-color: #D5D5D5;
  border: 1px solid #D5D5D5;
}
.my-upload-remove-share-member-dialog .content-bottom .item-btn.disable:hover {
  background-color: #D5D5D5;
}
.my-upload-remove-share-member-dialog .search-module-i-close {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}
.my-upload-remove-share-member-dialog .search-module-i-close .i-close-module {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #C3C6C8;
}
.my-upload-remove-share-member-dialog .search-module-i-close .i-close-module .ibass-close {
  height: 12px;
  color: #fff;
  font-size: 20px;
  transform: scale(0.5);
  margin-top: -6px;
}
.my-upload-remove-share-member-dialog .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.my-upload-remove-share-member-dialog .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.my-upload-remove-share-member-dialog .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.my-upload-remove-share-member-dialog .empty-container {
  margin-top: -181px;
}
.my-upload-remove-share-member-dialog .empty-img {
  text-align: center;
  margin-bottom: 8px;
}
.my-upload-remove-share-member-dialog .empty-img img {
  width: 80px;
}
.my-upload-remove-share-member-dialog .empty-info {
  text-align: center;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.my-upload-remove-share-member-dialog .loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.my-upload-remove-share-member .ngdialog-close {
  top: 20px !important;
  right: 20px !important;
}
.my-upload-remove-share-member .ngdialog-close:hover::before {
  color: #fa8919 !important;
}

.my-upload-upload-result-dialog .ngdialog-close:hover::before {
  color: #fa8919 !important;
}
.my-upload-upload-result-dialog .ngdialog-content {
  overflow: hidden;
}
.my-upload-upload-result-dialog .firm-dialog-title {
  width: auto;
  font-size: 16px;
  font-weight: 500;
  background: inherit;
  border-bottom: 0px;
  border-radius: 10px;
  height: 60px;
  margin-top: 12px;
}
.my-upload-upload-result-dialog .title {
  padding: 10px;
  position: relative;
  z-index: 20;
  background: white;
}
.my-upload-upload-result-dialog .download-dialog-line {
  width: 80%;
  border-top: solid 1px #f0f0f0;
  position: absolute;
  top: 47px;
  margin-left: 10%;
  z-index: 2;
}
.my-upload-upload-result-dialog .firm-dialog-body.share-description {
  padding: 10px 50px 30px;
  line-height: 26px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.my-upload-upload-result-dialog .firm-dialog-body.share-description .share-detail {
  margin-top: 12px;
  padding: 16px;
  background: #F8F9FA;
  border-radius: 8px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 22px;
}
.my-upload-upload-result-dialog .firm-dialog-body.share-description .share-description-title {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  margin-bottom: 4px;
}
.my-upload-upload-result-dialog .firm-dialog-body.img-modal-container {
  padding: 10px 20px;
}
.my-upload-upload-result-dialog .firm-dialog-body.img-modal-container .img-des {
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.my-upload-upload-result-dialog .firm-dialog-body.img-modal-container img {
  width: 100%;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container {
  padding: 10px 30px 30px 30px;
}
.my-upload-upload-result-dialog .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;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container .success-container.no-bottom-border {
  border-bottom: none;
  padding-bottom: 0;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container .error-container {
  padding-top: 20px;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container .error-container .error-title {
  text-align: center;
  padding-bottom: 20px;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container .error-container table {
  width: 100%;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container .error-container table span {
  display: inline-block;
  overflow: hidden;
}
.my-upload-upload-result-dialog .firm-dialog-body.myupload-status-track-container .error-container table i {
  position: relative;
  top: -2px;
}
.my-upload-upload-result-dialog .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;
}
.my-upload-upload-result-dialog .firm-dialog-footer {
  text-align: center;
}
.my-upload-upload-result-dialog .main-btn {
  margin: 0 7px 30px;
  color: #fff;
  background-color: #fa8919;
  border: 1px solid #fa8919;
}
.my-upload-upload-result-dialog .main-btn:active {
  transform: unset !important;
}
.my-upload-upload-result-dialog .main-btn:hover {
  background: #FA9A2A;
}
.my-upload-upload-result-dialog .main-btn.default-btn {
  font-weight: 500;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #fff;
}
.my-upload-upload-result-dialog .main-btn.default-btn:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.my-upload-upload-result-dialog .input-container {
  padding-right: 40px;
}
.my-upload-upload-result-dialog .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;
}

.bigData-practice-detail {
  text-align: justify;
  padding: 25px;
  width: 1200px;
  min-height: 1000px;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  left: -100px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  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 .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 {
  box-sizing: border-box;
  width: 1000px;
  min-height: 1000px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.practice-result .practice-result-header {
  position: relative;
  box-sizing: border-box;
  height: 130px;
  border-bottom: solid 1px #ebebeb;
}
.practice-result .practice-result-header::before {
  content: "";
  display: table;
}
.practice-result .practice-result-header .go-back {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
}
.practice-result .practice-result-header .go-back i.ibass-close {
  font-size: 20px;
}
.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 .ibass-download {
  margin-right: 5px;
  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;
}

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

.self-work-type-setting {
  box-sizing: border-box;
}
.self-work-type-setting ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}
.self-work-type-setting :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}
.self-work-type-setting ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}
.self-work-type-setting :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}
.self-work-type-setting .expander {
  margin-bottom: 20px;
}
.self-work-type-setting .m-30 {
  margin-left: 70px;
}
.self-work-type-setting .overflow-inline {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.self-work-type-setting .row-space-center {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.self-work-type-setting .type-item-drag {
  transition: all 0.15s;
}
.self-work-type-setting .type-item-drag .gray-font {
  color: #a9a9a9 !important;
}
.self-work-type-setting .type-item-drag .drop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  width: 770px;
}
.self-work-type-setting .type-item-drag .ui-draggable-dragging {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  border-color: red;
}
.self-work-type-setting .type-item-drag .ui-draggable-dragging {
  background-color: #f8f8f9;
  border-radius: 4px;
}
.self-work-type-setting .type-item-drag .ui-droppable-hover {
  box-shadow: inset 0 -1px 0 0 #fa8919 !important;
}
.self-work-type-setting .project-hide {
  height: 0!important;
  opacity: 0!important;
  overflow: hidden;
}
.self-work-type-setting i {
  vertical-align: middle;
  cursor: pointer;
}
.self-work-type-setting i:hover {
  color: #fa8919;
}
.self-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;
}
.self-work-type-setting .one-type .left {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.self-work-type-setting .one-type .left .drag {
  position: relative;
  box-sizing: border-box;
}
.self-work-type-setting .one-type .left .drag .ibass-one-more {
  position: relative;
  box-sizing: border-box;
  color: #cdc9c5;
}
.self-work-type-setting .one-type .left .drag .ibass-one-more:hover {
  color: #fa8919;
}
.self-work-type-setting .one-type .left .drag .ibass-one-more:after,
.self-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;
}
.self-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;
}
.self-work-type-setting .one-type .right {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.self-work-type-setting .one-type .right .add-type-module {
  height: 100%;
  margin-right: 30px;
}
.self-work-type-setting .one-type .right .add-type-module i {
  color: #cdc8c5;
}
.self-work-type-setting .one-type .right .add-type-module span {
  color: #ed6c00;
}
.self-work-type-setting .one-type .right .i-down-expander {
  color: #cdc9c5;
  font-size: 14px;
  margin-right: 15px;
}
.self-work-type-setting .one-type:hover {
  background-color: #f8f8f9;
}
.self-work-type-setting .one-type:hover .drag .ibass-one-more:after,
.self-work-type-setting .one-type:hover .drag .ibass-one-more:before {
  opacity: 1;
}
.self-work-type-setting .expander-body {
  box-sizing: border-box;
}
.self-work-type-setting .expander-body ul {
  box-sizing: border-box;
  background-color: #fff;
}
.self-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%;
}
.self-work-type-setting .expander-body ul li .type-name {
  width: 260px;
  flex-shrink: 0;
  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;
}
.self-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;
}
.self-work-type-setting .expander-body ul li .type-name .move-icon:hover {
  color: #fa8919;
}
.self-work-type-setting .expander-body ul li .type-name .input-module-name {
  position: absolute;
  left: 27px;
  width: 340px;
  z-index: 1000;
}
.self-work-type-setting .expander-body ul li .type-note {
  overflow: hidden;
  flex: 1;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
}
.self-work-type-setting .expander-body ul li .type-note .input-module-note {
  position: absolute;
  left: 0;
  top: 0;
  width: 340px;
  z-index: 1000;
}
.self-work-type-setting .expander-body ul li .type-note .null-note {
  visibility: hidden;
}
.self-work-type-setting .expander-body ul li .type-matter-role {
  width: 120px;
  flex-shrink: 0;
  color: #737373;
  cursor: pointer;
}
.self-work-type-setting .expander-body ul li .type-matter-role.empty {
  display: none;
}
.self-work-type-setting .expander-body ul li .type-matter-role:hover,
.self-work-type-setting .expander-body ul li .type-matter-role--active {
  color: #FA8919;
}
.self-work-type-setting .expander-body ul li .type-matter-role:hover i,
.self-work-type-setting .expander-body ul li .type-matter-role--active i {
  display: inline;
}
.self-work-type-setting .expander-body ul li .type-matter-role .matter-role-text {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.self-work-type-setting .expander-body ul li .type-matter-role i {
  display: none;
  position: relative;
  top: 1px;
}
.self-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;
}
.self-work-type-setting .expander-body ul li .type-state .btn {
  margin-right: 15px;
}
.self-work-type-setting .expander-body ul li .type-state .more-line {
  color: #cdc9c5;
  display: none;
  position: relative;
  font-style: normal;
}
.self-work-type-setting .expander-body ul li .type-state .more-line:hover {
  color: #fa8919;
  display: block;
}
.self-work-type-setting .expander-body ul li .type-state .ibass-delete {
  display: none;
  color: #bbb;
  cursor: pointer;
}
.self-work-type-setting .expander-body ul li .type-state .ibass-delete:hover {
  color: #fa8919;
}
.self-work-type-setting .expander-body ul li .gray {
  color: #737373;
}
.self-work-type-setting .expander-body ul li .edit-btn {
  color: #cdc9c5;
  margin-left: 5px;
  font-size: 14px;
  visibility: hidden;
}
.self-work-type-setting .expander-body ul li .edit-btn:hover {
  color: #fa8919;
}
.self-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;
}
.self-work-type-setting .expander-body ul li .drag .ibass-one-more {
  box-sizing: border-box;
  position: relative;
  margin-right: 20px;
  color: #a9a9a9;
}
.self-work-type-setting .expander-body ul li .drag .ibass-one-more:hover {
  color: #fa8919;
}
.self-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;
}
.self-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;
}
.self-work-type-setting .expander-body ul li .note .note-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.self-work-type-setting .expander-body ul li .note .null-note {
  color: #a9a9a9;
}
.self-work-type-setting .expander-body ul li .num {
  color: #737373;
  width: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.self-work-type-setting .expander-body ul li .width-300 {
  width: 300px;
}
.self-work-type-setting .expander-body ul li .input {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.self-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%;
}
.self-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;
  line-height: 18px;
}
.self-work-type-setting .expander-body ul li .input .close-new {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 14px;
}
.self-work-type-setting .expander-body ul li .note {
  position: relative;
  color: #737373;
  box-sizing: border-box;
}
.self-work-type-setting .expander-body ul .li-item .type-code,
.self-work-type-setting .expander-body ul .li-item .type-setting,
.self-work-type-setting .expander-body ul .li-item .type-note,
.self-work-type-setting .expander-body ul .li-item .type-state {
  color: #737373;
}
.self-work-type-setting .expander-body ul .li-item:hover {
  background-color: #f8f8f9;
}
.self-work-type-setting .expander-body ul .li-item:hover .type-note .null-note {
  visibility: visible;
}
.self-work-type-setting .expander-body ul .li-item:hover .ibass-one-more:after {
  opacity: 1;
}
.self-work-type-setting .expander-body ul .li-item:hover .edit-btn {
  visibility: visible;
}
.self-work-type-setting .expander-body ul .li-item:hover .input input {
  background-color: #f8f8f9;
}
.self-work-type-setting .expander-body ul .li-item:hover .type-matter-role.empty {
  display: block;
}
.self-work-type-setting .expander-body ul .li-item:hover .ibass-delete {
  display: inline;
}
.self-work-type-setting .expander-body ul .type-title-line {
  color: #737373;
  font-size: 12px;
  height: 36px;
}
.self-work-type-setting .expander-body ul .type-title-line i {
  color: #cdc9c5;
  margin-left: 5px;
}
.self-work-type-setting .expander-body ul .add-module {
  padding-left: 27px;
  cursor: pointer;
  box-sizing: border-box;
}
.self-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;
}
.self-work-type-setting .expander-body ul .add-module .input {
  width: 340px;
}
.self-work-type-setting .expander-body ul .add-module .input input {
  width: 340px;
}
.self-work-type-setting .expander-body ul .add-module i {
  color: #cdc8c5;
  font-size: 14px;
}
.self-work-type-setting .expander-body ul .add-module span {
  color: #fa8919;
  display: inline-block;
  margin-left: 15px;
}
.self-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;
}
.self-work-type-setting .expander-body ul .add-module .info i {
  box-sizing: border-box;
  font-size: 14px;
  margin-right: 2px;
}
.self-work-type-setting .expander-body ul .add-module .info span {
  color: #a9a9a9;
  margin-left: 0;
}
.self-work-type-setting .expander-body ul .add-module:hover {
  background-color: #fff;
}
.self-work-type-setting .expander-body ul .add-module:hover .input input {
  background-color: #fff;
}
.self-work-type-setting .expander-body ul .li-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.self-work-type-setting .expander-body ul .li-item:hover .type-name .move-icon {
  display: block;
}
.self-work-type-setting .expander-body ul .li-item:hover .type-state .more-line {
  display: block;
}
.self-work-type-setting .check-item-drag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.self-work-type-setting .animation-toggle {
  float: left;
  margin-right: 20px;
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.self-work-type-setting .animation-toggle.disabled {
  cursor: not-allowed;
}
.self-work-type-setting .animation-toggle.disabled .line,
.self-work-type-setting .animation-toggle.disabled .circle {
  background-color: #eaeaea !important;
  border-color: #eaeaea !important;
}
.self-work-type-setting .animation-toggle .line,
.self-work-type-setting .animation-toggle .circle {
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.self-work-type-setting .animation-toggle .line {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
}
.self-work-type-setting .animation-toggle .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
}
.self-work-type-setting .animation-toggle-closed .line {
  background-color: #e2e2e2;
}
.self-work-type-setting .animation-toggle-closed .circle {
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.self-work-type-setting .animation-toggle-opened .line {
  background-color: #fa8919;
}
.self-work-type-setting .animation-toggle-opened .circle {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.matter-role-popover {
  width: 176px;
}
.matter-role-popover__list {
  max-height: 200px;
  overflow-y: auto;
  padding-bottom: 6px;
}
.matter-role-popover__item {
  display: flex;
  height: 30px;
  padding: 0 16px;
  color: #4A4A4A;
  line-height: 30px;
  cursor: pointer;
}
.matter-role-popover__item:hover {
  background: #F8F8F9;
}
.matter-role-popover__item span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-role-popover__item i {
  flex-shrink: 0;
  color: #FA8919;
}
.matter-role-popover__footer {
  margin-bottom: 16px;
  text-align: center;
}
.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;
}

.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;
}

.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;
}

.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 {
  overflow: auto;
}
.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 .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 .subject-row {
  margin-top: 10px;
  height: auto;
  padding: 0;
}
.approval-detail-admin-page .wrapper-content .subject-row .normal-font {
  font-size: 13px;
  color: #a9a9a9;
}
.approval-detail-admin-page .wrapper-content .subject-row .high-light-font {
  font-size: 14px;
  font-weight: 500;
}
.approval-detail-admin-page .wrapper-content .subject-row .operation-column i {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px;
  color: #d4d4d4;
  cursor: pointer;
}
.approval-detail-admin-page .wrapper-content .subject-row .operation-column i:hover {
  color: #fa8919;
}
.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: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;
}

.cl-member-picker {
  display: inline-block;
}
.cl-member-picker__tags {
  max-height: 130px;
  margin: 3px 0 5px;
  overflow-y: auto;
}
.cl-member-picker__tag {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #EDEFF0;
  height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
  line-height: 24px;
}
.cl-member-picker__tag .name {
  max-width: 70px;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-member-picker__tag i {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  font-weight: 600;
}
.cl-member-picker__tag i:hover {
  color: #FA8919;
}
.cl-member-picker__add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: max-content;
  padding-inline: 10px;
  height: 24px;
  color: #333;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}
.cl-member-picker__add i {
  color: #a9a9a9;
  font-size: 12px;
  margin-right: 4px;
}
.cl-member-pickcer__popover {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
.cl-member-pickcer__popover .ns-popover-item {
  display: flex;
  align-items: center;
}
.cl-member-pickcer__popover .name {
  width: 180px;
  display: inline-block;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-member-pickcer__popover .type {
  flex: 1;
  display: inline-block;
  color: #9b9b9b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-member-pickcer__popover .num {
  width: 30px;
  display: inline-block;
  color: #9b9b9b;
}
.cl-member-pickcer__popover .ibass-done {
  color: #FA8919;
}
.cl-member-pickcer__popover .no-data {
  text-align: center;
  font-size: 12px;
  line-height: 40px;
}

.edit-customer-form {
  height: 940px;
}
.edit-customer-form__iframe {
  width: 100%;
  height: 100%;
}

.auth-customer-formset__wrap {
  display: flex;
  justify-content: space-around;
}
.auth-customer-formset__item {
  width: 375px;
  height: 150px;
  padding: 24px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  background: url('auth/image/customer-setting.png');
  background-size: 100% 100%;
  border-radius: 8px;
}
.auth-customer-formset__item:first-of-type {
  margin-right: 20px;
}
.auth-customer-formset__item .title-icon {
  transform: translateY(-3px);
  margin-right: 10px;
  font-size: 20px;
  text-align: center;
  color: #fa8919 ;
}
.auth-customer-formset__item .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.auth-customer-formset__item .container .describe {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 14px;
  color: #999999;
}
.auth-customer-formset__item .container .describe .name {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 4px;
}
.auth-customer-formset__item .container .i-btn {
  font-weight: 400;
}

.finance-form-title {
  box-sizing: border-box;
  box-shadow: inset 0 -3px 0 0 #fa8919;
  margin-left: 15px;
  margin-right: 10px;
  font-weight: bold;
}
.finance-form-body {
  box-sizing: border-box;
}
.finance-form-body ul {
  box-sizing: border-box;
  background-color: #fff;
}
.finance-form-body ul li {
  box-sizing: border-box;
  padding-left: 0;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-shadow: inset 0 -1px 0 0 #f0f0f0;
  width: 100%;
}
.finance-form-body ul li .type-name {
  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;
}
.finance-form-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;
}
.finance-form-body ul li .type-state .btn {
  margin-right: 15px;
}
.finance-form-body ul .li-item .type-state {
  color: #737373;
}
.finance-form-body ul .type-title-line {
  color: #737373;
  font-size: 12px;
  height: 36px;
}
.finance-form-body ul .type-title-line i {
  color: #cdc9c5;
  margin-left: 5px;
}
.finance-form-body ul .li-item:hover {
  background-color: #f8f8f9;
}
.finance-form-body ul .li-item:hover .ibass-one-more:after {
  opacity: 1;
}
.finance-form-body ul .type-title-line {
  color: #737373;
  font-size: 12px;
  height: 36px;
}
.finance-form-body ul .type-title-line i {
  color: #cdc9c5;
  margin-left: 5px;
}
.finance-form-body ul .li-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

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

.finance-subject-manage-container {
  position: relative;
}
.finance-subject-manage-container .i-tabs-pane__tab {
  margin-bottom: 16px;
  box-shadow: none;
}
.finance-subject-manage-container .i-tabs-pane__tab:nth-last-child(2)::after {
  box-shadow: none;
}
.finance-subject-manage-container-item .header {
  position: absolute;
  top: -56px;
  right: 0;
}
.finance-subject-manage-container-item .header .i-btn {
  margin-left: 10px;
  width: 90px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
}
.finance-subject-manage-container-item .i-table {
  border-radius: 0px;
}
.finance-subject-manage-container-item .operation-column i {
  font-size: 14px;
  color: #d4d4d4;
  cursor: pointer;
}
.finance-subject-manage-container-item .operation-column i:not(:last-child) {
  display: inline-block;
  margin-right: 24px;
}
.finance-subject-manage-container-item .operation-column i:hover {
  color: #fa8919;
}

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

.hr-setting__title {
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 -1px 0 0 #d8d8d8;
}
.hr-setting__title .name {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  box-shadow: inset 0 -3px 0 0 #fa8919;
}
.hr-setting__content {
  margin-bottom: 30px;
}
.hr-setting__setting {
  display: grid;
  align-items: center;
  padding: 14px 20px 14px 0;
  font-size: 14px;
  grid-template-columns: 1fr 90px 20px;
  grid-template-rows: 30px 20px;
  grid-template-areas: 'title btn switch' 'subTitle btn switch';
}
.hr-setting__setting .setting__title {
  grid-area: title;
  line-height: 30px;
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.hr-setting__setting .setting__sub-title {
  grid-area: subTitle;
  color: #a9a9a9;
  font-size: 13px;
  line-height: 20px;
}
.hr-setting__setting .setting__btn {
  grid-area: btn;
}
.hr-setting__setting .setting__switch {
  grid-area: switch;
}
.hr-setting__setting .setting__switch .switch {
  position: relative;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.hr-setting__setting .setting__switch .switch::before,
.hr-setting__setting .setting__switch .switch::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: all .6s;
}
.hr-setting__setting .setting__switch .switch::before {
  left: 0;
  margin-top: -1px;
  width: 20px;
  height: 2px;
  background-color: #e2e2e2;
}
.hr-setting__setting .setting__switch .switch::after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -6px;
  left: 0;
  background-color: #ffffff;
  border: solid 2px #d6d6d6;
}
.hr-setting__setting .setting__switch input {
  display: none;
}
.hr-setting__setting .setting__switch input:checked + .switch::before {
  background-color: #fa8919;
}
.hr-setting__setting .setting__switch input:checked + .switch::after {
  left: 8px;
  background-color: #fa8919;
  border: solid 2px #fa8919;
}
.hr-setting__setting:hover {
  background-color: #f8f8f9;
}

.project-custom-form {
  padding: 0 20px;
}
.project-custom-form .top {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px 10px;
  border-bottom: solid 1px #ebebeb;
}
.project-custom-form .top > span {
  font-size: 16px;
  font-weight: 500;
}
.project-custom-form .top .operation > span {
  position: relative;
  top: 2px;
  display: inline-block;
  vertical-align: top;
  color: white;
  font-size: 12px;
  padding: 4px 20px;
  border-radius: 20px;
  margin-right: 10px;
}
.project-custom-form .top .operation .ibass-close {
  position: relative;
  top: 1px;
}
.project-custom-form .body {
  display: flex;
}
.project-custom-form .body .widgets {
  width: 200px;
}
.project-custom-form .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;
}
.project-custom-form .body .widgets .widget:hover {
  cursor: move;
}
.project-custom-form .body .widgets .widget i:first-child {
  margin-right: 4px;
}
.project-custom-form .body .widgets .widget i:last-child {
  flex-grow: 1;
  text-align: right;
}
.project-custom-form .body .preview {
  width: 600px;
  padding-right: 16px;
}
.project-custom-form .body .preview .content-wrap {
  background-color: #717171;
  padding: 50px 40px;
}
.project-custom-form .body .preview .content-wrap .content {
  border-radius: 10px;
  background-color: white;
  min-height: 600px;
  display: flex;
  padding: 20px;
}
.project-custom-form .body .preview .content-wrap .content .items {
  width: 100%;
}
.project-custom-form .body .preview .content-wrap .content .items .current-item {
  border: 1px solid #fdba78 !important;
}
.project-custom-form .body .preview .content-wrap .content .items .item {
  border: 1px solid transparent;
  box-sizing: border-box;
  margin-top: 4px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.project-custom-form .body .preview .content-wrap .content .items .item.half {
  width: 50%;
}
.project-custom-form .body .preview .content-wrap .content .items .dndPlaceholder {
  display: inline-block;
  box-sizing: border-box;
  height: 68px;
  width: 100%;
  background-color: #ddd;
  min-height: 42px;
}
.project-custom-form .body .preview .content-wrap .content .items .dndPlaceholder.half {
  width: 50%;
}
.project-custom-form .body .preview .content-wrap .content .items .dndDraggingSource {
  display: none;
}
.project-custom-form .body .setting {
  width: calc(100% - 800px);
}
.project-custom-form .body .setting .setup {
  padding-bottom: 20px;
}
.project-custom-form .body .setting .setup .component-name {
  margin: 17px 0;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.project-custom-form .title {
  border-bottom: 1px solid #ebebeb;
  height: 40px;
  line-height: 40px;
}
.project-custom-form .title > span {
  display: inline-block;
}
.project-custom-form .active {
  box-shadow: inset 0 -3px 0 0 #fa8919;
}

.project-filing-folder {
  margin-bottom: 32px;
}
.project-filing-folder__header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F0F0F0;
  height: 50px;
  line-height: 50px;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.project-filing-folder__header--title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.project-filing-folder__header--title .icon__wrap {
  position: relative;
  box-sizing: border-box;
}
.project-filing-folder__header--title .icon__wrap .ibass-one-more {
  position: relative;
  box-sizing: border-box;
  color: #cdc9c5;
}
.project-filing-folder__header--title .icon__wrap .ibass-one-more::before,
.project-filing-folder__header--title .icon__wrap .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-filing-folder__header--title .icon__wrap .ibass-one-more:hover {
  color: #fa8919;
}
.project-filing-folder__header--title .name {
  box-sizing: border-box;
  box-shadow: inset 0 -3px 0 0 #fa8919;
  margin-right: 10px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-filing-folder__header .project-filing-add-file {
  flex-shrink: 0;
  margin-left: 24px;
}
.project-filing-folder__header .project-filing-add-file button {
  color: #4A4A4A;
}
.project-filing-folder__header .project-filing-add-file button i {
  margin-right: 4px;
}
.project-filing-folder__header .project-filing-add-file button i::before {
  vertical-align: bottom;
}
.project-filing-folder__header .project-filing-add-file button:hover {
  color: #ed6c00;
}
.project-filing-folder__header .project-filing-add-file .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.project-filing-folder__wrapper--init .init-icon {
  margin-top: 100px;
  font-size: 60px;
  text-align: center;
  color: #c7d1da;
}
.project-filing-folder__wrapper--init .init-des {
  text-align: center;
  color: #c7d1da;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header {
  border-bottom: 1px solid #F0F0F0;
  height: 50px;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header:hover {
  background-color: #F8F8F8;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item {
  line-height: 50px;
  height: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-right: 24px;
  cursor: pointer;
  user-select: none;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .newFolder {
  position: relative;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .newFolder .new-folder-input {
  margin-right: 8px;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .newFolder .saveNewFolder {
  margin-right: 10px;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .newFolder span[ng-show] {
  position: absolute;
  color: #333333;
  top: -25px;
  display: inline-block !important;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .title {
  width: 500px;
  height: 50px;
  font-size: 0;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .title .filing-name-tooltip {
  padding: 5px;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .title::before {
  content: "\EA43";
  color: #00D3DD;
  font-size: 16px;
  font-family: "icon-bass";
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
  display: inline-block;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .title .header__item-name {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 430px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .more {
  width: 30px;
  height: 26px;
  border-radius: 2px;
  text-align: center;
  line-height: 30px;
  color: #666666;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .more::before {
  content: "\EB46";
  font-size: 14px;
  line-height: 14px;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.project-filing-folder__wrapper--tree .filing-tree-file__item .header__item .more:hover {
  background-color: #fff;
  color: #FA8919;
}
.project-filing-folder__wrapper--tree .file-tree {
  font-size: 14px;
}
.project-filing-folder__wrapper--tree .file-tree treeitem {
  transition: all 0.3s ease-out;
}
.project-filing-folder__wrapper--tree .file-tree treeitem.ng-enter {
  opacity: 0;
}
.project-filing-folder__wrapper--tree .file-tree treeitem.ng-enter-active {
  opacity: 1;
}
.project-filing-folder__wrapper--tree .file-tree treeitem.ng-leave {
  opacity: 1;
}
.project-filing-folder__wrapper--tree .file-tree treeitem.ng-leave-active {
  opacity: 0;
}
.project-filing-folder__wrapper--tree .file-tree ul {
  overflow: inherit;
}
.project-filing-folder__wrapper--tree .file-tree .tree-label {
  height: 50px;
  line-height: 50px;
  display: inline-block;
}
.project-filing-folder__wrapper--tree .file-tree .file-tree-cont {
  display: inline-block;
  width: calc(90% - 5px);
  border-bottom: 1px solid transparent;
}
.project-filing-folder__wrapper--tree .file-tree .file-tree-cont:hover {
  border-bottom: 1px solid #ebe8e6;
}
.project-filing-folder__wrapper--tree .file-tree .file-tree-name {
  display: inline-block;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 17px;
}
.project-filing-folder__wrapper--tree .file-tree li i {
  color: #fa8919;
}
.project-filing-folder__wrapper--tree .file-tree .input-edit-name {
  display: inline-block;
}
.project-filing-folder__wrapper--tree .file-tree .project-filing-file-operate {
  display: inline-block;
  position: absolute;
  right: 50px;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0px 10px;
  border-radius: 20px;
  font-size: 12px;
  z-index: 99;
}
.project-filing-folder__wrapper--tree .file-tree .project-filing-file-operate:hover {
  border: 1px solid #ebe8e6;
}
.project-filing-folder__wrapper--tree .file-tree .project-filing-file-operate::before {
  content: '...';
}
.project-filing-folder .newFolder p {
  height: 20px;
  line-height: 20px;
  padding: 5px 20px;
  background: #FFF5F6;
  border-radius: 25px;
  border: 1px solid #FAAFB8;
}
.project-filing-folder .newFolder p::before {
  content: "\EA85";
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #F6535C;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  transform: rotateZ(45deg);
  position: relative;
  top: 2px;
  right: 6px;
}
.project-filing-folder .s-input {
  width: 230px;
}
.filing-wrapper__add {
  font-size: 14px;
  text-align: right;
}
.operate-select-popover {
  width: 120px;
  color: #fff;
}

.project-notice-page__tabs {
  display: flex;
  margin-top: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
}
.project-notice-page__tab {
  position: relative;
  padding: 0 16px;
  cursor: pointer;
  user-select: none;
  color: #737373;
}
.project-notice-page__tab--active {
  color: #F8891A;
}
.project-notice-page__tab--active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -8px;
  left: 0;
  background-color: #F8891A;
}

.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-setting .project-number-mode-choose {
  display: flex;
  flex-direction: column;
}
.project-number-setting-and-list .project-number-setting .project-number-mode-choose .project-number-mode-choose-type {
  height: 66px;
  margin: 14px 30px 14px 0;
}
.project-number-setting-and-list .project-number-setting .project-number-mode-choose .project-number-mode-choose-type > div > span {
  font-weight: 700;
  font-size: 14px;
}
.project-number-setting-and-list .project-number-setting .project-number-mode-choose .project-number-mode-choose-type > p {
  line-height: 20px;
  margin-left: 26px;
  padding: 10px 14px;
  font-size: 12px;
  background-color: #f8f8f9;
}
.project-number-setting-and-list .project-number-setting .project-number-mode-choose .project-number-mode-choose-type:hover {
  border-color: #ffb387;
}
.project-number-setting-and-list .project-number-setting .project-number-mode-choose .project-number-mode-choose-active {
  border-color: #ffb387;
}
.project-number-setting-and-list .project-number-setting .project-number-mode-choose .project-number-mode-choose-active .ibass-checkmark {
  color: #fa8919;
  margin-left: 6px;
}
.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 .real-time-search-enter-and-clear .search-module .i-close-module .ibass-close {
  margin-top: -6px;
}
.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;
}
.project-setting-page .task-groud-setting .operator-btns {
  display: flex;
  align-items: center;
}
.project-setting-page .task-groud-setting .operator-btns .is-required {
  display: flex;
  align-items: center;
  line-height: 38px;
  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 #custom-field-config .row {
  height: auto;
  padding: 14px 0;
  font-size: 14px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.project-setting-page #custom-field-config .row .detail {
  flex: 1;
}
.project-setting-page #custom-field-config .row .detail .setting-item-title {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.project-setting-page #custom-field-config .row .detail .setting-item-desc {
  color: #a9a9a9;
  font-size: 13px;
  line-height: 20px;
  width: 90%;
}
.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;
}
.project-setting-page .task-groud-setting .operator-btns {
  display: flex;
  align-items: center;
}
.project-setting-page .task-groud-setting .operator-btns .is-required {
  display: flex;
  align-items: center;
  line-height: 38px;
  color: #A9A9A9;
}
.project-setting-page .base-info-setting .row {
  display: flex;
}
.project-setting-page .base-info-setting .row .name {
  margin-left: 0;
}
.project-setting-page .base-info-setting .row .desc {
  max-width: 300px;
}
.project-setting-page .base-info-setting .row .td:last-of-type {
  width: 60px;
  margin-left: auto;
}
.project-setting-page .base-info-setting .row-header .td {
  font-size: 12px;
  color: #a9a9a9;
}
.animation-toggle .circle {
  transition: all 0.6s ease;
}
.role-project-setting-v2-pre-create-status {
  height: 280px!important;
}
.max-width150 {
  max-width: 150px;
}
.base-info-setting .animation-toggle-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  height: 100%;
}
.base-info-setting .animation-toggle {
  flex-shrink: 0;
  /* 防止开关被压缩 */
}
.base-info-setting .edit-path-form {
  white-space: nowrap;
  /* 防止按钮文字换行 */
}

.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: 260px;
  flex-shrink: 0;
  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 {
  overflow: hidden;
  flex: 1;
  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-matter-role {
  width: 120px;
  flex-shrink: 0;
  color: #737373;
  cursor: pointer;
}
.work-type-setting .expander-body ul li .type-matter-role.empty {
  display: none;
}
.work-type-setting .expander-body ul li .type-matter-role:hover,
.work-type-setting .expander-body ul li .type-matter-role--active {
  color: #FA8919;
}
.work-type-setting .expander-body ul li .type-matter-role:hover i,
.work-type-setting .expander-body ul li .type-matter-role--active i {
  display: inline;
}
.work-type-setting .expander-body ul li .type-matter-role .matter-role-text {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.work-type-setting .expander-body ul li .type-matter-role i {
  display: none;
  position: relative;
  top: 1px;
}
.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 .li-item:hover .type-matter-role.empty {
  display: block;
}
.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;
}
.matter-role-popover {
  width: 176px;
}
.matter-role-popover__list {
  max-height: 200px;
  overflow-y: auto;
  padding-bottom: 6px;
}
.matter-role-popover__item {
  display: flex;
  height: 30px;
  padding: 0 16px;
  color: #4A4A4A;
  line-height: 30px;
  cursor: pointer;
}
.matter-role-popover__item:hover {
  background: #F8F8F9;
}
.matter-role-popover__item span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-role-popover__item i {
  flex-shrink: 0;
  color: #FA8919;
}
.matter-role-popover__footer {
  margin-bottom: 16px;
  text-align: center;
}
.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;
}

.bind-department-dialog .dep-dilog-content {
  position: relative;
}
.bind-department-dialog .title-root-select {
  margin-top: 18px;
  margin-left: 32px;
  width: 646px;
  display: flex;
  justify-content: flex-start;
}
.bind-department-dialog .title-root-select .root-des {
  width: 275px;
  font-size: 14px;
  color: #8E9094;
}
.bind-department-dialog .title-root-select .root-select {
  position: relative;
  width: 390px;
  height: 30px;
  margin-left: 24px;
  line-height: 18px;
  vertical-align: middle;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.bind-department-dialog .title-root-select .root-select:hover {
  color: #7D7F82;
}
.bind-department-dialog .title-root-select .root-select i {
  position: relative;
  top: 2px;
}
.bind-department-dialog .title-root-select .root-select .ibass-arrow-down {
  margin-left: 6px;
}
.bind-department-dialog .title-root-select .root-select .dep-list-theme {
  top: 10px !important;
  left: 20px !important;
}
.bind-department-dialog .dep-popover-tooltip {
  width: 237px;
  height: 269px;
  border-radius: 4px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  position: absolute;
  display: none;
}
.bind-department-dialog .dep-popover-tooltip .department-list-title {
  width: 205px;
  height: 28px;
  margin: 10px auto 0;
  color: #a4a7b0;
  font-size: 12px;
  border-bottom: 1px solid #E7E9EB;
}
.bind-department-dialog .dep-popover-tooltip .department-content {
  width: 237px;
  height: 180px;
  overflow-y: auto;
}
.bind-department-dialog .dep-popover-tooltip .department-content .ns-popover-item {
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #333;
  display: flex;
  justify-content: space-between;
}
.bind-department-dialog .dep-popover-tooltip .department-content .ns-popover-item:hover {
  background: #f7f8f9;
  cursor: pointer;
}
.bind-department-dialog .dep-popover-tooltip .department-content .ns-popover-item .ns-popover-item-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bind-department-dialog .dep-popover-tooltip .department-content .ns-popover-item .ibass-done {
  color: #ed6c00;
}
.bind-department-dialog .dep-popover-tooltip .department-list-btn {
  width: 58%;
  display: flex;
  justify-content: space-between;
  margin: 10px auto 0;
}
.bind-department-dialog .dep-popover-tooltip .department-list-btn .cancle-department-bind {
  width: 48px;
  height: 28px;
  line-height: 28px;
  color: #999999;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.bind-department-dialog .dep-popover-tooltip .department-list-btn .submit-department-bind {
  width: 80px;
  height: 28px;
  line-height: 28px;
  border-radius: 28px;
  background-color: #f8891a;
  color: #fff;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}
.bind-department-dialog .title-content {
  width: 100%;
  padding: 26px 32px 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F2F3F7;
}
.bind-department-dialog .title-content .title {
  font-size: 20px;
  color: #232323;
}
.bind-department-dialog .title-content .ibass-close {
  font-size: 16px;
  color: #cdc8c5;
}
.bind-department-dialog .create-dep-team {
  width: 200px;
  padding: 20px 32px 16px;
  display: flex;
  justify-content: space-between;
}
.bind-department-dialog .create-dep-team i {
  color: #ED6C00;
}
.bind-department-dialog .create-dep-team .create-select {
  color: #333;
  font-size: 14px;
}
.bind-department-dialog .console-title {
  width: 646px;
  height: 36px;
  background: #F7F8F9;
  box-shadow: 0px 1px 0px 0px #e7e9eb;
  justify-content: space-between;
  display: flex;
  padding: 6px 24px 8px;
  margin: 10px auto 0;
  color: #a4a7b0;
  font-size: 12px;
}
.bind-department-dialog .console-title .alpha-dep-title {
  width: 110px;
}
.bind-department-dialog .console-title .alpha-dep-title-right {
  display: flex;
  width: 206px;
  justify-content: space-between;
}
.bind-department-dialog .departmennt-select-tree {
  height: 322px;
  overflow-y: auto;
  margin-top: 10px;
}
.bind-department-dialog .departmennt-select-tree.departmennt-bind {
  height: 305px;
  position: relative;
}
.bind-department-dialog .departmennt-select-tree .nav-tree {
  position: relative;
  width: 620px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .dep-tree-ul {
  max-width: 620px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree.nav-tree-select .dep-tree-li {
  min-width: 560px;
  width: 560px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .dep-tree-li {
  min-width: 608px;
  width: 608px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .dep-tree-ul .dep-tree-li .ibass-minus-round,
.bind-department-dialog .departmennt-select-tree .nav-tree .dep-tree-ul .dep-tree-li .ibass-add-round,
.bind-department-dialog .departmennt-select-tree .nav-tree .dep-tree-ul .dep-tree-li .ibass-dot {
  padding: 1px 5px 1px 0;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .dep-tree-ul .dep-tree-li .dep-label span {
  line-height: 22px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .select-btn {
  position: absolute;
  right: 0;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .select-btn.ibass-checked {
  color: #fa8919;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .select-btn.not-allow-select:hover {
  cursor: not-allowed;
  color: #cdc9c5;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .tree-label span {
  width: auto;
  max-width: 290px;
  line-height: 17px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department {
  position: absolute;
  max-width: 150px;
  top: -8px;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department:hover {
  color: #7D7F82;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department:hover .ibass-trig-down,
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department:hover .ibass-trig-up {
  color: #7D7F82;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department.active-bind-department {
  color: #7D7F82;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department.active-bind-department .ibass-trig-down,
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department.active-bind-department .ibass-trig-up {
  color: #7D7F82;
}
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department .ibass-trig-down,
.bind-department-dialog .departmennt-select-tree .nav-tree .bind-department .ibass-trig-up {
  position: relative;
  top: 8px;
  left: -1px;
  color: #333333;
  font-size: 12px;
}
.bind-department-dialog .department-btn {
  width: 250px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 35px auto 0;
  display: flex;
  justify-content: space-between;
}
.bind-department-dialog .department-btn .department-btn-item {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #f8891a;
  border-radius: 32px;
  cursor: pointer;
}
.bind-department-dialog .department-btn .department-btn-item.pre-step-btn {
  background-color: #F8F8F9;
  color: #4a4a4a;
}
.bind-department-dialog .department-export {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 38px auto 0;
  color: #fff;
  font-size: 14px;
  background-color: #f8891a;
  border-radius: 32px;
  cursor: pointer;
}
.bind-department-dialog .mid-tab {
  width: 650px;
  margin: 16px auto;
  font-size: 14px;
  color: #8E9094;
}
.bind-department-dialog .ns-popover-root-department {
  width: 237px;
  height: 268px;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  margin-top: 12px;
  padding-top: 5px;
}
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul {
  margin-left: 0;
}
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li {
  padding-left: 18px;
}
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li .ibass-minus-round,
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li .ibass-add-round,
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li .ibass-dot {
  padding: 1px 5px 1px 0;
}
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li .root-dep-label span {
  line-height: 17px;
  width: 86px;
  max-width: 86px;
}
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li .root-dep-label span.dep-name-1 {
  width: 130px;
  max-width: 130px;
}
.bind-department-dialog .ns-popover-root-department .root-dep-tree-ul .root-dep-tree-li .root-dep-label span.dep-name-2 {
  width: 110px;
  max-width: 110px;
}

.download-department-dialog .title-content {
  width: 100%;
  padding: 26px 32px 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F2F3F7;
}
.download-department-dialog .title-content .title {
  font-size: 20px;
  color: #232323;
}
.download-department-dialog .title-content .ibass-close {
  font-size: 16px;
  color: #cdc8c5;
}
.download-department-dialog .create-dep-team {
  width: 200px;
  padding: 20px 32px 16px;
  display: flex;
  justify-content: space-between;
}
.download-department-dialog .create-dep-team i {
  color: #999;
}
.download-department-dialog .create-dep-team i.ibass-checked {
  color: #ED6C00;
}
.download-department-dialog .create-dep-team .create-select {
  color: #333;
  font-size: 14px;
}
.download-department-dialog .console-title {
  width: 646px;
  height: 36px;
  background: #F7F8F9;
  box-shadow: 0px 1px 0px 0px #e7e9eb;
  justify-content: space-between;
  display: flex;
  padding: 6px 24px 8px;
  margin: 0 auto;
  color: #a4a7b0;
  font-size: 12px;
}
.download-department-dialog .console-title div {
  width: 110px;
}
.download-department-dialog .departmennt-select-tree {
  height: 315px;
  overflow-y: auto;
  margin-top: 10px;
}
.download-department-dialog .departmennt-select-tree .nav-tree {
  position: relative;
  width: 560px;
  left: -35px;
}
.download-department-dialog .departmennt-select-tree .nav-tree .dep-tree-ul {
  max-width: 560px;
}
.download-department-dialog .departmennt-select-tree .nav-tree .dep-tree-li {
  min-width: 560px;
  width: 560px;
}
.download-department-dialog .departmennt-select-tree .nav-tree .select-btn {
  position: absolute;
  right: 0;
}
.download-department-dialog .departmennt-select-tree .nav-tree .select-btn.ibass-checked {
  color: #fa8919;
}
.download-department-dialog .departmennt-select-tree .nav-tree .tree-label span {
  width: auto;
  max-width: 290px;
}
.download-department-dialog .department-export {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 30px auto 0;
  color: #fff;
  font-size: 14px;
  background-color: #ED6C00;
  border-radius: 32px;
  cursor: pointer;
}

.sync-department-status-content {
  position: relative;
  background-image: url(auth/image/sync-bg.png);
  padding-top: 100px;
  height: 100%;
  background-size: cover;
}
.sync-department-status-content .loading-style-17 {
  width: 150px;
  height: 15px;
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin-left: -50px;
}
.sync-department-status-content .loading-style-17 span {
  display: inline-block;
  width: 15px;
  height: 100%;
  margin-right: 5px;
  background: #fa8919;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: loading-style-17 1s ease infinite;
  -moz-animation: loading-style-17 1s ease infinite;
  -ms-animation: loading-style-17 1s ease infinite;
  -o-animation: loading-style-17 1s ease infinite;
  animation: loading-style-17 1s ease infinite;
}
.sync-department-status-content .loading-style-17 span:last-child {
  margin-right: 0px;
}
@-webkit-keyframes loading-style-17 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg) scale(0.3);
  }
}
@-moz-keyframes loading-style-17 {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(90deg) scale(0.3);
  }
}
@-ms-keyframes loading-style-17 {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(90deg) scale(0.3);
  }
}
@-o-keyframes loading-style-17 {
  0% {
    opacity: 1;
    -o-transform: scale(1);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(90deg) scale(0.3);
  }
}
@keyframes loading-style-17 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: rotate(90deg) scale(0.3);
  }
}
.sync-department-status-content .loading-style-17 span:nth-child(1) {
  -webkit-animation-delay: 0.13s;
  -moz-animation-delay: 0.13s;
  -ms-animation-delay: 0.13s;
  -o-animation-delay: 0.13s;
  animation-delay: 0.13s;
}
.sync-department-status-content .loading-style-17 span:nth-child(2) {
  -webkit-animation-delay: 0.26s;
  -moz-animation-delay: 0.26s;
  -ms-animation-delay: 0.26s;
  -o-animation-delay: 0.26s;
  animation-delay: 0.26s;
}
.sync-department-status-content .loading-style-17 span:nth-child(3) {
  -webkit-animation-delay: 0.39s;
  -moz-animation-delay: 0.39s;
  -ms-animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
  animation-delay: 0.39s;
}
.sync-department-status-content .loading-style-17 span:nth-child(4) {
  -webkit-animation-delay: 0.52s;
  -moz-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  animation-delay: 0.52s;
}
.sync-department-status-content .loading-style-17 span:nth-child(5) {
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.sync-department-status-content .ibass-close {
  font-size: 16px;
  position: absolute;
  right: 30px;
  top: 30px;
  color: #333;
}
.sync-department-status-content .doing-mid-content {
  width: 351px;
  height: 125px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sync-department-status-content .doing-mid-content .item-icon {
  width: 93px;
  height: 125px;
}
.sync-department-status-content .doing-mid-content .item-icon .company-icon {
  display: block;
  width: 93px;
  height: 93px;
}
.sync-department-status-content .doing-mid-content .item-icon .company-right {
  display: block;
  width: 64px;
  height: 31px;
  margin-top: 35px;
  margin-left: 7px;
}
.sync-department-status-content .doing-mid-content .item-icon .icon-name {
  width: 93px;
  height: 24px;
  margin-top: 5px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}
.sync-department-status-content .doing-des {
  width: 100%;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #666;
  font-size: 13px;
  margin-top: 10px;
}
.sync-department-status-content .finish-content {
  width: 100px;
  height: 90px;
  margin: 0 auto 18px;
  text-align: center;
}
.sync-department-status-content .finish-content .ibass-done {
  color: #34C724;
  font-size: 74px;
}
.sync-department-status-content .finish-content .ibass-Detail {
  color: #F54A45;
  font-size: 74px;
}
.sync-department-status-content .finish-content .done-text {
  margin-top: 33px;
  width: 100px;
  text-align: center;
  line-height: 24px;
  height: 24px;
  color: #333;
  font-weight: 500;
  margin-left: 8px;
}
.sync-department-status-content .finish-des {
  width: 439px;
  height: 24px;
  margin: 0 auto;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.sync-department-status-content .finish-des a {
  color: #fa8919;
}
.sync-department-status-content .finish-des .err-btn {
  color: #FA8919;
  cursor: pointer;
  font-weight: 500;
}
.sync-department-status-content .close-btn {
  width: 114px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  border-radius: 32px;
  background-color: #ff7d2b;
  margin: 30px auto 0;
  cursor: pointer;
}
.sync-department-status-content .error-title {
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  margin: -75px auto 0;
}
.sync-department-status-content .error-th {
  width: 450px;
  height: 40px;
  line-height: 48px;
  margin: 6px auto;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
}
.sync-department-status-content .error-tb {
  margin: 6px auto;
  width: 450px;
  height: 150px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  overflow-y: auto;
}
.sync-department-status-content .error-tb .item-tb {
  display: flex;
  justify-content: space-between;
}
.sync-department-status-content .error-tb .item-tb .department-name {
  max-width: 50%;
  width: 50%;
  overflow: hidden;
}
.sync-department-status-content .error-tb .item-tb .error-name {
  max-width: 50%;
  width: 50%;
  overflow: hidden;
}

.memberBox .ngdialog-content {
  border: 0 !important;
}
.memberBox .ngdialog-close {
  display: none;
}
.memberBox .member_content {
  display: none;
}

.noBillDialog_content {
  padding: 30px;
  padding-top: 50px;
  position: relative;
  box-sizing: border-box;
}
.noBillDialog_content p {
  text-align: center;
}
.noBillDialog_content .btns {
  margin-top: 50px;
  padding: 0 70px;
  display: flex;
  justify-content: center;
}
.noBillDialog_content .btns .btnConfirm {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
  user-select: none;
}

.matchLawyerDialog_content {
  padding: 32px 48px;
  position: relative;
  box-sizing: border-box;
}
.matchLawyerDialog_content .line {
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.matchLawyerDialog_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.matchLawyerDialog_content .tipText {
  width: 485px;
  height: 56px;
}
.matchLawyerDialog_content .tipText span {
  font-size: 14px;
  color: #4a4a4a;
  line-height: 28px;
}
.matchLawyerDialog_content .tipText .lawyearNum {
  color: #fa8919;
}
.matchLawyerDialog_content .lawyerList {
  margin-top: 24px;
  margin-bottom: 25px;
  width: 806px;
  height: 368px;
  overflow-y: auto;
}
.matchLawyerDialog_content .lawyerList .lawyerItem {
  margin-bottom: 8px;
  width: 792px;
  height: 86px;
  border-radius: 1px;
  border: 1px solid rgba(151, 151, 151, 0.19);
  display: flex;
  align-items: center;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .lawyerImg {
  margin-left: 24px;
  margin-right: 20px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #fa8919;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .lawyerInfo .row1 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .lawyerInfo .row1 .lawyerName {
  position: relative;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-right: 17px;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .lawyerInfo .row1 .lawyerName::after {
  position: absolute;
  top: 5px;
  right: -8px;
  content: "";
  width: 1px;
  height: 10px;
  background: #d8d8d8;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .lawyerInfo .row1 .lawyerCompany {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 12px;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .lawyerInfo .row2 {
  width: 420px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .confirmBtn {
  margin-left: 154px;
  width: 96px;
  height: 28px;
  background: #fa8919;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.matchLawyerDialog_content .lawyerList .lawyerItem .confirmBtn:hover {
  background-color: #FA9A2A;
}
.matchLawyerDialog_content .lawyerList .lawyerItem:hover {
  background-color: #F7F8F9;
}
.matchLawyerDialog_content .lawyerList::-webkit-scrollbar {
  width: 4px;
  height: 80px;
}
.matchLawyerDialog_content .lawyerList::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #eee;
}
.matchLawyerDialog_content .lawyerList::-webkit-scrollbar-track {
  border-radius: 2px;
}
.matchLawyerDialog_content .btns {
  display: flex;
  margin-top: 24px;
  width: 100%;
}
.matchLawyerDialog_content .btns .finishOrderBtn {
  margin: 0 auto;
  width: 176px;
  height: 32px;
  border: 1px solid #dcdfe6;
  border-radius: 20px;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: #606266;
  cursor: pointer;
  user-select: none;
  padding: 0 13px;
}
.matchLawyerDialog_content .btns .finishOrderBtn:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.matchLawyerDialog_content .btns .cancleBtn {
  width: 176px;
  height: 32px;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 32px;
  padding: 0 58px;
  border: 0;
  cursor: pointer;
  border: 1px solid #fa8919;
  user-select: none;
}

.confirmCooperateDialog_content {
  padding: 30px;
  position: relative;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center;
}
.confirmCooperateDialog_content .flex {
  display: flex;
}
.confirmCooperateDialog_content .line {
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 16px;
  margin-bottom: 26px;
}
.confirmCooperateDialog_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.confirmCooperateDialog_content .heightLigth {
  color: #fa8919;
}
.confirmCooperateDialog_content .btns {
  display: flex;
  justify-content: space-around;
  margin-top: 24px;
  padding: 0 60px;
}
.confirmCooperateDialog_content .btns .btnArea {
  display: flex;
}
.confirmCooperateDialog_content .btns .btnArea .doubleCheckConsiderBtn {
  margin-right: 10px;
  width: 130px;
  height: 36px;
  border: 1px solid #DCDFE6;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #606266;
  cursor: pointer;
  user-select: none;
}
.confirmCooperateDialog_content .btns .btnArea .doubleCheckConsiderBtn:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.confirmCooperateDialog_content .btns .btnArea .doubleCheckConfirmBtn {
  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;
  user-select: none;
}
.confirmCooperateDialog_content .btns .btnArea .doubleCheckConfirmBtn:hover {
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  color: #fff;
  background: #FA9A2A;
  line-height: 34px;
  padding: 0 10px;
  min-width: 120px;
  border: 0;
  cursor: pointer;
  border: 1px solid #fa8919;
  user-select: none;
}

.matchCaseSourceDialog_content {
  padding: 30px;
  padding-top: 10px;
  padding-bottom: 32px;
  position: relative;
  box-sizing: border-box;
}
.matchCaseSourceDialog_content .line {
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  height: 0;
  line-height: 2px;
  margin-top: 36px;
}
.matchCaseSourceDialog_content .line span {
  background-color: #fff;
  display: inline-block;
  width: 122px;
  font-size: 16px;
}
.matchCaseSourceDialog_content .tipText {
  width: 277px;
  margin-top: 24px;
  margin-left: 18px;
  margin-bottom: 24px;
}
.matchCaseSourceDialog_content .tipText span {
  font-size: 14px;
  color: #4a4a4a;
}
.matchCaseSourceDialog_content .tipText .heightLight {
  color: #fa8919;
}
.matchCaseSourceDialog_content .caseList {
  width: 438px;
  min-height: 100px;
  max-height: 439px;
  overflow-y: auto;
  margin: 0 auto;
  margin-bottom: 30px;
}
.matchCaseSourceDialog_content .caseList .courseItem {
  width: 424px;
  border: 1px solid rgba(151, 151, 151, 0.19);
  border-radius: 4px;
  display: flex;
  margin-bottom: 8px;
}
.matchCaseSourceDialog_content .caseList .courseItem .leftPart {
  width: 56px;
  border-right: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchCaseSourceDialog_content .caseList .courseItem .leftPart .uncheck {
  color: #dddd;
  font-size: 16px;
  display: block;
  cursor: pointer;
}
.matchCaseSourceDialog_content .caseList .courseItem .leftPart .checked {
  color: #FA8919;
  display: none;
  cursor: pointer;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart {
  padding-bottom: 16px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row1 {
  display: flex;
  width: 367px;
  align-items: center;
  margin-top: 16px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row1 .caseType {
  width: 68px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(149deg, #84b2ff 0%, #4d7bff 100%);
  text-align: center;
  line-height: 22px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row1 .caseTagType1 {
  width: 68px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background-color: #f65d50;
  text-align: center;
  line-height: 22px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row1 .caseTagType2 {
  width: 68px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background-color: #4d7bff;
  text-align: center;
  line-height: 22px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row1 .caseTagType3 {
  width: 68px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background-color: #44ceaf;
  text-align: center;
  line-height: 22px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row1 .caseTitle {
  margin-left: 14px;
  font-size: 14px;
  color: #333333;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row2 {
  padding-left: 16px;
  padding-top: 16px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row2 .caseInfo {
  width: 327px;
  max-height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row3 {
  display: flex;
  width: 367px;
  margin-left: 16px;
  margin-top: 10px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row3 .address {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 13px;
}
.matchCaseSourceDialog_content .caseList .courseItem .rightPart .row3 .date {
  margin-left: 24px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 13px;
}
.matchCaseSourceDialog_content .caseList .courseItem:hover {
  background-color: #F7F8F9;
}
.matchCaseSourceDialog_content .caseList::-webkit-scrollbar {
  width: 4px;
  height: 80px;
}
.matchCaseSourceDialog_content .caseList::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #eee;
}
.matchCaseSourceDialog_content .caseList::-webkit-scrollbar-track {
  border-radius: 2px;
}
.matchCaseSourceDialog_content .btns {
  margin-top: 24px;
  padding: 0 60px;
  display: flex;
  justify-content: space-around;
}
.matchCaseSourceDialog_content .btns .btnArea {
  display: flex;
}
.matchCaseSourceDialog_content .btns .btnArea .considerBtn {
  border: 1px solid #DCDFE6;
  margin-right: 10px;
  width: 130px;
  height: 36px;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #606266;
  cursor: pointer;
  user-select: none;
}
.matchCaseSourceDialog_content .btns .btnArea .considerBtn:hover {
  background: rgba(250, 137, 25, 0.04);
  border: 1px solid #FA8919;
  color: #FA8919;
}
.matchCaseSourceDialog_content .btns .btnArea .confirmedBtn {
  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;
  user-select: none;
}
.matchCaseSourceDialog_content .btns .btnArea .confirmedBtn:hover {
  background: #FA9A2A;
}

.noBillDialog_content {
  padding: 30px;
  padding-top: 50px;
  position: relative;
  box-sizing: border-box;
}
.noBillDialog_content p {
  text-align: center;
}
.noBillDialog_content .btns {
  margin-top: 50px;
  padding: 0 70px;
  display: flex;
  justify-content: center;
}
.noBillDialog_content .btns .btnConfirm {
  width: 130px;
  height: 36px;
  background: #F8F8F9;
  border-radius: 20px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #4A4A4A;
  cursor: pointer;
  user-select: none;
}

.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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;
  flex: 1;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 input::placeholder {
  color: #999;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-multiple-tree-select {
  display: flex;
  flex-direction: column;
}
.form-multiple-tree-select .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-multiple-tree-select i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-multiple-tree-select .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-multiple-tree-select .select-container .triangle-space {
  color: #a9a9a9;
}
.form-multiple-tree-select .select-container > span {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-multiple-tree-select .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-multiple-tree-select .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-multiple-tree-select .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}
.form-multiple-tree-select .popover-position {
  margin-top: -10px;
  margin-left: -10px;
  width: 100%;
}
.form-multiple-tree-select .form-select-ul {
  width: 100%;
  color: black;
  background: white !important;
  max-width: none !important;
}
.form-multiple-tree-select .form-select-ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.form-multiple-tree-select .form-select-ul li:hover {
  background-color: #f8f8f8;
}
.form-multiple-tree-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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 input::placeholder {
  color: #999;
}
.form-number form input:disabled {
  cursor: not-allowed;
  color: #a9a9a9;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 textarea::placeholder {
  color: #999;
}
.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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 input::placeholder {
  color: #999;
}
.form-text-field 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%;
}
div:has(> .label-name) {
  display: flex;
  align-items: center;
}
div:has(> .label-name) .label-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-tree-select {
  display: flex;
  flex-direction: column;
}
.form-tree-select .label-name {
  color: #a9a9a9;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.form-tree-select i.required-icon {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  color: #f72b44;
  margin-left: 4px;
}
.form-tree-select .select-container {
  height: 35px;
  line-height: 35px;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.form-tree-select .select-container .triangle-space {
  color: #a9a9a9;
}
.form-tree-select .select-container > span {
  font-size: 14px;
}
.form-tree-select .select-container .ibass-trig-down {
  color: #a9a9a9;
}
.form-tree-select .select-container .customer-form-common {
  max-width: 450px !important;
}
.form-tree-select .select-container .tooltip {
  height: auto !important;
  line-height: 16px;
}
.form-tree-select .popover-position {
  margin-top: -10px;
  margin-left: -10px;
  width: 100%;
}
.form-tree-select .form-select-ul {
  width: 100%;
  color: black;
  background: white !important;
  max-width: none;
}
.form-tree-select .form-select-ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signatory-choose__content {
  padding: 28px 36px 9px 0px;
}
.signatory-choose__content .content {
  height: fit-content;
}
.signatory-choose__content .content .required {
  color: #F6535C;
  margin-right: 2px;
}
.signatory-choose__content .content-form {
  text-align: right;
}
.signatory-choose__content .content-form .input-item {
  height: 40px;
  margin-bottom: 12px;
  position: relative;
}
.signatory-choose__content .content-form .input-item .validation-invalid {
  line-height: 28px !important;
}
.signatory-choose__content .content-form .input-item .label {
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
}
.signatory-choose__content .content-form .input-item .input {
  display: inline-block;
  width: 280px;
  padding: 10px 14px;
  height: 40px;
  font-size: 14px;
  color: #4A4A4A;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  background: #FEFEFF;
}
.signatory-choose__content .content-form .input-item .input::placeholder {
  color: #999999;
}
.signatory-choose__content .content-form .input-item .input:focus {
  border: 1px solid #fa8919;
}
.signatory-choose__content .content-form .input-item .input-disabled {
  background: #F7F8F9;
  color: #999999;
  cursor: not-allowed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.signatory-choose__content .content-form .input-item .input-disabled:focus {
  border: 1px solid #F7F8F9;
}
.signatory-choose__content .content-form .input-item span[ng-show] {
  position: absolute;
  top: -33px;
  left: 104px;
  z-index: 10;
  color: #333333;
  border-radius: 5px;
  padding: 0 10px;
  display: inline-block !important;
}
.signatory-choose__content .content-form .input-item span[ng-show] p {
  height: 30px;
  line-height: 30px;
  padding: 0px 16px 0px 12px;
  font-size: 14px;
  background: #FFFDFC;
  border-radius: 25px;
  color: #333333;
  border: 1px solid #FFD1BA;
}
.signatory-choose__content .content-form .input-item span[ng-show] p::before {
  content: "\EC26";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: inline-block;
  color: #FA8919;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: top;
  margin-right: 6px;
}
.signatory-choose__content .content-form .company-name {
  margin-bottom: 8px;
}
.signatory-choose__content .content-form .check-item {
  height: 40px;
  line-height: 40px;
}
.signatory-choose__content .content-form .check-item .label {
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
}
.signatory-choose__content .content-form .check-item .check-wrap {
  width: 280px;
  display: inline-block;
  text-align: left;
}
.signatory-choose__content .content-form .check-item .check-wrap .check {
  display: inline-block;
  margin-right: 18px;
  cursor: pointer;
}
.signatory-choose__content .content-form .check-item .check-wrap .check span {
  font-size: 14px;
}
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass {
  font-size: 16px;
  vertical-align: top;
  margin-right: 3px;
}
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-done,
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-checked,
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-rdefault-selected {
  color: #fa8919;
}
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-checkbox,
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-task-check {
  color: #E2E2E3;
}
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-checkbox:hover,
.signatory-choose__content .content-form .check-item .check-wrap .check .ibass-task-check:hover {
  color: #fa8919;
}
.signatory-choose__content .content-form .tel-wrap {
  margin-bottom: 9px;
}
.signatory-choose__content .content-form .company-seal {
  margin-bottom: 9px;
}
.signatory-choose__content .content-form .agent-wrap {
  margin-bottom: 8px;
}
.signatory-choose__content .content-form .agent-wrap .check-wrap .check .ibass {
  display: inline-block;
  width: 16px;
}
.signatory-choose__content .content-form .agent-wrap .check-wrap .check span {
  font-size: 14px;
  transform: translateX(-3px);
}
.signatory-choose__content .content-form .tip {
  color: #F6535C;
  padding: 0px 0 8px 0;
  width: 216px;
  margin-top: -2px;
  margin-left: 112px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}
.signatory-choose__content .content-company .agent-tip {
  color: #F6535C;
  margin-left: 110px;
  width: 168px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 19px;
}
.signatory-choose__content .content-company .liaison-wrap {
  width: 280px;
  height: fit-content;
  max-height: 180px;
  border: 1px solid #E5E5E5;
  margin-left: 110px;
  padding: 10px 0px;
  background: #FFFFFF;
  border-radius: 4px;
  overflow-y: auto;
}
.signatory-choose__content .content-company .liaison-wrap .liaison-item {
  text-align: left;
  padding-left: 15px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  position: relative;
}
.signatory-choose__content .content-company .liaison-wrap .liaison-item:hover {
  background: #F8F8F9;
}
.signatory-choose__content .content-company .liaison-wrap .liaison-item .text {
  width: 215px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4A4A4A;
  font-size: 14px;
}
.signatory-choose__content .content-company .liaison-wrap .liaison-item .ibass {
  position: absolute;
  right: 16px;
}
.signatory-choose__content .content-company .liaison-wrap .liaison-item .ibass-task-check {
  color: #E2E2E3;
}
.signatory-choose__content .content-company .liaison-wrap .liaison-item .ibass-done {
  color: #fa8919;
}
.signatory-choose__content .content-company .tip {
  color: #F6535C;
}
.signatory-choose .i-dialog__footer .i-btns .i-btn {
  width: 100px;
  font-size: 12px;
  font-weight: normal;
}
.liaison-tool-tip {
  z-index: 10000;
  padding: 6px 11px !important;
}

.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 .doc-approval-body {
  height: fit-content;
}
.doc-display .doc-info-wrap {
  height: fit-content;
  min-height: 120px;
  display: flex;
  flex-wrap: wrap;
}
.doc-display .file-wrap {
  min-height: 20px;
}
.doc-display .file-wrap-online {
  margin-top: 18px;
}
.doc-display .file-wrap-online .empty {
  padding: 4px 0px 16px;
}
.doc-display .file-wrap .title {
  color: #999999;
  font-size: 12px;
  height: 20px;
}
.doc-display .file-wrap .new-common-attachments-upload .left {
  font-size: 12px;
}
.doc-display .file-wrap .sign-file-wrap {
  height: fit-content;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
}
.doc-display .file-wrap .sign-file-wrap .upload-file-wrap {
  height: fit-content;
}
.doc-display .file-wrap .contract-file-wrap {
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
}
.doc-display .file-wrap .appro-file-wrap {
  margin-bottom: 16px;
}
.doc-display .width-third {
  width: 30%;
  margin-right: 3%;
}
.doc-display .width-half {
  width: 50%;
}
.doc-display .signatory {
  height: fit-content;
  box-shadow: none;
}
.doc-display .signatory-empty {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-top: 10px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.doc-display .signatory-list {
  box-shadow: inset 0 -1px 0 #f0f0f0;
  width: 100%;
  height: fit-content;
  max-height: 370px;
}
.doc-display .signatory-item {
  height: 37px;
  padding: 12px 0px 2px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
  position: relative;
}
.doc-display .signatory-item .text {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-display .signatory-item .text-input {
  width: 95%;
}
.doc-display .signatory-item .del-btn {
  font-size: 16px;
  color: #CDC9C5;
  position: absolute;
  right: -30px;
}
.doc-display .signatory-item .ibass-edit {
  font-size: 14px;
  color: #CDC9C5;
  position: absolute;
  right: 0px;
}
.doc-display .signatory-item .ibass-edit:hover {
  color: #fa8919;
}
.doc-display .signatory-operate {
  margin-top: 3px;
}
.doc-display .signatory-operate .input-client {
  display: inline-block;
  color: #4A4A4A;
}
.doc-display .signatory-operate .input-client:hover {
  color: #fa8919;
}
.doc-display .signatory-operate .input-client:hover .ibass {
  color: #fa8919;
}
.doc-display .signatory-operate .input-client .ibass {
  color: #999999;
  margin-right: 4px;
  vertical-align: top;
}
.doc-display .signatory-operate .input-client::after {
  content: ' ';
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #EBEBEB;
  margin-left: 12px;
  margin-right: 10px;
}
.doc-display .signatory-operate .choose-client {
  display: inline-block;
  position: relative;
  width: 110px;
}
.doc-display .signatory-operate .choose-client .ibass-trig-down {
  position: inherit;
  top: 0;
  left: 0;
  margin-left: 5px;
  vertical-align: text-top;
}
.doc-display .signatory-operate .choose-client .client-popover {
  top: 14px !important;
  left: 0px !important;
}
.doc-display .signatory-operate .choose-client .client-popover .ns-popover-item .selected {
  color: #cdc9c5;
}

.doc-edit {
  position: relative;
  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-half {
  width: 50%;
}
.doc-edit .doc-content .width-half .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 15px;
  cursor: pointer;
  color: #cdc9c5;
}
.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 .width-four {
  width: 25%;
}
.doc-edit .doc-content .width-four .ibass-trig-down {
  position: absolute;
  top: 26px;
  right: 15px;
  cursor: pointer;
  color: #cdc9c5;
}
.doc-edit .doc-content .seal-way .label-noactive .new-tip {
  margin-left: 6px;
  display: inline-block;
  height: 16px;
  width: 33px;
  background: url('common/images/new.png') no-repeat center;
  background-size: cover;
  transform: translateY(2px);
}
.doc-edit .doc-content .signatory {
  height: fit-content;
  box-shadow: none;
}
.doc-edit .doc-content .signatory-empty {
  font-size: 14px;
  font-weight: normal;
  color: #999999;
  margin-top: 10px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.doc-edit .doc-content .signatory-list {
  box-shadow: inset 0 -1px 0 #f0f0f0;
  width: 100%;
  height: fit-content;
  max-height: 370px;
}
.doc-edit .doc-content .signatory-item {
  height: 37px;
  padding: 12px 0px 2px;
  position: relative;
}
.doc-edit .doc-content .signatory-item .text {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-edit .doc-content .signatory-item .text-input {
  width: 95%;
}
.doc-edit .doc-content .signatory-item .del-btn {
  font-size: 16px;
  color: #CDC9C5;
  position: absolute;
  right: -30px;
}
.doc-edit .doc-content .signatory-item .ibass-edit {
  font-size: 14px;
  color: #CDC9C5;
  position: absolute;
  right: 0px;
}
.doc-edit .doc-content .signatory-item .ibass-edit:hover {
  color: #fa8919;
}
.doc-edit .doc-content .signatory-operate .input-client {
  display: inline-block;
  color: #4A4A4A;
  font-size: 12px;
}
.doc-edit .doc-content .signatory-operate .input-client:hover {
  color: #fa8919;
}
.doc-edit .doc-content .signatory-operate .input-client:hover .ibass {
  color: #fa8919;
}
.doc-edit .doc-content .signatory-operate .input-client .ibass {
  color: #999999;
  margin-right: 4px;
  vertical-align: top;
  font-size: 14px;
}
.doc-edit .doc-content .signatory-operate .input-client::after {
  content: ' ';
  display: inline-block;
  width: .5px;
  height: 10px;
  background: #EBEBEB;
  margin-left: 12px;
  margin-right: 10px;
}
.doc-edit .doc-content .signatory-operate .choose-client {
  display: inline-block;
  position: relative;
  width: 110px;
}
.doc-edit .doc-content .signatory-operate .choose-client .label {
  font-size: 12px;
}
.doc-edit .doc-content .signatory-operate .choose-client .ibass-trig-down {
  position: inherit;
  top: 0;
  left: 0;
  margin-left: 5px;
  vertical-align: text-top;
  font-size: 12px;
}
.doc-edit .doc-content .signatory-operate .choose-client .client-popover {
  top: 14px !important;
  left: 0px !important;
}
.doc-edit .doc-content .signatory-operate .choose-client .client-popover .ns-popover-item .selected {
  color: #cdc9c5;
}
.doc-edit .doc-content .signatory-operate-disabled {
  cursor: not-allowed;
}
.doc-edit .doc-content .signatory-operate-disabled:hover {
  color: #4A4A4A !important;
}
.doc-edit .doc-content .signatory-operate-disabled:hover .ibass {
  color: #999999 !important;
}
.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 {
  height: fit-content;
  min-height: 120px;
  display: flex;
  flex-wrap: wrap;
}
.doc-edit .doc-content .row-wrapper .nfim-input-common .item-input {
  padding-top: 10px;
}
.doc-edit .doc-content .row-wrapper .nfim-input-common .required-icon {
  top: 27px;
}
.doc-edit .doc-content .row-wrapper .nfim-input-common .trig-down {
  top: 31px;
}
.doc-edit .doc-content .row-wrapper .choose-item {
  height: 40px;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way {
  top: 45px !important;
  left: -10px !important;
  width: 100%;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .ns-popover-tooltip {
  width: 100%;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list {
  padding: 8px 6px;
  font-size: 14px;
  color: #333333;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list:hover {
  background: #FAFBFC;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .ibass {
  color: #E2E2E3;
  font-size: 14px;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .ibass:hover {
  color: #fa8919;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .ibass-done {
  color: #fa8919;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .lable {
  color: #4a4a4a;
  margin-left: 8px;
  font-size: 14px;
  position: relative;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .seal-disabled {
  color: #999999;
  cursor: not-allowed;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .certify-tooltip,
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .intro-tooltip {
  text-align: center;
  top: 20px !important;
  left: -72px !important;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .certify-tooltip .ns-popover-tooltip-option,
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .intro-tooltip .ns-popover-tooltip-option {
  font-size: 12px;
  padding: 8px 6px !important;
}
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .certify-tooltip .btn,
.doc-edit .doc-content .row-wrapper .choose-item .popover-seal-way .select-box-list .intro-tooltip .btn {
  color: #fa8919;
  cursor: pointer;
}
.doc-edit .doc-content .file-wrap .title {
  color: #999999;
  font-size: 12px;
  height: 20px;
  margin-top: 0px;
}
.doc-edit .doc-content .file-wrap .required {
  color: #FF3838 ;
}
.doc-edit .doc-content .file-wrap .new-common-attachments-upload .left {
  font-size: 12px;
}
.doc-edit .doc-content .file-wrap-online {
  padding-top: 20px;
}
.doc-edit .doc-content .file-wrap-online .new-common-attachments-upload {
  margin-left: 8px!important;
}
.doc-edit .doc-content .file-wrap-online .new-common-attachments-upload .label {
  color: #4A4A4A;
}
.doc-edit .doc-content .file-wrap .sign-file-wrap {
  height: fit-content;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.doc-edit .doc-content .file-wrap .sign-file-wrap .upload-file-wrap {
  height: fit-content;
}
.doc-edit .doc-content .file-wrap .contract-file-wrap {
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.doc-edit .doc-content .file-wrap .appro-file-wrap {
  padding-bottom: 10px;
}
.doc-edit .new-common-attachments-upload {
  margin-left: 0!important;
}

.signatory-dialog {
  padding-top: 20px;
}
.signatory-dialog__content {
  padding: 0px;
}
.signatory-dialog__content .tab {
  height: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.signatory-dialog__content .tab span {
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  line-height: 40px;
}
.signatory-dialog__content .tab span:first-child {
  margin-right: 64px;
}
.signatory-dialog__content .tab .active {
  color: #fa8919;
  border-bottom: 2px solid #ED6C00;
}
.signatory-dialog__content .content {
  height: fit-content;
  margin-bottom: 14px;
}
.signatory-dialog__content .content .required {
  color: #FF3838;
  font-size: 14px;
  margin-right: 2px;
}
.signatory-dialog__content .content-form {
  padding-right: 36px;
  text-align: right;
}
.signatory-dialog__content .content-form .input-item {
  height: 40px;
  margin-bottom: 12px;
  position: relative;
}
.signatory-dialog__content .content-form .input-item .label {
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
}
.signatory-dialog__content .content-form .input-item .input {
  display: inline-block;
  width: 280px;
  height: 40px;
  font-size: 14px;
  color: #4A4A4A;
  border-radius: 4px;
  background: #FEFEFF;
  border: 1px solid #E2E2E3;
  padding: 10px 14px;
}
.signatory-dialog__content .content-form .input-item .input:focus {
  border: 1px solid #fa8919;
  overflow: hidden;
}
.signatory-dialog__content .content-form .input-item .input:not(:focus) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.signatory-dialog__content .content-form .input-item span[ng-show] {
  position: absolute;
  top: -33px;
  left: 104px;
  z-index: 10;
  color: #333333;
  border-radius: 5px;
  padding: 0 10px;
  display: inline-block !important;
}
.signatory-dialog__content .content-form .input-item span[ng-show] p {
  height: 30px;
  line-height: 30px;
  padding: 0px 16px 0px 12px;
  font-size: 14px;
  background: #FFFDFC;
  border-radius: 25px;
  color: #333333;
  border: 1px solid #FFD1BA;
}
.signatory-dialog__content .content-form .input-item span[ng-show] p::before {
  content: "\EC26";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: inline-block;
  color: #FA8919;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: top;
  margin-right: 6px;
}
.signatory-dialog__content .content-form .check-item {
  height: 40px;
  line-height: 40px;
}
.signatory-dialog__content .content-form .check-item .label {
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
}
.signatory-dialog__content .content-form .check-item .check-wrap {
  width: 280px;
  display: inline-block;
  text-align: left;
}
.signatory-dialog__content .content-form .check-item .check-wrap .check {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-size: 14px;
}
.signatory-dialog__content .content-form .check-item .check-wrap .check .ibass {
  color: #E2E2E3;
  margin-right: 4px;
  font-size: 16px;
  vertical-align: top;
}
.signatory-dialog__content .content-form .check-item .check-wrap .check .ibass:hover {
  color: #fa8919;
}
.signatory-dialog__content .content-form .check-item .check-wrap .check .ibass-checked {
  color: #fa8919;
}
.signatory-dialog__content .content-form .check-item .check-wrap .check:first-child {
  margin-right: 20px;
}
.signatory-dialog .i-dialog__footer .i-btns .i-btn {
  width: 100px;
  font-size: 12px;
}

.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.can-skip {
  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-header-fulltext-retrieval {
  display: inline-block;
  margin-left: 20px;
}
.iradar-bid-header-fulltext-retrieval .real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close {
  margin-top: -7px;
}
.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;
}

.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: #ed6c00;
  border-bottom: 2px solid #ed6c00;
}
.iradar-search-chart-download {
  position: absolute;
  right: 163px;
  top: 8px;
  color: #4a4a4a;
  cursor: pointer;
}
.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: #ed6c00;
}
.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: #ed6c00;
  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-download-popover {
  width: 126px;
}
.iradar-download-popover .ns-popover-items .ns-popover-item.ns-popover-item {
  padding: 0 10px;
}

.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;
}

.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: #fa8919;
}
.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: #ed6c00;
}
.iradar-more-region-h > a:hover i {
  color: #ed6c00;
}
.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;
}

.detail-drawer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10003;
}
.detail-drawer-container__iframe {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  overflow: hidden;
}
.detail-drawer-container__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.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 {
  min-height: 200px;
}
.allocation-dialog.mode-type .dialog-body > div {
  cursor: pointer;
  line-height: 40px;
}
.allocation-dialog.mode-type .dialog-body > div i {
  color: #e8e8e8;
  vertical-align: middle;
  padding-right: 8px;
}
.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-mode .plan-mode label {
  margin-right: 10px;
  width: 72px;
  display: inline-block;
}
.financial-plan-details .financial-plan-mode .plan-mode .select-list {
  display: inline-block;
  cursor: pointer;
  width: 220px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  background-color: #ffffff;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
}
.financial-plan-details .financial-plan-mode .plan-mode .select-list span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
  padding-right: 20px;
  padding-left: 10px;
  vertical-align: middle;
  position: relative;
}
.financial-plan-details .financial-plan-mode .plan-mode .select-list span:after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  position: absolute;
  right: 12px;
  color: #D2D3D6;
}
.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 .customize-plan-name {
  margin-top: 10px;
}
.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 .tip {
  font-size: 12px;
  color: #cdc9c5;
  margin-left: 10px;
}
.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 .operate .cancel {
  color: #fa8919;
  margin-right: 4px;
}
.financial-plan-details .financial-plan-content .financial-plan-content-body .plan-content-tr .operate .save {
  color: #fa8919;
}
.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 .common-td .required {
  color: red;
}
.financial-plan-details .financial-plan-content .common-td .tree-input {
  border-color: transparent;
  width: 80%;
  border-bottom: 1px solid #ebebeb;
}
.financial-plan-details .financial-plan-content .common-td .tree-input:focus {
  border-bottom: 1px solid #fa8919;
}
.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-td10 {
  width: 20%;
}
.financial-plan-details .financial-plan-content .table-td20 {
  width: 20%;
}
.financial-plan-details .financial-plan-content .table-td30 {
  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-content-custome .financial-plan-content-body .remark {
  max-width: 230px ;
  width: fit-content;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.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;
}
.allocation-plan-pop {
  width: 220px;
}
.allocation-plan-pop .ns-popover-tooltip {
  width: 220px;
  position: relative;
}
.allocation-plan-pop .ns-popover-tooltip .orz-ul {
  width: 100%;
}
.allocation-plan-pop .ns-popover-tooltip .radio-no-active::before {
  margin-right: 6px;
  vertical-align: bottom;
}
.allocation-plan-pop .ns-popover-tooltip .loading {
  width: 220px;
  height: 30px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}
.allocation-plan-pop .ns-popover-tooltip .loading::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: 3px;
  border: 2px solid #eee;
  border-bottom-color: #FA8919;
  animation: rotate 1.25s ease-in infinite;
}

.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;
}


.financial-plan-details-dhxx {
  padding: 0 24px;
}
.financial-plan-details-dhxx .financial-plan-details-content {
  margin-top: 33px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item {
  margin-top: 32px;
  position: relative;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__title {
  margin-bottom: 10px;
  width: fit-content;
  border-bottom: 2px solid #fa8919;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 6px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__error {
  position: absolute;
  top: 0;
  left: 60px;
  display: flex;
  align-items: center;
  color: #F6535C;
  font-size: 12px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__error .ibass-faq {
  display: inline-block;
  margin: 0 4px 0 8px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .form-plan-name {
  width: 98%;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .i-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .i-form .i-form-item-light__label {
  font-size: 14px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .plan-allocation-type {
  padding-top: 24px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label {
  display: flex;
  margin-bottom: 8px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label .title {
  font-size: 14px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label .tips-area {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 12px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label .tips-area .ibass-faq {
  display: inline-block;
  margin: 1px 4px 0 8px;
}
.financial-plan-details-dhxx .financial-plan-details-content .plan-block-item:last-child .plan-block-item__title {
  margin-bottom: 10px;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option {
  display: flex;
  flex-direction: column;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option .top {
  display: flex;
  justify-content: space-between;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option .top .label {
  width: 100px;
  font-size: 14px;
  color: #a9a9a9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option .top .rule-btn {
  margin-left: 8px;
  color: #fa8919;
  font-size: 14px;
  cursor: pointer;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option .i-input-text::after {
  content: "%";
  position: absolute;
  right: 0;
  bottom: 5px;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option .i-input-text input {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-option--disabled .i-input-text::after {
  content: "";
}
.financial-plan-details-dhxx .financial-plan-details-content .member-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  color: #ddd6d9;
}
.financial-plan-details-dhxx .financial-plan-details-content .member-empty img {
  margin-bottom: 12px;
}
.financial-plan-details-dhxx .i-input-text input {
  padding-left: 0;
}
.financial-plan-details-dhxx .operation-area {
  text-align: center;
  margin: 60px 0;
}
.financial-plan-details-dhxx .operation-area .i-btn {
  box-sizing: border-box;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.financial-plan-details-dhxx .operation-area .i-btn--cancel {
  background: #fff;
  border: 1px solid #DCDFE6;
  margin-right: 10px;
}
.financial-plan-details-dhxx .operation-area .i-btn--normal {
  background: #fa8919;
  border: 1px solid #fa8919;
}

.allocation-plan-special-rule-dialog .config-rule-from {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.allocation-plan-special-rule-dialog .config-rule-from .i-form-item {
  padding-bottom: 0;
}
.allocation-plan-special-rule-dialog .config-rule-from .i-form-item__error-wrapper {
  bottom: -22px;
}
.allocation-plan-special-rule-dialog .config-rule-from__top {
  display: flex;
  align-items: center;
}
.allocation-plan-special-rule-dialog .config-rule-from__bottom {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.financial-add-receipt-dialog .i-dialog__container .financial-add-receipt__table .operation-column {
  display: flex;
  justify-content: center;
  align-items: center;
}
.financial-add-receipt-dialog .i-dialog__container .financial-add-receipt__table .operation-column .i-btn--text {
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
}
.financial-add-receipt-dialog .i-dialog__container .financial-add-receipt__table .operation-column .show-tip:hover {
  color: #a9a9a9;
  cursor: default;
}
.financial-add-receipt-dialog .i-dialog__container .i-dialog__tip {
  margin-bottom: 8px;
  font-size: 14px;
  color: red;
}

.allocation-booked-dialog-V3__tip {
  margin-top: 12px;
  font-size: 12px;
  color: #F6535C;
}
.allocation-booked-dialog-V3 .i-dialog__container {
  padding: 18px 0 32px;
}
.allocation-booked-dialog-V3 .i-table .no-data {
  color: #737373;
}
.allocation-booked-dialog-V3 .i-dropdown__trigger {
  display: flex;
}
.allocation-booked-dialog-V3 .i-dropdown__trigger .text {
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.allocation-booked-dialog-V3 .i-btn {
  font-size: 12px;
  line-height: 32px;
}

.financial-allocation-detailsV3 {
  padding: 0 24px;
}
.financial-allocation-detailsV3 .financial-dialog-title {
  margin-bottom: 43px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-block-item {
  margin-top: 32px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-block-item__title {
  margin-bottom: 24px;
  width: fit-content;
  border-bottom: 2px solid #fa8919;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 6px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-block-item__content .ns-popover-tooltip-theme {
  z-index: 1000;
  width: 100%;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 16px 8px 8px 8px;
  width: 100%;
  background: #F7F8F9;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info-label {
  font-size: 12px;
  font-weight: 400;
  color: #a9a9a9;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top {
  margin-bottom: 8px;
  display: flex;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .matter-selection-area {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .matter-selection-area .nfim-input-common {
  height: 30px;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .matter-selection-area .nfim-input-common .ibass-add-round {
  display: none !important;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .matter-selection-area .nfim-input-common .ns-popover-tooltip {
  width: 350px !important;
  max-width: 100% !important;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .matter-selection-area .nfim-input-common .ns-popover-items .ns-popover-item .name {
  max-width: 100%;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .matter-selection-area .error {
  margin-top: 4px;
  font-size: 12px;
  color: red;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .contact-name-area {
  width: 50%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 400;
  color: #a9a9a9;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__top .contact-name-area .value {
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__bottom {
  box-sizing: border-box;
  display: flex;
  padding: 16px 8px;
  background: #FFFFFF;
  border-radius: 4px;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__bottom .matter-info-item {
  display: flex;
  flex-direction: column;
  width: 25%;
}
.financial-allocation-detailsV3 .financial-dialog-body .matter-info .matter-info__bottom .matter-info-item .value {
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope {
  margin-top: 24px;
  display: flex;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope label {
  margin-right: 24px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope .i-radio-group {
  display: flex;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope .i-radio-group .radio-item {
  display: flex;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope .i-radio-group .radio-item:first-child {
  margin-right: 20px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope .i-radio-group .radio-item .i-radio:not(:last-of-type) {
  margin-right: 4px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-scope .i-radio-group .radio-item .ibass-faq {
  color: #a9a9a9;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocationV3-table-common .financial-allocation-manager-allocation_table {
  display: block;
  margin-top: 16px;
}
.financial-allocation-detailsV3 .financial-dialog-body .add-receipt {
  margin-top: 16px;
  display: flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #a9a9a9;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-money-info {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  background: #F8F8F9;
  border-radius: 8px;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-money-info-item {
  width: 33%;
  height: 96px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-money-info-item:not( :nth-of-type(3n + 1))::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 32px;
  background-color: #ebebeb;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-money-info-item .value {
  font-size: 20px;
  color: #4A4A4A;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-money-info-item .label {
  font-size: 12px;
  color: #A9A9A9;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-tip {
  display: flex;
  align-items: center;
  margin-top: 12px;
  text-align: left;
  font-size: 12px;
  color: #f6535c;
}
.financial-allocation-detailsV3 .financial-dialog-body .allocation-tip .ibass-faq {
  display: block;
  margin: 1px 4px 0 0;
}
.financial-allocation-detailsV3 .financial-dialog-footer {
  padding: 32px 0;
  text-align: center;
}
.financial-allocation-detailsV3 .financial-dialog-footer .i-btn {
  box-sizing: border-box;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.financial-allocation-detailsV3 .financial-dialog-footer .i-btn--cancel {
  background: #fff;
  border: 1px solid #DCDFE6;
  margin-right: 10px;
}
.financial-allocation-detailsV3 .financial-dialog-footer .i-btn--normal {
  background: #fa8919;
  border: 1px solid #fa8919;
}

.allocation-edit-plan-dialog-V3__content .filed-item {
  display: flex;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
}
.allocation-edit-plan-dialog-V3__content .filed-item__label {
  width: 100px;
  text-align: right;
  padding-right: 4px;
}
.allocation-edit-plan-dialog-V3__content .filed-item .i-select {
  width: 220px;
}
.allocation-edit-plan-dialog-V3__content .filed-item .i-select .i-select__drop-down {
  max-width: 220px;
}
.allocation-edit-plan-dialog-V3__content .filed-item .i-select .i-select__drop-down .text {
  display: inline-block;
  max-width: 190px;
}
.allocation-edit-plan-dialog-V3__content .filed-item .grey-text {
  color: #a9a9a9;
}
.allocation-edit-plan-dialog-V3 .i-dialog__container {
  padding: 18px 0 32px;
}
.allocation-edit-plan-dialog-V3 .i-btn {
  font-size: 12px;
  line-height: 32px;
}
.allocation-edit-plan-dialog-V3__tip {
  display: flex;
  margin: 25px 0 0 25px;
  color: red;
  font-size: 14px;
}
.allocation-edit-plan-dialog-V3__tip .ibass-faq {
  margin-right: 4px;
}

.delete-allocation-plan-tip-dialog__matter-list {
  margin: 16px 0 0 20px;
}
.delete-allocation-plan-tip-dialog__matter-item {
  list-style: disc;
  margin-bottom: 4px;
  font-size: 14px;
  color: #666666;
}
.delete-allocation-plan-tip-dialog__matter-item::marker {
  color: #c5c9cd;
}

.financial-plan-details-V3 {
  padding: 0 24px;
}
.financial-plan-details-V3 .financial-plan-details-content {
  margin-top: 33px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item {
  margin-top: 32px;
  position: relative;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__title {
  margin-bottom: 10px;
  width: fit-content;
  border-bottom: 2px solid #fa8919;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 6px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__error {
  position: absolute;
  top: 0;
  left: 60px;
  display: flex;
  align-items: center;
  color: #F6535C;
  font-size: 12px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__error .ibass-faq {
  display: inline-block;
  margin: 0 4px 0 8px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .form-plan-name {
  width: 98%;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content #allocationPlanFormV3__take .i-input-text::after {
  content: "%";
  position: absolute;
  right: 16px;
  bottom: 5px;
  color: #333;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .i-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .i-form .i-form-item-light__label {
  font-size: 14px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .plan-allocation-type {
  padding-top: 24px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label {
  display: flex;
  margin-bottom: 8px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label .title {
  font-size: 14px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label .tips-area {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 12px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item__content .plan-allocation-type .label .tips-area .ibass-faq {
  display: inline-block;
  margin: 1px 4px 0 8px;
}
.financial-plan-details-V3 .financial-plan-details-content .plan-block-item:last-child .plan-block-item__title {
  margin-bottom: 10px;
}
.financial-plan-details-V3 .financial-plan-details-content .member-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.financial-plan-details-V3 .financial-plan-details-content .member-option {
  display: flex;
  flex-direction: column;
}
.financial-plan-details-V3 .financial-plan-details-content .member-option .label {
  font-size: 14px;
  color: #a9a9a9;
}
.financial-plan-details-V3 .financial-plan-details-content .member-option .i-input-text::after {
  content: "%";
  position: absolute;
  right: 16px;
  bottom: 5px;
}
.financial-plan-details-V3 .financial-plan-details-content .member-option .i-input-text input {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0;
}
.financial-plan-details-V3 .financial-plan-details-content .member-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  color: #ddd6d9;
}
.financial-plan-details-V3 .financial-plan-details-content .member-empty img {
  margin-bottom: 12px;
}
.financial-plan-details-V3 .operation-area {
  text-align: center;
  margin: 60px 0;
}
.financial-plan-details-V3 .operation-area .i-btn {
  box-sizing: border-box;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
}
.financial-plan-details-V3 .operation-area .i-btn--cancel {
  background: #fff;
  border: 1px solid #DCDFE6;
  margin-right: 10px;
}
.financial-plan-details-V3 .operation-area .i-btn--normal {
  background: #fa8919;
  border: 1px solid #fa8919;
}

.add-budget-subject-dialog {
  padding-left: 48px;
  padding-right: 48px;
}
.add-budget-subject-dialog__tip {
  margin-top: 12px;
  font-size: 12px;
  color: #F6535C;
}
.add-budget-subject-dialog .i-dialog__container {
  padding: 18px 0 32px;
}
.add-budget-subject-dialog .i-dialog__container .i-select .ibass-wrap .ibass-arrow-down {
  margin-right: 8px;
  margin-top: 1px;
}
.add-budget-subject-dialog .i-dialog__container .i-form {
  display: flex;
  align-items: end;
  margin-bottom: 24px;
}
.add-budget-subject-dialog .i-dialog__container .i-form .form-index {
  margin-right: 24px;
  margin-bottom: 4px;
  font-size: 12px;
  color: #999999;
}
.add-budget-subject-dialog .i-dialog__container .i-form .form-delete {
  cursor: pointer;
  font-size: 14px;
  color: #d4d4d4;
}
.add-budget-subject-dialog .i-dialog__container .i-form .form-delete :hover {
  color: #fa8919;
}
.add-budget-subject-dialog .i-dialog__container .i-form .i-form-item-light {
  width: 26%;
}
.add-budget-subject-dialog .i-dialog__container .i-form .i-form-item-light:not(:last-child) {
  margin-right: 24px;
}
.add-budget-subject-dialog .i-dialog__container .i-form-item-light__require {
  right: 0;
  bottom: 2px;
}
.add-budget-subject-dialog .i-dialog__container .i-form-item-light__label--focus {
  transform: translateY(-28px);
}
.add-budget-subject-dialog .i-dialog__container .i-form-item-light__label {
  top: 26px;
}
.add-budget-subject-dialog .i-dialog__container .footer {
  margin-top: 24px;
}
.add-budget-subject-dialog .i-dialog__container .footer .add-btn {
  width: fit-content;
  cursor: pointer;
  font-size: 14px;
  color: #fa8919;
}
.add-budget-subject-dialog .i-dialog__container .footer .ibass-add:before {
  vertical-align: bottom;
  margin-right: 2px;
}
.add-budget-subject-dialog .i-form-item__error-wrapper {
  left: 80px;
}
.add-budget-subject-dialog .i-form-item-light {
  height: auto;
}
.add-budget-subject-dialog .i-dialog__footer .i-btn {
  font-size: 12px;
  line-height: 32px;
}
.select-add-subject-popover .i-select-popover {
  width: 216px;
  max-width: 410px !important;
}

.annualFeeDetailBox {
  position: relative;
  padding: 0px 50px;
}
.annualFeeDetailBox .closeBtn {
  position: absolute;
  top: 16px;
  right: 25px;
}
.annualFeeDetailBox .headerBox {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  margin: 0 auto;
  height: 0px;
  padding: 50px 50px 0 50px;
  margin-bottom: 10px;
}
.annualFeeDetailBox .headerBox .headerTitle {
  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%);
}
.annualFeeDetailBox .bodyBox .contentBox .contentTitle {
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 10px 0;
  clear: both;
}
.annualFeeDetailBox .bodyBox .contentBox .contentTitle div {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox {
  margin-top: 20px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form {
  display: flex;
  justify-content: space-between;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item-light {
  width: 48%;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item-light .i-form-item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item-light .i-form-item__content .i-form-item__field {
  margin-top: 5px;
  width: 200px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .i-textarea,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item-light .i-form-item__content .i-form-item__field .i-textarea {
  width: 185px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .uninputItemn,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item-light .i-form-item__content .i-form-item__field .uninputItemn {
  cursor: not-allowed;
  box-sizing: border-box;
  width: 200px;
  height: 32px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ebebee;
  outline: none;
  font-size: 14px;
  font-family: PingFangSC-Regular, "PingFang SC";
  font-weight: 400;
  line-height: 32px;
  color: #b5b5b5;
  padding-left: 8px;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 超出容器范围的文本内容隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .customItem .i-form-item-light__label {
  transform: translateY(-25px);
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .customItem .uninputItemn {
  cursor: not-allowed;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 超出容器范围的文本内容隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .textarea-light {
  height: unset;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem input i,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-tree-select i,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-select i,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .text i {
  display: none;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-select.disabled,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-form-item__field-inner {
  cursor: not-allowed;
  color: #4a4a4a;
  background-color: transparent !important;
}
.annualFeeDetailBox .bodyBox .contentBox .blank {
  height: 22px;
}
.annualFeeDetailBox .operatorBox {
  margin-top: 32px;
}
.annualFeeDetailBox .operatorBox .saveBtn {
  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;
  cursor: pointer;
  margin-bottom: 20px;
}

.filterBox {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  border-radius: 8px;
  padding: 24px 20px;
  box-sizing: border-box;
  background: #f7f8f9;
}
.filterBox .filterArea {
  display: flex;
  flex-wrap: wrap;
}
.filterBox .filterArea .i-form-item {
  margin-right: 30px;
  width: 30%;
}
.filterBox .operationArea {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.filterBox .operationArea div {
  font-size: 12px;
}
.filterBox .operationArea .resetBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.filterBox .operationArea .confirmBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  cursor: pointer;
  background-color: #fa8919;
  color: #fff;
}

.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;
  flex-shrink: 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 .i-subject-select .i-tree-select__drop-down .all {
  padding-top: 5px;
}
.financial-expense-detail .nfim-input-common .i-subject-select .i-tree-select__drop-down .all .ibass-arrow-down {
  right: -7px;
}
.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-subject-popover .ns-popover-tooltip {
  width: 300px;
  transform: translateY(10px);
}

.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 .filter-items-subject .i-tree-select .i-tree-select__drop-down .all .ibass-arrow-down {
  top: 3px;
  right: 18px;
}
.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;
}

.annualFeeDetailBox {
  position: relative;
  padding: 0px 50px;
}
.annualFeeDetailBox .closeBtn {
  position: absolute;
  top: 16px;
  right: 25px;
}
.annualFeeDetailBox .headerBox {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  margin: 0 auto;
  height: 0px;
  padding: 50px 50px 0 50px;
  margin-bottom: 10px;
}
.annualFeeDetailBox .headerBox .headerTitle {
  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%);
}
.annualFeeDetailBox .bodyBox .contentBox .contentTitle {
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 10px 0;
  clear: both;
}
.annualFeeDetailBox .bodyBox .contentBox .contentTitle div {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox {
  margin-top: 20px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item {
  margin-right: 100px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field {
  margin-top: 5px;
  width: 200px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .i-textarea {
  width: 185px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .uninputItemn {
  cursor: not-allowed;
  box-sizing: border-box;
  width: 200px;
  height: 32px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ebebee;
  outline: none;
  font-size: 14px;
  font-family: PingFangSC-Regular, "PingFang SC";
  font-weight: 400;
  line-height: 32px;
  color: #b5b5b5;
  padding-left: 8px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox {
  margin-top: -10px;
  display: flex;
  overflow-y: auto;
  width: 900px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 300px;
  border: 1px solid #ebebee;
  border-right-color: transparent;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem:last-child {
  border-right-color: #ebebee;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .month {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-bottom: 1px solid #ebebee;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content {
  display: flex;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .header {
  height: 120px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .header .salaryText,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .header .netSalaryDeducted,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .header .balance {
  padding-left: 10px;
  flex: 1;
  display: flex;
  align-items: center;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .body {
  padding-bottom: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .body .text {
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 8px;
  flex: 1;
  display: flex;
  align-items: center;
  cursor: not-allowed;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ebebee;
  outline: none;
  font-size: 14px;
  font-family: PingFangSC-Regular, "PingFang SC";
  font-weight: 400;
  color: #b5b5b5;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .body .text:last-child {
  margin-bottom: 0;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .i-form-item .i-form-item__content .i-form-item__field .salaryBox .salaryItem .content .body .text input {
  padding-left: 0px;
  border: 1px solid transparent;
  color: #4a4a4a;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .salaryItemBox {
  margin-top: 24px;
  width: unset;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .salaryItemBox label {
  transform-origin: 0px 0px;
  transform: scale(0.9);
  width: 100%;
  height: 32px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 12px;
  color: #a9a9a9;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .customItem .i-form-item-light__label {
  transform: translateY(-25px);
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .customItem .uninputItemn {
  cursor: not-allowed;
  height: 32px;
  line-height: 32px;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .blankItem {
  box-shadow: unset;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem input i,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-tree-select i,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-select i,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .text i {
  display: none;
}
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-select.disabled,
.annualFeeDetailBox .bodyBox .contentBox .contenFormBox .i-form .disableItem .i-form-item__field-inner {
  cursor: not-allowed;
  color: #4a4a4a;
  background-color: transparent !important;
}
.annualFeeDetailBox .bodyBox .contentBox .blank {
  height: 22px;
}
.annualFeeDetailBox .operatorBox {
  margin-top: 32px;
}
.annualFeeDetailBox .operatorBox .saveBtn {
  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;
  cursor: pointer;
  margin-bottom: 20px;
}

.filterBox {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  border-radius: 8px;
  padding: 24px 20px;
  box-sizing: border-box;
  background: #f7f8f9;
}
.filterBox .filterArea {
  display: flex;
  flex-wrap: wrap;
}
.filterBox .filterArea .i-form-item {
  margin-right: 30px;
  width: 30%;
}
.filterBox .operationArea {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.filterBox .operationArea div {
  font-size: 12px;
}
.filterBox .operationArea .resetBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.filterBox .operationArea .confirmBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  cursor: pointer;
  background-color: #fa8919;
  color: #fff;
}

.print-fee-detail-box {
  position: relative;
  padding: 0px 50px;
}
.print-fee-detail-box .closeBtn {
  position: absolute;
  top: 16px;
  right: 25px;
}
.print-fee-detail-box .headerBox {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  margin: 0 auto;
  height: 0px;
  padding: 50px 50px 0 50px;
  margin-bottom: 10px;
}
.print-fee-detail-box .headerBox .headerTitle {
  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%);
}
.print-fee-detail-box .bodyBox .contentBox .contentTitle {
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 10px 0;
  clear: both;
}
.print-fee-detail-box .bodyBox .contentBox .contentTitle .title {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.print-fee-detail-box .bodyBox .contentBox .contenFormBox {
  margin-top: 20px;
}
.print-fee-detail-box .bodyBox .contentBox .contenFormBox .i-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  margin-bottom: 36px;
}
.print-fee-detail-box .bodyBox .quarter-list {
  margin-bottom: 32px;
}
.print-fee-detail-box .bodyBox .quarter-list .i-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
}
.print-fee-detail-box .operatorBox {
  padding-bottom: 32px;
  text-align: center;
}

.filterBox {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  border-radius: 8px;
  padding: 24px 20px;
  box-sizing: border-box;
  background: #f7f8f9;
}
.filterBox .filterArea {
  display: flex;
  flex-wrap: wrap;
}
.filterBox .filterArea .i-form-item {
  margin-right: 30px;
  width: 30%;
}
.filterBox .operationArea {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.filterBox .operationArea div {
  font-size: 12px;
}
.filterBox .operationArea .resetBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.filterBox .operationArea .confirmBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  cursor: pointer;
  background-color: #fa8919;
  color: #fff;
}

.social-fee-detail-box {
  position: relative;
  padding: 0px 50px;
}
.social-fee-detail-box .closeBtn {
  position: absolute;
  top: 16px;
  right: 25px;
}
.social-fee-detail-box .headerBox {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  margin: 0 auto;
  height: 0px;
  padding: 50px 50px 0 50px;
  margin-bottom: 10px;
}
.social-fee-detail-box .headerBox .headerTitle {
  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%);
}
.social-fee-detail-box .bodyBox .contentBox .contentTitle {
  border-bottom: 1px solid #ebebeb;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 10px 0;
  clear: both;
}
.social-fee-detail-box .bodyBox .contentBox .contentTitle .title {
  color: #4a4a4a;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #fa8919;
  line-height: 30px;
}
.social-fee-detail-box .bodyBox .contentBox .contenFormBox {
  margin-top: 20px;
}
.social-fee-detail-box .bodyBox .contentBox .contenFormBox .i-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 3px;
  margin-bottom: 24px;
}
.social-fee-detail-box .bodyBox .i-table th {
  height: 28px;
}
.social-fee-detail-box .operatorBox {
  text-align: center;
  margin-top: 32px;
}

.filterBox {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  border-radius: 8px;
  padding: 24px 20px;
  box-sizing: border-box;
  background: #f7f8f9;
}
.filterBox .filterArea {
  display: flex;
  flex-wrap: wrap;
}
.filterBox .filterArea .i-form-item {
  margin-right: 30px;
  width: 30%;
}
.filterBox .operationArea {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.filterBox .operationArea div {
  font-size: 12px;
}
.filterBox .operationArea .resetBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  background-color: #f8f8f9;
  cursor: pointer;
}
.filterBox .operationArea .confirmBtn {
  width: 100px;
  float: right;
  padding: 8px 0;
  text-align: center;
  border-radius: 20px;
  font-size: 12px;
  margin-left: 20px;
  cursor: pointer;
  background-color: #fa8919;
  color: #fff;
}

.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: 16px !important;
  font-weight: 200;
  color: #4a4a4a;
}
.i-financial-common-overview .overview-title {
  font-size: 12px;
  color: #a9a9a9;
}

.financial-client-stat .stat__header {
  display: flex;
  margin-bottom: 24px;
}
.financial-client-stat .stat__tabs {
  width: max-content;
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #EBEBEB;
  margin-right: 20px;
}
.financial-client-stat .stat__tab {
  padding: 8px 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  cursor: pointer;
}
.financial-client-stat .stat__tab:hover:not(.stat__tab--active) {
  color: #FA8919;
}
.financial-client-stat .stat__tab--active {
  color: #fff;
  background-color: #FA8919;
}
.financial-client-stat .stat__filter {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 20px;
}
.financial-client-stat .stat__filter .label {
  color: #666666;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .all {
  min-width: unset;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner {
  color: #737373;
  border: none;
  height: 32px;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner::placeholder,
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner .placeholder {
  color: #737373;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner .text {
  max-width: 100px;
  padding-right: unset;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner .ibass-wrap {
  position: static;
  margin-left: 8px;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down {
  top: -1px;
}
.financial-client-stat .stat__filter .i-tree-select__drop-down .i-form-item__field-inner .ibass-arrow-down::before {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 12px;
  color: #D2D3D6;
}
.financial-client-stat .stat__filter .i-date-picker .finance-timer-select .time-range-container {
  border: none;
}
.financial-client-stat .stat__filter .i-date-picker .finance-timer-select .time-range-container:has(.time-range-start-stop) {
  border: 1px solid #ebebee;
}
.financial-client-stat .stat__filter .i-date-picker .finance-timer-select .time-range-has-close:after {
  content: "\EA13";
  display: inline-block;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 14px;
  color: #D2D3D6;
}
.financial-client-stat .stat__filter .line {
  width: 1px;
  height: 14px;
  background: #EBEBEB;
  margin: 0 20px 0 12px;
}

.financial-collect-statistics .financial-info-chart-pic .i-financial-chart .chart-reoprt-top .chart-title {
  width: 260px;
}
.financial-collect-statistics .financial-filter-more-container {
  margin-top: 0!important;
}
.financial-collect-statistics .table-td0 {
  width: 12%;
}
.financial-collect-statistics .table-td1 {
  width: 12%;
}
.financial-collect-statistics .table-td2 {
  width: 18%;
}
.financial-collect-statistics .table-td3 {
  width: 12%;
}
.financial-collect-statistics .table-td4 {
  width: 9%;
}
.financial-collect-statistics .table-td5 {
  width: 10%;
}
.financial-collect-statistics .table-td6 {
  width: 10%;
}
.financial-collect-statistics .table-td7 {
  width: 8%;
}
.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 .table-td9 {
  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 .customerNames {
  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%;
}
.financial-info-chart .billNo {
  width: 9%;
}
.financial-info-chart .billDateStr {
  width: 9%;
}
.financial-info-chart .estimatedCosts {
  width: 9%;
}
.financial-info-chart-table {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.financial-table-header,
.financial-table-body {
  min-width: 1040px;
}
.financial-table-header .common-span,
.financial-table-tr .common-span {
  display: inline-block;
  vertical-align: middle;
}

.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: 310px;
  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.bill-date-right .ns-popover-time-select-option,
.matterFilter-item-container > .filter-group-li .filter-item .datepicker-container.bill-date-right .ns-popover-time-range-style {
  left: auto !important;
  right: 0 !important;
}
.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: -10px;
  display: flex;
}
.financialV2-overview-top .financial-filter-line {
  width: 1px;
  height: 14px;
  background: #ededed;
  margin-left: 16px;
  margin-right: 16px;
}
.financialV2-overview-top .overview {
  flex-grow: 1;
  flex-direction: column;
}
.financialV2-overview-top .overview .conditions {
  position: relative;
  color: #737373;
  align-content: center;
  align-items: center;
}
.financialV2-overview-top .overview .conditions .financial-search {
  position: absolute;
  right: 0;
  bottom: 0;
}
.financialV2-overview-top .overview .conditions .condition-date {
  min-width: 55px;
}
.financialV2-overview-top .overview .conditions .date-filter {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  min-width: 200px;
}
.financialV2-overview-top .overview .conditions .condition-department {
  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 .conditions .invoice-filter__date .time-range-text-select {
  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;
  justify-content: space-between;
}
.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;
}

.hr-filter {
  width: 1152px ;
  box-sizing: border-box;
  padding: 20px 24px;
  margin-block: 10px;
  transform: translateX(-10px);
  border-radius: 10px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  background-color: #ffffff;
}
.hr-filter__base {
  margin-bottom: 32px;
}
.hr-filter__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 16px;
}
.hr-filter__title {
  width: 78px;
  height: 18px;
  margin-bottom: 16px;
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
}
.hr-filter__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
.hr-filter__item [class*='ibass-'] {
  color: #cdc9c5;
}
.hr-filter__item .item__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
  box-sizing: border-box;
  line-height: 1;
  margin-bottom: 8px;
  color: #666;
  font-size: 13px;
}
.hr-filter__item .item__label [class*='ibass-'] {
  position: relative;
  top: 1px;
  margin-left: 2px;
  cursor: pointer;
}
.hr-filter__item .item__select {
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hr-filter__item .item__select span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.hr-filter__item .item__value {
  min-height: 32px;
}
.hr-filter__item .item__btns {
  flex-shrink: 0;
}
.hr-filter .project-form {
  padding-bottom: 0;
  margin-bottom: 0;
}
.hr-filter .project-form .project-form__label,
.hr-filter .project-form .project-form__error-wrapper {
  display: none;
}
.hr-filter .project-form .project-form-department__container {
  margin-top: 0;
}
.hr-filter .time-range-clean-module .time-range-clean i {
  transform: scale(1) translateY(1px);
  color: #999;
}
.hr-filter .finance-timer-select .time-range-container {
  min-width: 120px;
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  box-sizing: border-box;
}
.hr-filter .finance-timer-select .time-range-container .time-range {
  width: 100%;
}
.hr-filter .finance-timer-select .time-range-container .time-range-text-select {
  display: none;
}
.hr-filter .finance-timer-select .time-range-container .close-in-filter .time-range-text-select {
  height: inherit;
  display: block;
  line-height: 32px;
  text-align: left;
  color: #B5B5B5;
  white-space: nowrap;
  text-indent: 8px;
}
.hr-filter .finance-timer-select .time-range-has-close:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(common/images/date-icon.png);
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  color: #D2D3D6;
}
.hr-filter .finance-timer-select.finance-timer-select-show {
  border: none;
  background-color: transparent;
  padding-left: 0;
  font-size: 14px !important;
}
.hr-filter .finance-timer-select.finance-timer-select-show .time-range-start-stop {
  height: inherit;
  line-height: 32px;
  color: #333;
  white-space: nowrap;
}
.hr-filter__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.hr-filter__footer .filter-item-logic {
  display: flex;
  align-items: center;
  color: #a9a9a9;
  font-size: 12px;
  margin-right: 20px;
  line-height: 20px;
}
.hr-filter__footer .filter-item-logic .ibass-faq {
  position: relative;
  top: 1px;
}
.hr-filter__footer .filter-item-logic span {
  margin: 0 3px;
}
.hr-filter__footer .filter-item-logic .logic-select {
  font-size: 12px !important;
}

.hr-upload-manager__wrap {
  border-radius: 10px;
}
.hr-upload-manager__header {
  height: 30px;
  height: 60px;
  border-radius: 10px;
  padding-top: 20px;
  line-height: 70px;
  text-align: center;
}
.hr-upload-manager__header .title {
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
  padding: 10px;
  z-index: 2;
  position: relative;
}
.hr-upload-manager .dialog-line {
  border-top: 1px solid #f0f0f0;
  margin-top: -5px;
  width: 500px;
  margin-left: 50px;
  position: absolute;
  z-index: 1;
}
.hr-upload-manager__content {
  padding: 38px 50px;
  position: relative;
}
.hr-upload-manager__content .content {
  background: #f8f8f9;
  padding-bottom: 30px;
}
.hr-upload-manager__content .content .step {
  padding: 35px 30px;
}
.hr-upload-manager__content .content .step-item {
  font-size: 14px;
  text-align: left;
  line-height: 25px;
  color: #737373;
}
.hr-upload-manager__content .content .step-item a {
  color: #fa8919;
  cursor: pointer;
}
.hr-upload-manager__content .content .step-item .tip {
  color: #999999;
  line-height: 18px;
}
.hr-upload-manager__content .content .step-item .tip .ibass {
  font-size: 12px;
  margin-right: 4px;
  vertical-align: middle;
  color: #999999;
}
.hr-upload-manager__content .content .step-item .tip span {
  font-size: 12px;
}
.hr-upload-manager__content .content .upload-file .upload-icon {
  text-align: center;
}
.hr-upload-manager__content .content .upload-file .upload-icon .ibass-upload {
  cursor: default;
  font-size: 42px;
  color: #e5e5e5;
}
.hr-upload-manager__content .content .upload-file .upload-btn {
  text-align: center;
}
.hr-upload-manager__content .content .upload-file .upload-btn .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);
}
.hr-upload-manager__content .loading {
  background: transparent;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 90%;
  text-align: center;
}
.hr-upload-manager__content .loading::before {
  content: " ";
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 280px;
  top: 150px;
  border-radius: 50%;
  border: 2px solid #eee;
  border-bottom-color: #FA8919;
  animation: rotate 1.25s ease-in infinite;
}
.upload-fail-dialog {
  position: relative;
}
.upload-fail-dialog__header {
  height: 30px;
  height: 60px;
  padding-top: 20px;
  line-height: 70px;
  text-align: center;
  border-radius: 10px;
}
.upload-fail-dialog__header .title {
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
  padding: 10px;
  z-index: 2;
  position: relative;
  background: #fff;
}
.upload-fail-dialog__header .title .ibass-warning {
  color: #fa8919;
  font-size: 20px;
  margin-right: 4px;
  vertical-align: middle;
}
.upload-fail-dialog__content {
  padding: 28px 50px 40px 50px;
  font-size: 13px;
}
.upload-fail-dialog__content .link {
  cursor: pointer;
  color: #fa8919;
}
.upload-fail-dialog .dialog-line {
  border-top: 1px solid #f0f0f0;
  margin-top: -5px;
  width: 350px;
  margin-left: 50px;
  position: absolute;
  z-index: 1;
}

.detail-drawer {
  position: fixed;
  width: 600px;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translate3d(100%, 0, 1px);
  transition: transform 0.3s ease-in;
  background-color: #fff;
  z-index: 101;
  overflow: hidden;
}
.detail-drawer__header {
  position: relative;
  height: 48px;
  background: #F8F8F8;
  border-bottom: 1px solid #f5f5f5;
}
.detail-drawer__header-title {
  font-size: 15px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #212121;
  line-height: 48px;
  text-align: center;
  margin: 0;
}
.detail-drawer__header-close {
  position: absolute;
  top: 10px;
  left: 24px;
  font-size: 20px !important;
  cursor: pointer;
}
.detail-drawer__container {
  padding: 24px;
  box-sizing: border-box;
  height: calc(100% - 48px);
  overflow: auto;
}
.detail-drawer__matter-info {
  margin-bottom: 32px;
}
.detail-drawer__title {
  line-height: 28px;
  font-size: 14px;
  color: #4a4a4a;
}
.detail-drawer__title .text {
  position: relative;
  display: inline-block;
}
.detail-drawer__title .text::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background-color: #F8891A;
}
.detail-drawer__content {
  padding: 24px 16px;
}
.detail-drawer__content .row {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}
.detail-drawer__content .row + .row {
  margin-top: 14px;
}
.detail-drawer__content .row .col {
  width: 50%;
  flex-shrink: 0;
  display: flex;
}
.detail-drawer__content .row .col .key {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.detail-drawer__content .row .col .value {
  flex: 1;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-drawer__table {
  padding-top: 16px;
}
.detail-drawer__table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.detail-drawer__table table thead {
  box-shadow: 0px 1px 0px 0px #F0F0F0;
}
.detail-drawer__table table thead tr {
  height: 36px;
}
.detail-drawer__table table thead tr th {
  padding: 0 16px;
  font-size: 14px;
  line-height: 36px;
  font-weight: 400;
  color: #737373;
  text-align: left;
}
.detail-drawer__table table tbody tr {
  height: 44px;
  text-align: center;
  border-bottom: 1px solid #E7E9EB;
}
.detail-drawer__table table tbody tr td {
  padding: 0 16px;
  font-size: 14px;
  color: #333333;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.detail-drawer__table table tbody tr:hover {
  background: #F7F8F9;
}
.detail-drawer__table table tbody tr:hover td:nth-of-type(2),
.detail-drawer__table table tbody tr:hover td:nth-of-type(3) {
  cursor: pointer;
  color: #F8891A;
}
.detail-drawer__table table tbody tr:hover td:nth-of-type(2):hover,
.detail-drawer__table table tbody tr:hover td:nth-of-type(3):hover {
  text-decoration: underline;
}
.detail-drawer__no-data {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  color: #ddd6d9;
}
.detail-drawer__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
}

.overview-filter-panel__collapse {
  margin-bottom: 15px;
  text-align: right;
  color: #a9a9a9;
  font-size: 14px;
  cursor: pointer;
}
.overview-filter-panel__collapse i {
  position: relative;
  top: 2px;
  margin-left: 4px;
}
.overview-filter-panel__filter-container {
  border-radius: 2px;
  padding: 20px;
  border: 1px solid #f2f2f2;
  background-color: #fbfbfb;
}
.overview-filter-panel__filter,
.overview-filter-panel__more {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item,
.overview-filter-panel__more .overview-filter-panel__filter-item {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item label,
.overview-filter-panel__more .overview-filter-panel__filter-item label {
  display: inline-block;
  width: 75px;
  flex-shrink: 0;
  text-align: right;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 28px;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item .overview-tree-select,
.overview-filter-panel__more .overview-filter-panel__filter-item .overview-tree-select {
  flex-grow: 1;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item .i-financial-text-input input,
.overview-filter-panel__more .overview-filter-panel__filter-item .i-financial-text-input input {
  width: unset;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item:nth-of-type(3n - 2),
.overview-filter-panel__more .overview-filter-panel__filter-item:nth-of-type(3n - 2) {
  width: 30%;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item:nth-of-type(3n - 1),
.overview-filter-panel__more .overview-filter-panel__filter-item:nth-of-type(3n - 1) {
  width: 40%;
}
.overview-filter-panel__filter .overview-filter-panel__filter-item:nth-of-type(3n),
.overview-filter-panel__more .overview-filter-panel__filter-item:nth-of-type(3n) {
  width: 30%;
}
.overview-filter-panel__operation-btns {
  text-align: right;
}
.overview-filter-panel .animate-wrapper {
  transform-origin: top;
}
.overview-filter-panel .animate-wrapper.ng-enter {
  transform: scaleY(0);
}
.overview-filter-panel .animate-wrapper.ng-enter-active {
  transform: scaleY(1);
}
.overview-filter-panel .animate-wrapper.ng-leave {
  transform: scaleY(1);
}
.overview-filter-panel .animate-wrapper.ng-leave-active {
  transform: scaleY(0);
}
.overview-filter-panel .animate-wrapper.ng-enter,
.overview-filter-panel .animate-wrapper.ng-leave {
  transition: all 0.3s ease-in;
  overflow: hidden;
}

.hr-matter-role-detail {
  height: 100%;
  padding: 30px 30px 0;
  box-sizing: border-box;
}
.hr-matter-role-detail__header {
  position: relative;
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
}
.hr-matter-role-detail__header .title {
  position: relative;
  display: inline-block;
  width: max-content;
  padding: 0 16px;
  z-index: 2;
  background-color: #fff;
}
.hr-matter-role-detail__header::after {
  content: "";
  position: absolute;
  width: calc(100% - 80px);
  height: 1px;
  background: #F2F3F7;
  left: 32px;
  top: 50%;
  z-index: 1;
}
.hr-matter-role-detail__base-info {
  display: flex;
  margin: 24px 32px 32px;
  font-size: 14px;
  line-height: 1;
}
.hr-matter-role-detail__base-info .col {
  display: flex;
  flex-shrink: 0;
  margin-right: 40px;
  font-size: 14px;
}
.hr-matter-role-detail__base-info .col .key {
  flex-shrink: 0;
  margin-right: 8px;
  color: #666666;
}
.hr-matter-role-detail__base-info .col .value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #212121;
}
.hr-matter-role-detail__table {
  display: flex;
  flex-direction: column;
  margin: 0 30px;
  height: calc(100% - 140px);
  overflow: hidden;
}
.hr-matter-role-detail__table .title {
  margin-bottom: 16px;
  font-size: 14px;
  flex-shrink: 0;
}
.hr-matter-role-detail__table .title .text {
  font-weight: 500;
  color: #333333;
  padding: 6px 0;
  border-bottom: 2px solid #FA8919;
}
.hr-matter-role-detail__table .title .num {
  color: #999999;
}
.hr-matter-role-detail__table .table {
  flex: 1;
  height: calc(100% - 94px);
}
.hr-matter-role-detail__table .table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.hr-matter-role-detail__table .table tr {
  border-bottom: 1px solid #f5f5f5;
}
.hr-matter-role-detail__table .table tr th,
.hr-matter-role-detail__table .table tr td {
  padding: 0 16px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hr-matter-role-detail__table .table tr:hover td.can-click {
  color: #fa8919;
  cursor: pointer;
}
.hr-matter-role-detail__table .table tr:hover td.can-click:hover {
  text-decoration: underline;
}
.hr-matter-role-detail__table .table thead tr {
  height: 36px;
}
.hr-matter-role-detail__table .table thead tr th {
  color: #737373;
}
.hr-matter-role-detail__table .table tbody tr {
  height: 44px;
}
.hr-matter-role-detail__table .table-body {
  height: calc(100% - 36px);
  overflow: auto;
}
.hr-matter-role-detail__table .table .sort-head {
  user-select: none;
  cursor: pointer;
}
.hr-matter-role-detail__table .table .sort-head .ibass-faq {
  position: relative;
  top: 2px;
}
.hr-matter-role-detail__table .table .sort-head .sort {
  position: relative;
  top: 1px;
  color: #a9a9a9;
  font-size: 12px;
  margin-left: 3px;
}
.hr-matter-role-detail__table .table .sort-head .sort .active {
  color: #fa8919;
}
.hr-matter-role-detail__table .table .sort-head .sort i {
  position: absolute;
  left: 0;
}
.hr-matter-role-detail__table .table .sort-head .sort i.ibass-trig-down {
  bottom: -8px;
}
.hr-matter-role-detail__table .table .sort-head .sort i.ibass-trig-up {
  top: -8px;
}
.hr-matter-role-detail__table .pagination {
  width: max-content;
  margin: 32px auto;
  flex-shrink: 0;
}
.hr-matter-role-detail__table .has-data {
  height: calc(100% - 32px);
}
.hr-matter-role-detail__table .no-data {
  width: 64px;
  height: 75px;
  margin: 59px auto;
  text-align: center;
  font-size: 14px;
  color: #ddd6d9;
}
.hr-matter-role-detail__table .no-data img {
  width: 100%;
  height: 100%;
}
.overview-max-height-dialog .ngdialog-content {
  height: 80%;
  min-height: 420px;
  overflow: hidden;
}

.overview-select {
  color: #a9a9a9;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}
.overview-select i {
  position: relative;
  top: 2px;
  margin-left: 4px;
}
.overview-select-popover {
  width: 180px;
  margin: 0 !important;
}
.overview-select-popover__list {
  max-height: 250px;
  overflow-y: auto;
}
.overview-select-popover__item {
  display: flex;
  height: 30px;
  padding: 0 16px;
  color: #4A4A4A;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
}
.overview-select-popover__item span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-select-popover__item i {
  flex-shrink: 0;
  color: #FA8919;
}
.overview-select-popover__item:hover {
  background: #F8F8F9;
}

.overview-tree-select__tags {
  max-height: 110px;
  margin: 3px 0 5px;
  overflow-y: auto;
}
.overview-tree-select__tag {
  zoom: 1;
  padding: 0 6px 0 10px;
  background-color: #f1f1f1;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 8px;
  display: inline-flex;
  margin-right: 10px;
  max-width: 274px;
  box-sizing: border-box;
}
.overview-tree-select__tag .name {
  max-width: 70px;
  color: #666;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-tree-select__tag i {
  cursor: pointer;
  float: left;
  color: #a9a9a9;
  padding-left: 8px;
  margin-left: 0;
  font-size: 12px;
  font-weight: 600;
}
.overview-tree-select__drop-down {
  line-height: 24px;
}
.overview-tree-select__drop-down .add {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 72px;
  height: 24px;
  color: #333;
  border-radius: 2px;
  border: 1px dashed #d5d5d5;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.overview-tree-select__drop-down .add i {
  color: #a9a9a9;
  font-size: 12px;
  margin-right: 4px;
}
.overview-tree-select__drop-down .all {
  color: #a9a9a9;
  font-size: 14px;
  cursor: pointer;
}
.overview-tree-select__drop-down .all i {
  position: relative;
  top: 2px;
  margin-left: 4px;
}
.overview-tree-select-popover {
  margin: 0 !important;
}
.overview-tree-select-popover__list {
  margin: 15px 0px 10px 0px !important;
  padding: 0px !important;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 250px;
}
.overview-tree-select-popover__item .header {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
}
.overview-tree-select-popover__item .header .icon {
  margin-right: 5px;
  color: #cdc9c5;
}
.overview-tree-select-popover__item .header .icon:hover {
  color: #fa8919;
}
.overview-tree-select-popover__item .header .title {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview-tree-select-popover__item .header .check-box {
  color: #cdc9c5;
}
.overview-tree-select-popover__item .header:hover .ibass-dot,
.overview-tree-select-popover__item .header .ibass-checked {
  color: #fa8919;
}
.overview-tree-select-popover__item .children {
  margin: 0 !important;
}



.assets-intell-inventory {
  padding-top: 24px;
  padding-bottom: 50px;
}
.assets-intell-inventory-wrap .wrap__count {
  box-sizing: border-box;
  justify-content: space-around;
  display: flex;
  align-items: center;
  height: 102px;
  background: #F7F8F9;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 16px;
}
.assets-intell-inventory-wrap .wrap__count .count-item {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 223px;
  height: 86px;
  padding: 8px 14px;
}
.assets-intell-inventory-wrap .wrap__count .count-item:hover {
  background: #FBFCFC;
  border-radius: 4px;
}
.assets-intell-inventory-wrap .wrap__count .count-item__label {
  display: flex;
  align-items: center;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 17px;
}
.assets-intell-inventory-wrap .wrap__count .count-item__label .iconicon_yichangbaojing {
  color: #F74852;
  font-size: 14px;
  padding-left: 2px;
  position: relative;
  top: 1px;
}
.assets-intell-inventory-wrap .wrap__count .count-item__value {
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 33px;
}
.assets-intell-inventory-wrap .wrap__count .count-item__value.warning {
  color: #F74852;
}
.assets-intell-inventory-wrap .wrap__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.assets-intell-inventory-wrap .wrap__container .item {
  cursor: pointer;
  margin-bottom: 13px;
}
.assets-intell-inventory-wrap .wrap__container .item.item-4 {
  width: 223px;
}
.assets-intell-inventory-wrap .wrap__container .item.item-4 .item__content-desc {
  width: 89px;
  max-width: 89px;
}
.assets-intell-inventory-wrap .wrap__container .item.item-3 {
  width: 302px;
}
.assets-intell-inventory-wrap .wrap__container .item.item-3 .item__content-desc {
  max-width: 168px;
}
.assets-intell-inventory-wrap .wrap__container .item.item-2 {
  width: 461px;
}
.assets-intell-inventory-wrap .wrap__container .item.item-2 .item__content-desc {
  max-width: 327px;
}

.local-inventory-drawer .i-drawer__body {
  height: calc(100% - 48px);
  overflow: auto;
}
.local-inventory-drawer .i-tabs-pane {
  margin-bottom: 14px;
}

.material-list__filter {
  margin-bottom: 24px;
}
.material-list__btns {
  width: 100%;
  text-align: right;
  margin-bottom: 16px;
}
.material-list__btns .more {
  display: inline-block;
  margin-right: 16px;
}
.material-list__btns .i-btn {
  width: 102px;
  line-height: 30px;
}
.material-list__btns .i-btn i {
  position: relative;
  top: 1px;
  margin-right: 4px;
}

.skip-to-container {
  font-size: 15px;
  margin-left: 15px;
  color: #fff;
  cursor: pointer;
}
.skip-to-container:hover {
  text-decoration: underline;
}
.delete-cabinet-msg .i-btn--plain {
  color: #FFFFFF;
  background: #FA8919;
  border: none;
}
.delete-cabinet-msg .i-btn--plain:hover {
  color: #fff;
  background: #FA9A2A;
}
.delete-cabinet-msg .i-btn--normal {
  color: #606266;
  background: #fff;
  border: 1px solid #DCDFE6;
}
.delete-cabinet-msg .i-btn--normal:hover {
  color: #FA8919;
  border-color: #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}






.knowledge-document-web-create-tip {
  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.disabled {
  color: #999999;
  cursor: not-allowed;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item.disabled .ibass-done {
  color: #FDD0A3;
}
.share-member-popover .share-member-list .ns-popover-items .ns-popover-item.disabled img {
  opacity: 0.5;
}
.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 {
  color: #c3c3c3;
  padding: 0 18px;
}
.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:hover {
  color: #fff;
}
.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: #c3c3c3;
}
.i-proceses-popup .processes-code-popup-content .ns-popover-processes-items .ns-popover-item.black:hover {
  color: #fff;
  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: 130px;
  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 .template-type {
  margin-bottom: 20px;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .label {
  display: inline-block;
  margin-bottom: 10px;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .img-box {
  width: 216px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .img-box .no-data {
  width: 100%;
  height: 100%;
  background: #F8F8F9;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #B5B7BB;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .img-box .has-data {
  position: relative;
  width: 100%;
  height: 100%;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .img-box .has-data .mask {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .img-box .has-data:hover .mask {
  visibility: visible;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .template-type .img-box .has-data img {
  display: block;
  width: 100%;
  height: 100%;
}
.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 .matter-information-edit .matteredit .edit-group .contract-template-upload {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .contract-template-upload .left {
  display: flex;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .contract-template-upload .left .ibass-faq {
  margin-left: 4px;
  color: #999;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .contract-template-upload .right {
  font-size: 14px;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .contract-template-upload .right a {
  color: #fa8919;
}
.km-project-template-form .matter-information-edit .matteredit .edit-group .new-common-attachments .new-common-attachments-upload {
  margin-left: 0 !important;
  padding-top: 8px !important;
}
.km-project-template-form .matter-information-edit .cannot-create-subtask {
  width: 400px;
  font-size: 12px;
  color: #999;
  margin: 20px auto 0;
}
.km-project-template-form .matter-information-edit .cannot-create-subtask span {
  vertical-align: middle;
}
.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 {
  position: relative;
  border: 1px solid #f0f0f0;
  height: 100px;
  margin-top: 5px;
  border-radius: 5px;
  padding-bottom: 15px;
  width: 100%;
  min-height: 160px;
}
.km-project-template-form .template-desc-content textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
  resize: none;
  outline: none;
  border: none !important;
}
.km-project-template-form .template-desc-content .words-num {
  position: absolute;
  right: 5px;
  bottom: -2px;
  text-align: right;
  font-size: 12px;
}
.km-project-template-form .template-desc-content .words-num .words__cur {
  transition: color 0.15s ease-in;
}
.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 {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 5px 0 5px 0;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}
.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;
}

.tag-label {
  display: inline-flex;
}
.tag-label > div {
  width: 20px;
  height: 18px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.tag-label > div:not(:last-child) {
  margin-right: 4px;
}
.tag-label .new {
  background: #68C23B;
}
.tag-label .hot {
  background: #F6535C;
}
.tag-label .regular {
  background: #44A6FF;
}

.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%;
}

.project-template-type .i-dialog__container {
  padding: 40px 10px 0px 10px;
}
.project-template-type .type-list {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}
.project-template-type .type-list .type-item {
  cursor: pointer;
}
.project-template-type .type-list .type-item .t-name {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
}
.project-template-type .type-list .type-item .t-name::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #909399;
  border-radius: 50%;
  margin-right: 5px;
}
.project-template-type .type-list .type-item .img-box {
  position: relative;
  width: 216px;
  height: 80px;
  margin: 10px 0px 32px 0px;
  border-radius: 4px;
  overflow: hidden;
}
.project-template-type .type-list .type-item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.project-template-type .type-list .type-item .img-box .choosed-box {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fa8919;
  border-radius: 4px;
}

.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 .text.selected {
  color: #4A4A4A;
}
.tpl-create-task-modal .nd-content-search .right-button-group .ibass-arrow-down {
  vertical-align: -2px;
  margin-left: 4px;
}
.tpl-create-task-modal .nd-content-search .right-button-group .back-save {
  margin-left: 20px;
}
.tpl-create-task-modal .nd-content-search .right-button-group.active {
  color: #fa8919;
}
.tpl-create-task-modal .ibass-project {
  position: relative;
  top: 2px;
  margin-right: 15px;
  color: #cdc9c5;
}
.tpl-create-task-modal .ibass-project .text {
  position: relative;
  top: -2px;
}
.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 {
  position: relative;
  top: 2px;
  margin-right: 4px;
  z-index: 999;
}

.tpl-task-detail ul.task-attach-list {
  margin-top: 0;
  padding: 0 0 10px;
  line-height: 30px;
  color: #4a494a;
  margin-left: 48px;
}
.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;
}
.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 .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 .dark {
  color: #a9a9a9;
}
.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 .add-check-input {
  min-width: 300px;
  display: inline-block;
}
.tpl-task-detail .active {
  display: block;
}
.tpl-task-detail .child-task-name {
  padding-left: 20px;
}
.tpl-task-detail .add-child-item {
  margin: 0;
  margin-bottom: 0;
  padding: 0 33px 16px 52px;
  display: block !important;
}
.tpl-task-detail .add-child-item i {
  color: #626266;
}
.tpl-task-detail .add-child-item span {
  margin-left: 4px;
}
.tpl-task-detail .task-description-not-allow-edit:hover {
  background-color: transparent;
}
.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 .line {
  margin-bottom: 28px;
  border-bottom: 1px solid #f0f0f0;
  width: 188px;
  margin-left: 30px;
}
.tpl-task-detail .ibass-delete:hover {
  color: #f72b44!important;
}
.cursor-not-allow {
  cursor: not-allowed;
}
.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 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 .input-btn {
  line-height: 28px;
}
.task-detail-model.tpl-task-detail .task-description .input-btn.cancel-btn {
  right: 85px;
  color: #4a4a4a;
  background: #fff;
  width: 50px;
}
.task-detail-model.tpl-task-detail .task-description .task-check-list {
  text-align: left;
  font-size: 14px;
}
.task-detail-model.tpl-task-detail .task-description .task-check-list .check-item .ibass-checkbox {
  float: left;
}
.task-detail-model.tpl-task-detail .task-description .task-check-list .check-item-text {
  width: auto;
  float: left;
}
.task-detail-model.tpl-task-detail .task-metas {
  text-align: left;
  padding: 0 25px 25px;
  margin-left: 15px;
  color: #a9a9a9;
}
.task-detail-model.tpl-task-detail .task-metas i {
  color: #cdc9c5;
  vertical-align: -2px;
}
.task-detail-model.tpl-task-detail .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;
}
.tpl-task-detail .tpl-task-top .task-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0 15px 16px 60px;
  color: #737373;
  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-top .task-group .name {
  padding-right: 16px;
}
.tpl-task-detail .tpl-task-top .task-group .back {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.tpl-task-detail .tpl-task-top .task-group .back .parent-name {
  padding-left: 4px;
}
.tpl-task-detail .tpl-task-content {
  padding: 24px 40px 30px 20px;
}
.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 .tpl-task-content .title-icon {
  margin-right: 10px;
  font-size: 14px;
  color: #626266;
}
.task-popup--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 30px 8px 24px;
}
.task-popup--title .title-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
}
.task-popup--title .title-wrapper .ibass-task-check {
  float: none;
  margin-right: 12px;
  font-size: 23px;
  color: #A4A7B0;
}
.task-popup--title .title-wrapper .default-name,
.task-popup--title .title-wrapper .task-name-editable {
  display: block;
  width: 100%;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
}
.task-popup--title .title-wrapper .default-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.task-popup--title .title-wrapper .task-name-editable {
  width: 100%;
}
.task-popup--title .title-wrapper span {
  padding-left: 0;
}
.task-popup--title .title-wrapper .focus {
  border-bottom: 1px solid #f0f0f0;
}
.task-popup--title .right-button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.task-popup--title .right-button-group i {
  margin-left: 16px;
  padding-left: 16px;
  font-size: 18px;
  color: #cdc9c5;
  border-left: 1px solid #ebebeb;
}
.task-popup--title .right-button-group i:first-of-type {
  border-left: none;
}
.content-item {
  margin-bottom: 26px;
  padding-left: 20px;
  width: 100%;
}
.content-item .task-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 16px;
}
.content-item .task-wrapper .count-wrapper,
.content-item .task-wrapper .add-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  cursor: pointer;
}
.content-item .task-wrapper .count-wrapper .item-wrapper,
.content-item .task-wrapper .add-wrapper .item-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.content-item .task-wrapper .count-wrapper .item-wrapper:hover,
.content-item .task-wrapper .add-wrapper .item-wrapper:hover {
  color: #fa8919;
}
.content-item .task-wrapper .count-wrapper .item-wrapper:hover span,
.content-item .task-wrapper .add-wrapper .item-wrapper:hover span,
.content-item .task-wrapper .count-wrapper .item-wrapper:hover i,
.content-item .task-wrapper .add-wrapper .item-wrapper:hover i,
.content-item .task-wrapper .count-wrapper .item-wrapper:hover p,
.content-item .task-wrapper .add-wrapper .item-wrapper:hover p,
.content-item .task-wrapper .count-wrapper .item-wrapper:hover .count,
.content-item .task-wrapper .add-wrapper .item-wrapper:hover .count {
  color: #fa8919;
}
.content-item .task-wrapper .count-wrapper .item-wrapper.no-hover:hover,
.content-item .task-wrapper .add-wrapper .item-wrapper.no-hover:hover {
  color: #333;
}
.content-item .task-wrapper .count-wrapper .item-wrapper.no-hover:hover span,
.content-item .task-wrapper .add-wrapper .item-wrapper.no-hover:hover span,
.content-item .task-wrapper .count-wrapper .item-wrapper.no-hover:hover i,
.content-item .task-wrapper .add-wrapper .item-wrapper.no-hover:hover i,
.content-item .task-wrapper .count-wrapper .item-wrapper.no-hover:hover p,
.content-item .task-wrapper .add-wrapper .item-wrapper.no-hover:hover p,
.content-item .task-wrapper .count-wrapper .item-wrapper.no-hover:hover .count,
.content-item .task-wrapper .add-wrapper .item-wrapper.no-hover:hover .count {
  color: #333 !important;
}
.content-item .task-wrapper .count-wrapper .i,
.content-item .task-wrapper .add-wrapper .i,
.content-item .task-wrapper .count-wrapper span,
.content-item .task-wrapper .add-wrapper span,
.content-item .task-wrapper .count-wrapper p,
.content-item .task-wrapper .add-wrapper p,
.content-item .task-wrapper .count-wrapper .count,
.content-item .task-wrapper .add-wrapper .count {
  font-size: 14px;
  color: #85868A;
}
.content-item .task-wrapper .count-wrapper .count,
.content-item .task-wrapper .add-wrapper .count {
  margin-left: -1px;
}
.content-item .task-wrapper .count-wrapper p.has-content,
.content-item .task-wrapper .add-wrapper p.has-content,
.content-item .task-wrapper .count-wrapper i.has-content,
.content-item .task-wrapper .add-wrapper i.has-content,
.content-item .task-wrapper .count-wrapper span.has-content,
.content-item .task-wrapper .add-wrapper span.has-content,
.content-item .task-wrapper .count-wrapper .count.has-content,
.content-item .task-wrapper .add-wrapper .count.has-content {
  color: #333;
}
.content-item .task-wrapper .count-wrapper .num,
.content-item .task-wrapper .add-wrapper .num {
  padding-left: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A4A7B0;
  line-height: 20px;
}
.content-item .task-wrapper .count-wrapper .fold-icon,
.content-item .task-wrapper .add-wrapper .fold-icon {
  transition: transform .2s ease;
}
.content-item .task-wrapper .count-wrapper .unfold,
.content-item .task-wrapper .add-wrapper .unfold {
  transform: rotate(90deg);
  transform-origin: center;
}
.content-item .task-wrapper .count-wrapper .add-file,
.content-item .task-wrapper .add-wrapper .add-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
}
.content-item .task-wrapper .count-wrapper .add-file .ns-popover-item,
.content-item .task-wrapper .add-wrapper .add-file .ns-popover-item {
  color: #fff !important;
}
.content-item .task-wrapper .count-wrapper .add-file .ns-popover-item span,
.content-item .task-wrapper .add-wrapper .add-file .ns-popover-item span {
  font-size: 12px !important;
  color: #fff !important;
}
.content-item .task-wrapper .count-wrapper .add-file .ns-popover-item:hover,
.content-item .task-wrapper .add-wrapper .add-file .ns-popover-item:hover {
  color: #fff;
}
.content-item .task-wrapper .check-count-wrapper {
  padding: 15px 0;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.content-item .task-wrapper .check-count-wrapper .dark {
  margin-left: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 20px;
}
.content-item .task-wrapper .check-count-wrapper:hover {
  color: #333;
}
.content-item .task-wrapper .check-count-wrapper:hover span,
.content-item .task-wrapper .check-count-wrapper:hover i,
.content-item .task-wrapper .check-count-wrapper:hover p,
.content-item .task-wrapper .check-count-wrapper:hover .count {
  color: #333 !important;
}
.content-item .task-wrapper .none-content:hover {
  color: #fa8919;
}
.content-item .task-wrapper .none-content:hover span,
.content-item .task-wrapper .none-content:hover i,
.content-item .task-wrapper .none-content:hover p,
.content-item .task-wrapper .none-content:hover .count {
  color: #fa8919 !important;
}
.content-item .task-wrapper .add-input {
  padding-left: 24px;
  width: 100%;
}
.content-item .task-wrapper .add-input input {
  width: 100%;
  padding: 12px 112px 12px 16px;
  border: 1px solid #ffb387;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  margin-top: 20px;
}
.content-item .task-wrapper .add-icon {
  margin-right: 6px;
  font-size: 14px;
  color: #626266;
}
.content-item .task-wrapper .add-icon:hover {
  color: #fa8919;
}
.content-item .task-list-section {
  padding: 12px 0 0;
  width: 100%;
}
.content-item .task-list-section .task-list--item {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
  border-top: 1px solid #EBEBEB;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.content-item .task-list-section .task-list--item .title-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #666;
}
.content-item .task-list-section .task-list--item .title-section .check-icon {
  margin-right: 8px;
  color: #999;
}
.content-item .task-list-section .task-list--item .title-section .mar8 {
  margin-right: 8px;
}
.content-item .task-list-section .task-list--item .title-section .title {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.content-item .task-list-section .task-list--item .title-section .file-name,
.content-item .task-list-section .task-list--item .title-section .task-size {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.content-item .task-list-section .task-list--item .title-section .file-name {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content-item .task-list-section .task-list--item .title-section .task-size {
  margin-left: 8px;
  color: #ACAEB1 !important;
}
.content-item .task-list-section .task-list--item .desc-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .task-list-section .task-list--item .desc-section .item-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 16px;
}
.content-item .task-list-section .task-list--item .desc-section .item-wrapper i,
.content-item .task-list-section .task-list--item .desc-section .item-wrapper span {
  margin: 0 4px;
  color: #cdc9c5;
  font-size: 16px;
}
.content-item .task-list-section .task-list--item .desc-section .item-wrapper .al-delete-confirm {
  font-size: 12px;
  color: #fff;
}
.content-item .task-list-section .task-list--item .desc-section .hide-wrapper {
  visibility: hidden;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper {
  display: none;
  font-size: 16px;
  color: #cdc9c5;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper:hover {
  color: #fa8919;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper span {
  margin-left: 4px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper span:hover {
  color: #fa8919;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper .al-delete-confirm {
  font-size: 12px;
  color: #fff;
  line-height: 22px;
}
.content-item .task-list-section .task-list--item .edit-btn-wrapper .al-delete-confirm:hover {
  color: #fff;
}
.content-item .task-list-section .task-list--item .item-detail--section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 26px;
}
.content-item .task-list-section .task-list--item .edit-textarea {
  position: relative;
  padding: 12px 24px 42px;
  width: 100%;
  min-height: 100px;
  border: 1px solid transparent;
}
.content-item .task-list-section .task-list--item .edit-textarea pre {
  padding: 12px 24px;
}
.content-item .task-list-section .task-list--item .edit-textarea textarea {
  padding: 12px 24px;
  width: 100%;
  height: 80%;
  line-height: 26px;
  color: #4a4a4a;
  border-radius: 3px;
  border: none;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns {
  position: absolute;
  right: 16px;
  bottom: 8px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns .input-btn {
  margin-left: 8px;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns .normal-btn {
  padding: 0 14px;
  width: 70px;
  line-height: 28px;
}
.content-item .task-list-section .task-list--item .edit-textarea .btns .submit-btn {
  width: 70px;
  color: #fff;
  border-color: #fa8919;
  background-color: #fa8919;
}
.content-item .task-list-section .task-list--item .active {
  border: 1px solid #ffb387;
  border-radius: 3px;
}
.content-item .task-list-section .task-list--item:hover {
  border-radius: 1px;
  background-color: #f9fafa;
  cursor: pointer;
}
.content-item .task-list-section .task-list--item:hover .edit-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .task-list-section .task-list--item:hover .hide-wrapper {
  visibility: visible;
}
.content-item .task-list-section .task-list--item:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.content-item .task-list-section .task-list--item__nohover {
  padding-left: 0 !important;
}
.content-item .task-list-section .task-list--item__nohover:hover {
  background-color: #fff !important;
}
.content-item .task-list-section .upload-file-progress {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px 12px 24px;
}
.content-item .task-list-section .upload-file-progress .icon {
  margin-right: 4px;
}
.content-item .task-list-section .upload-file-progress .progress {
  position: static;
  margin-left: 8px;
  height: auto;
  width: 175px;
  background-color: #f0f0f0;
}
.content-item .task-list-section .upload-file-progress .progress .bar {
  position: static;
}
.content-item .task-list-section .upload-file-progress .close {
  font-size: 12px;
}
.content-item .task-check-section .check-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  border-top: 1px solid #EBEBEB;
}
.content-item .task-check-section .check-list-item .title-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #666;
}
.content-item .task-check-section .check-list-item .title-section .check-box {
  margin-right: 14px;
}
.content-item .task-check-section .check-list-item .title-section .editable {
  position: relative;
  width: 100%;
  min-height: 22px;
  word-break: break-all;
}
.content-item .task-check-section .check-list-item .title-section .editable textarea {
  margin-left: 14px;
  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;
}
.content-item .task-check-section .check-list-item .title-section .key {
  color: #737373;
  cursor: pointer;
}
.content-item .task-check-section .check-list-item .title-section .key .name {
  padding-left: 8px;
}
.content-item .task-check-section .check-list-item .title-section .key:hover {
  color: #fa8919;
}
.content-item .task-check-section .check-list-item .full {
  width: 100%;
}
.content-item .task-check-section .check-list-item .desc-section {
  display: none;
}
.content-item .task-check-section .check-list-item .desc-section .item-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 16px;
}
.content-item .task-check-section .check-list-item .desc-section .item-wrapper i,
.content-item .task-check-section .check-list-item .desc-section .item-wrapper span {
  margin: 0 4px;
  color: #cdc9c5;
  font-size: 16px;
}
.content-item .task-check-section .check-list-item .desc-section .item-wrapper .al-delete-confirm {
  font-size: 12px;
  color: #fff;
}
.content-item .task-check-section .check-list-item:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.content-item .task-check-section .check-list-item:hover .desc-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-item .view-detail {
  margin-top: 15px;
  padding: 12px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 26px;
}
.content-item .border-tb {
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.check-bg {
  background-color: #F9FAFA;
}
.content-item:last-of-type {
  margin-bottom: 0;
}

#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-testCode-captcha {
  width: unset;
  margin-left: unset;
  transform: translateX(-50%);
  height: unset;
}
.login-testCode-captcha fieldset {
  width: 350px;
}
.login-testCode-captcha .input {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #ddd;
}
.login-testCode-captcha .input input {
  color: #333;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  text-align: left;
  padding: 0 10px;
  font-size: 16px;
}
.login-testCode-captcha .input input::placeholder {
  color: #999;
}
.login-testCode-captcha .input .code-btn {
  color: #fa8919;
  margin-left: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 14px;
}
.login-testCode-captcha .input .code-btn:hover {
  color: #ED6C00;
}
.login-testCode-captcha .input .code-btn:disabled {
  cursor: not-allowed;
  color: #A9A9A9;
}
.login-testCode-captcha .login-btn {
  width: 100%;
  border-radius: 4px;
  margin-top: 20px;
}
.login-testCode-captcha .tips {
  margin-top: 24px;
  font-size: 12px;
  color: #333;
}
.login-testCode-captcha .tips a {
  color: #fa8919;
}

.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;
}

.batch-matter-name .matter-name .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;
}
.batch-matter-name .matter-name .label-active-with-value {
  top: 10px !important;
  left: 0;
  font-size: 12px !important;
  color: #a9a9a9;
}

.batch-pre-matter-list {
  display: flex;
}
.batch-pre-matter-list .ibatch-list-left,
.batch-pre-matter-list .ibatch-list-right {
  width: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-shadow: 10px 0px 5px 0px rgba(100, 100, 100, 0.1);
  background: rgba(200, 200, 200, 0.01);
  position: relative;
  z-index: 1;
}
.batch-pre-matter-list .ibatch-list-left .item-header,
.batch-pre-matter-list .ibatch-list-right .item-header,
.batch-pre-matter-list .ibatch-list-left .item-number,
.batch-pre-matter-list .ibatch-list-right .item-number {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}
.batch-pre-matter-list .ibatch-list-left .item-header,
.batch-pre-matter-list .ibatch-list-right .item-header {
  border-bottom: 1px solid #ccc;
}
.batch-pre-matter-list .ibatch-list-left .item-number,
.batch-pre-matter-list .ibatch-list-right .item-number {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ccc;
}
.batch-pre-matter-list .ibatch-list-right {
  width: 80px;
  box-shadow: -10px 0px 5px 0px rgba(100, 100, 100, 0.1);
}
.batch-pre-matter-list .ibatch-list-right .item-number {
  display: flex;
  justify-content: space-between;
  width: 50px;
  padding: 0 15px;
  color: #fdba78;
}
.batch-pre-matter-list .ibatch-list-right .item-number i {
  cursor: pointer;
  font-size: 16px;
}
.batch-pre-matter-list .ibatch-list-mid {
  width: 720px;
  overflow-x: auto;
  white-space: nowrap;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list {
  display: flex;
  justify-content: space-between;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number {
  width: 100px;
  flex-shrink: 0;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header:first-child,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number:first-child {
  padding-left: 10px;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header.item-long-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number.item-long-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header.item-long-number,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number.item-long-number {
  width: 190px;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header.item-mid-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number.item-mid-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header.item-mid-number,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number.item-mid-number {
  width: 145px;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header.item-short-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number.item-short-header,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-header.item-short-number,
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number.item-short-number {
  width: 125px;
}
.batch-pre-matter-list .ibatch-list-mid .item-header-list .item-number {
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ccc;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list {
  display: flex;
  justify-content: space-between;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list input {
  border: none;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .table-content {
  width: 100px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .table-content.item-long-content {
  width: 190px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .table-content.item-mid-content {
  width: 145px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .table-content.item-short-content {
  width: 125px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number {
  width: 100px;
  flex-shrink: 0;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header:first-child,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number:first-child {
  padding-left: 10px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.has-border,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.has-border {
  width: 90px;
  border-radius: 3px;
  background-color: #fefeff;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  color: #4a4a4a;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.item-long-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.item-long-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.item-long-number,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.item-long-number {
  width: 180px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.item-mid-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.item-mid-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.item-mid-number,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.item-mid-number {
  width: 135px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.item-short-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.item-short-header,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-header.item-short-number,
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number.item-short-number {
  width: 115px;
}
.batch-pre-matter-list .ibatch-list-mid .item-mid-list .item-number {
  height: 50px;
  line-height: 50px;
}
.batch-pre-matter-list .required {
  text-align: right;
  color: #f72b44;
  font-style: normal;
}
.batch-pre-matter-list input::-webkit-input-placeholder {
  color: #aaaaaa;
}

.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-no .i-form-item-light {
  margin-top: 3px;
}
.matter-create-optimize-matter-base-info .matter-no .i-form-item-light .i-select .ibass-wrap {
  right: 0;
}
.matter-create-optimize-matter-base-info .matter-no .i-form-item-light .i-select .ibass-wrap .ibass-arrow-down::before {
  content: "\EA13";
  color: #cdc9c5;
  font-size: 14px;
}
.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-create-optimize-matter-base-info .matter-name .form-input::placeholder {
  color: #aaa !important;
}
.matter-create-optimize-matter-base-info .warning-projectNameConflict {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
  cursor: pointer;
  margin-right: 4px;
}
.matter-code-popover .i-select-popover {
  width: 400px;
  max-width: unset !important;
}

.matter-conflict-word {
  /* 定义旋转动画 */
  /* 应用旋转动画的样式类 */
}
.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__warning {
  margin-top: 12px;
  font-size: 14px;
  display: flex;
}
.matter-conflict-word .conflict__warning .conflict__searching {
  display: flex;
  height: 20px;
}
.matter-conflict-word .conflict__warning .conflict__searching span {
  padding: 0;
}
.matter-conflict-word .conflict__warning-danger {
  color: red;
}
.matter-conflict-word .conflict__warning-view {
  color: #ed6c00;
  cursor: pointer;
}
.matter-conflict-word .conflict__warning-view:hover {
  color: #fa8919;
}
.matter-conflict-word .conflict__warning-success {
  color: #68C23B;
}
.matter-conflict-word .conflict__warning-noContent {
  margin-bottom: 30px;
}
.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;
}
@keyframes continuous-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.matter-conflict-word .rotate-continuously {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  color: #ed6c00;
  font-size: 16px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matter-conflict-word .loading {
  color: #ed6c00;
}

.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 .warning-noConflict {
  color: #1ac031;
  font-size: 12px;
  margin-right: 4px;
}
.matter-create-optimize-matter-base-info .input-remind .warning-loading {
  margin-right: 4px;
  display: inline-block;
}
.matter-create-optimize-matter-base-info .input-remind .warning-loading i {
  margin: 0;
}
.matter-create-optimize-matter-base-info .input-remind .rotate-continuously {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  color: #ed6c00;
  font-size: 15px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matter-create-optimize-matter-base-info .input-remind .warning-message {
  color: #f72b44;
  cursor: default;
  font-size: 12px;
  cursor: pointer;
}
.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 i:nth-child(2) {
  margin-left: 0px;
}
.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.disabled {
  cursor: not-allowed;
}
.matter-create-optimize-matter-base-info .input-operator i {
  position: relative;
  top: 3px;
}
.matter-create-optimize-matter-base-info .input-operator:not(.disabled) .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:not(.disabled) .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: 150px;
}
.batch-upload-parties .ns-popover-tooltip {
  transform: translateX(50px);
  border: solid 1px #3d3d3d !important;
}

.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-custom-form-info__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.matter-custom-form-info__field {
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.matter-custom-form-info__field--half {
  width: 49%;
  box-sizing: border-box;
}
.matter-custom-form-info .project-form-department__container .ns-popover-tooltip-theme,
.matter-custom-form-info .project-form-department__container .financial__department-selector {
  width: 100%;
  max-width: 100%;
}

.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;
  min-width: 0;
}
.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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 {
  position: relative;
  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-more-tit .point {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #F56C6C;
  border-radius: 50%;
  top: 2px;
  right: -6px;
}

.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 {
  position: relative;
  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 .ibass-wrapper {
  position: absolute;
  right: -42px;
  display: flex;
  transform: translateY(1px);
}
.matter-process-input .ibass-add-fill,
.matter-process-input .ibass-minus-fill {
  cursor: pointer;
  color: #cdc8c5;
  position: relative;
  top: 2px;
}
.matter-process-input .ibass-add-fill {
  margin-right: 5px;
}
.matter-process-input-customer {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.matter-process-input-customer.date {
  width: calc(100% - 38px);
}
.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;
  background: transparent;
}
.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 .ibass-add-fill {
  margin-right: 5px;
}
.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-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 .required {
  text-align: right;
  color: #f72b44;
  font-style: normal;
}
.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 .middle-left,
.matter-supplement-attachment .middle-right {
  width: 270px;
  float: right;
  margin-top: 10px;
}
.matter-supplement-attachment .middle-left > span,
.matter-supplement-attachment .middle-right > span {
  cursor: pointer;
  margin-left: 20px;
  display: inline-block;
}
.matter-supplement-attachment .middle-left > span span,
.matter-supplement-attachment .middle-right > span span {
  vertical-align: text-bottom;
}
.matter-supplement-attachment .middle-left > span.import,
.matter-supplement-attachment .middle-right > span.import {
  vertical-align: text-top;
}
.matter-supplement-attachment .middle-left > span:hover,
.matter-supplement-attachment .middle-right > span:hover {
  color: #fa8919;
}
.matter-supplement-attachment .middle-left {
  float: left;
}
.matter-supplement-attachment .ver-middle {
  vertical-align: top;
}

.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 .nfim-more-operation .certify-tooltip {
  text-align: center;
  top: 20px !important;
  left: -110px !important;
}
.actions-widget-wrap .nfim-operation-wrap-right .nfim-more-operation .certify-tooltip .ns-popover-tooltip-option {
  font-size: 12px;
  width: 260px;
  padding: 8px 6px !important;
}
.actions-widget-wrap .nfim-operation-wrap-right .nfim-more-operation .certify-tooltip .btn {
  color: #fa8919;
  cursor: pointer;
}
.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 */
}
.zindex10000 {
  z-index: 10000 !important;
}
.zindex100000 {
  z-index: 100000;
}
.zindex100000I {
  z-index: 100000 !important;
}
.zindex100001I {
  z-index: 100001 !important;
}

.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 > header .actionBtn {
  height: 28px;
  line-height: 26px;
  float: right;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
}
.approve-widget-wrap > header .actionBtn i {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  height: 26px;
}
.approve-widget-wrap > header .actionBtn:hover {
  cursor: pointer;
  color: #fa8919;
}
.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;
}
.attachment-widget-wrap .attachment-widget-content {
  margin-top: 10px;
}
.attachment-widget-wrap .file-wrap .title {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  margin-top: 16px;
}
.attachment-widget-wrap .file-wrap .empty-attachment {
  margin-top: 0px;
  padding: 4px 0px 16px;
  color: #4A4A4A;
  font-size: 14px;
}
.attachment-widget-wrap .contract-file-wrap,
.attachment-widget-wrap .sign-file-wrap {
  border-bottom: 1px solid #F0F0F0;
}

.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;
  justify-content: space-between;
}
.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 .signatory-item {
  height: 36px;
  padding-top: 12px;
}
.document-show-wrap .document-overview .document-common.full-width {
  width: 66%;
}
.document-show-wrap .document-overview .document-common.half-width {
  width: 45%;
}
.document-show-wrap .document-overview .signatory .signatory-item:first-of-type {
  height: 24px;
  padding-top: 0px;
}

.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;
}

.allocation-rule {
  padding: 0 48px;
}
.allocation-rule__wrap {
  font-size: 12px;
}
.allocation-rule__header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  height: 0px;
  padding-top: 52px;
  margin-bottom: 35px ;
}
.allocation-rule__header .title {
  color: #4a4a4a;
  font-weight: 500;
  height: 40px;
  padding: 8px 20px;
  font-size: 16px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
.allocation-rule__content .rule-content__operate {
  margin-bottom: 24px;
}
.allocation-rule__content .rule-content__operate .tip {
  float: right;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 30px;
  width: fit-content;
}
.allocation-rule__content .rule-content__operate .tip .ibass {
  font-size: 14px;
  margin-right: 4px;
  vertical-align: middle;
  color: #CFC9C3;
  margin-right: 8px;
}
.allocation-rule__content .rule-content__operate .operate-wrap .add-member-btn {
  position: relative;
  width: 116px;
  height: 32px;
  line-height: 32px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #EAE8E6;
  text-align: center;
}
.allocation-rule__content .rule-content__operate .operate-wrap .add-member-btn .ibass-add {
  margin-right: 8px;
  color: #A4A7B0;
  vertical-align: middle;
}
.allocation-rule__content .rule-content__table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
}
.allocation-rule__content .rule-content__table thead tr {
  height: 56px;
  background: #FAFBFC;
  border-radius: 8px 8px 0px 0px;
  color: #737373;
  font-size: 14px;
}
.allocation-rule__content .rule-content__table thead tr th:first-child {
  padding-left: 16px;
}
.allocation-rule__content .rule-content__table thead tr th {
  font-weight: 500;
}
.allocation-rule__content .rule-content__table thead tr .allocation-type {
  display: inline-block;
  width: 154px;
  height: 32px;
  padding: 6px 8px;
  line-height: 18px;
  background: #FEFEFF;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 400;
}
.allocation-rule__content .rule-content__table tbody tr {
  height: 64px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 14px;
  color: #4A4A4A;
}
.allocation-rule__content .rule-content__table tbody tr:hover {
  background: #F9FAFA;
}
.allocation-rule__content .rule-content__table tbody tr td .role {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
}
.allocation-rule__content .rule-content__table tbody tr td input {
  width: 80px;
  height: 32px;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  padding: 6px 8px;
  color: #4A4A4A;
}
.allocation-rule__content .rule-content__table tbody tr td input:focus {
  border-color: #FA8919;
}
.allocation-rule__content .rule-content__table tbody tr td .amount-input,
.allocation-rule__content .rule-content__table tbody tr td .amount {
  text-align: right;
}
.allocation-rule__content .rule-content__table tbody tr td .ratio,
.allocation-rule__content .rule-content__table tbody tr td .amount {
  color: #ACACAC;
  width: 80px;
}
.allocation-rule__content .rule-content__table tbody tr td .type {
  width: 100%;
}
.allocation-rule__content .rule-content__table tbody tr td:first-child {
  padding-left: 16px;
}
.allocation-rule__content .rule-content__table tbody tr:hover .operate {
  color: #fa8919;
  padding-left: 8px;
}
.allocation-rule__content .rule-content__table tbody tr .operate {
  color: #fff;
}
.allocation-rule__content .rule-content__table tbody tr .check-item {
  width: 100%;
}
.allocation-rule__content .rule-content__table tbody tr .check-item .icon {
  margin-right: 8px;
  vertical-align: top;
}
.allocation-rule__content .rule-content__table tbody tr .check-item .title {
  margin-right: 16px;
}
.allocation-rule__content .rule-content__table tbody tr .check-item .ibass-rdefault-selected {
  color: #fa8919;
}
.allocation-rule__content .rule-content__table tbody tr .check-item .ibass-task-check {
  color: #D2D3D6;
}
.allocation-rule__content .rule-content__table tbody tr .check-item:last-child .title {
  margin-right: 0px;
}
.allocation-rule__footer {
  margin: 40px auto;
  text-align: center;
}
.allocation-rule__footer .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.allocation-rule__footer .i-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.allocation-rule-add-member {
  top: 30px!important;
  left: -80px !important;
}
.allocation-rule-add-member .ns-popover-items .empty {
  color: #ACACAC;
  text-align: center;
}
.allocation-select-type {
  top: 30px!important;
  left: 0px!important;
}
.allocation-select-type .ns-popover-tooltip {
  width: 150px;
  color: #4A4A4A;
  font-weight: 400;
}

.income-allocation__wrap {
  font-size: 12px;
  padding: 0 31px;
}
.income-allocation__header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  height: 76px;
}
.income-allocation__header .title {
  height: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 76px;
}
.income-allocation__content-desc {
  margin: 23px 0 24px;
  background: #F7F8F9;
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  padding-bottom: 8px;
}
.income-allocation__content-desc .desc-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #F7F8F9;
  padding: 16px 16px 0px;
  border-radius: 10px;
}
.income-allocation__content-desc .desc-info .info-item {
  width: 208px;
  height: 56px;
  margin-right: 16px;
}
.income-allocation__content-desc .desc-info .info-item:nth-child(5n) {
  margin-right: 0px;
}
.income-allocation__content-desc .desc-info .info-item .lable {
  font-size: 12px;
  font-weight: 400;
  color: #A9A9A9;
  line-height: 16px;
  margin-bottom: 4px;
}
.income-allocation__content-desc .desc-info .info-item .lable .required {
  color: #F6535C;
}
.income-allocation__content-desc .desc-info .info-item .input-lable {
  margin-bottom: 8px;
}
.income-allocation__content-desc .desc-info .info-item .text {
  font-size: 14px;
  max-width: 208px;
  width: fit-content;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.income-allocation__content-desc .desc-info .info-item .input {
  font-size: 14px;
  max-width: 208px;
  width: fit-content;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 20px;
  position: relative;
  margin-bottom: 8px;
}
.income-allocation__content-desc .desc-info .info-item .input .total-money {
  width: 206px;
  height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #cdc9c5;
}
.income-allocation__content-desc .desc-info .info-item .input .total-money:focus {
  outline: 0;
  border-color: #fa8919;
}
.income-allocation__content-desc .desc-info .info-item .input .error {
  display: inline-block;
  font-size: 12px;
  color: #F6535C;
  position: absolute;
  top: 8px;
  left: 210px;
  width: 140px;
}
.income-allocation__content-desc .desc-info .info-item .amount {
  font-size: 600;
}
.income-allocation__content-desc .desc-info .info-item-input {
  height: 64px;
}
.income-allocation__content-desc .desc-info__amount {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px 8px 0px;
  margin-left: 8px;
  margin-right: 8px;
}
.income-allocation__content-operate {
  height: 30px;
}
.income-allocation__content-operate .add-member-btn {
  display: inline-block;
  float: right;
  position: relative;
  text-align: right;
  width: 150px;
}
.income-allocation__content-operate .add-member-btn .btn {
  margin-left: 6px;
  color: #FA8919;
}
.income-allocation__content-operate .add-member-btn .btn:hover {
  color: #FA8919;
}
.income-allocation__content-operate .allocation-add-member {
  width: 300px;
  height: 288px;
  left: -40px !important;
}
.income-allocation__content-operate .allocation-add-member .ns-popover-tooltip {
  max-width: 100% ;
  width: 100%;
  transform: translateX(-121px);
}
.income-allocation__content-operate .allocation-add-member .ns-popover-tooltip .ns-popover-search {
  width: 268px;
  height: 32px;
  background: #FEFEFF;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  border: 1px solid #D4D4D4;
  color: #A9A9A9;
}
.income-allocation__content-operate .allocation-add-member .ns-popover-item {
  position: relative;
}
.income-allocation__content-operate .allocation-add-member .ns-popover-item .name {
  display: inline-block;
  vertical-align: top;
  width: fit-content;
}
.income-allocation__content-operate .allocation-add-member .ns-popover-item .name .text {
  display: inline-block;
  width: fit-content;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4A4A4A;
  font-size: 14px;
}
.income-allocation__content-operate .allocation-add-member .ns-popover-item .roles {
  margin-left: 8px;
  display: inline-block;
  width: fit-content;
  max-width: 142px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.income-allocation__content-operate .allocation-add-member .ns-popover-item .roles span {
  color: #A9A9A9;
  font-size: 12px;
}
.income-allocation__content-operate .allocation-add-member .empty {
  text-align: center;
  color: #ACACAC;
}
.income-allocation__content-table table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
  table-layout: fixed;
}
.income-allocation__content-table table thead {
  border-radius: 10px 10px 0px 0px;
}
.income-allocation__content-table table thead tr {
  height: 56px;
  background: #FAFBFC;
  border-bottom: 1px solid #EBEBEB ;
  color: #666666;
}
.income-allocation__content-table table thead tr th {
  font-weight: 400;
  font-size: 14px;
  font-weight: 500;
  color: #737373;
}
.income-allocation__content-table table thead tr th:first-child {
  padding-left: 16px;
}
.income-allocation__content-table table thead tr .matter-amount .amount {
  display: inline-block;
  width: 120px;
  text-align: right;
  margin-right: 8px;
}
.income-allocation__content-table table thead tr .matter-amount:hover .tip {
  display: inline-block;
}
.income-allocation__content-table table thead tr .matter-amount .tip {
  display: none;
  color: #FA8919;
}
.income-allocation__content-table table thead tr .required {
  color: #F6535C;
}
.income-allocation__content-table table tbody tr {
  height: 64px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 13px;
}
.income-allocation__content-table table tbody tr td {
  position: relative;
}
.income-allocation__content-table table tbody tr td .role {
  width: fit-content;
}
.income-allocation__content-table table tbody tr td .username {
  max-width: 150px;
  width: fit-content;
}
.income-allocation__content-table table tbody tr td .ratio-input {
  width: 72px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  padding: 6px 8px;
}
.income-allocation__content-table table tbody tr td .ratio-input:focus {
  border-color: #FA8919;
}
.income-allocation__content-table table tbody tr td .amount-input {
  padding: 6px 8px;
  width: 120px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  text-align: right;
}
.income-allocation__content-table table tbody tr td .amount-input:focus {
  border-color: #F6535C;
}
.income-allocation__content-table table tbody tr td .remark-input {
  padding: 6px 8px;
  width: 240px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
}
.income-allocation__content-table table tbody tr td .remark-input:focus {
  border-color: #FA8919;
}
.income-allocation__content-table table tbody tr td .matter-amount {
  text-align: center;
  font-weight: 500;
}
.income-allocation__content-table table tbody tr td .error {
  color: #F6535C;
  font-size: 12px;
  min-width: 120px;
  position: absolute;
  top: 44px;
  left: 0px;
  width: fit-content;
}
.income-allocation__content-table table tbody tr td:first-child {
  padding-left: 16px;
}
.income-allocation__content-table table tbody tr:hover {
  background: #FAFBFC;
}
.income-allocation__content-table table tbody tr:hover .delete .ibass {
  visibility: visible;
}
.income-allocation__content-table table tbody tr .delete {
  position: relative;
}
.income-allocation__content-table table tbody tr .delete .ibass {
  visibility: hidden;
  position: absolute;
  right: 10px;
  top: 20px;
  color: #FA8919;
}
.income-allocation__content-table table tbody tr .check-item .icon {
  margin-right: 4px;
  vertical-align: top;
}
.income-allocation__content-table table tbody tr .check-item .title {
  margin-right: 8px;
}
.income-allocation__content-table table tbody tr .check-item .ibass-done {
  color: #fa8919;
}
.income-allocation__content-table table tbody tr .check-item .ibass-task-check {
  color: #D2D3D6;
}
.income-allocation__content-table table tbody .summary {
  font-weight: 500;
  color: #333333;
}
.income-allocation__content-table table tbody .summary .rate-con {
  position: relative;
}
.income-allocation__content-table table tbody .summary .rate-con .error {
  display: inline-block;
  font-size: 12px;
  color: #F6535C;
  position: absolute;
  top: 24px;
  left: 0px;
  width: 140px;
}
.income-allocation__content-table table tbody .summary .amount {
  text-align: center;
  position: relative;
}
.income-allocation__content-table table tbody .summary .amount .error {
  display: inline-block;
  font-size: 12px;
  color: #F6535C;
  position: absolute;
  top: 44px;
  left: 0px;
  width: 140px;
}
.income-allocation__content-remark {
  margin-top: 24px;
}
.income-allocation__content-remark .lable {
  height: 20px;
  color: #333333;
  margin-bottom: 12px;
}
.income-allocation__content-remark .remark-wrap {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 0px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 26px;
  line-height: 20px;
  font-size: 14px;
  color: #4a4a4a;
}
.income-allocation__content-remark .remark-wrap:focus {
  border-color: #FA8919;
}
.income-allocation__content-remark .remark-wrap .remark {
  resize: none;
  height: 100%;
  width: 100%;
  border: none;
}
.income-allocation__content-remark .remark-wrap .remark::placeholder {
  color: #a9a9a9;
}
.income-allocation__content-remark .remark-wrap .remark-count-prompt {
  color: #a9a9a9;
  position: absolute;
  right: 12px;
  bottom: 4px;
  font-size: 12px;
}
.income-allocation__content-remark .remark-wrap .remark-exceeded {
  color: #f72b44;
}
.income-allocation__content-remark .remark-wrap .warin-tip {
  position: absolute;
  left: 12px;
  bottom: 10px ;
  font-size: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #F6535C;
}
.income-allocation__footer {
  margin: 40px 0;
  text-align: center;
}
.income-allocation__footer .i-btns .i-btn + .i-btn {
  margin-left: 16px;
}
.income-allocation__footer .i-btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}

.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 .common-style-wrapper.document-wrapper .nfim-input-common .item-input {
  padding-top: 10px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .nfim-input-common .ibass-trig-down {
  top: 35px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .nfim-input-common .required-icon {
  top: 29px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .label-noactive .new-tip {
  margin-left: 6px;
  display: inline-block;
  height: 16px;
  width: 33px;
  background: url('common/images/new.png') no-repeat center;
  background-size: cover;
  transform: translateY(2px);
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way {
  top: 45px !important;
  left: -10px !important;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .ns-popover-tooltip {
  width: 100%;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list {
  padding: 8px 6px;
  font-size: 14px;
  color: #333333;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list:hover {
  background: #FAFBFC;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .ibass {
  color: #E2E2E3;
  font-size: 14px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .ibass:hover {
  color: #fa8919;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .ibass-done {
  color: #fa8919;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .lable {
  color: #4a4a4a;
  margin-left: 8px;
  font-size: 14px;
  position: relative;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .seal-disabled {
  color: #999999;
  cursor: not-allowed;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .intro-tooltip {
  text-align: center;
  top: 20px !important;
  left: -72px !important;
  width: 200px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .intro-tooltip .ns-popover-tooltip-option {
  font-size: 12px;
  padding: 8px 6px !important;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .seal-way .popover-seal-way .select-box-list .intro-tooltip .btn {
  color: #fa8919;
  cursor: pointer;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory {
  height: fit-content;
  box-shadow: none;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory .label-active-with-value {
  font-weight: normal;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-empty {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-top: 10px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-list {
  box-shadow: inset 0 -1px 0 #f0f0f0;
  width: 100%;
  height: fit-content;
  max-height: 370px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-item {
  height: 20px;
  padding: 12px 0px 2px;
  box-shadow: inset 0 -1px 0 #f0f0f0;
  position: relative;
  box-sizing: content-box;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-item .text {
  display: inline-block;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-item .del-btn {
  font-size: 16px;
  color: #CDC9C5;
  position: absolute;
  right: -30px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-item .ibass-edit {
  font-size: 14px;
  color: #CDC9C5;
  position: absolute;
  right: 0px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-item .ibass-edit:hover {
  color: #fa8919;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate {
  margin-top: 3px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .input-client {
  display: inline-block;
  color: #4A4A4A;
  font-size: 12px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .input-client:hover {
  color: #fa8919;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .input-client:hover .ibass {
  color: #fa8919;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .input-client .ibass {
  color: #999999;
  margin-right: 4px;
  vertical-align: top;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .input-client::after {
  content: ' ';
  display: inline-block;
  width: 2px;
  height: 10px;
  background: #EBEBEB;
  margin-left: 12px;
  margin-right: 10px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .choose-client {
  display: inline-block;
  position: relative;
  width: 120px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .choose-client .label {
  font-size: 12px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .choose-client .ibass-trig-down {
  position: inherit;
  top: 1px;
  left: 0;
  margin-left: 5px;
  vertical-align: text-top;
  font-size: 12px;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .choose-client .client-popover {
  top: 14px !important;
  left: 0px !important;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate .choose-client .client-popover .ns-popover-item .selected {
  color: #cdc9c5;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate-disabled {
  cursor: not-allowed;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate-disabled:hover {
  color: #4A4A4A !important;
}
.financeV2-add-contract .common-style-wrapper.document-wrapper .signatory-operate-disabled:hover .ibass {
  color: #999999 !important;
}
.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;
}
.financeV2-add-contract .file-wrap {
  height: fit-content;
}
.financeV2-add-contract .file-wrap .new-common-attachments-upload {
  margin-left: 8px!important;
}
.financeV2-add-contract .file-wrap .new-common-attachments-upload .label {
  color: #4A4A4A;
}
.financeV2-add-contract .file-wrap .new-common-attachments-upload .left {
  font-size: 12px;
}
.financeV2-add-contract .file-wrap .required {
  color: red;
}
.financeV2-add-contract .file-wrap .title {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.financeV2-add-contract .file-wrap .empty {
  padding: 4px 0px 16px;
  color: #4A4A4A;
  font-size: 14px;
}
.financeV2-add-contract .sign-file-wrap {
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
}
.financeV2-add-contract .contract-file-wrap {
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
}

.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%;
  position: relative;
}
.matter-create-confirm .create-fs-chat {
  position: absolute;
  right: -40px;
  bottom: 56px;
  display: flex;
  cursor: pointer;
}
.matter-create-confirm .create-fs-chat .ibass-checkbox {
  color: #999;
}
.matter-create-confirm .create-fs-chat .ibass-checked {
  color: #ed6c00;
}
.matter-create-confirm .create-fs-chat .create-chat-des {
  margin-left: 10px;
}
.matter-create-confirm .create-dingtalk-chat {
  position: absolute;
  right: -40px;
  bottom: 56px;
  display: flex;
  cursor: pointer;
}
.matter-create-confirm .create-dingtalk-chat .ibass-checkbox {
  color: #999;
}
.matter-create-confirm .create-dingtalk-chat .ibass-checked {
  color: #ed6c00;
}
.matter-create-confirm .create-dingtalk-chat .create-chat-des {
  margin-left: 10px;
}
.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;
}
.matter-member-add-options .deptree-container {
  height: 100%;
  max-height: 300px;
  overflow: auto;
}
.matter-member-add-options .deptree-container .tree-ul {
  margin-top: 0;
}
.matter-member-add-options .deptree-container .nav-tree li.active > i {
  color: #cdc9c5;
}
.matter-member-add-options .null-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 66px;
  color: #efeded;
  min-height: 180px;
}
.matter-member-add-options .null-data span {
  font-size: 14px;
  color: #949494;
}
.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-filing-base-info__tips {
  height: 40px;
  padding: 0 20px;
  margin-bottom: 16px;
  background: #FDF6EB;
  border-radius: 4px;
  line-height: 40px;
}
.matter-filing-base-info__tips .ibass-warning {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 16px;
  color: #FA8919;
}
.matter-filing-base-info__infos {
  padding: 24px 46px;
  margin-bottom: 48px;
  border-radius: 4px;
  background: #F8F8F8;
}
.matter-filing-base-info__infos .info-item {
  position: relative;
  display: flex;
  margin: 20px 0;
}
.matter-filing-base-info__infos .info-item .key {
  display: flex;
  flex-shrink: 0;
  color: #CDC9C5;
}
.matter-filing-base-info__infos .info-item .key i {
  position: relative;
  top: 1px;
}
.matter-filing-base-info__infos .info-item .key .key-name {
  color: #999;
  width: 85px;
  margin: 0 16px 0 6px;
  text-align: right;
  line-height: 23px;
}
.matter-filing-base-info__infos .info-item .value {
  color: #212121;
}
.matter-filing-base-info__infos .info-item .value.date .ibass-marker {
  margin-left: 6px;
  color: #A9A9A9;
  position: relative;
  top: 2px;
}
.matter-filing-base-info__infos .info-item .value.date .edit {
  position: absolute;
  display: flex;
  align-items: center;
  top: -4.5px;
}
.matter-filing-base-info__infos .info-item .value.date .edit .i-btn {
  margin-inline: 8px;
}
.matter-filing-base-info__infos .info-item.is-repeat.value {
  color: red;
}

.filing-check-mask {
  position: absolute;
  inset: 0;
  display: none;
}
.filing-check-mask.active {
  display: block;
}

.matter-filing-folder__toolbar {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
}
.matter-filing-folder__toolbar-nav {
  color: #626266;
  font-size: 14px;
  line-height: 30px;
  margin-right: 15px;
}
.matter-filing-folder__toolbar-nav .path {
  cursor: pointer;
  user-select: none;
  color: #626266;
}
.matter-filing-folder__toolbar-nav .path span:last-of-type {
  color: #4a4a4a;
  font-weight: 500;
}
.matter-filing-folder__toolbar-nav .path .split-line {
  color: #D9D9D9 !important;
  font-size: 12px;
  margin: 0 8px;
}
.matter-filing-folder__toolbar-btns {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.matter-filing-folder__toolbar-btns .show-file {
  margin-right: 20px;
  color: #666;
}
.matter-filing-folder__toolbar-btns .show-file input[type='checkbox'] {
  display: none;
}
.matter-filing-folder__toolbar-btns .show-file label {
  cursor: pointer;
  user-select: none;
}
.matter-filing-folder__toolbar-btns .show-file label i {
  vertical-align: middle;
  color: #ccc;
}
.matter-filing-folder__toolbar-btns .show-file label .ibass-checked {
  color: #FA9A2A;
}
.matter-filing-folder__toolbar-btns .show-file label:hover {
  color: #333;
}
.matter-filing-folder__toolbar-btns .show-file label:hover .ibass-checkbox {
  color: #FA9A2A;
}
.matter-filing-folder__toolbar-btns .add-btn {
  display: flex;
  align-items: center;
  width: 130px;
  padding: 0 16px;
  box-sizing: border-box;
  font-size: 12px;
  white-space: nowrap;
}
.matter-filing-folder__toolbar-btns .add-btn .ibass-add {
  margin-right: 6px;
}
.matter-filing-folder__toolbar-btns .add-btn .line {
  width: 1px;
  height: 12px;
  background: #FFFFFF;
  opacity: 0.4;
  margin: 0 8px;
}
.matter-filing-folder__progress {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0px 24px;
  margin: 12px 0 24px;
  background: #F8F8F8;
  border-radius: 4px;
  line-height: 40px;
}
.matter-filing-folder__progress .text,
.matter-filing-folder__progress .file-name {
  color: #333;
}
.matter-filing-folder__progress .text,
.matter-filing-folder__progress .progress-bar,
.matter-filing-folder__progress .progress-bar-text,
.matter-filing-folder__progress .cancel {
  flex-shrink: 0;
}
.matter-filing-folder__progress .file-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.matter-filing-folder__progress .progress-bar {
  position: relative;
  height: 2px;
  width: 175px;
  background-color: #f0f0f0;
  margin-left: 20px;
}
.matter-filing-folder__progress .progress-bar-inner {
  height: 6px;
  border-radius: 4px;
  background-color: #fa8919;
  position: absolute;
  left: 0;
  top: -2px;
}
.matter-filing-folder__progress .progress-bar-text {
  margin-left: 14px;
  font-size: 12px;
  color: #737373;
}
.matter-filing-folder__progress .cancel {
  margin-left: 20px;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: right;
  color: #cdc9c5;
}
.matter-filing-folder__progress .cancel .ibass-close {
  position: relative;
  top: 2px;
  font-size: 14px;
}
.matter-filing-folder__table-header {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.matter-filing-folder__table-header tr:hover {
  background: #f8f8f9;
}
.matter-filing-folder__table-header th {
  padding: 0 14px;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  color: #737373;
  text-align: left;
  font-weight: inherit;
  line-height: 34px;
  cursor: pointer;
}
.matter-filing-folder__table-header th:last-of-type {
  padding: 0;
}
.matter-filing-folder__table-header .sortable {
  cursor: pointer;
  user-select: none;
}
.matter-filing-folder__table-header .sort {
  color: #CEC9C4;
}
.matter-filing-folder__table-header .sort.sort--active {
  color: #4a4a4a;
}
.matter-filing-folder__table-header .sort i {
  position: relative;
  left: 0;
  top: 2px;
}
.matter-filing-folder__table-body-wrapper {
  height: 400px;
  overflow: auto;
}
.matter-filing-folder__table-body {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.matter-filing-folder__table-body tr:hover {
  background: #f8f8f9;
}
.matter-filing-folder__table-body tr:hover .operator {
  display: flex;
}
.matter-filing-folder__table-body td {
  text-align: left;
  padding: 0 14px;
  line-height: 56px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.matter-filing-folder__table-body td:last-of-type {
  padding: 0;
}
.matter-filing-folder__table-body .ext-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  vertical-align: text-bottom;
}
.matter-filing-folder__table-body .ext-icon .svg-filetype-fsdoc,
.matter-filing-folder__table-body .ext-icon .svg-filetype-fstable {
  position: relative;
  top: 1px;
  left: -1px;
}
.matter-filing-folder__table-body .operator {
  display: none;
}
.matter-filing-folder__table-body .operator .op-btn {
  padding: 6px 8px;
  background: #FFFFFF;
  border-radius: 2px;
  line-height: 1;
  color: #666666;
  cursor: pointer;
  user-select: none;
  margin-right: 10px;
}
.matter-filing-folder__table-body .operator .op-btn:hover {
  color: #fa8919;
}
.matter-filing-folder__table-body .operator .op-btn i {
  vertical-align: middle;
}
.matter-filing-folder__table-body .dndPlaceholder td {
  height: 56px;
  background-color: #ebebeb;
}
.matter-filing-folder__table-body .newFolder span[ng-hide] {
  display: none;
}
.matter-filing-folder__table-body tr.top .newFolder span[ng-show] {
  transform: translateY(-25px);
}
.matter-filing-folder__table-body tr.bottom .newFolder span[ng-show] {
  transform: translateY(50px);
}
.matter-filing-folder__table-body .newFolder span[ng-show] {
  display: inline-block !important;
  position: absolute;
  z-index: 10;
  transition: all 0.3s ease-in;
}
.matter-filing-folder__table-body .newFolder span[ng-show] .validation-invalid {
  height: 30px;
  background: #FFF5F6;
  border-radius: 25px;
  border: 1px solid #FAAFB8;
  padding: 0 16px 0 12px;
  color: #333;
  font-size: 14px;
  line-height: 32px;
}
.matter-filing-folder__table-body .newFolder span[ng-show] .validation-invalid::before {
  content: "\EA85";
  display: inline-block;
  line-height: 1;
  transform: translateY(2px) rotate(45deg);
  transform-origin: center;
  margin-right: 6px;
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  color: #F6535C;
}
.matter-filing-folder__table-body .newFolder span i {
  display: none;
}
.matter-filing-folder__table .select-num {
  margin: 8px 0 16px;
  color: #737373;
  line-height: 1;
  text-align: right;
}
.matter-filing-folder__approval {
  position: relative;
}
.matter-filing-folder__approval-patchInfo .custom-edit-for-others .title {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: none;
}
.matter-filing-folder__approval-flow .approve-flow .approve-flow-header {
  box-sizing: border-box;
  margin-top: 20px;
  padding-bottom: 0;
  border-bottom: none;
}
.matter-filing-folder__approval-flow .approve-flow .approve-flow-header .approve-flow-title {
  border-bottom: 2px solid #fa8919;
  padding-bottom: 5px;
}
.matter-filing-folder .ibass-filetype-folder {
  color: #07cfda;
}
.folder-toolbar-popover.ns-popover-tooltip-option {
  width: 140px;
}
.folder-toolbar-popover.ns-popover-tooltip-option .ns-popover-items .ns-popover-item {
  padding: 0 14px;
}
.folder-toolbar-popover.ns-popover-tooltip-option .ns-popover-items .ns-popover-item i {
  color: #c3c3c3;
  vertical-align: middle;
  margin-right: 4px;
}

.matter-file-dialog .i-dialog__container .ibass-filetype-folder {
  color: #07cfda;
}
.matter-file-dialog__nav {
  color: #626266;
  font-size: 14px;
  margin: 10px 0;
}
.matter-file-dialog__nav .path {
  cursor: pointer;
  user-select: none;
  color: #626266;
}
.matter-file-dialog__nav .path span:last-of-type {
  color: #4a4a4a;
  font-weight: bold;
}
.matter-file-dialog__nav .path .split-line {
  color: #D9D9D9 !important;
  font-size: 12px;
  margin: 0 8px;
}
.matter-file-dialog__table-header {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.matter-file-dialog__table-header tr:hover {
  background: #f8f8f9;
}
.matter-file-dialog__table-header th {
  text-align: left;
  padding: 0 10px;
  box-sizing: border-box;
  font-weight: inherit;
  line-height: 34px;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
}
.matter-file-dialog__table-header .all-check {
  color: #cdc9c5;
  vertical-align: middle;
  font-size: 16px;
}
.matter-file-dialog__table-header .all-check.ibass-checked,
.matter-file-dialog__table-header .all-check:hover {
  color: #fa8919;
}
.matter-file-dialog__table-header .sortable {
  cursor: pointer;
  user-select: none;
}
.matter-file-dialog__table-header .sort {
  color: #CEC9C4;
  vertical-align: middle;
}
.matter-file-dialog__table-header .sort.sort--active {
  color: #4a4a4a;
}
.matter-file-dialog__table-body-wrapper {
  height: 300px;
  overflow: auto;
}
.matter-file-dialog__table-body {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.matter-file-dialog__table-body tr:hover {
  background: #f8f8f9;
}
.matter-file-dialog__table-body td {
  text-align: left;
  padding: 0 10px;
  line-height: 56px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.matter-file-dialog__table-body .icon {
  position: relative;
  top: -1px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
  line-height: 20px;
  vertical-align: middle;
}
.matter-file-dialog__table-body .icon .check-icon,
.matter-file-dialog__table-body .icon .ext-icon {
  vertical-align: middle;
}
.matter-file-dialog__table-body .icon .check-icon {
  display: none;
  color: #cdc9c5;
}
.matter-file-dialog__table-body .icon .check-icon.ibass-checked,
.matter-file-dialog__table-body .icon .check-icon:hover {
  color: #fa8919;
}
.matter-file-dialog__table-body .icon .svg-filetype-fsdoc,
.matter-file-dialog__table-body .icon .svg-filetype-fstable {
  position: relative;
  top: 1px;
  left: -1px;
}
.matter-file-dialog__table-body .icon:hover .check-icon,
.matter-file-dialog__table-body .icon.checked .check-icon {
  display: inline-block;
}
.matter-file-dialog__table-body .icon:hover .ext-icon,
.matter-file-dialog__table-body .icon.checked .ext-icon {
  display: none;
}
.matter-file-dialog__table-body .icon .ibass-filetype-folder {
  position: relative;
  top: 2px;
}
.matter-file-dialog__table-body .operator i {
  cursor: pointer;
  margin-right: 8px;
}
.matter-file-dialog__table-count {
  color: #737373;
  text-align: center;
  font-size: 10px;
}
.matter-file-dialog__count {
  text-align: right;
}
.matter-file-dialog__count span {
  margin-left: 20px;
}

.document-search-input-box {
  box-sizing: border-box;
}
.document-search-input-box .search-module {
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  box-shadow: none;
  height: 32px;
}
.document-search-input-box .search-module i {
  vertical-align: middle;
}
.document-search-input-box .search-module .search-module-i-search {
  width: 20px;
  font-size: 14px;
  color: #cdc8c5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding-top: 1px;
  position: absolute;
  left: 7px;
}
.document-search-input-box .search-module .search-module-i-search i {
  height: 21px;
}
.document-search-input-box .search-module .search-module-i-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.document-search-input-box .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;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module .ibass-close:before {
  height: 12px;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.document-search-input-box .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
  margin-top: -7px;
}
.document-search-input-box .search-module input {
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  font-size: 13px;
  padding-right: 20px;
  color: #4a4a4a;
  border: 1px solid #dad7d2;
  border-radius: 20px;
  padding: 4px 28px 4px 122px;
  box-sizing: border-box;
}
.document-search-input-box .search-module input::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.document-search-input-box .search-module input:hover {
  border: 1px solid #C0C4CC;
}
.document-search-input-box .search-module input:focus {
  border: 1px solid #C0C4CC;
}
.document-search-input-box .search-module ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}
.document-search-input-box .search-module .secondfloorbox {
  position: absolute;
  height: 32px;
  line-height: 32px;
  width: 76px;
  margin-left: 34px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.document-search-input-box .search-module .secondfloorbox .selectBox {
  font-size: 13px;
  color: #cdc9c5;
  cursor: pointer;
}
.document-search-input-box .search-module .secondfloorbox .selectBox:hover {
  color: #333;
}
.document-search-input-box .search-module .secondfloorbox .selectBox .type-selected {
  color: #fa8919;
}
.document-search-input-box .search-module .secondfloorbox .selectBox .ibass-trig-down {
  margin-left: 3px;
}
.new-search-document-list {
  position: absolute;
  top: 34px;
  background-color: #fff;
}
.new-search-document-list .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-document-list .new-search-recommend-drop .new-search-text {
  padding: 5px 13px;
  font-size: 14px;
  color: #a9a9a9;
  word-break: break-all;
  cursor: pointer;
}
.new-search-document-list .new-search-recommend-drop .new-search-text i {
  position: relative;
  top: 2px;
}
.new-search-document-list .new-search-recommend-drop .new-search-text span {
  margin-left: 5px;
  position: relative;
  bottom: 2px;
}
.new-search-document-list .new-search-recommend-drop .new-search-text:hover {
  background-color: #f8f8f9;
}
.new-search-document-list .new-search-recommend-drop i {
  color: #cdc9c5;
  font-size: 16px;
}
.new-search-document-list .new-search-recommend-drop .new-search-floder {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.new-search-document-list .new-search-recommend-drop .new-recommend-repo {
  padding: 0px 13px;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
}
.new-search-document-list .new-search-recommend-drop .new-recommend-repo div {
  padding: 5px 0;
}
.new-search-document-list .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-document-list .new-search-recommend-drop .new-recommend-repo:hover {
  background-color: #f8f8f9;
}
.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;
}

.logic-select {
  display: inline-block;
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
  user-select: none;
  line-height: 18px;
  vertical-align: text-bottom;
}
.logic-select i {
  position: relative;
  top: 2px;
  font-size: 12px;
}

#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;
}

.matter-patch-fields-filter__list {
  display: flex;
  flex-wrap: wrap;
}
.matter-patch-fields-filter__item {
  display: flex;
  flex: 1;
  align-items: center;
  margin-bottom: 22px;
  min-height: 36px;
  line-height: 36px;
}
.matter-patch-fields-filter__item-type {
  display: flex;
  width: 112px;
  flex-shrink: 0;
  text-align: right;
  color: #4a4a4a;
  cursor: pointer;
}
.matter-patch-fields-filter__item-type span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-patch-fields-filter__item-type i {
  position: relative;
  flex-shrink: 0;
  top: 1px;
  margin-left: 2px;
  color: #a9a9a9;
  margin-right: 8px;
}
.matter-patch-fields-filter__item-widget {
  width: 290px;
  margin-left: 9px;
}
.matter-patch-fields-filter__item-widget .widget-input {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  border-radius: 2px;
  outline: none;
  color: #4a4a4a;
}
.matter-patch-fields-filter__item-widget .widget-input::placeholder {
  color: #a9a9a9;
}
.matter-patch-fields-filter__item-widget .project-form {
  margin: 0;
  padding: 0;
}
.matter-patch-fields-filter__item-widget .project-form .project-form__label,
.matter-patch-fields-filter__item-widget .project-form .project-form__error-wrapper {
  display: none;
}
.matter-patch-fields-filter__item-widget .project-form .project-form-department__container {
  margin-top: 0;
}
.matter-patch-fields-filter__item-widget .finance-timer-select-show {
  font-size: 14px !important;
}
.matter-patch-fields-filter__item-widget .date-picker {
  width: max-content;
  line-height: 20px;
}
.matter-patch-fields-filter__item-widget .financial__department-selector-wrapper .drop-menu-check-default .ibass-trig-down {
  margin-top: 0;
  height: 36px;
}
.matter-patch-fields-filter__item-add {
  width: 45px;
  position: relative;
  color: #cdc9c5;
  top: 2px;
  margin-left: 8px;
}
.matter-patch-fields-filter__item-add i {
  margin-left: 5px;
  cursor: pointer;
}
.patch-fields-filter-type-popover {
  width: 150px;
}
.patch-fields-filter-type-popover .select-list {
  padding: 6px 0;
  max-height: 200px;
  overflow: auto;
}
.patch-fields-filter-type-popover .select-item {
  height: 22px;
  color: #4A4A4A;
  line-height: 22px;
  padding: 4px 0 4px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.patch-fields-filter-type-popover .select-item:hover {
  background: #F8F8F9;
}
.patch-fields-filter-type-popover .select-item.disabled {
  cursor: not-allowed;
}
.patch-fields-filter-type-popover .select-item.disabled span {
  color: #cdc9c5;
}
.patch-fields-filter-type-popover .no-data {
  margin: 8px 0;
  font-size: 12px;
  text-align: center;
  color: #a9a9a9;
}

.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;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  min-width: 100px;
  box-shadow: none;
  height: 32px;
}
.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;
  flex-shrink: 0;
  padding-top: 1px;
  position: absolute;
  left: 7px;
}
.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 {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.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:hover {
  background-color: #9E9E9E;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
}
.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 .search-module-i-close .i-close-module {
  width: 14px;
  height: 14px;
  background-color: #CACACA;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module:hover {
  background-color: #9E9E9E;
}
.real-time-search-enter-and-clear .search-module .search-module-i-close .i-close-module .ibass-close {
  font-size: 16px;
  margin-top: -5px;
}
.real-time-search-enter-and-clear .search-module input {
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  font-size: 13px;
  padding-right: 20px;
  color: #4a4a4a;
  border: 1px solid #dad7d2;
  border-radius: 20px;
  padding: 4px 28px 4px 28px;
  box-sizing: border-box;
}
.real-time-search-enter-and-clear .search-module input::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #dad7d2;
}
.real-time-search-enter-and-clear .search-module input:hover {
  border: 1px solid #C0C4CC;
}
.real-time-search-enter-and-clear .search-module input:focus {
  border: 1px solid #C0C4CC;
}
.real-time-search-enter-and-clear .search-module ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
  font-size: 12px;
  line-height: 22px;
}

.person-report {
  padding: 0 48px;
  text-align: center;
}
.person-report__head {
  padding-top: 50px;
  padding-bottom: 51px;
  position: relative;
}
.person-report__head::after {
  content: " ";
  height: 1px;
  width: 100%;
  background-color: #f0f0f0;
  position: absolute;
  left: 0px;
}
.person-report__head .title {
  position: absolute;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  margin-top: -11px;
  width: 142px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
  padding: 0px 14px;
}
.person-report__content {
  font-size: 14px;
  color: #4a4a4a;
}
.person-report__content .row-center-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.person-report__content .choose-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 24px;
  height: 40px;
}
.person-report__content .choose-item .name {
  width: 127px;
  text-align: left;
  align-items: center;
  padding-right: 12px;
  font-weight: 500;
  color: #333333;
  height: 40px;
  line-height: 40px;
}
.person-report__content .choose-item .items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.person-report__content .choose-item .items .item {
  align-items: center;
  margin-right: 15px;
  min-width: 80px;
}
.person-report__content .choose-item .items .item .ibass-trig-down {
  color: #cdc9c5;
}
.person-report__content .choose-item .items .item a {
  display: inline-flex;
}
.person-report__content .choose-item .items .item .ibass-checkbox span,
.person-report__content .choose-item .items .item .ibass-checked span {
  display: inline-flex;
  margin-left: 4px;
  color: #4a4a4a;
}
.person-report__content .choose-item .items .item .ibass-checked {
  color: #fa8919;
}
.person-report__content .choose-item .items .item .ibass-checkbox {
  color: #cdc9c5;
}
.person-report__content .choose-item .items .cursor {
  cursor: pointer;
}
.person-report__content .choose-item .items .report-input {
  width: 330px;
  padding: 10px 16px;
  height: 40px;
  font-size: 14px;
  color: #4A4A4A;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
}
.person-report__content .choose-item .items .report-input:focus {
  border: 1px solid #fa8919;
}
.person-report__content .choose-item .report-name {
  position: relative;
}
.person-report__content .choose-item .report-name span[ng-show] {
  background: #f72b44;
  position: absolute;
  padding: 0 10px;
  color: #fff;
  border-radius: 8px;
  top: -40px;
  display: inline-block !important;
  z-index: 10;
}
.person-report__content .choose-item .report-name span i:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 5px;
  bottom: -5px;
  border-top: 15px solid #f72b44;
  border-right: 15px solid transparent;
  transform: rotateZ(-135deg);
}
.person-report__content .check-item {
  height: 20px;
  text-align: left;
}
.person-report__content .check-item .icon {
  margin-right: 2px;
  vertical-align: middle;
}
.person-report__content .check-item .ibass-done {
  color: #fa8919;
}
.person-report__content .check-item .ibass-task-check {
  color: #D2D3D6;
}
.person-report__footer {
  margin-top: 32px;
}

.content-customer__title {
  font-size: 14px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
}
.content-customer__title .title {
  width: 64px;
  text-align: center;
}
.content-customer__title .title::after {
  content: " ";
  position: absolute;
  top: 27px;
  display: block;
  height: 2px;
  width: 64px;
  background-color: #FA8919;
}
.content-customer__con {
  display: flex;
  justify-content: space-between;
}
.content-customer__data .customer-count__box {
  width: 648px;
  padding: 24px 0 28px;
  display: flex;
  gap: 16px;
}
.content-customer__data .customer-count__item {
  background-color: #FAFAFB;
  padding: 16px 0 0px 20px;
  height: 90px;
  vertical-align: top;
  border-radius: 8px;
  flex: 1;
  font-weight: 400;
}
.content-customer__data .customer-count__item .title {
  font-size: 14px;
  color: #666666;
}
.content-customer__data .customer-count__item .count {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
  margin-bottom: 4px;
}
.content-customer__data .customer-count__item .percentTip {
  font-size: 12px;
  color: #999999;
}
.content-customer__data .customer-count__item .percentTip .percent {
  color: #68C23B;
}
.content-customer__data .customer-count__item .percentTip .percent-wran {
  color: #F6535C;
}
.content-customer__analyse {
  width: 448px;
  height: 586px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
  margin-top: 24px;
}
.content-customer__analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.content-customer__analyse .content {
  width: 448px;
  height: 270px;
}

.person-report-state {
  padding: 0 48px;
  text-align: center;
}
.person-report-state__head {
  margin-top: 50px;
  padding-bottom: 35px;
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.person-report-state__head .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -11px;
  width: 114px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  background-color: #ffffff;
}
.person-report-state__content .tips {
  text-align: left;
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin-bottom: 18px;
}
.person-report-state__content .tips .ibass {
  font-size: 14px;
  margin-right: 4px;
  vertical-align: middle;
}
.person-report-state__content .tips .ibass-warning:before {
  color: rgba(153, 153, 153, 0.5);
}
.person-report-state__content .report-content-wrap {
  height: 300px;
  overflow: auto;
}
.person-report-state__content .report-content-wrap .report-table {
  border-spacing: 0;
  color: #333;
  text-align: left;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 0;
}
.person-report-state__content .report-content-wrap .report-table thead tr {
  height: 38px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  color: #666666;
}
.person-report-state__content .report-content-wrap .report-table thead tr th {
  font-weight: 400;
}
.person-report-state__content .report-content-wrap .report-table thead tr th:first-child {
  padding-left: 16px;
}
.person-report-state__content .report-content-wrap .report-table tbody tr {
  height: 52px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEBEB ;
  font-size: 13px;
}
.person-report-state__content .report-content-wrap .report-table tbody tr td:first-child {
  padding-left: 16px;
}
.person-report-state__content .report-content-wrap .report-table tbody tr:hover {
  background: #F9FAFA;
}
.person-report-state__content .report-content-wrap .report-table tbody tr .down-btn {
  font-size: 12px;
  font-weight: 500;
  color: #FA8919;
}
.person-report-state__content .report-content-wrap .report-table tbody tr .del-btn {
  font-size: 12px;
  font-weight: 500;
  color: #F6535C;
}
.person-report-state__content .report-content-wrap .report-table tbody tr .report-status-text {
  color: #999999;
}
.person-report-state__content .report-content-wrap .report-table tbody tr .report-status .fail {
  color: #F6535C;
}
.person-report-state__content .report-content-wrap .report-table tbody tr .report-status .doing {
  color: #68C23B;
}
.person-report-state__footer {
  margin: 40px 0;
  display: flex;
  justify-content: right;
}
.person-report-state__footer .show-page {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #737373;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.person-report-state__footer .show-page .icon {
  color: #ED6C00;
  vertical-align: middle;
}
.person-report-state__footer .i-pagination {
  margin: 0;
}
.person-report-state__footer .i-pagination li:nth-of-type(2) {
  margin-right: 0px;
}
.person-report-state__footer .i-pagination li:nth-last-child(2) {
  margin-left: 0px;
}
.report-page-popover {
  z-index: 10000 !important;
  width: 50px;
  text-align: center;
  left: 37px !important;
  top: 18px !important;
}
.report-page-popover .ns-popover-tooltip {
  width: 100%;
}

.content-tool__title {
  font-size: 14px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
}
.content-tool__title .title {
  width: 84px;
  text-align: center;
}
.content-tool__title .title::after {
  content: " ";
  position: absolute;
  top: 27px;
  display: block;
  height: 2px;
  width: 84px;
  background-color: #FA8919;
}
.content-tool__wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
}
.content-tool__school--data .tool-count__box {
  width: 648px;
  padding: 24px 0 28px;
  display: flex;
  gap: 16px;
}
.content-tool__school--data .tool-count__item {
  background-color: #FAFAFB;
  padding: 16px 0 0px 20px;
  height: 90px;
  vertical-align: top;
  border-radius: 8px;
  flex: 1;
  font-weight: 400;
}
.content-tool__school--data .tool-count__item .title {
  font-size: 14px;
  color: #666666;
}
.content-tool__school--data .tool-count__item .count {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
  margin-bottom: 4px;
}
.content-tool__school--data .tool-count__item .percentTip {
  font-size: 12px;
  color: #999999;
}
.content-tool__school--data .tool-count__item .percentTip .percent {
  color: #68C23B;
}
.content-tool__school--data .tool-count__item .percentTip .percent-wran {
  color: #F6535C;
}
.content-tool__school--analyse {
  width: 448px;
  height: 464px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
  margin-top: 24px;
}
.content-tool__school--analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 20px;
}
.content-tool__school--analyse .content {
  width: 448px;
  height: 300px;
}
.content-tool__bigdata--data {
  width: 648px;
}
.content-tool__bigdata--data .tool-count__box {
  width: 316px;
  padding: 0 0 28px;
  display: flex;
  gap: 16px;
}
.content-tool__bigdata--data .tool-count__item {
  background-color: #FAFAFB;
  padding: 16px 0 0px 20px;
  height: 90px;
  vertical-align: top;
  border-radius: 8px;
  flex: 1;
  font-weight: 400;
}
.content-tool__bigdata--data .tool-count__item .title {
  font-size: 14px;
  color: #666666;
}
.content-tool__bigdata--data .tool-count__item .count {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
  margin-bottom: 4px;
}
.content-tool__bigdata--data .tool-count__item .percentTip {
  font-size: 12px;
  color: #999999;
}
.content-tool__bigdata--data .tool-count__item .percentTip .percent {
  color: #68C23B;
}
.content-tool__bigdata--data .tool-count__item .percentTip .percent-wran {
  color: #F6535C;
}
.content-tool__bigdata--analyse {
  width: 448px;
  height: 464px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
}
.content-tool__bigdata--analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 20px;
}
.content-tool__bigdata--analyse .content {
  width: 448px;
  height: 300px;
}
.content-tool-tip {
  height: 58px;
  color: #999999;
  line-height: 58px;
}
.content-tool-tip .ibass {
  font-size: 14px;
  margin-right: 4px;
  vertical-align: middle;
  color: #999999;
}
.content-tool-tip span {
  font-size: 13px;
  font-weight: 400;
}

.content-work-wrap {
  padding-bottom: 60px;
}
.content-work-wrap .work-count__box {
  width: 648px;
  padding: 24px 0 28px;
  display: flex;
  gap: 16px;
}
.content-work-wrap .work-count__item {
  background-color: #FAFAFB;
  padding: 16px 0 0px 20px;
  height: 90px;
  vertical-align: top;
  border-radius: 8px;
  flex: 1;
  font-weight: 400;
}
.content-work-wrap .work-count__item .title {
  font-size: 14px;
  color: #666666;
}
.content-work-wrap .work-count__item .count {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
  margin-bottom: 4px;
}
.content-work-title {
  font-size: 14px;
  padding-bottom: 7px;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
}
.content-work-title .title {
  width: 60px;
  text-align: center;
}
.content-work-title .title::after {
  content: " ";
  position: absolute;
  top: 27px;
  display: block;
  height: 2px;
  width: 60px;
  background-color: #FA8919;
}
.content-work__matter-wrap {
  display: flex;
  justify-content: space-between;
}
.content-work__matter-wrap__data .work-matter-count__box {
  width: 648px;
  padding: 24px 0 28px;
  display: grid;
  grid-gap: 16px 16px;
  grid-template-columns: auto auto;
  grid-template-rows: 106px 106px;
  grid-template-areas: 'work-count1 work-count2' 'work-count3 work-count4';
}
.content-work__matter-wrap__data .work-matter-count__box .work-count1 {
  grid-area: work-count1;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count2 {
  grid-area: work-count2;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count3 {
  grid-area: work-count3;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count4 {
  grid-area: work-count4;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count5 {
  grid-area: work-count5;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count {
  display: inline-block;
  background-color: #FAFAFB;
  padding: 16px 20px;
  vertical-align: top;
  position: relative;
  border-radius: 8px;
  font-weight: 400;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count .title {
  font-size: 14px;
  color: #666666;
}
.content-work__matter-wrap__data .work-matter-count__box .work-count .count {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-top: 14px;
  margin-bottom: 4px;
}
.content-work__matter-wrap__data .work-matter-chart__con {
  width: 648px;
  height: 391px;
}
.content-work__matter-wrap__analyse {
  width: 448px;
  height: 669px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
  margin-top: 24px;
}
.content-work__matter-wrap__analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 20px;
}
.content-work__matter-wrap__analyse .title-echart {
  margin-bottom: 7px;
}
.content-work__matter-wrap__analyse .role-matter {
  height: 236px;
}
.content-work__matter-wrap__analyse .border-line {
  width: 444px;
  height: 1px;
  background: #EBEBEB;
}
.content-work__matter-wrap__analyse .role-checkbox {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #FFFFFF;
  border-radius: 4px;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 24px;
}
.content-work__matter-wrap__analyse .role-checkbox__item {
  padding: 0 20px;
  color: #4A4A4A;
  border-right: 1px solid #EBEBEB;
  display: inline;
}
.content-work__matter-wrap__analyse .role-checkbox__item span {
  padding-left: 6px;
}
.content-work__matter-wrap__analyse .role-checkbox__item .ibass {
  vertical-align: middle;
  font-size: 15px;
}
.content-work__matter-wrap__analyse .role-checkbox__item .ibass-task-check {
  color: #D2D3D6;
}
.content-work__matter-wrap__analyse .role-checkbox__item .ibass-done {
  color: #FA8919;
}
.content-work__matter-wrap__analyse .role-checkbox__item:last-child {
  border-right: none;
}
.content-work__matter-wrap__analyse .stage-matter {
  width: 100%;
}
.content-work__matter-wrap__analyse .stage-matter-con {
  padding-bottom: 40px ;
}
.content-work__matter-wrap__analyse .stage-matter-con__item {
  display: inline-block;
  width: 109px;
  margin-right: 4px;
}
.content-work__matter-wrap__analyse .stage-matter-con__item .lable {
  font-size: 13px;
  font-weight: 400;
  color: #737373;
  padding-bottom: 10px;
  border-bottom: 8px solid #FAC93A;
}
.content-work__matter-wrap__analyse .stage-matter-con__item .count {
  padding-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
}
.content-work__matter-wrap__analyse .stage-matter-con__item:last-child {
  margin-right: 0px;
}
.content-work__task-wrap {
  display: flex;
  justify-content: space-between;
}
.content-work__task-wrap__data .work-task-chart__con {
  width: 648px;
  height: 331px;
}
.content-work__task-wrap__data .work-task-chart__con--burn {
  height: 415px;
}
.content-work__task-wrap__analyse {
  width: 448px;
  height: 465px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
  margin-top: 24px;
}
.content-work__task-wrap__analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.content-work__task-wrap__analyse .content {
  width: 448px;
  height: 300px;
}
.content-work__timer-wrap {
  display: flex;
  justify-content: space-between;
}
.content-work__timer-wrap__data .work-timer-chart__con {
  width: 648px;
  height: 391px;
}
.content-work__timer-wrap__analyse {
  width: 448px;
  height: 748px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
  margin-top: 24px;
  position: relative;
}
.content-work__timer-wrap__analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.content-work__timer-wrap__analyse .work-type-time {
  position: absolute;
}
.content-work__timer-wrap__analyse .content {
  width: 448px;
  height: 236px;
}
.content-work__timer-wrap__analyse .content-work-type {
  height: 476px;
}
.content-work__timer-wrap__analyse .content-work-type .i-achievement-chart-v2 .chart-report-top .chart-tool {
  margin-top: 0px;
  margin-right: 0px;
}
.content-work__timer-wrap__analyse .content-work-type .i-achievement-chart-v2 .chart-report-top .chart-tool .excludeId {
  margin-right: 0px;
}
.content-work__timer-wrap__analyse .content-work-type .i-achievement-chart-v2 .chart-report-top .chart-tool .excludeId span {
  padding-right: 0px;
}
.content-work__doc-wrap {
  display: flex;
  justify-content: space-between;
}
.content-work__doc-wrap__data .work-count-box {
  width: 700px;
}
.content-work__doc-wrap__data .work-count-box .work-count {
  display: inline-block;
  height: 80px;
  background-color: aquamarine;
  padding: 20px;
  vertical-align: top;
}
.content-work__doc-wrap__data .work-count-box .work-count .text {
  display: flex;
  width: 240px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.content-work__doc-wrap__data .work-count-box .work-count .title {
  color: #000;
  font-weight: bold;
}
.content-work__doc-wrap__data .work-count-box .work-count .tips {
  display: flex;
  justify-content: space-between;
}
.content-work__doc-wrap__data .work-count-box .work-count .tip {
  color: lightcyan;
}
.content-work__approve-wrap {
  display: flex;
  justify-content: space-between;
}
.content-work__approve-wrap__data .work-count-box {
  width: 700px;
}
.content-work__approve-wrap__data .work-count-box .work-count {
  display: inline-block;
  height: 80px;
  background-color: aquamarine;
  padding: 20px;
  vertical-align: top;
}
.content-work__approve-wrap__data .work-count-box .work-count .text {
  display: flex;
  width: 240px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.content-work__approve-wrap__data .work-count-box .work-count .title {
  color: #000;
  font-weight: bold;
}
.content-work__approve-wrap__data .work-count-box .work-count .tips {
  display: flex;
  justify-content: space-between;
}
.content-work__approve-wrap__data .work-count-box .work-count .tip {
  color: lightcyan;
}
.content-work__approve-wrap__data .work-timer-chart__con {
  width: 648px;
  height: 391px;
}
.content-work__approve-wrap__analyse {
  width: 448px;
  min-height: 548px;
  background: #FAFAFB;
  border-radius: 8px;
  padding: 24px 20px 0 20px;
  margin-top: 24px;
}
.content-work__approve-wrap__analyse .title {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.content-work__approve-wrap__analyse .content {
  width: 448px;
  height: 250px;
}

.detail-drawer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10003;
}
.detail-drawer-container__iframe {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  overflow: hidden;
}
.detail-drawer-container__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.detail-drawer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10003;
}
.detail-drawer-container__iframe {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  overflow: hidden;
}
.detail-drawer-container__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.detail-drawer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10003;
}
.detail-drawer-container__iframe {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  overflow: hidden;
}
.detail-drawer-container__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.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;
  z-index: 1000 !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;
}

.matter-member-selector {
  display: flex;
  align-items: center;
  margin-right: 14px;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
}
.matter-member-selector__avatars {
  display: flex;
}
.matter-member-selector__avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.matter-member-selector__avatar:not(:first-child) {
  margin-left: -4px;
}
.matter-member-selector__avatar-num {
  width: 26px;
  height: 26px;
  margin-left: -4px;
  border-radius: 50%;
  background: #8590A6;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 26px;
  text-align: center ;
}
.matter-member-selector i {
  margin-left: 4px;
  color: #999 !important;
}
.matter-member-selector-popover {
  width: 200px;
}
.matter-member-selector-popover__header {
  margin: 16px 16px 12px;
}
.matter-member-selector-popover__list {
  max-height: 216px;
  overflow: auto;
}
.matter-member-selector-popover__item {
  display: flex;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  align-items: center;
  cursor: pointer;
}
.matter-member-selector-popover__item i.avatar {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  text-align: center;
  line-height: 24px;
  color: #ED6C00;
  font-size: 16px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.matter-member-selector-popover__item .name {
  flex-grow: 1;
  font-size: 14px;
  color: #4A4A4A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.matter-member-selector-popover__item .ibass-done {
  color: #ED6C00;
}
.matter-member-selector-popover__item:hover {
  background-color: #F8F8F9;
}
.matter-member-selector-popover__no-data {
  margin: 8px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
}

.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;
}


.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;
}

.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;
}

.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;
}

.avatarBox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  font-size: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.avatarBox .userInfoBox {
  z-index: 1;
  padding: 0px 9px;
  background-color: #fff;
  background-image: url('https://res.alphalawyer.cn/hr/file/9dddcdd7cecd4593be74334ea2a212a3.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.avatarBox .userInfoBox.oneflag {
  background-image: url('https://res.alphalawyer.cn/hr/file/64400cb455ff4da2860e10a13f4bac5a.png');
}
.avatarBox .user-remind-wrapper {
  display: flex;
  padding: 22px 12px 0 6px;
}
.avatarBox .user-remind-wrapper .user-avator-wrapper {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 6px ;
  overflow: hidden;
}
.avatarBox .user-remind-wrapper .user-avator-wrapper img {
  width: 100%;
  height: 100%;
}
.avatarBox .user-remind-wrapper .remind-wrapper {
  flex: 1;
  width: 0;
}
.avatarBox .user-remind-wrapper .remind-wrapper.oneflag .top-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.avatarBox .user-remind-wrapper .remind-wrapper.oneflag .top-wrapper .name-wrapper {
  white-space: nowrap;
  max-width: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avatarBox .user-remind-wrapper .remind-wrapper.oneflag .top-wrapper .name-wrapper,
.avatarBox .user-remind-wrapper .remind-wrapper.oneflag .top-wrapper .flag-wrapper {
  margin-bottom: 0;
  margin-left: 0;
}
.avatarBox .user-remind-wrapper .remind-wrapper .name-wrapper {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  margin-bottom: 4px;
}
.avatarBox .user-remind-wrapper .remind-wrapper .flag-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: -4px;
  margin-left: -4px;
  margin-bottom: 6px;
}
.avatarBox .user-remind-wrapper .remind-wrapper .flag-wrapper .flag-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  min-height: 18px;
  border-radius: 10px;
  margin-left: 4px;
  margin-top: 4px;
  font-weight: 400;
  font-size: 10px;
}
.avatarBox .user-remind-wrapper .remind-wrapper .flag-wrapper .flag-item img {
  margin-right: 2px;
  width: 12px;
  height: 12px;
}
.avatarBox .user-remind-wrapper .remind-wrapper .remind-time-wrapper {
  margin-bottom: 20px;
  word-wrap: break-word;
  word-break: break-all;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.avatarBox .signout-wrapper {
  position: relative;
  margin: 20px 0px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #333333;
}
.avatarBox .signout-wrapper::after {
  pointer-events: none;
  position: absolute;
  content: '';
  top: -20px;
  left: 0%;
  width: 100%;
  height: 1px;
  background: #c9c9c9;
}
.avatarBox .signout-wrapper:hover {
  color: #fa8919;
}
.avatarBox .signout-wrapper:hover i {
  color: #fa8919 !important;
}
.avatarBox .signout-wrapper .left-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
}
.avatarBox .signout-wrapper .left-wrapper i {
  font-size: 15px;
  margin-right: 10px;
}
.avatarBox .signout-wrapper .right-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #B7B7BC;
}
.avatarBox .signout-wrapper .right-wrapper i {
  font-size: 12px;
  line-height: 13px;
}
.avatarBox .hearder-control {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  right: calc(100% + 14px);
  padding-right: 16px;
}
.avatarBox .hearder-control:hover {
  color: #fa8919;
}
.avatarBox .hearder-control.open::before {
  content: "\EC31";
}
.avatarBox .hearder-control::before {
  font-family: "icon-bass";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EC32";
  font-size: 16px;
  height: 16px;
  width: 16px;
  display: inlie-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}
.avatarBox .hearder-control::after {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 16px;
  background: #ebebeb;
}
.avatarBox .avatarImg {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.avatarBox .vipIcon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 20px;
  height: 14px;
  background-image: url("tool/alphaGpt/components/images/avatarVipIcon.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.avatarBox .nonvipIcon {
  background-image: url("tool/alphaGpt/components/images/nonAvatarVipIcon.png");
}
.avatarBox .topLogo {
  position: absolute;
  top: 63px;
  right: 0px;
  height: 210px;
  width: 392px;
  background-image: url("tool/alphaGpt/components/images/topLogo.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.avatarBox .userInfoBox {
  z-index: 2;
  position: absolute;
  top: calc(100% + 6px);
  right: 0px;
  width: 214px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03), 2px 4px 94px 0px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.avatarBox .userInfoBox .headerInfoBic {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 210px;
  width: 100%;
  z-index: 5;
  background-image: url("tool/alphaGpt/components/images/topLogo.png");
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
}
.avatarBox .userInfoBox .headerInfo {
  position: relative;
  z-index: 10;
  padding: 18px 24px 0px;
  border-radius: 8px;
}
.avatarBox .userInfoBox .headerInfo .logout {
  position: absolute;
  right: 12px;
  top: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.avatarBox .userInfoBox .headerInfo .logout .iconfont {
  margin-right: 2px;
}
.avatarBox .userInfoBox .headerInfo .logout:hover {
  color: rgba(255, 255, 255, 0.9);
}
.avatarBox .userInfoBox .headerInfo .userInfo {
  display: flex;
}
.avatarBox .userInfoBox .headerInfo .userInfo .userAvatarBox {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("tool/alphaGpt/components/images/userCircle.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.avatarBox .userInfoBox .headerInfo .userInfo .userAvatarBox img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.avatarBox .userInfoBox .headerInfo .userInfo .userAvatarBoxNonVip {
  background-image: url("tool/alphaGpt/components/images/userNonVipCircle.png");
}
.avatarBox .userInfoBox .headerInfo .userInfo .userInfoArea {
  margin-left: 10px;
}
.avatarBox .userInfoBox .headerInfo .userInfo .userInfoArea .nameArea {
  margin-bottom: 6px;
  height: 22px;
  display: flex;
  align-items: center;
}
.avatarBox .userInfoBox .headerInfo .userInfo .userInfoArea .nameArea .name {
  max-width: 112px;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 22px;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 溢出部分隐藏 */
  text-overflow: ellipsis;
  /* 溢出部分显示省略号 */
}
.avatarBox .userInfoBox .headerInfo .userInfo .userInfoArea .nameArea .nameAreaVipIcon {
  margin-left: 10px;
  width: 26px;
  height: 14px;
  background-image: url("tool/alphaGpt/components/images/vipIcon.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.avatarBox .userInfoBox .headerInfo .userInfo .userInfoArea .nameArea .nameAreaNonvipIcon {
  background-image: url("tool/alphaGpt/components/images/nonVipIcon.png");
}
.avatarBox .userInfoBox .headerInfo .userSubInfo {
  display: flex;
  flex-direction: column;
}
.avatarBox .userInfoBox .headerInfo .userSubInfo .row {
  display: flex;
  align-items: center;
}
.avatarBox .userInfoBox .headerInfo .userSubInfo .row .count {
  margin-right: 24px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: normal;
  color: #ffffff;
  line-height: 16px;
}
.avatarBox .userInfoBox .headerInfo .userSubInfo .row .count:last-child {
  margin-right: 0;
}
.avatarBox .userInfoBox .headerInfo .userSubInfo .row .validTime {
  margin-top: 6px;
  align-self: flex-end;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.avatarBox .userInfoBox .headerInfo .useInfo {
  display: flex;
  margin-top: 18px;
  width: 344px;
  height: 60px;
  background: #fba047;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 10px;
}
.avatarBox .userInfoBox .headerInfo .useInfo .useItem {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.avatarBox .userInfoBox .headerInfo .useInfo .useItem .title {
  margin-bottom: 2px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
  opacity: 0.9;
}
.avatarBox .userInfoBox .headerInfo .useInfo .useItem .count {
  height: 18px;
  font-size: 13px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 18px;
}
.avatarBox .userInfoBox .headerInfo .useInfo .useItem:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 0px;
  width: 1px;
  height: 24px;
  background: #ffffff;
  opacity: 0.2;
}
.avatarBox .userInfoBox .headerInfo .useInfo .useItem:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 0px;
  width: 1px;
  height: 24px;
  background: #ffffff;
  opacity: 0.2;
}
.avatarBox .userInfoBox .introPic {
  margin-top: 20px;
  background: #ffffff;
  border-radius: 16px 16px 0px 0px;
  backdrop-filter: blur(5px);
  padding: 22px 24px 16px;
  box-sizing: border-box;
}
.avatarBox .userInfoBox .introPic .title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 16px;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #d8d8d8;
  line-height: 16px;
  background: linear-gradient(90deg, #6f4524 0%, #ba681b 21%, #4d2c11 39%, #442710 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.avatarBox .userInfoBox .introPic .title img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.avatarBox .userInfoBox .introPic .introImg {
  border-radius: unset;
  margin-top: 20px;
  width: 344px;
  height: 100%;
}
.avatarBox .userInfoBox .introPic .introBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: unset;
  margin-top: 20px;
  width: 344px;
}
.avatarBox .userInfoBox .introPic .introBox .introItem {
  margin-bottom: 12px;
  display: flex;
  width: 166px;
  height: 56px;
  background: #fafbfc;
  border-radius: 8px;
  opacity: 0.9;
}
.avatarBox .userInfoBox .introPic .introBox .introItem:nth-last-child(-n + 2) {
  margin-bottom: 0px;
}
.avatarBox .userInfoBox .introPic .introBox .introItem .icon {
  margin-left: 8px;
  margin-top: 16px;
  width: 24px;
  height: 25px;
}
.avatarBox .userInfoBox .introPic .introBox .introItem .rightPart {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
}
.avatarBox .userInfoBox .introPic .introBox .introItem .rightPart .introTitle {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #4a4a4a;
}
.avatarBox .userInfoBox .introPic .introBox .introItem .rightPart .intro {
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #888888;
}
.avatarBox .userInfoBox .introPic .payIntroBox {
  margin-top: 20px;
  width: 344px;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem {
  background: #F8F9FA;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 8px;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem:nth-child(even) {
  background: unset;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem .payIntroTitle {
  align-self: center;
  width: 99px;
  font-size: 13px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem .rightPart .payIntroTextRow {
  display: flex;
  margin-bottom: 6px;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem .rightPart .payIntroTextRow:last-child {
  margin-bottom: 0;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem .rightPart .payIntroTextRow .payIntroTextName {
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  width: 48px;
  height: 16px;
  background: #ffebcf;
  border-radius: 3px;
  color: #442710;
  line-height: 16px;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem .rightPart .payIntroTextRow .payIntroTextNameHighLight {
  background: linear-gradient(133deg, #ffad2e 0%, #ff8a00 100%);
  color: #FFFFFF;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItem .rightPart .payIntroTextRow .payIntroTextContent {
  margin-left: 12px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.avatarBox .userInfoBox .introPic .payIntroBox .payIntroItemHighLight {
  background-color: unset;
}
.avatarBox .userInfoBox .footer {
  background: #ffffff;
  padding-bottom: 24px;
  display: flex;
  justify-content: center;
  border-radius: 0px 0px 7px 7px;
}
.avatarBox .userInfoBox .footer div {
  margin-right: 10px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fa8919;
  width: 104px;
  height: 32px;
  border-radius: 16px;
  text-align: center;
  color: white;
  line-height: 32px;
}
.avatarBox .userInfoBox .footer div:last-child {
  margin-right: 0;
}
.avatarBox .userInfoBox .footer .sendBtn {
  cursor: pointer;
  color: #fa8919;
  border: 1px solid #fa8919;
  box-sizing: border-box;
}
.avatarBox .userInfoBox .footer .sendBtn:hover {
  background: #fffaf6;
}
.avatarBox .userInfoBox .footer .renewalBtn {
  cursor: pointer;
  color: white;
  background: #fa8919;
}
.avatarBox .userInfoBox .footer .renewalBtn:hover {
  background: #fa9a2a;
}
.avatarBox .loadingWrapper {
  width: 214px;
  height: 142px;
  background-color: #fff;
}
.avatarBox .loadingWrapper .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.avatarBox .loadingWrapper::before {
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 93%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.nonVipUserAvatarBox {
  background-image: url("tool/alphaGpt/components/images/userNonVipCircle.png");
}
.gpt_full_page .header-nav-wrap,
.gpt_full_page .navigation,
.gpt_full_page .site-footer,
.gpt_full_page #my-alpha-gpt-user-avatar-box,
.gpt_full_page .gpt-logo-wrapper,
.gpt_full_page .top-wrapper,
.gpt_full_page .big-data-search-report,
.gpt_full_page .clock-container,
.gpt_full_page .gpt-header-wrapper,
.gpt_full_page .gpt-left-wrapper,
.gpt_full_page .gpt-mini-code-wrapper,
.gpt_full_page .common-gpt-header {
  display: none !important;
}
.gpt_full_page .right-iframe-box-wrapper {
  padding: 0;
}
.gpt_full_page .render-apps-wrapper {
  border-radius: 0;
  box-shadow: none;
}
.gpt_full_page .frame-wrapper-item {
  font-size: 0px;
}
.gpt_full_page .frame-wrapper-item iframe {
  height: 100vh;
}
.gpt_full_page .alphav2-wrap__container {
  width: 100% !important;
  padding: 0;
  min-width: unset !important;
  max-width: unset !important;
  min-height: 100vh;
  border-radius: 0;
}

.case-gpt-pro-directory-directive.is-show {
  display: block !important;
}
.case-gpt-pro-directory-directive .directory-container {
  position: fixed;
  z-index: 1;
  left: -90px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 20px 18px;
  width: 90px;
  background: #FFFFFF;
  box-shadow: 3px 4px 12px 0px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  transition: left 0.3s ease;
}
.case-gpt-pro-directory-directive .directory-container .directory-group:first-child {
  border-top: none;
  padding-top: 0;
}
.case-gpt-pro-directory-directive .directory-container.is-collapse {
  left: -90px !important;
}
.case-gpt-pro-directory-directive .directory-container.is-collapse .expand-action-collapse {
  opacity: 1;
  left: 70px;
  transition: left 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}
.case-gpt-pro-directory-directive .directory-group {
  border-top: 1px dashed #EBEBEB;
  padding-top: 16px;
}
.case-gpt-pro-directory-directive .directory-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  text-align: center;
  margin-bottom: 16px;
  cursor: pointer;
  user-select: none;
}
.case-gpt-pro-directory-directive .directory-item:hover {
  color: #FA8919;
}
.case-gpt-pro-directory-directive .directory-item.active {
  font-weight: 500;
  color: #FA8919;
}
.case-gpt-pro-directory-directive .expand-action {
  position: relative;
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  text-align: left;
  font-style: normal;
  cursor: pointer;
  user-select: none;
}
.case-gpt-pro-directory-directive .expand-action:hover {
  color: #FA8919;
}
.case-gpt-pro-directory-directive .expand-action:hover .ibass {
  color: #FA8919;
}
.case-gpt-pro-directory-directive .expand-action .ibass {
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-weight: normal;
  font-size: 12px;
  color: #A9A9A9;
  line-height: 12px;
  text-align: center;
  font-style: normal;
}
.case-gpt-pro-directory-directive .expand-action-collapse {
  position: absolute;
  left: -18px;
  opacity: 0;
  top: -11px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 40px;
  cursor: pointer;
  border: 1px solid #EBEBEB;
  background: #FFFFFF;
  border-radius: 0px 6px 6px 0px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.case-gpt-pro-directory-directive .expand-action-collapse:hover .ibass {
  color: #FA8919;
}
.case-gpt-pro-directory-directive .expand-action-collapse .ibass {
  position: relative;
  top: 1px;
  margin-right: 0;
  font-weight: normal;
  font-size: 12px;
  color: #A9A9A9;
  line-height: 12px;
  text-align: center;
  font-style: normal;
}

.noScroll-flag-log {
  overflow: hidden !important;
}
iframe {
  border-radius: 10px;
}
.alphaGPTCommonDialogBox + .ngdialog-close:hover::before {
  color: #fa8919 !important;
}
.FullScreen_Dialog.ngdialog .ngdialog-content {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  min-height: unset !important;
  height: 100% !important;
  width: 100% !important;
}
.FullScreen_Dialog.ngdialog iframe {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}
.GptXmindDialog.ngdialog .ngdialog-content {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
.GptXmindDialog.ngdialog iframe {
  border-radius: 0px;
}
.gpt-commonDialog-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payMentDialog {
  box-sizing: content-box;
}
.payMentDialog .ngdialog-content {
  border: none !important;
  box-shadow: none;
}
.payMentDialog .ngdialog-content .ngdialog-close::before {
  color: #ffff !important;
}
.giftDialog {
  box-sizing: content-box;
}
.giftDialog .ngdialog-content {
  border: none !important;
  box-shadow: none;
}
.giftDialog .ngdialog-content .ngdialog-close::before {
  color: #ffff !important;
}
.createDocument .ngdialog-content {
  min-height: 100px !important;
}
.case-select-dialog-wrap .ngdialog-content {
  border-radius: 10px !important;
  background-color: transparent !important;
  box-shadow: none;
  border: none !important;
}

.common-gpt-nps-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.common-gpt-nps-container {
  position: fixed;
  display: none;
  right: 10px;
  bottom: 10px;
  width: 383px;
  height: 343px;
  background: #fff;
  overflow: hidden;
  border-radius: 10px !important;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5 !important;
  z-index: 100;
}
.common-gpt-nps-container.upZIndex {
  z-index: 10000;
}
.common-gpt-nps-container.centered {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
}
.common-gpt-nps-container.is-show {
  display: block !important;
}
.common-gpt-nps-container .ibass-close {
  position: absolute;
  font-size: 14px;
  color: #CDC8C5;
  top: 16px;
  right: 20px;
  cursor: pointer;
}
.common-gpt-nps-container .ibass-close:hover {
  color: #FA8919;
}
.common-gpt-nps-container .score-wrap {
  width: 335px;
  margin: 28px auto 0px;
}
.common-gpt-nps-container .score-wrap .score-title-wrap .score-title-require {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #F6535C;
  line-height: 20px;
  margin-right: 4px;
}
.common-gpt-nps-container .score-wrap .score-title-wrap .score-title-text {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #222222;
  line-height: 20px;
}
.common-gpt-nps-container .score-wrap .score-list-wrap {
  display: flex;
  margin-top: 12px;
}
.common-gpt-nps-container .score-wrap .score-list-wrap .score-list-item {
  user-select: none;
  cursor: pointer;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #EEEFF1;
  text-align: center;
  line-height: 24px;
  margin-right: 7px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.common-gpt-nps-container .score-wrap .score-list-wrap .score-list-item:hover {
  background: #FFF9F5;
  border: 1px solid rgba(250, 125, 25, 0.32);
  color: #FA8919;
}
.common-gpt-nps-container .score-wrap .score-list-wrap .score-list-item-active {
  background: #FA8919 !important;
  border: 1px solid #FA8919 !important;
  color: #ffffff !important;
}
.common-gpt-nps-container .score-wrap .score-list-wrap .score-list-item:last-child {
  margin-right: 0px;
}
.common-gpt-nps-container .score-wrap .score-result-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.common-gpt-nps-container .score-wrap .score-result-wrap .score-result-item {
  display: flex;
  align-items: center;
  margin-top: 14px;
}
.common-gpt-nps-container .score-wrap .score-result-wrap .score-result-item .score-result-item-img {
  font-size: 0;
}
.common-gpt-nps-container .score-wrap .score-result-wrap .score-result-item .score-result-item-img img {
  width: 16px;
  height: 16px;
}
.common-gpt-nps-container .score-wrap .score-result-wrap .score-result-item .score-result-item-result {
  height: 12px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
  margin-left: 6px;
}
.common-gpt-nps-container .form-container {
  margin: 32px auto 0;
  width: 335px;
  box-sizing: border-box;
}
.common-gpt-nps-container .form-container .form-item {
  margin-bottom: 24px;
  padding-bottom: 0;
}
.common-gpt-nps-container .form-container .form-item.has-error {
  margin-bottom: -24px;
}
.common-gpt-nps-container .form-container .form-item.has-error .explain-error {
  display: block;
  height: 24px;
  box-sizing: border-box;
  padding-top: 2px;
}
.common-gpt-nps-container .form-container .form-item-label {
  color: #222;
  font-family: PingFangSC, PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 0 8px;
}
.common-gpt-nps-container .form-container .form-item-control {
  font-size: 0;
  flex: 0 0 100%;
}
.common-gpt-nps-container .form-container .explain-error {
  display: none;
  color: #ff4d4f;
  font-size: 12px;
}
.common-gpt-nps-container .form-container textarea {
  background: #f9f9f9;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  height: 78px;
  line-height: 18px;
  padding: 12px 14px;
  resize: none;
  width: 335px;
  box-sizing: border-box;
  color: #333;
}
.common-gpt-nps-container .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  margin-bottom: 28px;
}
.common-gpt-nps-container .button-container .button-item {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.common-gpt-nps-container .button-container .cancel-button {
  width: 72px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  margin-right: 12px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #606266;
  line-height: 16px;
}
.common-gpt-nps-container .button-container .cancel-button:hover {
  background: #fffaf6;
  border-color: #fa8919;
  color: #fa8919;
}
.common-gpt-nps-container .button-container .save-button {
  width: 72px;
  height: 32px;
  border-radius: 20px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  background: #EBEBEB;
  color: #FFFFFF;
  line-height: 16px;
  border: 1px solid #EBEBEB;
  cursor: not-allowed;
}
.common-gpt-nps-container .button-container .save-button.save-button-active {
  background: #FA8919;
  border: 1px solid #FA8919;
  color: #FFFFFF;
  cursor: pointer;
}
.common-gpt-nps-container .button-container .save-button.save-button-active:hover {
  background: #FA9A2A;
  color: #FFFFFF;
  border: none;
}
.common-gpt-nps-container .loading {
  padding: 110px;
}

.shareBox {
  position: relative;
}
.shareBox .dialog-title {
  border: unset;
}
.shareBox .dialog-pop {
  z-index: 99999;
}
.shareBox .dialog-pop .ns-popover-tooltip {
  margin: 0;
  width: 90px;
  padding: 10px 0 !important;
  margin-top: -4px;
}
.shareBox .dialog-pop .ns-popover-tooltip p {
  line-height: 36px;
  height: 36px;
  color: #4a4a4a;
  cursor: pointer;
  padding: 0 10px;
}
.shareBox .dialog-pop .ns-popover-tooltip p:hover {
  background: #f8f8f9;
}

.contract-review-button-container .contract-review-button-not-full-screen-container {
  width: 56px;
  background: #F9FAFC;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 6px 6px 0px;
  position: absolute;
  top: 300px;
  right: -56px;
  padding: 18px 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  z-index: -1;
  border-left: 1px solid #ebebeb;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap {
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap .contract-review-button-not-full-screen-item-img-wrap {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  margin-bottom: 6px;
  overflow: hidden;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap .contract-review-button-not-full-screen-item-img-wrap .contract-review-button-not-full-screen-item-img {
  width: 16px;
  height: 16px;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap .contract-review-button-not-full-screen-item-img-wrap .contract-review-button-not-full-screen-item-img-static {
  display: block;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap .contract-review-button-not-full-screen-item-img-wrap .contract-review-button-not-full-screen-item-img-hover {
  display: none;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap .contract-review-button-not-full-screen-item-text {
  font-size: 11px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap:hover .contract-review-button-not-full-screen-item-img-hover {
  display: block;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap:hover .contract-review-button-not-full-screen-item-img-static {
  display: none;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap:hover .contract-review-button-not-full-screen-item-text {
  color: #FA8919;
}
.contract-review-button-container .contract-review-button-not-full-screen-container .contract-review-button-not-full-screen-item-wrap:last-child {
  margin-bottom: 0px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container {
  position: fixed;
  bottom: 150px;
  right: 10px;
  width: 48px;
  background: #FFFFFF;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 28px;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap {
  cursor: pointer;
  position: relative;
  padding: 16px 0px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap .contract-review-button-is-full-screen-item-img-wrap-tooltip {
  padding: 6px 8px;
  background: #3D3D3D;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
  white-space: nowrap;
  position: absolute;
  right: 60px;
  bottom: 9px;
  display: none;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap .contract-review-button-is-full-screen-item-img-wrap-tooltip:after {
  position: absolute;
  content: ' ';
  display: block;
  border-left: 8px solid #3D3D3D;
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -8px;
  margin: auto;
  top: 0px;
  bottom: 0px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap .contract-review-button-is-full-screen-item-img-wrap {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  overflow: hidden;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap .contract-review-button-is-full-screen-item-img-wrap .contract-review-button-is-full-screen-item-img {
  width: 16px;
  height: 16px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap .contract-review-button-is-full-screen-item-img-wrap .contract-review-button-is-full-screen-item-img-static {
  display: block;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap .contract-review-button-is-full-screen-item-img-wrap .contract-review-button-is-full-screen-item-img-hover {
  display: none;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:hover .contract-review-button-is-full-screen-item-img-wrap-tooltip {
  display: block;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:hover .contract-review-button-is-full-screen-item-img-wrap .contract-review-button-is-full-screen-item-img-static {
  display: none;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:hover .contract-review-button-is-full-screen-item-img-wrap .contract-review-button-is-full-screen-item-img-hover {
  display: block;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:first-child {
  padding-top: 0px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:last-child {
  padding-bottom: 0px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:last-child .contract-review-button-is-full-screen-item-img-wrap-tooltip {
  bottom: -7px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap::after {
  content: ' ';
  display: block;
  width: 24px;
  height: 1px;
  background: #EBEBEE;
  position: absolute;
  bottom: 0px;
  margin: auto;
  left: 0px;
  right: 0px;
}
.contract-review-button-container .contract-review-button-is-full-screen-container .contract-review-button-is-full-screen-item-wrap:last-child::after {
  display: none;
}
.contract-review-button-container-none {
  display: none;
}
.contract-review-button-container-hash-not {
  display: none;
}

.contract-review-gpt-feedback-award-card-container {
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
}
.contract-review-gpt-feedback-award-card-container [class^="contract-review-gpt-feedback-award-img"] {
  width: 104px;
  height: 92px;
}
.contract-review-gpt-feedback-award-card-container .contract-review-gpt-feedback-award-img-hover {
  display: none;
}
.contract-review-gpt-feedback-award-card-container .contract-review-gpt-feedback-award-img {
  display: block;
}
.contract-review-gpt-feedback-award-card-container .icona-shanchu-hover21 {
  color: #C3C6C8;
  opacity: 0.6;
  position: absolute;
  top: 13px;
  right: 10px;
}
.contract-review-gpt-feedback-award-card-container .icona-shanchu-hover21:hover {
  color: #C3C6C8;
  opacity: 1;
}
.contract-review-gpt-feedback-award-card-container-position {
  top: 208px;
  right: -80px;
}
.contract-review-gpt-feedback-award-card-container-full-position {
  position: fixed;
  bottom: 306px;
  right: -5px;
}
.contract-review-gpt-feedback-award-card-container:hover .contract-review-gpt-feedback-award-img-hover {
  display: block;
}
.contract-review-gpt-feedback-award-card-container:hover .contract-review-gpt-feedback-award-img {
  display: none;
}

.feedback-dialog-wrapper {
  width: 390px;
  padding: 28px 23px 0;
  position: relative;
  box-sizing: border-box;
}
.feedback-dialog-wrapper.CONNER {
  padding-bottom: 28px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: 100;
  position: fixed ;
  bottom: 24px ;
  right: 10px ;
  top: initial ;
  left: initial;
  background: #fff;
  border-radius: 12px;
}
.feedback-dialog-wrapper.CONNER.show-button {
  padding-bottom: 0px;
}
.feedback-dialog-wrapper.CONNER.show-button .button-wrapper {
  display: flex;
}
.feedback-dialog-wrapper.CONNER.show-button .button-wrapper > div:first-child {
  display: none;
}
.feedback-dialog-wrapper.CONNER.show-button .button-wrapper > div:last-child {
  margin: 0;
}
.feedback-dialog-wrapper.CONNER .button-wrapper {
  display: none;
}
.feedback-dialog-wrapper.CENTER {
  width: 100%;
}
.feedback-dialog-wrapper .dialog-title-wyk {
  position: relative;
  padding: 24px 0 20px;
  margin-top: -28px;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(90%);
}
.feedback-dialog-wrapper .close {
  z-index: 1;
  color: #cdc8c5;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  right: 21px;
  top: 21px;
}
.feedback-dialog-wrapper .close:hover {
  color: #fa8919;
}
.feedback-dialog-wrapper .form-item {
  padding-bottom: 0px;
  margin-top: 32px;
}
.feedback-dialog-wrapper .form-item:first-child {
  margin-top: 0px;
}
.feedback-dialog-wrapper .label {
  margin-bottom: 8px;
  color: #222;
  font-family: PingFangSC, PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.feedback-dialog-wrapper .label.must::before {
  content: "*";
  color: #f6535c;
  font-family: PingFangSC, PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 4px;
}
.feedback-dialog-wrapper .form-content textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background: #F9FAFC;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  height: 78px;
  line-height: 18px;
  padding: 12px 14px;
  resize: none;
  min-height: 32px;
  color: #333;
}
.feedback-dialog-wrapper .form-content textarea::placeholder {
  color: #999999;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .rate-block-wrapper {
  display: flex;
  margin-top: 12px;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .rate-block-wrapper .rate-block {
  border: 1px solid #eeeff1;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  flex: 0 0 24px;
  font-family: PingFangSC, PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin-right: 7px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .rate-block-wrapper .rate-block:hover {
  background: #FFF9F5;
  border: 1px solid rgba(250, 125, 25, 0.32);
  color: #FA8919;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .rate-block-wrapper .rate-block::after {
  content: ' ';
  display: block;
  padding-top: 100%;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .rate-block-wrapper .rate-block.active {
  background: #fa8919;
  border: 1px solid #fa8919;
  color: #fff;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .rate-block-wrapper .rate-block:last-child {
  margin-right: 0;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .img-wrapper {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .img-wrapper .img-info {
  display: flex;
  align-items: center;
  color: #999;
  font-family: PingFangSC, PingFang SC;
  font-size: 12px;
  font-weight: 400;
  height: 12px;
  line-height: 12px;
}
.feedback-dialog-wrapper .form-content .rate-wrapper .img-wrapper .img-info img {
  height: 16px;
  width: 16px;
  margin-right: 6px;
}
.feedback-dialog-wrapper .button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 28px;
  padding-top: 28px;
}
.feedback-dialog-wrapper .button-wrapper > div {
  margin: 0 6px;
}
.feedback-dialog-wrapper .button-wrapper .button {
  box-sizing: border-box;
  border-radius: 20px;
  font-family: PingFangSC, PingFang SC;
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  line-height: 16px;
  margin-right: 12px;
  width: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.feedback-dialog-wrapper .button-wrapper .button.glost {
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
}
.feedback-dialog-wrapper .button-wrapper .button.glost:hover {
  background: #fffaf6;
  border-color: #fa8919;
  color: #fa8919;
}
.feedback-dialog-wrapper .button-wrapper .button.primary {
  background: #fa8919;
  border: 1px solid #fa8919;
  color: #fff;
  cursor: pointer;
}
.feedback-dialog-wrapper .button-wrapper .button.primary:hover {
  background: #fa9a2a;
  border: none;
  color: #fff;
}
.feedback-dialog-wrapper .button-wrapper .button.primary.disable {
  background: #ebebeb;
  border: 1px solid #ebebeb;
  cursor: not-allowed;
}

.alpha-gpt-article-detail {
  left: unset;
  margin: 0 auto;
  box-shadow: unset;
}
.alpha-gpt-article-detail .articleDetail-head .tit {
  max-width: calc(100% - 240px);
}


.pageModeCaseDetail .bigData-caseDetail {
  left: unset;
  margin: 0 auto;
  box-shadow: unset;
}
.pageModeCaseDetail .bigData-caseDetail .caseDetail-head .left .tit {
  max-width: 70%;
}
.componentModeCaseDetail {
  position: relative;
}
.componentModeCaseDetail .bigData-caseDetail {
  left: unset;
  margin: 0 auto;
  box-shadow: unset;
  min-height: 100vh;
}
.componentModeCaseDetail .caseDetail-content .content-left {
  padding: 0 !important;
}
.componentModeCaseDetail .caseDetail-content .content-right {
  top: 100px !important;
}
.componentModeCaseDetail .componentModeFastMenu {
  position: relative;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.componentModeCaseDetail .componentModeFastMenu .left {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: -8px;
  margin-right: 5px;
  background-color: transparent;
}
.componentModeCaseDetail .componentModeFastMenu .left:hover i {
  color: #ed6c00;
}
.componentModeCaseDetail .componentModeFastMenu .right {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: -8px;
  background-color: transparent;
}
.componentModeCaseDetail .componentModeFastMenu .right:hover i {
  color: #ed6c00;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox {
  flex: 1;
  overflow: auto;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox .active {
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #FDC48C;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox .active span {
  color: #ED6C00;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox li {
  padding: 6px 12px;
  box-sizing: border-box;
  flex-shrink: 0;
  height: 28px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  border: 1px solid #F6F7F9;
  background: #F6F7F9;
  border-radius: 6px;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox li:last-child {
  margin-right: 0;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox li span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
}
.componentModeCaseDetail .componentModeFastMenu .menuBox li span:hover {
  color: #ed6c00 !important;
}
.componentModeCaseDetail .alpha-gpt-header {
  display: none;
}
.componentModeCaseDetail .alpha-gpt-body {
  padding: 0 0;
  background-color: white;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail {
  width: 100%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-head {
  box-sizing: border-box;
  width: 100%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-head .left {
  width: 100%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left {
  box-sizing: border-box;
  padding: 50px;
  width: 100%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo {
  box-sizing: border-box;
  padding: 0 21px;
  width: 100%;
  border-bottom: unset;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info {
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .case-header-info .black {
  color: #333333;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .base-info-left {
  padding-right: 10px;
  box-sizing: border-box;
  width: 25%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .base-info-left .lawRule {
  font-size: 12px;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .base-info-left .time {
  font-size: 12px;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .base-info-right {
  padding-right: 10px;
  box-sizing: border-box;
  width: 15%;
  margin-left: 10px;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left .caseInfo .base-info-right .time {
  margin-right: 0;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left #content {
  box-sizing: border-box;
  width: 100%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .caseDetail-content .content-left #content p {
  width: 100%;
}
.componentModeCaseDetail .alpha-gpt-body .bigData-caseDetail .bottomBlank {
  height: 40px;
}
.componentModeCaseDetail .alpha-gpt-body .line {
  width: 100%;
  background-color: transparent;
  display: none;
}
.componentModeCaseDetail .componentModeCaseDetailHead {
  margin-left: 2px;
  padding: 18px 24px 12px 20px;
  position: sticky !important;
  top: 0px;
  background: white;
  z-index: 100;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: unset;
  background-image: url(tool/alphaGptPage/images/fastCaseHeaderBg.png) !important;
  background-size: cover;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea {
  display: flex;
  justify-content: space-between;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .title {
  padding-top: 3px;
  box-sizing: border-box;
  flex: 0 0 auto;
  /* 不让.title元素增长或收缩 */
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect {
  margin-left: auto;
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
  float: unset;
  right: 0;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .cursor:hover i,
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .cursor:hover span {
  color: #fa8919;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .printBox {
  display: flex;
  width: 52px !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .printBox i {
  font-size: 18px;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .printBox div {
  padding-left: 5px;
  padding-top: 5px;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .printBox:hover div {
  color: #fa8919;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .download {
  width: 50px;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .download span {
  margin-left: 5px;
  border-right: unset;
  padding-right: unset;
}
.componentModeCaseDetail .componentModeCaseDetailHead .titleArea .elect .fullScreenCheck {
  width: 75px;
}
.componentModeCaseDetail .caseThrough {
  margin: 0 20px;
  padding: 0 20px;
}
.componentModeCaseDetail #content h3 {
  font-size: 15px;
  color: #171717;
}
.componentModeCaseDetail #content h3 .ibass-dot {
  top: 1px;
  left: -5px;
}
.componentModeCaseDetail #content p {
  font-size: 15px;
  color: #171717;
  line-height: 28px;
}
.iCase-download-popover {
  margin-top: 6px;
}

.alpha-gpt-judicial-detail {
  left: unset !important;
  margin: 0 auto !important;
  box-shadow: unset;
  position: unset;
}
.alpha-gpt-judicial-detail .laws-detail-head {
  display: flex;
  align-items: center;
}
.alpha-gpt-judicial-detail .laws-detail-head .title-container {
  display: flex !important;
  justify-content: center;
}
.alpha-gpt-judicial-detail .laws-detail-head .title-container .tit {
  margin-bottom: 20px;
  width: calc(100% - 30px);
  max-width: 970px !important;
}
.alpha-gpt-judicial-detail .laws-detail-head .right-container {
  align-self: baseline;
  margin-left: auto;
}
.alpha-gpt-judicial-detail .laws-detail-head .right-container .download span {
  border-right: unset !important;
}

.bigData-laws-simple {
  margin: 0 auto;
  width: 1200px;
  position: relative;
  background: #fff;
  top: 6px;
  min-height: 1486px;
  border-radius: 10px;
  display: table;
}
.bigData-laws-simple.timelimit-invalid {
  background: url('tool/images/timelimit-invalid.svg') 40% 70% fixed no-repeat;
  background-color: #fff;
}
.bigData-laws-simple.timelimit-future {
  background: url('tool/images/timelimit-future.svg') 40% 70% fixed no-repeat;
  background-color: #fff;
}
.bigData-laws-simple.timelimit-invalid-half {
  background: url('tool/images/timelimit-invalid-half.svg') 40% 70% fixed no-repeat;
  background-color: #fff;
}
.bigData-laws-simple pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  *white-space: normal !important;
}
.bigData-laws-simple .search-in-page {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 20;
  top: 80px !important;
}
.bigData-laws-simple.no-left-navs .laws-detail-content {
  width: auto;
}
.bigData-laws-simple.no-left-navs .laws-detail-content .content-left {
  width: auto;
}
.bigData-laws-simple.no-left-navs .laws-detail-content .content-left .laws-info {
  width: auto;
}
.bigData-laws-simple .cDownFile {
  max-width: 100%;
}
.bigData-laws-simple .lighting {
  color: #ed6c00;
}
.bigData-laws-simple .cDownFile {
  color: #d3a279;
  text-decoration: underline;
}
.bigData-laws-simple .jump-law {
  background-color: #fa8919;
}
.bigData-laws-simple i {
  position: relative;
  font-size: 14px;
  color: #cdc9c5;
  font-style: normal;
  top: 2px;
}
.bigData-laws-simple table {
  max-width: 900px;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  display: block;
  overflow-x: auto;
  text-indent: 0px;
}
.bigData-laws-simple table tr {
  background-color: #fff;
}
.bigData-laws-simple table td,
.bigData-laws-simple table th {
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  border: 1px solid #ddd;
}
.bigData-laws-simple .text-align-center {
  text-align: center !important;
}
.bigData-laws-simple .text-align-center .i-add-search-report {
  visibility: hidden;
}
.bigData-laws-simple .text-align-center:hover {
  visibility: visible;
}
.bigData-laws-simple .bigdata_query_highlight {
  color: red;
}
.bigData-laws-simple .loading {
  padding-top: 300px;
}
.bigData-laws-simple .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-simple .laws-detail-head .tit {
  padding-top: 20px;
  padding-bottom: 5px;
  max-width: 900px;
  text-align: left;
}
.bigData-laws-simple .laws-detail-head .tit .ibass-regulation {
  color: #fdba78;
  font-size: 24px;
  position: absolute;
  margin-top: 14px;
}
.bigData-laws-simple .laws-detail-head .tit span.title-des {
  font-size: 20px;
  text-align: left;
  color: #4a4a4a;
  font-weight: normal;
  max-width: 530px;
  margin-left: 30px;
  display: inline-block;
}
.bigData-laws-simple .laws-detail-head .tit span.title-des.short-title {
  max-width: 418px;
}
.bigData-laws-simple .laws-detail-head .tit span.law-timelimit {
  padding: 0 15px;
  height: 22px;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  position: relative;
  top: -3px;
  margin-left: 2px;
}
.bigData-laws-simple .laws-detail-head .right-container {
  right: 10px;
  top: 15px;
  position: absolute;
}
.bigData-laws-simple .laws-detail-head .right-container i {
  top: 3px;
}
.bigData-laws-simple .laws-detail-head .right-container .download,
.bigData-laws-simple .laws-detail-head .right-container .close-detail,
.bigData-laws-simple .laws-detail-head .right-container .add-label {
  display: inline-block;
  text-align: center;
}
.bigData-laws-simple .laws-detail-head .right-container .download,
.bigData-laws-simple .laws-detail-head .right-container .add-label {
  position: relative;
  top: -2px;
  margin-right: 15px;
}
.bigData-laws-simple .laws-detail-head .right-container .download span,
.bigData-laws-simple .laws-detail-head .right-container .add-label span {
  font-size: 14px;
}
.bigData-laws-simple .laws-detail-head .right-container .download a:hover,
.bigData-laws-simple .laws-detail-head .right-container .add-label a:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-head .right-container .download a:hover i,
.bigData-laws-simple .laws-detail-head .right-container .add-label a:hover i {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-head .right-container .add-label {
  margin-right: 16px;
}
.bigData-laws-simple .laws-detail-head .right-container .i-add-search-report {
  position: relative;
  top: -2px;
  display: inline-block;
}
.bigData-laws-simple .laws-detail-head .right-container .i-add-search-report span {
  margin-right: 12px;
  padding-right: 15px;
  border-right: none;
}
.bigData-laws-simple .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-simple .laws-detail-head .right-container .ibass-printline {
  position: relative;
  top: 5px;
  font-size: 20px !important;
}
.bigData-laws-simple .laws-detail-head .right-container .ibass-download,
.bigData-laws-simple .laws-detail-head .right-container .ibass-loop,
.bigData-laws-simple .laws-detail-head .right-container .ibass-report,
.bigData-laws-simple .laws-detail-head .right-container .ibass-printline,
.bigData-laws-simple .laws-detail-head .right-container .ibass-bigdata-list,
.bigData-laws-simple .laws-detail-head .right-container .ibass-field-casade {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-laws-simple .laws-detail-content {
  display: flex;
}
.bigData-laws-simple .laws-detail-content .level4 {
  margin-bottom: 24px;
  margin-top: 0px;
}
.bigData-laws-simple .laws-detail-content .simple-mode .i-add-search-report,
.bigData-laws-simple .laws-detail-content .simple-mode .refer-count {
  display: none !important;
}
.bigData-laws-simple .laws-detail-content .simple-mode .level4 {
  line-height: 1px;
  height: 16px;
  margin-bottom: 6px;
  margin-top: 3px;
}
.bigData-laws-simple .laws-detail-content .simple-mode .refer-msg-box {
  display: none !important;
}
.bigData-laws-simple .laws-detail-content .simple-mode .simple-mode-box {
  display: none !important;
}
.bigData-laws-simple .laws-detail-content .simple-mode .tiao-gist {
  display: none !important;
}
.bigData-laws-simple .laws-detail-content .content-left {
  width: 970px;
  box-sizing: border-box;
  padding: 0px 50px 50px 50px;
}
.bigData-laws-simple .laws-detail-content .content-left #content {
  width: 890px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info-bottom {
  padding-bottom: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info-bottom .bottom-info-name {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info-bottom .bottom-info-value {
  margin-left: 16px;
  color: #4a4a4a;
  font-weight: 500;
}
.bigData-laws-simple .laws-detail-content .content-left .refer-detail-box {
  margin-bottom: 12px;
}
.bigData-laws-simple .laws-detail-content .content-left .refer-detail-box .refer-title {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 6px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-item:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .article-refer-box {
  background: #f8f8f9;
  padding: 10px 30px 10px 32px;
  margin-bottom: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .article-refer-box.simple-mode-box {
  display: none !important;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box {
  background: #f8f8f9;
  padding: 6px 30px 6px 32px;
  margin-top: 5px;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .refer-title.explain-refer-title {
  padding-bottom: 0px;
  padding-top: 10px;
  margin-bottom: 1px;
}
.bigData-laws-simple .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-simple .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-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-title:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art {
  line-height: 24px;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art .exp-art-fullName {
  white-space: nowrap;
  padding-right: 5px;
  font-weight: 500;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art:hover {
  color: #ed6c00;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art:hover a {
  color: #d3a279;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art:hover a:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .xf-mar14 {
  margin-left: 14px;
}
.bigData-laws-simple .laws-detail-content .content-left .max-height {
  max-height: 508px;
  overflow-y: auto;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .legislation-history-box .law-title {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  line-height: 26px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: block;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .law-matter-min {
  text-indent: 2em!important;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-tag {
  width: 100%;
  margin-top: 12px;
  margin-left: 22px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-tag .history-tag-item {
  position: relative;
  width: 80px;
  height: 24px;
  background: #ed6c00;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bigData-laws-simple .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-simple .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-simple .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 #ed6c00;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  left: -12px;
  top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-item {
  position: relative;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-line {
  height: 100%;
  width: 2px;
  background: #ebebeb;
  position: absolute;
  left: 100px;
  top: 24px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 17px;
  position: relative;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .legislation-history-box .history-title .date {
  width: 80px;
  text-align: right;
  font-size: 13px;
  color: #a9a9a9;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title .history-dot {
  padding-right: 12px;
  padding-left: 14px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title .history-dot i {
  position: relative;
  top: -1px;
  color: #ebebeb;
  font-size: 14px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title .history-title-des {
  flex: 1;
  font-size: 14px;
  color: #4a4a4a;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title .history-title-des .action-name-label {
  color: #4a4a4a;
  font-weight: 400;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title.current,
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title:hover {
  font-weight: 500;
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title.current .date,
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title:hover .date {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title.current .history-title-des,
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title:hover .history-title-des {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title.current .history-dot i,
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-title:hover .history-dot i {
  color: #ed6c00;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .legislation-history-box .history-other div {
  padding-top: 3px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other g {
  color: #0B58FF;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other r {
  color: #E80000;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other .oan-add-green {
  color: #0B58FF;
  display: inline-block;
  padding-top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other .oan-del-red {
  color: #E80000;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .date {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .history-title-des {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .history-dot i {
  color: #ed6c00;
}
.bigData-laws-simple .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-simple .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-simple .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: #0B58FF;
}
.bigData-laws-simple .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: #E80000;
}
.bigData-laws-simple .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-simple .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-simple .laws-detail-content .content-left .legislation-history-box .cnki__list {
  padding-top: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item + .cnki__item {
  margin-top: 24px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item-title .index {
  display: inline-block;
  width: 28px;
  flex-shrink: 0;
}
.bigData-laws-simple .laws-detail-content .content-left .legislation-history-box .cnki__list .cnki__item-title:hover {
  color: #ED6C00;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .lawregu_link {
  color: #d3a279;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .lawregu_link:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .lawregu_link[lawreguid=""] {
  pointer-events: none;
  color: inherit;
  cursor: text;
}
.bigData-laws-simple .laws-detail-content .content-left .lawregu_link[lawreguid=""]:hover {
  color: inherit;
}
.bigData-laws-simple .laws-detail-content .content-left > div:last-child {
  border: 0;
}
.bigData-laws-simple .laws-detail-content .content-left p {
  width: 860px;
}
.bigData-laws-simple .laws-detail-content .content-left .xf-name p {
  width: 100%;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .keyword {
  padding-left: 7px;
  margin-bottom: 10px;
  color: #ed6c00;
  line-height: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .keyword span {
  display: inline-block;
  text-indent: 5px;
}
.bigData-laws-simple .laws-detail-content .content-left .keyword span:first-child {
  text-indent: 0;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info {
  width: 857px;
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info span {
  padding-bottom: 5px;
}
.bigData-laws-simple .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: 66px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info .base-info-value {
  margin-left: 12px;
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
  text-align: left;
  display: inline-block;
  color: #4a4a4a;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .laws-info .base-info-left .base-info-value {
  min-width: 130px;
  max-width: 210px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info .base-info-right {
  margin: 14px 15px;
  float: left;
  max-width: 520px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info .base-info-right .base-info-value {
  min-width: 130px;
  max-width: 420px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .laws-info .lawRule,
.bigData-laws-simple .laws-detail-content .content-left .laws-info .time {
  display: inline-block;
  margin-right: 20px;
  color: #a9a9a9;
  padding-bottom: 4px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-info i {
  float: right;
  color: #cdc9c5;
  font-size: 16px;
  margin: 0 7px;
}
.bigData-laws-simple .laws-detail-content .content-left .uib-collapse-line {
  border-top: 1px solid #ebebeb;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law {
  margin-bottom: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .law-select {
  font-size: 14px;
  color: #fa8919;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .lawregu_link {
  cursor: pointer;
  color: #cdc9c5;
  margin-left: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .lawregu_link:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .align-right {
  text-align: right;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .align-right:hover .ibass-km {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .align-right:hover .popular-title {
  color: #ed6c00;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .popular-law .align-left {
  text-align: left;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .align-left:hover .ibass-km {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .align-left:hover .ibass-replace {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .align-left:hover .popular-title {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .visited .ibass-km,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .visited .ibass-clock,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .visited .ibass-replace {
  color: #ed6c00;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .visited .popular-title,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .visited .LEtitle {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .ibass-km,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .ibass-clock,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .ibass-replace {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .line {
  float: left;
  height: 15.5px;
  line-height: 28px;
  color: #ebebeb;
  margin: 0 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .after-clear {
  margin-bottom: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .after-clear:hover .ibass-clock,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .after-clear:hover .LEtitle,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .after-clear:hover .ibass-replace {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .after-clear.right {
  position: relative;
  top: 3px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .after-clear.right input:focus {
  border-color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .download {
  float: right;
  margin-right: 20px;
  width: 64px;
  height: 24px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.bigData-laws-simple .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: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .download span,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .download i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items {
  width: 870px;
  background-color: #f8f8f9;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .first {
  padding-top: 15px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items i {
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .ibass-checked {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .item {
  padding-bottom: 5px;
  margin-left: 18px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .item .title:hover {
  color: #ed6c00;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .item .number:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .popular-law .legislative-evolution .margin-box {
  margin-bottom: 10px;
  max-height: 295px;
  overflow: auto;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution.padding {
  padding: 15px 0 0px 18px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .date {
  color: #a9a9a9;
  font-size: 13px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis {
  width: auto;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .ibass-dot {
  margin: 0 10px 0px 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .title,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item-detail:hover .title {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .item-detail:hover .title {
  color: inherit;
  cursor: inherit;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .item-detail .effective-basis-title:hover {
  color: #ed6c00;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .date,
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .ibass-dot {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item.current .title {
  cursor: text;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .legislative-evolution-container {
  position: relative;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .legislative-evolution-container.effective-basis {
  padding-top: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis .ver-line {
  left: 7px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution.effective-basis.padding {
  padding: 0px 0 15px 18px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item {
  overflow: hidden;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .left-item {
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail.laws {
  margin-top: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item:nth-child(2) .item-detail.laws {
  margin-top: 0;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail {
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail div {
  display: inline-block;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail .date {
  width: 80px;
  text-align: left;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .item-detail .title {
  width: 700px;
}
.bigData-laws-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord {
  margin-left: 135px;
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord .ver-line-exist {
  min-height: 40px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .popular-law .legislative-evolution .item .law-accord .title:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-left .small-title {
  position: relative;
  line-height: 22px;
  font-size: 16px;
}
.bigData-laws-simple .laws-detail-content .content-left .small-title i {
  position: absolute;
  top: 6px;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .small-title .credit_line {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-laws-simple .laws-detail-content .content-left .small-title .content-indent {
  text-indent: 32px;
}
.bigData-laws-simple .laws-detail-content .content-left .small-title .pass_meeting {
  text-align: center;
}
.bigData-laws-simple .laws-detail-content .content-left .small-title .post_persion {
  text-align: right;
}
.bigData-laws-simple .laws-detail-content .content-left .partiesInfo {
  padding-left: 7px;
  border-bottom: 1px solid #f0f0f0;
}
.bigData-laws-simple .laws-detail-content .content-left .partiesInfo div p:first-child {
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-left .partiesInfo div p.name {
  padding-bottom: 7px;
  color: #232323;
  font-size: 16px;
  padding-left: 30px;
}
.bigData-laws-simple .laws-detail-content .content-left .partiesInfo div p.name span {
  color: #a9a9a9;
  font-size: 14px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through.margin-bottom {
  padding-bottom: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through.law-sections-title {
  padding-top: 10px;
  padding-bottom: 20px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through.law-chapter-title {
  padding-bottom: 15px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .tiao-type {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain {
  position: absolute;
  top: 19px;
  left: 0;
  transform: translateX(-50%);
  z-index: 1000;
  padding-top: 12px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain .law-copy-button-span {
  background: #3D3D3D;
  color: #ffffff;
  border-radius: 7px;
  white-space: nowrap;
  text-indent: 0;
  padding: 0px 0px;
  height: 30px;
  width: 92px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain .law-copy-button-span .ibass-move {
  color: #ffffff;
  margin-right: 4px;
  font-size: 12px;
  position: relative;
  top: 0;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain .law-copy-button-span::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 12px solid #3d3d3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: 0;
  left: 39px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .tiao-gist {
  padding: 6px 4px 5px;
  font-size: 14px;
  color: #4a4a4a;
  background: rgba(205, 201, 197, 0.2);
  border-radius: 2px;
  font-weight: 500;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content {
  width: 100%;
  text-indent: 32px;
  border: 0.5px solid transparent;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style {
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: -2px;
  color: #4a4a4a;
  padding: 0 10px;
  margin-left: 8px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style .preview-img-box {
  margin-right: 10px;
  overflow: hidden;
  display: inline-block;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style .preview-img {
  vertical-align: middle;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style span {
  text-indent: 0;
  vertical-align: middle;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .content {
  position: relative;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .content .timelimit-invalid-half-content {
  text-indent: 0;
  background-color: #FFEDEB;
  line-height: 28px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .content .timelimit-invalid-half-content::before {
  content: '失效';
  position: absolute;
  display: block;
  left: -19px;
  top: -2px;
  width: 19px;
  height: 28px;
  background: #F35645;
  color: #FFFFFF;
  transform: scale(0.8);
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  line-height: 14px;
  border-radius: 4px 0px 0px 4px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .content .timelimit-invalid-half-item {
  background-color: #FFEDEB;
  position: relative;
  line-height: 28px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style:hover .preview-img {
  filter: drop-shadow(#fa8919 14px 0);
  transform: translateX(-14px);
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .preview-button-style::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  width: 1px;
  height: 16px;
  background: #EBEBEB;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .not-has-i-add-search-report {
  text-indent: 32px;
  margin: 0;
  padding: 0;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .not-has-i-add-search-report .preview-img-box {
  margin-right: 12px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .through-content .not-has-i-add-search-report::after {
  display: none;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container {
  margin-top: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container .preview-header {
  background-color: #ededed;
  display: flex;
  padding: 10px 8px;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container {
  display: flex;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container .ibass-link {
  color: #000000;
  margin-right: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container .preview-name {
  color: #333333;
  font-size: 16px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container .preview-name .bigdata_query_highlight {
  color: #000000;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .preview-container .preview-header .ibass-close {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .laws-through .refer-count:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-count.law-parenthese {
  cursor: inherit;
  padding-right: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-count.law-parenthese:hover {
  color: #a9a9a9 !important;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .laws-through .refer-msg-box.refer-box-active,
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-msg-box:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-msg-box.refer-box-active i,
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-msg-box:hover i {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-msg-box.refer-box-active .icon-cnki,
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-msg-box:hover .icon-cnki {
  background-image: url(tool/images/icon-cnki-active.svg);
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .refer-msg-box .icon-cnki {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(tool/images/icon-cnki.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .visibility {
  visibility: inherit;
}
.bigData-laws-simple .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-simple .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-simple .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-simple .laws-detail-content .content-left .laws-through .i-add-search-report a span {
  position: relative;
  top: -1px;
  padding-right: 10px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .i-add-search-report a .ibass-done {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through:hover .refer-count {
  text-align: center;
  z-index: 100;
  color: #a9a9a9;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through:hover .refer-count:hover {
  color: #fa8919;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through:hover .i-add-search-report {
  visibility: initial;
  display: inline-block;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through p {
  line-height: 28px;
  font-size: 16px;
  display: inline-block;
  word-wrap: break-word;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through p:hover {
  text-align: inherit;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through table td p {
  width: auto;
  display: block;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .subheading {
  margin: 15px 0 10px;
  font-weight: bold;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .main-title {
  margin-top: 30px;
  font-size: 18px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .common-title {
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .credit_line {
  text-align: center !important;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .indicate {
  text-indent: 2em;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .text-align-right {
  text-align: right !important;
  font-weight: normal !important;
  font-size: 16px !important;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .law-matter.law-interpretation {
  text-indent: 0;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-title:first-child {
  margin-top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .law-matter.law-interpretation p {
  font-size: 14px;
  text-indent: 2em;
}
.bigData-laws-simple .laws-detail-content .content-left .laws-through .law-matter.law-interpretation .content-notes {
  color: #ed6c00;
}
.bigData-laws-simple .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-simple .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-simple .laws-detail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 110px;
  bottom: 300px;
  width: 214px !important;
  padding: 20px 0 40px;
  background-color: #fff;
  z-index: 90;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.bigData-laws-simple .laws-detail-content .content-right .after-clear {
  margin-top: -35px;
  text-align: right;
  cursor: pointer;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-right .fast-menu {
  position: relative;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 22px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu h6 .catalog-icon {
  vertical-align: middle;
  margin-right: 6px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu h6 span {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  color: #FA8919;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow {
  padding: 0 8px 0 0;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow .list-bold-text {
  font-weight: 500;
  color: #333333;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow .list-catalog-item {
  display: flex;
  align-items: flex-start;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow .list-catalog-item .ibass-minus-round {
  display: block;
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow .list-catalog-item .ibass-add-round {
  margin: 0px 8px 0px 0px;
  display: block;
  position: relative;
  top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow .list-catalog-item .ibass-dot {
  display: block;
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow .list-catalog-item:hover .ibass-dot {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .overflow::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul {
  position: relative;
  max-height: 600px;
  overflow-x: visible;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul .vertical-line {
  position: absolute;
  width: 1px;
  height: 77%;
  background: #f0f0f0;
  margin: 10px 0;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li {
  color: #4a4a4a;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 8px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li i {
  margin-top: 6px;
  margin-bottom: 6px;
}
.bigData-laws-simple .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: -7px;
  top: 7px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: 4px;
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li .ibass-dot {
  font-size: 4px;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul .is-indent {
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul .is-3indent {
  padding-left: 16px;
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul .is-4indent {
  padding-left: 32px;
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li:hover .list-bold-text {
  font-weight: 500;
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul .list-text.active {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu ul .list-text.active .list-bold-text {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 42px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-laws-simple .laws-detail-content .content-right .fast-menu .top-btn,
.bigData-laws-simple .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-simple .laws-detail-content .content-right .fast-menu .top-btn {
  position: absolute;
  top: 28px;
  left: -1px;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-right .fast-menu .bottom-btn {
  margin-top: 10px;
  margin-left: -1px;
  position: absolute;
  bottom: 0px;
  transform: rotate(180deg);
}
.bigData-laws-simple .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-simple .laws-detail-content .content-right .relation-msg-container {
  padding-top: 25px;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .padding-box {
  overflow-y: auto;
  height: 100%;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .padding-box::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-laws-simple .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-simple .laws-detail-content .content-right .relation-msg-container .padding-box:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .padding-box:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box {
  padding: 16px 16px 18px;
  background-color: #F8F8F9;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box + .relation-msg-box {
  margin-top: 24px;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu {
  position: relative;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu h6 {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin: 15px 0 10px;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu p {
  height: 30px;
  line-height: 30px;
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .overflow {
  padding: 10px 0 0 0;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .overflow::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .overflow::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .overflow:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .overflow:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul {
  position: relative;
  max-height: 600px;
  overflow-x: visible;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul:before,
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -1px;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul:before {
  top: 0px;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul:after {
  bottom: 0;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul .vertical-line {
  position: absolute;
  width: 1px;
  height: 77%;
  background: #f0f0f0;
  margin: 10px 0;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul li {
  min-height: 24px;
  line-height: 24px;
  color: #737373;
  position: relative;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .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-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul li .user-define-line {
  display: none;
  position: absolute;
  left: 4px;
  top: -2px;
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul li.active {
  color: #ed6c00;
  font-weight: bold;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul li.active i {
  display: inline-block;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul .list-text.active {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu ul .list-text.active.list-bold-text {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .left-line {
  position: absolute;
  width: 1px;
  top: 30px;
  left: 6px;
  bottom: 14px;
  background-color: #f0f0f0;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .top-btn,
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .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-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .top-btn {
  position: absolute;
  top: 26px;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .top-btn:hover {
  background: url("tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(180deg);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .bottom-btn {
  margin-top: 10px;
  transform: rotate(180deg);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .fast-menu .bottom-btn:hover {
  background: url("tool/bigData/images/index-scroll-down-hover.png") no-repeat;
  transform: rotate(0);
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-type {
  font-family: PingFangSC;
  font-size: 14px;
  /* font-weight: 500;
            color: #4a4a4a;
            padding-bottom: 10px;
            border-bottom: 1px solid #ebebeb; */
}
.bigData-laws-simple .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-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item div {
  vertical-align: top;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item .icon-box {
  padding-right: 3px;
}
.bigData-laws-simple .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-simple .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;
  max-height: 80px;
  color: #737373;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item:hover {
  background: #f8f8f9;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-item:hover i {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more {
  cursor: pointer;
  padding-top: 8px;
}
.bigData-laws-simple .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-simple .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-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more:hover i,
.bigData-laws-simple .laws-detail-content .content-right .relation-msg-container .relation-msg-box .relation-view-more:hover span {
  color: #ed6c00;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo {
  padding: 10px 15px 15px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo h6 {
  line-height: 22px;
  font-size: 16px;
  margin: 8px 0;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo div {
  border-bottom: 1px solid #f0f0f0;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo div:last-child {
  border-bottom: 0;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo div p:first-child {
  line-height: 25px;
  margin-top: 5px;
  color: #737373;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo div p:nth-child(2) {
  line-height: 25px;
  padding-left: 19px;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo div p:nth-child(3) > span {
  display: block;
  padding-left: 19px;
}
.bigData-laws-simple .laws-detail-content .content-right .baseInfo div p:nth-child(3) > span span:nth-child(1) {
  color: #737373;
}
.bigData-laws-simple .icon-trangle {
  font-size: 12px;
  color: #4a4a4a;
  vertical-align: top;
}
.bigData-laws-simple .icon-trangle:hover {
  color: #fa8919;
}
.bigData-laws-simple .icon-trangle.unvisiable {
  visibility: hidden;
}
.bigData-laws-simple .max-width {
  max-width: 96%;
}

.gpt-activate {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background-image: url(tool/alphaGptPage/images/activate-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  --container-width: 416px;
  --container-height: 472px;
}
.gpt-activate .submit-btn {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.gpt-activate__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  transform: translateX(-74px);
}
.gpt-activate__logo {
  position: absolute;
  top: 20px;
  left: 30px;
}
.gpt-activate__content {
  position: relative;
  height: 472px;
  padding-top: 12px;
}
.gpt-activate__content h1 {
  width: 363px;
  padding-left: 148px;
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 32px;
  color: #222222;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: 0;
}
.gpt-activate__content h1 .highlight {
  color: #ed6c00;
}
.gpt-activate__content .desc {
  width: 398px;
  padding-left: 148px;
  font-size: 14px;
  color: #888888;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.gpt-activate__content img {
  position: absolute;
}
.gpt-activate__inner {
  width: var(--container-width);
  background: #ffffff;
  box-shadow: 0px 28px 100px 0px rgba(71, 56, 46, 0.08);
  border-radius: 20px;
}
.gpt-activate__loading {
  height: var(--container-height);
}
.gpt-activate__qrcode {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: var(--container-height);
  padding: 40px 0;
  box-sizing: border-box;
}
.gpt-activate__qrcode .qrcode__title {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.gpt-activate__qrcode .qrcode__title i {
  color: #00ca64;
  font-size: 24px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.gpt-activate__qrcode .qrcode__title span {
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  line-height: 26px;
}
.gpt-activate__qrcode .qrcode__tips {
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  margin-bottom: 24px;
}
.gpt-activate__qrcode .qrcode__tips a {
  font-weight: 500;
  margin: 0 4px;
  color: #ed6c00;
}
.gpt-activate__qrcode .qrcode__tips a:hover {
  color: #fa8919;
}
.gpt-activate__qrcode .qrcode__container {
  width: 300px;
  height: 300px;
}
.gpt-activate__qrcode .qrcode__container #activateQrcode iframe {
  display: block;
  width: 300px;
  height: 300px;
}
.gpt-activate__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: var(--container-height);
  padding: 40px 0;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.gpt-activate__error.error .iconfont {
  color: #F6535C;
}
.gpt-activate__error.warn .iconfont {
  color: #FA9A2A;
}
.gpt-activate__error .iconfont {
  font-size: 52px;
  margin-bottom: 20px;
  line-height: 1;
}
.gpt-activate__error .text {
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.gpt-activate__invite {
  display: flex;
  flex-direction: column;
  height: var(--container-height);
  padding: 40px 32px;
  box-sizing: border-box;
}
.gpt-activate__invite .super-admin {
  display: flex;
  align-items: center;
  height: 28px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 28px;
  margin-bottom: 20px;
}
.gpt-activate__invite .super-admin img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 8px;
}
.gpt-activate__invite .team {
  background: #F9FAFC;
  border-radius: 12px;
  text-align: center;
  margin-bottom: 16px;
  padding: 32px 0;
}
.gpt-activate__invite .team .iconfont {
  font-size: 34px;
  color: #fa8919;
  margin-bottom: 18px;
  line-height: 1;
}
.gpt-activate__invite .team span {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.gpt-activate__invite .slogan {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 28px;
  text-align: center;
}
.gpt-activate__invite .gpt-btn {
  margin-top: auto;
  width: 100%;
  height: 40px;
}
.gpt-activate__form {
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
}
.gpt-activate__form .steps {
  display: flex;
}
.gpt-activate__form .steps .step {
  display: flex;
  align-items: center;
}
.gpt-activate__form .steps .step__number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(250, 137, 25, 0.1);
  font-size: 14px;
  color: #FA8919;
  margin-right: 8px;
  line-height: 28px;
  text-align: center;
}
.gpt-activate__form .steps .step img {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.gpt-activate__form .steps .step__text {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.gpt-activate__form .steps .step__line {
  width: 32px;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 0 12px;
}
.gpt-activate__form .steps .step.active .step__number {
  background: #fa8919;
  color: #fff;
}
.gpt-activate__form .steps .step.active .step__text {
  font-weight: 500;
  color: #333333;
}
.gpt-activate__form .content {
  flex: 1;
}
.gpt-activate__form .content .form {
  margin-top: 32px;
}
.gpt-activate__form .content .form .i-form .i-form-item {
  padding-bottom: 24px;
}
.gpt-activate__form .content .form .i-form .i-form-item__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 8px;
}
.gpt-activate__form .content .form .i-form .i-form-item__content {
  flex-direction: column;
  align-items: stretch;
}
.gpt-activate__form .content .form .i-form .i-form-item__error-wrapper {
  display: none;
  transition-duration: 0;
  animation-duration: 0;
}
.gpt-activate__form .content .form .i-form .i-form-item .i-input-text input {
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
}
.gpt-activate__form .content .form .i-form .i-form-item .i-input-text input::placeholder {
  font-weight: 400;
}
.gpt-activate__form .content .form .i-form .verify-code {
  position: relative;
}
.gpt-activate__form .content .form .i-form .verify-code .captcha-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #fa8919;
  font-size: 14px;
  font-weight: 400;
}
.gpt-activate__form .content .form .i-form .verify-code .captcha-btn:hover {
  color: #FA9A2A;
}
.gpt-activate__form .content .form .i-form .verify-code .captcha-btn:disabled {
  font-weight: 400;
  color: #ccc;
}
.gpt-activate__form .content .form .i-form .verify-code::after {
  content: "";
  position: absolute;
  height: 16px;
  width: 1px;
  right: 94px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ebebeb;
}
.gpt-activate__form .content .form .submit-btn {
  margin-top: 16px;
}
.gpt-activate__form .content .complete {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 364px;
}
.gpt-activate__form .content .complete .title {
  display: flex;
  align-items: center;
  height: 22px;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-top: 40px;
}
.gpt-activate__form .content .complete .title .ibass-Detail {
  position: relative;
  top: 1px;
  line-height: 1;
  color: #FA9A2A;
  font-size: 20px;
  margin-right: 6px;
}
.gpt-activate__form .content .complete .avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 12px;
  margin-top: 72px;
}
.gpt-activate__form .content .complete .title + .avatar {
  margin-top: 36px;
}
.gpt-activate__form .content .complete .name {
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 16px;
}
.gpt-activate__form .content .complete .slogan {
  font-size: 14px;
  color: #999999;
  line-height: 28px;
  font-weight: 400;
}
.gpt-activate__form .content .complete .submit-btn {
  margin-top: auto;
}

.gpt-apply-page-wrapper {
  height: 100vh;
  position: relative;
  background: linear-gradient(180deg, #fff7f3 0%, #fbfcfe 100%);
}
.gpt-apply-page-wrapper .logo-img {
  z-index: 1;
  position: absolute;
  left: 103px;
  top: 52px;
  width: 121px;
  height: auto;
}
.gpt-apply-page-wrapper .bg-wrapper {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.gpt-apply-page-wrapper .bg-img {
  width: 100%;
  height: auto;
  max-height: 100vh;
}
.gpt-apply-page-wrapper .apply-content-wrapper {
  top: 0%;
  height: 100%;
  min-height: 920px;
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper {
  margin-top: -100px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-title {
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 32px;
  color: #333333;
  line-height: 42px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-title img {
  width: 122px;
  height: 34px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper {
  margin-top: 24px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
  position: relative;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-title::before {
  content: " ";
  position: absolute;
  width: 140px;
  height: 6px;
  bottom: 0;
  left: 0;
  top: 16px;
  background: linear-gradient(47deg, #fa8919 0%, rgba(250, 137, 25, 0) 100%);
  z-index: -999;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-title img {
  width: 37px;
  height: 16px;
  top: 2px;
  position: relative;
  left: 4px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper {
  margin-top: 32px;
  width: 360px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item {
  box-sizing: border-box;
  padding-left: 14px;
  width: 174px;
  height: 62px;
  background: #FFFFFF;
  box-shadow: 0px 16px 100px 0px rgba(66, 73, 81, 0.06);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item:nth-child(n+3) {
  margin-top: 12px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  margin: -13px 8px 4px 0;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item .list-info {
  display: flex;
  flex-direction: column;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item .list-info span:first-child {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 20px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item .list-info span:last-child {
  margin-top: 4px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #888888;
  line-height: 17px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper {
  box-sizing: border-box;
  padding: 40px 48px;
  width: 484px;
  height: 820px;
  background: #FFFFFF;
  box-shadow: 0px 16px 100px 0px rgba(66, 73, 81, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-head {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 22px;
  color: #171717;
  line-height: 30px;
  text-align: center;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-foot {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-foot img {
  width: 94px;
  height: 94px;
  margin: 24px 0 12px 0;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-foot .title {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-foot .tip {
  font-size: 12px;
  color: #878787;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-foot a {
  color: #fa8919;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .submitted {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 180px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .submitted img {
  width: 180px;
  height: 150px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .submitted .title {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  margin: 16px 0 10px 0;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .submitted .tip {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper {
  margin-top: 30px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper:first-child {
  margin-top: 0px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .i-radio:not(:last-of-type) {
  margin-right: 32px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-title {
  font-family: PingFangSC, PingFang SC;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  flex-shrink: 0;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-title.required::after {
  content: '*';
  color: #F6535C;
  margin-left: 2px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content {
  box-sizing: border-box;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  height: 40px;
  background: #FFFFFF;
  position: relative;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content.is-error .mock-border {
  border-color: #F6535C;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .error {
  color: #F6535C;
  font-size: 12px;
  margin-top: 2px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .mock-border {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  z-index: 1;
  overflow: hidden;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content.active {
  border-color: #FA8919;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input {
  height: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 0;
  outline: 0;
  flex: 1;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input:focus {
  border: 0;
  outline: 0;
  box-shadow: 0;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input:focus + .mock-border {
  border-color: #FA8919;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button {
  width: 94px;
  box-sizing: border-box;
  padding: 10px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #ED6C00;
  line-height: 20px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.disable {
  cursor: not-allowed;
  color: #d1d1d1;
  pointer-events: none;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.disable:hover {
  color: currentColor;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.sending {
  color: #666666;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.sending:hover {
  color: currentColor;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button:hover {
  color: #FA8919;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button::before {
  content: " ";
  width: 1px;
  height: 16px;
  background: #EBEBEB;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .button {
  margin-top: 40px;
  width: 388px;
  height: 40px;
  cursor: pointer;
  background: #FA8919;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .button:hover {
  background: #FA9A2A;
}
.gpt-apply-page-wrapper .apply-content-wrapper .form-wrapper .button.disable {
  pointer-events: none;
  cursor: not-allowed;
  background: #FFC182;
}

.answerIfrma {
  width: 100%;
  height: 100vh;
  border-radius: 0;
}
.answerIfrma::-webkit-scrollbar {
  display: none;
}

.wyk-add-search-report-wrapper {
  display: inline-flex;
  font-size: initial;
  position: absolute;
  line-height: 18px;
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap;
}
.wyk-add-search-report-wrapper #addReportPaddleContent .ibass-done {
  margin-right: 8px;
}
.gptPageV2-wrapper {
  background-color: #f8f9fa;
  background-image: url("https://dev.alphalawyer.cn/gpt-client-service/static/media/bg.d3de801994a07ff1f493.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.gptPageV2-wrapper .gpt-header-wrapper {
  flex-shrink: 0;
}
.gptPageV2-wrapper .gpt-bottom-wrapper {
  flex: 1;
  height: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .bottom-content-wrapper {
  width: 100%;
  height: 100%;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .bottom-content-wrapper > .iframe-wrapper {
  height: 100%;
  font-size: 0;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .bottom-content-wrapper > .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .bottom-content-wrapper > .component-wrapper {
  height: 100%;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .bottom-content-wrapper > .component-wrapper > div {
  height: 100%;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .gpt-left-wrapper {
  flex-shrink: 0;
}
.gptPageV2-wrapper .gpt-bottom-wrapper .gpt-right-wrapper {
  flex: 1;
  width: 0;
}
.wyk_full.alphav2-wrap__container {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
  border-radius: 0;
  box-shadow: none;
  min-height: unset !important;
}

.gpt-self-login-wrapper {
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  position: relative;
  min-width: 1380px;
  background-color: #fff;
  background-image: url('https://devrockhr.alphalawyer.cn/assets/bg-f3144e03.svg');
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
}
.gpt-self-login-wrapper .header-wrapper {
  position: absolute;
  top: 23px;
  left: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gpt-self-login-wrapper .header-wrapper::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background: #DCDCDC;
  left: 96px;
  top: 50%;
  transform: translateY(-50%);
}
.gpt-self-login-wrapper .header-wrapper img {
  width: 80px;
  height: 26px;
  margin-right: 32px;
}
.gpt-self-login-wrapper .header-wrapper span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 21px;
  color: #FA8919;
  line-height: 29px;
}
.gpt-self-login-wrapper .intro-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 57px));
  left: 122px;
  display: flex;
  align-items: flex-start;
}
.gpt-self-login-wrapper .intro-wrapper img:nth-child(1) {
  width: 100px;
  height: 100px;
  margin-right: 28px;
}
.gpt-self-login-wrapper .intro-wrapper img:nth-child(2) {
  width: 514px;
  height: 109px;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper {
  width: 376px;
  height: 436px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 24px 40px 0px rgba(141, 151, 159, 0.08);
  border-radius: 12px;
  position: absolute;
  right: 160px;
  top: 50%;
  transform: translateY(calc(-50% - 12px));
  z-index: 99;
  padding: 76px 48px 76px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .alpha-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 62px;
  height: 64px;
  cursor: pointer;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .alpha-icon-wrapper:hover .normal-img {
  display: none;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .alpha-icon-wrapper:hover .hover-img {
  display: unset;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .alpha-icon-wrapper .normal-img {
  display: unset;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .alpha-icon-wrapper img {
  width: 100%;
  height: 100%;
  display: none;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-box-des {
  width: 100%;
  height: 15px;
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 15px;
  text-align: center;
  margin-top: 10px;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-box-des a {
  color: #ED6C00;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-tab-change-wrapper {
  display: flex;
  height: 28px;
  position: relative;
  justify-content: center;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-tab-change-wrapper .tab-item {
  position: relative;
  line-height: 28px;
  color: #9a9daa;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: all .08s;
  margin: 0 24px;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-tab-change-wrapper .tab-item.active {
  color: #333;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-tab-change-wrapper .tab-item.active::after {
  content: "";
  width: 40px;
  height: 4px;
  background: #fa8919;
  border-radius: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%);
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-mode-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-mode-content .work-wx-iframe {
  height: 100%;
  width: 100%;
}
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-mode-content .wx-login-wrapper,
.gpt-self-login-wrapper .gpt-login-content-wrapper .login-mode-content #gpt-login-wrapper {
  height: 100%;
  width: 100%;
}
.gpt-login-callback-wrapper .loading-wrapper {
  height: 100vh;
}

.trial-login {
  padding: 36px 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trial-login__title {
  display: flex;
  align-self: center;
  margin-bottom: 8px;
}
.trial-login__title i {
  color: #00ca64;
  font-size: 24px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.trial-login__title span {
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  line-height: 26px;
}
.trial-login__tips {
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  margin-bottom: 24px;
}
.trial-login__tips a {
  font-weight: 500;
  margin: 0 4px;
  color: #ED6C00;
}
.trial-login__tips a:hover {
  color: #fa8919;
}
.trial-login__container {
  width: 300px;
  height: 300px;
}
.trial-login__container #trialLoginQrcode iframe {
  display: block;
  width: 300px;
  height: 300px;
}

.no-link-wrapper {
  padding-top: 161px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.no-link-wrapper img {
  width: 480px;
  height: 480px;
}
.no-link-wrapper span {
  margin-top: 23px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 15px;
  color: #666666;
  line-height: 20px;
}
.gpt-trail-page-wrapper {
  height: 100vh;
  position: relative;
  background: linear-gradient(180deg, #fff7f3 0%, #fbfcfe 100%);
}
.gpt-trail-page-wrapper .logo-img {
  z-index: 1;
  position: absolute;
  left: 103px;
  top: 52px;
  width: 121px;
  height: auto;
}
.gpt-trail-page-wrapper .bg-wrapper {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.gpt-trail-page-wrapper .bg-img {
  width: 100%;
  height: auto;
  max-height: 100vh;
}
.gpt-trail-page-wrapper .apply-content-wrapper {
  top: 0%;
  height: 100%;
  min-height: 550px;
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-title {
  font-family: MiSans, MiSans;
  font-weight: 600;
  font-size: 25px;
  color: #333333;
  line-height: 33px;
  display: flex;
  align-items: center;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-title img {
  margin-left: 8px;
  width: 118px;
  height: 33px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-des {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #777;
  margin-top: 24px;
  line-height: 24px;
  width: 344px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper {
  margin-top: 80px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 12px;
  color: #333333;
  position: relative;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-title::before {
  content: " ";
  position: absolute;
  width: 56px;
  height: 4px;
  bottom: 0;
  left: 0;
  background: linear-gradient(47deg, #fa8919 0%, rgba(250, 137, 25, 0) 100%);
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper {
  margin-top: 24px;
  width: 342px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item {
  box-sizing: border-box;
  padding-left: 8px;
  width: 166px;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 16px 100px 0px rgba(66, 73, 81, 0.06);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item:nth-child(n+3) {
  margin-top: 12px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item img {
  width: 25px;
  height: 24px;
  object-fit: cover;
  margin-right: 9px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item .list-info {
  display: flex;
  flex-direction: column;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item .list-info span:first-child {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 17px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .intro-wrapper .apply-list-wrapper .list-wrapper .list-item .list-info span:last-child {
  margin-top: 2px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #888888;
  line-height: 17px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper {
  box-sizing: border-box;
  padding: 40px 48px;
  width: 484px;
  height: 518px;
  background: #FFFFFF;
  box-shadow: 0px 16px 100px 0px rgba(66, 73, 81, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper {
  margin-top: 30px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper:first-child {
  margin-top: 0px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  flex-shrink: 0;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-title::after {
  content: '*';
  color: #F6535C;
  margin-left: 2px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content {
  box-sizing: border-box;
  margin-top: 8px;
  display: flex;
  height: 40px;
  background: #FFFFFF;
  position: relative;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .mock-border {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  z-index: 1;
  overflow: hidden;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content.active {
  border-color: #FA8919;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input {
  height: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 0;
  outline: 0;
  flex: 1;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input:focus {
  border: 0;
  outline: 0;
  box-shadow: 0;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input:focus + .mock-border {
  border-color: #FA8919;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .form-item-input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button {
  width: 94px;
  box-sizing: border-box;
  padding: 10px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #ED6C00;
  line-height: 20px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.disable {
  cursor: not-allowed;
  color: #d1d1d1;
  pointer-events: none;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.disable:hover {
  color: currentColor;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.sending {
  color: #666666;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button.sending:hover {
  color: currentColor;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button:hover {
  color: #FA8919;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .form-item-wrapper .form-item-content .send-button::before {
  content: " ";
  width: 1px;
  height: 16px;
  background: #EBEBEB;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .button {
  margin-top: 36px;
  width: 388px;
  height: 40px;
  cursor: pointer;
  background: linear-gradient(175deg, #fab068 0%, #fa8919 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .button:hover {
  background: #FA9A2A;
}
.gpt-trail-page-wrapper .apply-content-wrapper .form-wrapper .button.disable {
  pointer-events: none;
  cursor: not-allowed;
  background: #FFC182;
}

.gpt-trail-registry-popver {
  width: 350px;
}
.gpt-trail-registry-popver .i-select-popover {
  width: 100%;
  max-width: unset !important;
}
.trial-registry {
  padding: 24px 24px 32px;
}
.trial-registry__header {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 24px;
}
.trial-registry__form .i-form-item:has([class*='--disabled']) .i-form-item__label .require-icon {
  display: inline;
}
.trial-registry__form .i-form-item {
  padding-bottom: 24px;
}
.trial-registry__form .i-form-item--error .i-form-item__field-inner {
  background: transparent;
}
.trial-registry__form .i-form-item__content {
  align-items: stretch;
  flex-direction: column;
}
.trial-registry__form .i-form-item__content input {
  height: 40px;
}
.trial-registry__form .i-select .i-select__drop-down {
  height: 40px;
  line-height: 40px;
}
.trial-registry__form .i-form-item__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.trial-registry__form .i-form-item__label .require-icon {
  margin-left: 2px;
}
.trial-registry .login-btn {
  width: 100%;
  margin-top: 16px;
  height: 40px;
  font-size: 14px;
}
.trial-registry .verify-code {
  position: relative;
}
.trial-registry .verify-code .captcha-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #fa8919;
  font-size: 14px;
}
.trial-registry .verify-code .captcha-btn:hover {
  color: #FA9A2A;
}
.trial-registry .verify-code .captcha-btn:disabled {
  font-weight: 400;
  color: #ccc;
}
.trial-registry .verify-code::after {
  content: "";
  position: absolute;
  height: 16px;
  width: 1px;
  right: 94px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ebebeb;
}

.trial-upgrade-dlg {
  border: none !important;
}
.trial-upgrade-dlg.ngdialog.ngdialog-theme-default .ngdialog-content {
  min-width: 879px !important;
  border: none !important;
  border-radius: 12px !important;
}
.trial-upgrade-dlg .trial-upgrade {
  position: relative;
  width: 100%;
  background-image: url('tool/alphaGptPage/images/upgrade-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.trial-upgrade-dlg .trial-upgrade__content {
  width: 635px;
  height: 100%;
  padding: 21px 43px 21px 32px;
  background-image: url('tool/alphaGptPage/images/upgrade-content-bg.png');
  background-size: cover;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.trial-upgrade-dlg .trial-upgrade__content .header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.trial-upgrade-dlg .trial-upgrade__content .header .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
  border: 1px solid #FFFFFF;
}
.trial-upgrade-dlg .trial-upgrade__content .header .info {
  overflow: hidden;
}
.trial-upgrade-dlg .trial-upgrade__content .header .info .name {
  display: flex;
  align-items: center;
  height: 22px;
  font-weight: 500;
  font-size: 14px;
  color: #983A1F;
  line-height: 22px;
}
.trial-upgrade-dlg .trial-upgrade__content .header .info .name span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trial-upgrade-dlg .trial-upgrade__content .header .info .name .type {
  flex-shrink: 0;
  height: 18px;
  margin-left: 5px;
  background: #FA8829;
  border-radius: 10px;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 10px;
  color: #FFFFFF;
  line-height: 10px;
  text-align: center;
}
.trial-upgrade-dlg .trial-upgrade__content .header .info .text {
  font-size: 12px;
  color: #983A1F;
  line-height: 20px;
}
.trial-upgrade-dlg .trial-upgrade__content .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 20px 20px;
  background: #FFFFFF;
  border-radius: 8px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  color: #983A1F;
  line-height: 26px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .title::before,
.trial-upgrade-dlg .trial-upgrade__content .content .title::after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .title::before {
  margin-right: 8px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #e59355 100%);
}
.trial-upgrade-dlg .trial-upgrade__content .content .title::after {
  margin-left: 8px;
  background: linear-gradient(90deg, #e59355 0%, rgba(255, 255, 255, 0) 100%);
}
.trial-upgrade-dlg .trial-upgrade__content .content .list {
  border-radius: 4px;
  font-size: 13px;
  border: 1px solid #FFE8DC;
  color: #333;
  overflow: hidden;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item {
  display: flex;
  font-weight: 400;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item .group {
  color: #FA8919;
  font-size: 16px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item .group .text {
  font-size: 13px;
  color: #983A1F;
  line-height: 20px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item .trial {
  font-size: 16px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item .trial .iconzhengque {
  color: #999999;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item .trial .iconcuowu1 {
  font-size: 14px;
  color: #CDC9C5;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item .cell + .cell {
  border-left: 1px solid #fff;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item:nth-of-type(odd) {
  background: #FFFAF8;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item:nth-of-type(odd) .group {
  background: linear-gradient(90deg, rgba(255, 206, 148, 0.13) 0%, rgba(255, 143, 64, 0.13) 100%);
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item:nth-of-type(even) {
  background: #FFF;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item:nth-of-type(even) .group {
  background: linear-gradient(90deg, rgba(255, 206, 148, 0.1) 0%, rgba(255, 143, 64, 0.1) 100%);
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item.list__title {
  display: flex;
  font-size: 14px;
  font-weight: 500;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item.list__title .group {
  font-size: 14px;
  color: #983A1F;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item.list__title .group img {
  width: 17px;
  height: 18px;
  margin-left: 4px;
  transform: translateY(3px);
}
.trial-upgrade-dlg .trial-upgrade__content .content .list__item.list__title .trial {
  font-size: 14px;
}
.trial-upgrade-dlg .trial-upgrade__content .content .list .cell {
  width: 130px;
  height: 42px;
  text-align: center;
  line-height: 42px;
}
.trial-upgrade-dlg .trial-upgrade__qrcode {
  position: absolute;
  right: 38px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trial-upgrade-dlg .trial-upgrade__qrcode .qrcode {
  background: #FFFFFF;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid #FDD6AF;
  margin-bottom: 10px;
}
.trial-upgrade-dlg .trial-upgrade__qrcode .qrcode img {
  width: 136px;
  height: 136px;
  display: block;
}
.trial-upgrade-dlg .trial-upgrade__qrcode .text {
  font-weight: 500;
  font-size: 14px;
  color: #A55C3E;
  line-height: 22px;
}

.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: #ed6c00;
}
.bigData-cnki-detail .cnki-header .right-container .download a:hover i {
  color: #ed6c00;
}
.bigData-cnki-detail .cnki-header .right-container .download span {
  position: relative;
  top: -1px;
}
.bigData-cnki-detail .cnki-header .right-container .citations {
  color: #cdc9c5;
  cursor: pointer;
}
.bigData-cnki-detail .cnki-header .right-container .citations:hover {
  color: #ed6c00;
}
.bigData-cnki-detail .cnki-header .right-container .citations:hover i {
  color: #ed6c00;
}
.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,
.bigData-cnki-detail .cnki-header .right-container .ibass-info {
  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;
}

.document-deliver-content {
  position: relative;
}
.document-deliver-content .title-box {
  width: 100%;
  height: 66px;
  line-height: 66px;
  font-size: 20px;
  color: #232323;
  padding-left: 32px;
  border-bottom: 1px solid #F2F3F7;
}
.document-deliver-content .title-box .ibass-info {
  font-size: 16px;
  color: #ccc;
}
.document-deliver-content .content-des {
  padding: 10px 32px;
  font-size: 14px;
  color: #232323;
  line-height: 20px;
  margin-top: 10px;
}
.document-deliver-content .content-des.bottom-des {
  margin-top: 0px;
}
.document-deliver-content .content-des.bottom-des .download-list-btn {
  color: #ed6c00;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.document-deliver-content .ibass-close {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.document-deliver-content .submit-btn {
  width: 96px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 32px;
  font-size: 12px;
  color: #fff;
  background-color: #f8891a;
  border: 1px solid #f8891a;
  cursor: pointer;
  margin: 10px auto;
  margin-bottom: 30px;
}
.document-deliver-tip {
  width: 634px;
  z-index: 999999;
  text-align: left;
  margin-left: 173px;
}
.document-deliver-tip .tooltip-arrow {
  margin-left: -178px;
}

.bigData-company-detail {
  padding: 0px 25px 80px 25px;
  width: 1030px;
  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;
}

.case-ai-search-analysis-derective {
  position: relative;
  width: 892px;
  min-height: 270px;
  background: #FFFBF7;
  border-radius: 4px;
  border: 1px solid #FFD8B5;
  box-sizing: border-box;
  margin: 36px 0 18px 24px;
  padding: 40px 24px 52px 18px;
}
.case-ai-search-analysis-derective.analysis-error {
  min-height: 100px;
}
.case-ai-search-analysis-derective.has-expand-switch .analysis-container {
  max-height: 176px;
  overflow: hidden;
}
.case-ai-search-analysis-derective.has-expand-switch .analysis-container.is-expand {
  max-height: unset;
}
.case-ai-search-analysis-derective .title-container {
  position: absolute;
  left: -1px;
  top: -18px;
  display: flex;
  align-items: center;
  width: 118px;
  height: 41px;
}
.case-ai-search-analysis-derective .title-container .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 118px;
}
.case-ai-search-analysis-derective .title-container .icon-image {
  position: absolute;
  left: 16px;
  top: 6px;
  width: 23px;
}
.case-ai-search-analysis-derective .title-container .text-image {
  position: absolute;
  left: 44px;
  top: 8px;
  width: 58px;
}
.case-ai-search-analysis-derective .analysis-container {
  white-space: pre-wrap;
}
.case-ai-search-analysis-derective .analysis-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
}
.case-ai-search-analysis-derective .analysis-footer .footer-expand-switch {
  cursor: pointer;
  user-select: none;
}
.case-ai-search-analysis-derective .analysis-footer .footer-expand-switch:hover .expand-icon {
  color: #FA8919;
}
.case-ai-search-analysis-derective .analysis-footer .expand-text {
  font-weight: 500;
  font-size: 14px;
  color: #FA8919;
  line-height: 20px;
}
.case-ai-search-analysis-derective .analysis-footer .expand-icon {
  font-size: 12px;
  padding-left: 8px;
  color: #CDC9C5;
}
.case-ai-search-analysis-derective .ai-search-loading-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.case-ai-search-analysis-derective .ai-search-loading-wrap .ai-search-loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.case-ai-search-analysis-derective .ai-search-loading-wrap .ai-search-loading-container .ai-search-loading-content {
  margin: 40px 0;
}
.case-ai-search-analysis-derective .ai-search-loading-wrap .ai-search-loading-container .ai-search-loading-content_text {
  font-size: 14px;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.case-ai-search-analysis-derective .analysis-container {
  font-size: 0;
}
.case-ai-search-analysis-derective .analysis-container h1,
.case-ai-search-analysis-derective .analysis-container h2,
.case-ai-search-analysis-derective .analysis-container h3,
.case-ai-search-analysis-derective .analysis-container h4,
.case-ai-search-analysis-derective .analysis-container h5,
.case-ai-search-analysis-derective .analysis-container h6 {
  font-size: 16px;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
}
.case-ai-search-analysis-derective .analysis-container h3 {
  position: relative;
  padding-left: 18px;
  line-height: 24px;
}
.case-ai-search-analysis-derective .analysis-container h3::before {
  position: absolute;
  top: 8px;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FA8919;
  margin-left: -14px;
}
.case-ai-search-analysis-derective .analysis-container p,
.case-ai-search-analysis-derective .analysis-container li:not( :has(p)) {
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 22px;
}
.case-ai-search-analysis-derective .analysis-container ul,
.case-ai-search-analysis-derective .analysis-container ol {
  font-size: 0;
  margin-bottom: 12px;
}
.case-ai-search-analysis-derective .analysis-container strong {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.case-ai-search-analysis-derective .analysis-container ul,
.case-ai-search-analysis-derective .analysis-container ol {
  padding-left: 18px;
}
.case-ai-search-analysis-derective .analysis-container ol li {
  list-style-type: decimal;
}
.case-ai-search-analysis-derective .analysis-container ol li::marker {
  font-size: 14px;
  color: #FA8919;
}
.case-ai-search-analysis-derective .analysis-container ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}
.case-ai-search-analysis-derective .analysis-container ul li::marker {
  color: #FA8919;
}
.case-ai-search-analysis-derective .analysis-container p {
  margin-bottom: 12px;
}
.case-ai-search-analysis-derective .analysis-container .bigdata_link {
  cursor: pointer;
  line-height: inherit;
  color: #d3a279 !important;
  text-decoration: underline !important;
}
.case-ai-search-analysis-derective .analysis-container .case-ai-search-analysis-summary,
.case-ai-search-analysis-derective .analysis-container .case-ai-search-analysis-summary-parent + p {
  font-weight: 500;
  color: #333333;
}
.case-ai-search-analysis-derective .analysis-container li p strong.display-block {
  display: block;
}
.case-ai-search-analysis-derective .analysis-container table {
  font-size: 14px;
  margin-bottom: 16px;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-spacing: 0;
  border-collapse: collapse;
}
.case-ai-search-analysis-derective .analysis-container table thead > tr > th,
.case-ai-search-analysis-derective .analysis-container table tbody > tr > th,
.case-ai-search-analysis-derective .analysis-container table tfoot > tr > th,
.case-ai-search-analysis-derective .analysis-container table thead > tr > td,
.case-ai-search-analysis-derective .analysis-container table tbody > tr > td,
.case-ai-search-analysis-derective .analysis-container table tfoot > tr > td {
  padding: 8px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #e8e8e8;
  text-align: center;
  border-right: 1px solid #e8e8e8;
}
.case-ai-search-analysis-derective .analysis-container .case-ai-search-analysis-reasoning {
  border-left: 3px solid #dfe2e5;
  padding: 4px 0 4px 20px;
  margin-bottom: 12px;
}
.case-ai-search-analysis-derective .analysis-container .case-ai-search-analysis-reasoning p {
  color: #999;
  margin-left: 0;
  margin-right: 0;
}
.case-ai-search-analysis-derective .analysis-container .case-ai-search-analysis-reasoning p:last-child {
  margin-bottom: 0;
}
.case-ai-search-analysis-derective .analysis-container .case-ai-search-analysis-reasoning * {
  color: #999 !important;
}
.case-ai-search-analysis-derective .analysis-container blockquote {
  color: #999;
  border-left: 3px solid #dfe2e5;
  padding: 4px 0 4px 20px;
  margin-left: 0;
  margin-right: 0;
}
.case-ai-search-analysis-derective .analysis-container blockquote * {
  color: #999 !important;
}
.case-ai-search-analysis-derective .analysis-container blockquote:not( :has(+ blockquote)) {
  margin-bottom: 12px;
}
.case-ai-search-analysis-derective .analysis-container blockquote:not( :has(+ blockquote)) p:last-child {
  margin-bottom: 0;
}
.case-ai-search-analysis-derective .error-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-ai-search-analysis-derective .error-container .ibass-warning {
  position: relative;
  top: 2px;
  font-size: 14px;
  color: #B7BCC3;
  margin-right: 4px;
}
.case-ai-search-analysis-derective .error-container .ai-search-error-content_text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}

.timeline-container {
  position: relative;
  padding-bottom: 4px;
  width: 865px;
}
.timeline-container h3 {
  margin: 16px 0;
}
.timeline-container h3 .ibass-dot {
  position: absolute;
  font-size: 20px;
  line-height: 22px;
  left: -25px;
  top: 0;
  color: #fa8919;
  font-style: normal;
}
.timeline-container .case-detail-timeline-content-wrapper {
  border-radius: 8px;
  overflow: hidden;
}
.timeline-container .case-detail-timeline-content-wrapper.is-collapse {
  max-height: 250px;
  overflow: hidden;
}
.timeline-container .timeline-label-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.timeline-container .timeline-label-container .ibass-info {
  margin-right: 4px;
  color: #a9a9a9;
  font-size: 13px;
}
.timeline-container .timeline-label-container .timeline-disclaimer-text {
  font-size: 12px;
  color: #a9a9a9;
}
.timeline-container .case-detail-timeline-content {
  background: #FAFBFC;
  padding: 16px;
  box-sizing: border-box;
}
.timeline-container .case-detail-timeline-content .timeline-item:first-child {
  margin-top: 0;
}
.timeline-container .case-detail-timeline-content .timeline-item {
  margin-top: 20px;
  display: flex;
}
.timeline-container .case-detail-timeline-content .timeline-item-left {
  position: relative;
  width: 20px;
}
.timeline-container .case-detail-timeline-content .timeline-item-left .ibass-dot {
  left: -3px;
  top: -2px;
  color: #FF8200;
  font-size: 15px;
}
.timeline-container .case-detail-timeline-content .timeline-item-left .dot-line {
  position: absolute;
  top: 14px;
  left: 4px;
  width: 1px;
  height: calc(100% + 10px);
  background: #999999;
  opacity: 0.2;
}
.timeline-container .case-detail-timeline-content .timeline-item-right {
  flex: 1;
}
.timeline-container .case-detail-timeline-content .timeline-item-right .timeline-item-right-top {
  display: flex;
  align-items: center;
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  margin-bottom: 6px;
}
.timeline-container .case-detail-timeline-content .timeline-item-right .timeline-item-week {
  margin-left: 12px;
}
.timeline-container .case-detail-timeline-content .timeline-item-right .timeline-item-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}
.timeline-container .case-detail-timeline-unfold {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.timeline-container .case-detail-timeline-unfold .mask-dom {
  position: absolute;
  left: 0;
  top: -52px;
  width: 100%;
  height: 40px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.timeline-container .case-detail-timeline-unfold .case-detail-timeline-unfold-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.timeline-container .case-detail-timeline-unfold .case-detail-timeline-unfold-btn:hover .btn-text,
.timeline-container .case-detail-timeline-unfold .case-detail-timeline-unfold-btn:hover i {
  color: #fa8919;
}
.timeline-container .case-detail-timeline-unfold .btn-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  margin-right: 6px;
}
.timeline-container .case-detail-timeline-unfold i {
  position: relative;
  top: 0px;
  font-family: icon, icon;
  font-weight: normal;
  font-size: 12px;
  color: #A9A9A9;
  line-height: 12px;
  text-align: left;
  font-style: normal;
}

.custom-sort-setting-directive {
  color: #4a4a4a;
}
.custom-sort-setting-directive .setting-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.custom-sort-setting-directive .setting-header h2 {
  font-size: 18px;
  font-weight: 600;
}
.custom-sort-setting-directive .setting-header .ibass-close {
  cursor: pointer;
}
.custom-sort-setting-directive .setting-header .ibass-close:hover {
  color: #fa8919;
}
.custom-sort-setting-directive .setting-body {
  margin-bottom: 16px;
}
.custom-sort-setting-directive .setting-body .field-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.custom-sort-setting-directive .setting-body .field-item .label {
  color: #7e7f81;
  margin-right: 10px;
  flex-shrink: 0;
}
.custom-sort-setting-directive .setting-body .field-item .drag-icon {
  margin-right: 10px;
  cursor: move;
}
.custom-sort-setting-directive .setting-body .field-item .drag-icon .hidden {
  visibility: hidden;
}
.custom-sort-setting-directive .setting-body .field-item .select-box {
  width: 110px;
  margin-right: 12px;
}
.custom-sort-setting-directive .setting-body .field-item .select-box .select-field-label {
  display: inline-flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 4px 8px;
  width: 100%;
  height: 32px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  border-radius: 4px;
}
.custom-sort-setting-directive .setting-body .field-item .select-box .select-field-label:hover {
  border: 1px solid #fa8919;
}
.custom-sort-setting-directive .setting-body .field-item .select-box .select-field-label .is-empty-label {
  color: #999;
}
.custom-sort-setting-directive .setting-body .field-item .select-box .select-field-label i {
  color: #C3C6C8;
  font-size: 12px;
  position: relative;
  top: 2px;
}
.custom-sort-setting-directive .setting-body .field-item .direction-container {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.custom-sort-setting-directive .setting-body .field-item .direction-container .direction-desc,
.custom-sort-setting-directive .setting-body .field-item .direction-container .direction-asc {
  padding: 4px 0;
  height: 32px;
  line-height: 22px;
  border-radius: 4px;
  cursor: pointer;
  width: 90px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  background-color: #fff;
  color: #374151;
}
.custom-sort-setting-directive .setting-body .field-item .direction-container .direction-desc.active,
.custom-sort-setting-directive .setting-body .field-item .direction-container .direction-asc.active {
  background-color: #fa8919;
  border: 1px solid #fa8919;
  color: #fff;
}
.custom-sort-setting-directive .setting-body .field-item .direction-container .direction-desc {
  margin-right: 10px;
}
.custom-sort-setting-directive .setting-body .field-item .ibass-delete {
  color: #cdc9c5;
  cursor: pointer;
}
.custom-sort-setting-directive .setting-body .field-item .ibass-delete:hover {
  color: #fa8919;
}
.custom-sort-setting-directive .setting-body .dndPlaceholder {
  height: 30px;
  line-height: 1;
  background-color: #f6f6f6;
  border: 2px dashed #fa8919;
}
.custom-sort-setting-directive .setting-body .dndDraggingSource.dndDragging {
  display: none !important;
}
.custom-sort-setting-directive .add-field-container {
  display: inline-block;
  font-size: 14px;
  color: #fa8919;
  cursor: pointer;
}
.custom-sort-setting-directive .add-field-container .ibass-add {
  position: relative;
  margin-right: 2px;
  font-size: 12px;
}
.custom-sort-setting-directive .setting-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.custom-sort-setting-directive .setting-footer .button-cancel {
  min-width: 72px;
  height: 32px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer;
  box-sizing: border-box;
  font-weight: 500;
  color: #606266;
  border: 1px solid #DCDFE6;
  background-color: #fff;
  margin-right: 16px;
}
.custom-sort-setting-directive .setting-footer .button-cancel:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.custom-sort-setting-directive .setting-footer .button-confirm {
  min-width: 72px;
  height: 32px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  background: #fa8919;
  line-height: 30px;
  padding: 0 10px;
  border: 0;
  cursor: pointer;
  border: 1px solid #fa8919;
  box-sizing: border-box;
  user-select: none;
}
.custom-sort-setting-directive .setting-footer .button-confirm:hover {
  background-color: #FA9A2A;
  transition: background-color 0.2s;
  border-color: #FA9A2A;
  color: #fff;
}
.custom-sort-setting-directive .setting-footer .button-confirm.disabled {
  background: #d5d5d5;
  border: 1px solid #d5d5d5;
  cursor: not-allowed;
}
.custom-sort-setting-field-select-popover .ns-popover-tooltip {
  margin-top: 0 !important;
}
.custom-sort-setting-field-select-popover .field-select-item.disabled {
  color: #9ca3af;
  cursor: not-allowed;
}

.download-fields-popover-trigger {
  position: relative;
  display: inline-block;
}
.download-fields-popover-trigger .setting-trigger-container {
  display: flex;
  align-items: center;
}
.download-fields-popover-trigger .setting-trigger-container.is-open span,
.download-fields-popover-trigger .setting-trigger-container:hover span {
  color: #fa8919;
}
.download-fields-popover-trigger .setting-trigger-container.is-open .ibass-settings,
.download-fields-popover-trigger .setting-trigger-container:hover .ibass-settings {
  color: #fa8919;
}
.download-fields-popover-trigger .setting-trigger-container span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
.download-fields-popover-trigger .ibass-settings {
  margin-right: 3px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-family: icon, icon;
  font-weight: normal;
  font-size: 14px;
  color: #A9A9A9;
  text-align: left;
  font-style: normal;
}
.download-fields-setting-popover-template {
  z-index: 1001 !important;
  top: 20px !important;
  left: 0 !important;
  cursor: default;
}
.download-fields-setting-popover-template .download-fields-setting-container {
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  padding: 32px;
  width: 600px;
  height: 316px;
  margin: 10px 10px 10px 14px;
  overflow: hidden;
}
.download-fields-setting-popover-template .download-fields-setting-container .popover-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  font-family: icon, icon;
  font-weight: normal;
  font-size: 16px;
  color: #CDC8C5;
  line-height: 16px;
  text-align: right;
  font-style: normal;
  cursor: pointer;
}
.download-fields-setting-popover-template .download-fields-setting-container .popover-close-icon:hover {
  color: #fa8919;
}
.download-fields-setting-popover-template .triangle {
  z-index: 1;
}
.download-fields-setting-popover-template .header-setting-body {
  position: relative;
  display: flex;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .fields {
  max-height: 260px;
  overflow-y: auto;
  display: block;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .fields::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .fields::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: #BFBFBF;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .title {
  margin-left: 10px;
  height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.33;
  color: #999999;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name {
  padding: 0 10px;
  cursor: pointer;
  position: relative;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name.field-selected {
  background: #fafafa;
  margin-bottom: 12px;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name.all-field:hover i {
  color: #fa8919;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name.all-field:hover span {
  color: #fa8919;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name i {
  color: #cdc9c5;
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 17px;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name i:hover {
  color: #fa8919;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name .ibass-checked {
  color: #fa8919 !important;
}
.download-fields-setting-popover-template .header-setting-body .fields-wrapper .field-name span {
  margin-left: 10px;
  vertical-align: top;
}
.download-fields-setting-popover-template .header-setting-body .available-fields {
  margin-right: 24px;
}
.download-fields-setting-popover-template .header-setting-body .available-fields .title {
  margin: 0;
  padding-bottom: 5px;
  margin-bottom: -5px;
  height: auto;
}
.download-fields-setting-popover-template .header-setting-body .available-fields .judgement-fields {
  margin-top: 0px;
}
.download-fields-setting-popover-template .header-setting-body .available-fields .field-item {
  display: inline-block;
}
.download-fields-setting-popover-template .header-setting-body .available-fields .field-group {
  margin-bottom: 16px;
  width: 360px;
  margin-top: 8px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
.download-fields-setting-popover-template .header-setting-body .available-fields .field-name {
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: 120px;
  margin-bottom: 16px;
}
.download-fields-setting-popover-template .header-setting-body .available-fields .field-name span {
  display: inline-block;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .title {
  margin-left: 0;
  padding: 0;
  height: unset;
  margin-bottom: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: left;
  font-style: normal;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .fields {
  max-height: 230px;
  overflow-x: hidden;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .field-name {
  display: flex;
  align-items: center;
  width: 132px;
  height: 32px;
  background: #FAFAFA;
  border-radius: 4px;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .field-name:hover {
  background: #f6f6f6;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .field-name:last-child {
  margin-bottom: 0;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .field-name span {
  display: inline-block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  margin-left: 6px;
}
.download-fields-setting-popover-template .header-setting-body .selected-fields .field-name .ibass-close {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.download-fields-setting-popover-template .header-setting-body .dndPlaceholder {
  height: 30px;
  line-height: 1;
  background-color: #f6f6f6;
  border: 2px dashed #fa8919;
}
.download-fields-setting-popover-template .header-setting-body .dndDraggingSource.dndDragging {
  display: none !important;
}

.recommend-synonym {
  position: relative;
  background-color: rgba(255, 255, 255, 0);
}
.recommend-synonym__input {
  outline: none;
  border-bottom: 1px solid #F0F0F0;
  white-space: pre;
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  overflow: hidden;
}
.recommend-synonym__placeholder {
  position: absolute;
  color: #b2b2b2;
}
.recommend-synonym .icon-words {
  font-size: 10px;
  top: 0;
  color: #FCC48C;
  cursor: pointer;
}
.recommend-synonym .icon-words:hover {
  color: #FA8919;
}
.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;
}

.excellent-case-container {
  left: -100px;
}
.excellent-case-container .foot-marker-number {
  color: #fa8919;
  white-space: nowrap;
  cursor: pointer;
}
.excellent-case-container .elect {
  display: flex !important;
}
.excellent-case-container .add-label {
  padding-left: 12px;
}
.excellent-case-container .foot-marker-detail {
  color: #fa8919;
}
.excellent-case-container .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;
}
.excellent-case-container .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;
}
.excellent-case-container .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);
}
.excellent-case-container .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;
}
.excellent-case-container .light-p-title {
  background: #fa8919;
}
.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: #fa8919;
}
.excellent-case-container .bassinfo-header i {
  color: #fa8919;
}
.excellent-case-container .baseinfo-container {
  background: #f8f8f9;
  padding: 20px;
  width: 825px;
}
.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 {
  margin-left: 10px;
}
.excellent-case-container .detail-container .detail-item .detail-content .doc-number.has-rel {
  color: #fa8919;
  cursor: pointer;
  text-decoration: underline;
}
.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: #ed6c00;
}
.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: #ed6c00;
}
.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 .popular-law {
  margin-top: 20px;
}
.excellent-case-container .popular-law .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.excellent-case-container .popular-law .expanded {
  overflow: hidden;
  transition: all .2s ease;
}
.excellent-case-container .popular-law .align-left {
  text-align: left;
  padding-bottom: 10px;
  cursor: pointer;
}
.excellent-case-container .popular-law .align-left .download {
  float: right;
}
.excellent-case-container .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;
}
.excellent-case-container .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);
}
.excellent-case-container .popular-law .align-left .download button span,
.excellent-case-container .popular-law .align-left .download button i {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.excellent-case-container .popular-law .align-left .option-item {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 2px solid #ebebeb;
}
.excellent-case-container .popular-law .align-left .option-item:first-of-type {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.excellent-case-container .popular-law .align-left .option-item .popular-title {
  color: #fa8919;
}
.excellent-case-container .popular-law .align-left .option-item .guide-popover {
  display: inline-block;
}
.excellent-case-container .popular-law .align-left .option-item i {
  color: #fa8919;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.excellent-case-container .popular-law .align-left .option-item.visited .popular-title {
  color: #737373;
}
.excellent-case-container .popular-law .align-left .option-item.visited i {
  color: #cdc9c5;
}
.excellent-case-container .popular-law .align-left .option-item:hover i {
  color: #fa8919;
}
.excellent-case-container .popular-law .align-left .option-item:hover .popular-title {
  color: #fa8919;
}
.excellent-case-container .popular-law .uib-collapse-line {
  border-bottom: 1px solid #ebebeb;
  width: 865px;
  margin-bottom: 25px;
}
.excellent-case-container .popular-law .popular-items {
  width: 865px;
  background-color: #f8f8f9;
}
.excellent-case-container .popular-law .popular-items .total-info {
  padding: 15px 0px;
  color: #a9a9a9;
}
.excellent-case-container .popular-law .popular-items .last {
  padding-bottom: 15px !important;
}
.excellent-case-container .popular-law .popular-items .item {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 10px;
}
.excellent-case-container .popular-law .popular-items .item .full-name.lawregu_link {
  color: #4a4a4a !important;
  text-decoration: inherit !important;
  cursor: pointer;
}
.excellent-case-container .popular-law .popular-items .item .full-name.lawregu_link:hover {
  color: #ed6c00 !important;
}
.excellent-case-container .popular-law .popular-items .item .number {
  cursor: pointer;
  color: #a9a9a9;
}
.excellent-case-container .popular-law .popular-items .item .number:hover {
  color: #ed6c00;
}
.excellent-case-container .popular-law .popular-items i {
  cursor: pointer;
}
.excellent-case-container .popular-law .popular-items .ibass-checked {
  color: #ed6c00;
}
.excellent-case-container .popular-law .dispute-items {
  background: #F8F8F9;
  box-sizing: border-box;
  overflow-y: scroll;
  padding-right: 20px;
  padding-left: 20px;
  max-height: 310px;
}
.excellent-case-container .popular-law .dispute-items .dispute-list .dispute-item {
  font-size: 14px;
  color: #4A4A4A;
  line-height: 24px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.excellent-case-container .popular-law .dispute-items .dispute-focus-title {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.excellent-case-container .popular-law .dispute-items .dispute-focus-item {
  margin-left: 18px;
  cursor: pointer;
}
.excellent-case-container .popular-law .dispute-items .dispute-focus-item span {
  white-space: pre-wrap;
  line-height: 28px;
  display: inline-block;
}
.excellent-case-container .popular-law .dispute-items .dispute-focus-item span:hover {
  background: #FFF0E1;
}
.excellent-case-container .popular-law .popular-source-items {
  width: 845px;
  background-color: #f8f8f9;
  padding: 0 10px;
}
.excellent-case-container .popular-law .popular-source-items .item {
  padding: 10px 0;
  cursor: pointer;
}
.excellent-case-container .popular-law .popular-source-items .item:hover {
  color: #fa8919;
}
.excellent-case-container .popular-law .popular-source-items .item:hover .ibass-dot {
  color: #fa8919;
}
.excellent-case-container .popular-law .popular-source-items .item .source-title {
  margin-left: 8px;
}
.excellent-case-container .popular-law .popular-source-items .item .ibass-dot {
  margin-left: 6px;
  color: #a9a9a9;
  position: relative;
  top: 1px;
}
.excellent-case-container .popular-law .popular-source-items .item .source-date {
  margin-left: 12px;
}
.excellent-case-container .for-excellent-paragraph-scroll-anchor-container {
  width: 0;
  height: 0;
  z-index: -1;
}

.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;
}

.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: #fa8919;
}
.similarity-case-result .list-tab .result-option.batch-download:hover i.ibass-download {
  color: #fa8919;
}
.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: #fa8919;
}
.similarity-case-result .list-content .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #fdba78;
}
.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: #fdba78;
}
.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: #ed6c00;
}
.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.item-label-10 {
  background: #9D54CC;
}
.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.text-tag.text-keyword {
  background: #f8f8f9;
  border: none;
  color: #4a4a4a;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-label.add-tag {
  background: #fa8919;
  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: #ed6c00;
  color: #fff;
  border: 1px solid #ed6c00;
}
.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: 30px;
  height: 28px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fa8919;
  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: #fa8919;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .number-box {
  margin: 1px 5px 60px 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,
.similarity-case-result .list-content .judgement-list .judgement-item .item-title h2 {
  font-size: 20px;
  color: #353535;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span.clicked,
.similarity-case-result .list-content .judgement-list .judgement-item .item-title h2.clicked {
  color: #888;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span.clicked .bigdata_query_highlight,
.similarity-case-result .list-content .judgement-list .judgement-item .item-title h2.clicked .bigdata_query_highlight {
  color: #888;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title span .ibass-video,
.similarity-case-result .list-content .judgement-list .judgement-item .item-title h2 .ibass-video {
  font-size: 20px;
  margin-left: 10px;
  color: #fa8919;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-title .view-box {
  float: right;
  font-size: 13px;
  color: #a9a9a9;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-abstract {
  width: 95%;
  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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.similarity-case-result .list-content .judgement-list .judgement-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.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;
}

.bigData-company-detail {
  padding: 0px 25px 80px 25px;
  width: 1030px;
  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;
}

.bigData-judicialview-detail {
  width: 1200px;
  position: relative;
  background: #fff;
  left: -100px;
  top: 6px;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.bigData-judicialview-detail.font-small .laws-detail-content .content-left .judicialView-through p {
  font-size: 14px;
  line-height: 24px;
}
.bigData-judicialview-detail.font-small .laws-detail-content .content-left .judicialView-through .main-title {
  font-size: 16px;
}
.bigData-judicialview-detail.font-small .laws-detail-content .content-left .judicialView-through .small-title {
  font-size: 14px;
  line-height: 20px;
}
.bigData-judicialview-detail.font-small .laws-detail-content .content-left .judicialView-through .ext-content {
  line-height: 24px;
}
.bigData-judicialview-detail.font-medium .laws-detail-content .content-left .judicialView-through p {
  font-size: 16px;
  line-height: 29px;
}
.bigData-judicialview-detail.font-medium .laws-detail-content .content-left .judicialView-through .main-title {
  font-size: 18px;
}
.bigData-judicialview-detail.font-medium .laws-detail-content .content-left .judicialView-through .small-title {
  font-size: 16px;
  line-height: 22px;
}
.bigData-judicialview-detail.font-medium .laws-detail-content .content-left .judicialView-through .ext-content {
  line-height: 29px;
}
.bigData-judicialview-detail.font-large .laws-detail-content .content-left .judicialView-through p {
  font-size: 18px;
  line-height: 32px;
}
.bigData-judicialview-detail.font-large .laws-detail-content .content-left .judicialView-through .main-title {
  font-size: 20px;
}
.bigData-judicialview-detail.font-large .laws-detail-content .content-left .judicialView-through .small-title {
  font-size: 18px;
  line-height: 26px;
}
.bigData-judicialview-detail.font-large .laws-detail-content .content-left .judicialView-through .ext-content {
  line-height: 32px;
}
.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;
  display: flex;
  background: white;
  min-height: 68px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 25px;
  line-height: 68px;
}
.bigData-judicialview-detail .laws-detail-head .title-container {
  display: flex;
}
.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: 700px;
  margin-top: 20px;
  font-size: 20px;
  color: #353535;
}
.bigData-judicialview-detail .laws-detail-head .title-container .tit .bigdata-judicialview-annotation {
  vertical-align: super;
  cursor: pointer;
  font-size: 14px;
  color: #ed6c00;
}
.bigData-judicialview-detail .laws-detail-head .title-container .tit .bigdata-judicialview-annotation:hover {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-head .title-container .tit .guide-point {
  position: relative;
}
.bigData-judicialview-detail .laws-detail-head .title-container .tit .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-head .title-container .tit .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-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;
  flex: 1;
  text-align: right;
}
.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.white .content-right .baseInfo {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-judicialview-detail .laws-detail-content.blue-eye .content-right .baseInfo {
  background: #C7EDCD !important;
  background-color: #C7EDCD !important;
}
.bigData-judicialview-detail .laws-detail-content.blue-eye .content-right .baseInfo section .related-view:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-judicialview-detail .laws-detail-content.blue-eye .content-right .baseInfo section .related-view:hover .ibass-dot {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content.gray .content-right .baseInfo {
  background: #EEE !important;
  background-color: #EEE !important;
}
.bigData-judicialview-detail .laws-detail-content.gray .content-right .baseInfo section .related-view:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-judicialview-detail .laws-detail-content.gray .content-right .baseInfo section .related-view:hover .ibass-dot {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content.blue .content-right .baseInfo {
  background: #E4EBF1 !important;
  background-color: #E4EBF1 !important;
}
.bigData-judicialview-detail .laws-detail-content.blue .content-right .baseInfo section .related-view:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-judicialview-detail .laws-detail-content.blue .content-right .baseInfo section .related-view:hover .ibass-dot {
  color: #fa8919;
}
.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;
  padding-bottom: 30px;
}
.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: transparent;
  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.case-recommend {
  margin-top: 24px;
  padding: 10px 15px 15px;
  background: #f8f8f9;
  border-radius: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .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-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend h6 {
  padding-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
  line-height: 22px;
  font-size: 16px;
  margin: 8px 0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .more {
  cursor: pointer;
  margin-top: 8px;
  margin-left: 20px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .more:hover span,
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .more:hover i {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .more span {
  color: #a9a9a9;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend i {
  position: absolute;
  top: inherit;
  margin-left: -20px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend:last-child {
  border-bottom: 0;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend p:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 25px;
  margin: 5px 0px 0px 20px;
  color: #737373;
  cursor: pointer;
  padding-bottom: 5px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend p:first-child:hover {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend p:nth-child(2) {
  line-height: 25px;
  padding-left: 19px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend p:nth-child(3) > span {
  display: block;
  padding-left: 19px;
}
.bigData-judicialview-detail .laws-detail-content .content-right .baseInfo.case-recommend .item-recommend p:nth-child(3) > span span:nth-child(1) {
  color: #737373;
}
.bigData-judicialview-detail .laws-detail-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-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;
  display: inline-block;
  width: 20px;
  text-indent: 0;
  white-space: nowrap;
}
.bigData-judicialview-detail .laws-detail-content .bigdata-judicialview-annotation:hover {
  color: #fa8919;
}
.bigData-judicialview-detail .laws-detail-content .bigdata-judicialview-annotation.guide-point {
  left: 11px;
}
.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;
  }
}

.bigData-laws-detail-layout-container {
  position: relative;
  display: flex;
  left: -100px;
  top: 6px;
  width: 1200px;
}
.bigData-laws-detail-layout-container .bigData-laws-detail {
  width: 1200px;
  left: unset;
  top: unset;
}
.bigData-laws-detail-layout-container.is-open-ai-assistant {
  left: -157px;
  width: unset;
}
.bigData-laws-detail-layout-container.is-open-ai-assistant .bigData-laws-detail .laws-detail-content .content-right {
  display: none;
}
.bigData-laws-detail-layout-container.is-open-ai-assistant .laws-detail-head .tit {
  max-width: 350px;
}
.bigData-laws-detail-layout-container.is-open-ai-assistant .laws-detail-head .tit .title-des {
  max-width: 320px;
}
.bigData-laws-detail-layout-container.is-open-ai-assistant .laws-detail-head .tit .title-des.short-title {
  max-width: 186px;
}
.time-limited-tag {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  margin-left: 8px;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  color: #737373;
  background: #f3f3f3;
  vertical-align: middle;
}
.time-limited-tag-invalid {
  color: #ED5847;
  background: #FFF3F2;
  border-radius: 4px;
  border: 1px solid #ffd6d1;
}
.time-limited-tag-half-invalid {
  color: #F07700;
  background: #FFF6EE;
  border-color: #FFD6AE;
}
.time-limited-tag-modified {
  color: #3D86EB ;
  background: #F2F9FF;
  border-color: #C5E4FC;
}
.time-limited-tag-draft {
  color: #00A866;
  background: #F0FBF7;
  border-color: #ADE7D1;
}
.time-limited-tag-future {
  color: #8aaa41;
  background: #f4fadb;
  border-color: #dbeaa7;
}
.law-detail-assistant-container {
  position: sticky;
  width: 392px;
  height: 100vh;
  top: 0;
  background: #fff;
  border-radius: 10px;
  margin-left: 4px;
}
.law-detail-assistant-container .close-page-btn {
  position: absolute;
  right: 14px;
  top: 19px;
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  color: #333;
  padding-top: 2px;
  font-size: 14px;
  z-index: 1;
}
.law-detail-assistant-container .close-page-btn:hover {
  color: #FA8919;
}
.law-detail-assistant-btn {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.law-detail-assistant-btn:hover img {
  transform: rotate(360deg);
}
.law-detail-assistant-btn:hover .law-detail-assistant-btn-text {
  color: var(--color-primary, #fa8919) !important;
}
.law-detail-assistant-btn img {
  position: relative;
  top: 4px;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  transition: transform 1s ease;
}
.law-detail-assistant-btn .law-detail-assistant-btn-text {
  height: 20px;
  line-height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 13px;
  color: #333333;
}
.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;
  left: -100px;
  top: 6px;
  min-height: 1486px;
  border-radius: 10px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
.bigData-laws-detail.timelimit-invalid {
  background: url('tool/images/timelimit-invalid.svg') 40% 70% fixed no-repeat;
  background-color: #fff;
}
.bigData-laws-detail.timelimit-future {
  background: url('tool/images/timelimit-future.svg') 40% 70% fixed no-repeat;
  background-color: #fff;
}
.bigData-laws-detail.timelimit-invalid-half {
  background: url('tool/images/timelimit-invalid-half.svg') 40% 70% fixed no-repeat;
  background-color: #fff;
}
.bigData-laws-detail.font-small .laws-detail-content .content-left .laws-through .tiao-type {
  font-size: 14px;
}
.bigData-laws-detail.font-small .laws-detail-content .content-left .laws-through .tiao-gist {
  font-size: 13px;
}
.bigData-laws-detail.font-small .laws-detail-content .content-left .laws-through .main-title {
  font-size: 16px !important;
}
.bigData-laws-detail.font-small .laws-detail-content .content-left .laws-through p {
  line-height: 24px;
}
.bigData-laws-detail.font-medium .laws-detail-content .content-left .laws-through .tiao-type {
  font-size: 16px;
}
.bigData-laws-detail.font-medium .laws-detail-content .content-left .laws-through .tiao-gist {
  font-size: 14px;
}
.bigData-laws-detail.font-medium .laws-detail-content .content-left .laws-through .main-title {
  font-size: 18px !important;
}
.bigData-laws-detail.font-large .laws-detail-content .content-left .laws-through .tiao-type {
  font-size: 18px;
}
.bigData-laws-detail.font-large .laws-detail-content .content-left .laws-through .tiao-gist {
  font-size: 16px;
}
.bigData-laws-detail.font-large .laws-detail-content .content-left .laws-through .main-title {
  font-size: 20px !important;
}
.bigData-laws-detail.font-large .laws-detail-content .content-left .laws-through p {
  line-height: 32px;
}
.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: #ed6c00;
}
.bigData-laws-detail .cDownFile {
  color: #d3a279;
  text-decoration: underline;
}
.bigData-laws-detail .jump-law {
  background-color: #fa8919;
}
.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;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 10px 10px 0 0;
  padding: 0 15px 0 25px;
  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: 560px;
  text-align: left;
}
.bigData-laws-detail .laws-detail-head .tit .ibass-regulation {
  color: #fdba78;
  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.title-des.short-title {
  max-width: 420px;
}
.bigData-laws-detail .laws-detail-head .tit span.law-timelimit {
  padding: 0 15px;
  height: 22px;
  display: inline-block;
  border-radius: 20px;
  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 i.ibass-trig-down {
  top: 2px;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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-report,
.bigData-laws-detail .laws-detail-head .right-container .ibass-printline,
.bigData-laws-detail .laws-detail-head .right-container .ibass-bigdata-list,
.bigData-laws-detail .laws-detail-head .right-container .ibass-field-casade,
.bigData-laws-detail .laws-detail-head .right-container .ibass-text,
.bigData-laws-detail .laws-detail-head .right-container .ibass-thumbnail {
  font-size: 16px;
  margin-right: 5px;
}
.bigData-laws-detail .laws-detail-content {
  border: 1px solid #fff;
  border-top: none;
  display: flex;
}
.bigData-laws-detail .laws-detail-content .level4 {
  margin-bottom: 24px;
  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: 16px;
  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 50px 50px;
}
.bigData-laws-detail .laws-detail-content .content-left #content {
  width: 890px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info-bottom {
  padding-bottom: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info-bottom .bottom-info-name {
  font-size: 14px;
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info-bottom .bottom-info-value {
  margin-left: 16px;
  color: #4a4a4a;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box {
  padding: 16px 24px 16px 32px !important;
  margin-bottom: 12px;
  max-height: 528px;
  overflow-y: auto;
  box-sizing: border-box;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-title.explain-refer-title {
  padding-bottom: 6px;
  margin-top: 28px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-title.explain-refer-title::before {
  top: calc(50% + 4px);
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-title.refer-cnki-title {
  margin-top: 28px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-title::before {
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #fa8919;
  border-radius: 50%;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail {
  margin-top: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-detail-part {
  display: flex;
  margin-top: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-detail-part:first-child {
  margin-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-detail-part .refer-detail-part-label {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
  margin-right: 16px;
  flex-shrink: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .refer-detail .refer-item {
  cursor: pointer;
  font-size: 14px;
  color: #737373;
  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: #fa8919;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .cnki__list {
  padding-top: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .cnki__list .cnki__item + .cnki__item {
  margin-top: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .cnki__list .cnki__item-title {
  display: flex;
  text-decoration: none;
  font-size: 14px;
  color: #4A4A4A;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .cnki__list .cnki__item-title .index {
  display: inline-block;
  width: 20px;
  flex-shrink: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .cnki__list .cnki__item-title:hover {
  color: #ED6C00;
}
.bigData-laws-detail .laws-detail-content .content-left .refer-detail-box .cnki__list .cnki__item-info {
  margin-top: 10px;
  margin-left: 20px;
  font-size: 14px;
  color: #737373;
}
.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: 9px;
  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:first-child {
  padding-top: 5px;
}
.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;
  word-wrap: break-word;
  word-break: break-all;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-title:hover {
  color: #fa8919;
}
.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: 5px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art:hover {
  color: #ed6c00;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art:hover a {
  color: #d3a279;
}
.bigData-laws-detail .laws-detail-content .content-left .paragraph-refer-box .law-explain .explain-item .exp-art:hover a:hover {
  color: #ed6c00;
}
.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 .paragraph-refer-box .law-explain .explain-item .icon-trangle {
  line-height: 28px;
  margin-right: 4px;
}
.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: 16px 24px 16px 32px !important;
  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 .law-title {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  line-height: 26px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: block;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .law-matter-min {
  text-indent: 2em!important;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .content-title {
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .content-title::before {
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #fa8919;
  border-radius: 50%;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box p {
  width: 100%;
}
.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: #ed6c00;
  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 #ed6c00;
  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: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
}
.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: #0B58FF;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other r {
  color: #E80000;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other .oan-add-green {
  color: #0B58FF;
  display: inline-block;
  padding-top: 0px;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other .oan-del-red {
  color: #E80000;
  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: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .date {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .history-title-des {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .legislation-history-box .history-other.hover-history-des:hover .history-dot i {
  color: #ed6c00;
}
.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: #0B58FF;
}
.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: #E80000;
}
.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: #ED6C00;
}
.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 .ai-knowledge-box {
  padding: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .bigdata_query_highlight {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container {
  max-height: 508px;
  min-height: 100px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px 32px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .loading {
  padding-top: unset !important;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-title-left {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-title-left span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  line-height: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-title-left .ibass-info {
  top: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #AAABAD;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-title-left .ibass-info:hover {
  color: #969799;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-problem {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-problem:hover {
  color: #FA8919;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-problem:hover .ibass-report {
  color: #FA8919;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .law-tiao-ai-knowledge-title .law-tiao-ai-knowledge-problem .ibass-report {
  top: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #AAABAD;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item {
  margin-top: 24px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title .repo-type {
  margin-right: 8px;
  padding: 2px 6px;
  box-sizing: border-box;
  background: #FFF6EE;
  border-radius: 4px;
  border: 1px solid #FFD6AE;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #F07700;
  line-height: 16px;
  flex-shrink: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title .repo-type.repo-type-office {
  background: #F2F9FF;
  border: 1px solid #C5E4FC;
  color: #3D86EB;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title .repo-type.repo-type-matter {
  background: #F2F2FF;
  border: 1px solid #D1D1FF;
  color: #6464E0;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title .repo-type.repo-type-lit {
  background: #FFF3F2;
  border: 1px solid #FFD6D1;
  color: #ED5847;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title .repo-type.repo-type-nonlit {
  background: #F0FBF7;
  border: 1px solid #ADE7D1;
  color: #00A866;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-title .repo-file-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  color: #4A4A4A;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content {
  position: relative;
  cursor: pointer;
  padding-left: 14px;
  margin-left: 4px;
  margin-bottom: 8px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  line-clamp: 2;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content:last-child {
  margin-bottom: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #ed6c00;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content:hover {
  color: #fa8919;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content .bigdata_query_highlight {
  color: unset;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content table tbody tr:nth-child(n+3) {
  display: none;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content-more {
  display: flex;
  margin-top: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content-more .knowledge-item-content-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #EBEBEB;
  padding: 6px 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 16px;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .law-tiao-ai-knowledge-container .knowledge-item .knowledge-item-content-more .knowledge-item-content-more-btn:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container {
  height: 316px;
  background: #F8F8F9;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-container-img-container {
  width: 88px;
  height: 58px;
  margin-top: 60px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-container-img-container img {
  width: 100%;
  height: 100%;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-text {
  margin-top: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-text-description {
  margin-top: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #909399;
  line-height: 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer .no-ai-knowledge-footer-problem {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  width: 124px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 22px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  cursor: pointer;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer .no-ai-knowledge-footer-problem:hover {
  background: #FFFAF6;
  border: 1px solid #FA8919;
  color: #FA8919;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer .no-ai-knowledge-footer-problem:hover .ibass-report {
  color: #FA8919;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer .no-ai-knowledge-footer-problem .ibass-report {
  font-size: 16px;
  color: #AAABAD;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer .no-ai-knowledge-footer-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  width: 132px;
  height: 40px;
  background: #FA8919;
  border-radius: 22px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .ai-knowledge-box .no-ai-knowledge-container .no-ai-knowledge-footer .no-ai-knowledge-footer-upload:hover {
  background: #FA9A2A;
}
.bigData-laws-detail .laws-detail-content .content-left .lawregu_link {
  color: #d3a279;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .lawregu_link:hover {
  color: #ed6c00;
}
.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: 860px;
}
.bigData-laws-detail .laws-detail-content .content-left .xf-name p {
  width: 100%;
}
.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: #ed6c00;
  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: 66px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-value {
  margin-left: 12px;
  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-value.pointer {
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-info .base-info-value.pointer :hover {
  color: #fa8919;
}
.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: #fa8919;
  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: #ed6c00;
}
.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: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-right:hover .popular-title {
  color: #ed6c00;
}
.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,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .ibass-move,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .ibass-link {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .ibass-replace {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .align-left:hover .popular-title {
  color: #ed6c00;
}
.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,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .visited .ibass-link {
  color: #ed6c00;
  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: #ed6c00;
}
.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,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-move,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-link {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-move,
.bigData-laws-detail .laws-detail-content .content-left .popular-law .ibass-link {
  margin-right: 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: #ed6c00;
}
.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: #fa8919;
}
.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: #fa8919;
  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: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .popular-items .item .number:hover {
  color: #ed6c00;
}
.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: #ed6c00;
}
.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: #ed6c00;
  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: #ed6c00;
}
.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: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related {
  position: relative;
  width: 870px;
  max-height: 305px;
  overflow: auto;
  background-color: #f8f8f9;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related.padding {
  padding: 0 0 15px 18px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related .item-detail.laws {
  margin-top: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related .item-detail {
  min-height: 20px;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related .item-detail div {
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related .item-detail .title.invalid-law-title {
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related .item-detail .title.invalid-law-title:hover {
  color: #a9a9a9;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-related .item-detail .title:hover {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse {
  padding: 0 !important;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse .law-reference-container {
  padding: 16px 32px;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse .law-reference-container .refer-part {
  display: flex;
  align-items: flex-start;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse .law-reference-container .refer-part .refer-part-label {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 20px;
  margin-right: 16px;
  flex-shrink: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse .law-reference-container .refer-part .refer-item-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  line-height: 20px;
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse .law-reference-container .refer-part .refer-item-text:hover {
  color: var(--color-primary, #fa8919);
}
.bigData-laws-detail .laws-detail-content .content-left .popular-law .law-reference-collapse .law-reference-container .refer-part .refer-item-text:last-child {
  margin-right: 0;
}
.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: #fa8919;
}
.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;
  position: relative;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain {
  position: absolute;
  top: 19px;
  left: 0;
  transform: translateX(-50%);
  z-index: 1000;
  padding-top: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain .law-copy-button-span {
  background: #3D3D3D;
  color: #ffffff;
  border-radius: 7px;
  white-space: nowrap;
  text-indent: 0;
  padding: 0px 0px;
  height: 30px;
  width: 92px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain .law-copy-button-span .ibass-move {
  color: #ffffff;
  margin-right: 4px;
  font-size: 12px;
  position: relative;
  top: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .tiao-type .law-copy-button-contain .law-copy-button-span::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 12px solid #3d3d3d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: 0;
  left: 39px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .tiao-gist {
  padding: 6px 4px 5px;
  font-size: 14px;
  color: #4a4a4a;
  background: rgba(205, 201, 197, 0.2);
  border-radius: 2px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content {
  width: 100%;
  text-indent: 32px;
  border: 0.5px solid transparent;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style {
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: -2px;
  color: #4a4a4a;
  padding: 0 10px;
  margin-left: 8px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style .preview-img-box {
  margin-right: 10px;
  overflow: hidden;
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style .preview-img {
  vertical-align: middle;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style span {
  text-indent: 0;
  vertical-align: middle;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .content {
  position: relative;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .content .timelimit-invalid-half-content {
  text-indent: 0;
  background-color: #FFEDEB;
  line-height: 28px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .content .timelimit-invalid-half-content::before {
  content: '失效';
  position: absolute;
  display: block;
  left: -19px;
  top: -2px;
  width: 19px;
  height: 28px;
  background: #F35645;
  color: #FFFFFF;
  transform: scale(0.8);
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  line-height: 14px;
  border-radius: 4px 0px 0px 4px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .content .timelimit-invalid-half-item {
  background-color: #FFEDEB;
  position: relative;
  line-height: 28px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style:hover {
  color: #fa8919;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style:hover .preview-img {
  filter: drop-shadow(#fa8919 14px 0);
  transform: translateX(-14px);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .preview-button-style::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  width: 1px;
  height: 16px;
  background: #EBEBEB;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .not-has-i-add-search-report {
  text-indent: 32px;
  margin: 0;
  padding: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .not-has-i-add-search-report .preview-img-box {
  margin-right: 12px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .through-content .not-has-i-add-search-report::after {
  display: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container {
  margin-top: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container .preview-header {
  background-color: #ededed;
  display: flex;
  padding: 10px 8px;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container {
  display: flex;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container .ibass-link {
  color: #000000;
  margin-right: 10px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container .preview-name {
  color: #333333;
  font-size: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container .preview-header .preview-name-container .preview-name .bigdata_query_highlight {
  color: #000000;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .preview-container .preview-header .ibass-close {
  cursor: pointer;
  color: #000000;
  font-size: 16px;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box.refer-box-active .icon-cnki,
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box:hover .icon-cnki {
  background-image: url(tool/images/icon-cnki-active.svg);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .refer-msg-box .icon-cnki {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(tool/images/icon-cnki.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box {
  display: inline-block;
  position: relative;
  height: 20px;
  top: 4px;
  padding-left: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box:hover .knowledge-entrance-icon-hover {
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box:hover .knowledge-entrance-icon {
  display: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box.refer-box-active .knowledge-entrance-icon-active {
  display: inline-block;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box.refer-box-active .knowledge-entrance-icon-hover,
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box.refer-box-active .knowledge-entrance-icon {
  display: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box .knowledge-entrance-img-container {
  padding: 0 4px;
  position: relative;
  vertical-align: unset;
  line-height: unset;
  top: -4px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box img {
  position: relative;
  width: 74px;
  top: 4px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box .knowledge-entrance-icon-hover {
  display: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box .knowledge-entrance-icon-active {
  display: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box span {
  line-height: 20px;
  vertical-align: top;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover-container {
  position: relative;
  display: inline-block;
  z-index: 10000;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover-container span {
  text-indent: 0;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover {
  position: absolute;
  left: -4px;
  top: -38px;
  width: 270px;
  height: 188px;
  background: #FFFFFF;
  box-shadow: 0px 12px 36px 0px rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  border: 1px solid #EBEBEE;
  box-sizing: border-box;
  padding: 16px;
  user-select: none;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-triangle {
  position: absolute;
  left: -8px;
  top: 24px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #FFFFFF;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-triangle::before {
  content: '';
  position: absolute;
  left: -1px;
  top: -9px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #EBEBEE;
  z-index: -1;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-content .knowledge-entrance-box-new-popover-content-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  line-height: 20px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-content .knowledge-entrance-box-new-popover-content-title .content-title-text {
  font-size: 15px;
  color: #333333;
  line-height: 20px;
  font-weight: 500;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-content .knowledge-entrance-box-new-popover-content-description {
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 22px;
  text-align: justify;
  margin-bottom: 8px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-content .knowledge-entrance-box-new-popover-content-footer {
  display: flex;
  justify-content: flex-end;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-content .knowledge-entrance-box-new-popover-content-footer .i-know-btn {
  position: relative;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 28px;
  background: #FA8919;
  border-radius: 6px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 16px;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .knowledge-entrance-box-new-popover .knowledge-entrance-box-new-popover-content .knowledge-entrance-box-new-popover-content-footer .i-know-btn:hover {
  background: #FA9A2A;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .detail-tiao-assistant-btn {
  display: inline-block;
  position: relative;
  height: 20px;
  top: 4px;
  padding-left: 16px;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .detail-tiao-assistant-btn:hover img {
  transform: rotate(360deg);
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .detail-tiao-assistant-btn:hover .law-detail-assistant-btn-text {
  color: var(--color-primary, #fa8919) !important;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .detail-tiao-assistant-btn img {
  position: relative;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  transition: transform 1s ease;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .detail-tiao-assistant-btn .detail-tiao-assistant-btn-text {
  position: relative;
  top: -4px;
}
.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: #fa8919;
}
.bigData-laws-detail .laws-detail-content .content-left .laws-through .i-add-search-report .confirm-add:hover i {
  color: #fa8919;
}
.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: #fa8919;
}
.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 .interpretation-invalid-tag {
  text-indent: 0 !important;
}
.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: #ed6c00;
}
.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-left .law-tiao-tab-list {
  margin-top: 4px;
}
.bigData-laws-detail .laws-detail-content .content-right {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 110px;
  bottom: 300px;
  width: 214px !important;
  padding: 20px 0 40px;
  background-color: #fff;
  z-index: 90;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.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: #ed6c00;
  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: #ed6c00;
}
.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: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  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 ul .list-text.active {
  color: #ed6c00;
}
.bigData-laws-detail .laws-detail-content .content-right .fast-menu ul .list-text.active.list-bold-text {
  color: #ed6c00;
}
.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;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box {
  overflow-y: auto;
  height: 100%;
}
.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);
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box .knowledge-graph {
  padding: 16px 16px 18px;
  margin-bottom: 24px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box .knowledge-graph .knowledge-graph-title {
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 10px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box .knowledge-graph .knowledge-graph-content {
  width: max-content;
  height: max-content;
  cursor: pointer;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .padding-box .knowledge-graph .knowledge-graph-content .graph-img {
  width: 175px;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box {
  padding: 16px 16px 18px;
  background-color: #F8F8F9;
}
.bigData-laws-detail .laws-detail-content .content-right .relation-msg-container .relation-msg-box + .relation-msg-box {
  margin-top: 24px;
}
.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;
  max-height: 40px;
  color: #737373;
  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: #ed6c00;
}
.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: #ed6c00;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: -45px;
  z-index: 100;
  background-color: #F98818;
  border-radius: 8px 0px 0px 8px;
}
.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;
}
.ngdialog.ngdialog-theme-default.ai-knowledge-no-trial-dialog .ngdialog-close {
  top: 23px !important;
  right: 14px !important;
}
.ngdialog.ngdialog-theme-default.ai-knowledge-no-trial-dialog .ngdialog-close::before {
  content: '' !important;
}
.ngdialog.ngdialog-theme-default.ai-knowledge-no-trial-dialog .qr-code-img-container {
  position: absolute;
  left: 32px;
  bottom: 58px;
  width: 128px;
  height: 128px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 2px solid #F0F2F4;
  padding: 5px;
}
.ngdialog.ngdialog-theme-default.ai-knowledge-no-trial-dialog .qr-code-img-container .qr-code-img {
  width: 100%;
  height: 100%;
}
.law-tiao-knowledge-preview-dialog .ngdialog-close {
  display: none !important;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content {
  width: 900px !important;
  height: 680px;
  padding: 24px 20px 20px 24px !important;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title .preview-knowledge-dialog-title-left {
  display: flex;
  align-items: center;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title .preview-knowledge-dialog-title-left .preview-knowledge-dialog-title-name {
  width: 460px;
  height: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title .preview-knowledge-dialog-title-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title .preview-knowledge-dialog-title-right .preview-knowledge-dialog-title-right-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 6px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title .preview-knowledge-dialog-title-right .preview-knowledge-dialog-title-right-btn:hover {
  background: #F2F3F5;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-title .preview-knowledge-dialog-title-right .preview-knowledge-dialog-title-right-btn i {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #909399;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-content {
  height: 558px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-footer {
  position: relative;
  display: flex;
  padding-top: 12px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-footer .preview-knowledge-dialog-footer-shadow {
  width: 100%;
  position: absolute;
  left: 0;
  top: -16px;
  height: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-footer .preview-knowledge-file-type-container {
  display: flex;
  align-items: center;
  column-gap: 6px;
  height: 26px;
  background: #F2F3F5;
  border-radius: 13px;
  padding: 0 8px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-footer .preview-knowledge-file-type-container .preview-knowledge-file-type-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
}
.law-tiao-knowledge-preview-dialog .ngdialog-content .preview-knowledge-dialog-footer .preview-knowledge-file-type-container .preview-knowledge-file-type-name {
  font-size: 13px;
  color: #333;
  line-height: 16px;
}
.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;
}
.specific-add-report-btn-container .add-report {
  border-radius: 0px 7px 7px 0px;
  font-size: 12px;
  height: 30px;
  width: auto;
  line-height: 1;
  padding: 0px 14px 0px 8px;
  display: flex;
  align-items: center;
}
.specific-add-report-btn-container .add-report .ibass-add-round {
  font-size: 13px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.copy-button-in-report {
  border: none;
  height: 30px;
  line-height: 1;
  background-color: #000000;
  color: #ffffff;
  background: #3d3d3d;
  padding: 0px 8px 0px 14px;
  border-radius: 7px 0px 0px 7px;
  font-size: 12px;
  display: flex;
  align-items: center;
  z-index: 100000;
}
.copy-button-in-report .ibass-move {
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.copy-button-in-report::before {
  content: ' ';
  display: block;
  width: 1px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 1px;
  opacity: 0.5;
  position: absolute;
  right: 1px;
  top: 7px;
}
.copy-button-in-report::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 13px solid #3d3d3d;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  top: -13px;
  left: 75px;
}
.law-item-copy-content-popover-container,
.copy-content-popover-container {
  max-width: 330px;
  width: auto;
  padding: 14px 16px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  border-radius: 7px;
}
.law-item-copy-content-popover-container .popover-law-title,
.copy-content-popover-container .popover-law-title {
  font-size: 14px;
}
.law-item-copy-content-popover-container .popover-law-content-html-string,
.copy-content-popover-container .popover-law-content-html-string {
  max-height: 310px;
  overflow-y: auto;
}
.law-item-copy-content-popover-container .popover-law-content-html-string .law-format-item-string,
.copy-content-popover-container .popover-law-content-html-string .law-format-item-string {
  font-weight: 500;
}
.law-item-copy-content-popover-container .popover-law-content-html-string::-webkit-scrollbar,
.copy-content-popover-container .popover-law-content-html-string::-webkit-scrollbar {
  display: none;
}
.bigData-laws-detail.bigdata-detail-container.white .search-in-page,
.bigData-laws-detail.bigdata-detail-container.white .relation-msg-box,
.bigData-laws-detail.bigdata-detail-container.white .content-right {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.bigData-laws-detail.bigdata-detail-container.blue-eye .search-in-page,
.bigData-laws-detail.bigdata-detail-container.blue-eye .relation-msg-box,
.bigData-laws-detail.bigdata-detail-container.blue-eye .content-right {
  background: #C7EDCD8eccf !important;
  background-color: #C7EDCD !important;
}
.bigData-laws-detail.bigdata-detail-container.blue-eye .laws-detail-head {
  border-bottom: 1px solid transparent;
}
.bigData-laws-detail.bigdata-detail-container.gray .search-in-page,
.bigData-laws-detail.bigdata-detail-container.gray .relation-msg-box,
.bigData-laws-detail.bigdata-detail-container.gray .content-right {
  background: #eee !important;
  background-color: #eee !important;
}
.bigData-laws-detail.bigdata-detail-container.gray .laws-detail-head {
  border-bottom: 1px solid transparent;
}
.bigData-laws-detail.bigdata-detail-container.blue .search-in-page,
.bigData-laws-detail.bigdata-detail-container.blue .relation-msg-box,
.bigData-laws-detail.bigdata-detail-container.blue .content-right {
  background: #E3EBF3 !important;
  background-color: #E3EBF3 !important;
}
.bigData-laws-detail.bigdata-detail-container.blue .laws-detail-head {
  border-bottom: 1px solid transparent;
}

.law-detail-old-and-new {
  width: 100%;
  background: #F4F5F9;
  height: 100vh;
  box-sizing: border-box;
  min-width: 1350px;
}
.law-detail-old-and-new.bigData-laws-detail {
  left: unset;
  top: unset;
  min-height: unset;
}
.law-detail-old-and-new .page-top-container {
  position: sticky;
  top: 0;
  height: 60px;
  background-color: #fff;
}
.law-detail-old-and-new .page-top-container .page-logo {
  position: absolute;
  top: 0;
  left: 40px;
}
.law-detail-old-and-new .page-top-container .page-logo img {
  width: 120px;
}
.law-detail-old-and-new .page-top-container .top-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1020px;
  height: 100%;
  margin: 0 auto;
}
.law-detail-old-and-new .page-top-container .top-center .center-right {
  display: flex;
  align-items: center;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #FA8919;
  cursor: pointer;
  margin-right: 12px;
  box-sizing: border-box;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action .change-icon,
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action .change-icon-hover {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action .change-icon-hover {
  display: none;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action:hover {
  border: 1px solid #FA9A2A;
  background: #FFFAF6;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action:hover .change-icon-hover {
  display: inline-block;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action:hover .change-icon {
  display: none;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action:hover span {
  color: #FA8919;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .change-action span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #ED6C00;
  line-height: 20px;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 32px;
  border-radius: 4px;
  box-sizing: border-box;
  padding-right: 4px;
  cursor: pointer;
  background: #FA8919;
  color: #FFFFFF;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action:hover {
  background: #FA9A2A;
  opacity: 0.8;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action:hover .download-icon-hover {
  display: inline-block;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action:hover .download-icon {
  display: none;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action .download-icon,
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action .download-icon {
  display: inline-block;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action .download-loading,
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action .download-icon-hover {
  display: none;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action.is-downloading .download-icon,
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action.is-downloading .download-icon-hover {
  display: none;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action.is-downloading .download-loading {
  display: inline-block;
  animation: rotate 2s linear infinite;
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action img {
  width: 20px;
  margin-right: 4px;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.law-detail-old-and-new .page-top-container .top-center .center-right .download-action span {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-style: normal;
}
.law-detail-old-and-new .page-body {
  padding: 20px 0 32px 0;
}
.law-detail-old-and-new .action-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 26px;
  margin-top: 16px;
}
.law-detail-old-and-new .action-container .action-item {
  display: flex;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
}
.law-detail-old-and-new .action-container .action-item i {
  font-size: 16px;
  margin-right: 4px;
  top: 1px;
}
.law-detail-old-and-new .action-container .action-item:hover {
  color: #fa8919;
}
.law-detail-old-and-new .action-container .action-item:hover i {
  color: #fa8919;
}
.law-detail-old-and-new .compare-container {
  width: 1020px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(154, 168, 180, 0.1);
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  padding: 23px;
  box-sizing: border-box;
}
.law-detail-old-and-new .compare-container.swapped .compare-item-row {
  flex-direction: row-reverse;
}
.law-detail-old-and-new .compare-item-row {
  display: flex;
  width: 100%;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 34px;
  font-style: normal;
  column-gap: 16px;
}
.law-detail-old-and-new .compare-item-row:nth-child(2n) .row-left,
.law-detail-old-and-new .compare-item-row:nth-child(2n) .row-right {
  background: #F8F8F8;
}
.law-detail-old-and-new .compare-item-row .row-left {
  width: 477px;
  box-sizing: border-box;
  padding: 12px 14px;
  display: inline-block;
}
.law-detail-old-and-new .compare-item-row .row-right {
  width: 477px;
  padding: 12px 14px;
  box-sizing: border-box;
  display: inline-block;
}
.law-detail-old-and-new .compare-item-row .law-overview {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border-radius: 11px 11px 0px 0px;
  padding-top: 33px;
  padding-bottom: 31px;
}
.law-detail-old-and-new .compare-item-row .law-overview.row-left {
  width: 477px;
  background-image: url(tool/bigData/images/compare-current-bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.law-detail-old-and-new .compare-item-row .law-overview.row-right {
  width: 477px;
  background-image: url(tool/bigData/images/compare-bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.law-detail-old-and-new .compare-item-row .law-overview .law-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: #18191A;
  line-height: 28px;
  text-align: center;
  font-style: normal;
  margin-bottom: 8px;
}
.law-detail-old-and-new .compare-item-row .law-overview .law-time {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #999999;
  line-height: 18px;
  font-style: normal;
}
.law-detail-old-and-new .compare-item-row .law-overview .law-time .posting-date {
  margin-right: 24px;
}
.law-detail-old-and-new .compare-item-row g {
  color: #0B58FF;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.law-detail-old-and-new .compare-item-row r {
  color: #E80000;
  text-decoration: line-through;
  display: inline-block;
  padding-top: 0px;
  font-weight: 500;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page {
  position: relative;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .ibass-search {
  position: absolute;
  left: 12px;
  top: 7px;
  font-size: 14px;
  color: #999999;
  z-index: 21;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page {
  position: relative;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page .icons {
  display: none;
  padding-right: unset;
  padding: unset;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page input {
  width: 348px !important;
  border-radius: 8px;
  border: 1px solid #D6D6D6;
  padding-left: 32px;
  padding-right: 50px;
  box-shadow: unset;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: justify;
  font-style: normal;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page input:hover,
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page input:focus,
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page input:active {
  border: 1px solid #FA8919;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword {
  width: 348px;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .icons {
  display: unset;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword input {
  padding-right: 140px;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .ibass-close {
  font-size: 13px;
  color: #C3C6C8;
  line-height: 14px;
  right: 14px;
  top: 10px;
  cursor: pointer;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .ibass-close:hover {
  color: #FA8919;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .focus-find-keyword {
  display: none;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .numbers {
  position: absolute;
  right: 92px;
  top: 8px;
  font-size: 12px;
  color: #999999;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .numbers .current-count {
  font-weight: 400;
  color: #333333;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .find-keyword-switch {
  position: absolute;
  right: 38px;
  top: 6px;
  margin-right: 0;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .find-keyword-switch .find-keyword-switch-divide {
  display: none;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .find-keyword-switch i {
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  color: #C3C6C8;
  line-height: 18px;
  width: 18px;
  height: 18px;
  padding-right: 2px;
  padding-top: 0px;
  box-sizing: border-box;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .find-keyword-switch i:hover {
  color: #FA8919;
  background: #F2F2F2;
  border-radius: 4px;
}
.law-detail-old-and-new .page-detail-old-and-new-search-in-page .search-in-page.find-keyword .find-keyword-switch .ibass-trig-up {
  margin-right: 8px;
}
.law-detail-old-and-new .empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  color: #999999;
}
.law-detail-old-and-new .empty-container img {
  margin-bottom: 12px;
}

.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 .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;
}
.bigData-laws-detail.law-detail-print .simple-mode .laws-through .small-title .through-content {
  white-space: initial;
  text-indent: 40px;
}

.more-popover-container {
  position: relative;
}
.more-popover-container.is-open > a,
.more-popover-container.is-guide-open > a {
  color: #ED6C00;
}
.more-popover-container.is-open > a .icongengduo1,
.more-popover-container.is-guide-open > a .icongengduo1 {
  color: #ED6C00;
}
.more-popover-container .is-highlight .preview-item {
  margin-left: -5px;
}
.more-popover-container.is-guide-open {
  z-index: 10001;
}
.more-popover-container .icongengduo1 {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  right: 2px;
  top: 1px !important;
}
.more-popover-container .law-detail-more-guide {
  position: absolute;
  left: calc(112%);
  top: -18px;
  z-index: 10002;
  font-size: 14px;
  line-height: 1.5;
  color: #4A4A4A;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview {
  width: 164px;
  height: 182px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: absolute;
  top: 50px;
  transform: translateX(-50%);
  background: #fff;
  overflow: hidden;
  padding-bottom: 6px;
  z-index: 1;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview span,
.more-popover-container .law-detail-more-guide .guide-menu-preview i {
  color: #4A4A4A!important;
  border: none;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview:hover {
  color: #4A4A4A!important;
  border: none;
  cursor: auto;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview:hover span,
.more-popover-container .law-detail-more-guide .guide-menu-preview:hover i {
  color: #4A4A4A!important;
  border: none;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-top,
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-bottom {
  position: relative;
  z-index: 2;
  padding: 4px 0;
  background: transparent;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item {
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 14px;
  color: #4A4A4A;
  font-size: 13px;
  opacity: 0.72;
  box-sizing: border-box;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item img {
  width: 16px;
  height: 16px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item:hover {
  color: #4A4A4A!important;
  border: 1px solid transparent;
  cursor: auto;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item:hover span {
  color: #4A4A4A!important;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item i:first-child {
  width: 16px;
  font-size: 16px;
  margin-right: 10px;
  color: #8C8C8C;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item span {
  flex: 1;
  text-align: left;
  border: none !important;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview .preview-item .ibass-arrow-right {
  font-size: 12px;
  color: #BFC2C6;
  margin-right: 0;
  width: auto;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.step-1 .preview-top {
  background: #fff;
  margin: 5px;
  border-radius: 4px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.step-1 .preview-top .preview-item {
  opacity: 1;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.step-2 .preview-bottom {
  background: #fff;
  margin: 0px 5px;
  border-radius: 4px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.step-2 .preview-bottom .preview-item {
  opacity: 1;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.only-display-options {
  height: 98px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.only-display-options .preview-bottom {
  margin-top: 5px;
}
.more-popover-container .law-detail-more-guide .guide-card {
  box-sizing: border-box;
  width: 278px;
  height: 144px;
  background: #FFFFFF;
  box-shadow: 0px 12px 36px 0px rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  border: 1px solid #EBEBEE;
  padding: 16px;
  position: relative;
  left: 100px;
  top: 50px;
}
.more-popover-container .law-detail-more-guide .guide-title {
  font-size: 15px;
  color: #333333;
  line-height: 20px;
  font-weight: 500;
  text-align: justify;
  font-style: normal;
}
.more-popover-container .law-detail-more-guide .guide-text {
  font-weight: 400;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 22px;
  padding-top: 12px;
  text-align: left;
  font-style: normal;
}
.more-popover-container .law-detail-more-guide .guide-actions {
  text-align: right;
  margin-top: 8px;
}
.more-popover-container .law-detail-more-guide .guide-actions .guide-next-btn {
  display: inline-block;
  width: 72px;
  height: 28px;
  line-height: 28px;
  background: #FA8919;
  border-radius: 6px;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
}
.more-popover-container .law-detail-more-guide .guide-actions .guide-next-btn:hover {
  color: #fff !important;
}
.more-popover-container .law-detail-more-guide .guide-arrow {
  left: 91px;
  bottom: 50px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  filter: drop-shadow(-2px 2px 2px rgba(0, 0, 0, 0.04));
  position: absolute;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.step-2 ~ .guide-card {
  top: 150px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.step-2 ~ .guide-arrow {
  bottom: -50px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.only-display-options ~ .guide-card {
  top: 80px;
}
.more-popover-container .law-detail-more-guide .guide-menu-preview.only-display-options ~ .guide-arrow {
  bottom: 20px;
}
body.law-detail-more-guide-open .bigData-proDoc-Detail .caseDetail-head,
body.law-detail-more-guide-open .similarity-case-detail .title-container,
body.law-detail-more-guide-open .bigData-laws-detail.adv-detail .laws-detail-head {
  position: sticky !important;
  z-index: 10001 !important;
  overflow: visible !important;
}
body.law-detail-more-guide-open .bigData-caseDetail .caseDetail-head {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10001 !important;
  overflow: visible !important;
}
.law-detail-select-more-popover .ns-popover-tooltip {
  width: 160px;
}
.law-detail-select-more-popover .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  overflow: unset;
}
.law-detail-select-more-popover .ns-popover-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: unset;
  margin: 6px 0;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item {
  position: relative;
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 14px !important;
  line-height: unset !important;
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item.active {
  background-color: #f8f8f9;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item .item-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item .item-left img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item .item-left i {
  width: 16px;
  margin-right: 8px;
  font-size: 16px;
  color: #4a4a4a;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item .item-left .label-count {
  margin-left: 4px;
  font-size: 14px;
  font-weight: normal;
  color: #9b9b9b;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item .ibass-arrow-right {
  font-size: 12px;
  color: #909399;
}
.law-detail-select-more-popover .ns-popover-items .ns-popover-item .color-icon {
  display: inline-block;
  border: 1px solid #DEE2E7;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  box-sizing: border-box;
}
.law-detail-select-more-popover .sub-box-tag {
  width: 160px;
  padding: 10px 0;
}
.law-detail-select-more-popover .sub-box-tag .ns-popover-case-detail-labels {
  position: static;
  width: 100%;
}
.law-detail-select-more-popover .sub-box-tag .remove-tag-button {
  top: 6px!important;
}
.law-detail-select-more-popover .sub-box-tag .recent-tags-name {
  max-width: 80px!important;
}
.law-detail-select-more-popover .sub-box-tag .ns-popover-tooltip.ns-popover-tags-editor {
  display: block;
  position: static !important;
  width: 100%;
  margin: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0;
}
.law-detail-select-more-popover .sub-box-tag .ns-popover-search {
  margin: 10px 10px 10px;
}
.law-detail-select-more-popover .sub-box-tag .ns-popover-items {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0;
}
.law-detail-select-more-popover .sub-box-tag .recent-tags-btn {
  margin-top: 0;
  background: #fff;
}
.law-detail-select-more-popover .sub-box-tag .recent-tags-box {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.law-detail-select-more-popover .sub-box {
  position: absolute;
  top: 0;
  left: 162px;
  width: 160px;
  background: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  padding: 10px 0;
}
.law-detail-select-more-popover .sub-box .sub-box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  height: 36px;
}
.law-detail-select-more-popover .sub-box .sub-box-item:hover {
  background: #F8F8F9;
}
.law-detail-select-more-popover .sub-box .sub-box-item .item-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.law-detail-select-more-popover .sub-box .sub-box-item .ibass-checkmark {
  font-size: 14px;
  color: #FA8919;
}

.bigData-lawsResult {
  width: 1200px;
  position: relative;
  left: -100px;
  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-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;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.bigData-lawsResult .search-container .go-back i {
  font-size: 20px;
}
@keyframes right-to-left-dispatch {
  0% {
    width: 0;
    left: 100%;
    opacity: 0;
  }
  100% {
    width: 162px;
    left: 20px;
    opacity: 1;
  }
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title {
  display: flex;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title span,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title a,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title .item-title-text {
  word-break: break-all;
  max-width: 855px;
  display: inline-block;
  font-size: 20px;
  color: #353535;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title span.clicked,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title a.clicked,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title .item-title-text.clicked {
  color: #888;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title span.clicked .bigdata_query_highlight,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title a.clicked .bigdata_query_highlight,
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item .item-title .item-title-text.clicked .bigdata_query_highlight {
  color: #888;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-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.other-law-item .item-title .number-box .number-index.number {
  margin: 0 5px 0 -5px;
}
.bigData-lawsResult.law-result-special .right-container .list-container .law-container .list-law .law-item.other-law-item:hover {
  background: unset;
}
.big-data-download .loading {
  padding: 20px;
}
.laws-search-select-sort {
  width: 110px;
}
.laws-search-select-sort .ns-popover-tooltip {
  width: 110px;
}
.law-document-tooltip {
  max-width: 400px;
}
.reg-type-select {
  padding: 20px 0;
  margin: 0 16px;
  border-bottom: 1px solid #EBEBEB;
}
.reg-type-select .reg-type-select-item {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.reg-type-select .reg-type-select-item.reg-type-select-item-active {
  background: #FFFFFF;
  border-radius: 27px;
}
.reg-type-select .reg-type-select-item img.icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-left: 20px;
}
.reg-type-select .reg-type-select-item .new-icon {
  margin-left: 8px;
}
.right-container .select-all-box {
  padding-left: 14px;
  padding-bottom: 10px;
  padding-right: 30px;
  display: flex;
  flex-wrap: nowrap;
}
.right-container .select-all-box.group {
  padding-top: 20px;
  padding-left: 33px;
  padding-bottom: 0px;
}
.right-container .select-all-box .left-box {
  flex: 1;
  height: 32px;
}
.right-container .select-all-box .left-box i {
  margin-right: 7px;
}
.right-container .select-all-box .right-box {
  text-align: right;
  height: 32px;
  border-radius: 18px;
  background-color: #f8f8f9;
  padding: 0 16px;
}
.right-container .select-all-box .select-count {
  font-size: 12px;
  color: #4a4a4a;
}
.right-container .select-all-box i {
  font-size: 16px;
  position: relative;
  top: 3px;
}
.right-container .select-all-box i.ibass-checked {
  color: #fa8919;
}
.right-container .select-all-box .option-btn {
  margin-left: 10px;
  cursor: pointer;
  color: #fdba78;
}
.right-container .select-all-box .option-btn.do-add-report {
  margin-left: 0px;
}
.right-container .select-all-box .option-btn i {
  color: #fdba78;
}
.right-container .condition-container-case {
  display: flex;
  justify-content: space-between;
}
.right-container .condition-container {
  overflow: hidden;
  padding: 20px 20px 0 0;
}
.right-container .condition-container .subscribe-container {
  float: right;
}
.right-container .condition-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.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;
}
.right-container .condition-container p i {
  position: absolute;
  right: 7px;
  top: 0;
  color: #ed6c00;
  display: none;
}
.right-container .condition-container p:hover i {
  display: block;
}
.right-container .condition-container p .query-keyword {
  display: inline-block;
  height: 30px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-container .header-container {
  line-height: 35px;
  overflow: hidden;
  padding-left: 34px;
  border-bottom: 1px solid #ececec;
}
.right-container .header-container .router-list {
  float: left;
  width: 84px;
  height: 33px;
  margin-right: 5px;
  line-height: 36px;
  text-align: center;
}
.right-container .header-container .router-list.active,
.right-container .header-container .router-list:hover {
  color: #fa8919;
  border-bottom: 2px solid #fa8919;
}
.right-container .header-container .sort {
  height: 30px;
  margin-right: 30px;
}
.right-container .header-container .abstract-btn {
  height: 35px;
  line-height: 35px;
  margin-right: 30px;
}
.right-container .header-container .abstract-btn i {
  font-size: 16px;
}
.right-container .header-container .abstract-btn i.ibass-checked {
  color: #fa8919;
}
.right-container .header-container .abstract-btn:hover i {
  color: #fa8919;
}
.right-container .header-container .download {
  position: relative;
  top: -2px;
  height: 30px;
  margin-right: 30px;
}
.right-container .header-container .download .ibass-download {
  position: relative;
  top: 3px;
  margin-left: 5px;
  font-size: 16px;
}
.right-container .header-container .download:hover {
  color: #ed6c00;
}
.right-container .header-container .download:hover .ibass-download {
  color: #ed6c00;
}
.right-container .header-container .no-result {
  margin-right: 89px;
}
.right-container .header-container .count {
  position: relative;
  top: 1px;
  min-width: 100px;
  height: 30px;
}
.right-container .header-container .count .num {
  color: #ed6c00;
}
.right-container .header-container.is-group-mode .abstract-btn {
  margin-right: 30px;
}
.right-container .list-container {
  position: relative;
}
.right-container .list-container .law-container.law-other-container {
  margin-top: 20px;
  padding: 0 0 15px 20px;
}
.right-container .list-container .law-container.law-other-container .group-title {
  height: 20px;
  line-height: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.right-container .list-container .law-container.law-other-container .group-title .title-block {
  position: absolute;
  left: 0;
  width: 10px;
  height: 20px;
  background: #fa8919;
}
.right-container .list-container .law-container.law-other-container .group-title .title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #fa8919;
  z-index: 1;
  background: #fff;
}
.right-container .list-container .law-container.law-other-container .group-title .title.count {
  padding: 0 15px 0 5px;
  font-size: 14px;
  color: #4a4a4a;
}
.right-container .list-container .law-container.law-other-container .group-title .group-look-more {
  margin-right: 30px;
}
.right-container .list-container .law-container.law-other-container .group-title .group-look-more:hover {
  color: #fa8919;
}
.right-container .list-container .law-container.law-other-container .list-law {
  padding-right: 20px;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item {
  position: relative;
  padding: 6px 10px 10px;
  border-bottom: 1px solid #ebebeb;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-1 {
  background: #f72b44;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-2 {
  background: #b2d85d;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-3 {
  background: #adbeb2;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-4 {
  background: #67aaf6;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-5 {
  background: #adbeb2;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-6 {
  background: #FA8919;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-8 {
  background: #586DD0;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-9 {
  background: #3378ff;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.item-label-10 {
  background: #9D54CC;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.text-tag span {
  position: relative;
  top: -3px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.text-tag i {
  cursor: pointer;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.text-tag .remove-tag-button {
  position: relative;
  top: 0;
  right: 2px;
  cursor: pointer;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.text-tag .remove-tag-button i {
  visibility: hidden;
  top: 0px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.text-tag:hover .remove-tag-button i,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-label.text-tag:focus .remove-tag-button i {
  visibility: visible;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title {
  padding-top: 6px;
  line-height: 26px;
}
.right-container .list-container .law-container.law-other-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: #fa8919;
  background: #f8f8f9;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .number-index.show-number {
  display: inline-block;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .number-index.show-checkbox {
  display: inline-block;
  background: transparent;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .number-index i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .number-index i.ibass-checked {
  color: #fa8919;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .number-box {
  margin: 1px 5px 30px 0;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .number-box:hover .number-index.checkbox {
  display: inline-block;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title span,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title a,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .item-title-text {
  font-size: 20px;
  color: #353535;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title span.clicked,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title a.clicked,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .item-title-text.clicked {
  color: #888;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title span.clicked .bigdata_query_highlight,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title a.clicked .bigdata_query_highlight,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-title .item-title-text.clicked .bigdata_query_highlight {
  color: #888;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom {
  line-height: 30px;
  margin: 0 0 0 25px;
  overflow: hidden;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-desc {
  overflow: hidden;
  color: #a9a9a9;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-desc span {
  margin-right: 5px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-desc .span-dot {
  color: #ebe8e6;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-desc .authority {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-desc .posting_date {
  display: inline-block;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn {
  position: relative;
  top: -2px;
  height: 30px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn span {
  color: #a9a9a9;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download {
  display: inline-block;
  white-space: nowrap;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download i {
  font-size: 16px;
  margin-right: 5px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download:hover i,
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download:hover span {
  color: #fa8919;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download .right-line {
  border-right: 1px solid #ebebeb;
  padding-right: 10px;
  margin-right: 10px;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download .right-count {
  font-size: 14px;
  font-weight: 500;
  color: #fa8919;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .download.select-mode .right-line {
  border-right: 1px solid transparent;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .i-add-search-report {
  display: inline-block;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .i-add-search-report .confirm-add:hover span {
  color: #fa8919;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .item-bottom .item-btn .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item .case-label {
  position: absolute;
  top: 0;
  min-width: 76px;
  height: 24px;
}
.right-container .list-container .law-container.law-other-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;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item:hover {
  background: #f8f8f9;
}
.right-container .list-container .law-container.law-other-container .list-law .law-item:hover .number-index.checkbox {
  display: inline-block;
}
.right-container .list-container .list-empty {
  text-align: center;
  padding: 50px 0 70px;
  color: #a9a9a9;
  margin: 20px;
}
.right-container .page-container {
  padding-bottom: 20px;
  text-align: center;
}
.right-container .page-container .i-pagination {
  display: inline-block;
}

.bigData-proDoc-Detail {
  width: 1200px;
  position: relative;
  background: #fff;
  left: -100px;
  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;
  width: 200px;
}
.bigData-proDoc-Detail .add-label {
  padding-left: 12px;
}
.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.font-small .caseDetail-content .content-left .caseThrough h3 {
  font-size: 14px;
}
.bigData-proDoc-Detail.font-small .caseDetail-content .content-left .caseThrough p.through-content {
  font-size: 14px;
  line-height: 24px;
}
.bigData-proDoc-Detail.font-small .caseDetail-content .content-left .caseThrough div[paragraph-id] {
  line-height: 24px;
}
.bigData-proDoc-Detail.font-medium .caseDetail-content .content-left .caseThrough h3 {
  font-size: 16px;
}
.bigData-proDoc-Detail.font-medium .caseDetail-content .content-left .caseThrough p.through-content {
  font-size: 16px;
  line-height: 29px;
}
.bigData-proDoc-Detail.font-medium .caseDetail-content .content-left .caseThrough div[paragraph-id] {
  line-height: 29px;
}
.bigData-proDoc-Detail.font-large .caseDetail-content .content-left .caseThrough h3 {
  font-size: 18px;
}
.bigData-proDoc-Detail.font-large .caseDetail-content .content-left .caseThrough p.through-content {
  font-size: 18px;
  line-height: 32px;
}
.bigData-proDoc-Detail.font-large .caseDetail-content .content-left .caseThrough div[paragraph-id] {
  line-height: 32px;
}
.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: #fdba78;
  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: #fa8919;
  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;
  display: flex;
}
.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: #fa8919;
}
.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: #ed6c00;
  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: #fa8919;
}
.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: #fa8919;
}
.bigData-proDoc-Detail .caseDetail-content .content-left .popular-law .align-left:hover .popular-title {
  color: #fa8919;
}
.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: #ed6c00;
}
.bigData-proDoc-Detail .caseDetail-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-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: #fa8919;
  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: #fa8919;
}
.bigData-proDoc-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-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: #ed6c00 !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: #ed6c00;
}
.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: #ed6c00;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: transparent;
  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: #ed6c00;
  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: #ed6c00;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-proDoc-Detail .caseDetail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  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);
}

.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.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: #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 {
  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 .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 .caseTree .publish-type-result-item {
  display: block;
  width: 114%;
  position: relative;
}
.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;
}
.tool-bigdata-case-left-list-type {
  padding: 20px 0;
  margin: 0 16px;
  border-bottom: 1px solid #EBEBEB;
}
.tool-bigdata-case-left-list-type .case-type-select-item {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.tool-bigdata-case-left-list-type .case-type-select-item:hover {
  color: #fa8919;
}
.tool-bigdata-case-left-list-type .case-type-select-item:hover .icon {
  color: #fa8919 !important;
}
.tool-bigdata-case-left-list-type .case-type-select-item.case-type-select-item-active {
  background: #FFFFFF;
  border-radius: 27px;
  color: #ED6C00;
}
.tool-bigdata-case-left-list-type .case-type-select-item .icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-left: 20px;
  position: relative;
  top: -2px;
}
.tool-bigdata-case-left-list-type .case-type-select-item .new-icon {
  margin-left: 8px;
}
.industry-uib-tooltip.tooltip {
  width: 170px;
}

.bigData-gpt-result-controller .bigData-caseSearch .resultGpt.sure-search {
  width: 200px;
  height: 80px;
  position: fixed;
  bottom: 0px;
  z-index: 100;
  border-radius: 0px 0px 0px 10px;
  background-color: #ffffff;
  margin: auto;
}
.bigData-gpt-result-controller .bigData-caseSearch .resultGpt.sure-search label {
  cursor: pointer;
  position: relative;
  top: 20px;
  left: 17px;
  color: #a9a9a9;
}
.bigData-gpt-result-controller .bigData-caseSearch .resultGpt.sure-search button {
  position: relative;
  top: 20px;
  left: 50px;
  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-gpt-result-controller .bigData-caseSearch .resultGpt.sure-search button span {
  color: white;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree.case-left-container .tit {
  position: relative;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .caseTree.case-left-container .publish-type:hover {
  color: #ED6C00;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree.case-left-container .tree-classic {
  max-height: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .loading {
  transform: scale(0.6);
  padding-top: 0px;
  margin-top: -10px;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .cg-busy.cg-busy-backdrop.cg-busy-backdrop-animation {
  opacity: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol {
  font: 14px/1.5 "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul {
  margin-left: -200px;
  padding-left: 200px;
  /*li > i {
              float: left;
            }*/
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li {
  padding-left: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li i {
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li .tree-branch-head,
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li .tree-leaf-head {
  margin-left: 8px;
  padding: 1px 5px 1px 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li .ibass-checked {
  color: #fa8919;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li .ibass-checkbox {
  display: none;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li:hover .ibass-checkbox {
  display: inline-block;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol ul li.tree-expanded i.tree-leaf-head {
  margin-left: 12px;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol .case-result-detail-icon {
  float: none;
  display: inline;
  margin-top: 1px;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div treecontrol .case-result-detail-icon:hover {
  color: #ED6C00;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div .bigdata-result-tree-li {
  padding-left: 15px;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree > div .bigdata-result-tree-li > div {
  margin-left: 0 !important;
  background-color: transparent !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .feature-results li {
  padding-left: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .feature-results i.tree-leaf-head {
  margin-left: 0;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .feature-results .tree-label {
  font-weight: 600;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .sift-tag :before {
  color: #cdc9c5;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic {
  display: block;
  max-height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 300ms ease height;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic .ibass-checked,
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic .ibass-checkbox {
  position: absolute;
  left: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .collapsing {
  overflow: hidden !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article {
  display: block;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 300ms ease height;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
  background-color: transparent;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.04);
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article .ibass-checked,
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .tree-classic-article .ibass-checkbox {
  position: absolute;
  left: 0px;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseTree .collapsing {
  overflow: hidden !important;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseAll-aside-left-in {
  left: 0 !important;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .cg-busy {
  background-color: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .cg-busy .loading {
  background-color: #f8f8f9;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .aside-all-case {
  margin-top: 50px;
  display: inline-block;
  text-align: left;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .aside-all-case i {
  color: #cdc9c5;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .aside-all-case p {
  cursor: pointer;
  margin: 8px 0 0 15px;
  position: relative;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .aside-all-case p i {
  float: left;
}
.bigData-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .aside-all-case p span {
  display: inline-block;
  width: 160px;
  margin-left: 5px;
}
.bigData-gpt-result-controller .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-gpt-result-controller .bigData-caseSearch .caseAll-aside-left .aside-all-case .ibass-clause:hover {
  color: #fa8919;
}
.bigData-gpt-result-controller .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;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type {
  padding: 20px 0;
  margin: 0 16px;
  border-bottom: 1px solid #EBEBEB;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type .case-type-select-item {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #4A4A4A;
  cursor: pointer;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type .case-type-select-item:hover {
  color: #fa8919;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type .case-type-select-item:hover .icon {
  color: #fa8919 !important;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type .case-type-select-item.case-type-select-item-active {
  background: #FFFFFF;
  border-radius: 27px;
  color: #ED6C00;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type .case-type-select-item .icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-left: 20px;
  position: relative;
  top: -2px;
}
.bigData-gpt-result-controller .tool-bigdata-case-left-list-type .case-type-select-item .new-icon {
  margin-left: 8px;
}
.bigData-gpt-result-controller .industry-uib-tooltip.tooltip {
  width: 170px;
}
@media (min-width: 1442px) {
  .bigData-gpt-result-controller .bigData-caseSearch .resultGpt.sure-search {
    width: 258px;
  }
}

.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;
  background-color: #fff;
}
.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: #fa8919;
}
.advanced-search-container.is-case-adv-search .case-adv-container .tags-result-dimension .show-more .show-more-btn:hover i {
  color: #fa8919;
}
.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: #fa8919;
}
.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 #fdba78;
}
.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 #fdba78;
  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 .practical-articles .dimension {
  display: flex;
  flex-wrap: nowrap;
}
.advanced-search-container .practical-articles .dimension .move-dimension-container {
  width: 48px;
}
.advanced-search-container .practical-articles .dimension .move-dimension-container i.ibass-minus-fill {
  float: right;
  padding-right: 10px;
}
.advanced-search-container .practical-articles .dimension i,
.advanced-search-container .practical-articles .dimension span {
  padding-top: 12px;
}
.advanced-search-container .practical-articles .dimension .word-count {
  padding-top: 0;
}
.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: #fa8919;
}
.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-recommend {
  font-size: 12px;
  display: inline-block;
  margin: 0 12px;
}
.advanced-search-container .left-box .adv-header-options .text-option-recommend .recommend-text {
  padding-right: 4px;
}
.advanced-search-container .left-box .adv-header-options .text-option-recommend .recommend-text:hover,
.advanced-search-container .left-box .adv-header-options .text-option-recommend i:hover {
  color: #fa8919;
  cursor: pointer;
}
.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: #fa8919;
  cursor: pointer;
}
.advanced-search-container .left-box .adv-header-options .text-option:hover i {
  color: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
  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: #fa8919;
}
.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: #ed6c00;
  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 .dimension .periodical-name {
  width: 264px;
}
.advanced-search-container .left-box section.section .dimension .core-periodical {
  cursor: pointer;
  user-select: none;
  margin-left: 10px;
}
.advanced-search-container .left-box section.section .dimension .core-periodical .ibass-info {
  color: #999;
  margin-left: 3px;
}
.advanced-search-container .left-box section.section .dimension .core-periodical .ibass-info:hover {
  color: #FF8200;
}
.advanced-search-container .left-box section.section .dimension .core-periodical .ibass-rdefault-selected {
  color: #FF8200;
}
.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: #fa8919;
}
.advanced-search-container .left-box section.section .judge .checkbox-container .ibass-checked {
  color: #fa8919;
}
.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: #fa8919;
}
.advanced-search-container .left-box footer .search-btn {
  width: 170px;
  height: 36px;
  line-height: 36px;
  border: none;
  border-radius: 20px;
  background-color: #fa8919;
  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: #fa8919;
}
.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: #fa8919;
}
.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: 0;
  display: inline-block;
  color: #fa8919;
  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: #fa8919;
}
.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 .ibass-checked {
  color: #fa8919;
}
.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;
}
.recommend .ibass-info:hover {
  color: #fa8919;
}

.caseListWrap {
  padding-top: 46px !important;
}
.AICaseSearchWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.AICaseSearchWrap .AISearchWrapContainer {
  position: relative;
}
.AICaseSearchWrap .AISearchWrapContainer .AISearchWrapContainertext {
  position: absolute;
  z-index: 99999;
  left: -60px;
  top: 14px;
  color: #ED6C00;
  cursor: pointer;
}
.AICaseSearchWrap .AISearchContainer {
  width: 100%;
  background: #FAFBFC;
  border-radius: 12px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head {
  height: 54px;
  align-items: center;
  font-family: "PingFangSC-Medium", "PingFang SC";
  color: #333333;
  padding: 0px 12px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .history-record-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .message {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .message:hover .AICaseSearchFankuaiText {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .message:hover .icondengdaishangchuan-icon {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle .ai-search-container-head-title-icon {
  display: inline-block;
  width: 25px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAsCAYAAAAn4+taAAAAAXNSR0IArs4c6QAACe1JREFUaEPtmXuMFXcVxz8z9+6yyy6vyhs0JYVaQ4m2aosQaq3Y0oLlsQWDBrUmSmlMTEgai22a/mWCmiaKYvHRWo1SLLoQoDwtIPQlpWyXZ3lYQxZkgV1Z2GUfc++MOb/HzG9md8vu0vhH4yTkzr38fjPne77nfM85v/U6gkLEh+Dy/g/kGiz6Z3bj1a7EaziC19EEwVWICuB54JdCaTlRvyFEN0wkmrSYcNS064qLD5aRhmPkd38P78J+KHaAJ7Z5zqfceyDBLP8n9+ryIF9GNOx2ClN/AkNu7jWoDwbI1Xpy276Jf/ZVlJXKQPlnLPbtd2u3b+w3wCwYAywcNZXi3aug/7AeA7puILnXnsCvWQFRaLyfYUA53ACxDBkS8BxA1mT7m58jvHUJxc882SMw1wEkJFf9AP7ZvYl3VRjZcDEA3PCx9/LZ3bqYTY02HDWF4ow/AwZ0N7D6BqStkfyaz+FdqQPffYFjoBtOLgCdOAkQ13AXoPN7VDmawoPboXRwt+z0AUhI/oVP4DWfcRK3u3DKhFUcYg5rYpqAjixAG25WKPSzo4oxFKpe75aZXgPJVc/IhFPWu9YAy5TDUqxijlqp5b5RMSsGdk+avXDEZIr3vdQlK70CohL7wE/TiqOEyTXWvFw8rH5XLk+zlwqvSIe/kmWpMXaPw6YjGOHERyjevqwTmJ4DuXySktWTodhmpLW7OPe16ipCfCgbBmPvgv7DIV8BLeeg8RBcPAaE4Fm5FkC+3icCqABl8kkc4PsEVf/Qz3WuawMJC+QvvYFXswqOVnd+eEpljCHi2dFT4a4fweAJUGyFXBn4eSiIIyIoBvD2CjjyAgQtGoBlwy2kKYXTwMKRkylOf7EXQIImShr3QGsjbFsKQZuOZ1sHUnJr47wEpq+CcfdDSf/3rwHStgTN8JcZ0HI2CVEFykn2LlQumLUNBo2Pn98tI37bWXKX9mnvHV4Lx9Y5uZCtAwZElINFNSaMyhIQHVfAy4GfgzBI2JEVkQmtNV+AS8dNqJnozXch7SbcohF3Uvji6msAESYadpkWA9ixDC7XpXujVPyaF977PEyYmwAQj1+ohf2/gMYj0NEMlWNgwmz41GLI90vyrb0JBExrvQYj+WI7G5svbhHNlxEsOPI+QMICJRe26E5VrpZ62PpY0kNla0EkL4x0Tsxamw6n2udg1zKjXJlQGXorzPsr5Mt17ghT722BHUv0e3NWDZ1PW2RNDhXv+SPhiDt1pGfnkXzjXryOi4lXT26G2tXdJLng00rCgr0wdKLeJ0y8+WM4sDJ5jhhh1UiFFDBgDHzjrWRNoRXW3g9Np8B3WLHyrBiSL7oZDcdOpzjt2S6AZENKluz7JdS9YRLclUOnESwfDl8/BLlS/ZK616B6njFQ8snkQarvMhotojB9hWam2A77noGalVrBhBX5tKkSM6LtiCrHUpi1szOQfMPf8IIraaXZ80O4+G666Omt2jtiz4QquPsZKB0Ikthbl8C/tiedvDLAhIhqR2xqGGd86yiUDtBr6g/A+tl6gWLFFMh8poWRtf0GEszdnwGicmOTVhH32v59nSf2inXdZqIHkxbDlKchJ8kL/O42uPLvJFlthRfD4gyW+5wGNW8DDL9N75VG9E9T9DLLRs6AiOuMocgvJZh/KA3Ebz5OrjlRgdjwjd+Bgkx72a7VPCz04NNL4Y7HddLK9auboL0laVFka84ZuOIwl7zxYOZqGGNGXXHaH+5wQBgmJcwUS+kxIVjwbhpIvmEnXtCUZkO+bXrEFMJMy6DCKgJRrZsXwueXQ0mFrtIvzYSGY2Y+NyTYhBVWbFEVEHIt2AODxun7ur2w6WuJwTZPhJUu5plggbQ6jmqV1EtYBZ2B7Hgcrp43cW0fJrErxS0EKYJDJ8HcDVBSqWV0/8+1aqlQEjbM2GuNsREmilcxBubvVjO7mjJrnoV9y9NOyJnWRx1cmBwzn52BnFufFEAXzqvLoUHos6Fldd2EVlHAlcDDR6BsiN4p/ZSw0nhUg1EGOOlhO11hZs4WuOEWzZK0K9sfhbq/mz0m2ZWCOXniHGgE849mGDm3rjMb8sv+VXDmzXTH68qoGohy8MlH4bOP6YIoISeV+sV74Oo5Y5SAUYUkGaQmPwW3fBXysieE8zVatlWvJevECfJ4w4jNESfEgod0XscFsaQ7IP/cCodlZnamQLXTqJbEudznK2Hh67rPku8SYnIktP27cHqHZtvWAymEM9fAwBsT5wmLa2fqYqgebViwoOJkN0lv3h88dLiHQFrOwys/SF5oZ3QV9lZ+JF+AweNhoRxGOMoi1VpAXTqla8yAj0LlaPBLkqSXp4dFaL0I1Q/qnFTy62u1UzJsHKZCLFHQoKqnQOQlu5+GK2cMGDv5OZVdQChQQMVoWPS2Nl6MvdYlTIhsq36rAK0NUD0b2gSMyS0phnHjmJ5IewdEWvhTL5uWO3sWZU8PTU0Qb5WPgClP6ZlELlEk95J8EJmWbnjrt2HGb6B8qAPmIqz7MnQ0JmAkT2yRdEI7qMoUxG5zRDa1X4adT+heqNOhmpM7oQGpBMCDQTfBx74E4+6DiuH6zPc/x+HCQah/S9eMYkGfKFZtSMAIwEPPQe3PTL64IeY60iOYd7CHOWI9eWIDnNiYDi836cV2VeCMzttQUzXD5pIporbNiXsuX4OZu17XIlG+rQ+DHMHKVhmwLBu23bHJ3msghXbY9SSopjJ7ZmvbeZMrYqBSM/O7ska6gEyLESuhUaLyj8DHv6LZOi/tvckRVUjtTC/smOd6HsHc2l4yIsvPHYADv3YOql0ptPcOGFX4jMgIQ/boyCzV9JpK6YhRSupdEGqpjMx2JOkrEHnvyY1w8uU0K6mGUoyPz4OScq5m82QoimuFDUWlqHb2d1p+V62yI68wMuedPjCitkRQ81vNThdNXOzlGIs5eEsdG6UlVDElnhcZz3a4ana3bY456LN5e31AJP4DOPh7qK9JRNU9f7IDl/ZV0ugpr7tdrMOA28vFM4tzUOcmeexAn2D2gb4yYm2P4NRmOLXFFFpnXska3JU42N8Uc2avEoMk/vXv5p87ZVoHlQ4ieGB3Bsj5zRC2u2WrZ/fn34Gja42a2R7MqnTXf5FKnRXHoWRyy9Ypl00r87F46OeG4xdRnLg0DcS/eoLcZd239PoSaT79CpzepRtF9WITNvY+9Sc5p7a4hrvhadlIKZ3tIiDqP5LCvVtiU1PHQfnGPXgdDb3GEW+Qily3By4c0u279WQqtJzOOat28XqH2fgcLWE5Kh9JYdrzUD6qayDyq2Km+WTfwkwZnCfK9ydquQTvbcZrOq5PZsI2LRKpqm7zKtO/qbRwjksVGB9KBhDeOCcOJ9fj1z6N7zs//9OdHxog/wWs/5WaWGEisgAAAABJRU5ErkJggg==);
  background-size: cover;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle .ai-search-container-head-title-title {
  background: url(tool/bigData/search/img/search-ai-case-name-default.png);
  background-size: cover;
  width: 43px;
  height: 16px;
  box-sizing: border-box;
  margin-left: 6px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle .ai-search-container-head-title-tip {
  width: 42px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  padding: 3px 6px;
  box-sizing: border-box;
  margin-left: 6px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle .ai-search-container-head-title-tip .ai-search-container-head-title-tip-text {
  position: relative;
  top: -1px;
  left: -1px;
  color: #ED6C00;
  font-size: 20px;
  transform: scale(0.5, 0.5);
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  white-space: nowrap;
  transform-origin: 0 0;
  line-height: 28px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .back {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  height: 20px;
  position: absolute;
  left: -116px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .back:hover {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .back:hover::before {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .back::before {
  margin-right: 5px;
  content: "\EA31";
  width: 16px;
  height: 16px;
  font-size: 16px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #c3c6c8;
  line-height: 17px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .backCaseList {
  top: 13px;
  left: 35px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AICaseSearchFankuai {
  margin-right: 6px;
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: cover;
  background-image: url("partials/images/fankuai.png");
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .AICaseSearchFankuaiText {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_head .icondengdaishangchuan-icon {
  font-size: 16px;
  margin-right: 4px;
  color: #C3C6C8;
  top: 0;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body {
  padding: 0 10px;
  position: relative;
  overflow: hidden;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body .ai-search-container__container {
  padding: 12px 6px 10px 0px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid transparent;
  overflow: hidden;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body .ai-search-container__container:hover {
  cursor: text;
  border-color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body .AISearchContainer_body_text {
  overflow: overlay;
  resize: vertical;
  min-height: 150px;
  max-height: 306px;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body .AISearchContainer_body_text pre {
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 20px;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body .textarea-scroll-container {
  position: relative;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body .AISearchContainer_body_text_focus {
  border-color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body textarea {
  position: absolute;
  padding: 0 10px 0 16px;
  min-height: 126px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  overflow: hidden;
  resize: none;
  width: 100%;
  border: none;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body textarea::placeholder {
  color: #a9a9a9;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body textarea::-webkit-scrollbar {
  width: 6px;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body textarea::-webkit-scrollbar-thumb {
  background: transparent;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body textarea:hover::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 12px;
}
.AICaseSearchWrap .AISearchContainer .ai-search-container__body textarea::-webkit-scrollbar-track {
  background: transparent;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left {
  display: flex;
  align-items: center;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example-item-container {
  margin-right: 16px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 0;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example:hover .example-label-text,
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example:hover .iconfont.iconshili {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example.active .example-label-text,
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example.active .iconfont.iconshili {
  color: #ED6C00;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example .iconfont.iconshili {
  position: relative;
  top: 0px;
  font-size: 16px;
  margin-right: 4px;
  color: #C3C6C8;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_left .example .example-label-text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right {
  display: flex;
  align-items: center;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footerColor {
  position: relative;
  top: -1px;
  color: #a9a9a9;
  height: 20px;
  line-height: 20px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footerColor .inputCount0_500 {
  color: #333333;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footerColor .inputCountMax_500 {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footerColor i {
  color: #999999;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footerColor::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #EBEBEB;
  margin: 0 12px;
  position: relative;
  top: 2px;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footer_btnContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footer_btnContainer .case-search-btn-container:hover {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footer_btnContainer .case-search-btn-container:hover span::before {
  color: #FA8919;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footer_btnContainer .case-search-btn-container span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.AICaseSearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_right .AISearchContainer_footer_btnContainer .case-search-btn-container span::before {
  font-size: 16px;
  content: "\EA58";
  font-family: icon-bass, icon;
  color: #C3C6C8;
  display: inline-block;
  padding-right: 6px;
}
.AICaseSearchWrap .remainInfo {
  display: flex;
  align-items: baseline;
  margin-top: 24px;
}
.AICaseSearchWrap .remainInfo .countLogo {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABIxJREFUWEftV29olVUc/p1777Rtsj9ITMqZhYYFxWrWSKkU+udGEdUM90FxQTY/TCgSQ6jBEHPhbtuH/qLhPmw0rSCoDxaY6SbLjcKoBo01RHLRh+atvO6+vz9xznnP+773Lrd7p2AfGlwu57znnOf5Pc9zfu+dgmv8p64xPvxP4L+pgAw2NAJzNyi1xGRE0xSXFgFgASAGIQJgth+yn2BOj1mPGRTzpHjYmtj64+HczM1QQE4+vgxi9BMIlISoEQYsFsQHACIHYr7DeZ9MQIQuJjB+m9r2w9koiZkEBjYcAYCn7SL/scEXECRQunpTma5eK6EJOEJurIm456FCQvRRUcvYM5clIKcaHgKRL7Lk1qsFDIjyJXWHO7kV+ar4VkRtMKqYeUcIHy5qPfulIxEoIMO1RTBddQZAVoWmK1O5kzn02npvJQ/tCMGsQllqOXuERhPFVXeqbSNeRGMAOfnYyxCLdRhALb3G9g9x0utxGDwBQMoiaBTScyaY1jJnlyZj9+s1vPO6VybfyCYwUP8LACy30tiUB1XqA81hUf9zk2+VMnsiJJxCTh39zUQTxbt/vzmHwIYRALg79DsCZq6XuU5B+Fzwwsr8yqM3ISATZoSRQJhGSl79Y3U2gRP1daDkODAvDO6zC5AF7o0hdbDIDiDeatZElDF2kXzAIl2AuFMxNUUzYYH1OTIN6D1Y0p4ayiJghD/+6GYhOhQkNiJnTHCtevL0oBxbl6DzU18Dy31Ocp/wqcT5Gx9QbV+h13XTGmAe0HYYYCu7sYeRtixqT/XMuAVugo6u36+EX7SHRmQn7ok3Dm8xRPtqlpOH3wlSubEA6QKKV1PcMjGhn2eS1YcAabOt2IKb8BF1LmpPvTR7I+pvjEvp5OfA/Eh2x9OSY1Oi6UyfPgAP3L5RmD7URJXIs4mWsX4zn6zeRIi9QOID++DMR0tHU/XqMNCsBEyFn6yrELj0jTCvdE3Eb7OpOMJdqvn7cQP29oq3QBgS28e36/Gl5LJblOd9K8RlRu6gcv7ZS8TurWybmprzXRC8co7UriKCIWAui2YCiE7HsXStayTB+ndrizIXfh0QonuyZeeUMNSV7f1zNBd8RghzF2BfTQOQfApMsWgmgPhgfPHY82qjlVP6IZ4ZX/KeCDeHaTeeMyM/Ub7v4mf/Bj4nAb2Aeu7YxYh7jdfuTWjDNaSYPgaPgZmeEuY69oNrOh4zENGuitfT+y4HnhcB4/X7t/YKyaawrdouaK6W3w+s7PqaoemYjNRX3pFumg08bwLSubTYW7jghCKude3ZVRn098h1U8wjU5n0/dVJSF8VAsbn7hVLPZoeBuYqV734lrhm4yf/NwS1enFH+txc4Hkr4A7y9t+whpGPMfGC6DULCXFGIa4v68TBfMALJqA3pPdc3yzMB1yb1b7bHBCwx89VvukdzBd8XgT0pr9eq+gC5lYbQvumY6LuyiTuKAR83gSkEeJ/ryzdQ8gvmMqJ36k8h7tz22w+ZK7o/wJpgxi0gegfT/mAFdwJ53toIfuuSIFCgObdiq8GyGxn/ANLYjxdd7J2PQAAAABJRU5ErkJggg==);
  background-size: cover;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.AICaseSearchWrap .remainInfo .countText {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.AICaseSearchWrap .remainInfo .remainCount {
  color: #ED6C00;
}
.AICaseSearchWrap .aiSearchBtnContainer {
  margin: 16px 0 32px 0;
  width: 139px;
  height: 40px;
  background: #FA8919;
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  font-size: 14px;
}
.AICaseSearchWrap .aiSearchBtnContainer .aisearchboxBtn {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAQNJREFUWEftVtsRgjAQ3C3ADqQZ/3x8WIVtqG1YhT/on81IBxawcjNmBhAIERAZud+7ud3s3SYhBg4OjI/xEZC0AHAGMCuo9wCwJXkLUTVYAUkHAPsKkCNJyzeOURIYdgRO28IogqV3fYJH8B8EJC0BnADMG69zfWECYEfyWiwrHYGke4fgDjMhGTUloI5OnmvD9JKYCLwpICkGsAJwIbm2AqUm73MEOcwsmJtRBQHb4N2LmDnEnJINXx5l/RlAICJpdjKFzJ7mlGz48uMn4JPYl2+tQOu9bLsDvRFwNoxJbr5sw7jqLej1HshKORH42ed42A9Ja78FNPj4UxqAUVs6EXgClVXSbHLu5cYAAAAASUVORK5CYII=);
  background-size: cover;
  margin-right: 6px;
}
.AICaseSearchWrap .aiSearchBtnContainer:hover {
  cursor: pointer;
  background-color: #FA9A2A;
}
.AICaseSearchWrap .aiSearchBtnContainer.disabled {
  cursor: not-allowed;
  background: #ebebee;
}
.AICaseSearchWrap .aiSearchListBtnContainer {
  margin-bottom: 8px;
}
.AICaseSearchWrap #AISearch_clear {
  height: 20px;
  line-height: 20px;
}
.ns-popover-Example-theme {
  max-width: 530px;
  box-sizing: border-box;
  border: solid 1px #e5e5e5;
  border-radius: 10px;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);
  margin: 12px 0 0 -24px;
}
.ns-popover-Example-theme .popover-Example-container {
  border-radius: 8px;
  padding: 14px;
  position: relative;
  z-index: 101;
}
.ns-popover-Example-theme .popover-Example-container .tip-label {
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 12px;
}
.ns-popover-Example-theme .popover-example-arrow {
  position: absolute;
  top: -8px;
  left: 39px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e5e5e5;
}
.ns-popover-Example-theme .popover-example-arrow:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}

.AISearchWrap .AISearchWrapContainer {
  position: relative;
}
.AISearchWrap .AISearchWrapContainer .AISearchWrapContainertext {
  position: absolute;
  z-index: 99999;
  left: -60px;
  top: 14px;
  color: #ED6C00;
  cursor: pointer;
}
.AISearchWrap .AISearchContainer {
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_head {
  height: 40px;
  align-items: center;
  font-family: "PingFangSC-Medium", "PingFang SC";
  font-weight: 500;
  color: #333333;
  padding: 0px 18px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
.AISearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle {
  line-height: 20px;
  display: flex;
  align-items: center;
}
.AISearchWrap .AISearchContainer .AISearchContainer_head .AISearchContainer_headtitle::before {
  content: "";
  margin-right: 6px;
  display: inline-block;
  background-size: contain !important;
  width: 16px;
  height: 16px;
  background: url(partials/images/aizhisou2.png) center center no-repeat;
}
.AISearchWrap .AISearchContainer .AISearchContainer_head .back {
  display: flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  font-family: "PingFangSC-Regular", "PingFang SC";
  font-weight: 400;
  color: #333333;
  line-height: 17px;
  height: 17px;
  margin-top: -3px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_head .back::before {
  transform: rotate(180deg);
  margin-right: 5px;
  content: "\EA13";
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-family: icon-bass, icon;
  font-weight: normal;
  color: #C3C6C8;
  line-height: 17px;
  margin-top: 3px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_body {
  padding: 14px 20px 10px 20px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_body textarea {
  line-height: 1.7;
  resize: none;
  width: 100%;
  border: none;
}
.AISearchWrap .AISearchContainer .AISearchContainer_body textarea::placeholder {
  color: #a9a9a9;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px 14px 20px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footerColor {
  color: #a9a9a9;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footerColor .inputCount0_500 {
  color: #333333;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footerColor .inputCountMax_500 {
  color: #FA8919;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .search-btn-container {
  margin-bottom: 0;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .search-btn-container .search-btn {
  width: 90px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .search-btn-container:hover {
  opacity: 0.65;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .aiSearchBtnContainer .search-btn {
  border-radius: 18px;
  height: 30px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .aiSearchBtnContainer .search-btn button span {
  line-height: 30px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .clearSearchDataTxt {
  margin-right: 16px;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .clearSearchDataTxt .search-btn {
  border-radius: 18px;
  width: 60px;
  height: 30px;
  border: 1px solid #EBEBEB;
  background-color: white;
}
.AISearchWrap .AISearchContainer .AISearchContainer_footer .AISearchContainer_footer_btnContainer .clearSearchDataTxt .search-btn button span {
  color: black;
  line-height: 30px;
}

.case-history .cursor:hover {
  color: #ed6c00;
}
.drop-menu-change {
  z-index: 10;
}
.select-history-keyword .law-hot-recommend {
  padding: 8px 10px 2px;
  border-top: 1px solid #f1f1f1;
}
.select-history-keyword .law-hot-recommend .hot-recommend-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  margin-bottom: 4px;
}
.select-history-keyword .law-hot-recommend .hot-recommend-header span.left {
  font-size: 14px;
  color: #a9a9a9;
}
.select-history-keyword .law-hot-recommend .hot-recommend-header span.right {
  font-size: 12px;
  color: #999;
}
.select-history-keyword .law-hot-recommend .hot-recommend-header span.right:hover {
  color: #ed6c00;
}
.select-history-keyword .law-hot-recommend .hot-recommend-list {
  padding-top: 0px;
  max-height: 180px;
  overflow: auto;
}
.select-history-keyword .law-hot-recommend .hot-recommend-item {
  line-height: 28px;
  cursor: pointer;
  padding: 0 2px;
}
.select-history-keyword .law-hot-recommend .hot-recommend-item span {
  display: inline-block;
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.select-history-keyword .law-hot-recommend .hot-recommend-item:hover {
  background: #fff7ef;
}
.select-history-keyword .law-hot-recommend .hot-recommend-item:hover span {
  color: #ed6c00;
}
.searchResultCase {
  width: 630px;
  margin: 0px auto;
}
.search .noCursor {
  cursor: default !important;
}
.search .Cursor {
  cursor: pointer !important;
}
.search .left-search-tab {
  flex: 0 0 auto;
  margin-left: 10px;
}
.search .search-input-padding-case {
  padding-left: 4px !important;
}
.subscribeButton {
  position: absolute;
  top: 268px;
  right: 80px;
  color: red;
  cursor: pointer;
}
.left-blur-search {
  position: absolute;
  left: 45px;
  top: 4px;
  cursor: pointer;
  color: #737373;
}
.left-blur-search span {
  padding-right: 0px;
}
.left-blur-search:hover div {
  color: #ed6c00;
}
.left-blur-search:hover i.blur-search {
  color: #fa8919;
  opacity: 0.7;
}
.blur-search.ibass-trig-up {
  position: relative;
  top: -2px;
  left: 4px;
  font-size: 12px;
}
.blur-search.ibass-trig-down {
  position: relative;
  top: 7px;
  left: -8px;
  font-size: 12px;
}
.blur-search-icon {
  display: inline-block;
  position: relative;
  top: -6px;
  left: -7px;
  transform: scale(0.8);
}
.blur-search-window {
  line-height: 14px;
  overflow: hidden;
  height: 20px;
  display: inline-block;
}
.blur-search-modal {
  width: 32px;
  position: relative;
  transition: top 0.3s ease-in 0.1s;
}
.blur-search-item {
  padding: 3px 0;
}
.law-label-suggest {
  margin-left: 70px !important;
  margin-top: 10px !important;
}
.input-case-content {
  padding-left: 136px;
}
.input-other-content {
  padding-left: 30px;
  position: relative;
}
.input-other-content .search-ext-case {
  position: absolute;
  right: 90px;
  bottom: 0;
  margin-right: 5px;
}
.input-other-content .search-ext-case label:last-child {
  margin-left: 15px;
  font-size: 12px;
  color: #a9a9a9;
  margin-right: 10px;
}
.input-other-content .search-ext-case .ibass-checked {
  color: #fa8919;
}
.input-other-content .search-ext-case .ibass-checkbox {
  top: 3px;
}
.input-other-content .search-ext-law {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 5px;
}
.input-other-content .search-ext-law label:last-child {
  margin-left: 15px;
  font-size: 12px;
  color: #a9a9a9;
  margin-right: 10px;
}
.input-other-content .search-ext-law .ibass-checked {
  color: #fa8919;
}
.input-other-content .search-ext-law .ibass-checkbox {
  top: 3px;
}
.input-has-advance {
  padding-right: 75px;
}
.input-not-advance {
  padding-right: 10px;
}
.input-case-content,
.input-other-content {
  display: flex;
  flex-wrap: wrap;
  min-height: 48px;
  position: relative;
}
.input-case-content .left,
.input-other-content .left,
.input-case-content .left-search-tab,
.input-other-content .left-search-tab,
.input-case-content .right.init-ad-search,
.input-other-content .right.init-ad-search {
  position: absolute;
}
.input-case-content .search-icon,
.input-other-content .search-icon {
  left: 25px;
}
.input-case-content .left-search-tab,
.input-other-content .left-search-tab {
  left: 35px;
}
.input-case-content .right.init-ad-search,
.input-other-content .right.init-ad-search {
  right: 0;
  bottom: 2px;
}
.recommend {
  padding: 7px;
}
.recommend ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
}
.recommend ul li {
  display: flex;
  height: 20px;
  line-height: 20px;
  padding: 7px 8px;
  margin-right: 5px;
  border-radius: 4px;
  background-color: #f8f8f9;
}
.recommend ul li span {
  display: flex;
  flex: 0 0 auto;
}
.recommend ul li i {
  position: unset;
  display: flex;
}
.recommend ul li .icon-words {
  font-size: 16px;
  top: 0;
  color: #fcc48c;
  margin-right: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.recommend ul li .icon-words:hover {
  color: #fa8919;
}
.recommend ul li .icon-words-active {
  color: #fa8919;
}
body {
  position: relative;
}
.bigdata-search-input {
  left: calc(-225%) !important;
}
.modal-box {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1002;
}
.modal-box .guide-modal-big-data {
  width: 808px;
  height: 500px;
  padding: 27px 24px 24px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -404px;
  margin-top: -270px;
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
}
.modal-box .guide-modal-big-data .modal-box-title {
  height: 22px;
  line-height: 22px;
  background: #fff;
  text-align: center;
  font-size: 16px;
  color: #4a4a4a;
  position: relative;
  display: inline-block;
  padding: 0 15px;
  z-index: 5;
}
.modal-box .guide-modal-big-data .guide-modal__header-close {
  position: absolute;
  top: -6px;
}
.modal-box .guide-modal-big-data .case-detail-des {
  width: 723px;
  height: 44px;
  font-size: 12px;
  color: #666666;
  position: absolute;
  top: 73px;
  left: 43px;
  line-height: 20px;
  text-align: center;
}
.modal-box .guide-modal-big-data .guide-img {
  width: 766px;
  height: 410px;
  display: block;
  margin: 20px auto 0;
}
.modal-box .guide-modal-big-data .next-step {
  margin: 16px auto;
  width: 84px;
  height: 30px;
  line-height: 30px;
  background: #fa8910;
  color: #fff;
  font-size: 8px;
  text-align: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  cursor: pointer;
}
.modal-box .guide-modal-big-data .end-step {
  margin: 16px auto;
  width: 200px;
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: center;
}
.modal-box .guide-modal-big-data .end-step .end-btn {
  width: 84px;
  height: 30px;
  line-height: 30px;
  background: #fa8919;
  color: #fff;
  font-size: 8px;
  text-align: center;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  cursor: pointer;
}
.modal-box .guide-modal-big-data .end-step .end-btn.close-btn {
  background: #f4f4f4;
  color: #4a4a4a;
}
.box-content .modal-box-line {
  width: 766px;
  height: 1px;
  border-top: 1px solid #ebebeb;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translate(-50%);
  z-index: 1;
}
.caseNumWrap {
  text-align: center;
  margin-bottom: 20px;
  color: #ccc;
  font-size: 14px;
}
.caseNumWrap .caseNum {
  color: #ed6c00;
}
.library-type-laws:hover svg g {
  fill: #ed6c00;
}
.library-type-laws svg g {
  fill: #b4a69a;
}
.case-jade-close-container {
  margin-right: 5px;
}
.bigData-case .searchResult .ouline-container .outline-groups-item p.text-align-center {
  text-align: center;
}
.AISearchWrapContainer {
  position: relative;
}
.AISearchWrapContainer .AISearchWrapContainertext {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "PingFangSC-Medium", "PingFang SC";
  font-weight: 500;
  position: absolute;
  z-index: 99999;
  left: -80px;
  top: 14px;
  color: #ED6C00;
  cursor: pointer;
}
.AISearchWrapContainer .AISearchWrapContainertext::before {
  content: "";
  display: inline-block;
  background-size: contain !important;
  margin-top: -1px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(partials/images/aizhisou1.png) center center no-repeat;
}
.AISearchWrapContainer .AISearchWrapContainertext::after {
  content: "";
  position: absolute;
  top: -15px;
  left: 54px;
  padding-top: 4px;
  margin-right: 6px;
  display: inline-block;
  background-size: contain !important;
  width: 28px;
  height: 12px;
  background: url(partials/images/gongcetishi.png) center center no-repeat;
}
.AISearchWrapContainer .AICaseSearchWrapContainer {
  cursor: pointer;
  position: absolute;
  left: -114px;
  top: 9px;
  height: 32px;
  background: #FFEEDE;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.AISearchWrapContainer .AICaseSearchWrapContainer:hover .AICaseSearchWrapContent .AICaseText {
  background: url(tool/bigData/search/img/search-ai-case-name-hover.png);
  background-size: cover;
}
.AISearchWrapContainer .AICaseSearchWrapContainer:hover .AICaseSearchWrapContent .AICaseTextNew {
  background: url(tool/bigData/search/img/search-ai-case-name-v1-hover.png);
  background-size: cover;
}
.AISearchWrapContainer .AICaseSearchWrapContainer .AICaseSearchWrapContent {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 10px;
}
.AISearchWrapContainer .AICaseSearchWrapContainer .AICaseSearchWrapContent .AICaseTextNew {
  background: url(tool/bigData/search/img/search-ai-case-name-v1-default.png);
  background-size: cover;
  width: 57px;
  height: 16px;
  box-sizing: border-box;
  margin-left: 8px;
}
.AISearchWrapContainer .AICaseSearchWrapContainer .AICaseSearchWrapContent .AICaseText {
  background: url(tool/bigData/search/img/search-ai-case-name-default.png);
  background-size: cover;
  width: 43px;
  height: 16px;
  box-sizing: border-box;
  margin-left: 8px;
}
.AISearchWrapContainer .AICaseSearchWrapContainer .AICaseSearchWrapContent .AICaseLeftIcon {
  width: 16px;
  height: 16px;
  background: url(tool/bigData/search/img/search-ai-icon.png);
  background-size: cover;
}
.AISearchWrapContainer .AICaseSearchWrapContainer .AICaseSearchWrapContent .beta-container {
  position: absolute;
  right: -21px;
  top: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 16px;
  background: linear-gradient(225deg, #ff7a18 0%, #ffb932 100%);
  border-radius: 8px 8px 8px 2px;
}
.AISearchWrapContainer .AICaseSearchWrapContainer .AICaseSearchWrapContent .beta-container .beta-text {
  font-size: 18px;
  transform: scale(0.5, 0.5);
  display: inline-block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  white-space: nowrap;
}
.reg-check-list {
  display: flex;
  margin-top: -24px;
  margin-bottom: 24px;
}
.reg-check-list .reg-check-item {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #4A4A4A;
  height: 17px;
  margin-left: 25px;
}
.reg-check-list .reg-check-item img {
  width: 12px;
  height: 12px;
  margin-right: 7px;
}
.reg-type-label {
  display: inline-block;
  height: 18px;
  background: #FFF4EB;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #ED6C00;
  line-height: 18px;
  margin-left: 8px;
  padding: 0 6px;
}

.bigdata-ai-sign {
  width: 849px;
  height: 478px;
}
.case-ai-sign-container {
  position: relative;
  width: 849px;
  height: 478px;
}
.case-ai-sign-container .bg-container {
  width: 100%;
  height: 100%;
  background-image: url('tool/images/case-ai-sign-bg.png');
  background-size: cover;
}
.case-ai-sign-container .action-container {
  position: absolute;
  bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.case-ai-sign-container .action-container .cancel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 36px;
  padding: 10px 0;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  margin-right: 12px;
}
.case-ai-sign-container .action-container .cancel-button:hover {
  color: #FA8919;
  border: 1px solid #FA8919;
  background-color: rgba(250, 137, 25, 0.04);
}
.case-ai-sign-container .action-container .sign-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 152px;
  height: 36px;
  padding: 10px 0;
  box-sizing: border-box;
  background: #FA8919;
  border-radius: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  cursor: pointer;
}
.case-ai-sign-container .action-container .sign-button:hover {
  background: #FA9A2A;
}

.home-page-push .subscription-push {
  width: 630px;
}
.home-page-push .subscription-push .tab-container {
  height: 37px;
  box-sizing: border-box;
}
.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: #ed6c00;
}
.home-page-push .subscription-push .tab-container .tab-item.right:hover i {
  color: #ed6c00;
}
.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: #ed6c00;
  border-bottom: 2px solid #ed6c00;
}
.home-page-push .subscription-push .tab-container .tab-item-btn {
  border-radius: 20px;
  border: 1px solid #DCDFE6;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 20px;
  height: 22px;
  color: #606266;
  cursor: pointer;
}
.home-page-push .subscription-push .tab-container .tab-item-btn i {
  color: #606266;
  font-size: 12px;
}
.home-page-push .subscription-push .tab-container .tab-item-btn:hover {
  color: #FA8919;
  border: 1px solid #FA8919;
  background-color: #fffaf6;
}
.home-page-push .subscription-push .tab-container .tab-item-btn:hover i {
  color: #FA8919;
}
.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: #ed6c00;
}
.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: #fa8919;
  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: #ed6c00;
}
.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: #fa8919;
}
.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: #fa8919;
  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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
  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: 2px;
  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 {
  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 {
  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;
  user-select: none;
  transform: translateY(7px);
  background-color: #3d3d3d;
  border-radius: 6px;
}
#addReportPaddleContent .ibass-close {
  font-size: 14px;
}
#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: 248px;
  min-width: 240px;
  line-height: 26px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden;
}
#addReportPaddleContent .is-add-content .add-search-item-left-content {
  width: 116px;
  height: 48px;
  line-height: 42px;
  border-radius: 6px 0px 6px 0px;
  background-color: #2b2b2b;
  color: #fff;
  text-align: center;
}
#addReportPaddleContent .is-add-content .add-search-item-left-content i.ibass-done,
#addReportPaddleContent .is-add-content .add-search-item-left-content i.ibass-comment,
#addReportPaddleContent .is-add-content .add-search-item-left-content i.ibass-add-round {
  color: #fff;
  font-size: 16px;
}
#addReportPaddleContent .is-add-content .add-search-item-left-content span {
  font-size: 14px;
}
#addReportPaddleContent .is-add-content .add-search-item-left-content.active-add-search-item-content {
  background-color: #3d3d3d;
}
#addReportPaddleContent .is-add-content .add-search-item-left-content.active-add-search-item-content i.ibass-done,
#addReportPaddleContent .is-add-content .add-search-item-left-content.active-add-search-item-content i.ibass-comment,
#addReportPaddleContent .is-add-content .add-search-item-left-content.active-add-search-item-content i.ibass-add-round,
#addReportPaddleContent .is-add-content .add-search-item-left-content.active-add-search-item-content span {
  color: #fa8919;
}
#addReportPaddleContent .is-add-content .add-search-item-right-content {
  width: 108px;
  height: 48px;
  line-height: 42px;
  border-radius: 0px 6px 0px 6px;
  background-color: #2b2b2b;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 13px 0 16px;
}
#addReportPaddleContent .is-add-content .add-search-item-right-content i.ibass-done,
#addReportPaddleContent .is-add-content .add-search-item-right-content i.ibass-comment {
  color: #fff;
  font-size: 16px;
}
#addReportPaddleContent .is-add-content .add-search-item-right-content span {
  font-size: 14px;
}
#addReportPaddleContent .is-add-content .add-search-item-right-content.active-add-search-item-content {
  background-color: #3d3d3d;
}
#addReportPaddleContent .is-add-content .add-search-item-right-content.active-add-search-item-content i.ibass-done,
#addReportPaddleContent .is-add-content .add-search-item-right-content.active-add-search-item-content i.ibass-comment,
#addReportPaddleContent .is-add-content .add-search-item-right-content.active-add-search-item-content span {
  color: #fa8919;
}
#addReportPaddleContent .is-add-content .item {
  text-align: center;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}
#addReportPaddleContent .is-add-content .item .top-line {
  display: none;
}
#addReportPaddleContent .is-add-content .item i {
  position: relative;
  top: 3px;
  color: #b1b1b1;
  margin-right: 0;
}
#addReportPaddleContent .is-add-content .item i:hover {
  color: #fff;
}
#addReportPaddleContent .is-add-content .item .confirm-delete {
  position: absolute;
  color: #fff !important;
  width: 76px;
  border-radius: 20px;
  background-color: #ff0221;
  top: 5px;
  left: -22px;
  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.item-icon {
  position: relative;
  width: 40px;
  max-width: 40px;
}
#addReportPaddleContent .is-add-content .current-item span {
  color: #fa8919;
}
#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 20px;
  padding-bottom: 10px;
}
#addReportPaddleContent .annotate-content .atag-content {
  padding-top: 10px;
  text-align: left;
  max-width: 208px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item {
  padding: 0 16px;
  margin-bottom: 10px;
  margin-right: 12px;
  height: 30px;
  border-radius: 16px;
  background-color: #ebebeb;
  box-sizing: border-box;
  display: inline-block;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item > div {
  position: relative;
  top: 8px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag > div {
  top: 7px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item i {
  padding-left: 4px;
  margin: 0;
  color: #3d3d3d;
  position: relative;
  top: 0px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item .des {
  color: #3d3d3d;
  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:hover {
  background-color: #fff;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item:hover i,
#addReportPaddleContent .annotate-content .atag-content .atag-item:hover .des {
  color: #ff8200;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag {
  background-color: #4b4b4b;
  padding-right: 16px;
  border: 1px dashed #b1b1b1;
  color: #fff;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag i {
  padding-left: 0px;
  margin: 0;
  color: #fff;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag span {
  color: #fff;
  position: relative;
  top: -2px;
  font-size: 14px;
}
#addReportPaddleContent .annotate-content .atag-content .atag-item.add-atag:hover {
  background: #6b6b6b;
}
#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;
  border-radius: 6px !important;
}
#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 .atag-content .tag-pop .bdTagPopTemplate .add-paragraph-tag .triangle:after {
  border-bottom-color: #ffffff !important;
}
#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;
  height: 96px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}
#addReportPaddleContent .annotate-content .annotate-textarea-container .textarea-length {
  font-size: 12px;
  color: #999;
  width: 100%;
  text-align: right;
  margin-top: 3px;
}
#addReportPaddleContent .annotate-content .annotate-list-box .annotate-item {
  width: 208px;
}
#addReportPaddleContent .annotate-content .annotate-list-box .annotate-item .annotate-textarea-title {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #fff;
}
#addReportPaddleContent .annotate-content .annotate-list-box .annotate-item .annotate-textarea-title .annotate-share-icon {
  display: inline-block;
  width: 32px;
  height: 16px;
  line-height: 16px;
  background-color: #feeedd;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #fa8919;
}
#addReportPaddleContent .annotate-content .annotate-list-box .annotate-item .annotate-textarea-container {
  margin-top: 8px;
}
#addReportPaddleContent .annotate-filter {
  position: relative;
  width: max-content;
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
  text-align: left;
}
#addReportPaddleContent .annotate-filter:hover {
  color: #ff8200;
}
#addReportPaddleContent .annotate-filter:hover > span {
  color: #ff8200;
}
#addReportPaddleContent .annotate-filter .bdAnnotateFilterTemplate {
  left: 0 !important;
  top: 24px !important;
}
#addReportPaddleContent .annotate-filter .bdAnnotateFilterTemplate .ns-popover-tooltip {
  width: 120px;
  border-radius: 6px !important;
  border-width: 0 !important;
  overflow: hidden;
}
#addReportPaddleContent .annotate-filter .bdAnnotateFilterTemplate .ns-popover-tooltip .ns-popover-item {
  text-align: left;
}
#addReportPaddleContent .annotate-filter .bdAnnotateFilterTemplate .ns-popover-tooltip .ns-popover-item span {
  color: #333;
}
#addReportPaddleContent .annotate-filter .bdAnnotateFilterTemplate .filter-report-type {
  margin-top: 7px;
}
#addReportPaddleContent .annotate-filter .bdAnnotateFilterTemplate .filter-report-type .triangle:after {
  border-bottom-color: #fff !important;
}
#addReportPaddleContent .annotate-filter .ibass-trig-down,
#addReportPaddleContent .annotate-filter .ibass-trig-up {
  position: relative;
  top: 2px;
  margin-left: 4px;
}
#addReportPaddleContent .report-list-wrapper {
  padding: 10px 0;
  text-align: left;
  position: relative;
}
#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-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;
  margin-top: 10px;
}
#addReportPaddleContent .report-list-wrapper .report-list-container::-webkit-scrollbar {
  background: transparent;
  width: 0;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item {
  padding: 0 23px;
  height: 35px;
  line-height: 30px;
  font-size: 14px;
  padding-right: 26px;
}
#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: #fff;
  width: 160px;
}
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item:hover .des,
#addReportPaddleContent .report-list-wrapper .report-list-container .report-item:hover .count {
  color: #fff;
}
#addReportPaddleContent .report-list-wrapper .report-search-filter {
  width: 168px;
  height: 36px;
  position: relative;
  margin-left: 20px;
  margin-top: 5px;
  background: #4b4b4b;
  border-radius: 36px;
}
#addReportPaddleContent .report-list-wrapper .report-search-filter .search-input {
  width: 168px;
  height: 36px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 14px;
  border-radius: 36px;
  border: 1px solid #d4d4d4;
  background: #4b4b4b;
  border: 1px solid rgba(212, 212, 212, 0.24);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
}
#addReportPaddleContent .report-list-wrapper .report-search-filter .search-input:hover {
  border: 1px solid #c0c4cc;
}
#addReportPaddleContent .report-list-wrapper .report-search-filter .search-input:focus {
  border: 1px solid #c0c4cc;
}
#addReportPaddleContent .report-list-wrapper .report-search-filter .ibass-search {
  position: absolute;
  left: 15px;
  top: 11px;
  color: #d4d4d4;
  font-size: 14px;
}
#addReportPaddleContent .report-list-wrapper .report-search-filter .ibass-add {
  position: absolute;
  right: 18px;
  top: 7px;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}
#addReportPaddleContent .report-list-wrapper .ibass-add-round {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #fff;
  margin-left: 11px;
  position: absolute;
  right: 20px;
  top: 30px;
}
#addReportPaddleContent .report-list-wrapper .ibass-add-fill {
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-left: 11px;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #b1b1b1;
}
#addReportPaddleContent .report-list-wrapper .ibass-add-fill:hover {
  color: #fff;
}
.search-report-add-new-report-btn {
  white-space: nowrap;
  z-index: 999999999;
}

.similarity-case-detail {
  min-height: 1000px;
  width: 1200px;
  position: relative;
  left: -100px;
  background: white;
  border-radius: 10px;
}
.similarity-case-detail.font-small .content-container .left-content .case-rule .case-rule-content {
  font-size: 12px;
}
.similarity-case-detail.font-small .content-container .left-content .case-rule .case-rule-content .rule-title {
  font-size: 12px;
}
.similarity-case-detail.font-small .content-container .left-content .case-content .p-title {
  font-size: 14px;
}
.similarity-case-detail.font-small .content-container .left-content .case-content .p-detail {
  font-size: 14px;
  line-height: 24px;
}
.similarity-case-detail.font-small .content-container .left-content .case-content .p-detail p {
  line-height: 24px;
}
.similarity-case-detail.font-small .content-container .left-content .case-content .p-detail > div {
  line-height: 24px;
}
.similarity-case-detail.font-small .content-container .left-content .neighbor-des {
  font-size: 12px;
  line-height: 20px;
}
.similarity-case-detail.font-medium .content-container .left-content .case-rule .case-rule-content {
  font-size: 14px;
}
.similarity-case-detail.font-medium .content-container .left-content .case-rule .case-rule-content .rule-title {
  font-size: 14px;
}
.similarity-case-detail.font-medium .content-container .left-content .case-content .p-title {
  font-size: 16px;
}
.similarity-case-detail.font-medium .content-container .left-content .case-content .p-detail {
  font-size: 16px;
  line-height: 29px;
}
.similarity-case-detail.font-medium .content-container .left-content .case-content .p-detail p {
  line-height: 29px;
}
.similarity-case-detail.font-medium .content-container .left-content .case-content .p-detail > div {
  line-height: 29px;
}
.similarity-case-detail.font-medium .content-container .left-content .neighbor-des {
  font-size: 14px;
  line-height: 22px;
}
.similarity-case-detail.font-large .content-container .left-content .case-rule .case-rule-content {
  font-size: 16px;
}
.similarity-case-detail.font-large .content-container .left-content .case-rule .case-rule-content .rule-title {
  font-size: 16px;
}
.similarity-case-detail.font-large .content-container .left-content .case-content .p-title {
  font-size: 18px;
}
.similarity-case-detail.font-large .content-container .left-content .case-content .p-detail {
  font-size: 18px;
  line-height: 32px;
}
.similarity-case-detail.font-large .content-container .left-content .case-content .p-detail p {
  line-height: 32px;
}
.similarity-case-detail.font-large .content-container .left-content .case-content .p-detail > div {
  line-height: 32px;
}
.similarity-case-detail.font-large .content-container .left-content .neighbor-des {
  font-size: 16px;
  line-height: 26px;
}
.similarity-case-detail.white .right-content,
.similarity-case-detail.white .right-sticky-content,
.similarity-case-detail.white .search-in-page-container,
.similarity-case-detail.white .more-reco-container .reco-items {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}
.similarity-case-detail.blue-eye .right-content,
.similarity-case-detail.blue-eye .right-sticky-content,
.similarity-case-detail.blue-eye .search-in-page-container,
.similarity-case-detail.blue-eye .more-reco-container .reco-items {
  background: #C7EDCD !important;
  background-color: #C7EDCD !important;
}
.similarity-case-detail.gray .right-content,
.similarity-case-detail.gray .right-sticky-content,
.similarity-case-detail.gray .search-in-page-container {
  background: #EEE !important;
  background-color: #EEE !important;
}
.similarity-case-detail.blue .right-content,
.similarity-case-detail.blue .right-sticky-content,
.similarity-case-detail.blue .search-in-page-container,
.similarity-case-detail.blue .more-reco-container .reco-items {
  background: #E4EBF1 !important;
  background-color: #E4EBF1 !important;
}
.similarity-case-detail .judgement_link,
.similarity-case-detail .lawregu_link,
.similarity-case-detail .similarity-judgement-link {
  color: #fa8919;
  cursor: pointer;
  text-decoration: underline;
}
.similarity-case-detail .foot-marker-number {
  color: #fa8919;
  white-space: nowrap;
  cursor: pointer;
}
.similarity-case-detail .foot-marker-detail {
  color: #fa8919;
}
.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: #fdba78;
  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 #fdba78;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  color: #ed6c00;
  position: relative;
  top: -3px;
}
.similarity-case-detail .title-container .title-left .tit-detail .publish-type {
  width: 76px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  position: relative;
  top: -2px;
}
.similarity-case-detail .title-container .title-right {
  text-align: right;
}
.similarity-case-detail .title-container .title-right i {
  color: #cdc9c5;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.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: #fa8919;
}
.similarity-case-detail .title-container .title-right .option-btn:hover {
  color: #fa8919!important;
}
.similarity-case-detail .title-container .title-right .option-btn:hover i {
  color: #fa8919;
}
.similarity-case-detail .title-container .title-right .option-btn:hover span {
  color: #fa8919!important;
}
.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;
  padding-bottom: 30px;
}
.similarity-case-detail .case-rule {
  padding-left: 37px;
}
.similarity-case-detail .case-rule .case-rule-header {
  color: #fa8919;
  height: 32px;
  line-height: 32px;
  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: 800px;
  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-title.publish-time {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}
.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: #fa8919;
  position: absolute;
  left: -28px;
  top: -1px;
}
.similarity-case-detail .case-content .light-p-title {
  background-color: #fa8919;
}
.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;
  width: 730px;
}
.similarity-case-detail .neighbor-des {
  padding: 70px 10px 20px 38px;
}
.similarity-case-detail .neighbor-des.source {
  margin-top: 20px;
  padding-top: 20px;
}
.similarity-case-detail .neighbor-des.source .page-num,
.similarity-case-detail .neighbor-des.source .view-id {
  color: #737373;
  margin-left: 5px;
}
.similarity-case-detail .neighbor-box {
  padding: 0px 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: #fa8919;
}
.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: 50px;
  padding-bottom: 10px;
  position: sticky;
  top: 100px;
  background: #fff;
  width: 224px;
  z-index: 999;
}
.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: #ed6c00;
  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: #ed6c00;
}
.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: #ed6c00;
}
.similarity-case-detail .content-fast .fast-menu ul li.active {
  color: #ed6c00;
  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: #ed6c00;
}
.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-top: 20px;
}
.similarity-case-detail .more-reco-container .reco-items {
  background: #f8f8f9;
  padding: 18px 15px 0;
  box-sizing: border-box;
  width: 245px;
  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: #fa8919;
}
.similarity-case-detail .more-reco-container .reco-item:hover .reco-item-des {
  color: #fa8919;
}
.similarity-case-detail .more-reco-container .reco-item:hover i {
  color: #fa8919;
}
.similarity-case-detail .more-reco-container .reco-item i {
  color: #737373;
  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 .case-recommend {
  margin-top: 24px;
  padding: 10px 15px 15px;
  background: #f8f8f9;
  border-radius: 5px;
}
.similarity-case-detail .case-recommend .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;
}
.similarity-case-detail .case-recommend h6 {
  padding-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
  line-height: 22px;
  font-size: 16px;
  margin: 8px 0;
}
.similarity-case-detail .case-recommend .more {
  cursor: pointer;
  margin-top: 8px;
  margin-left: 20px;
}
.similarity-case-detail .case-recommend .more:hover span,
.similarity-case-detail .case-recommend .more:hover i {
  color: #fa8919;
}
.similarity-case-detail .case-recommend .more span {
  color: #a9a9a9;
}
.similarity-case-detail .case-recommend .item-recommend {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}
.similarity-case-detail .case-recommend .item-recommend i {
  position: absolute;
  top: inherit;
  margin-left: -20px;
}
.similarity-case-detail .case-recommend .item-recommend:last-child {
  border-bottom: 0;
}
.similarity-case-detail .case-recommend .item-recommend p:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 25px;
  margin: 5px 0px 0px 20px;
  color: #737373;
  cursor: pointer;
  padding-bottom: 5px;
}
.similarity-case-detail .case-recommend .item-recommend p:first-child:hover {
  color: #fa8919;
}
.similarity-case-detail .case-recommend .item-recommend p:nth-child(2) {
  line-height: 25px;
  padding-left: 19px;
}
.similarity-case-detail .case-recommend .item-recommend p:nth-child(3) > span {
  display: block;
  padding-left: 19px;
}
.similarity-case-detail .case-recommend .item-recommend p:nth-child(3) > span span:nth-child(1) {
  color: #737373;
}
.similarity-case-detail .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;
}
.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: #ed6c00;
  -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: #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;
  }
}
.similarity-case-detail table {
  max-width: 900px;
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
  display: block;
  overflow-x: auto;
  text-indent: 0px;
}
.similarity-case-detail table tr {
  background-color: #fff;
}
.similarity-case-detail table td,
.similarity-case-detail table th {
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  border: 1px solid #ddd;
}

.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: #fdba78;
}
.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: #fa8919;
  box-shadow: inset 0 -2px 0 0 #ed6c00;
}
.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: #ed6c00;
}
.similarity-case-container .menu-tab-container .expand-button-box .expand-box:hover .ibass-icon {
  color: #ed6c00;
}
.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: #ed6c00;
}
.similarity-case-container .menu-tab-container .rule-item:hover .rule-type {
  color: #ed6c00;
}
.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;
  padding-bottom: 20px;
}
.similarity-case-container .menu-tab-container .page.page-container .i-pagination {
  display: inline-block;
}

.similarity-case-result {
  min-height: 1000px;
  width: 1200px;
  position: relative;
  left: -100px;
  background: white;
  border-radius: 10px;
}
.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;
  width: 20px;
  height: 20px;
  right: 25px;
  top: 25px;
}
.similarity-case-result .search-container .go-back i {
  font-size: 20px;
}
.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 .subscribe-container {
  float: right;
  cursor: pointer;
}
.similarity-case-result .content-container .subscribe-container a:hover {
  color: #ed6c00;
}
.similarity-case-result .content-container .subscribe-container a:hover i {
  color: #ed6c00;
}
.similarity-case-result .content-container .subscribe-devide {
  margin-right: 10px;
  padding-right: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #D8D8D8;
}
.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: #ed6c00;
  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: #fa8919;
  margin-right: 14px;
}
.similarity-case-result .group-title .group-name {
  font-size: 16px;
  font-weight: 500;
  color: #ed6c00;
  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 #fa8919;
  color: #fa8919;
}
.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: #fa8919;
}
.similarity-case-result .item-container {
  margin-left: 24px;
  padding-top: 20px;
  padding-right: 15px;
}
.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 .number {
  min-width: 24px;
  height: 24px;
  text-align: center;
  background: #f8f8f9;
  color: #fa8919;
  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-title-box .item-title .clicked {
  color: #888;
}
.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;
  color: #ebe8e6;
}
.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: 230px;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .download {
  display: inline-block;
  color: #a9a9a9;
  position: relative;
  left: 14px;
}
.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;
}
.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: #fa8919;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .option-item:hover span {
  color: #4a4a4a;
}
.similarity-case-result .item-container .item-msg-box .item-des .des-options .view-box {
  font-size: 13px;
  color: #a9a9a9;
}
.similarity-case-result .page.page-container {
  text-align: center;
  padding-bottom: 20px;
}
.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;
}
.similarity-case-result.bigData-lawsResult .left-container .caseTree .tree-classic .ibass-info-box span {
  height: 14px;
  display: inline-block;
  line-height: 14px;
  margin-left: 5px;
}
.similarity-case-result.bigData-lawsResult .left-container .caseTree .tree-classic .ibass-info-box span i {
  float: none;
  display: inline-block;
  height: 14px;
  line-height: 14px;
}
.similarity-case-result.bigData-lawsResult .left-container .caseTree .tree-classic .ibass-info-box span i:hover {
  color: #ed6c00;
}
.similarity-case-result .i-add-search-report {
  display: inline-block;
}
.similarity-case-result .i-add-search-report span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ededed;
}
.similarity-case-result .i-add-search-report .confirm-add:hover span {
  color: #fa8919;
}
.similarity-case-result .i-add-search-report .cancel-add span {
  color: #fa8919;
}
.similarity-case-download-popover {
  transform: translateX(calc(-39%));
}

.bigData-trademark-Detail {
  width: 1200px;
  position: relative;
  background: #fff;
  left: -100px;
  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: #fdba78;
  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: #fa8919;
  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: #fa8919;
}
.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: #ed6c00;
  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: #fa8919;
}
.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: #fa8919;
}
.bigData-trademark-Detail .caseDetail-content .content-left .popular-law .align-left:hover .popular-title {
  color: #fa8919;
}
.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: #ed6c00;
}
.bigData-trademark-Detail .caseDetail-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-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: #fa8919;
  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: #fa8919;
}
.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: #ed6c00 !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: #ed6c00;
}
.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: #ed6c00;
}
.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: #fa8919;
}
.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: #fa8919;
}
.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: #fa8919;
}
.bigData-trademark-Detail .caseDetail-content .content-left .caseThrough .cDownFile:hover,
.bigData-trademark-Detail .caseDetail-content .content-left .caseAccuser .cDownFile:hover {
  color: #ed6c00;
}
.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: #ed6c00;
  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: #ed6c00;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li:hover {
  color: #ed6c00;
}
.bigData-trademark-Detail .caseDetail-content .content-right .fast-menu ul li.active {
  color: #ed6c00;
  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%;
}

.group-tree-container .group-tree-wrap .group-tree-item {
  margin-bottom: 4px;
}
.group-tree-container .group-tree-wrap .group-tree-item:last-of-type {
  margin-bottom: 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.5px 0;
  height: 36px;
  box-sizing: border-box;
  cursor: pointer;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-left,
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-right {
  display: flex;
  align-items: center;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-left {
  width: 100%;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-icon {
  flex-shrink: 0;
  font-size: 12px;
  color: #C3C6C8;
  margin-right: 8px;
  margin-left: 8px;
  position: relative;
  top: 1px;
  opacity: 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-icon:hover {
  color: #fa8919;
  border-radius: 4px;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-icon.has-child {
  opacity: 1;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-image {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  flex-shrink: 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-text {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 6px;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-text.is-report {
  font-weight: 400;
  color: #4A4A4A;
  margin-left: 30px;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-edit {
  flex: 1;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-edit input {
  width: calc(100% - 6px);
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid #FA8919;
  box-sizing: border-box;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-edit.is-report {
  margin-left: 30px;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid rgba(250, 137, 25, 0.5);
  box-sizing: border-box;
  margin-right: 6px;
  flex-shrink: 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-label span {
  font-size: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #FA8919;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-title-label.share {
  background-color: #FEF3E8;
  border-color: #fff;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-action {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  display: none;
  flex-shrink: 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-action .ibass-more,
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-action .ibass-add {
  width: 16px;
  text-align: center;
  font-size: 14px;
  color: #a9a9a9;
  position: relative;
  top: 1px;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-action:last-of-type {
  margin-right: 6px;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title .group-tree-item-action:hover {
  background-color: #fff;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.hover-status {
  padding: 8px 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.hover-status:hover {
  background-color: #F7F8F9;
  border-radius: 4px;
  padding: 6px 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.hover-status:hover .group-tree-item-action {
  display: flex;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.hover-status:hover .group-tree-item-title-label {
  display: none;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.hover-status:hover .group-tree-item-title-left {
  width: calc(71% - 8px);
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.hover-status:hover.is-Menu .group-tree-item-title-left {
  width: calc(91% - 14px);
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.is-active {
  background-color: #F7F8F9;
  border-radius: 4px;
  padding: 8px 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.is-action {
  padding: 3.5px 0;
  pointer-events: none;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction {
  padding: 8px 0;
  background-color: #F7F8F9;
  border-radius: 4px;
  padding: 6px 0;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-action {
  display: flex;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-action.moreAction {
  background-color: #fff;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-action.moreAction .ibass-more {
  color: #fa8919;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-action.generateAction {
  background-color: #fff;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-action.generateAction .ibass-add {
  color: #fa8919;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-title-label {
  display: none;
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction .group-tree-item-title-left {
  width: calc(71% - 8px);
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-title.isShowAction.is-Menu .group-tree-item-title-left {
  width: calc(84% - 8px);
}
.group-tree-container .group-tree-wrap .group-tree-item .group-tree-item-content {
  margin-top: 4px;
}
.generate-report-wrap {
  margin-top: 20px;
}
.generate-report-wrap .generate-report {
  width: 122px;
  margin: 0 0 0 2px !important;
}
.generate-report-wrap .ns-popover-items {
  margin: 6px 0;
}
.generate-report-wrap .ns-popover-items .ns-popover-item {
  padding-right: 15px;
}
.generate-modal {
  margin-left: 30px;
}
.generate-modal .ns-popover-tooltip {
  width: 112px;
}
.generate-modal .ns-popover-tooltip .ns-popover-items {
  max-height: max-content;
  margin: 6px 0;
}
.generate-modal .ns-popover-tooltip .ns-popover-items .ns-popover-item {
  padding-right: 15px;
}
.add-group-container {
  padding: 32px 48px;
}
.add-group-container .add-group-title {
  position: relative;
  height: 40px;
}
.add-group-container .add-group-title span {
  font-size: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #4A4A4A;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  padding: 8px 20px;
}
.add-group-container .add-group-title::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #EBEBEE;
  position: absolute;
  top: 50%;
}
.add-group-container .add-group-input-container {
  margin-top: 24px;
}
.add-group-container .add-group-input-container input {
  width: 384px;
  padding: 6px 12px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEBEE;
  margin-bottom: 32px;
}
.add-group-container .add-group-input-container input::placeholder {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.add-group-container .add-group-input-container input.input-focus {
  border: 1px solid #FA8919;
}
.add-group-container .add-group-input-container input:hover {
  border: 1px solid #FA8919;
}
.add-group-container .add-group-input-container span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #4A4A4A;
  margin-bottom: 32px;
}
.add-group-container .add-group-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.add-group-container .add-group-btn-container .add-group-btn {
  width: 110px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #606266;
  background-color: #fff;
}
.add-group-container .add-group-btn-container .add-group-btn.cancel {
  border: 1px solid #DCDFE6;
}
.add-group-container .add-group-btn-container .add-group-btn.cancel:hover {
  background: #FFFAF6;
  border-radius: 20px;
  border: 1px solid #FA8919;
  color: #fa8919;
}
.add-group-container .add-group-btn-container .add-group-btn.confirm {
  color: #fff;
  background: #FA8919;
}
.add-group-container .add-group-btn-container .add-group-btn.confirm:hover {
  background: #FA9A2A;
}
.move-container .move-title {
  padding: 20px 24px;
  border-bottom: 1px solid #EBEBEB;
}
.move-container .move-title span {
  font-size: 16px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.move-container .move-content {
  height: 406px;
  overflow-y: scroll;
  padding: 8px 12px;
}
.move-container .move-content .move-tree-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.move-container .move-content .move-tree-empty .move-tree-empty-text {
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: 8px;
}
.move-container .move-content .move-tree-empty img {
  width: 80px;
  height: 52px;
  display: block;
}
.move-container .move-content .group-tree-title {
  display: flex;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
}
.move-container .move-content .group-tree-title .group-tree-title-icon {
  height: 20px;
  flex-shrink: 0;
  font-size: 12px;
  color: #C3C6C8;
  margin-right: 8px;
  margin-left: 8px;
  position: relative;
}
.move-container .move-content .group-tree-title .group-tree-title-icon:hover {
  color: #fa8919;
  border-radius: 4px;
}
.move-container .move-content .group-tree-title .group-tree-title-text {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.move-container .move-content .group-tree-title.group-tree-title-active {
  background-color: #F7F8F9;
  border-radius: 4px;
}
.move-container .move-content .group-tree-title:hover {
  background-color: #F7F8F9;
  border-radius: 4px;
}
.move-container .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 24px 0;
  border-top: 1px solid #EBEBEB;
}
.move-container .btn-container .move-group-btn {
  width: 110px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #606266;
  background-color: #fff;
}
.move-container .btn-container .move-group-btn.cancel {
  border: 1px solid #DCDFE6;
}
.move-container .btn-container .move-group-btn.cancel:hover {
  background: #FFFAF6;
  border-radius: 20px;
  border: 1px solid #FA8919;
  color: #fa8919;
}
.move-container .btn-container .move-group-btn.confirm {
  color: #fff;
  background: #FA8919;
}
.move-container .btn-container .move-group-btn.confirm:hover {
  background: #FA9A2A;
}
.move-container .btn-container .move-group-btn.disabled {
  background: #D5D5D5;
  border: 1px solid #D5D5D5;
  color: #FFFFFF;
  cursor: not-allowed;
}
.move-container .btn-container .move-group-btn.disabled:hover {
  background: #D5D5D5;
  border: 1px solid #D5D5D5;
  color: #FFFFFF;
}

.move-tree-container .move-tree-wrap .move-tree-item {
  margin-bottom: 4px;
}
.move-tree-container .move-tree-wrap .move-tree-item:last-of-type {
  margin-bottom: 0;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 12px 0;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title.is-active {
  background: #F7F8F9;
  border-radius: 4px;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title:hover {
  background: #F7F8F9;
  border-radius: 4px;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-title-icon {
  width: 28px;
  text-align: center;
  height: 20px;
  flex-shrink: 0;
  font-size: 12px;
  color: #C3C6C8;
  position: relative;
  top: -1px;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-title-icon:hover {
  color: #fa8919;
  border-radius: 4px;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-image {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  flex-shrink: 0;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-title-text {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  max-width: 78%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-title-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid rgba(250, 137, 25, 0.5);
  box-sizing: border-box;
  margin-left: 6px;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-title .move-tree-item-title-label span {
  font-size: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #FA8919;
}
.move-tree-container .move-tree-wrap .move-tree-item .move-tree-item-content {
  margin-top: 4px;
}

.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-first .checked-module .a-checked.disabled {
  color: #e1e1e1;
  cursor: not-allowed;
}
.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 .checked-module .a-checked.disabled {
  color: #e1e1e1;
  cursor: not-allowed;
}
.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;
}