body {
  margin: 0;
  padding: 0;
  /* min-width: 1280px; */
}

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

.block {
  display: block;
}

a,
.el-table a:hover {
  color: #333;
  text-decoration: none;
}

a:hover,
.el-table a {
  color: #409EFF;
}

.el-table .urgent-row {
  background: #fbd6d6;
}

.el-header {
  border-bottom: 1px solid #e6e6e6;
  box-shadow: rgba(0, 0, 0, 0.1) 0 3px 8px;
}

.transfer_check_float .el-table th.is-leaf {
  background: #ffffff;
}

.transfer_check_float .el-button {
  height: 28px;
  padding: 0 12px;
}

.el-container {
  height: 100%;
}

.ensure_delivery .el-table th.is-leaf {
  background: #ffffff;
}

.el-aside {
  height: 100%;
  background-color: #363636;
}

.el-menu {
  height: 100%;
  overflow: auto;
  background-color: #363636;
}

.el-menu-item a {
  display: block;
  color: #949494;
}

.el-submenu__title {
  color: #949494;
}

.el-menu-item.is-active {
  background-color: #515151;
}

.el-menu-item.is-active:before {
  content: '';
  float: left;
  width: 6px;
  height: 100%;
  background-color: #f60;
  margin-left: -40px;
}

.el-menu-item.is-active a {
  color: #fff;
}

.el-row {
  margin-bottom: 10px;
}

.el-table th.is-leaf {
  background-color: #f0f2f5;
}

.files_table .el-table th.is-leaf {
  background-color: #ffffff;
}

#transfer_check_float .el-table th.is-leaf {
  background: #fff;
}

.el-table td.el-table__expanded-cell {
  padding: 0 0 0 50px;
  background-color: #fbfbfb !important;
}

.el-table td.el-table__expanded-cell td,
.el-table td.el-table__expanded-cell .el-table__body-wrapper {
  background-color: #fbfbfb !important;
}

.el-table td.el-table__expanded-cell thead {
  display: none;
}

.el-table td.el-table__expanded-cell td {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}

.el-table td.el-table__expanded-cell tr>td:first-child>.cell:before {
  content: '└ ';
}

.cover-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.cover-uploader .el-upload:hover {
  border-color: #409EFF;
}

.cover-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 825px;
  height: 310px;
  line-height: 310px;
  text-align: center;
}

.cover {
  width: 825px;
  height: 310px;
  display: block;
}

.limit_height {
  height: 46px;
  display: flex;
  overflow: auto;
}

.limit_height .inner {
  margin: auto;
}

.spopper {
  width: 240px;
}

.contentView * {
  margin: 0;
  padding: 0;
}

hr {
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #e6e6e6;
}

ul li {
  list-style: none;
}

ul,
ul li {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

body {
  background: #f4f7f9;
}

.blue .bgheader {
  background: #0f44a0;
  color: #ffffff;
}

.blue .bgnav {
  background: #ecf0f2;
}

.blue .bgsection {
  background: #f4f7f9;
}

.bgwhite {
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ytgz.blue .leftsection h4 {
  color: #6892de;
}

.ytgz.blue .leftsection h4:hover {
  color: #ffffff;
}

.ytgz.blue .rightheader span {
  color: #f4f7f9;
  border-left: 1px solid #30579e;
}

.ytgz.blue header section {
  border-top: solid 1px #2255b2;
  min-height: 30%;
}

.ytgz.blue .nav {
  padding: 0 10px;
  height: 38px;
  border-bottom: solid 1px #dce0e2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#work {
  margin-right: 10px;
  font-size: 16px;
  cursor: pointer;
  color: #818ea2;
  text-shadow: 0 1px 0 #fff;
}

#work:hover {
  color: #424b50;
}

.nav_right .el-button {
  width: 10px;
  height: 10px;
}

.ytgz.blue .leftheader i.active {
  background-position: center right;
}

.ytgz.blue .card {
  color: #7d8499;
}

.ytgz.blue .rightheader li,
.ytgz.blue .leftheader li {
  color: #707b81;
}

.ytgz.blue .rightheader li:hover {
  background: #818ea2;
  color: #fff;
}

.ytgz.blue .rightheader ul,
.ytgz.blue .leftheader ul {
  background: #ffffff;
}

.ytgz {
  background: #f4f7f9;
  position: relative;
}

.ytgz header {
  min-height: 50px;
  min-width: 1280px;
}

.ytgz header.top {
  position: absolute;
  z-index: 998;
  width: 100%;
  left: 0;
  top: 0;

}

.ytgz header nav {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.ytgz header section {
  overflow: hidden;
  border-top: solid 1px #2255b2;
  padding: 10px 22px 20px 40px;
  display: none;
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
  height: auto;
}

.ytgz .leftheader {
  flex: 1;
  justify-content: center;
}

.ytgz .leftheader.loading .menuAll {
  display: none;
}

.ytgz .leftheader .menuAll {
  display: block;
}

.ytgz .leftheader span.tit {
  padding: 0 15px 0 10px;
}
.ytgz .bank{
    height: 32px;
    background: #E4EDFE;
    border-radius: 16px;
    color: #20439A;
    font-size: 14px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-top: 9px;
    margin-right: 20px;
    float: right;
}
.bank .bankIcon{
    margin-right: 6px;
    margin-top: -3px;
}

.ytgz .leftheader i {
  width: 20px;
  display: block;
  height: 12px;
  margin: 19px 19px 0 0;
  float: left;
  background: url(../images/top_menu.png) no-repeat center left;
  background-size: cover;
}

.ytgz .leftheader i:hover {
  background-position: center right;
}

.ytgz .rightheader {
  float: right;
  /* position: relative;
  flex: 1; */
}

.ytgz .rightheader span {
  font-size: 13px;
  color: #f4f7f9;
  height: 24px;
  margin: 13px 0;
  line-height: 25px;
  padding: 0 30px 0 60px;
  border-left: 1px solid #30579e;
  position: relative;
  float: right;
}

.ytgz .rightheader .personal {
  display: block;
  float: right;
  cursor: pointer;
}

.ytgz .rightheader .personal li {
  cursor: pointer;
}

.ytgz .rightheader span:before {
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  float: left;
  margin: 3px 10px auto auto;
  background: url(../images/top_icon.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 30px;
}

.ytgz .rightheader .icona {
  float: right;
  position: relative;
  margin-right: 25px;
}

.ytgz .rightheader .icona i {
  color: #98b8ef;
  font-size: 16px;
  cursor: pointer;
}

.ytgz .rightheader .icona i:hover {
  color: #fff;
}

.ytgz .rightheader .icona em {
  position: absolute;
  left: 8px;
  top: 5px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  background: #e6a23c;
  color: #0f44a0;
  border-radius: 100px;
  font-style: normal;
  font-size: 12px;
  cursor: pointer;
}

.ytgz .leftsection {
  float: left;
  overflow: hidden;
}

.ytgz .leftsection ul {
  width: 160px;
  float: left;
}

.ytgz .leftsection h3 {
  font-size: 18px;
}

.ytgz .leftsection h4 {
  font-size: 14px;
  max-width: 751px;
}

.ytgz .rightsection {
  float: right;
  min-width: 429px;
  border-left: 1px soild #174ba8;
}

#addcards {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav .label {
  display: flex;
  flex-direction: row-reverse;
}

.nav .label i {
  padding: 4px;
  border-radius: 50%;
  color: #818ea2;
  font-size: 16px;
  margin-left: 5px;
  cursor: pointer;
  transition: all .2s;
  opacity: 1;
  text-shadow: 0 1px 0 #fff;
}

.allcards {
  position: relative;
}

.nav .label i:hover {
  color: #424b50;
  background: rgba(0, 0, 0, .07);
}

.ytgz .card {
  width: 210px;
  height: 28px;
  line-height: 30px;
  background: url(../images/tab_page.png) no-repeat left 1px;
  background-size: cover;
  margin: 10px -16px 0 -10px;
  text-indent: 38px;
  color: #7d8499;
  position: relative;
  padding-right: 46px;
}

.ytgz .card.card_hidden {
  background-position: left bottom;
}

.ytgz .card .tab_close {
  width: 9px;
  height: 9px;
  float: right;
  display: inline-block;
  background: url(../images/tab_close2x.png) no-repeat left bottom;
  background-size: cover;
  margin-top: 12px;
  margin-right: -10px;
}

.ytgz .nav_right i {
  width: 22px;
  height: 44px;
  background: url(../images/tab_right_button2x.png) no-repeat 0 22px;
  background-size: cover;
  margin-top: -21px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.ytgz .nav_right i.active {
  margin-top: 1px;
}

.ytgz .nav_right i.active.allcards {
  background-position: 0 -22px;
}

.ytgz .nav_right i.active.lab {
  background-position: -44px -22px;
}

.ytgz .nav_right i.refresh {
  background-position: -22px 22px;
}

.ytgz .nav_right i.refresh:hover {
  background-position: -22px -22px;
  margin-top: 1px;
  margin-bottom: -20px;
}

.ytgz .nav_right i.lab {
  background-position: -44px 22px;
}

.ytgz .nav_right {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ytgz .allcards li {
  padding: 3px 15px;
}

.ytgz .allcards li:hover {
  background: #818ea2;
  color: #ffffff;
}

.ytgz .allcards li:hover a {
  color: #fff;
}

.ytgz .allcards ul {
  width: 250px;
  position: absolute;
  right: -14px;
  top: 30px;
  z-index: 100;
  font-size: 14px;
  color: #707b81;
  background: #fff;
  line-height: 26px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebeef5;
  font-style: normal;
  display: none;
  border-radius: 5px;
  overflow: hidden;
}

.ytgz .allcards ul li {
  border-bottom: 1px solid #ddd;
}

.ytgz .allcards ul li {
  text-shadow: none;
}

.ytgz .allcards ul li:last-child {
  border: none;
}

.gz_table1 .v-table-row td:nth-child(6) .v-table-body-cell {
  width: 100%;
  text-overflow: initial;
  overflow: hidden;
}

.gz_table1 .v-table-row td:nth-child(6) .v-table-body-cell span {
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  height: 115%;
}

.gz_table1 .v-table-row td:nth-child(5) .v-table-body-cell {
  width: 100%;
  text-overflow: initial;
  overflow: hidden;
}

.ytgz .allcards li:before {
  content: '';
  width: 6px;
  height: 6px;
  float: left;
  margin-top: 10px;
  background: transparent;
  margin-right: 10px;
  border-radius: 100%;
}

.table .el-input__inner {
  border: none;
}

.table .el-input-number__decrease {
  border: none;
  background: none;
}

.table .el-input-number__increase {
  border: none;
  background: none;
}

.table .el-input-number {
  width: 100%;
}

.ytgz .allcards li.active:before {
  background: #377dff;
}

.ytgz .allcards li:hover:after {
  content: '';
  width: 9px;
  height: 9px;
  float: right;
  display: inline-block;
  background: url(../images/tab_close2x.png) no-repeat right bottom;
  background-size: cover;
  margin-top: 8px;
}

.ytgz .nav_right i.close_tab {
  width: 0px;
  height: 0px;
  background: transparent;
}

.ytgz .nav_right i.close_tab {
  width: 9px;
  height: 20px;
  background: transparent;
  position: relative;
  right: 0px;
  top: 0px;
  z-index: 110;
  margin: 0 0 -20px 0;
}

i.work {
  width: 16px;
  height: 14px;
  background: url(../images/home2x.png) no-repeat left bottom;
  background-size: cover;
  margin-right: 8px;
}

i.work:hover,
i.work.active {
  background-position: right bottom;
}

.ytgz .section {
  padding: 15px;
}

footer {
  height: 50px;
  background: #f6f6f7;
  box-shadow: 0 -3px 18px rgba(0, 0, 0, 0.1);
  padding: 4px 7%;
}

.title {
  border-top: 3px solid #1989fa;
  font-size: 14px;
  color: #333333;
  background: #ffffff;
  height: 42px;
}

span.appop {
  display: block;
  font-size: 12px;
  color: #f2b252;
  line-height: 1;
}

span.ppidn {
  display: block;
  font-size: 12px;
  color: #97bbff;
  line-height: 1;
}

.wdialog .el-dialog__headerbtn {
  top: 15px;
}

.fftip {
  color: #f2b252;
  line-height: 1.4;
  font-size: 12px;
  margin-top: 5px;
}

.title h2 {
  font-size: 18px;
  margin: 13px 0 7px;
  float: left;
}

.title h2:before {
  content: '';
  width: 36px;
  height: 24px;
  float: left;
  background: url(../images/titleicon1.png) no-repeat 0 0;
  background-size: cover;
  margin: -1px 12px 6px 10px;
}

form.el-form .fftype .el-input--suffix .el-input__inner {
  background-color: #f5f7fa;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fftype {
  width: 60px;
  background-color: #f5f7fa;
}

.ffnin {
  width: calc(100% - 60px);
}

.ffnin .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.wpsel a {
  float: left;
  padding: 0 18px;
  height: 46px;
  line-height: 46px;
  border-right: 1px solid #e4e7ed;
}

.wpsel a.active {
  background-color: #FFF;
}

.wpnum {
  padding: 12px 40px;
  font-size: 13px;
  margin: 0;
}

.wpnum-pro ul li {
  float: left;
}

.wpnum-pro ul li span.bar {
  display: block;
  width: 100%;
  height: 8px;
  background-color: #0f44a0;
  border-right: 1px solid #FFF;
  box-sizing: border-box;
  margin: 8px 0;
}

.wpnum-pro ul li span.vv {
  white-space: nowrap;
  color: #377dff;
}

.wpnum-pro ul li span.vv:before {
  content: '';
  float: left;
  width: 8px;
  height: 8px;
  background-color: #0f44a0;
  vertical-align: middle;
  margin: 4px 5px 0 0;
}

.taps .tap_item {
  padding: 0 8px;
  margin-right: 16px;
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
}

.taps .tap_item.active {
  border-bottom: 2px solid #377dff;
}

.pproc {
  width: 96px;
  height: 10px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  position: relative;
}

.pproc span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 8px;
  background-color: #377dff;
  border-radius: 4px;
}

.pproc span.proc1 {
  z-index: 3;
  background-color: #377dff;
}

.pproc span.proc2 {
  z-index: 2;
  background-color: #f77d7d;
}

.pproc span.proc3 {
  z-index: 1;
  background-color: #f2b252;
}

a.wpexp {
  display: inline-block;
}

a.wpexp:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(static/images/wpexp.png) no-repeat 0 0;
  vertical-align: middle;
  margin-left: 2px;
}

a.wpexp.on:after {
  background-position: -13px 0;
}

.nnofix {
  margin-top: 6px;
}

.nnofix span {
  float: left;
  height: 30px;
  line-height: 28px;
  padding: 0 8px;
  background-color: #f5f7fa;
  border-radius: 3px;
  border: 1px solid #dcdfe6;
}

.nnofix .el-input {
  float: left;
  width: 168px;
  height: 30px;
}

.nnofix .el-input .el-input__inner {
  float: left;
  height: 30px;
  border-radius: 0;
}

.nnofix span.tagfixl {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.nnofix span.tagfixr {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nnofix span {
  padding: 0 16px;
  cursor: pointer;
}

.nnofix2 .el-input {
  width: 100px;
}

.nnofix2 .el-input .el-input__inner {
  text-align: center;
}

.ptab2.el-table {
  font-size: 13px;
  width: 100%;
}

.wpcont {
  margin-right: 9px;
  border: 3px solid #dfebfb;
  padding: 15px;
  overflow: hidden;
  background-color: #fff;
}

.ptab.el-table {
  font-size: 13px;
}

.ptab.el-table {
  width: calc(100% + 10px);
  max-width: none;
}

.ptab.el-table th {
  padding: 10px 0;
  white-space: nowrap;
  color: #333;
}

.ptab.el-table th:nth-child(13) {
  display: none;
}

.ptab.el-table tr>td:nth-child(13) {
  display: none;
}

.ptab.el-table td .cell {
  white-space: nowrap;
  color: #333;
}

.ptab .el-table__expand-icon:before {
  content: ''
}

.filter {
  padding: 0 20px;
}

.wptop {
  padding: 0 20px 0 0;
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  margin: 0;
  line-height: 28px;
  background-color: #ffffff;
  border-bottom: 2px solid #e4e7ed;
}

.wptop .el-col.el-col-8 {
  padding: 0;
}

.wptop .el-button--primary {
  float: right;
  background-color: #0f44a0;
  border-color: #0f44a0;
  margin-top: 8px;
  margin-left: 10px;
}

.wptop .el-button--primary:hover {
  background-color: #fff;
  color: #0f44a0;
}

.wptop .el-button--primary:hover span {
  color: #0f44a0;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 78px;
  height: 78px;
  line-height: 78px;
  text-align: center;
}

.itemtypeone {
  display: inline-block;
  padding: 11px 20px 5px 0;
  min-width: 220px;
}

.setCertificateUseSet .el-table th.is-leaf {
  background: none;
}

.setCertificateUseSet .el-checkbox:first-child {
  margin-right: 0;
}

.setCertificateUseSet .form .el-form-item__content {
  text-align: left;
}

.setCertificateUseSet .form {
  padding-bottom: 20px;
}

.ytgz-title-search {
  display: inline-block;
  width: auto;
}

.itemtypetwo,
.itemtypetwoleft {
  height: 30px;
  padding: 7px 9px 4px 0;
  min-width: 80px;
}

.itemtypetwoleft {
  float: left;
}

.itemtypetwo {
  float: right;
}

.itemtypetwo button,
.itemtypetwoleft button {
  font-size: 14px;
}

.table {
  background: #ffffff;
}

.title-cell-class-name-tit {
  background: #f9fbfe;
  color: #8e96a4;
}

.supernatant_con1_w_i .el-icon-star-off {
  float: right;
  margin-right: 14px;
  line-height: 38px;
}

.pg {
  height: 60px;
  padding-top: 5px;
  text-align: right;
  padding-right: 10px;
}

.fromitem {
  padding: 18px 73px 16px 47px;
  background: #ffffff;
  border-top: solid #eaeaea 1px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}

.itemtype25,
.itemtype25radio {
  float: left;
  height: 76px;
  padding: 0 15px;
  width: 25%;
}

.itemtype50 {
  float: left;
  height: 76px;
  padding: 0 15px;
  width: 50%;
}

.itemtype25 label,
.itemtype50 label,
.radiolabel {
  margin-bottom: 8px;
  display: block;
}

#new_html {
  width: 100%;
  height: calc(100% - 88px);
}

#new_html iframe {
  width: 100%;
  display: block;
}

.htmlstyle {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

.menuAll a {
  color: #ffffff;
}

.ytgz .leftheader a {
  float: left;
}

.from {
  padding: 2em;
}

.ytgz header section a {
  cursor: pointer;
}

.supernatant1 {
  width: 100%;
  height: 100%;
  z-index: 1001;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: white;
  box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.3);
  display: none;
}

.a_p.active i {
  color: #377dff;
  top: 8px;
  left: 170px;
}

.busAccept .tree-node-box .active>span {
  color: #000000;
  background: #ccc;
}

.busAccept .active span {
  color: #377dff;
}

.busAccept .active span.line,
.busAccept .active span.order {
  color: #377dff;
  background: #377dff;
}

.a_p.active i {
  color: #377dff;
  top: 8px;
  left: 170px;
}

.ansques {
  display: none;
}

.notarialdeed_float.table_document_float .select_bottom_item span {
  width: auto;

}


.middle_box_float_middle_left_item .expecialleft span.el-select__tags-text {
  text-align: left;
  width: auto;
}

.middle_box_float_middle_left_item .expecialleft span {
  width: auto;
}

.ytgz .el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 2;
  padding-top: 4px;
  position: absolute;
  top: 77%;
  left: 0;
  z-index: 999;
}

p.tips {
  height: 13px;
  margin: 0;
  position: absolute;
  top: 21px;
  color: red;
}

.select_input .card_type {
  width: 129px;
  float: left;
}

.add_app_supernatant_con_right .el-form-item__error {
  top: 80%;

}

#iframe4 input {
  margin-left: 45%;
  border: 0;
  background: #ffffff;
  font-size: 24px;
  margin-top: 40%;

}

.busAccept .report_approval_float .sign span {
  font-size: 14px;

}

.report_approval_float .sign .el-select {
  width: 106px;
}

.report_approval_float .sign .el-date-editor {
  width: 120px;

}

.report_approval_float .sign .el-date-editor .el-icon-time:before {
  content: '';
  display: none;
}

.report_approval_float .sign .el-input--prefix .el-input__inner,
.report_approval_float .sign .el-input--suffix .el-input__inner {
  padding: 6px;
}

.report_approval_float textarea:disabled {
  background: #fff;
}

.width130 {
  width: 120px;
  margin-bottom: 10px;
}

.report_approval_float .sign textarea.opinion {
  width: calc(100% - 287px);
  height: 191px;
}

.sign .footer .el-button {
  float: right;
  margin-right: 14px;
  margin-top: 4px;
}

.event_show {
  position: absolute;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  background: #ffffff;
  top: 0;
}

span.editWoord {
  display: block;
  margin: 0 auto;
  margin-top: 20%;
  color: #999;
  font-size: 52px;
  letter-spacing: 20px;
  text-align: center;

}

.leftheader .menuAll a.hover {
  background: #ffffff;
  color: #333333;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.1);
}

.leftheader .menuAll a {
  color: #ffffff;
  margin: 7px 0;
  height: 36px;
  line-height: 36px;
  border-radius: 5px 5px 0 0;
  padding: 0 17px;
}

.leftheader .content-menu {
  position: absolute;
  max-height: 496px;
  overflow: visible;
  background: #ffffff;
  left: 0;
  top: 40px;
  color: #333333;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 0 5px 5px 5px;
}

.leftheader .menuAll:last-child .content-menu, #sz .content-menu {
  left: 50%;
  transform: translateX(-50%);
}

.ytgz .leftheader span {
  position: relative;
  display: inline-block;
  float: left;
}

.leftheader ul li h4 {
  color: #333;
  margin: 0;
  min-width: 84px;
}

.leftheader ul li h4:before {
  width: 7px;
  height: 7px;
  display: block;
  content: '';
  background: transparent;
  float: left;
  margin-left: -23px;
  border: 1px solid #82888b;
  margin-top: 7px;
  border-radius: 12px;
}

.ytgz .leftheader li {
  overflow: hidden;
}

.leftheader .menuAll ul li a {
  color: #ffffff;
  line-height: 20px;
  height: 20px;
  padding-left: 40px;
}

.leftheader ul li a:hover h4 {
  color: #377dff;
}

.leftheader ul li a:hover h4:before {
  background: #377dff;
  border-color: #377dff;
}

.ytgz .rightheader .icons {
  float: right;
}
.ytgz .rightheader .el-badge {
  margin-right: 20px;
  line-height: 20px;
}
.ytgz .rightheader .el-badge__content {
  border: none;
  color: #0f44a0;
}
.ytgz .rightheader .icons a {
  cursor: pointer;
}
.ytgz .rightheader .icons i {
  font-size: 16px;
  color: #7599d7;
}
.ytgz .rightheader .icons i:hover {
  color: #fff;
}
.ytgz .rightheader ul {
  top: 30px;
  width: 120px;
  position: absolute;
  right: 10px;
  z-index: 999;
  font-size: 14px;
  padding: 7px 0;
  color: #707b81;
  background: #ffffff;
  line-height: 26px;
}

.ytgz.blue .rightheader li {
  color: #707b81;
}

.ytgz.blue .rightheader li:hover {
  background: #818ea2;
  color: #ffffff;
}

.ytgz.blue .rightheader li:hover a {
  color: #fff;
}

.ytgz.blue .rightheader ul {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  padding: 0;
  overflow: hidden;
}

.ytgz .rightheader li {
  padding: 3px 15px;
  border-bottom: 1px solid #ecf0f2;
}

.ytgz .rightheader li:last-child {
  border: none;
}

.leftheader ul h3 {
  margin: 7px 17px;
  font-size: 14px;
  background: #edf3ff;
  line-height: 28px;
  color: #666666;
  text-indent: 15px;
  min-width: 163px;
}

.ytgz .leftheader ul {
  padding: 7px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 690px;
  overflow: visible;
  border-radius: 5px;
}

.h_wrap a {
  margin: 0 10px 10px 0;
  font-size: 14px;
  color: #377dff;
  text-decoration-line: none;
}

.h_wrap h5 {
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}

.h_wrap h6 {
  font-size: 12px;
  color: #82888b;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}

.h_wrap {
  width: 1200px;
  height: auto;
  margin: 0 auto 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.h_wrap .h-main-left {
  flex: 1;
  width: 830px;
}

.h_wrap .h-main-left .h-top,
.h_wrap .h-main-left .quickAccept,
.h_wrap .h-main-left .outNet {
  width: 100%;
}
.h-main-midddle{
    margin-left: 10px;
    width: 400px;
    height: 400px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .02);
    border-radius: 4px;
    background-color: #ffffff;
}
.h-main-midddle .h-supermarket{
    height: 358px;
}
.h-supermarket{
    display: flex;
    flex-direction: column;
    font-size: 14px;

}
.h-supermarket-collection{
    display: flex;
    align-items: center;
}
.h-supermarket-collection li{
    flex: 1;
    margin:10px;
    border: 1px solid #e8eeff;
    padding: 5px 7px;
    background: #f8fbff;
    border-radius: 4px;
}
.h-supermarket-collection li p{
    margin: 5px 0;
}
.h-supermarket-article-list{
    flex: 1;
    overflow: auto;
    padding: 10px;
}
.h-supermarket-article-list li{
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.h-supermarket-article-list .tag{
    color: #409EFF;
    margin-right: 10px;
}

.h_wrap .h-top .h-item {
  cursor: pointer;
}

#quickaccept img {
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  transition: transform .4s;
}

.h_wrap .h_wrap .h-item {
  height: 120px;
  float: left;
  margin-right: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.h_wrap .h-bottom {
  margin-top: 20px;
}

.h_wrap .h-title {
  width: 100%;
  font-size: 16px;
  color: #333;
  padding: 10px 0;
}

.h_wrap .h-box {
  width: 4px;
  height: 16px;
  background: #377dff;
  float: left;
  margin: 3px 10px 0 0;
  border-radius: 0 100px 100px 0;
}

.h_wrap .h-item2 {
  cursor: pointer;
  display: block;
  width: 190px;
  height: 70px;
  background: #a3b7d8;
  margin: 0 10px 10px 0;
  float: left;
  position: relative;
  border-radius: 3px;
  transition: transform .3s;
  overflow: hidden;
}

.outNet .h-item2:hover {
  background: #2892e8;
}

.outNet .h-item2 {
  background: linear-gradient(to left, rgba(58, 156, 239, 1), rgba(58, 156, 239, .7));
}

.outNet .h-item2:last-child {
  margin-right: 0;
}

.outNet .h-item2 img {
  float: right;
  margin: 10px;
}

.h-item2.custom>img {
  opacity: .3;
  height: 60px;
  margin: 15px 15px 0 0;
}

.outNet .h-text2 {
  background: rgba(255, 255, 255, .2) !important;
}

.outNet .h-item2:hover .h-text1 {
  background: none;
}

.h_wrap .h-text1 {
  text-align: left;
  line-height: 42px;
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 16px;
  color: #ebf3ff;
}

.h_wrap .h-text2 {
  width: 190px;
  height: 28px;
  background: rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: 0;
  left: 0;
}

.h_wrap .h-text2 img {
  position: absolute;
  right: 10px;
  margin: 5px auto;
}

.h_wrap .h-t2 {
  font-size: 12px;
  color: #fff;
  line-height: 28px;
  position: absolute;
  left: 10px;
  color: ##ebf3ff;
}

.h_wrap .h-t2 i {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  margin: 0 2px;
  color: #fff;
}

.h_wrap .h-main-right {
  width: 360px;
  margin-left: 10px;
}


.h_wrap .h-list-line {
  width: 100%;
  height: 1px;
  background: #f0f2f5;
  margin: 15px 0;
}

.h_wrap .item span {
  width: 100%;
  display: block;
}

.h_wrap .h-list.title:before {
  width: 4px;
  content: '';
  height: 40px;
  background: #f0f2f5;
  display: block;
  float: left;
  margin-right: 8px;
}

.h_wrap .h-list.title.active:before {
  background: #327fff;
}

.h_wrap .h-list.title {
  overflow: hidden;
}

.h_wrap .item span {
  font-size: 14px;
}

.h_wrap .item .active span {
  color: #327fff;
}

.h_wrap .item i {
  font-size: 12px;
  color: #999999;
  font-style: normal;
}

.h_wrap .item i.el-icon-right {
  color: #377dff;
}

.h_wrap .h-list-block {
  width: 100%;
  height: 12px;
  background: transparent;
}

.h_wrap .hot div {
  clear: both;
  padding-top: 2px;
}

.h_wrap .hot p {
  color: #747474;
  font-size: 13px;
  padding-left: 39px;
}

.h_wrap .item .hot span {
  width: 70%;
  float: left;
}

.h_wrap .hot em {
  font-size: 12px;
  color: #999999;
  float: right;
  margin-right: 9px;
}

.h_wrap .hot img {
  float: left;
  margin-top: 12px;
}

.h_wrap .title {
  border-top: 0;
}

.ytgz .card a span {
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  width: 10em;
  overflow: hidden;
  text-indent: 0;
  text-overflow: ellipsis;
}

button.el-button.import {
  background: #377dff;
  border: 0;
}

button.el-button.gery {
  background: #cccccc;
  border: 0;
}

button.el-button.import>span,
button.el-button.gery>span {
  color: #fff;
}

.content-menu h4 {
  cursor: pointer;
}

/* div.middle_box.test, */
div.middle_box_float.test {
  height: 100%;
}

.blacklist {
  width: 500px;
  min-height: 100px;
  position: relative;
  z-index: 99999;
  background: rgb(255, 255, 255);
  top: -500px;
  left: 200px;
  overflow: hidden;
  border-radius: 3px;
}

.blacklist h3 {
  text-indent: 1em;
  border-bottom: 1px solid #ccc;
  margin: 0 0 16px 0;
  line-height: 40px;
  font-size: 17px;
}

.blacklist h3 span {
  font-size: 12px;
  color: orange;
}

.blacklist h3 i {
  float: right;
  margin: 12px;
  color: #666;
}

.blacklist .footer {
  width: 100%;
  overflow: hidden;
  box-shadow: 4px 0 10px rgba(0, 0, 0, 0.1);
  margin-top: 12px;
}

.blacklist .footer button {
  float: right;
  margin: 4px 8px 4px 0;
}

.blacklist fieldset {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 0 20px;
  border-top: 1px solid #ccc;
}

.blacklist legend {
  padding: 0 6px;
  color: #666;
  font-size: 15px;
}

label.special:before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
  margin-left: -1px;
}
.additional_info .el-icon-time,
.additional_info .el-icon-circle-close,
.serviceTime .el-icon-time,
.serviceTime .el-icon-circle-close {
  display: block;
  margin-left: 0;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }

  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }

  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}

body::before {
  content: url('/static/images/bloading.gif');
  width: 100%;
  height: 300px;
  left: 0;
  opacity: inherit;
  position: absolute;
  margin-top: -160px;
  top: 50%;
  font-size: 12px;
  color: #999;
  text-align: center;
}

body.done::before {
  display: none;
}

.loadTip {
  position: fixed;
  top: 5px;
  right: 5px;
  width: 60px;
  height: 60px;
  z-index: 9;
  font-size: 12px;
}

.loadTip .el-loading-spinner .el-loading-text {
  font-size: 12px;
}

.xtgl-middle {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 15px;
}

.xtgl-middle span {
  display: inline-block;
}

.xtgl-middle_box {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: white;
  border-top: 3px solid #1989fa;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.xtgl-elinput-box {
  margin-left: 10px;
  margin-right: 10px;
}

.xtgl-topcon {
  line-height: 40px;
}

.xtgl-label {
  font-size: 14px;
  color: #82888b;
}

.xtgl-floatLeft {
  float: left;
}

.xtgl-floatRight {
  float: right;
  margin-right: 10px;
}

.el-tableBox {
  padding: 0 10px;
}

.xtgl-float {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  height: 550px;
  box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.3);
  background: white;
  border-radius: 4px;
  z-index: 2000;
}

.xtgl-float-top {
  height: 50px;
  box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.1);
  background: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  line-height: 50px;
  font-size: 18px;
  padding-left: 20px;
}

.xtgl-float-con {
  height: 450px;
  padding: 20px;
  overflow-x: hidden;
}

.xtgl-float-footer {
  height: 60px;
  box-shadow: 0px -5px 10px 0px rgba(4, 0, 0, 0.1);
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 60px;
}

.xtgl-float-con-item .label {
  font-size: 14px;
  color: #82888b;
  text-align: right;
  width: 112px;
  display: inline-block;
}

.xtgl-float-con-item .el-input {
  width: 189px;
}

.xtgl-float-top .el-icon-close {
  float: right;
  font-size: 16px;
  color: #82888b;
  line-height: 50px;
  margin-right: 20px;
  cursor: pointer;
}

.fiestCen {
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  position: fixed;
  z-index: 2000;
}

.fiestCen .top {
  height: 60px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 14px;
  padding-left: 20px;
}

.fiestCen .content {
  height: calc(100% - 60px);
  background: #999;
  position: absolute;
  left: 0;
  width: 100%;
  top: 60px;
}

.title_click {
  background: #eee;
  border-radius: 4px;
  padding: 0 6px;
}

.add_app_supernatant_con_right.bjcr {
  width: 1080px;
}

.table_nthing {
  overflow-y: scroll;
}

.table_nthing::-webkit-scrollbar-track-piece {
  width: 8px;
  background-color: none;
}

.table_nthing::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 100px
}

.table_nthing::-webkit-scrollbar-thumb {
  height: 8px;
  background: #fff;
  cursor: pointer;
  border-radius: 100px
}

.table_nthing::-webkit-scrollbar-thumb:hover {
  background: #a4a5a6;
  cursor: pointer;
  border-radius: 100px
}

.table_applyPeople {
  overflow-y: scroll;
}

.table_applyPeople::-webkit-scrollbar-track-piece {
  width: 8px;
  background-color: none;
}

.table_applyPeople::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 100px
}

.table_applyPeople::-webkit-scrollbar-thumb {
  height: 8px;
  background: #fff;
  cursor: pointer;
  border-radius: 100px
}

.table_applyPeople::-webkit-scrollbar-thumb:hover {
  background: #a4a5a6;
  cursor: pointer;
  border-radius: 100px
}

.archive {
  position: absolute;
  width: 90%;
  height: 90%;
  background: rgb(255, 255, 255);
  z-index: 99;
  left: 50%;
  margin-left: -45%;
  top: 0px;
}

.archiveShade {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 98;

}

.archive h3 {
  text-indent: 16px;
  border-bottom: 1px solid;
  margin: 6px 0 0 0;
  padding: 0 0 6px 0;
}

.archive h3 i {
  float: right;
  margin-right: 20px;
}

.archive .content {
  padding: 0 16px 16px;
  overflow: hidden;
}

.archive h5 {
  clear: both;
  margin: 6px 0;
  padding: 0 0 8px 0;
  text-indent: 1em;
  /* border-top: 1px solid #ccc; */
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  color: orange;
}

.archive .left {
  width: 300px;
  height: 100%;
  float: left;
  position: relative;
}

.archive .right {
  width: calc(100% - 300px);
  float: right;
  height: 100%;
  border: 1px solid #ccc;
}

.chnaginputlength .el-input__inner {
  width: 200px;
}

.right_one_item .chnaginputlength .el-input {
  width: 200px;
}

.selectspecial .el-select__tags {
  max-width: 93px;
}

.selectspecial .el-table__header {
  width: 100% !important;
}

.selectspecial .el-table__body {
  width: 100% !important;
}

.otherList {
  padding: 30px;
  z-index: 999;
  position: absolute;
  right: -180px;
  overflow: hidden;
  width: 440px;
  height: 400px;
  box-shadow: 0 0 5px rgba(251, 236, 236, 0.3);
  background-color: white;
  height: auto;
}

.accreditater {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  z-index: 999;
  left: 0;
  margin-left: 0;
  top: 0px;
}

.notarybook {
  position: absolute;
  width: 80%;
  height: 80%;
  background: rgb(255, 255, 255);
  z-index: 1099;
  left: 50%;
  margin-left: -40%;
  top: 10%;
  min-height: 630px;
}

.hidemoretitlt {
  overflow: hidden;
  max-height: 20px;
}

.delapplicanticon {
  padding-top: 3px;
  padding-left: 3px;
  cursor: pointer;
  margin-bottom: -20px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  display: block;
  color: #8c939d;
}

i.delapplicanticon:hover {
  color: rgb(244, 125, 37);
}

.leftheader ul h2 {
  margin: 7px 17px;
  font-size: 14px;
  background: #edf3ff;
  line-height: 28px;
  color: #666666;
  padding-left: 10px;
}

.deferredCertificateApplicationshow,
.fixedContentshow,
.applywpapershow,
.supplementarNotaryshow,
.insideSurveyshow,
.onsideSurveyshow,
.insideSurvey2show,
.provSurveyshow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  display: none;
  overflow: scroll;
}

.errorState {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2003;
  display: none;
  overflow: scroll;
}

.deferredCertificateApplication h2, .insideSurvey h2, .onsideSurvey h2, .insideSurvey2 h2, .onsideSurvey2 h2, .provSurvey h2 {
  font-size: 20px;
  padding: 14px 20px;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.deferredCertificateApplication h3, .insideSurvey h3, .onsideSurvey h3, .insideSurvey2 h3, .onsideSurvey2 h3, .provSurvey h3 {
  font-size: 14px;
  padding: 8px 0 0;
  margin: 0;
}

.deferredCertificateApplication h4, .insideSurvey h4, .onsideSurvey h4, .insideSurvey2 h4, .onsideSurvey2 h4, .provSurvey h4 {
  font-size: 14px;
  padding: 10px 0 4px;
  margin: 0;
}

.deferredCertificateApplication .footer, .insideSurvey .footer, .onsideSurvey .footer, .insideSurvey2 .footer, .onsideSurvey2 .footer, .provSurvey .footer {
  width: 100%;
  height: 48px;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #eee;
}

.deferredCertificateApplication .content, .insideSurvey .content, .onsideSurvey .content, .insideSurvey2 .content, .onsideSurvey2 .content, .provSurvey .content {
  width: 100%;
  height: calc(100% - 102px);
  padding: 8px;
}

.deferredCertificateApplication .item33, .insideSurvey .item33 {
  width: 33.3%;
  float: left;
}

.deferredCertificateApplication .item25, .insideSurvey .item25 {
  width: 25%;
  float: left;
}

.deferredCertificateApplication .item75, .insideSurvey .item75 {
  width: 75%;
  float: left;
}

.deferredCertificateApplication .tableShow {
  width: 100%;
  min-height: 106px;
  margin-bottom: 15px;
  border-top: 1px solid #eee;
}

.insideSurvey .tableShow {
    width: 100%;
    margin-bottom: 15px;
}

.deferredCertificateApplication .tableShow2 {
  width: 100%;
  height: 180px;
  overflow: scroll;
  border-top: 2px solid #eee;
}

.deferredCertificateApplication .tableShow2 span, .insideSurvey .tableShow2 span {
  width: 100%;
  font-size: 13px;
}

.deferredCertificateApplication .tableShow2 h4 em,
.deferredCertificateApplication .tableShow2 span em {
  font-style: normal;
  font-size: 13px;
  color: #377dff;
}

.deferredCertificateApplication .tableShow2 span em.color2 {
  font-style: normal;
  font-size: 13px;
  color: #ff7364;
}

.deferredCertificateApplication .tableShow2 span:last-child i {
  margin-right: 6px;
}

.deferredCertificateApplication .tableShow2 span i {
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  border-radius: 100%;
  border: 2px solid #108ee9;
  margin-top: 2px;
  margin-right: 4px;
}

.deferredCertificateApplication .tableShow2 span i.icon2 {
  width: 2px;
  height: 8px;
  display: block;
  float: left;
  border-radius: 0;
  background: #e9e9e9;
  border: 0;
  position: relative;
  left: -11px;
  top: 14px;
  margin: 0;
}

.supplementarNotaryshow .content .el-form-item {
  margin-bottom: 6px;
}

.personalInfo {
  position: relative;
  z-index: 999;
  width: 110%;
  top: -342px;
  left: -5%;
  overflow: hidden;
  background: #ffffff;
}

.personalInfo h2 {
  font-size: 16px;
}

.uploadInfo .avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.uploadInfo .avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

.uploadInfo .avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 148px;
  height: 148px;
  line-height: 148px;
  text-align: center;
}

.uploadInfo .avatar {
  width: 178px;
  height: 178px;
  display: block;
}

.deferredCertificateApplication .left {
  width: 70%;
  height: 100%;
  float: left;
  border-right: 1px solid rgb(238, 238, 238);
}

.deferredCertificateApplication .right {
  width: calc(30% - 1px);
  height: 100%;
  float: right;
}

.deferredCertificateApplication .select_input .el-input {
  width: auto;
}

.deferredCertificateApplication .select_input .el-select {
  width: auto;
}

.deferredCertificateApplication .select_input .el-select .el-input .el-input__inner {
  background: #ffffff;
}

.specialWorkSty .deferredCertificateApplication .content {
  height: calc(100% - 32px);
}

.specialWorkSty span.but {
  float: right;
  border: 1px solid #377dff;
  padding: 3px 8px;
  margin-right: 10px;
  background: #377dff;
  color: #ffffff;
  border-radius: 4px;
}

.deferredCertificateApplication.specialWorkSty2 .el-form-item {
  margin-bottom: 4px;
}

.deferredCertificateApplication .right span {
  display: inline-block;
  width: 100%;
  margin: 6px 0 4px 8px;
}

.uploadInfo span em {
  float: right;
  font-style: normal;
  font-size: 15px;
  color: #377dff;
  cursor: pointer;
}

.receiveClassShowspan {
  width: 100%;
}

.translate .el-dialog__body {
  height: 412px;
}

.translate {
  z-index: 1998;
}

.translate .active {
  color: #0f44a0;
}

.translate .left {
  float: left;
  width: 200px;
  border: 1px solid #dcdfe6;
  margin: 0 0 10px 10px;
  padding: 0 10px;
  border-radius: 4px;
  box-shadow: 0 0 5px #ddd;
  background: #fff;
  height: 380px;
  overflow-y: scroll;
}

.translate .right {
  overflow: hidden;
  float: left;
  width: calc(100% - 220px);
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-shadow: 0 0 5px #ddd;
  background: #fff;
  height: 380px;
  overflow-y: scroll;
}

.fileReview .left {
  float: left;
  width: 238px;
  border-right: 1px solid #EBEEF5;
}

.fileReview .right {
  float: right;
}

.fileReview .el-form-item {
  margin-bottom: 4px;
}

.fileReview .select_input .el-input {
  width: 100%;
}

.fileReview .select_input .el-select {
  width: 100%;
}

/* 附加信息 fjinfoBox*/
.additionalInformation .cwBox {
  /* height: 160px; */
  padding: 4px 0;
}

.additionalInformation .fjinfoBox {
  padding: 4px 0;
}

.additionalInformation .left {
  width: 200px;
  display: inline-block;
  float: left;
  padding: 0 2px 0 0;
}

.additionalInformation .right {
  width: calc(100% - 211px);
  display: inline-block;
  float: right;
}

.additionalInformation .tipspan {
  overflow: hidden;
  height: 1rem;
  cursor: pointer;
  width: 100%;
  display: block;
  margin: 4px 0;
}

.additionalInformation .activetipspan {
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 5px;
  cursor: pointer;
  background: #409EFF;
  color: #fff;
  width: 100%;
  display: block;
}

.additionalInformation .activeTab {
  float: left;
  background: #409EFF;
  color: #fff;
  display: block;
  width: 100px;
  text-align: center;
  line-height: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}

.additionalInformation .tabss {
  margin-right: 10px;
  cursor: pointer;
  float: left;
  display: block;
  width: 100px;
  text-align: center;
  line-height: 1.5rem;
}

.additionalInformation .span2 .form-title span {
  width: 230px;
}

.additionalInformation .span3 .form-title span {
  /* width: calc(50% - 6px); */
  width: 220px;
  min-width: 150px;
}

.additionalInformation .span2 .fjxxform .el-form-item__content .el-input {
  width: 230px;
}

.additionalInformation .span3 .fjxxform .el-form-item__content .el-input {
  /* width: calc(50% - 6px); */
  width: 220px;
  min-width: 150px;
}

.additionalInformation .span2 div.divshow {
  border-bottom: 1px solid #cccccc;
}

.additionalInformation .addbutton {
  display: inline-block;
  width: 50px;
  height: 100px;
  line-height: 100px;
  position: relative;
  border: 1px solid #cccccc;
  text-align: center;
  right: 0;
  top: -30px;
  cursor: pointer;
}

.additionalInformation em {
  font-style: normal;
}
.additionalInformation .labels{
  width: 160px;
  display: inline-block;
  float: left;
  text-align: right;
}

.additionalInformation .labels i,
.additional_info_content_item i.star,
.starc {
  font-style: normal;
  color: orange;
  margin-right: 6px;
}

.additionalInformation .additional_info_content {
  padding: 0;
  margin-top: 4px;
}
.additionalInformation .labelsitem{
  width:calc( 100% - 160px );
  display: inline-block;
}

.fjxx.jscw .titles span {
  padding: 0 6px;
  width: 100%;
  cursor: pointer;
  display: block;
  white-space: nowrap;
}

.fjxx.jscw .gzswTitle .el-input__suffix {
  text-align: right !important;
}

.fjxx.jscw .titles span.active {
  color: #ffffff;
  background-color: #409EFF;
}

.payItem ul.scrollBox {
  overflow-y: auto;
}

.el-message--warning.setZindex {
  z-index: 3000;
}

.postoffice {
  line-height: 30px;
}

.postoffice .borderboxleft {
  border-right: 1px solid #cccccc;
}

.postoffice .borderboxright {
  border-left: 1px solid #cccccc;
  line-height: 35px;
  width: calc(100% - 200px);
}

.postoffice .borderboxright > div {
  display: flex;
  flex-direction: row;
}

.postoffice .borderboxright > div > span:nth-child(2) {
  flex: 1;
}

.postoffice .active {
  background-color: #377dff;
  color: #ffffff;
}

.postoffice .selectaddress .el-row {
  display: flex;
  flex-direction: row;
}

.postoffice .selectaddress .el-col {
  flex: 1;
  margin-right: 10px;
}

.postoffice .selectaddress .el-col:last-child {
  margin-right: 0;
}

.supernatant_con._common #selectAddress .el-input {
  width: 100%;
}

.supernatant_con._common #selectAddress .el-input__inner {
  width: 100%;
}

#importExls .el-dialog__body {
  height: calc(100% - 72px);
}

#showPdfBox .el-dialog__body {
  height: calc(100% - 30px);
}

.loadbtn {
  float: left;
}

.loadbtn .processBtn .el-button {
  padding: 2px 10px;
}

.loadbtn span {
  font-size: 12px;
  color: orange;
}

#app .el-dialog__header {
  padding: 20px 20px 0;
}

#importExls .el-dialog {
  margin-top: 10px;
}

.dossier {
  height: 100%;
}

.done .el-dropdown-menu__item {
  text-align: left !important;
}

.batchAccept .layout .bottom .btns .footer .el-button {
  float: right;
  margin-right: 14px;
}

.m-pagination {
  text-align: left !important;
}

.archive .files:before,
.file:before,
.new_files:before {
  top: 7px;
}

@font-face {
  font-family: 'iconfont';
  src: url('./iconfont/iconfont.woff2?t=1627612322835') format('woff2'),
    url('./iconfont/iconfont.woff?t=1627612322835') format('woff'),
    url('./iconfont/iconfont.ttf?t=1627612322835') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stat {
  display: flex;
  flex-direction: row;
}

.stat .stat-left ul {
  display: flex;
  flex-direction: row;
}

.stat .stat-left ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
  box-sizing: border-box;
  padding: 10px 0;
}

.stat .stat-left i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 26px;
  color: #fff;
  margin: 0 5px 0 10px;
}

.stat .stat-left ul li:nth-child(1) i {
  background-image: linear-gradient(to right, #4658e3, #5769f3);
}

.stat .stat-left ul li:nth-child(2) i {
  background-image: linear-gradient(to right, #fb971b, #ffa332);
}

.stat .stat-left ul li:nth-child(4) i em {
  display: inline-block;
  width: 29px;
  height: 29px;
  margin: 5px 0 0 3px;
  background: url('/static/images/home_imgs.png') 1px 2px;
}

.stat .stat-left ul li:nth-child(3) i {
  background-image: linear-gradient(to right, #02b403, #20d414);
}

.stat .stat-left ul li:nth-child(4) i {
  background-image: linear-gradient(to right, #7f6ffe, #9386f1);
}

.stat .stat-left ul li:nth-child(3) {
  border-bottom: none;
}

.stat .stat-left ul li:nth-child(4) {
  border-bottom: none;
}

.stat .stat-left ul li>div {
  width: 55px;
  font-size: 12px;
}

.stat .stat-left ul li>div p {
  margin: 5px 0 0 0;
  font-size: 14px;
  font-weight: bold;
}

.stat .stat-left ul li:nth-child(1) p {
  color: #4658e3;
}

.stat .stat-left ul li:nth-child(2) p {
  color: #fb971b;
}

.stat .stat-left ul li:nth-child(3) p {
  color: #02b403;
}

.stat .stat-left ul li:nth-child(4) p {
  color: #7f6ffe;
}

.stat .stat-right {
  flex: 1;
}

.stat #chart_1 {
  width: 100%;
  height: 100%;
}

#noticeView {
  margin-top: 10px;
}

.nomsg {
  margin: 0px 0 30px;
}

.nomsg em {
  width: 116px;
  height: 116px;
  background: url(/static/images/home_imgs.png) 0px -411px;
  float: none !important;
  display: block;
  margin: 0 auto 20px;
}

.czsc .downloadList {
  height: 198px;
  overflow-x: hidden;
  float: none;
}

.czsc h5 {
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}

.czsc h5 i {
  font-size: 40px !important;
  vertical-align: text-bottom;
  margin-right: 5px;
  color: #bec2cb !important;
}

.czsc h5 a {
  margin: 0 0 0 8px !important;
  transition: all .2s;
}

.czsc .block:hover {
  background: #ddedff;
}

.f-word,
.f-baiduYun,
.f-pdf {
  font-size: 0 !important;
  display: inline-block;
  margin-right: 5px;
}

.f-word {
  width: 17px;
  height: 21px;
  background: url(/static/images/home_imgs.png) -71px 0px;
}

.f-baiduYun {
  width: 19px;
  height: 16px;
  background: url(/static/images/home_imgs.png) -125px 0px;
}

.f-pdf {
  width: 17px;
  height: 21px;
  background: url(/static/images/home_imgs.png) -98px 0px;
}

.czsc .block {
  padding: 0px 8px;
  background: #f3f6fb;
  border-radius: 3px;
  color: #377dff;
  font-size: 12px;
}

.downloadClient {
  width: 360px;
  height: 150px;
  background: url(/static/images/home_imgs.png) 0px -251px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, .02);
  border-radius: 4px;
  margin-bottom: 10px;
}

.downloadClient h3 {
  color: #fff;
  margin: 0 10px 0 0;
  font-size: 16px;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.downloadClient h3 p {
  margin: 0 0 15px;
}

.downloadClient h3 a {
  float: left;
  background: #00b302;
  color: #fff;
  border-radius: 100px;
  padding: 4px 8px 4px 4px;
  font-size: 12px;
  text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  box-shadow: 0 -1px 0 rgb(255 255 255 / 50%);
  margin: 8px 0 0 8px;
  width: 81px;
  transition: all .3s;
}

.downloadClient h3 .btns {
  width: 180px;
  overflow: hidden;
  margin-left: 70px;
}

.downloadClient h3 a i {
  border-radius: 50%;
  padding: 3px;
  background: #088b09;
  margin-right: 4px;
  font-size: 14px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.downloadClient h3 a:hover {
  background: #09ca0d;
}

.home-card {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .02);
  border-radius: 4px;
}

.h-release {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.h-release .home-card {
  flex: 1;
  overflow-x: hidden;
}

.h-release .home-card ul {
  float: left;
  padding: 0 20px;
  min-height: 110px;
  max-height: 400px;
  overflow-x: hidden;
  width: 100%;
}

.releaseLog {
  height: 600px;
  overflow-x: hidden;
}

.releaseLog .el-card__body h3 {
  color: #409eff;
  font-weight: bold;
  margin: 0 0 5px;
}

.releaseLog .el-card__body p {
  margin: 0;
}

.h-release ul li {
  margin-bottom: 10px;
}

.h-more {
  font-size: 12px !important;
  margin: -2px 15px 0 !important;
}

.tooltip_1 {
  padding: 4px 2px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.tooltip_1 span {
  font-weight: bold;
  color: #ffb65c;
}

.cItem1,
.cItem2 {
  background: #f9fafe;
}

.cItem,
.cItem img {
  width: 100%;
}

.quickAccept {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.toAccept {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 5px;
  min-height: 92px;
}

.toAccept .btns {
  margin: 0 !important;
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.quickAccept .btns .accretion, .quickAccept .btns > a {
  padding: 8px 10px;
  background: #f8fbff;
  color: #333;
  margin: 5px;
  border-radius: 3px;
  cursor: pointer;
  width: 186px;
  opacity: .8;
  border: 1px solid #e8eeff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.quickAccept .btns a > i {
  margin: 0 3px 0 0;
  font-size: 16px;
  color: #377dff;
}

/* .quickAccept .btns a.accretion {
  background: #dee9ff !important;
} */

.quickAccept .sendEmail {
  display: flex !important;
}

.quickAccept .sendEmail>a {
  margin: 0;
}

.quickAccept .h-title {
  border-bottom: 1px solid #edf0f3;
}

.quickMain {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.quickTitle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 10px;
  font-size: 14px;
}

.quickTitle i {
  display: block;
  color: #fff;
  background: #377dff;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 5px;
  border-radius: 3px;
}

.quickLeft {
  width: 798px;
  border-right: 1px solid #edf0f3;
}

.dataSource {
  width: 100%;
  border-top: 1px solid #edf0f3;
  overflow: hidden;
}

.dataSource ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 5px;
}

.dataSource li {
  width: 252px;
  height: 70px;
  margin: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #f8fbff;
  border: 1px solid #e8eeff;
  padding: 10px 10px 10px 0;
}

.dataLeft {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px dashed #e8eeff;
}

.dataLeft img {
  height: 30px;
}

.dataLeft i {
  color: #377dff;
  font-size: 30px;
}

.dataLeft h3 {
  font-size: 14px;
  margin: 5px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5px;
  text-align: center;
}

.dataRight {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dataRight div .el-button--text span {
  font-size: 12px;
  color: #666;
}

.dataRight div .el-button--text i {
  font-size: 14px;
  color: #377dff;
}

.dataRight div.noData {
  cursor: default;
  font-size: 14px;
}

.dataRight i {
  font-style: normal;
  font-weight: bold;
  margin: 0 2px;
  color: #377dff;
}

.outNet {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 5px;
  border-top: 1px solid #edf0f3;
}

.outNet > a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 5px;
  width: 186px;
  border: 1px solid #e8eeff;
  border-radius: 4px;
  padding: 5px 7px;
  background: #f8fbff;
  position: relative;
}

.outNet > a img, .outNet > a > i {
  width: 40px;
  font-size: 40px;
  position: absolute;
  top: 9px;
  right: 10px;
  opacity: .05;
}

.outNet > a h2 {
  font-size: 14px;
  margin: 0;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.outNet > a ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.outNet > a ul li {
  font-size: 14px;
  cursor: pointer;
}

.outNet > a ul li .el-button span {
  color: #666;
  font-size: 12px;
}

.outNet > a ul li.noData {
  cursor: default;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}

.outNet > a ul li:first-child {
  margin-right: 5px;
}

.outNet > a > div {
  color: #a5a7ac;
  font-size: 14px;
  position: relative;
  z-index: 1;
}

.outNet>a>div i {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin: 0 2px;
  color: #377dff;
}

.eTong {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url('/static/images/home_imgs.png') -33px 0px;
}

#quickLink {
  overflow: hidden;
}

#quickLink .home-card {
  overflow: hidden;
}

#quickLink .btns, #quickLink1 .btns {
  float: left;
  overflow: hidden;
  margin: -10px 5px 5px;
}

#quickLink .btns>a>img {
  width: 153px;
}

#quickLink .btns>a {
  transition: all .2s;
}

#quickLink .btns>a:hover {
  background: #92a7ca;
}

.h_wrap .h-item2 {
  width: 160px;
  margin: 5px;
}

#quickLink .home-card:nth-child(2) .btns>a {
  background: #6290e6;
}

#quickLink .home-card:nth-child(2) .btns>a:hover {
  background: #5481d4;
}

#quickLink1 .h-item2 {
  background: #6992dc;
}

#quickLink1 .btns>a:hover {
  background: #5e85ce;
}

.quickRight {
  flex: 1;
}

.quickRight .outNet .bigCol a, .quickRight .home-card, .quickRight .outNet .bigCol a {
  width: 186px;
}

.quickRight .outNet .bigCol a {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 105px;
  background: url(/static/images/gzsw_skin.jpg);
  background-size: 100% 100%;
  margin: 5px;
  font-size: 16px;
}

.quickRight .outNet .bigCol i {
  font-size: 35px;
  margin-right: 5px;
}

.quickRight .dataLeft {
  width: 80px;
}

.quickRight .dataLeft i {
  font-size: 40px;
}

.quickRight .dataRight h3 {
  margin: 0 0 5px;
  font-size: 14px;
}

.dataSource li:hover, .quickAccept .btns > a:hover, .quickAccept .btns a.accretion:hover, .quickAccept .escrowCon a.accretion:hover, .outNet > a:hover {
  background: #f1f7ff!important;
  border-color: #c8e0fb!important;
}

.carousel {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.carousel .el-carousel {
  margin: 0 10px;
  cursor: pointer;
}

.carousel .btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 5px;
}

.carousel .btns a {
  padding: 8px 10px;
  background: #ecf0f2;
  color: #333;
  margin: 5px;
  border-radius: 3px;
  cursor: pointer;
  width: 154px;
  transition: all .2s;
  opacity: .8;
  border: 1px solid #c5c7c9;
  box-sizing: border-box;
  font-size: 13px;
}

.carousel .btns a i {
  margin-right: 5px;
  vertical-align: bottom;
  color: #377dff;
}

.span3 .divshow {
  border-bottom: 1px dashed #e6e6e6;
}

.span2 .divshow {
  border-bottom: 1px dashed #e6e6e6;
}

.span3 .el-button--mini,
.el-button--mini.is-round {
  padding: 4px 8px;
}

.myupload .avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.myupload .el-upload {
  position: relative;
}

.myupload .fileName {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding: 0 10px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
}

.myupload .avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

.myupload .avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
}

.myupload .urlSlot {
  width: 120px;
  height: 120px;
}

.myupload .suffix {
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.myupload .avatar {
  width: 120px;
  height: 120px;
  display: block;
}

.myupload .showIcon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #409EFF;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.addForm .line {
  display: block;
  width: 100%;
  margin: 0;
  background: #dcdfe6;
}

.addForm h3 {
  font-weight: bold;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #f4f4f5;
  padding: 5px 0px;
  color: #377dff;
  width: 100%;
}

.addForm h3::before {
  content: "";
  width: 4px;
  height: 16px;
  background: #377dff;
  border-radius: 0 100px 100px 0;
  margin-right: 10px;
}

.addForm .el-alert {
  margin-bottom: 20px;
}

.addForm .el-input,
.addForm .el-select,
.addForm .el-date-editor,
.addForm .el-rate,
.addForm .el-textarea {
  width: 200px;
}

.addForm.long .el-input,
.addForm.long .el-select,
.addForm.long .el-date-editor,
.addForm.long .el-rate,
.addForm.long .el-textarea,
.addForm.long .areaselect {
  /* width: 300px; */
  display: inline-block;
}

.addForm.long .el-form-item__error {
  margin-left: 10px;
}

.addForm .el-select .el-input {
  width: 100%;
}

.addForm .el-rate {
  margin-top: 4px;
}

.el-button.danger i, .el-button.danger span {
  color: #F56C6C;
}
.el-select__tags {
    display:flex;
    flex-wrap:nowrap;
}
.el-select__tags-text {
    max-width: 80px;  
    display: inline-block;
    overflow: hidden;
    vertical-align:bottom;
    text-overflow:ellipsis;
}
.myUpload .avatar-uploader .el-upload {
    border: none;
}
.el-tabs__nav-wrap {
    padding-left: 10px;
}
.bank{
    cursor: pointer;
    float: right;
}
.accountManager{
  padding-top:1px;
}
.accountManager .el-input,
.accountManager .el-select{
    width: 220px !important;
}
.bankManForm .el-input,
.bankManForm .el-select{
    width: 400px !important;
}
.bankManForm .el-form-item {
  margin-bottom: 30px;
}
.accountManager .el-form--inline .el-form-item__label{
    padding-right: 12px;
}
.newNet {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    border-top: 1px solid #edf0f3;
}
.newNet .system-col {
    width: 186px;
    background: #f8fbff;
    margin: 5px;
    border: 1px solid #e8eeff;
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 14px;
    color: #a5a7ac;
}
.newNet .system-col .sys-name{
    font-size: 16px;
    margin-bottom: 5px;
    color:#333;
}
.newNet .system-col .value{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    margin: 0 2px;
    color: #377dff;
}
.newNet .system-col .pointer {
    color: #666;
    cursor: pointer;
    font-size: 12px;
}
.home-warning-conatiner .noticeTab{
    margin: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #ddd;
}
.home-warning-conatiner .el-tabs__header {
  margin: 0 0 -2px;
}
.home-warning-conatiner .warningMore {
  margin: 0 10px 0 0;
  font-size: 12px;
  cursor: pointer;
  line-height: 38px;
}
.home-warning-conatiner .toAccept{
    max-height: 250px;
    overflow-y: auto;
    margin: 10px;
}
.home-warning-conatiner .home-warning-item{
    color: #333;
    font-size: 14px !important;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-warning-conatiner .home-warning-item .warning {
    color: #fb971b;
    margin: 0 3px;
    cursor: pointer;
    max-width: 200px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
}
.home-warning-list {
  width: 100%;
  height: 158px;
}
.home-warning-conatiner .home-warning-item:last-child {
  margin: 0;
}
.externalDevice .settingBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  left: 40px;
  bottom: 20px;
  font-size: 18px;
  color: #205082;
  opacity: .7;
}
.externalDevice .settingBtn:hover {
  opacity: 1;
}
.externalDevice .settingBtn i {
  font-size: 24px;
}
.externalDeviceBox > li {
  margin-bottom: 15px;
  border: 1px solid #ebeef5;
}
.externalDeviceBox > li h3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #eff3f5;
  height: 35px;
  border-bottom: 1px solid #ebeef5;
  font-size: 14px;
  margin: 0;
}
.externalDeviceBox > li h3 i {
  color: #2a5699;
  margin: 0 5px 0 10px;
}
.externalDeviceBox > li > ul {
  padding: 10px;
}
.externalDeviceBox > li > ul > li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
  padding-bottom: 10px;
}
.externalDeviceBox > li > ul > li:last-child {
  margin: 0;
  border: none;
  padding: 0;
}
.externalDeviceBox > li > ul > li label {
  margin-right: 10px;
}