@media screen and (max-width: 650px) {
  #app {
    width: 100vw;
    overflow: hidden; }
    #app #front-page {
      width: 100%;
      overflow: auto; }
      #app #front-page #Header {
        width: 650px; }
        #app #front-page #Header .header-left {
          display: none; }
        #app #front-page #Header .menu-box {
          max-width: calc(100% - 310px); }
        #app #front-page #Header .app-header-userinfo {
          padding-left: 10px; }
          #app #front-page #Header .app-header-userinfo .header-r-box {
            padding-right: 10px;
            width: 300px; }
      #app #front-page .content-box {
        width: 650px; }
    #app #Documents {
      width: 100%;
      overflow: auto; }
      #app #Documents #Header {
        width: 1500px; }
      #app #Documents .el-aside {
        width: 150px !important;
        overflow: auto; }
      #app #Documents #DocPreviewer {
        width: 1500px;
        overflow: auto; }
    #app #Login {
      width: 100%;
      overflow: auto; }
      #app #Login .login-box {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-left: 0px; }
    #app #Main {
      width: 100%;
      overflow: auto; }
      #app #Main #Header {
        width: 650px; }
        #app #Main #Header .header-left {
          display: none; }
        #app #Main #Header .menu-box {
          max-width: calc(100% - 493px); }
        #app #Main #Header .app-header-userinfo {
          padding-left: 10px; }
          #app #Main #Header .app-header-userinfo .header-r-box {
            padding-right: 10px;
            width: 483px;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end; }
    #app #mainContainerBox {
      width: 650px;
      overflow: auto; }
    #app .el-aside.app-side.app-side-collapsed {
      width: 60px !important; }
      #app .el-aside.app-side.app-side-collapsed .slider-zoom {
        margin-left: -28px; }
    #app .el-aside.app-side.app-side-expanded {
      width: 200px !important; }
      #app .el-aside.app-side.app-side-expanded .slider-zoom {
        margin-left: -8px; }
    #app #Main > .el-tab-list {
      width: 650px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #app .el-dialog.el-dialog--center {
      width: 95% !important;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    #app .el-tabs--border-card > .el-tabs__content {
      width: calc(100% - 30px); }
    #app .el-tab-pane {
      width: 100%; }
  .el-message-box {
    width: 80% !important; }
  #FilterQuery .filter-query-box {
    padding-right: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: start;
        align-self: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  #FilterQuery .filter-query-box .btn-box {
    position: relative !important;
    top: 0px;
    left: 130px; }
  #FilterQuery.more-filter-box.spread-filter {
    padding-bottom: 65px !important; }
  .el-dialog {
    width: 95% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .el-drawer {
    width: 96% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #app .small .el-main #FitmentPage {
    width: 1500px;
    overflow: auto; } }

@charset "UTF-8";
html {
  font-size: 100%; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
span,
td {
  margin: 0;
  padding: 0;
  word-break: break-word;
  word-wrap: break-word; }

body {
  -webkit-text-size-adjust: none;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll; }

em,
i {
  font-style: normal; }

label,
input,
select,
img,
button {
  vertical-align: middle; }

img,
input,
button,
textarea {
  border: 0; }

ol,
ul {
  list-style: none; }

button {
  cursor: pointer; }

input,
button,
textarea,
select {
  background: transparent;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0; }

a,
li,
input,
button,
section,
span,
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }

a {
  text-decoration: none; }

.iconfont {
  display: inline-block;
  font-family: 'iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px; }

:focus {
  outline: 0; }

.fix:before,
.fix:after {
  display: block;
  content: 'clear';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.card-dis {
  margin-bottom: 12px; }

/**  字体颜色  */
.c-000 {
  color: #000; }

.c-1677ff {
  color: #1677ff; }

.c-323233 {
  color: #323233; }

.c-3e4043 {
  color: #3e4043; }

.c-f56c6c {
  color: #f56c6c; }

.c-fa5555 {
  color: #fa5555; }

.c-e6a23c {
  color: #e6a23c; }

.c-67c23a {
  color: #67c23a; }

.c-2fa73e {
  color: #2fa73e; }

.c-fff {
  color: #fff; }

.c-e4e7ed {
  color: #e4e7ed; }

.c-trans {
  color: transparent; }

.c-303133 {
  color: #303133; }

.c-606266 {
  color: #606266; }

.c-909399 {
  color: #909399; }

.c-c0c4cc {
  color: #c0c4cc; }

.c-dcdfe6 {
  color: #dcdfe6; }

.c-theme {
  color: var(--themeColor); }

.c-theme-5 {
  color: var(--litterThemeColor); }

.c-theme-30 {
  color: var(--middleThemeColor); }

.bgc-theme {
  background-color: var(--themeColor); }

.bgc-theme-10 {
  background-color: var(--subThemeColor); }

.bgc-theme-5 {
  background-color: var(--litterThemeColor); }

.bgc-theme-30 {
  background-color: var(--middleThemeColor); }

/**  背景颜色  */
.bgc-fff {
  background-color: #fff; }

.bgc-f8fafb {
  background-color: #f8fafb; }

.bgc-f5f5f5 {
  background-color: #f5f5f5; }

.bgc-f2f6fc {
  background-color: #f2f6fc; }

.bgc-f7f8fa {
  background-color: #f7f8fa; }

.bgc-1677ff {
  background-color: #1677ff; }

.bgc-67c23a {
  background-color: #67c23a; }

.bgc-e6a23c {
  background-color: #e6a23c; }

.bgc-f56c6c {
  background-color: #f56c6c; }

.bgc-909399 {
  background-color: #909399; }

.bgc-e4f1ff {
  background-color: #e4f1ff; }

/*reset*/
.vertical-ali {
  vertical-align: middle !important; }

.vertical-normal {
  vertical-align: initial; }

.vertical-bot {
  vertical-align: bottom; }

.underline {
  text-decoration: underline; }

/**  padding  */
/* 上 */
.pt0 {
  padding-top: 0px; }

.pt2 {
  padding-top: 2px; }

.pt3 {
  padding-top: 3px; }

.pt4 {
  padding-top: 4px; }

.pt5 {
  padding-top: 5px; }

.pt6 {
  padding-top: 6px; }

.pt8 {
  padding-top: 8px; }

.pt10 {
  padding-top: 10px; }

.pt12 {
  padding-top: 12px; }

.pt13 {
  padding-top: 13px; }

.pt14 {
  padding-top: 14px; }

.pt15 {
  padding-top: 15px; }

.pt16 {
  padding-top: 16px; }

.pt18 {
  padding-top: 18px; }

.pt20 {
  padding-top: 20px; }

.pt22 {
  padding-top: 22px; }

.pt24 {
  padding-top: 24px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pt34 {
  padding-top: 34px; }

.pt36 {
  padding-top: 36px; }

.pt40 {
  padding-top: 40px; }

.pt44 {
  padding-top: 44px; }

.pt45 {
  padding-top: 45px; }

.pt48 {
  padding-top: 48px; }

.pt55 {
  padding-top: 55px; }

.pt56 {
  padding-top: 56px; }

.pt58 {
  padding-top: 58px; }

.pt60 {
  padding-top: 60px; }

.pt65 {
  padding-top: 65px; }

.pt70 {
  padding-top: 70px; }

.pt87 {
  padding-top: 87px; }

.pt90 {
  padding-top: 90px; }

.pt91 {
  padding-top: 91px; }

.pt97 {
  padding-top: 97px; }

.pt100 {
  padding-top: 100px; }

/* 下 */
.pb0 {
  padding-bottom: 0px; }

.pb1 {
  padding-bottom: 1px; }

.pb2 {
  padding-bottom: 2px; }

.pb4 {
  padding-bottom: 4px; }

.pb5 {
  padding-bottom: 5px; }

.pb6 {
  padding-bottom: 6px; }

.pb8 {
  padding-bottom: 8px; }

.pb10 {
  padding-bottom: 10px; }

.pb12 {
  padding-bottom: 12px; }

.pb13 {
  padding-bottom: 13px; }

.pb15 {
  padding-bottom: 15px; }

.pb14 {
  padding-bottom: 14px; }

.pb16 {
  padding-bottom: 16px; }

.pb18 {
  padding-bottom: 18px; }

.pb20 {
  padding-bottom: 20px; }

.pb24 {
  padding-bottom: 24px; }

.pb30 {
  padding-bottom: 30px; }

.pb36 {
  padding-bottom: 36px; }

.pb37 {
  padding-bottom: 37px; }

.pb48 {
  padding-bottom: 48px; }

.pb50 {
  padding-bottom: 50px; }

.pb60 {
  padding-bottom: 60px; }

.pb54 {
  padding-bottom: 54px; }

.pb64 {
  padding-bottom: 64px; }

.pb80 {
  padding-bottom: 80px; }

.pb90 {
  padding-bottom: 90px; }

.pb100 {
  padding-bottom: 100px; }

.pb106 {
  padding-bottom: 106px; }

.pb125 {
  padding-bottom: 125px; }

.pb200 {
  padding-bottom: 200px; }

.pb150 {
  padding-bottom: 150px; }

.pb170 {
  padding-bottom: 170px; }

/* 左 */
.pl0 {
  padding-left: 0; }

.pl2 {
  padding-left: 2px; }

.pl4 {
  padding-left: 4px; }

.pl6 {
  padding-left: 6px; }

.pl7 {
  padding-left: 7px; }

.pl8 {
  padding-left: 8px; }

.pl10 {
  padding-left: 10px; }

.pl11 {
  padding-left: 11px; }

.pl12 {
  padding-left: 12px; }

.pl13 {
  padding-left: 13px; }

.pl14 {
  padding-left: 14px; }

.pl16 {
  padding-left: 16px; }

.pl18 {
  padding-left: 16px; }

.pl20 {
  padding-left: 20px; }

.pl24 {
  padding-left: 24px; }

.pl30 {
  padding-left: 30px; }

.pl32 {
  padding-left: 32px; }

.pl40 {
  padding-left: 40px; }

/* 右 */
.pr0 {
  padding-right: 0; }

.pr4 {
  padding-right: 4px; }

.pr5 {
  padding-right: 5px; }

.pr6 {
  padding-right: 6px; }

.pr7 {
  padding-right: 7px; }

.pr8 {
  padding-right: 8px; }

.pr10 {
  padding-right: 10px; }

.pr11 {
  padding-right: 11px; }

.pr12 {
  padding-right: 12px; }

.pr13 {
  padding-right: 13px; }

.pr14 {
  padding-right: 14px; }

.pr15 {
  padding-right: 15px; }

.pr16 {
  padding-right: 16px; }

.pr18 {
  padding-right: 16px; }

.pr20 {
  padding-right: 20px; }

.pr24 {
  padding-right: 24px; }

.pr28 {
  padding-right: 28px; }

.pr30 {
  padding-right: 30px; }

/* pd */
.pd0 {
  padding: 0px; }

.pd2 {
  padding: 2px; }

.pd3 {
  padding: 3px; }

.pd4 {
  padding: 4px; }

.pd5 {
  padding: 5px; }

.pd6 {
  padding: 6px; }

.pd8 {
  padding: 8px; }

.pd9 {
  padding: 9px; }

.pd10 {
  padding: 10px; }

.pd12 {
  padding: 12px; }

.pd14 {
  padding: 14px; }

.pd15 {
  padding: 15px; }

.pd16 {
  padding: 16px; }

.pd18 {
  padding: 18px; }

.pd20 {
  padding: 20px; }

.pd24 {
  padding: 20px; }

.pd24 {
  padding: 24px; }

.pd25 {
  padding: 25px; }

.ptb0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.ptb1 {
  padding-top: 1px;
  padding-bottom: 1px; }

.ptb2 {
  padding-top: 2px;
  padding-bottom: 2px; }

.ptb3 {
  padding-top: 3px;
  padding-bottom: 3px; }

.ptb4 {
  padding-top: 4px;
  padding-bottom: 4px; }

.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.ptb6 {
  padding-top: 6px;
  padding-bottom: 6px; }

.ptb7 {
  padding-top: 7px;
  padding-bottom: 7px; }

.ptb8 {
  padding-top: 8px;
  padding-bottom: 8px; }

.ptb9 {
  padding-top: 9px;
  padding-bottom: 9px; }

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.ptb11 {
  padding-top: 11px;
  padding-bottom: 11px; }

.ptb12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.ptb14 {
  padding-top: 14px;
  padding-bottom: 14px; }

.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.ptb16 {
  padding-top: 16px;
  padding-bottom: 16px; }

.ptb19 {
  padding-top: 19px;
  padding-bottom: 19px; }

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.ptb24 {
  padding-top: 24px;
  padding-bottom: 24px; }

.ptb25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.ptb32 {
  padding-top: 32px;
  padding-bottom: 32px; }

.ptb33 {
  padding-top: 33px;
  padding-bottom: 33px; }

.ptb45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.ptb70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.plr0 {
  padding-left: 0;
  padding-right: 0; }

.plr1 {
  padding-left: 1px;
  padding-right: 1px; }

.plr2 {
  padding-left: 2px;
  padding-right: 2px; }

.plr3 {
  padding-left: 3px;
  padding-right: 3px; }

.plr4 {
  padding-left: 4px;
  padding-right: 4px; }

.plr5 {
  padding-left: 5px;
  padding-right: 5px; }

.plr6 {
  padding-left: 6px;
  padding-right: 6px; }

.plr8 {
  padding-left: 8px;
  padding-right: 8px; }

.plr10 {
  padding-left: 10px;
  padding-right: 10px; }

.plr12 {
  padding-left: 12px;
  padding-right: 12px; }

.plr14 {
  padding-left: 14px;
  padding-right: 14px; }

.plr15 {
  padding-left: 15px;
  padding-right: 15px; }

.plr16 {
  padding-left: 16px;
  padding-right: 16px; }

.plr18 {
  padding-left: 18px;
  padding-right: 18px; }

.plr20 {
  padding-left: 20px;
  padding-right: 20px; }

.plr24 {
  padding-left: 24px;
  padding-right: 24px; }

.plr30 {
  padding-left: 30px;
  padding-right: 30px; }

.plr46 {
  padding-left: 46px;
  padding-right: 46px; }

.plr60 {
  padding-left: 60px;
  padding-right: 60px; }

.plr80 {
  padding-left: 80px;
  padding-right: 80px; }

.plr148 {
  padding-left: 148px;
  padding-right: 148px; }

/**  margin  */
.mt0 {
  margin-top: 0; }

.mt1 {
  margin-top: 1px; }

.mt2 {
  margin-top: 2px; }

.mt3 {
  margin-top: 3px; }

.mt4 {
  margin-top: 4px; }

.mt5 {
  margin-top: 5px; }

.mt6 {
  margin-top: 6px; }

.mt7 {
  margin-top: 7px; }

.mt8 {
  margin-top: 8px; }

.mt9 {
  margin-top: 9px; }

.mt10 {
  margin-top: 10px; }

.mt12 {
  margin-top: 12px; }

.mt13 {
  margin-top: 13px; }

.mt14 {
  margin-top: 14px; }

.mt15 {
  margin-top: 15px; }

.mt16 {
  margin-top: 16px; }

.mt18 {
  margin-top: 18px; }

.mt20 {
  margin-top: 20px; }

.mt21 {
  margin-top: 20px; }

.mt23 {
  margin-top: 23px; }

.mt24 {
  margin-top: 24px; }

.mt27 {
  margin-top: 27px; }

.mt28 {
  margin-top: 28px; }

.mt30 {
  margin-top: 30px; }

.mt32 {
  margin-top: 32px; }

.mt40 {
  margin-top: 40px; }

.mt44 {
  margin-top: 44px; }

.mt42 {
  margin-top: 42px; }

.mt45 {
  margin-top: 45px; }

.mt75 {
  margin-top: 75px; }

.mt46 {
  margin-top: 46px; }

.mt48 {
  margin-top: 48px; }

.mt53 {
  margin-top: 53px; }

.mt58 {
  margin-top: 58px; }

.mt61 {
  margin-top: 61px; }

.mt65 {
  margin-top: 65px; }

.mt80 {
  margin-top: 80px; }

.mt90 {
  margin-top: 90px; }

.mt120 {
  margin-top: 120px; }

.mt144 {
  margin-top: 144px; }

.mt200 {
  margin-top: 200px; }

.ml-auto {
  margin-left: auto; }

.ml2 {
  margin-left: 2px; }

.ml4 {
  margin-left: 4px; }

.ml5 {
  margin-left: 5px; }

.ml6 {
  margin-left: 6px; }

.ml7 {
  margin-left: 7px; }

.ml8 {
  margin-left: 8px; }

.ml10 {
  margin-left: 10px; }

.ml11 {
  margin-left: 11px; }

.ml12 {
  margin-left: 12px; }

.ml15 {
  margin-left: 15px; }

.ml16 {
  margin-left: 16px; }

.ml18 {
  margin-left: 18px; }

.ml20 {
  margin-left: 20px; }

.ml22 {
  margin-left: 22px; }

.ml24 {
  margin-left: 24px; }

.ml32 {
  margin-left: 32px; }

.ml48 {
  margin-left: 48px; }

.mr0 {
  margin-right: 0; }

.mr2 {
  margin-right: 2px; }

.mr4 {
  margin-right: 4px; }

.mr5 {
  margin-right: 5px; }

.mr6 {
  margin-right: 6px; }

.mr8 {
  margin-right: 8px; }

.mr10 {
  margin-right: 10px; }

.mr12 {
  margin-right: 12px; }

.mr14 {
  margin-right: 14px; }

.mr15 {
  margin-right: 15px; }

.mr16 {
  margin-right: 16px; }

.mr17 {
  margin-right: 17px; }

.mr18 {
  margin-right: 18px; }

.mr20 {
  margin-right: 20px; }

.mr24 {
  margin-right: 24px; }

.mr30 {
  margin-right: 30px; }

.mr32 {
  margin-right: 32px; }

.mr35 {
  margin-right: 35px; }

.mr40 {
  margin-right: 40px; }

.mb0 {
  margin-bottom: 0px; }

.mb2 {
  margin-bottom: 2px; }

.mb3 {
  margin-bottom: 3px; }

.mb4 {
  margin-bottom: 4px; }

.mb5 {
  margin-bottom: 5px; }

.mb6 {
  margin-bottom: 6px; }

.mb7 {
  margin-bottom: 7px; }

.mb8 {
  margin-bottom: 8px; }

.mb9 {
  margin-bottom: 9px; }

.mb10 {
  margin-bottom: 10px; }

.mb12 {
  margin-bottom: 12px; }

.mb13 {
  margin-bottom: 13px; }

.mb14 {
  margin-bottom: 14px; }

.mb15 {
  margin-bottom: 15px; }

.mb16 {
  margin-bottom: 16px; }

.mb20 {
  margin-bottom: 20px; }

.mb24 {
  margin-bottom: 24px; }

.mb28 {
  margin-bottom: 28px; }

.mb16 {
  margin-bottom: 16px; }

.mb30 {
  margin-bottom: 30px; }

.mb32 {
  margin-bottom: 32px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb44 {
  margin-bottom: 44px; }

.mb48 {
  margin-bottom: 48px; }

.mb60 {
  margin-bottom: 60px; }

.mb64 {
  margin-bottom: 64px; }

.mb72 {
  margin-bottom: 72px; }

.mb80 {
  margin-bottom: 80px; }

.mtb0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.mtb4 {
  margin-top: 4px;
  margin-bottom: 4px; }

.mtb6 {
  margin-top: 6px;
  margin-bottom: 6px; }

.mtb8 {
  margin-top: 8px;
  margin-bottom: 8px; }

.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mtb12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mtb16 {
  margin-top: 16px;
  margin-bottom: 16px; }

.mtb18 {
  margin-top: 18px;
  margin-bottom: 18px; }

.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mlr2 {
  margin-left: 2px;
  margin-right: 2px; }

.mlr4 {
  margin-left: 4px;
  margin-right: 4px; }

.mlr5 {
  margin-left: 5px;
  margin-right: 5px; }

.mlr8 {
  margin-left: 8px;
  margin-right: 8px; }

.mlr10 {
  margin-left: 10px;
  margin-right: 10px; }

.mlr12 {
  margin-left: 12px;
  margin-right: 12px; }

.mlr15 {
  margin-left: 15px;
  margin-right: 15px; }

.mlr16 {
  margin-left: 16px;
  margin-right: 16px; }

.mlr20 {
  margin-left: 20px;
  margin-right: 20px; }

.mlr41 {
  margin-left: 41px;
  margin-right: 41px; }

.m0a {
  margin: 0 auto; }

/**  字体大小  */
.ft10 {
  font-size: 10px; }

.ft11 {
  font-size: 11px; }

.ft12 {
  font-size: 12px; }

.ft13 {
  font-size: 13px; }

.ft14 {
  font-size: 14px; }

.ft15 {
  font-size: 15px; }

.ft16 {
  font-size: 16px; }

.ft17 {
  font-size: 17px; }

.ft18 {
  font-size: 18px; }

.ft19 {
  font-size: 19px; }

.ft20 {
  font-size: 20px; }

.ft21 {
  font-size: 21px; }

.ft22 {
  font-size: 22px; }

.ft23 {
  font-size: 23px; }

.ft24 {
  font-size: 24px; }

.ft26 {
  font-size: 26px; }

.ft28 {
  font-size: 28px; }

.ft32 {
  font-size: 32px; }

.ft36 {
  font-size: 36px; }

.ft40 {
  font-size: 40px; }

.ft46 {
  font-size: 46px; }

.ft60 {
  font-size: 60px; }

/**  字体粗细  */
.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.fw-900 {
  font-weight: 900; }

.fw-bold {
  font-weight: 700; }

/* 文字间距 */
.ls-05 {
  letter-spacing: -0.5px; }

.ls1 {
  letter-spacing: 1px; }

.ls2 {
  letter-spacing: 2px; }

.ls4 {
  letter-spacing: 4px; }

/**  hover显示手  */
.pointer {
  cursor: pointer; }

.not-allowed {
  cursor: not-allowed; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.flex1-5 {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5; }

.flex1-3 {
  -webkit-box-flex: 1.3;
      -ms-flex: 1.3;
          flex: 1.3; }

.flex1-2 {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2; }

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.flex-align-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.flex-start-center-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.flex-align-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.flex-align-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex-start-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-between-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-start-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-between-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex-between-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.flex-between-baseline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

/* flex - center */
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-center-baseline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.flex-end-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-center-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-center-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-around-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-between-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* flex - column */
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-column-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-column-center-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.flex-column-center-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.flex-column-center-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-column-jus-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.flex-column-jus-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-column-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.flex-column-start-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-column-start-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.flex-column-start-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-column-end-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-justify-content-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.flex-align-content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* flex 基准线对齐*/
.flex-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

/**  visible  */
.visible-hidden {
  visibility: hidden; }

.visible {
  visibility: visible; }

/**  线条  */
.border {
  border: 1px solid #ebedf0; }

.border-none {
  border: none; }

.border-top {
  border-top: 1px solid #edebf0; }

.border-bottom {
  border-bottom: 1px solid #edebf0; }

.border-right {
  border-right: 1px solid #ebedf0; }

.radiu-ios {
  -webkit-transform: rotate(0deg); }

.br2 {
  -webkit-appearance: none;
  border-radius: 2px; }

.br3 {
  -webkit-appearance: none;
  border-radius: 3px; }

.br4 {
  -webkit-appearance: none;
  border-radius: 4px; }

.br6 {
  -webkit-appearance: none;
  border-radius: 6px; }

.br8 {
  -webkit-appearance: none;
  border-radius: 8px; }

.br10 {
  -webkit-appearance: none;
  border-radius: 10px; }

.br12 {
  -webkit-appearance: none;
  border-radius: 12px; }

.br14 {
  -webkit-appearance: none;
  border-radius: 14px; }

.br15 {
  -webkit-appearance: none;
  border-radius: 15px; }

.br16 {
  -webkit-appearance: none;
  border-radius: 16px; }

.br18 {
  -webkit-appearance: none;
  border-radius: 18px; }

.br20 {
  -webkit-appearance: none;
  border-radius: 20px; }

.br22 {
  -webkit-appearance: none;
  border-radius: 22px; }

.br25 {
  -webkit-appearance: none;
  border-radius: 25px; }

.br24 {
  -webkit-appearance: none;
  border-radius: 24px; }

.br50 {
  -webkit-appearance: none;
  border-radius: 50px; }

.br4-rightbottom {
  border-radius: 0px 0px 8px 0px; }

.br12-right {
  border-radius: 0 12px 12px 0; }

.br8-top {
  border-radius: 8px 8px 0px 0px; }

.br8-bottom {
  border-radius: 0px 0px 8px 8px; }

.circle {
  border-radius: 50%; }

/**  圆 */
/**  块元素  */
.inline-block {
  display: inline-block; }

.block {
  display: block; }

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

/**  不展示  */
.display-none {
  display: none; }

/**  左右float布局  */
.left {
  float: left; }

.right {
  float: right; }

.fix {
  *zoom: 1; }

.fix:before,
.fix:after {
  display: block;
  content: 'clear';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

:focus {
  outline: 0; }

.min-height100 {
  min-height: 100vh; }

/* 行高 */
.line-height-normal {
  line-height: normal; }

.line-height56 {
  line-height: 56px; }

.line-height52 {
  line-height: 52px; }

.line-height48 {
  line-height: 48px; }

.line-height46 {
  line-height: 46px; }

.line-height45 {
  line-height: 45px; }

.line-height44 {
  line-height: 44px; }

.line-height40 {
  line-height: 40px; }

.line-height36 {
  line-height: 36px; }

.line-height35 {
  line-height: 35px; }

.line-height34 {
  line-height: 34px; }

.line-height33 {
  line-height: 33px; }

.line-height32 {
  line-height: 32px; }

.line-height30 {
  line-height: 30px; }

.line-height25 {
  line-height: 25px; }

.line-height26 {
  line-height: 26px; }

.line-height27 {
  line-height: 27px; }

.line-height28 {
  line-height: 28px; }

.line-height24 {
  line-height: 24px; }

.line-height23 {
  line-height: 23px; }

.line-height22 {
  line-height: 22px; }

.line-height21 {
  line-height: 21px; }

.line-height20 {
  line-height: 20px; }

.line-height18 {
  line-height: 18px; }

.line-height16 {
  line-height: 16px; }

.line-height15 {
  line-height: 15px; }

.line-height14 {
  line-height: 14px; }

.line-height13 {
  line-height: 13px; }

.line-height12 {
  line-height: 12px; }

/* text-align */
.ta-l {
  text-align: left; }

.ta-c {
  text-align: center; }

.ta-r {
  text-align: right; }

.z-index100 {
  z-index: 100; }

.z-index6 {
  z-index: 6; }

.z-index5 {
  z-index: 5; }

.z-index3 {
  z-index: 3; }

.z-index2 {
  z-index: 2; }

.z-index1 {
  z-index: 1; }

/* 相对布局 */
.ps-r {
  position: relative; }

.ps-a {
  position: absolute; }

/* 吸顶 */
.ps-s {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 3; }

.ps-f {
  position: fixed; }

.top0 {
  top: 0; }

.top3 {
  top: 3px; }

.top30 {
  top: 30px; }

.top44 {
  top: 44px; }

.bottom0 {
  bottom: 0px; }

.right0 {
  right: 0px; }

.left0 {
  left: 0; }

.bottom80 {
  bottom: 80px; }

.fix-horizontal-center {
  position: fixed;
  left: 0;
  right: 0; }

/* 宽高铺满 */
.full-height {
  height: 100%; }

.max-h-66 {
  max-height: 66px; }

.h-92 {
  height: 92%; }

.full-width {
  width: 100%; }

.full-content {
  width: 100%;
  height: 100%; }

.fill-width {
  width: -webkit-fill-available; }

.w-50 {
  width: 50%; }

.w-33 {
  width: 33.33%; }

.w-30 {
  width: 30%; }

.w-25 {
  width: 25%; }

.w-20 {
  width: 20%; }

.w-15 {
  width: 15%; }

.w-10 {
  width: 10%; }

.w-5 {
  width: 5%; }

.filter0 {
  opacity: 0; }

.opa-60 {
  opacity: 0.6; }

.opa-64 {
  opacity: 0.64; }

.border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.border-content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

/* css转换 */
.scale-06 {
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

.over-auto {
  overflow: auto; }

.over-hidden {
  overflow: hidden !important; }

.over-scroll {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

.nowrap {
  white-space: nowrap; }

.prewrap {
  white-space: pre-wrap; }

/* 字体图标 */
.icon-custom {
  display: inline-block;
  width: 14px;
  height: 14px; }

/* 超出省略号 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* 多行省略号 */
.multi-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: initial;
  white-space: pre-wrap; }

.vertical {
  display: inline-block;
  vertical-align: middle; }

.vertical-bottom {
  vertical-align: bottom; }

.middle-button {
  height: 44px;
  font-size: 16px;
  font-weight: 500; }

.big-button {
  height: 48px;
  font-size: 18px;
  font-weight: 500; }

/* 块阴影 */
.box-shadow {
  -webkit-box-shadow: #ddd 0px 0px 0.16rem 0px;
          box-shadow: #ddd 0px 0px 0.16rem 0px; }

.card-shadow {
  -webkit-box-shadow: 0px 0px 32px 0px rgba(35, 13, 0, 0.06);
          box-shadow: 0px 0px 32px 0px rgba(35, 13, 0, 0.06); }

/*media*/
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes slideLeftOut {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0; } }

@keyframes slideLeftOut {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes slideRightOut {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 0; } }

@keyframes slideRightOut {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 0; } }

.slide-left-enter-active {
  -webkit-animation: slideInLeft 0.3s forwards;
          animation: slideInLeft 0.3s forwards;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slide-left-leave-active {
  -webkit-animation: slideLeftOut 0.3s forwards;
          animation: slideLeftOut 0.3s forwards;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slide-right-enter-active {
  -webkit-animation: slideInRight 0.3s forwards;
          animation: slideInRight 0.3s forwards;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slide-right-leave-active {
  -webkit-animation: slideRightOut 0.3s forwards;
          animation: slideRightOut 0.3s forwards;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

/* 骨架占位块 */
@-webkit-keyframes skeleton-blink {
  50% {
    background-color: #f1f1f1; } }
@keyframes skeleton-blink {
  50% {
    background-color: #f1f1f1; } }

.custom-skeleton {
  background-color: #e8e8e8;
  border-radius: 5px;
  overflow: hidden;
  -webkit-animation: skeleton-blink 1.2s ease-in-out infinite;
          animation: skeleton-blink 1.2s ease-in-out infinite; }

.fade-enter-active,
.fade-leave-active {
  /* padding: 0; */
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.fade-enter,
.fade-leave-to {
  opacity: 0;
  position: absolute; }

.btn {
  border: 1px solid #eee;
  padding: 3px 8px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 12px; }

.align-middle {
  vertical-align: middle; }

body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0; }

body::-webkit-scrollbar:horizontal {
  width: 0;
  height: 0;
  display: none; }

.risk_bg {
  background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/my-bg-riskTest.svg") no-repeat;
  background-size: contain; }

.clue_bg {
  background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/my-bg-clueVIP.svg") no-repeat;
  background-size: contain; }

.news_bg {
  background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/my-bg_qianmian.svg") no-repeat;
  background-size: contain; }

.bg-cover {
  background-size: cover; }

.bg-fit-cover {
  -o-object-fit: cover;
     object-fit: cover; }

.over-flow,
.one-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.over-flow-two {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; }

.over-flow-three {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical; }

.over-flow-four {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical; }

.red-dot {
  display: inline-block;
  -webkit-transform: translate(1px, 3px);
          transform: translate(1px, 3px); }

.bf2 {
  backdrop-filter: blur(2px); }

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 2px; }

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background: var(--middleThemeColor); }

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background: #dddfea; }

.copy-button {
  position: absolute;
  top: 8px;
  right: 12px;
  background: #999999;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
  padding: 0 8px 0;
  border-radius: 4px; }

.table-children-box .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@charset "UTF-8";
#app .el-main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto; }

#app .el-main .main-cont {
  height: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff; }

#app .main-cont {
  border-radius: 0px !important; }

#app .el-main .small-width {
  min-width: 1648px; }

#app .el-main .large-width {
  min-width: 1802px; }

/* 屏幕大小自适应 */
#app .el-main {
  overflow-x: auto; }

#app .app-side-expanded .el-main,
#app .app-side-collapsed .el-main {
  width: 100%;
  margin: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px; }

.app .container-box {
  height: calc(100% - 120px);
  width: 100%;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#app .el-aside {
  border-radius: 8px; }

#app .el-aside.app-side-expanded {
  width: 240px !important;
  height: 100%;
  overflow-x: hidden; }

#app .el-aside.app-side-collapsed {
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
  width: 81px !important; }

#app .el-menu--collapse {
  width: 100%; }

#app .el-aside.app-side-collapsed .el-icon-arrow-right:before {
  display: none; }

#app .el-header {
  padding: 0 0 0 30px; }

/**  公共table链接颜色  */
#CommonTable .el-link.el-link--primary {
  color: #1677ff; }

#formQuery .el-range-editor--mini.el-input__inner {
  width: 100%; }

#app .el-form-item__label {
  font-size: 14px;
  color: #303133;
  padding-right: 16px; }

#CommonForm .el-form-item__label {
  line-height: 20px;
  float: none;
  display: block;
  text-align: left; }

#CommonForm .el-form-item__content {
  margin-top: 8px;
  width: 100%; }

#CommonForm .el-form--inline .el-form-item {
  display: inline-block; }

#FilterQuery .el-input {
  width: 200px; }

#FilterQuery .special-input .el-input .el-input__inner {
  text-align: center; }

#FilterQuery .el-date-editor--datetimerange.el-input,
#FilterQuery .el-date-editor--datetimerange.el-input__inner {
  width: 352px; }

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

#CommonTable .max-width-tooltip {
  max-width: 5em; }

#CommonForm .el-date-editor.el-input,
#CommonForm .el-date-editor.el-input__inner {
  width: 100%; }

#app .el-dialog__body,
#FHDialog .el-dialog__body {
  padding: 10px 15px 15px; }

#app .el-dialog__header,
#FHDialog .el-dialog__header {
  padding: 15px 15px 10px; }

#app .el-dialog__body,
#FHDialog .el-dialog__body {
  max-height: calc(84vh - 49px - 25px - 32px - 16px);
  overflow: auto; }

#app .el-dialog {
  margin: 8vh auto !important; }

.el-button + .el-button {
  margin-left: 10px !important; }

.more-operate-btns .el-button + .el-button {
  margin-left: 0 !important; }

#tab-homepage .el-icon-close {
  display: none; }

#app .el-tabs--card > .el-tabs__header .el-tabs__nav {
  border-top: none; }

#app .el-tabs--card > .el-tabs__header {
  border-bottom: none; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item:before {
  content: ' ';
  border-right: 1px solid #e4e7ed;
  display: inline-block;
  height: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px; }

#app .el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item {
  border-left: none; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item.no-left-line:before {
  border-right: none; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-left: 1px solid #e4e7ed;
  border-right: 1px solid #e4e7ed;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item.is-active:before {
  border: none; }

#Main .last-caret-icon {
  margin-left: -20px !important;
  margin-right: 50px; }

#Main .right-last-caret-icon {
  margin-left: -20px !important; }

#Main .arrow-icon {
  color: #909399; }

.header .line {
  display: inline-block;
  width: 1px;
  height: 40px;
  margin-top: 20px;
  background-color: #fff;
  margin: 0 12px; }

#CustomSelect .el-tree-node__expand-icon.is-leaf {
  display: none; }

#CustomSelect .tags-panel .el-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5; }

#CustomSelect .tags-panel .el-tag > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 25px; }

#CustomSelect .select-box.is-reverse .el-input__icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

#CustomSelect .select-box.el-select__caret .el-input__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

#CustomSelect .search-box.el-input {
  width: auto; }

#CustomSelect .el-tag.el-tag--info {
  margin: 2px 0 2px 6px; }

.el-tooltip__popper {
  max-width: 600px; }

.member-rights-add .set-type .el-form-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.member-rights-add .el-icon-circle-plus-outline,
.member-rights-add .el-icon-remove-outline {
  margin-left: 5px; }

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

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

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

.member-upload .avatar {
  width: 120px;
  height: 120px;
  position: relative; }

.member-upload .avatar img {
  width: 120px;
  height: 120px;
  display: block; }

::-webkit-scrollbar-thumb {
  border-style: dashed;
  background-color: var(--middleThemeColor);
  border-color: transparent;
  border-width: 1px;
  background-clip: padding-box; }

::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf; }

::-webkit-scrollbar-track {
  border-radius: 0;
  background: #fff;
  cursor: pointer; }

::-webkit-scrollbar-corner {
  background: #fff; }

/** header部分 **/
.hader-other-menu {
  width: 200px;
  max-height: 604px;
  overflow-y: auto;
  padding: 0 !important; }

.hader-other-menu .el-dropdown-menu__item {
  padding: 16px 24px;
  font-size: 16px;
  color: #303133;
  line-height: 22px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#MenuEdit .el-dialog {
  width: 736px;
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  border-radius: 8px; }
  #MenuEdit .el-dialog .el-dialog__header {
    padding: 0; }

#app .el-form--inline .el-form-item {
  margin-right: 24px; }

#app .el-form-item--mini.el-form-item,
#FHDialog .el-form-item--mini.el-form-item,
#FHDialog .el-form-item--small.el-form-item,
#app .el-form-item--small.el-form-item {
  margin-bottom: 24px; }

.label-tooltip-over {
  width: 8em; }

.table-btn-group {
  padding-bottom: 24px; }
  .table-btn-group .el-button + .el-button {
    margin-left: 24px !important; }

#GlobalCss .el-radio {
  min-width: 230px;
  margin-bottom: 12px;
  margin-left: 0; }

#GlobalCss .el-collapse-item__header {
  font-size: 20px;
  font-weight: 500; }

.code-display {
  display: inline-block;
  width: 80px;
  height: 20px;
  text-align: center;
  color: var(--themeColor);
  position: absolute;
  left: calc(50% - 40px);
  top: -20px;
  background: var(--litterThemeColor);
  border-radius: 12px 12px 0px 0px; }

#UploadFile .disabled .el-upload {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none; }

#UploadFile .uploadBox .el-upload {
  background-color: #fbfdff;
  padding: 10px 20px;
  border: 1px dashed #c0ccda;
  border-radius: 10px; }

#UploadFile .btn-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

#UploadFile .btn-upload .el-upload--picture-card {
  width: 148px;
  height: 68px;
  line-height: 48px; }

#UploadFile .btn-upload .el-upload {
  background-color: rgba(0, 0, 0, 0);
  border: none; }

#TreeTest #app.is-component .headerWrapper {
  display: none; }

#UploadFile .disabled .el-upload.el-upload--picture-card {
  display: none; }

#UploadFileTest .pic-list-box {
  width: 360px; }

.el-table ::-webkit-scrollbar,
.el-table__fixed ::-webkit-scrollbar {
  height: 6px; }

.el-table--scrollable-x div.is-scrolling-right, .el-table--scrollable-x div.is-scrolling-middle, .el-table--scrollable-x div.is-scrolling-left {
  position: initial; }
  .el-table--scrollable-x div.is-scrolling-right ~ .el-table__fixed,
  .el-table--scrollable-x div.is-scrolling-right ~ .el-table__fixed-right, .el-table--scrollable-x div.is-scrolling-middle ~ .el-table__fixed,
  .el-table--scrollable-x div.is-scrolling-middle ~ .el-table__fixed-right, .el-table--scrollable-x div.is-scrolling-left ~ .el-table__fixed,
  .el-table--scrollable-x div.is-scrolling-left ~ .el-table__fixed-right {
    height: calc(100% - 6px) !important; }
    .el-table--scrollable-x div.is-scrolling-right ~ .el-table__fixed .el-table__fixed-body-wrapper,
    .el-table--scrollable-x div.is-scrolling-right ~ .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table--scrollable-x div.is-scrolling-middle ~ .el-table__fixed .el-table__fixed-body-wrapper,
    .el-table--scrollable-x div.is-scrolling-middle ~ .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table--scrollable-x div.is-scrolling-left ~ .el-table__fixed .el-table__fixed-body-wrapper,
    .el-table--scrollable-x div.is-scrolling-left ~ .el-table__fixed-right .el-table__fixed-body-wrapper {
      bottom: 0px; }

#SiderMenu .el-submenu__title,
#SiderMenu .el-menu-item {
  height: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#SiderMenu .el-submenu__title i {
  color: #323233; }

#SiderMenu .el-menu-item.is-active {
  background: var(--subThemeColor);
  border-radius: 0; }

#SiderMenu .first-menu-title.ml12 {
  margin-left: 0; }

#SiderMenu .el-submenu.is-active > .el-submenu__title,
#SiderMenu .el-submenu.is-active > .el-submenu__title .menu-icon,
#SiderMenu .el-submenu.is-active > .el-submenu__title .sub-menu-title.menu-name,
#SiderMenu .el-submenu.is-active .el-menu-item.is-active .menu-name,
#SiderMenu .el-menu-item.is-active > .first-menu-icon,
#SiderMenu .el-menu-item.is-active > div .first-menu-title,
#SiderMenu .el-menu-item.is-active > div .first-menu-icon,
#SiderMenu .el-menu-item.is-active {
  color: var(--themeColor); }

#SiderMenu .el-menu-item.is-active:after {
  position: absolute;
  content: '';
  display: block;
  width: 4px;
  background: var(--themeColor);
  right: 0;
  top: 0;
  bottom: 0; }

#SiderMenu .el-menu-item [class^='el-icon-'],
#SiderMenu .el-submenu [class^='el-icon-'] {
  width: auto;
  top: -2px;
  position: relative;
  text-align: left;
  margin-right: 15px; }

#SiderMenu .el-menu-item:focus,
#SiderMenu .el-menu-item:hover {
  outline: 0; }

#SiderMenu .el-submenu .el-menu-item {
  min-width: 0; }

#SiderMenu .el-menu--collapse .menu-name {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block; }

#SiderMenu .el-menu {
  border-right: 0; }

#SiderMenu .menu-icon::before {
  font-size: 24px;
  margin-right: 12px;
  position: relative;
  top: 2px; }

#SiderMenu .first-menu-title,
#SiderMenu .first-menu-icon,
#SiderMenu .sub-menu-title,
#SiderMenu .sub-menu-icon {
  font-weight: 500;
  color: #323233; }

#ChildMenuTree.child-menutree .el-submenu__icon-arrow {
  margin-top: -5px; }

#ChildMenuTree.child-menutree .menu-icon::before {
  font-size: 18px;
  margin-right: 12px;
  position: relative; }

#ChildMenuTree.child-menutree .el-submenu__title,
#ChildMenuTree.child-menutree .el-menu-item {
  height: 40px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ChildMenuTree.child-menutree .first-menu-title.ml12 {
  margin-left: 12px; }

#ChildMenuTree.child-menutree .sub-menu-icon,
#ChildMenuTree.child-menutree .first-menu-icon,
#ChildMenuTree.child-menutree .no-icon-title {
  margin-left: 12px; }

#ChildMenuTree.child-menutree .sub-menu-title,
#ChildMenuTree.child-menutree .sub-menu-icon,
#ChildMenuTree.child-menutree .first-menu-icon,
#ChildMenuTree.child-menutree .first-menu-title {
  font-weight: 400;
  color: #606266; }

#ChildMenuTree.child-menutree .el-submenu.is-active .sub-menu-title,
#ChildMenuTree.child-menutree .el-submenu.is-active .sub-menu-icon,
#ChildMenuTree.child-menutree .el-submenu.is-active > .first-menu-icon,
#ChildMenuTree.child-menutree .el-submenu.is-active > .first-menu-title,
#ChildMenuTree.child-menutree .el-menu-item.is-active .sub-menu-title,
#ChildMenuTree.child-menutree .el-menu-item.is-active .sub-menu-icon,
#ChildMenuTree.child-menutree .el-menu-item.is-active > .first-menu-icon,
#ChildMenuTree.child-menutree .el-menu-item.is-active > div .first-menu-title {
  color: var(--themeColor); }

#ChildMenuTree.child-menutree .el-menu-item.is-active {
  position: relative; }

#ChildMenuTree.child-menutree .el-menu-item.is-active:after {
  position: absolute;
  content: '';
  display: block;
  width: 4px;
  background: var(--themeColor);
  right: 0;
  top: 0;
  bottom: 0; }

#CustomDialog .el-dialog {
  background: url("https://frcdapcdn.fhrons.com/sassmanage/image/1680505524145/bg-dialog.png") no-repeat;
  background-color: #fff;
  background-size: 100% 100%; }

#CustomDialog .el-dialog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.hader-other-menu,
.deptPopover,
.header-name-menu {
  margin-top: 0px !important; }

.hader-other-menu,
.deptPopover,
.header-name-menu {
  margin-top: 0px !important; }

.header-other-menu,
.deptPopover,
.header-name-menu {
  margin-top: 0px !important; }

#app #mainTab {
  width: calc(100vw - 70px - 55px - 55px - 200px) !important;
  margin-right: 30px; }

#app .el-tab-list.fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom: none;
  height: 39px; }

#app .el-tabs--card > .el-tabs__header .is-scrollable .el-tabs__item:first-child:before {
  display: none; }

#Header .header-other-menu {
  overflow-y: initial !important; }

.two-line .common-form-item {
  width: calc(50% - 12px); }

.three-line .common-form-item {
  width: calc(33.3% - 16px); }

#app .el-form--inline.two-line .el-form-item:nth-child(2n),
#app .el-form--inline.three-line .el-form-item:nth-child(3n),
#app .el-form--inline.four-line .el-form-item:nth-child(4n) {
  margin-right: 0; }

.four-line .common-form-item {
  width: calc(25% - 18px); }

#FilterQuery .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
#FilterQuery .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  display: none; }

.menu-box::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 var(--middleThemeColor);
  box-shadow: inset 0 0 0 var(--middleThemeColor);
  background-color: var(--middleThemeColor); }

.scrollbar-bgc::-webkit-scrollbar-thumb {
  background-color: var(--middleThemeColor); }

#CommonTable .el-table-column--selection .cell {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.el-table .el-table-column--selection .cell {
  text-align: center; }

.slider-icon {
  position: relative;
  top: 6px; }

#app .el-dialog,
#FHDialog .el-dialog,
.el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

#app .el-dialog .el-dialog__body,
#FHDialog .el-dialog .el-dialog__body,
.el-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

#app .el-dialog .el-dialog__body #CommonForm,
#FHDialog .FHDialog .el-dialog__body #CommonForm {
  max-height: calc(84vh - 49px - 25px - 32px);
  overflow: hidden; }

#FHDialog.mediumFHDialog .FHDialog .el-dialog__body #FHTable {
  max-height: calc(84vh - 49px - 25px - 32px - 16px);
  overflow: hidden; }

#app .el-dialog .el-dialog__body #CommonForm .demo-ruleForm,
#FHDialog .FHDialog .el-dialog__body #CommonForm .demo-ruleForm {
  max-height: calc(84vh - 49px - 25px - 32px - 32px - 15px - 15px);
  overflow: auto; }

#CommonForm .btn-box {
  margin-left: 130px;
  text-align: left; }

#app .el-dialog #CommonForm .btn-box,
#FHDialog .FHDialog #CommonForm .btn-box {
  text-align: right; }

#FHDialog.mediumFHDialog .FHDialog {
  min-width: 700px; }

#FHDialog.largeFHDialog .FHDialog,
#FHDialog.FHDialog .FHDialog {
  min-width: 960px; }

#Header .header-r-box .v-modal,
#Header .header-r-box .el-drawer__wrapper {
  top: 80px;
  height: calc(100vh - 80px); }

#Header .header-r-box .el-drawer__wrapper .el-drawer__body {
  padding: 0; }

.el-popover.tenantPopover {
  padding: 0; }

.el-table thead th .cell {
  position: relative; }

.el-table thead th .cell .caret-wrapper {
  position: absolute;
  top: -5px; }

.el-table thead th {
  padding: 12px 0 !important; }

.el-dialog__wrapper .el-dialog__footer {
  padding: 10px 15px 15px; }

#FHTransfer.rp-kp-transfer .header-top {
  border-bottom: 1px solid #ebeef5; }
  #FHTransfer.rp-kp-transfer .header-top .el-checkbox__label {
    font-size: 16px;
    color: #303133;
    font-weight: normal; }

#FHTransfer.rp-kp-transfer .transfer-cont .search .el-input__inner {
  border-radius: 16px; }

#FHTransfer.rp-kp-transfer .transfer-cont .el-checkbox {
  margin-right: 10px; }

#FHTransfer.rp-kp-transfer .rule-set-name:hover {
  color: #1677ff; }

#FHTransfer.rp-kp-transfer .btn-center-box .el-button {
  width: 56px; }

#CommonForm .transfer-sort-form .el-form-item__label {
  width: 80px; }

#CommonForm .transfer-sort-form .el-form-item__content {
  width: calc(100% - 80px); }

#Login .el-tabs__header .el-tabs__item {
  font-size: 16px; }

#Login .input-with-inputCode .el-input-group__append {
  height: 100%;
  padding: 0px !important;
  overflow: hidden; }

#Login .verifyCode-box .el-input__inner,
#FHDialog .verifyCode-box .el-input__inner {
  border: 1px solid #1677ff !important;
  color: #1677ff !important;
  cursor: pointer; }

#Login .verifyCode-box1 .el-input__inner,
#FHDialog .verifyCode-box1 .el-input__inner {
  border: 1px solid #dcdfe6 !important;
  color: #909399 !important;
  cursor: not-allowed; }

#CommonTable .el-table__fixed-body-wrapper .el-table__body {
  height: 100%; }

.inline-two.el-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .inline-two.el-form .el-form-item.common-form-item {
    width: calc(50% - 28px); }

.inline-three.el-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .inline-three.el-form .el-form-item.common-form-item {
    width: calc(33.3% - 28px); }

.inline-four.el-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .inline-four.el-form .el-form-item.common-form-item {
    width: calc(25% - 28px); }

.vxe-header--row .vxe-cell--edit-icon.vxe-icon-edit {
  display: none; }

.el-dropdown-menu.header-name-menu {
  width: 272px;
  padding: 24px 0; }
  .el-dropdown-menu.header-name-menu .el-dropdown-menu__item {
    padding: 0 16px;
    line-height: 44px; }
  .el-dropdown-menu.header-name-menu .el-dropdown-menu__item.user-drop-box.is-disabled {
    pointer-events: all; }

.el-dropdown-menu.lang-menu {
  width: 220px; }

.el-dropdown-menu.account-menu {
  width: 300px; }
  .el-dropdown-menu.account-menu .el-dropdown-menu__item,
  .el-dropdown-menu.account-menu .el-menu-item {
    padding: 8px 20px; }

.letter-spacing1r {
  letter-spacing: 1rem;
  text-indent: 1rem; }

#VDomEditTable .el-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #VDomEditTable .el-table .el-table__header-wrapper {
    height: 70px; }
  #VDomEditTable .el-table .el-table__body-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: scroll; }

#app .login-input .el-input__inner {
  border: 1px solid #dcdfe6; }

#app .login-input .el-input__inner,
#app .login-input .el-input__inner:hover {
  background: rgba(0, 0, 0, 0) !important;
  border-radius: 4px;
  height: 44px;
  line-height: 44px; }

#app .login-panel .login-input .el-input__inner:focus,
#app .login-panel .login-input .el-input__inner:hover {
  border-color: #1677ff; }

#app .login-panel .input-with-inputCode,
#app .login-panel .input-with-inputCode .el-input__inner,
#app .login-panel .corporation-code .el-input__inner {
  height: 44px;
  line-height: 44px; }

#app .login-panel .corporation-code,
#app .login-panel .area-mobile,
#app .login-panel .el-input__inner {
  height: 44px; }

#app #Login .create-code {
  display: block;
  height: 44px;
  line-height: 44px; }

#app .login-panel .log-btn,
#app .login-panel .deny-login-btn {
  height: 40px; }

#app .login-panel .el-form-item.is-error .el-input__inner,
#app .login-panel .el-form-item.is-error .el-input__inner:focus,
#app .login-panel .el-form-item.is-error .el-textarea__inner,
#app .login-panel .el-form-item.is-error .el-textarea__inner:focus,
#app .login-panel .el-message-box__input input.invalid,
#app .login-panel .el-message-box__input input.invalid:focus {
  border-color: #f56c6c; }

#app .login-panel .forgot-password:hover {
  color: #1677ff; }

#app .login-panel .a-prepend .el-icon-arrow-up:before {
  content: ''; }

#app .login-panel .el-form-item.is-error .a-prepend .el-input__inner,
#app .login-panel .el-form-item.is-error .a-prepend .el-input__inner:focus {
  border: 1px solid #f56c6c;
  border-right-color: rgba(0, 0, 0, 0); }

#UploadFile .hide-upload-btn[data-v-1ff865d0] .el-upload--picture-card {
  display: none;
}
#UploadFile .upload-btn[data-v-1ff865d0] {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#UploadFile .upload-btn[data-v-1ff865d0]:hover {
  color: inherit;
  border-color: transparent;
}
#UploadFile .upload-btn:hover .upload-btn-card[data-v-1ff865d0] {
  cursor: no-drop;
}
#UploadFile .picture-card-box .sub-tip[data-v-1ff865d0] {
  position: absolute;
  bottom: 10px;
  width: 120px;
  left: 10px;
}
#UploadFile .other-list-type .sub-tip[data-v-1ff865d0] {
  cursor: default;
}
#UploadFile .avatar-uploader[data-v-1ff865d0] .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#UploadFile .avatar-uploader[data-v-1ff865d0] .el-upload:hover {
  border-color: var(--themeColor);
}
#UploadFile .avatar-uploader-icon[data-v-1ff865d0] {
  font-size: 28px;
  color: #8c939d;
  width: 146px;
  height: 146px;
  line-height: 146px;
  text-align: center;
}
#UploadFile .avatar[data-v-1ff865d0] {
  width: 146px;
  height: 146px;
  display: block;
}
#UploadFile .dialog-img[data-v-1ff865d0] {
  display: block;
  max-width: 100%;
  max-height: 60vh;
  margin: auto;
}
#UploadFile .cropper-content[data-v-1ff865d0],
#UploadFile .cropper-view-box img[data-v-1ff865d0] {
  width: 500px;
  height: 60vh;
}
#UploadFile .cropper[data-v-1ff865d0] {
  width: 100%;
  height: 100%;
}
#UploadFile .upload-disabled[data-v-1ff865d0] .el-upload.el-upload--picture-card {
  cursor: no-drop;
}
#UploadFile .upload-disabled[data-v-1ff865d0] .el-upload.el-upload--picture-card:hover {
  cursor: no-drop;
  border-color: #c0ccda;
  color: #303133;
}

.specail-content[data-v-31dd12b2] {
  z-index: -1;
  position: absolute;
}


.c-c0c4cc[data-v-ea50c8d0]{
    color: #c0c4cc !important;
}

#SiderMenu[data-v-5afa4516] {
  height: calc(100% - 48px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#SiderMenu .el-menu-vertical-demo[data-v-5afa4516] {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#CustomDialog .c-0B0B0B[data-v-3c8b9665] {
  color: #0b0b0b;
}
#CustomDialog .c-1106[data-v-3c8b9665] {
  color: rgba(11, 11, 11, 0.6);
}
#CustomDialog .c-9608[data-v-3c8b9665] {
  color: rgba(96, 98, 102, 0.8);
}
#CustomDialog .c-5606[data-v-3c8b9665] {
  color: rgba(46, 47, 56, 0.6);
}
#CustomDialog .img90[data-v-3c8b9665] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
#CustomDialog .plr65[data-v-3c8b9665] {
  padding: 0px 65px;
}

#AreaMobile .a-prepend[data-v-ca9271ec] {
  min-width: 75px;
}
#AreaMobile .a-prepend[data-v-ca9271ec] .el-input__inner {
  padding-right: 15px;
}

#DragValidNew {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  /* ---------------------------- */
  /*常规验证码*/
  /*滑动验证码*/
}
#DragValidNew .verifybox {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #e4e7eb;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#DragValidNew .verifybox-top {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#DragValidNew .verifybox-bottom {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#DragValidNew .verifybox-close {
  position: absolute;
  top: 16px;
  right: 15px;
  text-align: right;
  cursor: pointer;
  font-size: 14px;
  color: #909399;
}
#DragValidNew .mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  /* display: none; */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#DragValidNew .verify-tips {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
#DragValidNew .suc-bg {
  background-color: rgba(92, 184, 92, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, 5C, endcolorstr=#7f5CB85C, 5C);
}
#DragValidNew .err-bg {
  background-color: rgba(217, 83, 79, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, 4F, endcolorstr=#7fD9534F, 4F);
}
#DragValidNew .tips-enter,
#DragValidNew .tips-leave-to {
  bottom: -30px;
}
#DragValidNew .tips-enter-active,
#DragValidNew .tips-leave-active {
  -webkit-transition: bottom 0.5s;
  transition: bottom 0.5s;
}
#DragValidNew .verify-code {
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
  border: 1px solid #ddd;
}
#DragValidNew .cerify-code-panel {
  height: 100%;
  overflow: hidden;
}
#DragValidNew .verify-code-area {
  float: left;
}
#DragValidNew .verify-input-area {
  float: left;
  width: 60%;
  padding-right: 10px;
}
#DragValidNew .verify-change-area {
  line-height: 30px;
  float: left;
}
#DragValidNew .varify-input-code {
  display: inline-block;
  width: 100%;
  height: 25px;
}
#DragValidNew .verify-change-code {
  color: #337ab7;
  cursor: pointer;
}
#DragValidNew .verify-btn {
  width: 200px;
  height: 30px;
  background-color: #337ab7;
  color: #ffffff;
  border: none;
  margin-top: 10px;
}
#DragValidNew .verify-bar-area {
  position: relative;
  background: #e8e8e8;
  text-align: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 6px;
  width: 100%;
  height: 12px;
  margin-top: 8px;
}
#DragValidNew #verifyPoints .verify-bar-area {
  background: rgba(255, 255, 255, 0);
}
#DragValidNew .verify-bar-area .verify-move-block {
  position: absolute;
  top: 0px;
  left: 0;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-border-radius: 1px;
  width: 48px;
  height: 25px;
  border-radius: 12px;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#DragValidNew .verify-bar-area .verify-left-bar {
  position: absolute;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 12px;
  -webkit-border-radius: 6px;
}
#DragValidNew .verify-img-panel {
  margin: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}
#DragValidNew .verify-refresh {
  padding-top: 18px;
}
#DragValidNew .verify-img-panel .verify-gap {
  background-color: #fff;
  position: relative;
  z-index: 2;
  border: 1px solid #fff;
}
#DragValidNew .verify-bar-area .verify-move-block .verify-sub-block {
  position: absolute;
  text-align: center;
  z-index: 3;
}
#DragValidNew .verify-bar-area .verify-move-block .verify-icon {
  font-size: 18px;
}
#DragValidNew .verify-bar-area .verify-msg {
  z-index: 3;
}
#DragValidNew .icon-icon_duigou {
  color: #fff;
  line-height: 32px;
}
#DragValidNew .icon-right:before {
  content: ' ';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  z-index: 9999;
  background: url('https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/line.svg') no-repeat;
  background-size: 100% 100%;
}

.login-panel[data-v-62132c8d] {
  width: 100%;
}
.login-panel .login-btn[data-v-62132c8d] {
  background-image: linear-gradient(-45deg, #2081FF 0%, #2279FF 100%);
  background-image: -webkit-linear-gradient(-45deg, #2081FF 0%, #2279FF 100%);
  border-color: #2081FF;
}
.login-panel .deny-login-btn[data-v-62132c8d] {
  background: #C0C4CC !important;
  border-color: #C0C4CC !important;
}
.login-panel .show-btn[data-v-62132c8d],
.login-panel .hidden-btn[data-v-62132c8d] {
  color: #1677FF;
  cursor: pointer;
}
.login-panel .check-saas-box[data-v-62132c8d] {
  max-height: 340px;
  width: 325px;
  overflow-y: auto;
}
.login-panel .check-saas[data-v-62132c8d] {
  margin-right: 12px;
}
.login-panel .check-saas-box[data-v-62132c8d]::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  padding: 5px 0 !important;
}
.login-panel .saas-box[data-v-62132c8d] {
  height: 42px;
  line-height: 42px;
  text-align: left;
  margin-bottom: 24px;
  border-radius: 5px;
  border: #DCDFE6 1px solid;
  padding-left: 16px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 306px;
}
.login-panel .current-saas[data-v-62132c8d] {
  background: url(https://frcdapcdn.fhrons.com/sassmanage/image/1683364306250/gouxuan.png) 100% 100% no-repeat;
  background-size: 16px 16px;
  background-color: rgba(22, 119, 255, 0.1);
  border: #1677FF 1px solid !important;
}
.login-panel .pwd-rules-icon[data-v-62132c8d] {
  position: relative;
  top: 1px;
}


.login-panel[data-v-d9e1165c] {
  width: 100%;
}
.login-panel .login-btn[data-v-d9e1165c] {
  background-image: linear-gradient(-45deg, #2081FF 0%, #2279FF 100%);
  background-image: -webkit-linear-gradient(-45deg, #2081FF 0%, #2279FF 100%);
  border-color: #2081FF;
}
.login-panel .deny-login-btn[data-v-d9e1165c] {
  background: #C0C4CC !important;
  border-color: #C0C4CC !important;
}
.login-panel .show-btn[data-v-d9e1165c],
.login-panel .hidden-btn[data-v-d9e1165c] {
  color: #1677FF;
  cursor: pointer;
}
.login-panel .check-saas-box[data-v-d9e1165c] {
  max-height: 340px;
  width: 325px;
  overflow-y: auto;
}
.login-panel .check-saas[data-v-d9e1165c] {
  margin-right: 12px;
}
.login-panel .check-saas-box[data-v-d9e1165c]::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  padding: 5px 0 !important;
}
.login-panel .saas-box[data-v-d9e1165c] {
  height: 42px;
  line-height: 42px;
  text-align: left;
  margin-bottom: 24px;
  border-radius: 5px;
  border: #DCDFE6 1px solid;
  padding-left: 16px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 306px;
}
.login-panel .current-saas[data-v-d9e1165c] {
  background: url(https://frcdapcdn.fhrons.com/sassmanage/image/1683364306250/gouxuan.png) 100% 100% no-repeat;
  background-size: 16px 16px;
  background-color: rgba(22, 119, 255, 0.1);
  border: #1677FF 1px solid !important;
}
.login-panel .pwd-rules-icon[data-v-d9e1165c] {
  position: relative;
  top: 1px;
}
#Login[data-v-d9e1165c] {
  background: #fff;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url('https://frcdapcdn.fhrons.com/saasmanage/1713927825821_背景.png');
  background-size: cover;
  background-position: center;
  position: relative;
}
#Login .logo[data-v-d9e1165c] {
  width: 214px;
  position: absolute;
  top: 64px;
  left: 80px;
}
#Login .login-box[data-v-d9e1165c] {
  width: 434px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 48px 64px;
  position: absolute;
  top: 17.77% ;
  left: 53.2%;
  -webkit-box-shadow: 0px 8px 32px 0px rgba(29, 76, 143, 0.12);
          box-shadow: 0px 8px 32px 0px rgba(29, 76, 143, 0.12);
}

.tip[data-v-e313602c] {
  font-size: 32px;
  text-align: center;
}

.loading[data-v-6b0f452e] {
  padding: 20px;
}

.tip[data-v-1cb5d7f2] {
  font-size: 32px;
  padding: 30px;
}

.no-click[data-v-281251b1] {
  pointer-events: none;
}





























































































































































































































































/* 在el-dialog中tinymce z-index 被太小而被遮挡时要加这两句 */
.tox-tinymce-aux{z-index:99999 !important;}
.tinymce.ui.FloatPanel{z-Index: 99;}

#IframeTemplate {
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


.iframe-box {
    padding: 0 !important;
}

#CommonNoData .no-data[data-v-301a74de] {
  width: 300px;
}
#CommonNoData .bottom17[data-v-301a74de] {
  bottom: 17px;
}
#CommonNoData .refresh-btn[data-v-301a74de] {
  min-width: 64px;
  padding: 0 12px;
  height: 32px;
  border-radius: 16px;
  overflow: hidden;
  font-size: 14px;
}
.mini .no-data[data-v-301a74de] {
  width: 200px !important;
}

#MenuEdit .dialog-header[data-v-1bdb7f04] {
  border-bottom: 1px solid #ebeef5;
}
#MenuEdit .left-panel[data-v-1bdb7f04],
#MenuEdit .right-panel[data-v-1bdb7f04] {
  width: 320px;
}
#MenuEdit .left-panel .single-menu[data-v-1bdb7f04]:hover,
#MenuEdit .right-panel .single-menu[data-v-1bdb7f04]:hover {
  background: #ebeef5;
}
#MenuEdit .left-panel[data-v-1bdb7f04] ::-webkit-scrollbar,
#MenuEdit .right-panel[data-v-1bdb7f04] ::-webkit-scrollbar {
  width: 4px;
  max-height: 160px;
}
#MenuEdit .left-panel[data-v-1bdb7f04] ::-webkit-scrollbar-thumb,
#MenuEdit .right-panel[data-v-1bdb7f04] ::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 4px;
  max-height: 160px;
  background: var(--middleThemeColor);
  border-radius: 2px;
}
#MenuEdit .left-panel[data-v-1bdb7f04] ::-webkit-scrollbar-track,
#MenuEdit .right-panel[data-v-1bdb7f04] ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background-color: transparent;
}
#MenuEdit .limit-height[data-v-1bdb7f04] {
  height: 572px;
  overflow-y: auto;
}
#MenuEdit .limit-bg[data-v-1bdb7f04] {
  background-color: #f7f8fa;
}
#MenuEdit .hover-color:hover i[data-v-1bdb7f04] {
  color: #158cff;
}
#MenuEdit .hand[data-v-1bdb7f04]:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
#MenuEdit .single-menu[data-v-1bdb7f04]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

#FHDialog .img-name-box[data-v-6ea3ce8e] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background-color: #c0daff;
  text-align: center;
  color: #fff;
}
#FHDialog .verifyCode-box[data-v-6ea3ce8e],
#FHDialog .verifyCode-box1[data-v-6ea3ce8e] {
  width: auto !important;
}
#FHDialog .el-form-item__content .el-input[data-v-6ea3ce8e] {
  width: 100% !important;
}

.img-box[data-v-0451619a] {
  height: 45px;
}
.header[data-v-0451619a] {
  height: 80px;
  color: #323233;
  line-height: 80px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 24px;
}
.header-left[data-v-0451619a] {
  padding-left: 24px;
  padding-right: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header-left img[data-v-0451619a] {
  height: 48px;
}
.menu-box[data-v-0451619a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 75px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.menu-box .link-btn[data-v-0451619a] {
  width: 120px;
  height: 40px;
  line-height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #f2f6fc;
}
.menu-box .link-btn[data-v-0451619a]:not(:first-of-type) {
  margin-left: 24px;
}
.menu-box .link-btn[data-v-0451619a]:hover {
  border: 1px solid rgba(22, 119, 255, 0.1);
}
.menu-box[data-v-0451619a]::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 var(--middleThemeColor);
  box-shadow: inset 0 0 0 var(--middleThemeColor);
  background-color: var(--middleThemeColor);
}
.menu-box[data-v-0451619a]::-webkit-scrollbar {
  height: 5px !important;
}
[data-v-0451619a]::-webkit-scrollbar {
  height: 15px !important;
  width: 0px !important;
}
.header-dept-box[data-v-0451619a] {
  top: 0;
}
.header-r-box[data-v-0451619a] {
  background-color: #fff;
  height: 80px;
  overflow: hidden;
}
.edit-btn[data-v-0451619a] {
  height: 40px;
}
.triangle[data-v-0451619a] {
  position: relative;
}
.triangle[data-v-0451619a]::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  border-top: 12px solid #e4e7ed;
  border-left: 12px solid transparent;
}
.dropdown-panel[data-v-0451619a] {
  max-height: 564px;
  overflow-y: auto;
}
.dropdown-panel[data-v-0451619a]::-webkit-scrollbar {
  width: 5px !important;
}
.dropdown-panel[data-v-0451619a]::-webkit-scrollbar-thumb {
  background-color: var(--middleThemeColor);
}
.deptInfo[data-v-0451619a] {
  background-color: #fff;
  font-size: 16px;
}
.deptInfo span[data-v-0451619a] {
  margin: 0 8px 0 2px;
}
.el-form-item__content[data-v-0451619a] {
  position: relative;
}
.el-form-item__content [class*=' el-icon-'][data-v-0451619a],
.el-form-item__content [class^='el-icon-'][data-v-0451619a] {
  position: absolute;
  left: -70px;
  bottom: 6px;
}
.el-popover.deptPopover[data-v-0451619a] {
  max-height: 400px;
  overflow-y: auto;
}
.img-name-box[data-v-0451619a] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background-color: #1677ff;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.round-48[data-v-0451619a] {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.tree-box[data-v-0451619a] {
  max-height: 500px;
  overflow: auto;
}
.tree-label-header[data-v-0451619a] {
  width: calc(100% - 18px);
}
.tenant-item[data-v-0451619a]:hover {
  background: #f4f7fa;
}
.doc-box[data-v-0451619a] {
  right: 42px;
  top: 83px;
  z-index: 99;
}
.tenant-box[data-v-0451619a] {
  max-height: 600px ;
  overflow: auto ;
}
.tenant-box .search-box[data-v-0451619a] {
  position: sticky;
  top: 0;
}
#Header .home[data-v-0451619a] {
  background-color: #303133;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#Header .home-main[data-v-0451619a] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#Header .home-loading[data-v-0451619a] {
  height: 32px;
  width: 32px;
  margin-bottom: 20px;
}
#Header .home-title[data-v-0451619a] {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
#Header .home-sub-title[data-v-0451619a] {
  color: #ababab;
  font-size: 12px;
}
#Header .model[data-v-0451619a] {
  z-index: 2000;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  line-height: 1;
}
#Header .divider[data-v-0451619a] {
  height: 18px;
}
.box32[data-v-0451619a] {
  width: 32px;
  height: 32px;
}

#CustomDialog .c-0B0B0B[data-v-32204714] {
  color: #0b0b0b;
}
#CustomDialog .c-1106[data-v-32204714] {
  color: rgba(11, 11, 11, 0.6);
}
#CustomDialog .c-9608[data-v-32204714] {
  color: rgba(96, 98, 102, 0.8);
}
#CustomDialog .c-5606[data-v-32204714] {
  color: rgba(46, 47, 56, 0.6);
}
#CustomDialog .img90[data-v-32204714] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
#CustomDialog .plr65[data-v-32204714] {
  padding: 0px 65px;
}

#FhDateRangePicker.box[data-v-e6b06e94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#FhDateRangePicker[data-v-e6b06e94] .el-input__inner {
  text-align: center;
  border: 0 !important;
  height: 24px;
  line-height: 24px;
}
#FhDateRangePicker[data-v-e6b06e94] .el-date-editor.el-input {
  width: 166px;
}
#FhDateRangePicker .range-separator[data-v-e6b06e94] {
  display: inline-block;
  width: 16px;
}
#FhDateRangePicker .last-date-picker[data-v-e6b06e94] .el-input__prefix {
  display: none;
}

.tree-select__option.el-select-dropdown__item[data-v-61ffa3f5] {
  height: auto;
  line-height: 1;
  padding: 0;
  background-color: #fff;
}
.tree-select__tree[data-v-61ffa3f5] {
  padding: 4px 20px;
  font-weight: 400;
}
.tree-select__tree.tree-select__tree--radio .el-tree-node.is-current > .el-tree-node__content[data-v-61ffa3f5] {
    font-weight: 700;
}
.custom-tree-node[data-v-61ffa3f5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}
.fw-normal[data-v-61ffa3f5] {
  font-weight: initial !important;
}

#CommonTable .single-button[data-v-6b1460de] {
  display: block;
}
#CommonTable .avatar-label-box[data-v-6b1460de] {
  padding-left: 25px;
}
#CommonTable .avatar-label-box .avatar-img[data-v-6b1460de] {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#CommonTable .avatar-label-box .avatar-label[data-v-6b1460de] {
  width: calc(100% - 25px);
}
#CommonTable .avatar-label-box .avatar-info-img[data-v-6b1460de] {
  border-radius: 8px;
}
#CommonTable .counter-icon[data-v-6b1460de] {
  height: 28px;
}
#CommonTable .count-limit[data-v-6b1460de] {
  height: 28px;
  line-height: 28px;
}
#CommonTable .inputWidth-30[data-v-6b1460de] {
  width: 100px;
  margin-left: 4px;
  margin-right: 4px;
}
#CommonTable .ml-4[data-v-6b1460de] {
  margin-left: 4px;
}
#CommonTable .more-text[data-v-6b1460de] {
  display: inline-block;
  color: var(--themeColor);
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}