.auto-height {
    height: auto;
}
.w100p {
    width: 100%;
}
.page__workflow__container {
  width: 100%;
  overflow: auto;
}
.w1{
    width: calc(((100% - 330px) / 12) * 4 + 90px);
}
.w2{
    width: calc(((100% - 330px) / 12) * 9 + 240px);
}
.w3{
    width: calc(((100% - 330px) / 12) * 8 + 210px);
}
.w4{
    width: 240.00px;
}
.w5{
    width: calc(((100% - 330px) / 12) * 6 + 150px);
}
.w6{
    width: calc(((100% - 330px) / 12) * 3 + 60px);
}
.w7{
    width: calc(((100% - 82.5px) / 12) * 9 + 60px);
}
.w8{
    width: calc(((100% - 82.5px) / 12) * 3 + 15px);
}
.w9{
    width: calc(((100% - 302.5px) / 12) * 2 + 27.5px);
}
.w10{
    width: calc((100% - 330px) / 12);
}
.w11{
    width: calc(((100% - 302.5px) / 12) * 7 + 165px);
}
.w12{
    width: calc(((100% - 330px) / 12) * 11 + 300px);
}

.h1{
    height: 36.00px;
}
.h2{
    height: 30.00px;
}

.margin-left-1{
    margin-left: 30.00px;
}
.margin-left-1 > .textarea{
    margin-left: 30.00px;
}
.margin-left-2{
    margin-left: 7.50px;
}
.margin-left-2 > .textarea{
    margin-left: 7.50px;
}
.margin-left-3{
    margin-left: 27.50px;
}
.margin-left-3 > .textarea{
    margin-left: 27.50px;
}
.margin-left-4{
    margin-left: 2.50px;
}
.margin-left-4 > .textarea{
    margin-left: 2.50px;
}


    :root{
        --theme-color-opacity-2: rgba(226, 90, 83, 0.15);
        --theme-color: #5282FB; --theme-color-opacity-1: rgba(226, 90, 83, 0.1); --font-size-base: 16px; --font-size-s: 14px; --font-size-xs: 12px; --color-primary: #1068eb; --background-dark-theme: rgba(255, 255, 255, .1); --background-dark-theme-hover: rgba(255, 255, 255, .2);
    }
:root{
    --theme-color: #5282FB;
    --theme-color-opacity-1: rgba(82, 130, 251, 0.05);
    --theme-color-opacity-2: rgba(82, 130, 251, 0.15);
    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px;
    --color-primary: #1068eb;
    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
}

:root{
    --theme-color: #144FED;
    --theme-color-opacity-1: rgba(20, 79, 237, 0.05);
    --theme-color-opacity-2: rgba(20, 79, 237, 0.15);
    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px;
    --color-primary: #1068eb;
    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
}
:root {
  /*! Space - Sizes */
  --space-none:0;
  --space-xs:4px;
  --space-s:8px;
  --space-base:16px;
  --space-m:24px;
  --space-l:32px;
  --space-xl:40px;
  --space-xxl:48px;

  --grid-desktop: 4;
  --grid-tablet: 3;
  --grid-phone: 1;
  --grid-gap: var(--space-base);
  --grid-list-desktop: 5;
  --grid-list-tablet: 4;
  --grid-list-phone: 2;

      /* Typography - Size */
    --font-size-display: 36px;
    --font-size-h1: 32px;
    --font-size-h2: 28px;
    --font-size-h3: 26px;
    --font-size-h4: 22px;
    --font-size-h5: 20px;
    --font-size-h6: 18px;
    --font-size-base: 16px;
    --font-size-s: 13px;
    --font-size-xs: 12px;
    
    /* Typography - Weight */
    --font-light: 300;
    --font-regular: 400;
    --font-semi-bold: 600;
    --font-bold: 700;
    
    /* Color - Brand */
    --color-primary: #1068eb;
    --color-secondary: #303d60;
    --color-primary-hover: #295fd6;
    --color-primary-selected: rgba(20, 110, 245, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));    

    --color-focus-outer: #FFD337;
    --color-focus-inner: var(--color-neutral-10);
    
    /* Color - Extended */
    --color-red-lightest: #faeaea;
    --color-red-lighter: #e9aaaa;
    --color-red-light: #d96a6a;
    --color-red: #c92a2a;
    --color-red-dark: #ab2424;
    --color-red-darker: #8d1d1d;
    --color-red-darkest: #6f1717;
    
    --color-pink-lightest: #fbebf0;
    --color-pink-lighter: #efadc4;
    --color-pink-light: #e27098;
    --color-pink: #d6336c;
    --color-pink-dark: #b62b5c;
    --color-pink-darker: #96244c;
    --color-pink-darkest: #761c3b;
    
    --color-grape-lightest: #f7ecfa;
    --color-grape-lighter: #dfb2e9;
    --color-grape-light: #c678d9;
    --color-grape: #ae3ec9;
    --color-grape-dark: #9435ab;
    --color-grape-darker: #7a2b8d;
    --color-grape-darkest: #60226f;
    
    --color-violet-lightest: #f1edfd;
    --color-violet-lighter: #c6b6f6;
    --color-violet-light: #9b7fef;
    --color-violet: #7048e8;
    --color-violet-dark: #5f3dc5;
    --color-violet-darker: #4e32a2;
    --color-violet-darkest: #3e2880;
   
    --color-indigo-lightest: #eceffd;
    --color-indigo-lighter: #b3c1f7;
    --color-indigo-light: #7b92f1;
    --color-indigo: #4263eb;
    --color-indigo-dark: #3854c8;
    --color-indigo-darker: #2e45a5;
    --color-indigo-darkest: #243681;
    
    --color-blue-lightest: #e8f2fa;
    --color-blue-lighter: #a3c9ea;
    --color-blue-light: #5fa1db;
    --color-blue: #1a79cb;
    --color-blue-dark: #1667ad;
    --color-blue-darker: #12558e;
    --color-blue-darkest: #0e4370;
    
    --color-cyan-lightest: #e7f2f4;
    --color-cyan-lighter: #9eccd3;
    --color-cyan-light: #56a6b2;
    --color-cyan: #0d8091;
    --color-cyan-dark: #0b6d7b;
    --color-cyan-darker: #095a66;
    --color-cyan-darkest: #074650;
    
    --color-teal-lightest: #e6f2ef;
    --color-teal-lighter: #9cccbd;
    --color-teal-light: #52a58c;
    --color-teal: #087f5b;
    --color-teal-dark: #076c4d;
    --color-teal-darker: #065940;
    --color-teal-darkest: #044632;
    
    --color-green-lightest: #ebf7ed;
    --color-green-lighter: #afe0b8;
    --color-green-light: #73c982;
    --color-green: #37b24d;
    --color-green-dark: #2f9741;
    --color-green-darker: #267d36;
    --color-green-darkest: #1e622a;
    
    --color-lime-lightest: #f1f8e8;
    --color-lime-lighter: #c7e3a2;
    --color-lime-light: #9ecd5c;
    --color-lime: #74b816;
    --color-lime-dark: #639c13;
    --color-lime-darker: #51810f;
    --color-lime-darkest: #40650c;
   
    --color-orange-lightest: #fef0e6;
    --color-orange-lighter: #fcc29c;
    --color-orange-light: #f99551;
    --color-orange: #f76707;
    --color-orange-dark: #d25806;
    --color-orange-darker: #ad4805;
    --color-orange-darkest: #883904;
    
    --color-yellow-lightest: #fef5e5;
    --color-yellow-lighter: #fbd999;
    --color-yellow-light: #f8bc4c;
    --color-yellow: #f59f00;
    --color-yellow-dark: #d08700;
    --color-yellow-darker: #ac6f00;
    --color-yellow-darkest: #875700;
    
    /* Color - Neutral */
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f8f9fa;
    --color-neutral-2: #f1f3f5;
    --color-neutral-3: #e9ecef;
    --color-neutral-4: #dee2e6;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #6a7178;
    --color-neutral-8: #4f575e;
    --color-neutral-9: #272b30;
    --color-neutral-10: #101213;
    
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #dc2020;
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    --color-success-light: #eaf3eb;
    --color-success: #29823b;
    --color-info-light: #e5f5fc;
    --color-info: #017aad;
    
    /* Border Radius */
    --border-radius-none: 0;
    --border-radius-soft: 4px;
    --border-radius-rounded: 100px;
    --border-radius-circle: 100%;
    
    /* Border Size */
    --border-size-none: 0;
    --border-size-s: 1px;
    --border-size-m: 2px;
    --border-size-l: 3px;
    
    /* Elevation / Shadow */
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);
    
    /* App Settings */
    --header-color: #ffffff;
    --color-background-body: #f3f6f8;
    --color-background-login: #ffffff;
    --header-size: 56px;
    --header-size-content: 48px;
    --side-menu-size: 300px;
    --bottom-bar-size: 56px;
    --footer-height: 0px;
    
    /* iOS Safe Areas (Notch Support) */
    --os-safe-area-top: env(safe-area-inset-top);
    --os-safe-area-right: env(safe-area-inset-right);
    --os-safe-area-bottom: env(safe-area-inset-bottom);
    --os-safe-area-left: env(safe-area-inset-left);
}

/* 模板 */
.themecolor{
  background: var(--theme-color);
}
.desktop .leftMenu {
        width: 200px;
    }
    .phone .leftMenu {
        width: 90%;
    }
    /* leftMenu组件 */
    .navigation {
        background-color: var(--theme-color);
        display: flex;
        flex-wrap: nowrap;
    }
    .desktop .Menu {
        background-color: rgb(251, 250, 250);
        width: 100%;
        height: 100%;
        display: block;
    }
    .desktop .menu-icon {
        display: none;
    }
    .desktop .rightPage {
        width: calc(100% - 200px);
    }
    .desktop .leftMenu {
        display: block;
    }
    .phone .Menu {
        width: 270px;
        height: 100%;
        background:rgb(245, 245, 245);
        display: block;
        z-index: 2001;
    }
    .phone .menu-icon {
        display: flex;
        margin-left: 15px;
        width: 24px;
        margin-right: 0px;
    }
    .phone .rightPage {
        width: 100%;
    }
    .phone .leftMenu {
        display: none;
    }
    #shade {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 2000;
        background-color: gray;
        opacity: 0.6;
        display: none;
    }
    .phone .leftMenuShade {
        height: 100%;
        background-color: rgb(251, 250, 250);
        min-height: 100%;
        display: block;
        z-index: 2001;
        position: relative;
        top: 0px;
    }
    .LeftMenuFather:hover, .LeftMenuChild:hover {
        background-color: rgb(241,242,244);
    }

/* navigation组件 */
    .menu-icon{
        margin-left: 15px;
  background-color:transparent;
  border:none;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  margin-right:var(--space-m);
  padding:0;
  width:24px;
}
.menu-icon-line{
  background-color:white;
  border-radius:20px;
  min-height:3px;
  margin:2px 0;
  width:24px;
}
.icon-searches {
    width: 18px;
    height: 18px;
}
.phone .title {
    width: 260px;
}

.logoywTitle{
    font-size: 24px;
    color: #22262e;
    font-family: MicrosoftYaHeiLight;
    padding:15px;
}

.logoTitle{
    color:white;
    font-Size:16px;
    margin-left:150px;
    line-height:43px;
    min-height:43px;
    font-family: Yuanti SC;
    font-weight: 700;
    letter-spacing: 3px;
}


.rc-html-wh100p {
    height: 100%;
}

.rc-html-wh100p .embed, .rc-html-wh100p .rc-html {
    height: 100%;
}


.custompadding{
    padding: 0 5px 0 5px;
}

.container-height{
    display: flex;
    min-height: calc(100% - 43px);
}

.showMenu_phone {
   display: block;
}

showMenu_desktop {
    display: none;
}

.video {margin-left:100px;}

/* Gallery组件 */
.grid-gallery, .grid-gallery > .list{
  display:grid;
  grid-gap:var(--grid-gap);
  grid-template-columns:repeat(var(--grid-desktop), 1fr);
}
.grid-gallery > *{
  margin-top:0;
}
.grid-gallery > .list{
  grid-column-end:calc(var(--grid-desktop) + 1);
  grid-column-start:1;
  overflow:initial;
}
.grid-gallery > .list .card,
.grid-gallery > .list .animate{
  height:100%;
}
.grid-gallery > img{
  object-fit:cover;
}

.tablet .grid-gallery, .tablet .grid-gallery > .list{
  grid-template-columns:repeat(var(--grid-tablet), 1fr);
}
.tablet .grid-gallery > .list{
  grid-column-end:calc(var(--grid-tablet) + 1);
}

.phone .grid-gallery, .phone .grid-gallery > .list{
  grid-template-columns:repeat(var(--grid-phone), 1fr);
}
.phone .grid-gallery > .list{
  grid-column-end:calc(var(--grid-phone) + 1);
}

/* Pagination组件 */
.phone .father{
    display: flex;
    white-space: nowrap;
    flex: 9;
}
.phone .children1{
  flex: 1;
}
.phone .children2{
  margin-left: 0px;
  flex: 2;
}
.phone .children3{
  flex: 1.5;
}
.phone .last-pagination {
  flex: 3;
}
.desktop .children3{
  display: none;
}
.desktop .pagination-container {
  right: 20px;
}
.desktop .last-pagination {
  margin-left: var(--space-s);
}
.phone .all-page-button {
  display: none;
}
.pagination {
    align-items: center;
    display: flex;
  justify-content: space-between;
    margin-top: var(--space-m);
}

.pagination-container {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}
.container-none {
  display: none;
}
.pagination-container .rc-expression {
  min-width: auto;
}
.pagination-container .recordsContainer:hover {
  border-radius: 3px;
  background-color: #CCCCCC;
  cursor: pointer;
}
.pagination-container .popup.rc-popup-air-bubbles .rc-popup-air-buttles-content {
  padding: 5px;
}
.pagination-container .container1 {
    min-width: 60px;
    width: -webkit-max-content;
    width: max-content;
}
.pagination-container .container2 {
    min-width: 84px;
    width: -webkit-max-content;
    width: max-content;
}
.pagination-container .container2 .text3 {
    width: 56px;
    white-space:nowrap;
}
.pagination-container .expression {
    min-width: 10px;
}
.pagination-container .container3 {
    width: -webkit-max-content;
    width: max-content;
}
.pagination-container .container4 {
    width: -webkit-max-content;
    width: max-content;
}
.pagination-container .ellipsis {
    min-width: 12px;
    margin-left: var(--space-s);
}
.pagination-container .list {
    min-height:28px;
    width: -webkit-max-content;
    width: max-content;
}
.pagination-container .container7 {
    width: -webkit-max-content;
    width: max-content;
}
.pagination-container .container-left {
    width: -webkit-max-content;
    width: max-content;
}

.pagination-button {
    align-items: center;
    background-color: #F5F5F7;
    border-radius: var(--border-radius-soft);
    color: #000;
    border: var(--border-size-s) solid var(--color-neutral-4);
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    min-width: 28px;
  justify-content: center;
    margin-left: var(--space-s);
    padding: 0 5px;
}
.pagination-button-turning {
    background-color: #fff;
    border: var(--border-size-s) solid var(--color-neutral-4);
}
.is-rtl .pagination-button {
    margin-right: var(--space-s);
    margin-left: 0;
}

.desktop .pagination-button:not(.is--ellipsis):hover {
    background-color: rgba(21, 24, 26, .04);
    border: var(--border-size-s) solid var(--color-neutral-4);
}

.pagination-button[disabled] {
    opacity: .5;
    pointer-events: none;
}

.pagination-button.is--active {
    background-color: var(--theme-color);
    color: #fff;
    cursor: auto;
    pointer-events: none;
}

.pagination-button.is--ellipsis {
    background-color: transparent;
    border: 0;
    cursor: auto;
    width: 16px;
}
.pagination-container .button-records {
    height: 28px;
    min-width: 80px;
    background-color:#FFF;
    border-radius: 4px;
    border: 1px solid var(--color-neutral-4);
    color: #000;
    margin-top: 2px;
    margin-left: 0;
    padding: 0 5px;
}
.pagination-container .pagination-counter .button-records .text6 {
    line-height: 26px;
    color: #000;
}

.pagination .form-control[data-input] {
    height: 32px;
    margin-left: 8px;
    padding: 0;
    text-align: center;
    width: 32px;
}

.pagination-container .pagination-counter {
    margin-left: 8px;
    color: #000;
}

.pagination-input {
    align-items: center;
    display: flex;
}


.pagination .list.list-group {
    overflow: initial;
}

.phone .pagination {
    flex-direction: column;
}

.phone .pagination-container {
    margin-top: 5px;
}

.phone .pagination-button,
.tablet .pagination-button,
.phone .pagination .form-control[data-input],
.tablet .pagination .form-control[data-input] {
    width: 28px;
    height: 28px;
}

.pagination-input,
.pagination-container .list {
    -servicestudio-display: none;
}

.is-rtl .pagination-button .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.custompadding{
    padding: 0 5px 0 5px;
}

.container-height{
    display: flex;
    min-height: calc(100% - 43px);
}

/* Carousel组件 */
.carousel{
  overflow:hidden;
  position:relative;
  transition:all 400ms ease;
}
.carousel{
  -servicestudio-max-height:100vh;
  -servicestudio-max-height:none !important;
  -servicestudio-min-height:80px !important;
}
.carousel:empty{
  -servicestudio-min-height:200px;
}
.carousel:not(.no-swipe) .carousel-container-content:hover{
  cursor:-webkit-grab;
  cursor:grab;
}
.carousel.init{
  opacity:0;
}
.carousel.init{
  -servicestudio-opacity:1;
}
.carousel > .list:not([data-virtualization-disabled]) > *, .carousel > .list:not([data-animation-disabled]) > *{
  -servicestudio-display:none !important;
}
.carousel > .list:not([data-virtualization-disabled]), .carousel > .list:not([data-animation-disabled]){
  -servicestudio-min-height:225px;
  -servicestudio-pointer-events:none;
}
.carousel > .list:not([data-virtualization-disabled]):after, .carousel > .list:not([data-animation-disabled]):after{
  -servicestudio-background-color:#fff;
  -servicestudio-background-position:center;
  -servicestudio-background-repeat:no-repeat;
  -servicestudio-background-size:291px 225px;
  -servicestudio-content:" ";
  -servicestudio-height:100%;
  -servicestudio-left:0;
  -servicestudio-min-height:225px;
  -servicestudio-position:absolute;
  -servicestudio-top:0;
  -servicestudio-width:100%;
}
.carousel--animatable{
  transition:all 250ms linear;
  will-change:transform;
}
.carousel [data-block*=Card] + [data-block*=Card] .card{
  margin-top:var(--space-none);
}
.carousel .carousel-container{
  --carousel-width:100%;
  width:var(--carousel-width);
  background-color:transparent;
  white-space:nowrap;
}
.carousel .carousel-container{
  -servicestudio-min-height:80px !important;
  -servicestudio-white-space:normal;
}
.carousel .carousel-container .list.list-group{
  background-color:transparent;
  white-space:nowrap;
}
.carousel .carousel-container .list.list-group{
  -servicestudio-white-space:normal;
}
.carousel .carousel-container > .carousel-container-content > *:not(.list), .carousel .carousel-container > .carousel-container-content > .list > div{
  display:inline-block;
  white-space:normal;
  width:100%;
}
.carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]) > *,
.carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]) > *{
  -servicestudio-display:none !important;
}
.carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]),
.carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]){
  -servicestudio-min-height:225px;
  -servicestudio-pointer-events:none;
}
.carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]):after,
.carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]):after{
  -servicestudio-background-color:#fff;
  -servicestudio-background-position:center;
  -servicestudio-background-repeat:no-repeat;
  -servicestudio-background-size:291px 225px;
  -servicestudio-content:" ";
  -servicestudio-height:100%;
  -servicestudio-left:0;
  -servicestudio-min-height:225px;
  -servicestudio-position:absolute;
  -servicestudio-top:0;
  -servicestudio-width:100%;
}
.carousel .carousel-container-content{
  -servicestudio-min-height:80px !important;
}
.carousel .carousel-container-content .OSFillParent{
  display:inline-block;
}
.carousel .carousel-container-content .grid-gallery .OSFillParent{
  display:inherit;
}
.carousel .carousel-navigation{
  align-items:center;
  background-color:var(--color-neutral-0);
  border-radius:var(--border-radius-circle);
  box-shadow:var(--shadow-xs);
  color:var(--color-neutral-7);
  cursor:pointer;
  display:flex;
  font-size:var(--font-size-h4);
  height:40px;
  justify-content:center;
  opacity:1;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-25px);
          transform:translateY(-25px);
  transition:opacity 150ms linear;
  width:40px;
  will-change:opacity;
  z-index:2;
}
.carousel .carousel-navigation.disabled{
  opacity:0.3;
}
.carousel .carousel-navigation.hidden{
  display:none;
}
.carousel .carousel-navigation.carousel-navigation-left{
  left:24px;
  background: rgba(0, 0, 0, 0.3);
}
.carousel .carousel-navigation.carousel-navigation-right{
  right:24px;
  text-align:right;
  background: rgba(0, 0, 0, 0.3);
}
.carousel .carousel-dots-container{
  margin-top:-20px;
  text-align:center;
}
.carousel .carousel-dots-container.disabled{
  display:none;
}
.carousel .carousel-dots-container .carousel-dot{
  background: rgba(0, 0, 0, 0.3);
  border-radius:var(--border-radius-circle);
  cursor:pointer;
  display:inline-block;
  height:8px;
  margin:0 var(--space-xs);
  width:8px;
}
.carousel .carousel-dots-container .carousel-dot.active{
  background-color:#5282fc;
}
.carousel-is-moving .hide-on-drag{
  opacity:0;
  transition:opacity 250ms ease;
}
.carousel .list.list-group{
  overflow:initial;
}
.carousel svg{
  max-width:100%;
}
.carousel .rc-image>.image-inner {
  width: 100%;
  height: 100%;
}

.has-accessible-features .carousel .carousel-navigation:focus{
  box-shadow:0 0 0 3px var(--color-focus-outer);
}
/* Submenu组件 */
.submenu{
  cursor:pointer;
  display:inline-flex;
  /*margin-left:var(--space-base);*/
  position:relative;
  margin-left: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 30px;
}
.submenu{
  -servicestudio-height:auto !important;
}
.submenu:hover .submenu-icon:before{
  border:var(--border-size-s) solid var(--color-neutral-9);
  border-right:0;
  border-top:0;
}
.submenu.active.open .submenu-item{
  color:var(--color-primary);
}
.submenu.active .submenu-header{
  border-bottom:var(--border-size-m) solid var(--color-primary);
}
.submenu.active .submenu-item,
.submenu.active .submenu-item a{
  color:var(--color-primary);
}
.submenu.active .submenu-icon:before{
  border:var(--border-size-s) solid var(--color-primary);
  border-right:0;
  border-top:0;
}
.submenu.open .submenu-icon{
  top:3px;
  -webkit-transform:rotate(135deg);
          transform:rotate(135deg);
}
.submenu.open .submenu-items{
  width: auto;
  opacity:1;
  pointer-events:auto;
  -webkit-transform:translateY(0px);
          transform:translateY(0px);
}
.submenu.is--dropdown .submenu-icon{
  display:inline-flex;
  align-content: normal;
  margin-top: 0px;
}
.submenu-header{
  box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items:center;
  border-bottom:var(--border-size-m) solid transparent;
  border-top:var(--border-size-m) solid transparent;
  display:flex;
  padding:var(--space-none) var(--space-s);
  transition:all 150ms linear;
}
.submenu-icon{
  display:none;
  margin-left:var(--space-s);
  position:relative;
  top:-1px;
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
  transition:all 150ms linear;
}
.submenu-icon:before{
  border:var(--border-size-s) solid var(--color-neutral-8);
  border-right:0;
  border-top:0;
  box-sizing:border-box;
  content:"";
  height:6px;
  transition:all 150ms linear;
  width:6px;
}
.submenu-item{
  box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-items:center;
  color:var(--color-neutral-9);
  display:inline-flex;
  height:100%;
  position:relative;
  transition:all 150ms linear;
}
.submenu-item a{
  align-items:center;
  color:var(--color-neutral-8);
  display:flex;
  height:100%;
}
.submenu-items{
  background-color:var(--color-neutral-0);
  border:var(--border-size-s) solid var(--color-neutral-4);
  border-radius:var(--border-radius-soft);
  box-shadow:var(--shadow-m);
  display:flex;
  flex-direction:column;
  left:0;
  min-width:100px;
  opacity:0;
  padding:var(--space-s) var(--space-none);
  pointer-events:none;
  position:absolute;
  top:calc(100% + var(--space-xs));
  -webkit-transform:translateY(-8px);
          transform:translateY(-8px);
  transition:all 130ms ease-out;
  z-index:100;
}
.submenu-items{
  -servicestudio-opacity:1 !important;
  -servicestudio-pointer-events:auto !important;
  -servicestudio-top:100% !important;
  -servicestudio-transform:translateY(0px) !important;
}
.submenu-items a{
  color:var(--color-neutral-8);
  white-space:nowrap;
  padding: var(--space-s);
  margin: 0;
  width: auto;
}
.submenu-items a>span{
  white-space: nowrap;
}
.submenu-items a.active{
  color:var(--color-primary);
}

.layout:not(.layout-side) .app-menu-links .submenu a{
  border-bottom:none;
}
.layout .header .submenu-items{
  -servicestudio-display:none !important;
}
.layout .submenu{
  -servicestudio-height:100% !important;
}

.layout-side .app-menu-links .submenu a{
  border-left:none;
}
.layout-side .submenu{
  flex-direction:column;
  margin-left:var(--space-none);
  width:100%;
}
.layout-side .submenu.active .submenu-header{
  border-left:var(--border-size-m) solid var(--color-primary);
}
.layout-side .submenu.open .submenu-items{
  display:flex;
}
.layout-side .submenu .submenu-header{
  height: calc(100% + 8px);
  border-bottom:0;
  border-left:var(--border-size-m) solid transparent;
  border-top:0;
  padding:var(--space-s) var(--space-m);
}
.layout-side .submenu-item{
  flex:1;
}
.layout-side .submenu-items{
  border:none;
  box-shadow:none;
  display:none;
  opacity:1;
  padding:var(--space-xs) var(--space-m);
  pointer-events:auto;
  position:relative;
  top:0;
  -webkit-transform:translateY(0);
          transform:translateY(0);
}
.layout-side .submenu-items a{
  padding:var(--space-s) var(--space-base);
}

.layout-side .app-menu-links .submenu-header a,
.menu-visible .app-menu-links .submenu-header a{
  padding:var(--space-none);
}

.desktop .submenu:hover .submenu-item{
  color:var(--color-neutral-9);
}
.desktop .submenu.active .submenu-header:hover .submenu-item{
  color:var(--color-primary);
}
.desktop .submenu-header:hover{
  border-bottom:var(--border-size-l) solid #5282FC;
}
.desktop .submenu-item a:hover{
  color:var(--color-neutral-9);
}
.desktop .submenu-items a:hover,
.phone .submenu-items a:hover{
  width: auto;
  background-color:var(--color-neutral-2);
  color:var(--color-neutral-9);
}
.desktop .submenu-items a.active:hover,
.desktop .submenu-items a.active:hover{
  color:var(--color-primary);
}
.desktop .layout-side .submenu .submenu-header{
  border-bottom:var(--border-size-m) solid transparent;
}
.desktop .layout-side .submenu .submenu-header:hover{
  border-bottom:var(--border-size-m) solid transparent;
}

.tablet .submenu,
.phone .submenu{
  flex-direction:column;
  margin-left:var(--space-none);
  width:100%;
}
.tablet .submenu.active .submenu-header,
.phone .submenu.active .submenu-header{
  border-left:var(--border-size-m) solid var(--color-primary);
}
.tablet .submenu.open .submenu-items,
.phone .submenu.open .submenu-items{
  display:flex;
}
.tablet .submenu-header,
.phone .submenu-header{
  border-bottom:0;
  border-left:var(--border-size-m) solid transparent;
  border-top:0;
  padding:var(--space-s) var(--space-m);
}
.tablet .submenu-item,
.phone .submenu-item{
  flex:1;
}
.tablet .submenu-items,
.phone .submenu-items{
  border:none;
  box-shadow:none;
  display:none;
  opacity:1;
  padding:var(--space-xs) var(--space-m);
  pointer-events:auto;
  position:relative;
  top:0;
  -webkit-transform:translateY(0);
          transform:translateY(0);
}

.is-rtl .layout-side .submenu .submenu-header{
  border-left:0;
  border-right:var(--border-size-m) solid transparent;
}
.is-rtl.tablet .submenu.active .submenu-header, .is-rtl.phone .submenu.active .submenu-header{
  border-left:0;
  border-right:var(--border-size-m) solid var(--color-primary);
}
.is-rtl.tablet .submenu .submenu-header, .is-rtl.phone .submenu .submenu-header{
  border-left:0;
  border-right:var(--border-size-m) solid transparent;
}
.is-rtl .submenu-icon{
  margin-left:var(--space-none);
  margin-right:var(--space-s);
}
.is-rtl .layout-side .submenu.active .submenu-header{
  border-left:var(--border-size-none);
  border-right:var(--border-size-m) solid var(--color-primary);
}

/* MenuIcon组件 */
.menu-icon-container{
  width: 30px;
}
.menu-icon{
  margin-top: 4px;
  margin-left: 0px;
  background-color:transparent;
  border:none;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  margin-right:var(--space-m);
  padding:0;
  width:24px;
}
.desktop .menu-icon{
  display: none;
}
.menu-icon-line{
  background-color:var(--color-neutral-8);
  border-radius:20px;
  min-height:3px;
  margin:2px 0;
  width:24px;
}

/* Menu组件 */
.app-menu-content{
  height:100%;
}
.app-menu-content{
  -servicestudio-background-color:var(--header-color);
  -servicestudio-height:auto !important;
}

.app-menu-overlay{
  background-color:rgba(0, 0, 0, 0.25);
  height:100vh;
  left:0;
  opacity:0;
  pointer-events:none;
  position:fixed;
  top:0;
  transition:opacity 130ms ease-in;
  width:100vw;
  will-change:opacity;
  z-index:104;
}
.app-menu-overlay{
  -servicestudio-display:none;
}

.menu-visible .app-menu-overlay{
  opacity:1;
  pointer-events:auto;
  transition:opacity 330ms ease-out;
}

.layout .app-menu-content{
  -servicestudio-height:100% !important;
}

.layout-top .header-content{
  -servicestudio-align-items:center;
  -servicestudio-flex-direction:row;
  display: flex;
}

.layout-side .aside-navigation{
  -servicestudio-background-color:var(--color-neutral-0);
  -servicestudio-height:100%;
  -servicestudio-position:fixed;
  -servicestudio-width:var(--side-menu-size);
  -servicestudio-z-index:105;
}
.layout-side .aside-navigation > div{
  -servicestudio-height:100%;
}
.layout-side .header .app-menu-content{
  -servicestudio-flex-direction:row;
  -servicestudio-position:static;
  -servicestudio-width:100%;
}
.layout-side .header .app-menu-links{
  -servicestudio-align-items:center;
  -servicestudio-flex-direction:row;
}
.layout-side .header-navigation > div{
  -servicestudio-height:100%;
  -servicestudio-width:100%;
}

.desktop .app-menu-overlay{
  display:none;
}
.desktop .aside-overlay .app-menu-overlay{
  display:block;
}

.tablet .app-login-info,
.phone .app-login-info{
  padding:var(--space-s) var(--space-m);
}
.tablet .app-menu-content,
.phone .app-menu-content{
  background-color:var(--color-neutral-0);
  flex-direction:column;
  height:100%;
  left:calc(-1 * var(--side-menu-size));
  position:fixed;
  top:0;
  -webkit-transform:translateX(0) translateZ(0);
          transform:translateX(0) translateZ(0);
  transition:-webkit-transform 130ms ease-in;
  transition:transform 130ms ease-in;
  transition:transform 130ms ease-in, -webkit-transform 130ms ease-in;
  width:var(--side-menu-size);
  will-change:transform;
  z-index:105;
}
.tablet .menu-visible .app-menu-content,
.phone .menu-visible .app-menu-content{
  -webkit-transform:translateX(var(--side-menu-size)) translateZ(0);
          transform:translateX(var(--side-menu-size)) translateZ(0);
  transition:-webkit-transform 330ms ease-out;
  transition:transform 330ms ease-out;
  transition:transform 330ms ease-out, -webkit-transform 330ms ease-out;
}
.tablet .layout-side .header .app-menu-content,
.tablet .layout-side .aside-navigation,
.phone .layout-side .header .app-menu-content,
.phone .layout-side .aside-navigation{
  -servicestudio-display:none;
}

.tablet.landscape .layout-native.aside-expandable .app-menu-overlay{
  display:none;
}

.phone .app-menu-content{
  padding-bottom:var(--os-safe-area-bottom);
  padding-left:var(--os-safe-area-left);
}

.android [data-status-bar-height] .app-menu-content{
  padding-top:var(--status-bar-height);
}

.ios .app-menu-content{
  padding-bottom:var(--os-safe-area-bottom);
  padding-top:var(--os-safe-area-top);
}

.is-rtl.tablet .menu-visible .app-menu-content, .is-rtl.phone .menu-visible .app-menu-content{
  right:0;
  -webkit-transform:translateX(0) translateZ(0);
          transform:translateX(0) translateZ(0);
  transition:all 330ms ease-out;
}

/* LayoutTopMenu */
html,
body,
#reactContainer,
#transitionContainer,
.screen-container{
  height:100%;
}

.screen-container{
  overflow-x:hidden;
  overflow-y:auto;
}

.layout{
  display:flex;
  min-height:100vh;
  margin-top: 4px;
  margin-left: 10px;
}
.layout.layout-top, .layout.layout-top:not(.layout-native){
  flex-direction:column;
}
.layout.layout-left{
  flex-direction:row;
}
.layout.layout-side .main{
  margin-left:var(--side-menu-size);
}
.layout.layout-side.aside-overlay .main{
  margin-left:0;
}
.layout.layout-native{
  -servicestudio-min-height:100vh !important;
}
.layout.layout-native .main{
  width:100%;
}
.layout.aside-expandable .main{
  margin-left:0;
}
.layout .main{
  display:flex;
  flex:1;
  flex-direction:column;
}

.main,
.fixed-header .main{
  padding-top:0;
}

.layout-native .aside-navigation,
.layout-top .aside-navigation{
  -servicestudio-display:none !important;
}

.ios .layout{
  min-height:100%;
}
.ios .layout-native .footer{
  height:calc(var(--os-safe-area-bottom) + var(--bottom-bar-size));
}

.desktop .layout-native.aside-visible, .desktop .layout-native.aside-expandable,
.tablet .layout-native.aside-visible,
.tablet .layout-native.aside-expandable{
  --side-menu-size:264px;
}

.desktop .layout-native.aside-visible .main, .desktop .layout-native.aside-expandable .main{
  width:calc(100% - var(--side-menu-size));
}

.tablet.landscape .layout-native.aside-visible .main, .tablet.landscape .layout-native.aside-expandable .main{
  margin-left:var(--side-menu-size);
  width:calc(100% - var(--side-menu-size));
}
.tablet.landscape .layout-side.layout-native.aside-expandable.menu-visible .main{
  margin-left:var(--side-menu-size);
}
.tablet.landscape .layout-side.layout-native.aside-expandable .main{
  margin-right:0;
}

.tablet .layout-side .main,
.phone .layout-side .main{
  margin-left:0;
}

.phone .layout:not(.layout-native) [class*=ThemeGrid_Width]:not(.no-responsive){
  margin:var(--space-none) var(--space-none) var(--space-base) var(--space-none);
  width:100%;
}

.is-rtl.tablet .layout-native.aside-visible .main, .is-rtl.tablet .layout-native.aside-expandable .main{
  margin-left:0;
  margin-right:var(--side-menu-size);
}
.is-rtl.tablet .layout-side .main{
  margin-right:0;
}
.is-rtl.tablet.landscape .layout-side.layout-native.aside-expandable.menu-visible .main{
  margin-left:0;
  margin-right:var(--side-menu-size);
}
.is-rtl.tablet.landscape .layout-side.layout-native.aside-expandable .main{
  margin-right:0;
}
.is-rtl.phone .layout-side .main{
  margin-right:0;
}
.is-rtl .layout-side .main{
  margin-left:0;
  margin-right:var(--side-menu-size);
}
.is-rtl .layout-side .aside-overlay .main{
  margin-right:0;
}
.is-rtl .aside-expandable .main{
  margin-right:0;
}

/* ColumnsMediumLeft/ColumnsMediumRight组件 */
.columns{
  width: 100%;
  display:flex;
  border: none;
}
.columns > .columns-item{
  flex:1;
  word-break:break-word;
  height: auto;
}

.columns > .columns-item > .card{
  height:100%;
}
.columns:not(.gutter-none) > .columns-item{
  min-width:0;
}
.columns.columns-small-left > .columns-item:last-child,.columns.columns-small-right > .columns-item:first-child{
  flex:3;
}
.columns.columns-medium-right > .columns-item:first-child,.columns.columns-medium-left > .columns-item:last-child{
  flex:2;
}
.columns.columns-small-left > .columns-item:last-child,.columns.columns-small-right > .columns-item.columns-item-first{
  flex:3;
}
.columns.columns-medium-right > .columns-item.columns-item-first,.columns.columns-medium-left > .columns-item:last-child{
  flex:2;
}

.phone.columns.gutter-none.phone-break-all,
.phone.columns.gutter-xs.phone-break-all,
.phone.columns.gutter-s.phone-break-all,
.phone.columns.gutter-base.phone-break-all,
.phone.columns.gutter-m.phone-break-all,
.phone.columns.gutter-l.phone-break-all,
.phone.columns.gutter-xl.phone-break-all,
.phone.columns.gutter-xxl.phone-break-all {
    margin-left: 0;
    margin-right: 0;
}
.phone .phone-break-all{
  flex-direction: column;
}
.phone .columns.phone-break-all>.columns-item:last-child {
  margin-left: 0;
}
/* .columns.gutter-none{
  margin-right:calc(-1 * var(--space-none) / 2);
} */
.columns.gutter-none > .columns-item{
  margin:var(--space-none) calc(var(--space-none) / 2);
}
.tablet .columns.gutter-none.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-none.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-none.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-none.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-none);
}
.phone .columns.gutter-none.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-none.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-none.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-none.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-none);
}
/* .columns.gutter-xs{
  margin-right:calc(-1 * var(--space-xs) / 2);
} */
.columns.gutter-xs > .columns-item{
  margin:var(--space-none) calc(var(--space-xs) / 2);
}
.tablet .columns.gutter-xs.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xs.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xs.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xs.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-xs);
}
.phone .columns.gutter-xs.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xs.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xs.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xs.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-xs);
}
.phone .rc-form .columns.gutter-xs.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xs.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xs.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xs.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}
/* .columns.gutter-s{
  margin-right:calc(-1 * var(--space-s) / 2);
} */
.columns.gutter-s > .columns-item{
  margin:var(--space-none) calc(var(--space-s) / 2);
}
.tablet .columns.gutter-s.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-s.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-s.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-s.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-s);
}
.phone .columns.gutter-s.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-s.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-s.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-s.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-s);
}
.phone .rc-form .columns.gutter-s.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-s.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-s.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-s.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}
/* .columns.gutter-base{
  margin-right:calc(-1 * var(--space-base) / 2);
} */
.columns.gutter-base > .columns-item{
  margin:var(--space-none) calc(var(--space-base) / 2);
}
.tablet .columns.gutter-base.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-base.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-base.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-base.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-base);
}
.phone .columns.gutter-base.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-base.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-base.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-base.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-base);
}
.phone .rc-form .columns.gutter-base.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-base.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-base.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-base.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}
/* .columns.gutter-m{
  margin-right:calc(-1 * var(--space-m) / 2);
} */
.columns.gutter-m > .columns-item{
  margin:var(--space-none) calc(var(--space-m) / 2);
}
.tablet .columns.gutter-m.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-m.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-m.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-m.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-m);
}
.phone .columns.gutter-m.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-m.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-m.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-m);
}
.phone .rc-form .columns.gutter-m.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-m.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-m.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}
/* .columns.gutter-l{
  margin-right:calc(-1 * var(--space-l) / 2);
} */
.columns.gutter-l > .columns-item{
  margin:var(--space-none) calc(var(--space-l) / 2);
}
.tablet .columns.gutter-l.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-l.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-l.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-l.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-l);
}
.phone .columns.gutter-l.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-l.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-l.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-l.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-l);
}
.phone .rc-form .columns.gutter-l.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-l.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-l.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-l.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}
/* .columns.gutter-xl{
  margin-right:calc(-1 * var(--space-xl) / 2);
} */
.columns.gutter-xl > .columns-item{
  margin:var(--space-none) calc(var(--space-xl) / 2);
}
.tablet .columns.gutter-xl.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xl.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xl.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xl.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-xl);
}
.phone .columns.gutter-xl.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xl.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xl.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xl.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-xl);
}
.phone .rc-form .columns.gutter-xl.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xl.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xl.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xl.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}
/* .columns.gutter-xxl{
  margin-right:calc(-1 * var(--space-xxl) / 2);
} */
.columns.gutter-xxl > .columns-item{
  margin:var(--space-none) calc(var(--space-xxl) / 2);
}
.tablet .columns.gutter-xxl.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xxl.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xxl.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xxl.tablet-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-xxl);
}
.phone .columns.gutter-xxl.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xxl.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xxl.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xxl.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom:var(--space-xxl);
}

.phone .rc-form .columns.gutter-xxl.phone-break-first:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xxl.phone-break-last:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xxl.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .rc-form .columns.gutter-xxl.phone-break-all:only-child > .columns-item:not(:last-child){
  margin-bottom: 0px;
}

/* 去掉多列布局的左边距开始 */
.desktop .rc-block > .columns > :first-child {
  margin-left: 0;
}
.desktop .rc-block > .columns > :last-child {
  margin-right: 0;
}
/* .desktop .rc-block > .columns.gutter-xs {
  margin-left:calc(-1 * var(--space-xs) / 2);
  flex: 1
}
.desktop .rc-block > .columns.gutter-s {
  margin-left:calc(-1 * var(--space-s) / 2);
  flex: 1;
}
.desktop .rc-block > .columns.gutter-base {
  margin-left:calc(-1 * var(--space-base) / 2);
  flex: 1;
}
.desktop .rc-block > .columns.gutter-m {
  margin-left:calc(-1 * var(--space-m) / 2);
  flex: 1;
}
.desktop .rc-block > .columns.gutter-l {
  margin-left:calc(-1 * var(--space-l) / 2);
  flex: 1;
}
.desktop .rc-block > .columns.gutter-xl {
  margin-left:calc(-1 * var(--space-xl) / 2);
  flex: 1;
}
.desktop .rc-block > .columns.gutter-xxl {
  margin-left:calc(-1 * var(--space-xxl) / 2);
  flex: 1;
} */
/* 去掉多列布局的左边距结束 */

.columns:only-child > .columns-item{
  margin-bottom:var(--space-none);
}

.phone .columns.phone-break-first > .columns-item:first-child, .phone .columns.phone-break-last > .columns-item:last-child, .phone .columns.phone-break-all > .columns-item, .phone .columns.columns2.phone-break-middle > .columns-item, .phone .columns.columns3.phone-break-middle > .columns-item:last-child, .phone .columns.columns-small-left.phone-break-middle > .columns-item, .phone .columns.columns-medium-left.phone-break-middle > .columns-item, .phone .columns.columns-small-right.phone-break-middle > .columns-item, .phone .columns.columns-medium-right.phone-break-middle > .columns-item{
  flex:none;
  width:100%;
}
.phone .columns.phone-break-all > .columns-item {
  margin-left: 0;
  margin-right: 0;
}
.phone .columns.columns4.phone-break-middle > .columns-item{
  flex:none;
  width:50%;
}
.phone .columns.columns5.phone-break-middle > .columns-item:nth-child(1), .phone .columns.columns5.phone-break-middle > .columns-item:nth-child(2), .phone .columns.columns5.phone-break-middle > .columns-item:nth-child(3), .phone .columns.columns6.phone-break-middle > .columns-item:nth-child(1), .phone .columns.columns6.phone-break-middle > .columns-item:nth-child(2), .phone .columns.columns6.phone-break-middle > .columns-item:nth-child(3){
  flex:none;
  width:33.333%;
}

.tablet .columns.tablet-break-first > .columns-item:first-child, .tablet .columns.tablet-break-last > .columns-item:last-child, .tablet .columns.tablet-break-all > .columns-item, .tablet .columns.columns2.tablet-break-middle > .columns-item, .tablet .columns.columns3.tablet-break-middle > .columns-item:last-child, .tablet .columns.columns-small-left.tablet-break-middle > .columns-item, .tablet .columns.columns-medium-left.tablet-break-middle > .columns-item, .tablet .columns.columns-small-right.tablet-break-middle > .columns-item, .tablet .columns.columns-medium-right.tablet-break-middle > .columns-item{
  flex:none;
  width:100%;
}
.tablet .columns.columns4.tablet-break-middle > .columns-item{
  flex:none;
  width:50%;
}
.tablet .columns.columns5.tablet-break-middle > .columns-item:nth-child(1), .tablet .columns.columns5.tablet-break-middle > .columns-item:nth-child(2), .tablet .columns.columns5.tablet-break-middle > .columns-item:nth-child(3), .tablet .columns.columns6.tablet-break-middle > .columns-item:nth-child(1), .tablet .columns.columns6.tablet-break-middle > .columns-item:nth-child(2), .tablet .columns.columns6.tablet-break-middle > .columns-item:nth-child(3){
  flex:none;
  width:33.333%;
}
/* 多列布局宽度减去外边距 START */
/* 四列布局 */
.phone .columns.columns4.phone-break-middle.gutter-xs > .columns-item{
  width: calc(50% - var(--space-xs));
}
.phone .columns.columns4.phone-break-middle.gutter-s > .columns-item{
  width: calc(50% - var(--space-s));
}
.phone .columns.columns4.phone-break-middle.gutter-base > .columns-item{
  width: calc(50% - var(--space-base));
}
.phone .columns.columns4.phone-break-middle.gutter-m > .columns-item{
  width: calc(50% - var(--space-m));
}
.phone .columns.columns4.phone-break-middle.gutter-l > .columns-item{
  width: calc(50% - var(--space-l));
}
.phone .columns.columns4.phone-break-middle.gutter-xl > .columns-item{
  width: calc(50% - var(--space-xl));
}
.phone .columns.columns4.phone-break-middle.gutter-xxl > .columns-item{
  width: calc(50% - var(--space-xxl));
}
/* 多列布局宽度减去外边距 END */

/* tabs系列组件 */
.tabs-main {
  background-color: #f1f1f1;
  height: 100%;
}
.tabs-main .tabs {
  /* margin-bottom: 12px; */
}
.tabs{
  display:flex;
  flex-wrap:wrap;
}
.tabs .tabs-list {
    min-height: 40px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: scroll;
}
.tabs .tabs-list .tabs-active {
  background-color: #FFFFFF;
}
.tabs .tabs-container {
  height: 40px;
  width: -webkit-max-content;
  width: max-content;
  min-width: 120px;
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #FFFFFF;
  border-right: 1px solid #EDEDED;
  border-left: none;
}
.tabs .tabs-container-active {
  border-bottom: 2px solid var(--theme-color);
}
.tabs .tabs-container:hover {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.tabs .rc-container .tabs-expression {
  margin-right: 2px;
  height: 40px;
  line-height: 40px;
  align-items: flex-start;
  overflow: hidden;
}
.tabs .rc-container .tabs-expression-active {
  /* color: #5282FC; */
}
.tabs .tabs-container .tabs-icon .svg-icon {
  width: 12px;
  height: 12px;
}
.tabs .tabs-container > .tabs-icon {
  display: none;
  color: #CFCFCF;
}
.tabs .tabs-container:hover > .tabs-icon {
  display: inline-block;
  /* color: #5282FC; */
}
.tabs .tabs-icon:hover {
  color: #FFF;
  background-color: #D9DADA;
  border-radius: 50%;
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}
@keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
    }
}
.tabs .refresh {
  display: none;
  -webkit-animation: loading 1s linear 0s infinite;
          animation: loading 1s linear 0s infinite;
}

.tabs .tabs-container:hover > .tabs-expression {
  /* color: #5282FC; */
}

.tabs-embed-container {
  /* height: calc(100% - 40px); */
  background-color: #FFF;
}
.tabs-embed-container .tabs-placeholder {
  height: 100%;
}
.tabs-embed-container .tabs-placeholder:not(:last-child) {
  display: none;
}



.tabs.justified .tabs-header{
  width:100%;
}
.tabs.justified [data-block*=TabsHeaderItem]{
  flex:1;
}
.tabs.justified [data-block*=TabsHeaderItem] .tabs-header-tab{
  margin-left:var(--space-none);
}
.tabs.tabs-vertical{
  flex-direction:row;
  flex-wrap:nowrap;
}
.tabs.tabs-vertical.justified .tabs-header{
  height:auto;
}
.tabs.tabs-vertical.tabs-header-right .tabs-header{
  order:2;
}
.tabs.tabs-vertical.tabs-header-right .tabs-header .tabs-header-tab{
  border-left:var(--border-size-m) solid transparent;
  border-right:var(--border-size-none);
  padding:var(--space-s) var(--space-none) var(--space-s) var(--space-m);
}
.tabs.tabs-vertical.tabs-header-right .tabs-header .tabs-header-tab.active{
  border-left:var(--border-size-m) solid var(--color-primary);
}
.tabs.tabs-vertical.tabs-header-right .tabs-content{
  border-left:var(--border-size-none);
  border-right:var(--border-size-s) solid var(--color-neutral-5);
  margin-left:var(--space-none);
  margin-right:-1px;
}
.tabs.tabs-vertical .tabs-header,
.tabs.tabs-vertical .tabs-header .ListRecords{
  flex-direction:column;
  height:100%;
  width:auto;
  word-break:initial;
}
.tabs.tabs-vertical .tabs-header .tabs-header-tab{
  border-bottom:var(--border-size-none);
  border-right:var(--border-size-m) solid transparent;
  justify-content:flex-start;
  margin-left:var(--space-none);
  padding:var(--space-s) var(--space-m) var(--space-s) var(--space-none);
}
.tabs.tabs-vertical .tabs-header-tab.active{
  border-right:var(--border-size-m) solid var(--color-primary);
}
.tabs.tabs-vertical .tabs-content{
  border-left:var(--border-size-s) solid var(--color-neutral-5);
  border-top:var(--border-size-none);
  margin-left:-1px;
  margin-top:var(--space-none);
  padding:var(--space-none) var(--space-m);
}
.tabs .tabs-header,
.tabs .tabs-header .list{
  display:flex;
  overflow-x:auto;
  position:relative;
  width:100%;
  z-index:2;
}
.tabs .tabs-header-tab{
  align-items:center;
  border-bottom:var(--border-size-m) solid transparent;
  color:var(--color-neutral-8);
  cursor:pointer;
  display:flex;
  justify-content:center;
  margin-left:var(--space-l);
  padding:var(--space-base) var(--space-xs);
  transition:border 150ms linear;
  white-space:nowrap;
  width: -webkit-max-content;
  width: max-content;
}
.tabs .tabs-header-tab.active{
  border-bottom:var(--border-size-m) solid var(--color-primary);
  color:var(--color-neutral-10);
  font-weight:var(--font-semi-bold);
}
.tabs .tabs-content{
  border-top:var(--border-size-s) solid var(--color-neutral-5);
  flex-grow:1;
  margin-top:-1px;
  padding:var(--space-m) var(--space-none);
  position:relative;
  width:100%;
  z-index:auto;
}
.tabs .tabs-content-tab:not(.open){
  display:none;
}
.tabs .tabs-content-tab:not(.open){
  -servicestudio-display:block !important;
}

[data-block*=TabsHeaderItem]:first-child .tabs-header-tab{
  margin-left:var(--space-none);
}

.popup-dialog .tabs .tabs-content-tab:not(.open){
  display:none;
}
.popup-dialog .tabs .tabs-content-tab:not(.open){
  -servicestudio-display:block !important;
}

.layout-native .tabs.tabs-section-group .tabs-content{
  overflow:initial;
}
.layout-native .tabs.tabs-vertical .tabs-content-tab:not(.open){
  display:none;
}
.layout-native .tabs.tabs-vertical .tabs-content .tabs-content-wrapper{
  -webkit-transform:translateX(0px) translateZ(0px) !important;
          transform:translateX(0px) translateZ(0px) !important;
}
.layout-native .tabs-content{
  overflow:hidden;
  white-space:nowrap;
  width:100%;
}
.layout-native .tabs-content{
  -servicestudio-overflow:visible;
  -servicestudio-white-space:normal;
}
.layout-native .tabs-content-wrapper{
  transition:-webkit-transform 230ms ease-in-out;
  transition:transform 230ms ease-in-out;
  transition:transform 230ms ease-in-out, -webkit-transform 230ms ease-in-out;
}
.layout-native .tabs-content-tab{
  display:inline-flex;
  height:100%;
  position:relative;
  vertical-align:top;
  white-space:normal;
  width:100%;
  overflow:hidden;
}
.layout-native .tabs-content-tab > *{
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.layout-native .tabs-content-tab > *{
  -servicestudio-position:relative;
}
.layout-native .tabs-content-tab.open > *{
  position:relative;
}
.layout-native .tabs-content-tab:not(.open){
  display:inline-block;
}

.desktop .tabs.tabs-vertical .tabs-header-tab:hover{
  border-bottom:var(--border-size-none);
  border-right:var(--border-size-m) solid var(--color-neutral-6);
}
.desktop .tabs.tabs-vertical .tabs-header-tab.active:hover{
  border-right:var(--border-size-m) solid var(--color-primary);
}
.desktop .tabs.tabs-vertical.tabs-header-right .tabs-header-tab:hover{
  border-left:var(--border-size-m) solid var(--color-neutral-6);
}
.desktop .tabs.tabs-vertical.tabs-header-right .tabs-header-tab.active:hover{
  border-left:var(--border-size-m) solid var(--color-primary);
  border-right:var(--border-size-none);
}
.desktop .tabs-header-tab:hover{
  border-bottom:var(--border-size-m) solid var(--color-neutral-6);
  color:var(--color-neutral-10);
}
.desktop .tabs-header-tab.active:hover{
  border-bottom:var(--border-size-m) solid var(--color-primary);
}

.is-rtl .tabs.tabs-vertical.tabs-header-right .tabs-header .tabs-header-tab{
  border-left:var(--border-size-none);
  border-right:var(--border-size-m) solid transparent;
  margin:0;
  padding:var(--space-s) var(--space-m) var(--space-s) var(--space-none);
}
.is-rtl .tabs.tabs-vertical.tabs-header-right .tabs-content{
  border-left:var(--border-size-s) solid var(--color-neutral-5);
  border-right:0;
}
.is-rtl .tabs.tabs-vertical .tabs-header-tab{
  border-left:var(--border-size-m) solid transparent;
  border-right:var(--border-size-none);
  margin:0;
  padding:var(--space-s) var(--space-none) var(--space-s) var(--space-m);
}
.is-rtl .tabs.tabs-vertical .tabs-header-tab.active{
  border-left:var(--border-size-m) solid var(--color-primary);
  border-right:var(--border-size-none);
}
.is-rtl .tabs.tabs-vertical .tabs-content{
  border-left:0;
  border-right:var(--border-size-s) solid var(--color-neutral-5);
}
.is-rtl .tabs-header-tab{
  margin-left:0;
  margin-right:var(--space-l);
}
.is-rtl [data-block*=TabsHeaderItem]:first-child .tabs-header-tab{
  margin-right:0;
}
.is-rtl.desktop .tabs.tabs-vertical .tabs-header-tab:hover{
  border-left:var(--border-size-m) solid var(--color-neutral-6);
  border-right:var(--border-size-none);
}
.is-rtl.desktop .tabs.tabs-vertical .tabs-header-tab.active{
  border-left:var(--border-size-m) solid var(--color-primary);
  border-right:var(--border-size-none);
}

/* DropdownSearch */
.DropdownSearch .header{
  position: relative;
  height: 36px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  align-items: center;
  align-content: center
}
.DropdownSearch .header .my-input {
  height: 34px;
  margin-left: 15px;
  margin-bottom: 0px;
  border: none;
}
.DropdownSearch .header .my-input input {
  padding-left: 0px;
  border: none;
}
.DropdownSearch .header-icon-down {
  position: absolute;
  right: 15px;
  font-size: 16px;
  transition: all 180ms linear;
}
.DropdownSearch .container2 {
  position:absolute;
  max-height: 300px;
  overflow-y: auto;
  width:100%;
  cursor: pointer;
  z-index: 2001;
  padding: 10px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  background-color: #FFF;
}
.DropdownSearch .search-input {
  margin-bottom: 8px;
}
.DropdownSearch .search-input input {
  padding-left: 40px;
}
.DropdownSearch .item {
  height: 36px;
  padding-left: 5px;
  line-height: 36px;
}
.DropdownSearch .item:hover {
  background-color: #F1F3F5;
}
.DropdownSearch .list1 {
  min-height: 36px;
  height: -webkit-max-content;
  height: max-content;
}
.DropdownSearch .container6 {
  display: none;
}
.DropdownSearch .text2 {
  line-height: 40px;
}

/* 经典模板 */
.pageContainerClassics{
    display:flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.rc-container.pageWithAuto{
    width: auto;
}

.pageFlexAuto{
    flex: 1;
}

.rc-container.pageLeftPosition{
    margin-left: 10px;
}

/* 新的模板 */
.pageContainer{
    display:flex;
    height:100%;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #f3f6f8;
}

.pageContainerCenter{
    flex:1;
    overflow: hidden;
}

.pageContainerBottom{
    height: 40px;
    background: #f3f6f8;
    margin-top: 3px;
    margin-bottom: 3px;
}

.templateMargin{
    margin: 0 10px 0 10px;
}

.templatePadding{
    padding: 10px 10px 10px 10px;
}

.templateCenterPadding{
    padding: 0 10px 0 10px;
}

.templateRight{
   justify-content: flex-end;
}

.templateMiddle{
    height:100%;
    display:flex;
    align-content: center;
    align-items: center;
}

.templateBottom{
    padding-bottom: 5px;
}

.templateTable{
    max-height: 100%;
    margin-left: 10px;
}

.templateLink:hover{
    text-decoration: underline;
    color: var(--theme-color);
}

.templateDelete{
    color: gray;
}

.templateDelete:hover{
    text-decoration: underline;
    color: red;
}

.templateScreen{
    border-color: var(--theme-color);
    background:none;
}

.rc-text.textThemeColor.templateThemeColor{
     color: var(--theme-color);
}

.rc-link>.rc-expression.templateColor:hover{
    color: var(--theme-color);
}

.rc-icon.templateIcons {
    width: 30px;
     height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e4e5e7;
}

.templateIcons:hover {
    cursor: pointer;
    background-color: #f1f2f3;
}

.rc-icon.filterIcon {
    border-radius: 3px 0 0 3px;
    border-right: 0;
}

.refreshIcon  {
    border-right: 1px solid #e4e5e7;
    border-radius: 0 3px 3px 0;
}

/* 流程相关 */
.rc-container.process-item {
    transition: width 2s, height 2s, -webkit-transform .5s;
    transition: width 2s, height 2s, transform .5s;
    transition: width 2s, height 2s, transform .5s, -webkit-transform .5s;
}
.rc-container.process-item:hover {
    border: 1px solid #409eff;
    box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
}

/* 垂直居中 */
.ywVerCenter{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* 水平居中 */
.ywHorCenter{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.desktop .logoPadding{
    padding-left: 15%;
    padding-right: 15%;
}


.rc-popup-dialog .rc-popup.popDelete .popup-title {
  left: 20px !important;
  color: #303133;
  font-size: 18px;
}


/* 表格列显示隐藏组件 START */

div.table-column-display-manage-popup.rc-popup-air-bubbles .rc-popup-air-buttles-content, div.table-column-display-manage-popup.rc-popup.rc-popup-air-bubbles .rc-popup-air-buttles-content {
    padding-left: 0;
    padding-right: 0;
}

.table-column-display-manage-popup .search-wrap {
    padding: 0 8px;
    border-bottom: 1px solid #ebecee;
}
.table-column-display-manage-popup .search-wrap .rc-input {
    border: none;
}
.table-column-display-manage-popup .search-wrap .rc-input input {
    border: none;
    padding-left: 10px;
}

.table-column-display-manage-popup .check-column-wrap {
    padding: 0 8px;
}
.table-column-display-manage-popup .check-column-item {
    height: 36px;
    align-items: center;
    align-content: center;
}

.table-column-display-manage-popup .check-column-item .rc-checkbox .square-checkbox {
    color: var(--theme-color, #5282FB)!important;
}

.table-column-display-manage-popup .check-column-item .rc-text, .check-column-item .rc-expression {
    margin-left: 10px;
    font-size: 14px;
}

.table-column-display-manage-popup .check-column-all .rc-text {
    color: var(--theme-color, #5282FB);
}

/* 表格列显示隐藏组件 END */

.rc-button.rc-button-v1 {
    height: 32px;
}

/* 新管理页图标提示按钮悬浮效果 START */
.IconTipsButton-icon-container:hover {
  background: #EEEEEE;
}
.IconTipsButton-icon-container:active, .IconTipsButton-icon-container-active, .IconTipsButton-icon-container-active:hover {
  background: #EDF2FE;
}
.IconTipsButton-icon-container:active .rc-icon, .IconTipsButton-icon-container-active .rc-icon, .IconTipsButton-icon-container-active:hover .rc-icon {
  color: #144FED!important;
}
/* 新管理页图标提示按钮悬浮效果 END */

/* paginaton */
.button-records{
    margin: 0 !important;
}
.rc-header-cell{
    font-weight: normal;
    background: #F2F3F4;
    border: none;
}
.r-header-cell{
    font-weight: normal;
    background: #F2F3F4;
    border: none;
}
.rc-table-index-style{
    border-left: none !important;
}
/* end paginaton */

/* table */
.rc-header-row{
    border: none;
}
/* end table */

/* aside */
.menu-container{
    width: 220px;
}

.menu-container.collapse{
    width: 60px;
}

.search-container{
    height: 54px;
}

.menu-container.collapse .search-container{
    height: 0;
}

.collapse-handler:hover{
    background-color: #F2F3F4;
    transition: 0.3s;
}

.collapse-icon{
    width: 18px;
    height: 15px;
    margin-left: 23px !important;
    margin-right: 8px;
    transition: 0.3s;
}
.menu-container.collapse .collapse-icon{
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    margin-left: 16px !important;
    margin-right: 18px;
}
.tree-container{
    padding: 0 12px;
}
.collapse .tree-container{
    padding: 0;
}
/* end aside */

/* userinfo */
.user-info-popup{
    position: absolute;
    top: 50px;
    right: 0px;
    -webkit-transform-origin: top;
            transform-origin: top;
    transition: 0.3s;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
}
.user-info.active .user-info-popup{
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
}
.user-info-item{
    width: 100%;
    height: 34px;
    border-radius: 3px;
    display: flex;
    align-content: center;
    align-items: center;
    transition: 0.3s;
    margin: 3px 0;
    cursor: pointer;
}

.user-info-item .rc-image.white{
    display: none;
}

.user-info-item:hover{
    background: #5282FC;
    color: #fff;
}

.user-info-item:hover .rc-image.white{
    display: flex;
}

.user-info-item:hover .rc-image.black{
    display: none;
}

.user-info-item .rc-image{
    width: 14px;
    height: 16px;
    margin: 0 10px 0 9px;
}

/* end userinfo */

/* menu */
.layout-menu .menu-item {
    align-items: center;
    justify-content: space-between;
    height: 42px;
    transition: 0.2s;
    border-radius: 3px;
    cursor: pointer;
}

.layout-menu .menu-item.current,
.layout-menu .menu-item:hover {
    background-color: #f2f3f4;
    color: #5282fb;
}

.layout-menu .img-container {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
}

.layout-menu .icon-down {
    width: 24px;
    height: 12px;
    margin-top: 2px;
    transition: 0.2s;
}
.new-rc-group-system{
    font-family: Source Han Sans CN;
    font-size: 14px;
    color: #2E2E2E;
}
/* 权限管理 */
.rc-group-system:hover .rc-group-system-item{
    display: block;
}
.system-active{
    color: #5282FB !important;
    background: rgba(82, 130, 252, 0.1) !important;
}
.rc-group-system-item{
    display: none;
}
/* tree样式 */
.group-tree-node{
    height: 28px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
    margin-bottom: 3px;
}
.tree-node:hover{
    color: #5282FC;
    background: rgba(82, 130, 252, 0.1);
}
.tree-node:hover .tree-branch{
    -webkit-filter: drop-shadow(#5282FC 900px 0);
            filter: drop-shadow(#5282FC 900px 0);
    -webkit-transform: translateX(-900px);
            transform: translateX(-900px);
}
.tree-node:hover .tree-menu{
    display: block;
}
.tree-hovered{
    border-top: 2px solid var(--theme-color);
    z-index: 3;
}

.tree-branch{
    margin-left: 11px;
    margin-right: 8px ;
}

.tree-ul{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 23px;
}
.tree-expand{
    padding-right: 11px;
}
.tree-checkbox{
    width: 14px;
    height: 14px;
    margin-right: 6px;
    margin-left: 11px;
}
.tree-checkbox2{
    margin-left: 17px;
    margin-right: 6px;
}
.tree-text{
    font-family: Source Han Sans CN;
    cursor: pointer;
    font-size: 12px;
}
.tree-menu{
    margin-left: auto;
    display: none;
    padding: 0 14px 0 5px;
}
.tree-main-page{
    margin-left: 8px;
}

.group-tree-node input[type='checkbox'] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
}

.group-tree-node input[type='checkbox']::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0;
    text-align: center;
    content: ' ';
    border-radius: 3px;
}

.group-tree-node input[type='checkbox']:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: rgba(0, 117, 255);
}

/* 绘制一个三角形，用于tree的展开收缩 */
.arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid black;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.arrow.rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*  去除弹窗自带的关闭按钮 */
 ::v-deep(.clear-close-svg .title-wrapper) {
    display: none !important;
}

#left-tree-shade {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: gray;
    opacity: 0.6;
}

/* end menu */


/* 操作栏文字按钮样式 */
.cell-btn {
    margin-right: 10px;
    color: var(--theme-color);
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}
.cell-btn:hover {
    background-color: #e2e7f3;
}

/* 表格样式修改 */
.r-header-cell .td-content {
    color: #646A73;
    padding: 0 5px 0 10px;
}
.r-header-row .r-table-index-style .rc-text {
    display: none;
}

.r-row-cell .inner-cell {
    padding: 0 5px 0 10px;
}

/* rc-popup样式改动 */
.rc-popup {
    border-radius: 5px;
}
/* 选择框中间状态*/
.partially-selected {
      position: relative;
    }
.partially-selected__input.is-indeterminate .partially-selected__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #ffffff;
    height: 4px;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.partially-selected__inner {
    background-color: rgba(0, 117, 255);
    border-color: rgba(0, 117, 255) !important;
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);
}
.is-indeterminate .partially-selected__original {
    display: none
}
.checkout_indeterminate .rc-checkbox:before{
        content: "";
        position: absolute;
        display: block;
        background-color: #436FF6;
        height: 4px;
        -webkit-transform: scale(.5);
                transform: scale(.5);
        left: 0;
        right: 0;
        top: 5px
    
}
.wh100p[hash-class=columnChart-4397317405286796] {
    width: 500px;
    height: 300px;
}.wh100p[hash-class=lineChart-4397315708232075] {
    width:  500px;
    height: 300px;
}.wh100p[hash-class=pieChart-4397314115903882] {
    width: 500px;
    height: 300px;
}
.rc-if[hash-class=pieChart-4397314115903882] {
    width: 100%;
    height: 100%;
}
.rc-text[hash-class=Columns2-2182593171030267] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Columns2-2182593171030267] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Columns2-2182593171030267] {
    line-height: inherit;
}

.rc-text[hash-class=Columns3-2182618723713158] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Columns3-2182618723713158] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Columns3-2182618723713158] {
    line-height: inherit;
}

.rc-text[hash-class=Columns5-2182659268346060] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Columns5-2182659268346060] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Columns5-2182659268346060] {
    line-height: inherit;
}

.rc-text[hash-class=Columns6-2182677618884857] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Columns6-2182677618884857] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Columns6-2182677618884857] {
    line-height: inherit;
}
.rc-block[hash-class=Columns6-2182677618884857] {
    display: flex;
    width: 100%;
}
.rc-text[hash-class=CardList-2183513655869627] {
    line-height: 30px;
}

.rc-text-inner[hash-class=CardList-2183513655869627] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=CardList-2183513655869627] {
    line-height: inherit;
}

.rc-text[hash-class=Columns4-2182638704787673] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Columns4-2182638704787673] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Columns4-2182638704787673] {
    line-height: inherit;
}

.rc-text[hash-class=ColumnsMediumLeft-2166347559479742] {
    line-height: 30px;
}

.rc-text-inner[hash-class=ColumnsMediumLeft-2166347559479742] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=ColumnsMediumLeft-2166347559479742] {
    line-height: inherit;
}

.rc-text[hash-class=ColumnsMediumRight-2166474685334436] {
    line-height: 30px;
}

.rc-text-inner[hash-class=ColumnsMediumRight-2166474685334436] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=ColumnsMediumRight-2166474685334436] {
    line-height: inherit;
}

.rc-text[hash-class=ColumnsSmallLeft-2171103118459612] {
    line-height: 30px;
}

.rc-text-inner[hash-class=ColumnsSmallLeft-2171103118459612] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=ColumnsSmallLeft-2171103118459612] {
    line-height: inherit;
}

.rc-text[hash-class=ColumnsSmallRight-2171229586752600] {
    line-height: 30px;
}

.rc-text-inner[hash-class=ColumnsSmallRight-2171229586752600] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=ColumnsSmallRight-2171229586752600] {
    line-height: inherit;
}

.rc-text[hash-class=rcVideo-1967700093323274] {
    line-height: 30px;
}

.rc-text-inner[hash-class=rcVideo-1967700093323274] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=rcVideo-1967700093323274] {
    line-height: inherit;
}



.rc-text[hash-class=Carousel-4537987809970573] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Carousel-4537987809970573] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Carousel-4537987809970573] {
    line-height: inherit;
}
.swiper[hash-class=Carousel-4537987809970573]{
  display: flex;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

[hash-class=Carousel-4537987809970573] .normal-swiper-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
}
[hash-class=Carousel-4537987809970573] .normal-swiper-slide{
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
/** pagenation **/
[hash-class=Carousel-4537987809970573] .normal-swiper-pagination{
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  padding: 20px 0px;
  justify-content: center;
  --background-color: #E5EBFB;
  --active-background-color: #3C6CEF;
}
[hash-class=Carousel-4537987809970573] .normal-swiper-pagination-bullet{
  width: 36px;
  height: 8px;
  background: var(--background-color);;
  margin-left: 10px;
  opacity: 0.5;
  cursor: pointer;
}
[hash-class=Carousel-4537987809970573] .normal-swiper-pagination-bullet-active{
  opacity: 1;
  background: var(--active-background-color);
}
[hash-class=Carousel-4537987809970573] .swiper-pre {
    position: absolute;
    top: 50%;
    left: 8%;
    width: 10%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    cursor: pointer;
    z-index: 1000;
    max-width: 52px;
}
[hash-class=Carousel-4537987809970573] .swiper-next {
    position: absolute;
    top: 50%;
    right: 8%;
    width: 10%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    cursor: pointer;
    z-index: 1000;
    max-width: 52px;
}
.phone [hash-class=Carousel-4537987809970573] .swiper-pre {
  left: 5%;
  max-width: 40px;
  width: 7%;
}
.phone [hash-class=Carousel-4537987809970573] .swiper-next {
  right: 5%;
  max-width: 40px;
  width: 7%;
}
.phone [hash-class=Carousel-4537987809970573] .normal-swiper-pagination {
  padding: 10px 0;
}
.phone [hash-class=Carousel-4537987809970573] .normal-swiper-pagination-bullet {
  width: 18px;
  height: 4px;
}

/* 3D轮播图样式 */
[hash-class=Carousel-4537987809970573] .normal-swiper-wrapper-3D {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
[hash-class=Carousel-4537987809970573] .carousel-slide-3D {
  position: absolute;
  left: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateZ(-400px);
          transform: translateX(-50%) translateZ(-400px);
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  width: 60%;
  transition-duration: 300ms;
  box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 5px 0px;
}
[hash-class=Carousel-4537987809970573] .carousel-slide-3D-current {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateZ(0);
          transform: translateX(-50%) translateZ(0);
  z-index: 1;
}
[hash-class=Carousel-4537987809970573] .carousel-slide-3D-prev {
  opacity: 0.4;
  -webkit-transform: translateX(-100%) translateZ(-200px);
          transform: translateX(-100%) translateZ(-200px);
}
[hash-class=Carousel-4537987809970573] .carousel-slide-3D-next {
  opacity: 0.4;
  -webkit-transform: translateX(0%) translateZ(-200px);
          transform: translateX(0%) translateZ(-200px);
}

[hash-class=Carousel-4537987809970573] .rc-if{
  width: auto;
  height: auto;
}
/* :deep(div.rc-popup-air-bubbles .rc-popup-air-buttles-content, div.rc-popup.rc-popup-air-bubbles .rc-popup-air-buttles-content) {
    padding-left: 0;
    padding-right: 0;
}

.search-wrap {
    padding: 0 8px;
    border-bottom: 1px solid #ebecee;
}

.search-wrap :deep(.rc-input input) {
    border: none;
    padding-left: 10px;
}

.check-column-wrap {
    padding: 0 8px;
}
.check-column-item {
    height: 36px;
    align-items: center;
    align-content: center;
}

.check-column-item :deep(.rc-checkbox .square-checkbox) {
    color: var(--theme-color, #5282FB)!important;
}

.check-column-item .rc-text, .check-column-item .rc-expression {
    margin-left: 10px;
    font-size: 14px;
}

.check-column-all .rc-text {
    color: var(--theme-color, #5282FB);
} */
.rc-text[hash-class=PaginationDeprecated-2201154626440495] {
    line-height: 30px;
}

.rc-text-inner[hash-class=PaginationDeprecated-2201154626440495] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=PaginationDeprecated-2201154626440495] {
    line-height: inherit;
}

.rc-text[hash-class=Tabs-3705731007087248] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Tabs-3705731007087248] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Tabs-3705731007087248] {
    line-height: inherit;
}

.isFirst[hash-class=Tabs-3705731007087248], .isLast[hash-class=Tabs-3705731007087248], .clickDisabled[hash-class=Tabs-3705731007087248] {
    cursor: not-allowed;
    color: #c6c7cb;
}

.contextMenuCon[hash-class=Tabs-3705731007087248] {
    left: 30px;
    top: 30px;
    background-color: #ffffff;
    display: none;
    padding-right: 5px;
    padding-left: 12px;
    width: 110px;
    height: auto;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
}
.contextMenuItem:hover[hash-class=Tabs-3705731007087248] {
    background-color: var(--theme-color-opacity-2);
}
.rc-text[hash-class=Pagination-3514484135700178] {
    line-height: 30px;
}

.rc-text-inner[hash-class=Pagination-3514484135700178] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=Pagination-3514484135700178] {
    line-height: inherit;
}
/* .slider{
    position: relative;
    user-select: none;
    border-color: rgba(172, 173, 173, 1);
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
    background: rgba(153, 153, 153, 1);
}
.drop{
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #fff;
    z-index: 99;
   
}
.Tooltip{
    position: relative;
}
.Tooltip2{
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)
}
.TooltipTop{
    opacity: 0;
    transition:.3s;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    width: 40px;
    height: 40px;
    z-index: 999;
    pointer-events: none;
}
.TooltipBottom{
    opacity: 0;
    transition:.3s;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 40px;
    height: 40px;
    z-index: 999;
    pointer-events: none;
}
.text{
    user-select: none;
}
.sliderBg {
    flex-shrink: 0;
    height: 100%;
    background: rgba(102, 183, 81, 1);
    width: 50%;
    border-radius: 5px;
}
.disable-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    display: none;
}
.disable-mask.hide{
    display: block;
    cursor: not-allowed;
} */

.slider[hash-class=Slider1-6685505495445379]{
    --slider-bg-color:#efefef;
    --slider-select-color:#5284fb;
    --slider-block-color: #ffffff;
    --slider-border-radius: 5px;
    --slider-thick-num: 20px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    border-color: rgba(172, 173, 173, 1);
    /* height: 10px; */
    height: calc(var(--slider-thick-num) - 10px);
    border-radius: var(--slider-border-radius);
    cursor: pointer;
    /* background: rgba(153, 153, 153, 1); */
    background: var(--slider-bg-color);
}
.disable-mask[hash-class=Slider1-6685505495445379]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    display: none;
}
.disable-mask.hide[hash-class=Slider1-6685505495445379]{
    display: block;
    cursor: not-allowed;
}
.drop[hash-class=Slider1-6685505495445379] {
     width: var(--slider-thick-num);
    height: var(--slider-thick-num);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    border-radius: 50%;
    background:  var(--slider-block-color);
    z-index: 99;
}
.drop.rect[hash-class=Slider1-6685505495445379]{
    width: 41px;
    height: var(--slider-thick-num);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 99;
   
}
.Tooltip[hash-class=Slider1-6685505495445379]{
    position: relative;
    /* display: none; */
}
.Tooltip.hide[hash-class=Slider1-6685505495445379]{
    display: none;
}
.Tooltip2[hash-class=Slider1-6685505495445379]{
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)
}
.Tooltip2.show[hash-class=Slider1-6685505495445379]{
    position: absolute;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05);
    /* background: linear-gradient(180deg, #39D1D4 2%, #138DFF 100%); */
    background: var(--slider-block-color);
}
.TooltipTop[hash-class=Slider1-6685505495445379]{
    opacity: 0;
    transition:.3s;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 40px;
    height: 40px;
    z-index: 999;
    pointer-events: none;
}
.TooltipBottom[hash-class=Slider1-6685505495445379]{
    opacity: 0;
    transition:.3s;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    width: 40px;
    height: 40px;
    z-index: 999;
    pointer-events: none;
}
.text[hash-class=Slider1-6685505495445379]{
    -webkit-user-select: none;
            user-select: none;
}
.sliderBg[hash-class=Slider1-6685505495445379] {
    flex-shrink: 0;
    height: 100%;
    /* background: rgba(102, 183, 81, 1); */
    background: var(--slider-select-color);
    width: 50%;
    border-radius: var(--slider-border-radius);
}
.precent-value-text[hash-class=Slider1-6685505495445379]{
    display: none;
}
.show .precent-value-text[hash-class=Slider1-6685505495445379]{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    line-height: 12px;
}.rc-text[hash-class=LineIconButton-7442529288676231] {
  padding: 0 0 0 4px;
}.rc-text[hash-class=ThemeIconButton-7442522242245504] {
  padding: 0 0 0 4px;
}.active[hash-class=J_XHGL_ZPSBDetail-8914700523792386] {
    background: white !important;
    color: #409EFF;
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid  #e8e8e8;
            border-top: 1px solid  #e8e8e8;
}
[hash-class=J_XHGL_ZPSBDetail-8914700523792386] .rc-popup .link-import {
    text-decoration: none;
    color: var(--theme-color);
}

[hash-class=J_XHGL_ZPSBDetail-8914700523792386] .rc-popup .link-import:hover {
    text-decoration: none;
    opacity: 0.8;
}
[hash-class=J_XHGL_ZPSBDetail-8914700523792386] .rc-popup .link-import:active {
    text-decoration: underline;
    color: var(--theme-color);
}
.sub_container[hash-class=J_XHGL_ZPSBDetail-8914700523792386]{
    position: relative;
}
[hash-class=J_XHGL_ZPSBDetail-8914700523792386] .hiddenRow .form-table-add {
    display: none !important;
}
[hash-class=J_XHGL_ZPSBDetail-8914700523792386] .rc-form-table {
   border-right: none;
}
[hash-class=J_XHGL_ZPSBDetail-8914700523792386] .hiddenRow .form-table-main {
    border: 1px solid #E7EAEF;
    border-radius: 4px;
}



      .active[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] {
    background: white !important;
    color: #409EFF;
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid  #e8e8e8;
            border-top: 1px solid  #e8e8e8;
}
[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] .rc-popup .link-import {
    text-decoration: none;
    color: var(--theme-color);
}

[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] .rc-popup .link-import:hover {
    text-decoration: none;
    opacity: 0.8;
}
[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] .rc-popup .link-import:active {
    text-decoration: underline;
    color: var(--theme-color);
}
.sub_container[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571]{
    position: relative;
}
[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] .hiddenRow .form-table-add {
    display: none !important;
}
[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] .rc-form-table {
   border-right: none;
}
[hash-class=J_XHGL_ZPSB_SUBDetail-8914700525037571] .hiddenRow .form-table-main {
    border: 1px solid #E7EAEF;
    border-radius: 4px;
}



      .active[hash-class=J_XHGL_ZPSBList-8914700525234190] {
    background: white !important;
    color: var(--theme-color, #5282FC);
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid  #e8e8e8;
    border-top: 1px solid  #e8e8e8;
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .rc-popup .link-import {
    text-decoration: none;
    color: var(--theme-color);
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .rc-popup .link-import:hover {
    text-decoration: none;
    opacity: 0.8;
}
[hash-class=J_XHGL_ZPSBList-8914700525234190] .rc-popup .link-import:active {
    text-decoration: underline;
    color: var(--theme-color);
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .r-row .r-table-index-style .inner-cell span {
    font-size: 14px;
    line-height: 14px;
    color: rgb(45, 45, 45);
    top: 0;
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .r-table .r-scrollbar__view {
    height: calc(100% - 2px);
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .r-table .r-scrollbar__view .r-table_body-wrapper,
[hash-class=J_XHGL_ZPSBList-8914700525234190] .r-table .r-scrollbar__view .r-table-empty-wrapper {
    height: 100%;
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .r-table .r-scrollbar__view .r-table-empty-content {
    height: calc(100% - 20px);
}

[hash-class=J_XHGL_ZPSBList-8914700525234190] .r-table .r-table_body-wrapper table {
    height: auto;
}
.check-pop-item[hash-class=J_XHGL_ZPSBList-8914700525234190] {
  padding: 0 16px;
  color: #333;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
}
.check-pop-item:hover[hash-class=J_XHGL_ZPSBList-8914700525234190] {
  background-color: var(--theme-color)!important;
  color: white;
}/* HTML: <div class="loader"></div> */
.loader[hash-class=GeneralLoading-7891685657700096] {
  width: 12px;
  height: 12px;
  aspect-ratio: 1;
  position: relative;
  color: #DA3231;
  opacity: 80%;
}
.loader[hash-class=GeneralLoading-7891685657700096]::before,
.loader[hash-class=GeneralLoading-7891685657700096]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:#DA3231;
}
.loader[hash-class=GeneralLoading-7891685657700096]::before {
  box-shadow: -25px 0;
  -webkit-animation: l8-1 0.5s infinite linear;
          animation: l8-1 0.5s infinite linear;
}
.loader[hash-class=GeneralLoading-7891685657700096]::after {
  -webkit-transform: rotate(0deg) translateX(25px);
          transform: rotate(0deg) translateX(25px);
  -webkit-animation: l8-2 0.5s infinite linear;
          animation: l8-2 0.5s infinite linear;
}

@-webkit-keyframes l8-1 {
    100%{-webkit-transform: translateX(25px);transform: translateX(25px)}
}

@keyframes l8-1 {
    100%{-webkit-transform: translateX(25px);transform: translateX(25px)}
}
@-webkit-keyframes l8-2 {
    100%{-webkit-transform: rotate(-180deg) translateX(25px);transform: rotate(-180deg) translateX(25px)}
}
@keyframes l8-2 {
    100%{-webkit-transform: rotate(-180deg) translateX(25px);transform: rotate(-180deg) translateX(25px)}
}/* HTML: <div class="loader"></div> */
.loader[hash-class=LayoutPhone-7923911107208832] {
  width: 35px;
  aspect-ratio: .45;
  --c: no-repeat linear-gradient(#DA3231 0 0);
  background: 
    var(--c) 0%   50%,
    var(--c) 50%  50%,
    var(--c) 100% 50%;
  -webkit-animation: l7 1s infinite linear alternate;
          animation: l7 1s infinite linear alternate;
}
@-webkit-keyframes l7 {
  0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
  20% {background-size: 20% 20% ,20% 50% ,20% 50% }
  40% {background-size: 20% 100%,20% 20% ,20% 50% }
  60% {background-size: 20% 50% ,20% 100%,20% 20% }
  80% {background-size: 20% 50% ,20% 50% ,20% 100%}
  100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}
@keyframes l7 {
  0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
  20% {background-size: 20% 20% ,20% 50% ,20% 50% }
  40% {background-size: 20% 100%,20% 20% ,20% 50% }
  60% {background-size: 20% 50% ,20% 100%,20% 20% }
  80% {background-size: 20% 50% ,20% 50% ,20% 100%}
  100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}


.pull-to-refresh[hash-class=LayoutPhone-7923911107208832] {
    position: absolute;
    top: -60px; /* 初始位置在视图外 */
    left: 0;
    width: 100%;
    height: 60px;
    background-color:#F7F8FA;
    color: gray;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    transition: top 0.3s ease-in-out;
    z-index: 10;
}

.pull-text[hash-class=LayoutPhone-7923911107208832] {
  display: block;
}.slider[hash-class=Slider-4499498780041857]{
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    border-color: #EBEDF0;
    height: 6px;
    border-radius: 5px;
    cursor: pointer;
    background: #EBEDF0;
}

.slider-disabled .slider[hash-class=Slider-4499498780041857] {
    cursor: not-allowed
}

.drop[hash-class=Slider-4499498780041857]{
    width: 32px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    border-radius: 10px;
    /* background-color: #fff; */
    background-color: #E7504B;
    z-index: 99;
   
}
.Tooltip[hash-class=Slider-4499498780041857]{
    position: relative;
}
.Tooltip2[hash-class=Slider-4499498780041857]{
    position: absolute;
    border-radius: 10px;
    width: 32px;
    height: 15px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)
}
/* .Tooltip:hover .TooltipTop{
      opacity: 1;
}
.Tooltip:hover .TooltipBottom{
      opacity: 1;
} */
.TooltipTop[hash-class=Slider-4499498780041857]{
    opacity: 0;
    transition:.3s;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 40px;
    height: 40px;
    z-index: 999;
    pointer-events: none;
}
.TooltipBottom[hash-class=Slider-4499498780041857]{
    opacity: 0;
    transition:.3s;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    width: 45px;
    height: 40px;
    z-index: 999;
    pointer-events: none;
}
.text[hash-class=Slider-4499498780041857]{
    -webkit-user-select: none;
            user-select: none;
}
.sliderBg[hash-class=Slider-4499498780041857] {
    flex-shrink: 0;
    height: 100%;
    background: #E7504B;
    width: 50%;
    border-radius: 5px;
}.container[hash-class=tabBar-4664206535536003]{
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mainBox[hash-class=tabBar-4664206535536003]{
  flex: 1;
  height: 100%;
  /* overflow: auto; */
  overflow: hidden auto;
  scrollbar-width: none;
}

.footer[hash-class=tabBar-4664206535536003]{
  display: flex;
  flex-wrap: nowrap;
  box-shadow: 0 -2px 5px #ccc;
  height: 66px;
}

.taBBar-item[hash-class=tabBar-4664206535536003]{
  flex: 1;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-size: 12px;
  box-sizing: border-box;
  min-height: 36px;
}

.taBBar-item:hover[hash-class=tabBar-4664206535536003] {
  background-color: #5282FB;
  color: #fff;
}

.image[hash-class=tabBar-4664206535536003]{
  width: 24px;
  height: 24px;
  /* margin-right: 4px; */
  margin-top: 4px;
}

.select[hash-class=tabBar-4664206535536003]{
  background: #fff;
  color: #5282FB;
}

[hash-class=tabBar-4664206535536003] .taBBar-item{
  flex: 1;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 2.5;
  font-size: 12px;
  box-sizing: border-box;
  min-height: 36px;
}
[hash-class=tabBar-4664206535536003] .taBBar-item:hover {
  background-color: #5282FB;
  color: #fff;
}

[hash-class=tabBar-4664206535536003] .select{
  background: #fff;
  color: #5282FB;
}

[hash-class=tabBar-4664206535536003] .image{
  width: 24px;
  height: 24px;
  /* margin-right: 4px; */
  margin-top: 4px;
}
.container[hash-class=topBar-4664208603934350]{
  display: flex;
  flex-direction: column;
}

.mainBox[hash-class=topBar-4664208603934350]{
  flex: 1;
  height: 0;
}

.footer[hash-class=topBar-4664208603934350]{
  display: flex;
  flex-wrap: nowrap;
}


.taBBar-span[hash-class=topBar-4664208603934350]{
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

[hash-class=topBar-4664208603934350] .taBBar-span{
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.taBBar-item[hash-class=topBar-4664208603934350]{
  flex: 1;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 2.5;
  font-size: 14px;
  box-sizing: border-box;
  white-space: nowrap; /* 不换行 */
  overflow: hidden;    /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
}

.taBBar-item:hover[hash-class=topBar-4664208603934350] {
  background-color: #5282FB;
  color: #fff;
}
[hash-class=topBar-4664208603934350] .taBBar-item-tag{
  content: "";
  height: 3px;
  border-radius: 20px;
  background-color: 	#5282FB;
  transition: width .5s linear;
}

.image[hash-class=topBar-4664208603934350]{
  width: auto;
  height: 50%;
  margin-right: 4px;
}
.select[hash-class=topBar-4664208603934350]{
  background: #fff;
  color: #5282FB;
}

[hash-class=topBar-4664208603934350] .taBBar-item{
  flex: 1;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 2.5;
  flex-direction: column;
  font-size: 14px;
  box-sizing: border-box;
}

[hash-class=topBar-4664208603934350] .taBBar-item:hover{
  background-color: #5282FB;
  color: #fff;
}

[hash-class=topBar-4664208603934350] .unSelect{

}

[hash-class=topBar-4664208603934350] .select{
  background: #fff;
  color: #5282FB;
}

[hash-class=topBar-4664208603934350] .image{
  width: auto;
  height: 50%;
  margin-right: 4px;
}.mobile-left-tree[hash-class=LayoutBase-5659045894178816] {
  position: absolute;
  z-index: 999;
}.mobile-left-tree[hash-class=LayoutTabs-6576587966530185] {
  position: absolute;
  z-index: 999;
}[hash-class=DepartmentManage-2410481004987627] .tree-text {
    white-space: nowrap;
}

.rc-text[hash-class=DepartmentManage-2410481004987627] {
    line-height: 30px;
}

.rc-text-inner[hash-class=DepartmentManage-2410481004987627] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=DepartmentManage-2410481004987627] {
    line-height: inherit;
}
.rc-link.active[hash-class=DepartmentManage-2410481004987627]{
    border-bottom: 2px solid var(--theme-color,#62a8f2) !important;
}
.rc-link.active[hash-class=DepartmentManage-2410481004987627]{
    border-bottom: 2px solid var(--theme-color,#62a8f2) !important;
}

.rc-table.gw .table-index-style[hash-class=DepartmentManage-2410481004987627] {
    border-left: 0;
}
/* 影藏添加按钮 */
.rc-container.zzjg>.rc-block > :first-child[hash-class=DepartmentManage-2410481004987627] {
    display: none !important;
}

.rc-header-cell.gw:last-child[hash-class=DepartmentManage-2410481004987627] {
    border-right: 0;
}

.rc-row-cell.gw:last-child[hash-class=DepartmentManage-2410481004987627] {
    border-right: 0;
}
.rc-table.gw >.rc-header-row.post[hash-class=DepartmentManage-2410481004987627]{
    height: 40px;
}
.rc-table.gw .rc-row.post[hash-class=DepartmentManage-2410481004987627]{
    height: 40px;
}
.rc-table .table-index-style[hash-class=DepartmentManage-2410481004987627]{
    height: 40px !important;
    min-height: 40px !important; 
}
.rc-table.gw.table-index-style[hash-class=DepartmentManage-2410481004987627] {
    height: 40px !important;
    min-height: 40px !important;
} 

.cancelBtn[hash-class=DepartmentManage-2410481004987627]{
     margin-left: 10px;
    margin-top: 4px;
    cursor: pointer;
    width: 100px;
    height: 30px;
    line-height: 25px;
    background-color: white;
    font-size: 17px;
    /* color: #fff; */
    box-shadow: none;
    font-weight: 400;
    outline: 0;
    border-radius: 10px 10px 10px;
    border: 1px solid var(--theme-color);
}
.cancelBtn .btnTxt[hash-class=DepartmentManage-2410481004987627]{
    color: var(--theme-color);
}
.appendDepartment[hash-class=DepartmentManage-2410481004987627]{
    margin-top: 24px;
}
.edit[hash-class=DepartmentManage-2410481004987627]{
    display: none;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    width: 24px;
    height: 26px;
    border-radius: 4px;
    color: #5282FC;
}

.editHover:hover .edit[hash-class=DepartmentManage-2410481004987627]{
    display: flex;
}

.edit1[hash-class=DepartmentManage-2410481004987627]{
    display: none;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    width: 24px;
    height: 26px;
    border-radius: 4px;
    color: #5282FC;
}

.controls:hover .edit1[hash-class=DepartmentManage-2410481004987627]{
    display: flex;
}
.cyybm-drag[hash-class=DepartmentManage-2410481004987627] {
    position: absolute;
    right: 0;
    height: 100%;
    border-right: 1px solid #E9EAF2;
    flex-shrink: 0;
    width: -webkit-max-content;
    width: max-content;
    top: 0;
}

.cyybm-drag:hover[hash-class=DepartmentManage-2410481004987627]{
    border: 1px dashed #5282FC;
    cursor: ew-resize; /* 左右箭头 */
}
.uninoffice[hash-class=DepartmentManage-2410481004987627]{
    width: 58px;
    height: 22px;
    border-radius: 3px;
    background: #DDE0E7;
    font-family: 思源黑体;
    color: #757575;
}
.inoffice[hash-class=DepartmentManage-2410481004987627]{
    background: #C4EAD1;
    width: 58px;
    height: 22px;
    border-radius: 3px;
    font-family: 思源黑体;
    color: #32A372;
}
.uninoffice2[hash-class=DepartmentManage-2410481004987627]{
    background: #FAD5CD;
    width: 58px;
    height: 22px;
    border-radius: 3px;
    font-family: 思源黑体;
    color: #E2584D;
}
.nouseing[hash-class=DepartmentManage-2410481004987627]{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(246, 104, 93, 0.5);;
}
.nouseing-child[hash-class=DepartmentManage-2410481004987627]{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #F6685D;
}
.useing[hash-class=DepartmentManage-2410481004987627]{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(56, 184, 101, 0.5);
}
.useing-child[hash-class=DepartmentManage-2410481004987627]{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #38B865;
}
.department-tree-dia :hover[hash-class=DepartmentManage-2410481004987627]{
    background: #F2F3F4;
    color: #5282FC;
}
.depart-input-placeholder[hash-class=DepartmentManage-2410481004987627]{
    font-family: 思源黑体;
    font-size: 12px;
    color: #BBBDBF;
}
.tap-active[hash-class=DepartmentManage-2410481004987627]{
    color: #5282FC;
    border-bottom: 2px solid #5282FC;
}
.form_label[hash-class=DepartmentManage-2410481004987627]{
    padding: 0 31px;
}
.hide-scroll::-webkit-scrollbar[hash-class=DepartmentManage-2410481004987627] { width: 0!important }
.depart-tree-node[hash-class=DepartmentManage-2410481004987627]{
    height: 28px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-user-select: none;
            user-select: none;
    margin-bottom: 3px;
    
}

[hash-class=DepartmentManage-2410481004987627] .remarks textarea {
    resize: none;
}

.transl_text_linr_height[hash-class=DepartmentManage-2410481004987627] {
    line-height: 20px!important;
}

.transl_status_width[hash-class=DepartmentManage-2410481004987627] {
    width: 80px!important;
}[hash-class=UserLogList-5647710060047378] #rc-2182643717505278_rc-5015400226670592{
    display: none;
}
[hash-class=UserLogList-5647710060047378] #rc-2182644497580284_rc-5015400226670592{
    display: none;
}

[hash-class=OnLineUsers-5654226094449805] .td-content {
    color: #646A73;
}

.sBox[hash-class=ChangePassowrd-5647790566887305]{
    width: 50px;
    height: 22px;
    display: flex;
    justify-content: center;
    margin-right: 8px;
    background: #F2F3F4;
}


[hash-class=ChangePassowrd-5647790566887305] .rc-input input {
    flex: 1!important;
}

[hash-class=ChangePassowrd-5647790566887305] input[type="password"]::-ms-reveal{
    display: none;
}
[hash-class=ChangePassowrd-5647790566887305] input[type="password"]::-ms-clear{
    display: none;
}
[hash-class=ChangePassowrd-5647790566887305] input[type="password"]::-o-clear{
    display: none;
}.btn-item[hash-class=TimerList-5654988861452167] {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.btn-item:hover[hash-class=TimerList-5654988861452167] {
    background-color: #F2F3F4;
    color: var(--theme-color);
}

.timer-list-btns[hash-class=TimerList-5654988861452167] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    display: none;
    flex-direction: column;
    width: 130px;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}

.other-btn[hash-class=TimerList-5654988861452167] {
  display: none;
}

.r-row:hover .other-btn[hash-class=TimerList-5654988861452167] {
  display: block;
}

[hash-class=TimerList-5654988861452167] .td-content {
    color: #646A73;
}

.rotate-image[hash-class=Header-5648740292431489] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg)
}

[hash-class=Menu-5649145710018953] .menu-hover-popup {
    position: absolute;
    width: 150px;
    margin: 0px;
    list-style-type: none;
    padding: 5px 0;
    border-radius: 3px;
    opacity: 1;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px 0px;
    z-index: 999;
    cursor: pointer;
}
[hash-class=Menu-5649145710018953] .menu-hover-item {
    margin: 0px 5px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
}

[hash-class=Menu-5649145710018953] .menu-hover-item .menu-btn {
    position: relative;
}
[hash-class=Menu-5649145710018953] .menu-hover-item .menu-btn-expend {
    position: absolute;
    top: 0px;
    right: 10px;
}

[hash-class=Menu-5649145710018953] .menu-hover-popup .menu-hover-item:hover {
    /* color: #5282FC; */
    background: #F2F3F4;
}
[hash-class=RouterTabs-6520611030239232] .tab-list::-webkit-scrollbar{
  height: 5px!important;
}

.rc-container-v1.tab-item[hash-class=RouterTabs-6520611030239232] {
  background-color: #FFFFFF;
}
.rc-container-v1.tab-active[hash-class=RouterTabs-6520611030239232] {
  color: #5282fb;
  border-bottom: 2px solid #5282fb;
}

[hash-class=RouterTabs-6520611030239232] .tab-name .rc-expression-inner {
  padding: 0 5px;
  border-radius: 5px;
}
[hash-class=RouterTabs-6520611030239232] .tab-name:hover {
  color: #5282fb;
}

.tab-content[hash-class=RouterTabs-6520611030239232] {
  height: 25px;
  border-right: 1px solid #DBDBDB;
}

/* 右击面板 */
.right-click-panel[hash-class=RouterTabs-6520611030239232] {
  height: auto;
  width: auto;
  position: fixed;
  z-index: 999;
  background: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #DEE5F8;
  border-radius: 5px;
}
.displaynone[hash-class=RouterTabs-6520611030239232] {
  display: none;
}
.right-click-item[hash-class=RouterTabs-6520611030239232] {
  height: 30px;
  display: flex!important;
  align-items: center;
  width: 100px;
  cursor: pointer;
  margin: 0 3px!important;
  padding-left: 5px;
}
.right-click-item:hover[hash-class=RouterTabs-6520611030239232] {
  background-color: #F2F3F4;
  color: #5282fb;
}

.displaynone[hash-class=RouterTabs-6520611030239232] {
  display: none;
}
[hash-class=SelectPicture-5732771923536027] .iconPopup .rc-upload .upload-left {
    position: unset;
}
[hash-class=SelectPicture-5732771923536027] .iconPopup .rc-upload .upload-left .rc-text-inner {
    color: #4592E3;
}
[hash-class=SelectPicture-5732771923536027] .iconPopup .rc-upload .down-Arrow {
    display: none;
}

.iconPopup .title[hash-class=SelectPicture-5732771923536027] {
    line-height: 18px;
}
.iconPopup .titleActive[hash-class=SelectPicture-5732771923536027] {
    border-bottom: 2px solid var(--theme-color,#5282FC);;
}
.iconPopup .iconItem[hash-class=SelectPicture-5732771923536027] {
    margin-left: 0;
    margin-right: 11.5px;
    margin-bottom: 12px;
    background-color: #B8B8B8;
    border-radius: 4px;
}
.iconPopup .iconItem:hover[hash-class=SelectPicture-5732771923536027] {
    background-color: var(--theme-color,#5282FC);
}
.iconPopup .iconItem:nth-child(7n)[hash-class=SelectPicture-5732771923536027] {
    margin-right: 0px;
}
.iconPopup .iconItem.activeItem[hash-class=SelectPicture-5732771923536027] {
    background-color: var(--theme-color,#5282FC);
}
[hash-class=SelectPicture-5732771923536027] .iconPopup::-webkit-scrollbar {
    width: 0;
    height: 0;
}

[hash-class=SelectPicture-5732771923536027] .rc-popup-dialog {
    background-color: #b6b9ba4d!important;
}.depart-tree-node[hash-class=MenuPermissionTree-5915834670719104]{
    height: 28px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-user-select: none;
            user-select: none;
    margin-bottom: 3px;
    
}[hash-class=TimerDetail-5655049281208453] .rc-page__dialog-title {
    justify-content: left;
}
[hash-class=TimerDetail-5655049281208453] .rc-page__dialog-title-text {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #000000;
    margin-left: 20px;
}[hash-class=MenuManage-5722202564642432] .table-header-row {
    height: 40px;
    width: 100%;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 2;
}

[hash-class=MenuManage-5722202564642432] .table-header-row .table-cell {
    background-color: #F2F3F5;
}

[hash-class=MenuManage-5722202564642432] .table-row:hover .table-cell {
    background-color: var(--theme-color-opacity-1);
}

[hash-class=MenuManage-5722202564642432] .table-row-active {
    background-color: var(--theme-color-opacity-2);
}

[hash-class=MenuManage-5722202564642432] .table-cell {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-right: 1px solid #E8E8E8;
}

[hash-class=MenuManage-5722202564642432] .table-cell .content {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[hash-class=MenuManage-5722202564642432] .table-row {
    height: 40px;
    width: 100%;
    display: flex;
}

[hash-class=MenuManage-5722202564642432] .table-row .table-cell {
    border-bottom: 1px solid #E8E8E8;
}

[hash-class=MenuManage-5722202564642432] .menu-tree-content {
    height: calc(100% - 110px);
}

[hash-class=MenuManage-5722202564642432] .table-cell-btn {
    display: flex;
}

[hash-class=MenuManage-5722202564642432] .table-cell-btn-item {
    margin-right: 10px;
    color: var(--theme-color);
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}
[hash-class=MenuManage-5722202564642432] .table-cell-btn-item:hover {
    background-color: #e2e7f3;
}

[hash-class=MenuManage-5722202564642432] .form-item {
    margin-bottom: 25px;
}

[hash-class=MenuManage-5722202564642432] .menu-detail-dialog .rc-input {
    height: 32px;
}

/* 排序按钮组 */
[hash-class=MenuManage-5722202564642432] .sort-btn-group {
    display: none;
}

[hash-class=MenuManage-5722202564642432] .table-row:hover .sort-btn-group {
    display: flex;
}

[hash-class=MenuManage-5722202564642432] .table-row-active .sort-btn-group {
    display: flex;
}

[hash-class=MenuManage-5722202564642432] .sort-btn {
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

[hash-class=MenuManage-5722202564642432] .drag-btn {
    cursor: move;
    width: 6px;
    height: 12px;
    margin-right: 10px;
}

/* 拖拽排序相关样式 */
[hash-class=MenuManage-5722202564642432] .table-body .hovered .table-cell {
    border-top: 2px solid var(--theme-color);
    z-index: 3;
}

[hash-class=MenuManage-5722202564642432] .table-body .clone {
    position: absolute;
    background-color: var(--theme-color-opacity-2);
}


/* 弹窗样式修改 */
[hash-class=MenuManage-5722202564642432] .popup-title {
    font-size: 16px;
    font-weight: 700;
    color: #2E2E2E;	
}

add-level-menu-transl-width[hash-class=MenuManage-5722202564642432] {
    width: 200px;
}
.add-level-menu-default-width[hash-class=MenuManage-5722202564642432] {
    width:  130px;
}
.rc-text[hash-class=LoginHome-5631950186742919] {
    line-height: 30px;
}

.rc-text-inner[hash-class=LoginHome-5631950186742919] {
    line-height: inherit;
}

.rc-expression-inner[hash-class=LoginHome-5631950186742919] {
    line-height: inherit;
}
.LoginBtn[hash-class=LoginHome-5631950186742919]{
    cursor: pointer;
    height: 36rem;
    line-height: 36rem;
    padding: 0;
    background: 0 0;
    background-color: var(--theme-color);
    font-size: 16rem;
    color: #fff;
    box-shadow: none;
    font-weight: 400;
    border: none;
    outline: 0;
    margin-top: 5rem;
    border-radius: 6rem;
}

.mainContainer[hash-class=LoginHome-5631950186742919] {
    justify-content: center;
}
.smallBox[hash-class=LoginHome-5631950186742919]{
    flex-shrink: 0;
    width: 60px;
    margin-right: 15px;
    background: #f2f1ef;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
[hash-class=LoginHome-5631950186742919] input[type="password"]::-ms-reveal{
    display: none;
}
[hash-class=LoginHome-5631950186742919] input[type="password"]::-ms-clear{
    display: none;
}
[hash-class=LoginHome-5631950186742919] input[type="password"]::-o-clear{
    display: none;
}
.labelTxt[hash-class=LoginHome-5631950186742919]{
    text-align: right;
    flex: 0.15;
}
.inputTxt[hash-class=LoginHome-5631950186742919]{
    flex: 0.85;
    margin-left: 10px;
}

.input-Active[hash-class=LoginHome-5631950186742919]{
    border: 1px solid #144FED;
    border-radius: 4px;
}

.input-NoActive[hash-class=LoginHome-5631950186742919]{
    border: 1px solid #E7E5E3;
    border-radius: 4px;
}

.phone .rc-if-false[hash-class=LoginHome-5631950186742919],
.phone .rc-if-true[hash-class=LoginHome-5631950186742919] {
    height: 100%;
    width: 100%;
}

.phone .container-right[hash-class=LoginHome-5631950186742919] {
    width: 100% !important;
    justify-content: flex-start !important;
    height: -webkit-max-content !important;
    height: max-content !important;
}

.phone .login-form-container[hash-class=LoginHome-5631950186742919] {
    background: unset !important;
    box-shadow: unset !important;
    width: 100% !important;
    padding-left: 92rem !important;
    padding-right: 92rem !important;
    padding-top: 0 !important;
    margin-top: 814rem !important;
    height: -webkit-max-content !important;
    height: max-content !important;
}

.phone .login-form-container .form-title[hash-class=LoginHome-5631950186742919] {
    margin-bottom: 46rem !important;
    font-size: 80rem !important;
    line-height: 80rem !important;
    height: -webkit-max-content !important;
    height: max-content !important;
}

.phone .login-form-container .input-container[hash-class=LoginHome-5631950186742919] {
    height: 200rem !important;
    margin-top: 48rem !important;
    background-color: #FBFCFE;
}

.phone .login-form-container .input-container .rc-input[hash-class=LoginHome-5631950186742919] {
    background-color: unset !important;
}

.phone .login-form-container .input-container .rc-image[hash-class=LoginHome-5631950186742919] {
    height: 72rem !important;
    width: 72rem !important;
}

.phone .login-form-container .LoginBtn[hash-class=LoginHome-5631950186742919] {
    height: 220rem !important;
    margin-top: 68rem !important;
    border-radius: 10rem;
}

.phone .login-form-container .LoginBtn .rc-text[hash-class=LoginHome-5631950186742919] {
    font-size: 72rem !important;
    line-height: 72rem !important;
}

.rc-expression-zc[hash-class=LoginHome-5631950186742919] {
  margin-left: 0;
  outline: none;
  border: 1px solid transparent;
  line-height: 30px;
  font-size: var(--font-size-s);
  min-width: 45px;
}

.rc-expression-inner:hover[hash-class=LoginHome-5631950186742919] {
 color: rgb(85, 83, 83);
}[hash-class=PermissionManage-5656190170647936] .el-tabs__item.is-active {
    color: var(--theme-color, #5585f8);
}

[hash-class=PermissionManage-5656190170647936] .el-tabs__active-bar {
    background-color: var(--theme-color, #5585f8);
}

input[type="checkbox"]:indeterminate[hash-class=PermissionManage-5656190170647936] {
  background-color: aqua;
/* CSS样式代码 */
}

.rc-group-system-item[hash-class=PermissionManage-5656190170647936] {
  cursor: pointer;
}
.edit-menu[hash-class=PermissionManage-5656190170647936] {
  cursor: pointer;
}

.edit-menu-item:hover[hash-class=PermissionManage-5656190170647936] {
  color: white!important;
  background-color: var(--theme-color-opacity-2)!important;
}
[hash-class=PermissionManage-5656190170647936] .rc-radio-button .radio-button-input {
  width: 15px;
  height: 15px;
}
[hash-class=PermissionManage-5656190170647936] .rc-radio-button .radio-button-input::before {
  width: 15px;
  height: 15px;
}
[hash-class=PermissionManage-5656190170647936] .rc-radio-button .radio-button-input:checked:before {
  width: 15px;
  height: 15px;
}
.activeTable[hash-class=PermissionManage-5656190170647936] {
  background-color: #eef2fd;
  border-radius: 3px;
}
[hash-class=PermissionManage-5656190170647936] .el-tabs__nav-scroll {
  margin-left: 20px;
}
[hash-class=PermissionManage-5656190170647936] div.el-tabs {
  height: calc(100% - 76px);
}
.list-item[hash-class=PermissionManage-5656190170647936] {
  font-size: 14px;
}

[hash-class=PermissionManage-5656190170647936] .custom-dialog .current {
  padding-left: 6px;
}
.custom-dialog[hash-class=PermissionManage-5656190170647936] {
  padding-top: 18px;
}
[hash-class=PermissionManage-5656190170647936] .paginationContainer .pagination-container {
    align-items: center;
    justify-content: center;
}
.tableNameItem:hover[hash-class=PermissionManage-5656190170647936] {
      background-color: #eef2fd;
      border-radius: 3px;
}
.del-department:hover[hash-class=PermissionManage-5656190170647936]{
    color: #D54941;
}
.ruleDelete:hover[hash-class=PermissionManage-5656190170647936]{
    color: #D54941;
}
.addCustom:hover[hash-class=PermissionManage-5656190170647936]{
    color: var(--theme-color);
}

.department-item:hover[hash-class=PermissionManage-5656190170647936]{
    background: rgba(82, 130, 252, 0.1);
}

[hash-class=PermissionManage-5656190170647936] input[type="radio"]:disabled {
    cursor: not-allowed;
    opacity: 0.3; /* 将不透明度设置为80%以实现灰色效果 */
}
/* 人员管理报表操作列-删除 */
.report-person-delete:hover[hash-class=PermissionManage-5656190170647936] {
    color: #D54941!important;
    background-color: #F3E7E7;
    border-radius: 4px;
}

/* 功能权限报表 START */
[hash-class=PermissionManage-5656190170647936] .table-header-row {
    height: 40px;
    width: 100%;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 2;
}

[hash-class=PermissionManage-5656190170647936] .table-header-row .table-cell {
    background-color: #F2F3F5;
}

[hash-class=PermissionManage-5656190170647936] .table-row .table-cell .main-page-icon {
    height: 14px;
    width: 14px;
    position: relative;
    right: 14px;
    margin-left: 4px;
}

[hash-class=PermissionManage-5656190170647936] .table-row:hover .table-cell {
    background-color: var(--theme-color-opacity-1);
}

[hash-class=PermissionManage-5656190170647936] .table-row-active {
    background-color: var(--theme-color-opacity-2);
}

[hash-class=PermissionManage-5656190170647936] .table-cell {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-right: 1px solid #E8E8E8;
}

[hash-class=PermissionManage-5656190170647936] .table-cell .content {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[hash-class=PermissionManage-5656190170647936] .table-row {
    height: 40px;
    width: 100%;
    display: flex;
}

[hash-class=PermissionManage-5656190170647936] .table-row .table-cell {
    border-bottom: 1px solid #E8E8E8;
}

[hash-class=PermissionManage-5656190170647936] .menu-tree-content {
    height: calc(100% - 90px);
}

[hash-class=PermissionManage-5656190170647936] .table-cell-btn {
    display: flex;
}

[hash-class=PermissionManage-5656190170647936] .table-cell-btn-item {
    margin-right: 10px;
    color: #7B7B7B;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}
[hash-class=PermissionManage-5656190170647936] .table-cell-btn .table-cell-btn-item:first-child:hover {
    background-color: #e2e7f3;
    color: var(--theme-color);
}

[hash-class=PermissionManage-5656190170647936] .table-cell-btn .table-cell-btn-item:last-child:hover{
    color: #D54941 !important;
    background-color: #F3E7E7;
}

[hash-class=PermissionManage-5656190170647936] .form-item {
    margin-bottom: 25px;
}

[hash-class=PermissionManage-5656190170647936] .menu-detail-dialog .rc-input {
    height: 32px;
}

/* 排序按钮组 */
[hash-class=PermissionManage-5656190170647936] .sort-btn-group {
    display: none;
}

[hash-class=PermissionManage-5656190170647936] .table-row:hover .sort-btn-group {
    display: flex;
}

[hash-class=PermissionManage-5656190170647936] .table-row-active .sort-btn-group {
    display: flex;
}

[hash-class=PermissionManage-5656190170647936] .sort-btn {
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

[hash-class=PermissionManage-5656190170647936] .drag-btn {
    cursor: move;
    width: 6px;
    height: 12px;
    margin-right: 10px;
}

/* 拖拽排序相关样式 */
[hash-class=PermissionManage-5656190170647936] .table-body .hovered .table-cell {
    border-top: 2px solid var(--theme-color);
    z-index: 3;
}

[hash-class=PermissionManage-5656190170647936] .table-body .clone {
    position: absolute;
    background-color: var(--theme-color-opacity-2);
}


/* 弹窗样式修改 */
[hash-class=PermissionManage-5656190170647936] .popup-title {
    font-size: 16px;
    font-weight: 700;
    color: #2E2E2E;	
}

add-level-menu-transl-width[hash-class=PermissionManage-5656190170647936] {
    width: 200px;
}
.add-level-menu-default-width[hash-class=PermissionManage-5656190170647936] {
    width:  130px;
}
/* 功能权限报表 END */