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

.h1{
    height: 30.00px;
}
.h2{
    height: 36.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;
}


    :root{
        --theme-color-opacity-2: rgba(226, 90, 83, 0.15);
    
        --theme-color: #E25A53; --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: #25C98A; --theme-color-opacity-1: rgba(37, 201, 138, 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-opacity-2: rgba(87, 132, 246, 0.15);
    --theme-color: #5784F6;
    --theme-color-opacity-1: rgba(87, 132, 246, 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 {
  /*! 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%;
}

/* 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{
    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;
}
.rc-container .rightPage-rc-html {
    height: 100%;
}
.rightPage-rc-html .tabs-html,
.rightPage-rc-html .rc-html {
    height: calc(100% - 34px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[hash-class=rcVideo-2620969369413036] .rc-if {
    width: 100%;
    height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.rc-expression-inner[hash-class=navigation-1939072192048165] {
    line-height: inherit;
}
.navigationIcon[hash-class=navigation-1939072192048165]{
   display: flex;
   align-content: center;
   justify-content: flex-end;
   align-items: center;
}
.rc-text[hash-class=LayoutMenu-1939071529937952] {
    line-height: 30px;
}

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

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

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

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

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

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

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

.rc-expression-inner[hash-class=UserList-2881415293526749] {
    line-height: inherit;
}
/* 新的模板 */
.pageContainer[hash-class=UserList-2881415293526749]{
    display:flex;
    height:100%;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #f3f6f8;
}

.pageContainerCenter[hash-class=UserList-2881415293526749]{
    flex:1;
    overflow: hidden;
}

.pageContainerBottom[hash-class=UserList-2881415293526749]{
    height: 40px;
    background: #f3f6f8;
    margin-top: 3px;
    margin-bottom: 3px;
}

.templateMargin[hash-class=UserList-2881415293526749]{
    margin: 0 10px 0 10px;
}

.templatePadding[hash-class=UserList-2881415293526749]{
    padding: 10px 10px 10px 10px;
}

.templateCenterPadding[hash-class=UserList-2881415293526749]{
    padding: 0 10px 0 10px;
}


.templateRight[hash-class=UserList-2881415293526749]{
   justify-content: flex-end;
}

.templateMiddle[hash-class=UserList-2881415293526749]{
    height:100%;
    display:flex;
    align-content: center;
    align-items: center;
}

.templateBottom[hash-class=UserList-2881415293526749]{
    padding-bottom: 5px;
}

.templateTable[hash-class=UserList-2881415293526749]{
    max-height: 100%;
    margin-left: 10px;
}

.templateLink:hover[hash-class=UserList-2881415293526749]{
    text-decoration: underline;
    color: var(--theme-color);
}

.templateDelete[hash-class=UserList-2881415293526749]{
    color: gray;
}

.templateDelete:hover[hash-class=UserList-2881415293526749]{
    text-decoration: underline;
    color: red;
}

.templateScreen[hash-class=UserList-2881415293526749]{
    border-color: var(--theme-color);
    background:none;
}

.rc-text.templateThemeColor[hash-class=UserList-2881415293526749]{
     color: var(--theme-color);
}

.rc-link>.rc-expression.templateColor[hash-class=UserList-2881415293526749]{
    color: var(--theme-color);
}
/* 经典模板 */
.pageContainerClassics[hash-class=UserList-2881415293526749]{
    display:flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.rc-container.pageWithAuto[hash-class=UserList-2881415293526749]{
    width: auto;
}

.pageFlexAuto[hash-class=UserList-2881415293526749]{
    flex: 1;
}

.rc-container.pageLeftPosition[hash-class=UserList-2881415293526749]{
    margin-left: 10px;
}

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

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

.rc-expression-inner[hash-class=UserDetail-2881415293592289] {
    line-height: inherit;
}
.templateScreen[hash-class=UserDetail-2881415293592289]{
    border-color: var(--theme-color);
    background:none;
}

.rc-text.templateThemeColor[hash-class=UserDetail-2881415293592289]{
     color: var(--theme-color);
}
.rc-text[hash-class=MenuList-2881427974333755] {
    line-height: 30px;
}

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

.rc-expression-inner[hash-class=MenuList-2881427974333755] {
    line-height: inherit;
}
/* 新的模板 */
.pageContainer[hash-class=MenuList-2881427974333755]{
    display:flex;
    height:100%;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #f3f6f8;
}

.pageContainerCenter[hash-class=MenuList-2881427974333755]{
    flex:1;
    overflow: hidden;
}

.pageContainerBottom[hash-class=MenuList-2881427974333755]{
    height: 40px;
    background: #f3f6f8;
    margin-top: 3px;
    margin-bottom: 3px;
}

.templateMargin[hash-class=MenuList-2881427974333755]{
    margin: 0 10px 0 10px;
}

.templatePadding[hash-class=MenuList-2881427974333755]{
    padding: 10px 10px 10px 10px;
}

.templateCenterPadding[hash-class=MenuList-2881427974333755]{
    padding: 0 10px 0 10px;
}


.templateRight[hash-class=MenuList-2881427974333755]{
   justify-content: flex-end;
}

.templateMiddle[hash-class=MenuList-2881427974333755]{
    height:100%;
    display:flex;
    align-content: center;
    align-items: center;
}

.templateBottom[hash-class=MenuList-2881427974333755]{
    padding-bottom: 5px;
}

.templateTable[hash-class=MenuList-2881427974333755]{
    max-height: 100%;
    margin-left: 10px;
}

.templateLink:hover[hash-class=MenuList-2881427974333755]{
    text-decoration: underline;
    color: var(--theme-color);
}

.templateDelete[hash-class=MenuList-2881427974333755]{
    color: gray;
}

.templateDelete:hover[hash-class=MenuList-2881427974333755]{
    text-decoration: underline;
    color: red;
}

.templateScreen[hash-class=MenuList-2881427974333755]{
    border-color: var(--theme-color);
    background:none;
}

.rc-text.templateThemeColor[hash-class=MenuList-2881427974333755]{
     color: var(--theme-color);
}

.rc-link>.rc-expression.templateColor[hash-class=MenuList-2881427974333755]{
    color: var(--theme-color);
}
/* 经典模板 */
.pageContainerClassics[hash-class=MenuList-2881427974333755]{
    display:flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.rc-container.pageWithAuto[hash-class=MenuList-2881427974333755]{
    width: auto;
}

.pageFlexAuto[hash-class=MenuList-2881427974333755]{
    flex: 1;
}

.rc-container.pageLeftPosition[hash-class=MenuList-2881427974333755]{
    margin-left: 10px;
}

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

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

.rc-expression-inner[hash-class=MenuDetail-2881427974333759] {
    line-height: inherit;
}
.templateScreen[hash-class=MenuDetail-2881427974333759]{
    border-color: var(--theme-color);
    background:none;
}

.rc-text.templateThemeColor[hash-class=MenuDetail-2881427974333759]{
     color: var(--theme-color);
}
.rc-text[hash-class=MemberMessage-2925438477012274] {
    line-height: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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