From c66e655e0982f48f44a6225efc6700070a659f42 Mon Sep 17 00:00:00 2001
From: zhangjun1 <zhangjun@bd-apaas.com>
Date: Wed, 21 Jun 2023 17:39:19 +0800
Subject: [PATCH] css

---
 src/assets/css/index.css | 1396 ++++++++++++++++++++------------------
 1 file changed, 741 insertions(+), 655 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index e06a711..bf0a14f 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -1,116 +1,108 @@
 [v-cloak] {
-    display: none;
+  display: none;
 }
 
-
 /* 新增按钮颜色 */
 
 .form-group .el-button--primary {
-    background-color: #264dd9 !important;
-    border-color: #264dd9 !important;
+  background-color: #264dd9 !important;
+  border-color: #264dd9 !important;
 }
 
-
 /* 返回按钮颜色 */
 
-.from_return>.el-button--primary {
-    background-color: #edf0ff !important;
-    border-color: #edf0ff !important;
-    color: #264dd9 !important;
+.from_return > .el-button--primary {
+  background-color: #edf0ff !important;
+  border-color: #edf0ff !important;
+  color: #264dd9 !important;
 }
 
-
 /* 取消按钮颜色 */
 
 .form_c {
-    background-color: #dde4ff !important;
-    border-color: #dde4ff !important;
-    color: #264dd9 !important;
+  background-color: #dde4ff !important;
+  border-color: #dde4ff !important;
+  color: #264dd9 !important;
 }
 
-
 /* 确定按钮颜色 */
 
 .form_t {
-    background-color: #264dd9 !important;
-    border-color: #264dd9 !important;
-    color: #f4f7fc !important;
+  background-color: #264dd9 !important;
+  border-color: #264dd9 !important;
+  color: #f4f7fc !important;
 }
 
-
 /* 搜索框颜色 */
 
 .form-group .el-input__inner {
-    border-radius: 28px !important;
-    border: 1px solid #bcc1d0 !important;
-    background: #f4f7fc !important;
-    color: #8890a7 !important;
+  border-radius: 28px !important;
+  border: 1px solid #bcc1d0 !important;
+  background: #f4f7fc !important;
+  color: #8890a7 !important;
 }
 
 .drawer_return .el-input__inner {
-    border-radius: 28px !important;
-    border: 1px solid #bcc1d0 !important;
-    background: #f4f7fc !important;
-    color: #8890a7 !important;
+  border-radius: 28px !important;
+  border: 1px solid #bcc1d0 !important;
+  background: #f4f7fc !important;
+  color: #8890a7 !important;
 }
 
-
 /* 多行文本框样式 */
 
 .jbxx_desc textarea {
-    height: 150px !important;
-    border-radius: 8px !important;
-    border-color: #bcc1d0 !important;
-    outline: none !important;
-    resize: none !important;
+  height: 150px !important;
+  border-radius: 8px !important;
+  border-color: #bcc1d0 !important;
+  outline: none !important;
+  resize: none !important;
 }
 
-
 /* 面包屑文字大小 */
 
 .el-breadcrumb {
-    font-size: 14px;
-    color: #898d9e;
+  font-size: 14px;
+  color: #898d9e;
 }
 
-
 /* 编辑颜色*/
 
 .primary-edit {
-    color: #264dd9;
-    cursor: pointer;
+  color: #264dd9;
+  cursor: pointer;
 }
 
-
 /* 删除颜色 */
 
 .primary-del {
-    color: #264dd9;
-    cursor: pointer;
+  color: #264dd9;
+  cursor: pointer;
 }
 
-.space_bet {}
-
+.space_bet {
+}
 
 /* reset */
 
-html {}
+html {
+}
 
 html,
 body {
-    margin: 0;
-    font-family: Microsoft YaHei, sans-serif;
-    /* font-size: 17px; */
+  margin: 0;
+  font-family: Microsoft YaHei, sans-serif;
+  /* font-size: 17px; */
 }
 
 ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 p {
-    margin: 0;
+  margin: 0;
 }
 
 h1,
@@ -118,264 +110,255 @@ h2,
 h3,
 h4,
 h5 {
-    margin: 0;
-    font-weight: normal;
+  margin: 0;
+  font-weight: normal;
 }
 
 h1 {
-    font-size: 32px;
+  font-size: 32px;
 }
 
 h2 {
-    font-size: 24px;
+  font-size: 24px;
 }
 
 h3 {
-    font-size: 18.7px;
+  font-size: 18.7px;
 }
 
 h4 {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 div {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
-
 /* reset end */
 
-
 /* common */
 
-
 /* #app {
   height: 100%;
   overflow: hidden;
 } */
 
 .text_clip {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all;
-    white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
 }
 
 .text_clip_2 {
-    text-overflow: -o-ellipsis-lastline;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    line-clamp: 2;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
 }
 
 .map_container {
-    background-color: #eee;
+  background-color: #eee;
 }
 
 .ss_card {
-    padding: 1.2rem;
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
+  padding: 1.2rem;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
 }
 
-.ss_card>.sc_left_container {
-    width: 6rem;
-    height: 6rem;
-    flex-shrink: 0;
-    border-radius: 0.5rem;
-    overflow: hidden;
-    font-size: 0;
+.ss_card > .sc_left_container {
+  width: 6rem;
+  height: 6rem;
+  flex-shrink: 0;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  font-size: 0;
 }
 
-.ss_card>.sc_right_container {
-    width: calc(100% - 7rem);
-    flex-grow: 1;
-    margin-left: 1.2rem;
+.ss_card > .sc_right_container {
+  width: calc(100% - 7rem);
+  flex-grow: 1;
+  margin-left: 1.2rem;
 }
 
-.ss_card>.sc_right_container>.sc_title {
-    font-size: 1.6rem;
-    font-weight: bold;
-    line-height: 2.6rem;
+.ss_card > .sc_right_container > .sc_title {
+  font-size: 1.6rem;
+  font-weight: bold;
+  line-height: 2.6rem;
 }
 
-.ss_card>.sc_right_container>.sc_info {
-    display: flex;
-    justify-content: space-between;
+.ss_card > .sc_right_container > .sc_info {
+  display: flex;
+  justify-content: space-between;
 }
 
 .form-group {
-    padding: 20px 20px 15px;
-    box-sizing: border-box;
-    border-bottom: 1px solid #edf0ff;
+  padding: 20px 20px 15px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #edf0ff;
 }
 
 .padding_table {
-    padding: 0 20px;
+  padding: 0 20px;
 }
 
-
 /* 设置抽屉的样式 */
 
 .el-drawer__header {
-    display: none;
+  display: none;
 }
 
 .from_return {
-    text-align: center;
-    padding: 18px 20px 10px;
-    border-bottom: 1px solid #edf0ff;
-    position: relative;
+  text-align: center;
+  padding: 18px 20px 10px;
+  border-bottom: 1px solid #edf0ff;
+  position: relative;
 }
 
-.from_return>.el-button--primary {
-    position: absolute;
-    top: 15px;
-    left: 20px;
+.from_return > .el-button--primary {
+  position: absolute;
+  top: 15px;
+  left: 20px;
 }
 
-.from_return>span {
-    color: #1a2236;
-    font-size: 16px;
+.from_return > span {
+  color: #1a2236;
+  font-size: 16px;
 }
 
 .demo-drawer__content .el-form-item__label {
-    color: #242c43;
+  color: #242c43;
 }
 
 .demo-drawer__content .el-input__inner {
-    border: 1px solid #bcc1d0;
-    border-radius: 17px;
-    color: #58617a;
-    background: #fff;
+  border: 1px solid #bcc1d0;
+  border-radius: 17px;
+  color: #58617a;
+  background: #fff;
 }
 
 .demo-drawer__footer {
-    text-align: right;
-    padding-right: 40px;
-    margin-top: 40px;
+  text-align: right;
+  padding-right: 40px;
+  margin-top: 40px;
 }
 
 .el-form-item__error {
-    font-size: 11px;
+  font-size: 11px;
 }
 
-
 /* 设置提示弹窗的样式 */
 
 .el-dialog {
-    border-radius: 6px;
-    margin-top: 240px;
+  border-radius: 6px;
+  margin-top: 240px;
 }
 
 .el-dialog__header {
-    border-bottom: 1px solid #edf0ff;
-    padding: 16px;
-    margin-right: 0;
+  border-bottom: 1px solid #edf0ff;
+  padding: 16px;
+  margin-right: 0;
 }
 
 .el-dialog__title {
-    font-size: 18px;
-    font-weight: 700;
-    color: #1d1e20;
-    padding-left: 12px;
-    position: relative;
+  font-size: 18px;
+  font-weight: 700;
+  color: #1d1e20;
+  padding-left: 12px;
+  position: relative;
 }
 
 .el-dialog__title::before {
-    content: "";
-    position: absolute;
-    width: 4px;
-    height: 16px;
-    border-radius: 2px;
-    background-color: #515fe7;
-    left: 0;
-    top: 5px;
+  content: "";
+  position: absolute;
+  width: 4px;
+  height: 16px;
+  border-radius: 2px;
+  background-color: #515fe7;
+  left: 0;
+  top: 5px;
 }
 
 .el-dialog__headerbtn .el-dialog__close {
-    color: #8890a7;
+  color: #8890a7;
 }
 
 .el-dialog__headerbtn:focus .el-dialog__close,
 .el-dialog__headerbtn:hover .el-dialog__close {
-    color: #515fe7;
+  color: #515fe7;
 }
 
 .el-dialog__body {
-    font-size: 16px;
-    color: #404a62;
-    text-align: center;
-    padding: 0 16px;
-    line-height: 1;
+  font-size: 16px;
+  color: #404a62;
+  text-align: center;
+  padding: 0 16px;
+  line-height: 1;
 }
 
 .dialog_box .el-dialog__body {
-    padding: 24px;
+  padding: 24px;
 }
 
 .dialog_box .el-dialog__footer {
-    padding: 16px;
+  padding: 16px;
 }
 
 .dialog_box1 .el-dialog__body {
-    padding: 16px;
+  padding: 16px;
 }
 
-
 /* 设置tab切换的样式 */
 
 .el-tabs__item.is-disabled {
-    color: #8890a7 !important;
+  color: #8890a7 !important;
 }
 
 .el-tabs__item {
-    font-size: 14px;
-    color: #404a62;
-    line-height: 14px !important;
+  font-size: 14px;
+  color: #404a62;
+  line-height: 14px !important;
 }
 
-
 /* .el-tabs__nav-scroll {
   height: 35px;
 } */
 
 .el-tabs__nav-scroll .el-tabs__nav {
-    height: 40px;
+  height: 40px;
 }
 
 .el-tabs__nav-scroll .el-tabs__item {
-    line-height: 14px !important;
-    height: 40px !important;
+  line-height: 14px !important;
+  height: 40px !important;
 }
 
 .el-tabs__item:hover {
-    color: #404a62;
+  color: #404a62;
 }
 
 .el-tabs__item.is-active {
-    color: #3759be !important;
+  color: #3759be !important;
 }
 
 .el-tabs__active-bar {
-    height: 3px;
-    border-radius: 1px;
-    background-color: #2b4695 !important;
+  height: 3px;
+  border-radius: 1px;
+  background-color: #2b4695 !important;
 }
 
 .el-tabs__nav-wrap::after {
-    height: 1px;
-    background-color: #edf0ff;
+  height: 1px;
+  background-color: #edf0ff;
 }
 
-
 /* 设置tree的样式 */
 
-
 /* .el-tree {
   position: static!important;
 }
@@ -388,7 +371,6 @@ div {
 		rgba(0, 0, 0, 0.05) 86%);
 } */
 
-
 /* .usrrole .el-tree-node:focus>.el-tree-node__content{
   background: rgb(248, 249, 253) !important;
 }
@@ -431,163 +413,156 @@ border-radius:8px;
   border-bottom-right-radius:0;
 } */
 
-
 /* 左右布局 */
 
 .flex {
-    height: 100%;
-    display: -webkit-box;
-    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
-    display: -moz-box;
-    /* Firefox 17- */
-    display: -webkit-flex;
-    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
-    display: -moz-flex;
-    /* Firefox 18+ */
-    display: -ms-flexbox;
-    /* IE 10 */
-    display: flex;
-    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
+  height: 100%;
+  display: -webkit-box;
+  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
+  display: -moz-box;
+  /* Firefox 17- */
+  display: -webkit-flex;
+  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
+  display: -moz-flex;
+  /* Firefox 18+ */
+  display: -ms-flexbox;
+  /* IE 10 */
+  display: flex;
+  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
 }
 
 .flex-left {
-    width: 178px;
-    background-color: #1a2236;
-    height: 100%;
+  width: 178px;
+  background-color: #1a2236;
+  height: 100%;
 }
 
 .flex-right {
-    padding: 0 20px 20px;
-    box-sizing: border-box;
-    -webkit-box-flex: auto;
-    -ms-flex: auto;
-    -webkit-flex: auto;
-    flex: 1;
-    overflow-y: auto;
+  padding: 0 20px 20px;
+  box-sizing: border-box;
+  -webkit-box-flex: auto;
+  -ms-flex: auto;
+  -webkit-flex: auto;
+  flex: 1;
+  overflow-y: auto;
 }
 
 .flex-right-box {
-    width: 100%;
-    height: 100%;
-    position: relative;
+  width: 100%;
+  height: 100%;
+  position: relative;
 }
 
 .ces-main {
-    position: absolute;
-    width: 100%;
+  position: absolute;
+  width: 100%;
 }
 
 .v-modal {
-    background: #000a2b !important;
+  background: #000a2b !important;
 }
 
 .drawer600 {
-    width: 600px !important;
+  width: 600px !important;
 }
 
 .drawer620 {
-    width: 620px !important;
+  width: 620px !important;
 }
 
 .drawer1202 {
-    width: 1202px !important;
+  width: 1202px !important;
 }
 
-
 /* .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
 .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
   content: "";
 } */
 
-
 /* 设置switch的样式 */
 
 .switchStyle1 .el-switch__label {
-    position: absolute;
-    display: none;
-    color: #fff;
+  position: absolute;
+  display: none;
+  color: #fff;
 }
 
-
 /*打开时文字位置设置*/
 
 .switchStyle1 .el-switch__label--right {
-    z-index: 1;
-    right: -10px;
-    top: 1px;
+  z-index: 1;
+  right: -10px;
+  top: 1px;
 }
 
-
 /*关闭时文字位置设置*/
 
 .switchStyle1 .el-switch__label--left {
-    z-index: 1;
-    left: 28px;
-    top: 1px;
+  z-index: 1;
+  left: 28px;
+  top: 1px;
 }
 
 .switchStyle1 .el-switch__label.is-active {
-    display: block;
+  display: block;
 }
 
 .switchStyle1.el-switch .el-switch__core,
 .switchStyle1.el-switch .el-switch__label {
-    width: 62px !important;
-    height: 28px !important;
-    border-radius: 28px !important;
+  width: 62px !important;
+  height: 28px !important;
+  border-radius: 28px !important;
 }
 
 .switchStyle1 .el-switch__core {
-    background: #f8f9fd !important;
-    border: 1px solid #8890a7 !important;
+  background: #f8f9fd !important;
+  border: 1px solid #8890a7 !important;
 }
 
 .switchStyle1 .el-switch__core:after {
-    background: #8890a7 !important;
-    width: 22px;
-    height: 22px;
-    left: 2px;
-    top: 2.1px;
+  background: #8890a7 !important;
+  width: 22px;
+  height: 22px;
+  left: 2px;
+  top: 2.1px;
 }
 
 .switchStyle1.el-switch.is-checked .el-switch__core {
-    background: #f8f9fd !important;
-    border: 1px solid #5c82ff !important;
+  background: #f8f9fd !important;
+  border: 1px solid #5c82ff !important;
 }
 
 .switchStyle1.el-switch.is-checked .el-switch__core:after {
-    background: #5c82ff !important;
-    width: 22px;
-    height: 22px;
-    right: 0;
-    top: 2.1px;
+  background: #5c82ff !important;
+  width: 22px;
+  height: 22px;
+  right: 0;
+  top: 2.1px;
 }
 
 .switchStyle1.el-switch.is-checked .el-switch__core::after {
-    margin-left: -25px;
+  margin-left: -25px;
 }
 
 .switchStyle1 .el-switch__label * {
-    font-size: 14px !important;
-    font-weight: 800;
+  font-size: 14px !important;
+  font-weight: 800;
 }
 
 .switchStyle1.el-switch .el-switch__label {
-    color: #8890a7 !important;
+  color: #8890a7 !important;
 }
 
 .switchStyle1.el-switch.is-checked .el-switch__label {
-    color: #5c82ff !important;
+  color: #5c82ff !important;
 }
 
 .switchStyle1.el-switch:hover {
-    opacity: 0.8;
+  opacity: 0.8;
 }
 
-
 /* 自定义图表提示框小三角 */
 
-
 /* .div-tip-warp {
   position: relative;
   line-height: 22px;
@@ -610,514 +585,506 @@ border-radius:8px;
 } */
 
 .el-input__inner {
-    border-radius: 6px;
+  border-radius: 6px;
 }
 
 .el-input-group__append,
 .el-input-group__prepend {
-    border-radius: 8px;
+  border-radius: 8px;
 }
 
 .el-button {
-    border-radius: 4px;
-    height: 36px;
-    line-height: 36px;
+  border-radius: 4px;
+  height: 36px;
+  line-height: 36px;
 }
 
 .el-select-dropdown {
-    z-index: 20000 !important;
+  z-index: 20000 !important;
 }
 
-
 /*
     下拉选样式
     此处勿删，apaasV3下拉选择样式统一用这个
  */
 
 .el-select-dropdown {
-    border-radius: 8px;
+  border-radius: 8px;
 }
 
 .el-select-dropdown__empty {
-    color: #f4f7fc;
-    border-radius: 8px;
+  color: #f4f7fc;
+  border-radius: 8px;
 }
 
 .el-select-dropdown__list {
-    padding: 0;
-    top: 10px;
-    border-radius: 4px;
+  padding: 0;
+  top: 10px;
+  border-radius: 4px;
 }
 
 .el-select-dropdown__item {
-    font-size: 12px;
-    padding: 0 20px;
-    height: 34px;
-    line-height: 34px;
+  font-size: 12px;
+  padding: 0 20px;
+  height: 34px;
+  line-height: 34px;
 }
 
 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
-    background-color: transparent;
-    color: #2b4695;
+  background-color: transparent;
+  color: #2b4695;
 }
 
 .el-scrollbar {
-    border-radius: 8px;
+  border-radius: 8px;
 }
 
 .el-popper[x-placement^="bottom"] .popper__arrow::after {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 .el-popper[x-placement^="top"] .popper__arrow::after {
-    border-top-color: transparent;
+  border-top-color: transparent;
 }
 
-
 /* 单选激活样式 */
 
 .el-radio__input .el-radio__inner {
-    border-color: #dadee7;
-    background-color: #fff;
-    width: 16px;
-    height: 16px;
+  border-color: #dadee7;
+  background-color: #fff;
+  width: 16px;
+  height: 16px;
 }
 
 .el-radio__input.is-checked .el-radio__inner {
-    border-color: #dadee7;
-    background-color: #fff;
+  border-color: #dadee7;
+  background-color: #fff;
 }
 
-.el-radio__input.is-checked+.el-radio__label {
-    color: #1a2236;
-    font-weight: 700;
+.el-radio__input.is-checked + .el-radio__label {
+  color: #1a2236;
+  font-weight: 700;
 }
 
 .el-radio__inner::after {
-    width: 8px;
-    height: 8px;
+  width: 8px;
+  height: 8px;
 }
 
 .el-radio__input.is-checked .el-radio__inner::after {
-    background-color: #2b4695;
+  background-color: #2b4695;
 }
 
 .el-radio__inner:hover {
-    border-color: #2b4695;
+  border-color: #2b4695;
 }
 
-
 /* 面包屑样式 */
 
 .bread_crumb {
-    margin: 20px;
-    font-size: 14px;
+  margin: 20px;
+  font-size: 14px;
 }
 
 .bread_crumb .el-breadcrumb__inner {
-    color: #b4c0f5 !important;
+  color: #b4c0f5 !important;
 }
 
 .bread_crumb .is-link {
-    color: #626de9 !important;
+  color: #626de9 !important;
 }
 
 .bread_crumb1 {
-    margin: 20px;
-    font-size: 14px;
+  margin: 20px;
+  font-size: 14px;
 }
 
 .bread_crumb1 .el-breadcrumb__inner {
-    color: #242c43 !important;
+  color: #242c43 !important;
 }
 
 .bread_crumb1 .is-link {
-    color: #898d9e !important;
+  color: #898d9e !important;
 }
 
-
 /* 应用超市详情页公共样式 */
 
 .sevice_detail {
-    max-width: 1340px;
-    padding-top: 1px;
-    margin: 0 auto;
+  max-width: 1340px;
+  padding-top: 1px;
+  margin: 0 auto;
 }
 
-
 /* common */
 
-.apass_breadcrumb>.el-breadcrumb {
-    padding: 10px 0;
+.apass_breadcrumb > .el-breadcrumb {
+  padding: 10px 0;
 }
 
-.apass_breadcrumb>.el-breadcrumb .el-breadcrumb__inner {
-    font-size: 14px;
-    font-weight: 400;
-    color: #898d9e;
-    line-height: 23px;
+.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner {
+  font-size: 14px;
+  font-weight: 400;
+  color: #898d9e;
+  line-height: 23px;
 }
 
-.apass_breadcrumb>.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
-    color: #242c43;
-    font-weight: normal;
+.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
+  color: #242c43;
+  font-weight: normal;
 }
 
 .apaas_button .el-button {
-    /* min-width: 90px; */
-    color: #404a62;
+  /* min-width: 90px; */
+  color: #404a62;
 }
 
 .apaas_button .el-button--mini,
 .apaas_button .el-button--mini.is-round {
-    padding: 10px 15px;
+  padding: 10px 15px;
 }
 
 .apaas_button .el-button--primary {
-    color: #fff;
-    background-color: #2b4695;
-    border-color: #2b4695;
+  color: #fff;
+  background-color: #2b4695;
+  border-color: #2b4695;
 }
 
 .apaas_button .el-button--primary.is-plain {
-    color: #2b4695;
-    background-color: #e1e4fb;
-    border-color: #e1e4fb;
+  color: #2b4695;
+  background-color: #e1e4fb;
+  border-color: #e1e4fb;
 }
 
 .apaas_button .el-button--info {
-    color: #fff;
-    background-color: #404a62;
-    border-color: #404a62;
+  color: #fff;
+  background-color: #404a62;
+  border-color: #404a62;
 }
 
 .apaas_button .el-button--info:hover {
-    background-color: #5c6579;
-    border-color: #5c6579;
+  background-color: #5c6579;
+  border-color: #5c6579;
 }
 
 .apaas_button .el-button--info:active {
-    background-color: #363f53;
-    border-color: #363f53;
+  background-color: #363f53;
+  border-color: #363f53;
 }
 
 .apaas_button .el-button--danger {
-    color: #fff;
-    background-color: #ad3a4a;
-    border-color: #ad3a4a;
+  color: #fff;
+  background-color: #ad3a4a;
+  border-color: #ad3a4a;
 }
 
 .apaas_button .el-button.is-disabled,
 .apaas_button .el-button.is-disabled:focus,
 .apaas_button .el-button.is-disabled:hover {
-    cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .apaas_button .el-button--warning.is-plain {
-    background-color: #fcefd6;
-    border-color: #fac266;
-    color: #e56600;
+  background-color: #fcefd6;
+  border-color: #fac266;
+  color: #e56600;
 }
 
 .apaas_button .el-button--warning {
-    background-color: #e56600;
-    border-color: #e56600;
-    color: #fcefd6;
+  background-color: #e56600;
+  border-color: #e56600;
+  color: #fcefd6;
 }
 
 .apaas_button .el-button--success {
-    background-color: #429e8a;
-    border-color: #429e8a;
-    color: #fff;
+  background-color: #429e8a;
+  border-color: #429e8a;
+  color: #fff;
 }
 
 .apaas_button .gray-button {
-    color: #fff;
-    background-color: #404a62;
-    border-color: #404a62;
+  color: #fff;
+  background-color: #404a62;
+  border-color: #404a62;
 }
 
 .apaas_button .el-button.is-disabled,
 .apaas_button .el-button.is-disabled:focus,
 .apaas_button .el-button.is-disabled:hover {
-    color: #c0c4cc;
-    cursor: not-allowed;
-    background-image: none;
-    background-color: #fff;
-    border-color: #ebeef5;
+  color: #c0c4cc;
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #fff;
+  border-color: #ebeef5;
 }
 
-.apass_table .el-table th>.cell {
-    color: #1a2236;
+.apass_table .el-table th > .cell {
+  color: #1a2236;
 }
 
 .apass_table .el-table td,
 .apass_table .el-table th.is-leaf {
-    border: none !important;
-    line-height: 23px;
+  border: none !important;
+  line-height: 23px;
 }
 
 .apass_table .el-table::before {
-    display: none;
+  display: none;
 }
 
 .apass_table .el-table {
-    width: 100%;
+  width: 100%;
 }
 
 .apass_table .el-table__row:nth-child(odd) td {
-    background-color: #f7f7f9;
+  background-color: #f7f7f9;
 }
 
 .apass_table .table_html a {
-    font-size: 14px;
-    color: #2b4695;
-    cursor: pointer;
+  font-size: 14px;
+  color: #2b4695;
+  cursor: pointer;
 }
 
 .apass_table .row_action {
-    user-select: none;
+  user-select: none;
 }
 
 .apass_table .row_action .btn {
-    font-size: 14px;
-    color: #3759be;
-    cursor: pointer;
+  font-size: 14px;
+  color: #3759be;
+  cursor: pointer;
 }
 
 .apass_table .row_action .btn.warn {
-    color: #830f53;
+  color: #830f53;
 }
 
 .apass_table .row_action .btn.disabled {
-    color: #999;
-    cursor: not-allowed;
+  color: #999;
+  cursor: not-allowed;
 }
 
 .apass_table .row_action .disabled.hide {
-    opacity: 0;
-    cursor: auto;
+  opacity: 0;
+  cursor: auto;
 }
 
 .apass_table .row_action .interval_line {
-    font-size: 14px;
-    color: #c1c7d7;
-    margin: 0 20px;
+  font-size: 14px;
+  color: #c1c7d7;
+  margin: 0 20px;
 }
 
 .apass_table .border-active td {
-    padding: 10px 0;
-    background-color: #e6ebfe;
-    border-top: 2px solid #515fe7 !important;
-    border-bottom: 2px solid #515fe7 !important;
+  padding: 10px 0;
+  background-color: #e6ebfe;
+  border-top: 2px solid #515fe7 !important;
+  border-bottom: 2px solid #515fe7 !important;
 }
 
 .apass_table .border-active td:first-child {
-    border-left: 2px solid #515fe7 !important;
+  border-left: 2px solid #515fe7 !important;
 }
 
 .apass_table .border-active td:last-child {
-    border-right: 2px solid #515fe7 !important;
+  border-right: 2px solid #515fe7 !important;
 }
 
 .apass_checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
 .apass_checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background-color: #3759be;
-    border-color: #515fe7;
+  background-color: #3759be;
+  border-color: #515fe7;
 }
 
-.apass_checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
-    color: #58617a;
+.apass_checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
+  color: #58617a;
 }
 
 .apaas_scroll::-webkit-scrollbar {
-    width: 16px;
-    height: 1px;
+  width: 16px;
+  height: 1px;
 }
 
 .apaas_scroll::-webkit-scrollbar-thumb {
-    border-radius: 8px;
-    /* background: #dde4ff; */
-    box-shadow: 8px 0 0 #a5adb7 inset;
-    border: 4px solid rgba(0, 0, 0, 0);
+  border-radius: 8px;
+  /* background: #dde4ff; */
+  box-shadow: 8px 0 0 #a5adb7 inset;
+  border: 4px solid rgba(0, 0, 0, 0);
 }
 
 .apaas_scroll::-webkit-scrollbar-track {
-    border-radius: 8px;
-    /* background: #f4f4f4; */
-    box-shadow: 8px 0 0 #f4f4f4 inset;
-    border: 4px solid rgba(0, 0, 0, 0);
+  border-radius: 8px;
+  /* background: #f4f4f4; */
+  box-shadow: 8px 0 0 #f4f4f4 inset;
+  border: 4px solid rgba(0, 0, 0, 0);
 }
 
 .apaas_scroll_nor::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
 
 .apaas_scroll_min::-webkit-scrollbar {
-    width: 6px;
-    height: 1px;
+  width: 6px;
+  height: 1px;
 }
 
 .apaas_scroll_min::-webkit-scrollbar-thumb {
-    border-radius: 3px;
-    background: #e6e9ef;
-    box-shadow: 8px 0 0 #e6e9ef inset;
-    border: 4px solid rgba(0, 0, 0, 0);
+  border-radius: 3px;
+  background: #e6e9ef;
+  box-shadow: 8px 0 0 #e6e9ef inset;
+  border: 4px solid rgba(0, 0, 0, 0);
 }
 
 .apaas_scroll_min::-webkit-scrollbar-track {
-    border-radius: 3px;
-    background: #fff;
-    box-shadow: 8px 0 0 #fff inset;
-    border: 4px solid rgba(0, 0, 0, 0);
+  border-radius: 3px;
+  background: #fff;
+  box-shadow: 8px 0 0 #fff inset;
+  border: 4px solid rgba(0, 0, 0, 0);
 }
 
-
 /* 详情页公共样式 by xuyiming */
 
 .apaas_detail_container {
-    padding: 0 20px;
+  padding: 0 20px;
 }
 
 .apaas_detail_container .main_contaner {
-    min-height: calc(100vh - 32px - 83px);
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
-    padding: 30px;
-    background-color: #fff;
-    border-radius: 10px;
-    margin-bottom: 14px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+  min-height: calc(100vh - 32px - 83px);
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  padding: 30px;
+  background-color: #fff;
+  border-radius: 10px;
+  margin-bottom: 14px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .apaas_detail_container .main_contaner.locked_height {
-    height: calc(100vh - 58px - 83px);
-    min-height: 400px;
+  height: calc(100vh - 58px - 83px);
+  min-height: 400px;
 }
 
 .apaas_detail_container .main_contaner.locked_height_900 {
-    height: calc(100vh - 58px - 83px);
-    min-height: 900px;
+  height: calc(100vh - 58px - 83px);
+  min-height: 900px;
 }
 
 .apaas_detail_container .detail_action {
-    text-align: right;
-    margin-top: 50px;
+  text-align: right;
+  margin-top: 50px;
 }
 
-.apaas_detail_container .detail_action .el-button+.el-button {
-    margin-left: 30px;
+.apaas_detail_container .detail_action .el-button + .el-button {
+  margin-left: 30px;
 }
 
 .apaas_detail_form {
-    max-width: 970px;
+  max-width: 970px;
 }
 
 .apaas_detail_form .el-input__inner,
 .apaas_detail_form .el-textarea__inner {
-    width: 100%;
-    background-color: #f7f8f9;
+  width: 100%;
+  background-color: #f7f8f9;
 }
 
 .apaas_detail_form .el-select {
-    width: 100%;
+  width: 100%;
 }
 
 .apaas_detail_form.el-form--label-top .el-form-item__label {
-    padding: 0 0 15px;
-    font-size: 14px;
-    line-height: 1;
-    color: #58617a;
+  padding: 0 0 15px;
+  font-size: 14px;
+  line-height: 1;
+  color: #58617a;
 }
 
 .apaas_detail_form .el-form-item {
-    margin-bottom: 30px;
+  margin-bottom: 30px;
 }
 
 .apaas_detail_form .textarea_count {
-    font-size: 14px;
-    line-height: 1;
-    color: #a9aec0;
-    text-align: right;
-    margin-top: 10px;
+  font-size: 14px;
+  line-height: 1;
+  color: #a9aec0;
+  text-align: right;
+  margin-top: 10px;
 }
 
 .apaas_steps {
-    height: 100%;
+  height: 100%;
 }
 
 .apaas_steps .apaas_step {
-    height: 100%;
-    position: relative;
+  height: 100%;
+  position: relative;
 }
 
 .apaas_steps .apaas_step .apaas_step_content {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: calc(100% - 64px);
-    border-bottom: 1px solid #f4f7fc;
-    /* overflow: hidden; */
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 64px);
+  border-bottom: 1px solid #f4f7fc;
+  /* overflow: hidden; */
 }
 
 .apaas_steps .apaas_step .apaas_step_action {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
 }
 
 .apaas_steps .apaas_step .apaas_step_action .el-button {
-    height: 44px;
-    width: 124px;
+  height: 44px;
+  width: 124px;
 }
 
-.apaas_steps .apaas_step .apaas_step_action .el-button+.el-button {
-    margin-left: 20px;
+.apaas_steps .apaas_step .apaas_step_action .el-button + .el-button {
+  margin-left: 20px;
 }
 
 .top_fliter {
-    display: flex;
+  display: flex;
 }
 
 .filter_list {
-    flex-grow: 1;
-    font-size: 0;
+  flex-grow: 1;
+  font-size: 0;
 }
 
-.filter_list>.filter_item {
-    display: flex;
-    align-items: center;
-    margin: 0 34px 16px 0;
+.filter_list > .filter_item {
+  display: flex;
+  align-items: center;
+  margin: 0 34px 16px 0;
 }
 
-
 /* .filter_list>.filter_item>* {
   display: inline-block;
   vertical-align: middle;
 } */
 
-.filter_list>.filter_item>.filter_title {
-    text-align: right;
-    font-size: 14px;
-    color: #242c43;
-    margin-right: 10px;
-    width: 84px;
-    white-space: pre-wrap;
-    font-weight: normal;
+.filter_list > .filter_item > .filter_title {
+  text-align: right;
+  font-size: 14px;
+  color: #242c43;
+  margin-right: 10px;
+  width: 84px;
+  white-space: pre-wrap;
+  font-weight: normal;
 }
 
-
 /* .filter_list>.filter_item>.filter_title+* {
   width: 300px;
 }
@@ -1133,137 +1100,133 @@ border-radius:8px;
 } */
 
 .top_fliter .filter_action {
-    flex-shrink: 0;
-    margin-left: 25px;
-    text-align: right;
+  flex-shrink: 0;
+  margin-left: 25px;
+  text-align: right;
 }
 
-.filter_action>.el-button {
-    /* min-width: 90px; */
-    height: 36px;
-    margin-top: 16px;
-    padding: 12px 17px;
+.filter_action > .el-button {
+  /* min-width: 90px; */
+  height: 36px;
+  margin-top: 16px;
+  padding: 12px 17px;
 }
 
-.filter_action>.el-button+.el-button {
-    margin-left: 10px;
+.filter_action > .el-button + .el-button {
+  margin-left: 10px;
 }
 
 .meassage_detail_dialog {
-    display: flex;
-    flex-wrap: wrap;
-    text-align: left;
+  display: flex;
+  flex-wrap: wrap;
+  text-align: left;
 }
 
 .meassage_detail_dialog .detail_item {
-    flex: 1 1 auto;
-    width: 50%;
-    margin-top: 20px;
+  flex: 1 1 auto;
+  width: 50%;
+  margin-top: 20px;
 }
 
 .meassage_detail_dialog .detail_item.full_line {
-    width: 100%;
+  width: 100%;
 }
 
 .meassage_detail_dialog .detail_item p {
-    padding: 0 15px;
-    font-size: 14px;
-    line-height: 22px;
-    color: #8890a7;
+  padding: 0 15px;
+  font-size: 14px;
+  line-height: 22px;
+  color: #8890a7;
 }
 
 .meassage_detail_dialog .detail_item .item_content {
-    color: #000;
-    margin-top: 10px;
+  color: #000;
+  margin-top: 10px;
 }
 
 .meassage_detail_dialog .detail_item .full_content {
-    padding: 10px 0;
-    border-radius: 8px;
-    background-color: #f8f9fd;
-    margin-top: 5px;
+  padding: 10px 0;
+  border-radius: 8px;
+  background-color: #f8f9fd;
+  margin-top: 5px;
 }
 
-.meassage_detail_dialog .detail_item .full_content>.apaas_scroll {
-    height: 176px;
-    overflow: auto;
+.meassage_detail_dialog .detail_item .full_content > .apaas_scroll {
+  height: 176px;
+  overflow: auto;
 }
 
 .meassage_detail_dialog .detail_item .full_content .item_content {
-    margin: 0;
+  margin: 0;
 }
 
 .no_wrap .apass_table td .cell {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all;
-    white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
 }
 
-
 /* 详情页公共样式 by xuyiming ~~~end */
 
-
 /*
     form_content
 */
 
 .from_content1 {
-    width: calc(100% - 40px);
-    background-color: rgba(255, 255, 255, 1);
-    overflow: hidden;
-    margin: 0 20px 20px;
-    position: relative;
-    box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.05);
-    border-radius: 12px;
-    padding-top: 20px;
+  width: calc(100% - 40px);
+  background-color: rgba(255, 255, 255, 1);
+  overflow: hidden;
+  margin: 0 20px 20px;
+  position: relative;
+  box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.05);
+  border-radius: 12px;
+  padding-top: 20px;
 }
 
 .from_content {
-    width: calc(100% - 40px);
-    background-color: rgba(255, 255, 255, 1);
-    /* flex: 1 0 auto; */
-    position: relative;
-    box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.05);
-    border-radius: 12px;
-    margin: 0 20px;
-    padding: 20px 20px 30px;
+  width: calc(100% - 40px);
+  background-color: rgba(255, 255, 255, 1);
+  /* flex: 1 0 auto; */
+  position: relative;
+  box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.05);
+  border-radius: 12px;
+  margin: 0 20px;
+  padding: 20px 20px 30px;
 }
 
 .from_content_table {
-    height: calc(100% - 90px);
+  height: calc(100% - 90px);
 }
 
 .from_content_table_app {
-    height: calc(100% - 170px);
+  height: calc(100% - 170px);
 }
 
 .from_content_table_auth {
-    height: calc(100% - 100px);
+  height: calc(100% - 100px);
 }
 
 .from_content_btn {
-    height: 40px;
-    margin-bottom: 20px;
+  height: 40px;
+  margin-bottom: 20px;
 }
 
-
 /* 时间控件样式 */
 
 .el-picker-panel {
-    background-color: #fff !important;
-    border-radius: 8px !important;
-    font-size: 12px !important;
-    color: #202531 !important;
-    box-shadow: 0 !important;
-    border: none !important;
+  background-color: #fff !important;
+  border-radius: 8px !important;
+  font-size: 12px !important;
+  color: #202531 !important;
+  box-shadow: 0 !important;
+  border: none !important;
 }
 
 .el-date-editor.el-input__wrapper {
-    background-color: #fff;
+  background-color: #fff;
 }
 
-
 /* 
 .el-picker-panel__footer {
     border-top: 1px solid #3f4864 !important;
@@ -1271,305 +1234,428 @@ border-radius:8px;
 } */
 
 .el-picker-panel__icon-btn {
-    color: #202531;
+  color: #202531;
 }
 
 .el-date-table th {
-    border-bottom: 1px solid #e6e9ef !important;
-    color: #202531 !important;
+  border-bottom: 1px solid #e6e9ef !important;
+  color: #202531 !important;
 }
 
 .el-date-table td.current:not(.disabled) span {
-    color: #e3e5ef !important;
-    background-color: #315efc !important;
+  color: #e3e5ef !important;
+  background-color: #315efc !important;
 }
 
 .el-date-table td.next-month,
 .el-date-table td.prev-month {
-    color: #a9b1c7 !important;
+  color: #a9b1c7 !important;
 }
 
 .el-date-picker__time-header {
-    border-bottom: 1px solid #3f4864 !important;
+  border-bottom: 1px solid #3f4864 !important;
 }
 
 .el-picker-panel__body .el-input__inner {
-    height: 24px !important;
-    line-height: 24px !important;
-    border-radius: 12px !important;
-    font-size: 12px;
+  height: 24px !important;
+  line-height: 24px !important;
+  border-radius: 12px !important;
+  font-size: 12px;
 }
 
 .el-picker-panel__footer .el-button {
-    background-color: #264dd9;
-    border-radius: 12px;
-    padding: 5px 12px;
-    color: #f4f7fc;
-    font-size: 12px;
-    border: none !important;
+  background-color: #264dd9;
+  border-radius: 12px;
+  padding: 5px 12px;
+  color: #f4f7fc;
+  font-size: 12px;
+  border: none !important;
 }
 
 .el-picker-panel__footer .el-button--text {
-    background-color: #dde4ff;
-    border-radius: 12px;
-    padding: 5px 12px;
-    color: #264dd9;
-    font-size: 12px;
+  background-color: #dde4ff;
+  border-radius: 12px;
+  padding: 5px 12px;
+  color: #264dd9;
+  font-size: 12px;
 }
 
 .el-button.is-plain:focus,
 .el-button.is-plain:hover {
-    background-color: #264dd9;
-    color: #f4f7fc;
+  background-color: #264dd9;
+  color: #f4f7fc;
 }
 
 .el-button--text:focus,
 .el-button--text:hover {
-    color: #264dd9;
+  color: #264dd9;
 }
 
 .el-time-panel {
-    border-radius: 8px !important;
-    /* border: 1px solid #3f4864 !important;
+  border-radius: 8px !important;
+  /* border: 1px solid #3f4864 !important;
     background-color: #242c43 !important; */
 }
 
 .el-time-panel__footer {
-    /* border: 1px solid #3f4864 !important; */
+  /* border: 1px solid #3f4864 !important; */
 }
 
 .el-time-panel__btn.confirm {
-    background-color: #264dd9;
-    border-radius: 12px !important;
-    padding: 0px 12px;
-    color: #f4f7fc !important;
-    font-size: 12px !important;
+  background-color: #264dd9;
+  border-radius: 12px !important;
+  padding: 0px 12px;
+  color: #f4f7fc !important;
+  font-size: 12px !important;
 }
 
 .el-time-panel__btn {
-    line-height: 22px !important;
-    height: 22px !important;
+  line-height: 22px !important;
+  height: 22px !important;
 }
 
 .el-time-spinner__item:hover:not(.disabled):not(.active) {
-    /* background-color: #264dd9 !important; */
-    /* border-radius: 12px !important; */
-    color: #f4f7fc;
+  /* background-color: #264dd9 !important; */
+  /* border-radius: 12px !important; */
+  color: #f4f7fc;
 }
 
 .el-time-spinner__item {
-    color: #58617a !important;
+  color: #58617a !important;
 }
 
 .el-date-table td.in-range div,
 .el-date-table td.in-range div:hover,
 .el-date-table.is-week-mode .el-date-table__row.current div,
 .el-date-table.is-week-mode .el-date-table__row:hover div {
-    background-color: #eff2fa !important;
+  background-color: #eff2fa !important;
 }
 
 .el-date-table td.end-date .el-date-table-cell__text,
 .el-date-table td.start-date .el-date-table-cell__text {
-    background-color: #3759be !important;
+  background-color: #3759be !important;
 }
 
 .el-date-table td.end-date span,
 .el-date-table td.start-date span {
-    background-color: #264dd9;
+  background-color: #264dd9;
 }
 
 .el-date-table td.today span {
-    color: #0c3ff7;
+  color: #0c3ff7;
 }
 
 .el-date-editor .el-range-separator {
-    width: 15%;
-    line-height: 28px;
-    color: #202531;
+  width: 15%;
+  line-height: 28px;
+  color: #202531;
 }
 
-
 /* table select window */
 
 .el-checkbox__input.is-checked .el-checkbox__inner,
 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background-color: #3759be;
-    border-color: #2b4695;
+  background-color: #3759be;
+  border-color: #2b4695;
 }
 
 .el-checkbox__input.is-focus .el-checkbox__inner {
-    border-color: #2b4695;
+  border-color: #2b4695;
 }
 
 .el-checkbox__input:hover .el-checkbox__inner {
-    border-color: #2b4695;
+  border-color: #2b4695;
 }
 
 .el-date-editor .el-range-input {
-    width: 36%;
+  width: 36%;
 }
 
 .el-input__inner:focus {
-    border-color: #515fe7;
+  border-color: #515fe7;
 }
 
 .el-textarea__inner:focus {
-    border-color: #515fe7;
+  border-color: #515fe7;
 }
 
 .el-select .el-input .el-select__caret {
-    color: #515fe7;
+  color: #515fe7;
 }
 
 .el-input-number__decrease,
 .el-input-number__increase {
-    color: #515fe7;
+  color: #515fe7;
 }
 
 .el-input__inner::-webkit-input-placeholder,
 .el-textarea__inner::-webkit-input-placeholder {
-    color: #a9aec0;
+  color: #a9aec0;
 }
 
 .el-input__inner:-moz-placeholder,
 .el-textarea__inner:-moz-placeholder {
-    /* Firefox 18- */
-    color: #a9aec0;
+  /* Firefox 18- */
+  color: #a9aec0;
 }
 
 .el-input__inner::-moz-placeholder,
 .el-textarea__inner::-moz-placeholder {
-    /* Firefox 19+ */
-    color: #a9aec0;
+  /* Firefox 19+ */
+  color: #a9aec0;
 }
 
 .el-input__inner:-ms-input-placeholder,
 .el-textarea__inner:-ms-input-placeholder {
-    color: #a9aec0;
+  color: #a9aec0;
 }
 
 [class*=" el-icon-"],
 [class^="el-icon-"] {
-    font-weight: 700;
+  font-weight: 700;
 }
 
 .el-rate__item .el-rate__icon {
-    font-size: 18px;
-    margin-right: 0;
+  font-size: 18px;
+  margin-right: 0;
 }
 
 .detai_form .el-input__inner,
 .detai_form .el-textarea__inner {
-    background-color: #f7f7f9;
-    border-radius: 4px;
-    border: solid 1px #dadee7;
+  background-color: #f7f7f9;
+  border-radius: 4px;
+  border: solid 1px #dadee7;
 }
 
 .detai_form .el-input.is-disabled .el-input__inner {
-    background-color: #e6e9ef;
+  background-color: #e6e9ef;
 }
 
 .tip-box-popper {
-    background: #242c43 !important;
+  background: #242c43 !important;
 }
 
 .p-1 {
-    padding: 5px;
+  padding: 5px;
 }
 
 .source_table .el-table thead tr {
-    background-color: #dfe5f6 !important;
+  background-color: #dfe5f6 !important;
 }
 
 .source_table .el-table th {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .source_table .el-table td {
-    border-bottom: 1px solid #dadee7 !important;
+  border-bottom: 1px solid #dadee7 !important;
 }
 
 .source_table .el-table__header {
-    border: 1px solid #b0bee8;
+  border: 1px solid #b0bee8;
 }
 
 .source_table .el-table__body-wrapper {
-    border-left: 1px solid #dadee7 !important;
-    border-right: 1px solid #dadee7 !important;
+  border-left: 1px solid #dadee7 !important;
+  border-right: 1px solid #dadee7 !important;
 }
 
 .source_table .el-table__empty-block {
-    border-bottom: 1px solid #dadee7 !important;
+  border-bottom: 1px solid #dadee7 !important;
 }
 
 .source_footer {
-    margin-top: 15px;
-    text-align: center;
+  margin-top: 15px;
+  text-align: center;
 }
 
 .source_title {
-    font-size: 14px;
-    padding: 10px 0;
-    text-align: left;
+  font-size: 14px;
+  padding: 10px 0;
+  text-align: left;
 }
 
 .headerBox {
-    font-size: 18px;
-    line-height: 18px;
-    font-weight: 700;
-    font-stretch: normal;
-    letter-spacing: 0px;
-    color: #1a1a1a;
+  font-size: 18px;
+  line-height: 18px;
+  font-weight: 700;
+  font-stretch: normal;
+  letter-spacing: 0px;
+  color: #1a1a1a;
 }
 
 .headerBox span:first-child {
-    display: inline-block;
-    width: 4px;
-    height: 16px;
-    background-color: #3759be;
-    border-radius: 2px;
-    margin-right: 10px;
-    vertical-align: bottom;
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  background-color: #3759be;
+  border-radius: 2px;
+  margin-right: 10px;
+  vertical-align: bottom;
 }
 
 .row_text {
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
 }
 
 .close_reason {
-    padding: 2px 5px;
-    background-color: #dedede;
-    display: inline-block;
-    margin-top: 10px;
+  padding: 2px 5px;
+  background-color: #dedede;
+  display: inline-block;
+  margin-top: 10px;
 }
 
 .pointer {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .pr-1 {
-    padding-right: 10px;
+  padding-right: 10px;
 }
 
 .page_container {
-    width: 100%;
-    padding: 0 24px;
-    /* min-height: 100%; */
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
+  width: 100%;
+  padding: 0 24px;
+  /* min-height: 100%; */
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
 }
 
 .page_content {
-    background-color: #fff;
-    height: calc(100% - 46px - 20px);
-    box-shadow: 0px 1px 4px 0px rgba(0, 7, 101, 0.15);
-    border-radius: 6px;
-}
\ No newline at end of file
+  background-color: #fff;
+  height: calc(100% - 46px - 20px);
+  box-shadow: 0px 1px 4px 0px rgba(0, 7, 101, 0.15);
+  border-radius: 6px;
+}
+
+.flex_row {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+}
+
+.flex_left {
+  height: calc(100% - 16px);
+  width: 320px;
+  margin-right: 10px;
+  overflow: hidden;
+}
+.flex_right {
+  height: calc(100% - 16px);
+  flex: 1;
+
+  overflow: hidden;
+}
+
+.bgc_white {
+  box-shadow: 0px 1px 4px 0px rgba(0, 7, 101, 0.15);
+  border-radius: 6px;
+  background-color: #fff;
+}
+
+.tree::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.tree::-webkit-scrollbar-thumb {
+  background: #bcc1d0;
+  border-radius: 10px;
+  height: 6px;
+}
+.tree::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 2px;
+}
+.font_bold {
+  font-size: 18px;
+  color: #202531;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+.header_info {
+  font-size: 14px;
+  color: #404a62;
+  padding-left: 20px;
+}
+.fr {
+  float: right;
+}
+.pl-1 {
+  padding-left: 1rem;
+}
+.label-text {
+  font-size: 14px;
+  color: #404a62;
+}
+.icon_eye {
+  font-size: 12px;
+  color: #a9b1c7;
+  margin-right: 8px;
+  vertical-align: baseline;
+  cursor: pointer;
+}
+/* 可点击文字颜色、指针样式 */
+.can_click_text {
+  cursor: pointer;
+  color: #3759be;
+}
+.can_click_text:hover {
+  color: #738bd2;
+}
+.can_click_text:active {
+  color: #2c4798;
+}
+
+.warning_info {
+  background-color: #f7f7f9;
+  font-size: 14px;
+  color: #404a62;
+  padding: 5px;
+  text-align: left;
+  margin: 20px 0;
+}
+.danger_info {
+  color: #d75138;
+}
+
+.register_btn {
+  display: flex;
+  align-items: center;
+  background-color: #eff2fa;
+  border-radius: 4px;
+  border: solid 1px #b0bee8;
+  color: #3759be;
+}
+.register_btn .icon-arrow-right {
+  margin-left: 39px;
+}
+.forget_psd {
+  font-size: 14px;
+  color: #3759be;
+  cursor: pointer;
+}
+
+.select-empty {
+  color: #616f94;
+  text-align: center;
+  padding: 20px;
+}
+
+.tip-image {
+  position: absolute;
+  right: -24px;
+  bottom: 9px;
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+  background-image: url("../imgs/ic_tips.png");
+  background-size: contain;
+}
-- 
2.26.0