.tabsInfo .header[data-v-7acc1b56] {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.tabsInfo .btns[data-v-7acc1b56] {
  display: flex;
  justify-content: flex-end;
}
.tabsInfo .btns[data-v-7acc1b56] .el-button {
  border-radius: 0;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
}
.tabsInfo[data-v-7acc1b56]  th {
  padding: 4px 0;
  background: #f5f6fa;
}
.tabsInfo[data-v-7acc1b56]  th .cell {
  text-align: center;
  color: #999999;
  font-size: 12px;
}
.tabsInfo[data-v-7acc1b56]  td {
  padding: 8px 0;
}
.tabsInfo[data-v-7acc1b56]  td .cell {
  text-align: center;
  color: #212121;
  font-size: 12px;
}
.tabsInfo .name[data-v-7acc1b56] {
  color: #b42023;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
}
.tabsInfo .operation[data-v-7acc1b56] {
  color: #b42023;
  cursor: pointer;
  font-size: 12px;
}
.tabsInfo .operation.active[data-v-7acc1b56] {
  color: #f95a5a;
}
.tabsInfo .loading[data-v-7acc1b56] {
  color: #ffb47a;
}
.tabsInfo .error[data-v-7acc1b56] {
  color: #f95a5a;
}
.tabsInfo .success[data-v-7acc1b56] {
  color: #41aaff;
}
.tabsInfo .operationBtn[data-v-7acc1b56] .el-button {
  border-radius: 0;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
}
.tabsInfo .search[data-v-7acc1b56] {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.tabsInfo .search[data-v-7acc1b56] .el-input__inner {
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  width: 200px;
}
.tabsInfo .select[data-v-7acc1b56] {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.tabsInfo .select span[data-v-7acc1b56] {
  display: inline-block;
  width: 45px;
}
.tabsInfo .select .el-input__inner[data-v-7acc1b56] {
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  width: 150px;
}
.tabsInfo .select .el-input__icon[data-v-7acc1b56] {
  line-height: 35px;
}
.btn[data-v-7acc1b56] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.btn[data-v-7acc1b56] .el-button {
  border-radius: 0;
  height: 35px;
  line-height: 35px;
  padding: 0 40px;
}
[data-v-7acc1b56] .el-table__body-wrapper {
  height: auto !important;
}
[data-v-7acc1b56] .el-table__empty-block {
  height: auto !important;
}
[data-v-7acc1b56] .cellLink .cell {
  cursor: pointer;
  color: #41aaff !important;
  font-weight: 700;
}
[data-v-7acc1b56] .cellLink .cell:hover {
  text-decoration: underline;
}
.paginationWrap[data-v-7acc1b56] {
  display: flex;
  justify-content: flex-end;
}
[data-v-7acc1b56].green .cell div {
  color: #41aaff;
}
[data-v-7acc1b56].main .cell div {
  color: #41aaff;
}
[data-v-7acc1b56].el-table__fixed-body-wrapper {
  top: 43px !important;
  height: calc(100% - 51px) !important;
}
[data-v-7acc1b56] .el-table__fixed-right-patch,[data-v-7acc1b56] thead > tr {
  height: 43px !important;
}
.history[data-v-6da5c9c6] {
  font-size: 12px;
  color: blue;
  cursor: pointer;
}
.time[data-v-6da5c9c6] {
  padding: 15px;
  max-height: 500px;
  overflow: auto;
}
.time h3[data-v-6da5c9c6] {
  padding-bottom: 10px;
  font-size: 14px;
  margin: 0;
}
.time .name p[data-v-6da5c9c6] {
  font-size: 12px;
}
.time .name h4[data-v-6da5c9c6] {
  margin-right: 5px;
  margin: 0;
}
.time .info[data-v-6da5c9c6] {
  padding: 5px 0;
  color: #b9b9b9;
}
[data-v-6da5c9c6].el-card__body {
  padding: 10px !important;
}
[data-v-6da5c9c6].el-card.is-always-shadow {
  box-shadow: none;
}
[data-v-6da5c9c6].el-timeline-item {
  padding-bottom: 0;
}
ul[data-v-6da5c9c6] {
  padding: 0;
  margin: 0;
}

.ApprovalProcessStyle .el-card__body {
  padding: 10px !important;
  border: 1px solid #e4e7ed;
}
.processStyle .el-popover {
  padding: 0px !important;
}

.MateSearchPopover .content {
  height: 300px;
  overflow-y: auto;
  position: relative;
}
.MateSearchPopover .rowTable .row-th {
  z-index: 20;
  position: sticky;
  top: 0;
}
.MateSearchPopover .rowTable .row-hd {
  cursor: pointer;
}
.MateSearchPopover .rowTable .row-hd:hover {
  background: rgba(246, 248, 250, 0.8);
}
.MateSearchPopover .nomore {
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}
.red[data-v-09be34fe] {
  color: #b42023;
}
.switch[data-v-c027b5ea] {
  display: flex;
  align-items: center;
}
.screenPopover[data-v-c027b5ea] {
  padding: 0;
  margin: 0;
}
.screenPopover .main[data-v-c027b5ea] {
  padding: 10px 12px 0 12px;
}
.screenPopover .main .el-input__inner[data-v-c027b5ea] {
  background: #f5f5f5;
  border: 0;
  height: 32px;
  line-height: 32px;
}
.screenPopover .main .el-input__icon[data-v-c027b5ea] {
  line-height: 32px;
}
.screenPopover .other[data-v-c027b5ea] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px 12px;
  background: #f7f8fa;
  border-top: 1px solid #e6e6e6;
}
.screenPopover .other > p[data-v-c027b5ea] {
  font-size: 12px;
  color: #212121;
  padding-left: 5px;
}
.screenPopover .btn[data-v-c027b5ea] {
  display: flex;
  align-items: center;
}
.screenPopover .searchList[data-v-c027b5ea] {
  padding: 5px 12px;
  max-height: 200px;
  overflow-y: auto;
}
.screenPopover .searchList .item[data-v-c027b5ea] {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.screenPopover .searchList .item[data-v-c027b5ea]:hover {
  cursor: move;
}
.screenPopover .searchList .el-switch[data-v-c027b5ea] {
  transform: scale(0.8);
}
.screenPopover .searchList .el-switch[data-v-c027b5ea]:hover {
  cursor: pointer;
}
.screenPopover .searchList p[data-v-c027b5ea] {
  font-size: 12px;
  padding-left: 5px;
}
.screenPopover .searchList p .active[data-v-c027b5ea] {
  background: #b42023;
  color: #ffffff;
}
.el-popover.screenPopover {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.no-header-dialog .el-dialog__header {
  padding: 0 !important;
}

[data-v-260f2ed1] .el-dialog__body {
  padding: 0;
}
.box_content[data-v-260f2ed1] {
  display: flex;
  align-items: center;
  overflow: auto;
  position: relative;
}
.ContentRef[data-v-260f2ed1] {
  width: 880px;
  padding: 0 10px;
  height: calc(100vh - 110px);
  overflow: auto;
}
.btnWraps[data-v-260f2ed1] {
  position: fixed;
  bottom: 0;
  display: flex;
  left: 0;
  justify-content: center;
  padding: 100px 0 5px 0;
  width: 100%;
  padding-bottom: 45px;
}
.el-card__body[data-v-260f2ed1] {
  width: 100%;
}
.tips[data-v-4bf07ad8] {
  font-weight: bold;
  margin: 10px;
  padding-left: 12px;
  border-left: 2px solid #b42023;
}
.listWrap[data-v-4bf07ad8] {
  border: 1px solid #ccc;
  width: 100%;
}
.listWrap .tag[data-v-4bf07ad8] {
  border-radius: 0;
  margin: 6px;
}
.listWrap .input-new-tag[data-v-4bf07ad8] {
  width: 220px;
  margin: 6px;
  vertical-align: bottom;
}
.listWrap .input-new-tag[data-v-4bf07ad8]  .el-input__inner {
  padding: 0 8px;
  border: 0;
}
.el-upload[data-v-4bf07ad8] {
  width: 200px !important;
}

.address[data-v-5e8af7c3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}


.red[data-v-3a8bd7a3] {
  margin: 10px 0;
}
.address[data-v-3a8bd7a3] {
  position: absolute;
  right: 0;
  top: -40px;
}

[data-v-dd30d464].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh !important;
}
.topnav[data-v-dd30d464] {
  background: #fff;
}
.container[data-v-dd30d464] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-dd30d464] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-dd30d464]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-dd30d464] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-dd30d464] {
  font-size: 14px;
}
.container .section .name div[data-v-dd30d464]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-dd30d464]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: bold;
  padding-top: 5px;
}
.container .buttons[data-v-dd30d464] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-dd30d464] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-dd30d464] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-dd30d464] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-dd30d464] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-dd30d464] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-dd30d464] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-dd30d464] .buttons > .el-button.editbtn, .container[data-v-dd30d464] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-dd30d464] .buttons > .el-button.editbtn:hover, .container[data-v-dd30d464] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-dd30d464] .buttons > .el-button.taskPass, .container[data-v-dd30d464] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-dd30d464] .buttons > .el-button.taskPass:hover, .container[data-v-dd30d464] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-dd30d464] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
  margin: 0;
}
.flexRow li[data-v-dd30d464] {
  padding-right: 60px;
}
.flexRow li[data-v-dd30d464]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-dd30d464]:nth-child(1) {
  font-size: 12px !important;
  color: #666666;
}
.flexRow li div[data-v-dd30d464]:nth-child(2) {
  color: #212121;
  font-weight: bold;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-dd30d464] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-dd30d464] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-dd30d464] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-dd30d464] {
  color: #f95a5a;
}
.subpage[data-v-dd30d464] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-dd30d464] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-dd30d464] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-dd30d464] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-dd30d464]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-dd30d464]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-dd30d464] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-dd30d464] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #409EFF;
  color: #212121;
}
.tabs[data-v-dd30d464] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-dd30d464] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 230px);
  overflow-y: auto;
}
.tabs[data-v-dd30d464] .el-tabs__nav-next,
.tabs[data-v-dd30d464] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-dd30d464] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-dd30d464] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-dd30d464] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-dd30d464] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-dd30d464] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-dd30d464] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-dd30d464] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-dd30d464] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-dd30d464] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-dd30d464] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-dd30d464] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-dd30d464] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-dd30d464] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-dd30d464] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-dd30d464] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-dd30d464] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-dd30d464] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-dd30d464]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-dd30d464]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-dd30d464],
.infos .cardsSuccess .email[data-v-dd30d464] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-dd30d464],
.infos .cardsSuccess .email i[data-v-dd30d464] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-dd30d464],
.infos .cardsSuccess .email span[data-v-dd30d464] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-dd30d464] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-dd30d464] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-dd30d464] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-dd30d464] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-dd30d464]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-dd30d464] {
  padding: 10px 0;
}
.contactsSelect[data-v-dd30d464] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-dd30d464] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-dd30d464] {
  height: calc(100vh - 256px);
}
.singleSubpage.withProcess[data-v-dd30d464] .el-tabs__content {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
.singleSubpage[data-v-dd30d464]:not(.withProcess) {
  height: calc(100vh - 159px);
}
.singleSubpage[data-v-dd30d464]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 215px);
  overflow-y: auto;
}
.singleSubpage[data-v-dd30d464] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-dd30d464] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-dd30d464] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-dd30d464] .el-tabs__nav-next,
.singleSubpage[data-v-dd30d464] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-dd30d464] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-dd30d464]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-dd30d464],
.otherBtnPopover li:hover i[data-v-dd30d464] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-dd30d464] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-dd30d464] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-dd30d464] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-dd30d464] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-dd30d464] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-dd30d464] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-dd30d464] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-dd30d464] {
  display: flex;
}
.processStyle li[data-v-dd30d464] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-dd30d464] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-dd30d464]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-dd30d464]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-dd30d464]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-dd30d464]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-dd30d464] {
  background: red;
}
.processStyle .error strong[data-v-dd30d464] {
  color: #ffffff;
}
.processStyle .error[data-v-dd30d464]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-dd30d464] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-dd30d464] {
  color: #666666;
}
.processStyle .loading[data-v-dd30d464]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-dd30d464] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-dd30d464]:hover {
  text-decoration: underline;
}
[data-v-dd30d464].el-table__empty-block {
  height: auto !important;
}
.drawer[data-v-dd30d464] {
  position: relative;
}
.drawer .close[data-v-dd30d464] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-dd30d464]::before,
.drawer .close[data-v-dd30d464]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-dd30d464]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-dd30d464]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-dd30d464] .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
[data-v-dd30d464].el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.tabs[data-v-dd30d464] {
  width: 100%;
  margin-right: 0;
}
ul[data-v-dd30d464] {
  list-style: none;
}
p[data-v-a779116c] {
  margin: 0;
  padding: 0;
}
[data-v-a779116c].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #000;
}
.topnav[data-v-a779116c] {
  background: #ffffff;
}
.container[data-v-a779116c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-a779116c] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-a779116c]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-a779116c] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-a779116c] {
  font-size: 14px;
}
.container .section .name div[data-v-a779116c]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-a779116c]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: 600;
  padding-top: 5px;
}
.container .buttons[data-v-a779116c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-a779116c] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-a779116c] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-a779116c] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-a779116c] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-a779116c] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-a779116c] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-a779116c] .buttons > .el-button.editbtn, .container[data-v-a779116c] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-a779116c] .buttons > .el-button.editbtn:hover, .container[data-v-a779116c] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-a779116c] .buttons > .el-button.taskPass, .container[data-v-a779116c] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-a779116c] .buttons > .el-button.taskPass:hover, .container[data-v-a779116c] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-a779116c] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
}
.flexRow li[data-v-a779116c] {
  padding-right: 60px;
}
.flexRow li[data-v-a779116c]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-a779116c]:nth-child(1) {
  font-size: 12px;
  color: #666666;
}
.flexRow li div[data-v-a779116c]:nth-child(2) {
  color: #212121;
  font-weight: 600;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-a779116c] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-a779116c] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-a779116c] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-a779116c] {
  color: #f95a5a;
}
.subpage[data-v-a779116c] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-a779116c] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-a779116c] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-a779116c] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-a779116c]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-a779116c]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-a779116c] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-a779116c] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.tabs[data-v-a779116c] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-a779116c] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.tabs[data-v-a779116c] .el-tabs__nav-next,
.tabs[data-v-a779116c] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-a779116c] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-a779116c] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-a779116c] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-a779116c] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-a779116c] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-a779116c] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-a779116c] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-a779116c] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-a779116c] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-a779116c] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-a779116c] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-a779116c] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-a779116c] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-a779116c] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-a779116c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-a779116c] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-a779116c] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-a779116c]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-a779116c]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-a779116c],
.infos .cardsSuccess .email[data-v-a779116c] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-a779116c],
.infos .cardsSuccess .email i[data-v-a779116c] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-a779116c],
.infos .cardsSuccess .email span[data-v-a779116c] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-a779116c] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-a779116c] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-a779116c] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-a779116c] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-a779116c]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-a779116c] {
  padding: 10px 0;
}
.contactsSelect[data-v-a779116c] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-a779116c] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-a779116c] {
  height: calc(100vh - 306px);
}
.singleSubpage.withProcess[data-v-a779116c] .el-tabs__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
.singleSubpage[data-v-a779116c]:not(.withProcess) {
  height: calc(100vh - 209px);
}
.singleSubpage[data-v-a779116c]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 265px);
  overflow-y: auto;
}
.singleSubpage[data-v-a779116c] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-a779116c] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-a779116c] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-a779116c] .el-tabs__nav-next,
.singleSubpage[data-v-a779116c] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-a779116c] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-a779116c]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-a779116c],
.otherBtnPopover li:hover i[data-v-a779116c] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-a779116c] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-a779116c] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-a779116c] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-a779116c] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-a779116c] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-a779116c] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-a779116c] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-a779116c] {
  display: flex;
}
.processStyle li[data-v-a779116c] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-a779116c] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-a779116c]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-a779116c]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-a779116c]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-a779116c]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-a779116c] {
  background: red;
}
.processStyle .error strong[data-v-a779116c] {
  color: #ffffff;
}
.processStyle .error[data-v-a779116c]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-a779116c] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-a779116c] {
  color: #666666;
}
.processStyle .loading[data-v-a779116c]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-a779116c] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-a779116c]:hover {
  text-decoration: underline;
}
[data-v-a779116c].el-table__empty-block {
  height: auto !important;
}
ul[data-v-a779116c] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer[data-v-a779116c] {
  position: relative;
}
.drawer .close[data-v-a779116c] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-a779116c]::before,
.drawer .close[data-v-a779116c]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-a779116c]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-a779116c]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-a779116c]  .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
.processPopoverStyle[data-v-a779116c] .el-popover__title {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 8px;
}
.processPopoverStyle .content[data-v-a779116c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.processPopoverStyle .content .sign[data-v-a779116c] {
  position: relative;
  padding-right: 10px;
}
.processPopoverStyle .content .list[data-v-a779116c] {
  padding-left: 10px;
  position: relative;
}
.processPopoverStyle .content .list[data-v-a779116c]::after {
  content: "";
  height: 80%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.processPopoverStyle .content p[data-v-a779116c] {
  color: #212121;
  padding: 0 10px 8px 10px;
}
.processPopoverStyle .content p[data-v-a779116c]:nth-child(1) {
  padding-top: 8px;
}
.processPopoverStyle .content strong[data-v-a779116c] {
  display: block;
}
[data-v-a779116c] .el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.flexRow li[data-v-a779116c] {
  padding-right: 40px;
}
.red[data-v-a779116c] {
  color: #b42023 !important;
}
.table[data-v-a779116c] .el-table__empty-block {
  height: 10px !important;
}

.red[data-v-da86c016] {
  margin: 10px 0;
}
.address[data-v-da86c016] {
  position: absolute;
  right: 0;
  top: -40px;
}

.head[data-v-2908664e] {
  margin-bottom: 10px;
}
.head .kh[data-v-2908664e] {
  margin-bottom: 10px;
}

.red[data-v-cf08cbce] {
  margin: 10px 0;
}
.address[data-v-cf08cbce] {
  position: absolute;
  right: 0;
  top: -40px;
}
.buttonDiv[data-v-cf08cbce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.titleTabs[data-v-6404e1ea] {
  padding: 0 15px;
}
.header[data-v-6404e1ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 0;
  position: relative;
}
.message-header .title-icon[data-v-6404e1ea] {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.message-header .title[data-v-6404e1ea] {
  font-size: 18px;
  font-weight: 600;
}
.headerNav[data-v-6404e1ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
}
.headerNav .iconfont[data-v-6404e1ea] {
  font-size: 23px;
  padding-right: 10px;
}
.headerNav span[data-v-6404e1ea] {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
}
.headerHandle[data-v-6404e1ea] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerHandle .addBtn[data-v-6404e1ea] {
  height: 35px;
  width: 103px;
  padding: 0 12px;
  margin-left: 10px;
  background: #3ac8a3;
  color: #ffffff;
  border-color: transparent;
}
.headerHandle .addBtn[data-v-6404e1ea]:hover {
  background: rgba(58, 200, 163, 0.8);
}
.headerHandle .addBtn i[data-v-6404e1ea] {
  font-size: 14px;
  margin-right: 6px;
}
.headerHandle .norepeat[data-v-6404e1ea] {
  width: 56px;
  height: 35px;
  padding: 0 13px;
}
.headerHandle .otherHandler[data-v-6404e1ea] {
  height: 35px;
  width: 35px;
  padding: 0 8px;
}
.headerHandle .otherHandler i[data-v-6404e1ea] {
  font-size: 1px;
  display: inline-block;
  transform: translate(-18px) scale(0.5);
}
.main[data-v-6404e1ea] {
  background: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(51, 52, 57, 0.05);
  border-radius: 2px;
}
.tableHeaderWrap[data-v-6404e1ea] {
  position: relative;
  padding: 20px;
  min-height: 55px;
  display: flex;
  align-items: center;
}
.tableUnselected[data-v-6404e1ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tableUnselected .name[data-v-6404e1ea] {
  display: inline-block;
  padding-right: 15px;
}
.tableUnselected .customerGroups[data-v-6404e1ea],
.tableUnselected .el-input[data-v-6404e1ea] {
  width: 180px;
}
.tableUnselected .customerGroups .el-input__inner[data-v-6404e1ea],
.tableUnselected .el-input .el-input__inner[data-v-6404e1ea] {
  height: 35px;
  color: #212121;
  font-size: 14px;
}
.tableUnselected .customerGroups .el-input__inner[data-v-6404e1ea]::placeholder,
.tableUnselected .el-input .el-input__inner[data-v-6404e1ea]::placeholder {
  color: #212121;
  font-size: 14px;
}
.tableUnselected .customerGroups .el-input__suffix i[data-v-6404e1ea],
.tableUnselected .el-input .el-input__suffix i[data-v-6404e1ea] {
  color: #212121;
}
.tableUnselected .screen[data-v-6404e1ea] {
  height: 35px;
  margin-left: 10px;
  line-height: 35px;
  padding: 0;
  width: 108px;
  background: #409EFF;
  color: #ffffff;
  border: 0px;
}
.tableUnselected .screen[data-v-6404e1ea]:hover {
  background: rgba(64, 158, 255, 0.8);
}
.tableUnselected .screen i[data-v-6404e1ea] {
  margin-right: 12px;
}
.tableUnselected .btn[data-v-6404e1ea] {
  position: absolute;
  top: 0;
  right: 20px;
  background: #409EFF;
  color: #ffffff;
}
.tableUnselected .select[data-v-6404e1ea] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tableSelected[data-v-6404e1ea] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
}
.tableSelected #sum[data-v-6404e1ea] {
  min-width: 81px;
  margin-right: 10px;
}
.tableSelected #sum span[data-v-6404e1ea] {
  margin: 0 2px;
  color: #409EFF;
}
.tableSelected .el-button[data-v-6404e1ea] {
  background: #f5f6fa;
  border-radius: 15px;
  height: 26px;
  line-height: 0;
  padding: 0 15px;
}
.tableSelected .el-button i[data-v-6404e1ea] {
  margin-right: 4px;
  font-size: 12px;
}
.tableSelected .el-button span[data-v-6404e1ea] {
  font-size: 12px;
  color: #212121;
}
.tableSelected .el-button[data-v-6404e1ea]:focus {
  background: #212121;
  color: #ffffff;
  border: 1px solid #212121;
}
.tableSelected .el-button:focus span[data-v-6404e1ea] {
  color: #ffffff;
}
.tableSelected .el-button:hover i[data-v-6404e1ea],
.tableSelected .el-button:hover span[data-v-6404e1ea] {
  color: #409EFF;
}
.paginationWrap[data-v-6404e1ea] {
  padding-right: 20px;
  height: 66px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.empty-wrap[data-v-6404e1ea] {
  padding: 40px 0;
  text-align: center;
}
.pagination .btn-prev[data-v-6404e1ea],
.pagination .btn-next[data-v-6404e1ea],
.pagination li[data-v-6404e1ea] {
  border: 1px solid #eeeeee;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.pagination .el-pager .number[data-v-6404e1ea] {
  font-size: 14px;
}
.pagination .el-pager .more[data-v-6404e1ea] {
  padding: 3px;
}
.pagination .el-pager .active[data-v-6404e1ea] {
  background-color: #409EFF !important;
  color: #ffffff;
}
.pagination .el-pagination__sizes[data-v-6404e1ea] {
  width: 80px;
}
.pagination .el-pagination__sizes .el-input[data-v-6404e1ea] {
  margin-left: 8px;
  width: 80px;
}
.pagination .el-pagination__sizes .el-input .el-input__inner[data-v-6404e1ea] {
  height: 36px;
  width: 80px;
  font-size: 12px;
}
.pagination .el-pagination__sizes .el-input .el-input__suffix[data-v-6404e1ea] {
  position: relative;
  left: -26px;
}
.pagination .el-pagination__total[data-v-6404e1ea] {
  margin-left: 8px;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}
.pagination .el-pagination__jump[data-v-6404e1ea] {
  font-size: 12px;
  height: 36px;
}
.pagination .el-pagination__jump .el-input__inner[data-v-6404e1ea] {
  height: 36px;
  width: 36px;
  font-size: 14px;
}
[data-v-6404e1ea] .cellLink .cell {
  cursor: pointer;
  color: #409EFF;
}
[data-v-6404e1ea] .cellLink .cell span {
  font-weight: bold;
}
[data-v-6404e1ea] .cellLink .cell:hover {
  text-decoration: underline;
}
.green .cell span[data-v-6404e1ea] {
  color: #02c751;
}
.red .cell span[data-v-6404e1ea] {
  color: #409EFF;
}
.yellow .cell span[data-v-6404e1ea] {
  color: #f69a23;
}
.tableImg[data-v-6404e1ea] {
  max-width: 120px;
  max-height: 120px;
  cursor: pointer;
}
.seacher-condition[data-v-6404e1ea] {
  display: flex;
  align-items: center;
}
.seacher-condition .el-input__inner[data-v-6404e1ea] {
  line-height: 35px;
  height: 35px;
}
.seacher-condition .el-input__icon[data-v-6404e1ea] {
  line-height: 35px;
  color: #b9b9b9;
}
[data-v-6404e1ea] .el-input-group__append {
  color: #fff !important;
  background-color: #409EFF !important;
}
[data-v-1f69ea8e].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh !important;
}
.topnav[data-v-1f69ea8e] {
  background: #fff;
}
.container[data-v-1f69ea8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-1f69ea8e] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-1f69ea8e]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-1f69ea8e] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-1f69ea8e] {
  font-size: 14px;
}
.container .section .name div[data-v-1f69ea8e]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-1f69ea8e]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: bold;
  padding-top: 5px;
}
.container .buttons[data-v-1f69ea8e] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-1f69ea8e] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-1f69ea8e] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-1f69ea8e] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-1f69ea8e] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-1f69ea8e] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-1f69ea8e] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-1f69ea8e] .buttons > .el-button.editbtn, .container[data-v-1f69ea8e] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-1f69ea8e] .buttons > .el-button.editbtn:hover, .container[data-v-1f69ea8e] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-1f69ea8e] .buttons > .el-button.taskPass, .container[data-v-1f69ea8e] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-1f69ea8e] .buttons > .el-button.taskPass:hover, .container[data-v-1f69ea8e] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-1f69ea8e] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
  margin: 0;
}
.flexRow li[data-v-1f69ea8e] {
  padding-right: 60px;
}
.flexRow li[data-v-1f69ea8e]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-1f69ea8e]:nth-child(1) {
  font-size: 12px !important;
  color: #666666;
}
.flexRow li div[data-v-1f69ea8e]:nth-child(2) {
  color: #212121;
  font-weight: bold;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-1f69ea8e] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-1f69ea8e] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-1f69ea8e] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-1f69ea8e] {
  color: #f95a5a;
}
.subpage[data-v-1f69ea8e] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-1f69ea8e] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-1f69ea8e] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-1f69ea8e] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-1f69ea8e]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-1f69ea8e]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-1f69ea8e] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-1f69ea8e] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #409EFF;
  color: #212121;
}
.tabs[data-v-1f69ea8e] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-1f69ea8e] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 230px);
  overflow-y: auto;
}
.tabs[data-v-1f69ea8e] .el-tabs__nav-next,
.tabs[data-v-1f69ea8e] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-1f69ea8e] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-1f69ea8e] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-1f69ea8e] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-1f69ea8e] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-1f69ea8e] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-1f69ea8e] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-1f69ea8e] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-1f69ea8e] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-1f69ea8e] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-1f69ea8e] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-1f69ea8e] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-1f69ea8e] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-1f69ea8e] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-1f69ea8e] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-1f69ea8e] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-1f69ea8e] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-1f69ea8e] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-1f69ea8e]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-1f69ea8e]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-1f69ea8e],
.infos .cardsSuccess .email[data-v-1f69ea8e] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-1f69ea8e],
.infos .cardsSuccess .email i[data-v-1f69ea8e] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-1f69ea8e],
.infos .cardsSuccess .email span[data-v-1f69ea8e] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-1f69ea8e] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-1f69ea8e] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-1f69ea8e] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-1f69ea8e] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-1f69ea8e]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-1f69ea8e] {
  padding: 10px 0;
}
.contactsSelect[data-v-1f69ea8e] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-1f69ea8e] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-1f69ea8e] {
  height: calc(100vh - 256px);
}
.singleSubpage.withProcess[data-v-1f69ea8e] .el-tabs__content {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
.singleSubpage[data-v-1f69ea8e]:not(.withProcess) {
  height: calc(100vh - 159px);
}
.singleSubpage[data-v-1f69ea8e]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 215px);
  overflow-y: auto;
}
.singleSubpage[data-v-1f69ea8e] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-1f69ea8e] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-1f69ea8e] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-1f69ea8e] .el-tabs__nav-next,
.singleSubpage[data-v-1f69ea8e] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-1f69ea8e] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-1f69ea8e]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-1f69ea8e],
.otherBtnPopover li:hover i[data-v-1f69ea8e] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-1f69ea8e] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-1f69ea8e] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-1f69ea8e] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-1f69ea8e] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-1f69ea8e] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-1f69ea8e] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-1f69ea8e] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-1f69ea8e] {
  display: flex;
}
.processStyle li[data-v-1f69ea8e] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-1f69ea8e] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-1f69ea8e]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-1f69ea8e]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-1f69ea8e]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-1f69ea8e]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-1f69ea8e] {
  background: red;
}
.processStyle .error strong[data-v-1f69ea8e] {
  color: #ffffff;
}
.processStyle .error[data-v-1f69ea8e]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-1f69ea8e] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-1f69ea8e] {
  color: #666666;
}
.processStyle .loading[data-v-1f69ea8e]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-1f69ea8e] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-1f69ea8e]:hover {
  text-decoration: underline;
}
[data-v-1f69ea8e].el-table__empty-block {
  height: auto !important;
}
.drawer[data-v-1f69ea8e] {
  position: relative;
}
.drawer .close[data-v-1f69ea8e] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-1f69ea8e]::before,
.drawer .close[data-v-1f69ea8e]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-1f69ea8e]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-1f69ea8e]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-1f69ea8e] .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
[data-v-1f69ea8e].el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.tabs[data-v-1f69ea8e] {
  width: 100%;
  margin-right: 0;
}
ul[data-v-1f69ea8e] {
  list-style: none;
}
.tips[data-v-bd7135fe] {
  font-weight: bold;
  margin: 10px;
  padding-left: 12px;
  border-left: 2px solid #b42023;
}
.conten[data-v-bd7135fe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.conten .conten-item[data-v-bd7135fe] {
  display: flex;
  align-items: center;
  margin: 8px;
}
.conten .conten-item .left[data-v-bd7135fe] {
  width: 85px;
}
[data-v-2e27a8c0].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh !important;
}
.topnav[data-v-2e27a8c0] {
  background: #fff;
}
.container[data-v-2e27a8c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-2e27a8c0] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-2e27a8c0]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-2e27a8c0] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-2e27a8c0] {
  font-size: 14px;
}
.container .section .name div[data-v-2e27a8c0]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-2e27a8c0]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: bold;
  padding-top: 5px;
}
.container .buttons[data-v-2e27a8c0] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-2e27a8c0] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-2e27a8c0] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-2e27a8c0] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-2e27a8c0] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-2e27a8c0] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-2e27a8c0] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-2e27a8c0] .buttons > .el-button.editbtn, .container[data-v-2e27a8c0] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-2e27a8c0] .buttons > .el-button.editbtn:hover, .container[data-v-2e27a8c0] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-2e27a8c0] .buttons > .el-button.taskPass, .container[data-v-2e27a8c0] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-2e27a8c0] .buttons > .el-button.taskPass:hover, .container[data-v-2e27a8c0] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-2e27a8c0] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
  margin: 0;
}
.flexRow li[data-v-2e27a8c0] {
  padding-right: 60px;
}
.flexRow li[data-v-2e27a8c0]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-2e27a8c0]:nth-child(1) {
  font-size: 12px !important;
  color: #666666;
}
.flexRow li div[data-v-2e27a8c0]:nth-child(2) {
  color: #212121;
  font-weight: bold;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-2e27a8c0] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-2e27a8c0] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-2e27a8c0] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-2e27a8c0] {
  color: #f95a5a;
}
.subpage[data-v-2e27a8c0] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-2e27a8c0] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-2e27a8c0] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-2e27a8c0] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-2e27a8c0]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-2e27a8c0]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-2e27a8c0] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-2e27a8c0] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #409EFF;
  color: #212121;
}
.tabs[data-v-2e27a8c0] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-2e27a8c0] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 230px);
  overflow-y: auto;
}
.tabs[data-v-2e27a8c0] .el-tabs__nav-next,
.tabs[data-v-2e27a8c0] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-2e27a8c0] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-2e27a8c0] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-2e27a8c0] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-2e27a8c0] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-2e27a8c0] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-2e27a8c0] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-2e27a8c0] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-2e27a8c0] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-2e27a8c0] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-2e27a8c0] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-2e27a8c0] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-2e27a8c0] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-2e27a8c0] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-2e27a8c0] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-2e27a8c0] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-2e27a8c0] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-2e27a8c0] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-2e27a8c0]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-2e27a8c0]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-2e27a8c0],
.infos .cardsSuccess .email[data-v-2e27a8c0] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-2e27a8c0],
.infos .cardsSuccess .email i[data-v-2e27a8c0] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-2e27a8c0],
.infos .cardsSuccess .email span[data-v-2e27a8c0] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-2e27a8c0] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-2e27a8c0] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-2e27a8c0] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-2e27a8c0] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-2e27a8c0]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-2e27a8c0] {
  padding: 10px 0;
}
.contactsSelect[data-v-2e27a8c0] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-2e27a8c0] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-2e27a8c0] {
  height: calc(100vh - 256px);
}
.singleSubpage.withProcess[data-v-2e27a8c0] .el-tabs__content {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
.singleSubpage[data-v-2e27a8c0]:not(.withProcess) {
  height: calc(100vh - 159px);
}
.singleSubpage[data-v-2e27a8c0]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 215px);
  overflow-y: auto;
}
.singleSubpage[data-v-2e27a8c0] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-2e27a8c0] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-2e27a8c0] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-2e27a8c0] .el-tabs__nav-next,
.singleSubpage[data-v-2e27a8c0] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-2e27a8c0] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-2e27a8c0]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-2e27a8c0],
.otherBtnPopover li:hover i[data-v-2e27a8c0] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-2e27a8c0] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-2e27a8c0] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-2e27a8c0] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-2e27a8c0] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-2e27a8c0] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-2e27a8c0] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-2e27a8c0] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-2e27a8c0] {
  display: flex;
}
.processStyle li[data-v-2e27a8c0] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-2e27a8c0] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-2e27a8c0]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-2e27a8c0]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-2e27a8c0]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-2e27a8c0]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-2e27a8c0] {
  background: red;
}
.processStyle .error strong[data-v-2e27a8c0] {
  color: #ffffff;
}
.processStyle .error[data-v-2e27a8c0]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-2e27a8c0] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-2e27a8c0] {
  color: #666666;
}
.processStyle .loading[data-v-2e27a8c0]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-2e27a8c0] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-2e27a8c0]:hover {
  text-decoration: underline;
}
[data-v-2e27a8c0].el-table__empty-block {
  height: auto !important;
}
.drawer[data-v-2e27a8c0] {
  position: relative;
}
.drawer .close[data-v-2e27a8c0] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-2e27a8c0]::before,
.drawer .close[data-v-2e27a8c0]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-2e27a8c0]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-2e27a8c0]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-2e27a8c0] .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
[data-v-2e27a8c0].el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.tabs[data-v-2e27a8c0] {
  width: 100%;
  margin-right: 0;
}
ul[data-v-2e27a8c0] {
  list-style: none;
}
.closeType[data-v-2e27a8c0] {
  top: 40% !important;
}
.avatarBig[data-v-58225a2c] {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatarBig[data-v-58225a2c]  img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.avatarSmall[data-v-58225a2c] {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatarSmall[data-v-58225a2c]  img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.avatarMini[data-v-58225a2c] {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatarMini[data-v-58225a2c]  img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.item[data-v-58225a2c] {
  border: 1px solid #e3e4e6;
  margin-bottom: 10px;
  border-radius: 4px;
}
.item .top[data-v-58225a2c] {
  padding: 20px 20px 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item .top .user[data-v-58225a2c] {
  display: flex;
  align-items: center;
}
.item .top[data-v-58225a2c]  .el-image {
  margin-right: 12px;
}
.item .top p[data-v-58225a2c]:nth-child(1) {
  font-weight: 600;
  color: #666666;
  line-height: 20px;
}
.item .top p[data-v-58225a2c]:nth-child(2) {
  line-height: 20px;
  color: #666666;
  font-size: 12px;
}
.item .top > span[data-v-58225a2c] {
  color: #666666;
  font-size: 12px;
}
.item .top > span i[data-v-58225a2c] {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.item .middle-man[data-v-58225a2c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item .middle[data-v-58225a2c] {
  padding: 6px 20px 10px 60px;
  flex: 1;
}
.item .middle p[data-v-58225a2c]:nth-child(1) {
  display: flex;
  align-items: center;
  padding: 8px 8px 0;
  border-radius: 4px;
  margin: 10px 0;
}
.item .middle p:nth-child(1) .iconfont[data-v-58225a2c] {
  font-size: 30px;
  color: #ffb47a;
  padding-right: 6px;
  cursor: pointer;
}
.item .middle p:nth-child(1) span[data-v-58225a2c] {
  cursor: pointer;
  color: #b42023;
}
.item .middle p:nth-child(1) span[data-v-58225a2c]:hover {
  text-decoration: underline;
}
.item .middle p:nth-child(2) .iconfont[data-v-58225a2c] {
  font-size: 14px;
  padding-right: 6px;
}
.item .middle p:nth-child(2) .iconic2[data-v-58225a2c] {
  color: #02c751;
}
.item .middle p:nth-child(2) .icontixing[data-v-58225a2c] {
  color: #f69a23;
}
.item .middle p:nth-child(2) .iconclose[data-v-58225a2c] {
  color: #b42023;
}
.item .bottom[data-v-58225a2c] {
  background: #f8faff;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
}
.item .passBtn[data-v-58225a2c] {
  background: #02c751;
  color: #ffffff;
  border: transparent;
}
.item .passBtn[data-v-58225a2c]:hover {
  background: rgba(2, 199, 81, 0.8);
}
.content[data-v-58225a2c] {
  background: #f8faff;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.content .company[data-v-58225a2c] {
  font-size: 14px;
  text-align: right;
  padding-right: 8px;
}
P[data-v-58225a2c] {
  margin: 0;
  padding: 0;
}
p[data-v-32715b1c] {
  margin: 0;
  padding: 0;
}
[data-v-32715b1c].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #000;
}
.topnav[data-v-32715b1c] {
  background: #ffffff;
}
.container[data-v-32715b1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-32715b1c] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-32715b1c]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-32715b1c] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-32715b1c] {
  font-size: 14px;
}
.container .section .name div[data-v-32715b1c]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-32715b1c]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: 600;
  padding-top: 5px;
}
.container .buttons[data-v-32715b1c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-32715b1c] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-32715b1c] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-32715b1c] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-32715b1c] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-32715b1c] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-32715b1c] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-32715b1c] .buttons > .el-button.editbtn, .container[data-v-32715b1c] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-32715b1c] .buttons > .el-button.editbtn:hover, .container[data-v-32715b1c] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-32715b1c] .buttons > .el-button.taskPass, .container[data-v-32715b1c] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-32715b1c] .buttons > .el-button.taskPass:hover, .container[data-v-32715b1c] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-32715b1c] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
}
.flexRow li[data-v-32715b1c] {
  padding-right: 60px;
}
.flexRow li[data-v-32715b1c]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-32715b1c]:nth-child(1) {
  font-size: 12px;
  color: #666666;
}
.flexRow li div[data-v-32715b1c]:nth-child(2) {
  color: #212121;
  font-weight: 600;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-32715b1c] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-32715b1c] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-32715b1c] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-32715b1c] {
  color: #f95a5a;
}
.subpage[data-v-32715b1c] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-32715b1c] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-32715b1c] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-32715b1c] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-32715b1c]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-32715b1c]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-32715b1c] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-32715b1c] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.tabs[data-v-32715b1c] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-32715b1c] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.tabs[data-v-32715b1c] .el-tabs__nav-next,
.tabs[data-v-32715b1c] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-32715b1c] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-32715b1c] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-32715b1c] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-32715b1c] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-32715b1c] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-32715b1c] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-32715b1c] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-32715b1c] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-32715b1c] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-32715b1c] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-32715b1c] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-32715b1c] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-32715b1c] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-32715b1c] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-32715b1c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-32715b1c] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-32715b1c] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-32715b1c]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-32715b1c]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-32715b1c],
.infos .cardsSuccess .email[data-v-32715b1c] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-32715b1c],
.infos .cardsSuccess .email i[data-v-32715b1c] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-32715b1c],
.infos .cardsSuccess .email span[data-v-32715b1c] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-32715b1c] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-32715b1c] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-32715b1c] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-32715b1c] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-32715b1c]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-32715b1c] {
  padding: 10px 0;
}
.contactsSelect[data-v-32715b1c] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-32715b1c] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-32715b1c] {
  height: calc(100vh - 306px);
}
.singleSubpage.withProcess[data-v-32715b1c] .el-tabs__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
.singleSubpage[data-v-32715b1c]:not(.withProcess) {
  height: calc(100vh - 209px);
}
.singleSubpage[data-v-32715b1c]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 265px);
  overflow-y: auto;
}
.singleSubpage[data-v-32715b1c] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-32715b1c] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-32715b1c] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-32715b1c] .el-tabs__nav-next,
.singleSubpage[data-v-32715b1c] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-32715b1c] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-32715b1c]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-32715b1c],
.otherBtnPopover li:hover i[data-v-32715b1c] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-32715b1c] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-32715b1c] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-32715b1c] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-32715b1c] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-32715b1c] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-32715b1c] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-32715b1c] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-32715b1c] {
  display: flex;
}
.processStyle li[data-v-32715b1c] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-32715b1c] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-32715b1c]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-32715b1c]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-32715b1c]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-32715b1c]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-32715b1c] {
  background: red;
}
.processStyle .error strong[data-v-32715b1c] {
  color: #ffffff;
}
.processStyle .error[data-v-32715b1c]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-32715b1c] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-32715b1c] {
  color: #666666;
}
.processStyle .loading[data-v-32715b1c]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-32715b1c] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-32715b1c]:hover {
  text-decoration: underline;
}
[data-v-32715b1c].el-table__empty-block {
  height: auto !important;
}
ul[data-v-32715b1c] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer[data-v-32715b1c] {
  position: relative;
}
.drawer .close[data-v-32715b1c] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-32715b1c]::before,
.drawer .close[data-v-32715b1c]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-32715b1c]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-32715b1c]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-32715b1c]  .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
.processPopoverStyle[data-v-32715b1c] .el-popover__title {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 8px;
}
.processPopoverStyle .content[data-v-32715b1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.processPopoverStyle .content .sign[data-v-32715b1c] {
  position: relative;
  padding-right: 10px;
}
.processPopoverStyle .content .list[data-v-32715b1c] {
  padding-left: 10px;
  position: relative;
}
.processPopoverStyle .content .list[data-v-32715b1c]::after {
  content: "";
  height: 80%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.processPopoverStyle .content p[data-v-32715b1c] {
  color: #212121;
  padding: 0 10px 8px 10px;
}
.processPopoverStyle .content p[data-v-32715b1c]:nth-child(1) {
  padding-top: 8px;
}
.processPopoverStyle .content strong[data-v-32715b1c] {
  display: block;
}
[data-v-32715b1c] .el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.flexRow li[data-v-32715b1c] {
  padding-right: 40px;
}
.red[data-v-32715b1c] {
  color: #b42023 !important;
}
.table[data-v-32715b1c] .el-table__empty-block {
  height: 10px !important;
}

.tips[data-v-2156f6cc] {
  font-weight: bold;
  margin: 10px;
  padding-left: 12px;
  border-left: 2px solid #b42023;
}

.head[data-v-b030eefa] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 40px;
}
.head div[data-v-b030eefa]:first-child {
  margin-right: 50px;
}
[data-v-9bf3ddca].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh !important;
}
.topnav[data-v-9bf3ddca] {
  background: #fff;
}
.container[data-v-9bf3ddca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-9bf3ddca] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-9bf3ddca]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-9bf3ddca] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-9bf3ddca] {
  font-size: 14px;
}
.container .section .name div[data-v-9bf3ddca]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-9bf3ddca]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: bold;
  padding-top: 5px;
}
.container .buttons[data-v-9bf3ddca] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-9bf3ddca] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-9bf3ddca] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-9bf3ddca] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-9bf3ddca] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-9bf3ddca] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-9bf3ddca] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-9bf3ddca] .buttons > .el-button.editbtn, .container[data-v-9bf3ddca] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-9bf3ddca] .buttons > .el-button.editbtn:hover, .container[data-v-9bf3ddca] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-9bf3ddca] .buttons > .el-button.taskPass, .container[data-v-9bf3ddca] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-9bf3ddca] .buttons > .el-button.taskPass:hover, .container[data-v-9bf3ddca] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-9bf3ddca] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
  margin: 0;
}
.flexRow li[data-v-9bf3ddca] {
  padding-right: 60px;
}
.flexRow li[data-v-9bf3ddca]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-9bf3ddca]:nth-child(1) {
  font-size: 12px !important;
  color: #666666;
}
.flexRow li div[data-v-9bf3ddca]:nth-child(2) {
  color: #212121;
  font-weight: bold;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-9bf3ddca] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-9bf3ddca] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-9bf3ddca] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-9bf3ddca] {
  color: #f95a5a;
}
.subpage[data-v-9bf3ddca] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-9bf3ddca] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-9bf3ddca] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-9bf3ddca] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-9bf3ddca]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-9bf3ddca]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-9bf3ddca] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-9bf3ddca] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #409EFF;
  color: #212121;
}
.tabs[data-v-9bf3ddca] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-9bf3ddca] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 230px);
  overflow-y: auto;
}
.tabs[data-v-9bf3ddca] .el-tabs__nav-next,
.tabs[data-v-9bf3ddca] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-9bf3ddca] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-9bf3ddca] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-9bf3ddca] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-9bf3ddca] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-9bf3ddca] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-9bf3ddca] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-9bf3ddca] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-9bf3ddca] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-9bf3ddca] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-9bf3ddca] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-9bf3ddca] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-9bf3ddca] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-9bf3ddca] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-9bf3ddca] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-9bf3ddca] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-9bf3ddca] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-9bf3ddca] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-9bf3ddca]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-9bf3ddca]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-9bf3ddca],
.infos .cardsSuccess .email[data-v-9bf3ddca] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-9bf3ddca],
.infos .cardsSuccess .email i[data-v-9bf3ddca] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-9bf3ddca],
.infos .cardsSuccess .email span[data-v-9bf3ddca] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-9bf3ddca] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-9bf3ddca] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-9bf3ddca] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-9bf3ddca] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-9bf3ddca]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-9bf3ddca] {
  padding: 10px 0;
}
.contactsSelect[data-v-9bf3ddca] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-9bf3ddca] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-9bf3ddca] {
  height: calc(100vh - 256px);
}
.singleSubpage.withProcess[data-v-9bf3ddca] .el-tabs__content {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
.singleSubpage[data-v-9bf3ddca]:not(.withProcess) {
  height: calc(100vh - 159px);
}
.singleSubpage[data-v-9bf3ddca]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 215px);
  overflow-y: auto;
}
.singleSubpage[data-v-9bf3ddca] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-9bf3ddca] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-9bf3ddca] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-9bf3ddca] .el-tabs__nav-next,
.singleSubpage[data-v-9bf3ddca] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-9bf3ddca] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-9bf3ddca]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-9bf3ddca],
.otherBtnPopover li:hover i[data-v-9bf3ddca] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-9bf3ddca] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-9bf3ddca] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-9bf3ddca] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-9bf3ddca] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-9bf3ddca] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-9bf3ddca] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-9bf3ddca] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-9bf3ddca] {
  display: flex;
}
.processStyle li[data-v-9bf3ddca] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-9bf3ddca] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-9bf3ddca]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-9bf3ddca]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-9bf3ddca]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-9bf3ddca]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-9bf3ddca] {
  background: red;
}
.processStyle .error strong[data-v-9bf3ddca] {
  color: #ffffff;
}
.processStyle .error[data-v-9bf3ddca]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-9bf3ddca] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-9bf3ddca] {
  color: #666666;
}
.processStyle .loading[data-v-9bf3ddca]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-9bf3ddca] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-9bf3ddca]:hover {
  text-decoration: underline;
}
[data-v-9bf3ddca].el-table__empty-block {
  height: auto !important;
}
.drawer[data-v-9bf3ddca] {
  position: relative;
}
.drawer .close[data-v-9bf3ddca] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-9bf3ddca]::before,
.drawer .close[data-v-9bf3ddca]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-9bf3ddca]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-9bf3ddca]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-9bf3ddca] .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
[data-v-9bf3ddca].el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.tabs[data-v-9bf3ddca] {
  width: 100%;
  margin-right: 0;
}
ul[data-v-9bf3ddca] {
  list-style: none;
}
.select[data-v-9bf3ddca] {
  margin-bottom: 15px;
}
p[data-v-2885879b] {
  margin: 0;
  padding: 0;
}
[data-v-2885879b].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #000;
}
.topnav[data-v-2885879b] {
  background: #ffffff;
}
.container[data-v-2885879b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-2885879b] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-2885879b]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-2885879b] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-2885879b] {
  font-size: 14px;
}
.container .section .name div[data-v-2885879b]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-2885879b]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: 600;
  padding-top: 5px;
}
.container .buttons[data-v-2885879b] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-2885879b] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-2885879b] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-2885879b] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-2885879b] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-2885879b] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-2885879b] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-2885879b] .buttons > .el-button.editbtn, .container[data-v-2885879b] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-2885879b] .buttons > .el-button.editbtn:hover, .container[data-v-2885879b] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-2885879b] .buttons > .el-button.taskPass, .container[data-v-2885879b] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-2885879b] .buttons > .el-button.taskPass:hover, .container[data-v-2885879b] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-2885879b] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
}
.flexRow li[data-v-2885879b] {
  padding-right: 60px;
}
.flexRow li[data-v-2885879b]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-2885879b]:nth-child(1) {
  font-size: 12px;
  color: #666666;
}
.flexRow li div[data-v-2885879b]:nth-child(2) {
  color: #212121;
  font-weight: 600;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-2885879b] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-2885879b] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-2885879b] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-2885879b] {
  color: #f95a5a;
}
.subpage[data-v-2885879b] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-2885879b] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-2885879b] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-2885879b] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-2885879b]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-2885879b]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-2885879b] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-2885879b] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.tabs[data-v-2885879b] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-2885879b] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.tabs[data-v-2885879b] .el-tabs__nav-next,
.tabs[data-v-2885879b] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-2885879b] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-2885879b] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-2885879b] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-2885879b] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-2885879b] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-2885879b] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-2885879b] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-2885879b] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-2885879b] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-2885879b] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-2885879b] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-2885879b] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-2885879b] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-2885879b] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-2885879b] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-2885879b] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-2885879b] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-2885879b]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-2885879b]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-2885879b],
.infos .cardsSuccess .email[data-v-2885879b] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-2885879b],
.infos .cardsSuccess .email i[data-v-2885879b] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-2885879b],
.infos .cardsSuccess .email span[data-v-2885879b] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-2885879b] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-2885879b] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-2885879b] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-2885879b] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-2885879b]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-2885879b] {
  padding: 10px 0;
}
.contactsSelect[data-v-2885879b] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-2885879b] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-2885879b] {
  height: calc(100vh - 306px);
}
.singleSubpage.withProcess[data-v-2885879b] .el-tabs__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
.singleSubpage[data-v-2885879b]:not(.withProcess) {
  height: calc(100vh - 209px);
}
.singleSubpage[data-v-2885879b]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 265px);
  overflow-y: auto;
}
.singleSubpage[data-v-2885879b] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-2885879b] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-2885879b] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-2885879b] .el-tabs__nav-next,
.singleSubpage[data-v-2885879b] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-2885879b] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-2885879b]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-2885879b],
.otherBtnPopover li:hover i[data-v-2885879b] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-2885879b] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-2885879b] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-2885879b] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-2885879b] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-2885879b] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-2885879b] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-2885879b] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-2885879b] {
  display: flex;
}
.processStyle li[data-v-2885879b] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-2885879b] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-2885879b]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-2885879b]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-2885879b]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-2885879b]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-2885879b] {
  background: red;
}
.processStyle .error strong[data-v-2885879b] {
  color: #ffffff;
}
.processStyle .error[data-v-2885879b]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-2885879b] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-2885879b] {
  color: #666666;
}
.processStyle .loading[data-v-2885879b]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-2885879b] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-2885879b]:hover {
  text-decoration: underline;
}
[data-v-2885879b].el-table__empty-block {
  height: auto !important;
}
ul[data-v-2885879b] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer[data-v-2885879b] {
  position: relative;
}
.drawer .close[data-v-2885879b] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-2885879b]::before,
.drawer .close[data-v-2885879b]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-2885879b]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-2885879b]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-2885879b]  .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
.processPopoverStyle[data-v-2885879b] .el-popover__title {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 8px;
}
.processPopoverStyle .content[data-v-2885879b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.processPopoverStyle .content .sign[data-v-2885879b] {
  position: relative;
  padding-right: 10px;
}
.processPopoverStyle .content .list[data-v-2885879b] {
  padding-left: 10px;
  position: relative;
}
.processPopoverStyle .content .list[data-v-2885879b]::after {
  content: "";
  height: 80%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.processPopoverStyle .content p[data-v-2885879b] {
  color: #212121;
  padding: 0 10px 8px 10px;
}
.processPopoverStyle .content p[data-v-2885879b]:nth-child(1) {
  padding-top: 8px;
}
.processPopoverStyle .content strong[data-v-2885879b] {
  display: block;
}
[data-v-2885879b] .el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.flexRow li[data-v-2885879b] {
  padding-right: 40px;
}
.red[data-v-2885879b] {
  color: #b42023 !important;
}
.table[data-v-2885879b] .el-table__empty-block {
  height: 10px !important;
}
p[data-v-73c01317] {
  margin: 0;
  padding: 0;
}
[data-v-73c01317].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #000;
}
.topnav[data-v-73c01317] {
  background: #ffffff;
}
.container[data-v-73c01317] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-73c01317] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-73c01317]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-73c01317] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-73c01317] {
  font-size: 14px;
}
.container .section .name div[data-v-73c01317]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-73c01317]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: 600;
  padding-top: 5px;
}
.container .buttons[data-v-73c01317] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-73c01317] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-73c01317] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-73c01317] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-73c01317] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-73c01317] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-73c01317] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-73c01317] .buttons > .el-button.editbtn, .container[data-v-73c01317] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-73c01317] .buttons > .el-button.editbtn:hover, .container[data-v-73c01317] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-73c01317] .buttons > .el-button.taskPass, .container[data-v-73c01317] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-73c01317] .buttons > .el-button.taskPass:hover, .container[data-v-73c01317] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-73c01317] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
}
.flexRow li[data-v-73c01317] {
  padding-right: 60px;
}
.flexRow li[data-v-73c01317]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-73c01317]:nth-child(1) {
  font-size: 12px;
  color: #666666;
}
.flexRow li div[data-v-73c01317]:nth-child(2) {
  color: #212121;
  font-weight: 600;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-73c01317] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-73c01317] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-73c01317] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-73c01317] {
  color: #f95a5a;
}
.subpage[data-v-73c01317] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-73c01317] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-73c01317] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-73c01317] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-73c01317]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-73c01317]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-73c01317] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-73c01317] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.tabs[data-v-73c01317] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-73c01317] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.tabs[data-v-73c01317] .el-tabs__nav-next,
.tabs[data-v-73c01317] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-73c01317] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-73c01317] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-73c01317] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-73c01317] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-73c01317] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-73c01317] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-73c01317] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-73c01317] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-73c01317] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-73c01317] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-73c01317] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-73c01317] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-73c01317] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-73c01317] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-73c01317] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-73c01317] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-73c01317] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-73c01317]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-73c01317]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-73c01317],
.infos .cardsSuccess .email[data-v-73c01317] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-73c01317],
.infos .cardsSuccess .email i[data-v-73c01317] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-73c01317],
.infos .cardsSuccess .email span[data-v-73c01317] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-73c01317] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-73c01317] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-73c01317] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-73c01317] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-73c01317]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-73c01317] {
  padding: 10px 0;
}
.contactsSelect[data-v-73c01317] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-73c01317] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-73c01317] {
  height: calc(100vh - 306px);
}
.singleSubpage.withProcess[data-v-73c01317] .el-tabs__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
.singleSubpage[data-v-73c01317]:not(.withProcess) {
  height: calc(100vh - 209px);
}
.singleSubpage[data-v-73c01317]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 265px);
  overflow-y: auto;
}
.singleSubpage[data-v-73c01317] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-73c01317] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-73c01317] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-73c01317] .el-tabs__nav-next,
.singleSubpage[data-v-73c01317] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-73c01317] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-73c01317]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-73c01317],
.otherBtnPopover li:hover i[data-v-73c01317] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-73c01317] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-73c01317] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-73c01317] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-73c01317] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-73c01317] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-73c01317] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-73c01317] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-73c01317] {
  display: flex;
}
.processStyle li[data-v-73c01317] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-73c01317] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-73c01317]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-73c01317]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-73c01317]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-73c01317]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-73c01317] {
  background: red;
}
.processStyle .error strong[data-v-73c01317] {
  color: #ffffff;
}
.processStyle .error[data-v-73c01317]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-73c01317] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-73c01317] {
  color: #666666;
}
.processStyle .loading[data-v-73c01317]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-73c01317] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-73c01317]:hover {
  text-decoration: underline;
}
[data-v-73c01317].el-table__empty-block {
  height: auto !important;
}
ul[data-v-73c01317] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer[data-v-73c01317] {
  position: relative;
}
.drawer .close[data-v-73c01317] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-73c01317]::before,
.drawer .close[data-v-73c01317]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-73c01317]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-73c01317]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-73c01317]  .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
.processPopoverStyle[data-v-73c01317] .el-popover__title {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 8px;
}
.processPopoverStyle .content[data-v-73c01317] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.processPopoverStyle .content .sign[data-v-73c01317] {
  position: relative;
  padding-right: 10px;
}
.processPopoverStyle .content .list[data-v-73c01317] {
  padding-left: 10px;
  position: relative;
}
.processPopoverStyle .content .list[data-v-73c01317]::after {
  content: "";
  height: 80%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.processPopoverStyle .content p[data-v-73c01317] {
  color: #212121;
  padding: 0 10px 8px 10px;
}
.processPopoverStyle .content p[data-v-73c01317]:nth-child(1) {
  padding-top: 8px;
}
.processPopoverStyle .content strong[data-v-73c01317] {
  display: block;
}
[data-v-73c01317] .el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.flexRow li[data-v-73c01317] {
  padding-right: 40px;
}
.red[data-v-73c01317] {
  color: #b42023 !important;
}
.table[data-v-73c01317] .el-table__empty-block {
  height: 10px !important;
}
p[data-v-b8d0b9dc] {
  margin: 0;
  padding: 0;
}
[data-v-b8d0b9dc].el-drawer__body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #000;
}
.topnav[data-v-b8d0b9dc] {
  background: #ffffff;
}
.container[data-v-b8d0b9dc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.container .section[data-v-b8d0b9dc] {
  display: flex;
  align-items: center;
}
.container .section .iconfont[data-v-b8d0b9dc]:not(.iconxingxing, .iconsuo-lock_shixin) {
  font-size: 34px;
  padding-right: 18px;
  color: #162f71;
}
.container .section .iconxingxing[data-v-b8d0b9dc] {
  font-size: 14px;
  color: #b42023;
  padding: 0 5px;
  cursor: pointer;
}
.container .section .iconsuo-lock_shixin[data-v-b8d0b9dc] {
  font-size: 14px;
}
.container .section .name div[data-v-b8d0b9dc]:nth-child(1) {
  color: #999999;
  font-size: 14px;
}
.container .section .name div[data-v-b8d0b9dc]:nth-child(2) {
  font-size: 16px;
  color: #212121;
  font-weight: 600;
  padding-top: 5px;
}
.container .buttons[data-v-b8d0b9dc] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .buttons[data-v-b8d0b9dc] .iconBtn {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  width: 35px;
  padding: 0;
  color: #212121;
  background: #ffffff;
  margin-left: 10px;
}
.container .buttons[data-v-b8d0b9dc] .iconBtn:hover {
  background: rgba(180, 32, 35, 0.2);
  color: #b42023;
}
.container .buttons[data-v-b8d0b9dc] .iconBtn .iconshenglvehao {
  transform: scale(0.25) translateX(-80px);
  display: inline-block;
}
.container[data-v-b8d0b9dc] .buttons > .el-button {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  border-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container[data-v-b8d0b9dc] .buttons > .el-button .iconfont {
  padding-right: 5px;
  font-size: 14px;
}
.container[data-v-b8d0b9dc] .buttons > .el-button .iconbianji {
  font-size: 12px;
}
.container[data-v-b8d0b9dc] .buttons > .el-button.editbtn, .container[data-v-b8d0b9dc] .buttons > .el-button.btn-blue {
  color: #ffffff;
  background: #5f9fe1;
}
.container[data-v-b8d0b9dc] .buttons > .el-button.editbtn:hover, .container[data-v-b8d0b9dc] .buttons > .el-button.btn-blue:hover {
  background: rgba(95, 159, 225, 0.8);
}
.container[data-v-b8d0b9dc] .buttons > .el-button.taskPass, .container[data-v-b8d0b9dc] .buttons > .el-button.btn-green {
  color: #ffffff;
  background: #02c751;
}
.container[data-v-b8d0b9dc] .buttons > .el-button.taskPass:hover, .container[data-v-b8d0b9dc] .buttons > .el-button.btn-green:hover {
  background: rgba(2, 199, 81, 0.8);
}
.flexRow[data-v-b8d0b9dc] {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 30px;
}
.flexRow li[data-v-b8d0b9dc] {
  padding-right: 60px;
}
.flexRow li[data-v-b8d0b9dc]:nth-last-child(1) {
  padding-right: 0;
}
.flexRow li div[data-v-b8d0b9dc]:nth-child(1) {
  font-size: 12px;
  color: #666666;
}
.flexRow li div[data-v-b8d0b9dc]:nth-child(2) {
  color: #212121;
  font-weight: 600;
  padding-top: 3px;
  display: flex;
  align-items: center;
}
.flexRow i[data-v-b8d0b9dc] {
  font-size: 14px;
  padding-right: 4px;
}
.flexRow .iconic2[data-v-b8d0b9dc] {
  color: #3ac8a3;
}
.flexRow .icontime[data-v-b8d0b9dc] {
  color: #f69a23;
}
.flexRow .iconclose[data-v-b8d0b9dc] {
  color: #f95a5a;
}
.subpage[data-v-b8d0b9dc] {
  display: flex;
  flex-grow: 1;
  padding-top: 8px;
  overflow: hidden;
}
.tabs[data-v-b8d0b9dc] {
  width: calc(100% - 330px);
  transition: width 0.5s;
  margin-right: 8px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
}
.tabs.active[data-v-b8d0b9dc] {
  width: 100%;
  margin-right: 0;
}
.tabs .more[data-v-b8d0b9dc] {
  background: #cccccc;
  height: 38px;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  margin-top: -10px;
  border-radius: 1000px 0 0 1000px;
  z-index: 10;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.tabs .more[data-v-b8d0b9dc]:hover {
  background: #d6d6d6;
}
.tabs .more[data-v-b8d0b9dc]:hover::before {
  transform: scale(1.15);
}
.tabs[data-v-b8d0b9dc] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.tabs[data-v-b8d0b9dc] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.tabs[data-v-b8d0b9dc] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.tabs[data-v-b8d0b9dc] .el-tabs--border-card .el-tabs__content {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.tabs[data-v-b8d0b9dc] .el-tabs__nav-next,
.tabs[data-v-b8d0b9dc] .el-tabs__nav-prev {
  top: 20%;
}
.infos[data-v-b8d0b9dc] {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 322px;
}
.infos .infoStyle[data-v-b8d0b9dc] {
  width: 322px;
  padding: 20px;
  height: calc(100vh - 160px);
  overflow-y: auto;
}
.infos .title[data-v-b8d0b9dc] {
  color: #212121;
  font-weight: 700;
  padding-bottom: 10px;
}
.infos .cardsError[data-v-b8d0b9dc] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsError p[data-v-b8d0b9dc] {
  font-size: 12px;
  color: #666666;
  padding-top: 5px;
  padding-bottom: 15px;
}
.infos .cardsError .iconrenxiang[data-v-b8d0b9dc] {
  font-size: 28px;
  color: #cccccc;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.infos .cardsError[data-v-b8d0b9dc] .el-button {
  color: #ffffff;
  background: #212121;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  margin: 0 auto;
  border-color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsError[data-v-b8d0b9dc] .el-button:hover {
  background: rgba(33, 33, 33, 0.8);
}
.infos .cardsError[data-v-b8d0b9dc] .el-button .iconadd {
  color: #ffffff;
  padding-right: 4px;
  font-size: 14px;
}
.infos .cardsSuccess[data-v-b8d0b9dc] {
  background: #f5f6fa;
  text-align: center;
  padding: 24px 0;
  position: relative;
  margin-bottom: 20px;
}
.infos .cardsSuccess .tips[data-v-b8d0b9dc] {
  background: rgba(251, 147, 35, 0.06);
  border-radius: 0 0 0 15px;
  position: absolute;
  padding: 2px 5px;
  right: 0;
  top: 0;
}
.infos .cardsSuccess .tips i[data-v-b8d0b9dc] {
  font-size: 12px;
  color: #212121;
  padding-right: 4px;
}
.infos .cardsSuccess .tips span[data-v-b8d0b9dc] {
  font-size: 12px;
  color: #999999;
}
.infos .cardsSuccess .users[data-v-b8d0b9dc] {
  display: flex;
  padding: 0 18px;
}
.infos .cardsSuccess .users img[data-v-b8d0b9dc] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.infos .cardsSuccess .content[data-v-b8d0b9dc] {
  padding-left: 13px;
}
.infos .cardsSuccess .name[data-v-b8d0b9dc] {
  display: flex;
  padding-bottom: 9px;
}
.infos .cardsSuccess .name span[data-v-b8d0b9dc]:nth-child(1) {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
  display: block;
  border-right: 1px solid #eeeeee;
  padding-right: 8px;
  margin-right: 8px;
  text-align: left;
}
.infos .cardsSuccess .name span[data-v-b8d0b9dc]:nth-child(2) {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 700;
  display: block;
}
.infos .cardsSuccess .phone[data-v-b8d0b9dc],
.infos .cardsSuccess .email[data-v-b8d0b9dc] {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.infos .cardsSuccess .phone i[data-v-b8d0b9dc],
.infos .cardsSuccess .email i[data-v-b8d0b9dc] {
  font-size: 12px;
  transform: scale(0.7);
  color: #666666;
}
.infos .cardsSuccess .phone span[data-v-b8d0b9dc],
.infos .cardsSuccess .email span[data-v-b8d0b9dc] {
  display: block;
  color: #212121;
  font-size: 12px;
}
.infos .cardsSuccess .phoneStyle[data-v-b8d0b9dc] {
  position: absolute;
  top: 70%;
  right: 24px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(58, 200, 163, 0.3);
  box-shadow: 0 0 0 5px rgba(58, 200, 163, 0.1);
  border-radius: 50%;
  background: #3ac8a3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infos .cardsSuccess .phoneStyle i[data-v-b8d0b9dc] {
  font-size: 21px;
  color: #ffffff;
}
.infos .basic li[data-v-b8d0b9dc] {
  padding-bottom: 15px;
}
.infos .basic li p[data-v-b8d0b9dc] {
  color: #666666;
  font-size: 12px;
}
.infos .basic li p[data-v-b8d0b9dc]:nth-child(2) {
  font-weight: 700;
  padding-top: 5px;
}
.btn[data-v-b8d0b9dc] {
  padding: 10px 0;
}
.contactsSelect[data-v-b8d0b9dc] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.singleSubpage[data-v-b8d0b9dc] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  z-index: 2;
  margin-top: 8px;
}
.singleSubpage.withProcess[data-v-b8d0b9dc] {
  height: calc(100vh - 306px);
}
.singleSubpage.withProcess[data-v-b8d0b9dc] .el-tabs__content {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
.singleSubpage[data-v-b8d0b9dc]:not(.withProcess) {
  height: calc(100vh - 209px);
}
.singleSubpage[data-v-b8d0b9dc]:not(.withProcess) .el-tabs__content {
  height: calc(100vh - 265px);
  overflow-y: auto;
}
.singleSubpage[data-v-b8d0b9dc] .el-tabs--border-card {
  border-width: 0;
  box-shadow: 0 0 0 0;
}
.singleSubpage[data-v-b8d0b9dc] .el-tabs--border-card .el-tabs__item.is-active {
  border-top: 3px solid #b42023;
  color: #212121;
}
.singleSubpage[data-v-b8d0b9dc] .el-tabs--border-card .el-tabs__item {
  border-top: 3px solid transparent;
  height: 56px;
  line-height: 56px;
  color: #666666;
  font-weight: 600;
}
.singleSubpage[data-v-b8d0b9dc] .el-tabs__nav-next,
.singleSubpage[data-v-b8d0b9dc] .el-tabs__nav-prev {
  top: 20%;
}
.otherBtnPopover li[data-v-b8d0b9dc] {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
}
.otherBtnPopover li[data-v-b8d0b9dc]:hover {
  background: rgba(180, 32, 35, 0.2);
}
.otherBtnPopover li:hover span[data-v-b8d0b9dc],
.otherBtnPopover li:hover i[data-v-b8d0b9dc] {
  color: #b42023;
}
.otherBtnPopover li span[data-v-b8d0b9dc] {
  color: #666666;
  font-size: 12px;
}
.otherBtnPopover li i[data-v-b8d0b9dc] {
  color: #666666;
  font-size: 12px;
  padding-right: 5px;
}
.processTitle[data-v-b8d0b9dc] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.processTitle i[data-v-b8d0b9dc] {
  color: #02c751;
  font-size: 14px;
}
.processTitle span[data-v-b8d0b9dc] {
  display: block;
  font-size: 12px;
  color: #b9b9b9;
  padding: 0 5px;
}
.processTitle p[data-v-b8d0b9dc] {
  font-size: 12px;
  color: #41aaff;
  cursor: pointer;
}
.processStyle[data-v-b8d0b9dc] {
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  position: relative;
}
.processStyle ul[data-v-b8d0b9dc] {
  display: flex;
}
.processStyle li[data-v-b8d0b9dc] {
  width: 146px;
  height: 40px;
  background: #3ac8a3;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.processStyle li strong[data-v-b8d0b9dc] {
  font-size: 14px;
  color: #ffffff;
}
.processStyle li[data-v-b8d0b9dc]::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff #ffffff #ffffff transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-b8d0b9dc]::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px !important;
  border-width: 20px 0 20px 20px;
  border-color: #3ac8a3 #3ac8a3 #3ac8a3 transparent;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: 2;
  border-style: solid;
}
.processStyle li[data-v-b8d0b9dc]:nth-child(1)::before {
  display: none;
}
.processStyle li[data-v-b8d0b9dc]:nth-last-child(1)::after {
  display: none;
}
.processStyle .error[data-v-b8d0b9dc] {
  background: red;
}
.processStyle .error strong[data-v-b8d0b9dc] {
  color: #ffffff;
}
.processStyle .error[data-v-b8d0b9dc]::before {
  border-color: red red red transparent;
}
.processStyle .loading[data-v-b8d0b9dc] {
  background: #eeeeee;
}
.processStyle .loading strong[data-v-b8d0b9dc] {
  color: #666666;
}
.processStyle .loading[data-v-b8d0b9dc]::before {
  border-color: #eeeeee #eeeeee #eeeeee transparent;
}
.look[data-v-b8d0b9dc] {
  color: #b42023;
  cursor: pointer;
}
.look[data-v-b8d0b9dc]:hover {
  text-decoration: underline;
}
[data-v-b8d0b9dc].el-table__empty-block {
  height: auto !important;
}
ul[data-v-b8d0b9dc] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer[data-v-b8d0b9dc] {
  position: relative;
}
.drawer .close[data-v-b8d0b9dc] {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  background: #409EFF;
  box-shadow: -2px 2px 10px 0 rgba(33, 33, 33, 0.12);
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.drawer .close[data-v-b8d0b9dc]::before,
.drawer .close[data-v-b8d0b9dc]::after {
  content: "";
  width: 2px;
  height: 14px;
  background: #ffffff;
  position: absolute;
}
.drawer .close[data-v-b8d0b9dc]::before {
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 43%;
}
.drawer .close[data-v-b8d0b9dc]::after {
  transform: rotate(135deg) translate(-50%, -50%);
  top: 28%;
  left: 40%;
}
.drawer[data-v-b8d0b9dc]  .el-drawer {
  overflow: initial;
  outline: none;
  background-color: #f1f2f6;
}
.processPopoverStyle[data-v-b8d0b9dc] .el-popover__title {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  margin-bottom: 8px;
}
.processPopoverStyle .content[data-v-b8d0b9dc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.processPopoverStyle .content .sign[data-v-b8d0b9dc] {
  position: relative;
  padding-right: 10px;
}
.processPopoverStyle .content .list[data-v-b8d0b9dc] {
  padding-left: 10px;
  position: relative;
}
.processPopoverStyle .content .list[data-v-b8d0b9dc]::after {
  content: "";
  height: 80%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.processPopoverStyle .content p[data-v-b8d0b9dc] {
  color: #212121;
  padding: 0 10px 8px 10px;
}
.processPopoverStyle .content p[data-v-b8d0b9dc]:nth-child(1) {
  padding-top: 8px;
}
.processPopoverStyle .content strong[data-v-b8d0b9dc] {
  display: block;
}
[data-v-b8d0b9dc] .el-drawer__wrapper {
  width: 80%;
  left: 20%;
  overflow: visible;
}
.flexRow li[data-v-b8d0b9dc] {
  padding-right: 40px;
}
.red[data-v-b8d0b9dc] {
  color: #b42023 !important;
}
.table[data-v-b8d0b9dc] .el-table__empty-block {
  height: 10px !important;
}
.page[data-v-94d710de] {
  width: 1000px;
  padding: 10px;
}
.header[data-v-94d710de] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .headerTitle[data-v-94d710de] {
  display: flex;
  align-items: center;
  height: 35px;
}
.header .headerTitle .iconfont[data-v-94d710de] {
  font-size: 23px;
  padding-right: 10px;
}
.header .headerTitle .iconrenwu[data-v-94d710de] {
  color: #3ac8a3;
}
.header .headerTitle span[data-v-94d710de] {
  font-size: 16px;
  color: #212121;
  font-weight: 700;
}
.header .btns[data-v-94d710de] {
  display: flex;
  align-items: center;
}
.header .btns .editBtn[data-v-94d710de] {
  color: #ffffff;
  background: #5f9fe1;
  border-color: transparent;
}
.header .btns .editBtn[data-v-94d710de]:hover {
  background: rgba(95, 159, 225, 0.8);
}
.header .btns .exportBtn[data-v-94d710de] {
  width: 56px;
}
.nav[data-v-94d710de] {
  background: #ffffff;
  position: relative;
  margin-top: 15px;
}
.nav[data-v-94d710de]  .tabs .el-tabs__nav {
  display: flex;
  align-items: center;
}
.nav[data-v-94d710de]  .tabs .el-tabs__item {
  color: #212121;
}
.nav[data-v-94d710de]  .tabs .is-active {
  color: #409EFF;
}
.nav[data-v-94d710de] .select {
  position: absolute;
  right: 20px;
  top: 20px;
}
.nav[data-v-94d710de] .select .el-input__inner {
  height: 35px;
}
.nav[data-v-94d710de] .select .el-input__icon {
  line-height: 35px;
}
.main[data-v-94d710de] {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  height: calc(100vh - 210px);
  overflow-y: auto;
  padding: 0 20px;
}
.nomore[data-v-94d710de] {
  padding: 20px 0;
  background: #ffffff;
  color: #cccccc;
  font-size: 12px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.allBtn[data-v-94d710de] {
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.allBtn[data-v-94d710de] .iconfont {
  padding-right: 5px;
  font-size: 12px;
}
.search[data-v-94d710de] {
  display: flex;
}
.search .typeSelect[data-v-94d710de] {
  min-width: 100px;
  margin-right: 5px;
}
.pagination[data-v-94d710de] {
  position: absolute;
  right: 0;
  top: 0;
}
.page[data-v-f1a2b546] {
  margin: 10px 0;
}
.header[data-v-f1a2b546] {
  margin-bottom: 5px;
  height: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header .iconfont[data-v-f1a2b546] {
  font-size: 23px;
  padding-right: 10px;
}
.header span[data-v-f1a2b546] {
  font-size: 18px;
  color: #212121;
  font-weight: 700;
}
.main[data-v-f1a2b546] {
  display: flex;
  height: calc(100vh - 80px);
}
.left[data-v-f1a2b546] {
  min-width: 220px;
  height: 100%;
  margin-right: 5px;
  padding: 10px 0;
  background: #fff;
  border: 1px solid #ebeef5;
  overflow: auto;
}
.left li[data-v-f1a2b546] {
  padding-left: 20px;
  cursor: pointer;
  line-height: 40px;
  text-align: left;
}
.left li[data-v-f1a2b546]:hover {
  background: #f6f8fa;
}
.left .font[data-v-f1a2b546] {
  font-size: 15px;
  color: #212121;
}
.right[data-v-f1a2b546] {
  flex: 1;
  height: 100%;
  width: calc(100vw - 440px);
  border: 1px solid #ebeef5;
}
.iconjilu[data-v-f1a2b546] {
  margin-right: 5px;
}
.isActive[data-v-f1a2b546] {
  background: #f6f8fa;
}
.toDo[data-v-f1a2b546] {
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0;
}
ul[data-v-f1a2b546] {
  list-style: none;
  padding: 0;
}