/*
 *   Author by Atom 2019.11.15
     uu-为ultuum userInterface自定义组件专用，vv-为Vue View专用
 */
@font-face {
    font-family: 'uunum'; /*标题1*/
    src: url('font-awesome/fonts/century-gothic.ttf') format('truetype');
}
@font-face {
    font-family: 'uunum2'; /*标题2*/
    src: url('font-awesome/fonts/Clockopia.ttf') format('truetype');
}
@font-face {
    font-family: 'uuclock'; /*时间专用*/
    src: url('font-awesome/fonts/Acens.woff') format('woff');
}

/*原生标签样式*/
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    color: var(--uu-text);
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    /*font-family: 'Courier New', Courier, monospace;  圆形"x"符号专用，x以圆形等高*/
    /*font-family: Verdana, sans-serif, 'Courier New';  标题栏"x"符号专用，x较大*/
    background: url("imgs/blank.jpg") no-repeat center;
    background-size: 100%;
    background-color: #2f4050;
    background-blend-mode: overlay;
    overflow-x: hidden;
}
    .uu-init:before {
        content: "";
        position: absolute;
        display: block;
        top: 45%;
        left: 50%;
        width: 340px;
        height: 5px;
        margin-left: -170px;
        border-radius: 5px;
        background-color: var(--uu-info-h);
        box-shadow: 0 0 5px 1px var(--uu-info-a3);
        z-index: 10;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation-duration: 15s;
        animation-duration: 15s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-name: init;
        animation-name: init;
    }
@keyframes init {
    0% {
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
    }

    100% {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
    -webkit-appearance: none;
}

::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba3);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
::selection {
    color: var(--uu-ww);
    background-color: var(--uu-primary-h);
}
/*原option:hover不能被css控制，但2023-9发现以下代码可以生效*/
select > option:hover {
    color: var(--uu-ww);
    background-color: var(--uu-primary-h);
}
select > option:checked {
    color: var(--uu-ww);
    background-color: var(--uu-primary);
}

a {
    color: var(--uu-primary);
    cursor: pointer;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

    a:hover {
        color: var(--uu-primary-h);
    }

    a.text-success:focus, a.text-success:hover {
        color: var(--uu-success-h) !important;
    }
    a.text-info:focus, a.text-info:hover {
        color: var(--uu-info-h) !important;
    }
    a.text-warning:focus, a.text-warning:hover {
        color: var(--uu-warning-h) !important;
    }
    a.text-danger:focus, a.text-danger:hover {
        color: var(--uu-danger-h) !important;
    }
q:before,
q:after{
    content:none;
}
small.sm-light,
small.sm-light {
    opacity: 0.65;
}
i,s{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
/*-------------------------- PACE */
.pace {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: var(--uu-primary);
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    box-shadow: 0 0 10px var(--uu-primary-a2);
}
.start-warning {
    position: absolute;
    width: 320px;
    height: 50px;
    top: 49%;
    left: 50%;
    margin-left: -160px;
    font-size: 18px;
    color: #00d4ff;
    text-align: center;
    text-shadow: 0 0 5px #00d4ff;
    z-index: 10000;
}

/*=====================================================================================
                           layout by Atom 2020.3.1
======================================================================================*/
/*-------------------------- body*/
body.left-layout,
body.left-layout #wrapper {
    overflow: hidden;
}
/*-------------------------- #wrapper（整体）由 nav + #page-wrapper(左边主页面)*/
/* wrapper page-wrapper */
#wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    overflow-x: hidden;
}

#page-wrapper {
    position: relative !important;
    width: calc(100% - 200px);
    height: 100%;
    min-height: 100vh;
    padding: 0;
    /*padding: 0 15px; 2020-9-30*/
    background-color: var(--uu-bg);
    flex-shrink: 1;
    overflow: hidden;
}
.main-nav-min #page-wrapper {
    width: calc(100% - 70px);
}
    /*2020-9-30*/
    #page-wrapper .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    #page-wrapper .col, #page-wrapper .col-1, #page-wrapper .col-10, #page-wrapper .col-11, #page-wrapper .col-12,
    #page-wrapper .col-2, #page-wrapper .col-3, #page-wrapper .col-4, #page-wrapper .col-5, #page-wrapper .col-6, #page-wrapper .col-7, #page-wrapper .col-8, #page-wrapper .col-9, #page-wrapper .col-auto,
    #page-wrapper .col-lg, #page-wrapper .col-lg-1, #page-wrapper .col-lg-10, #page-wrapper .col-lg-11, #page-wrapper .col-lg-12,
    #page-wrapper .col-lg-2, #page-wrapper .col-lg-3, #page-wrapper .col-lg-4, #page-wrapper .col-lg-5, #page-wrapper .col-lg-6, #page-wrapper .col-lg-7, #page-wrapper .col-lg-8, #page-wrapper .col-lg-9, #page-wrapper .col-lg-auto,
    #page-wrapper .col-md, #page-wrapper .col-md-1, #page-wrapper .col-md-10, #page-wrapper .col-md-11, #page-wrapper .col-md-12,
    #page-wrapper .col-md-2, #page-wrapper .col-md-3, #page-wrapper .col-md-4, #page-wrapper .col-md-5, #page-wrapper .col-md-6, #page-wrapper .col-md-7, #page-wrapper .col-md-8, #page-wrapper .col-md-9, #page-wrapper .col-md-auto,
    #page-wrapper .col-sm, #page-wrapper .col-sm-1, #page-wrapper .col-sm-10, #page-wrapper .col-sm-11, #page-wrapper .col-sm-12,
    #page-wrapper .col-sm-2, #page-wrapper .col-sm-3, #page-wrapper .col-sm-4, #page-wrapper .col-sm-5, #page-wrapper .col-sm-6, #page-wrapper .col-sm-7, #page-wrapper .col-sm-8, #page-wrapper .col-sm-9, #page-wrapper .col-sm-auto,
    #page-wrapper .col-xl, #page-wrapper .col-xl-1, #page-wrapper .col-xl-10, #page-wrapper .col-xl-11, #page-wrapper .col-xl-12,
    #page-wrapper .col-xl-2, #page-wrapper .col-xl-3, #page-wrapper .col-xl-4, #page-wrapper .col-xl-5, #page-wrapper .col-xl-6, #page-wrapper .col-xl-7, #page-wrapper .col-xl-8, #page-wrapper .col-xl-9, #page-wrapper .col-xl-auto {
        padding-right: 0;
        padding-left: 0;
    }
#spa-view {
    display: flex;
    height: calc(100% - 60px);/*100%*/
}
    #spa-view.spaview-map {
        height: 100%;
    }
#main-nav {
    height: 100%;
    overflow: scroll;
}

#main-nav::-webkit-scrollbar {
    display: none;
}

.main-nav-min #main-nav {
    max-height: 100vh;
    overflow: visible;
}
#page-wrapper.page-full {
    width: 100%;
}
#spa-view.spa-view-full {
    height: 100%;
}
/*--------------------------spa page 一定要设置宽度，否则会因umTable动态加载，导致渲染时宽度溢出*/
/*特别注意100vh在移动端是恒定，且包含工具栏，为了自适应高度应尽可能使用100%，通过每次向下传递100%，最终让uu-table-scroll获取正确100%高度*/
.main-spa-view {
    position: relative;
    height: 100%; /*navbar:60px; 与left-spa-view相同*/
    width: 100%;
    margin: 0;
    flex: none; /*auto为1 1 auto(占满)；none为0 0 auto(不变)；默认为0 1 auto(不放大，会缩小)*/
}
    /*has-left应用于tree-view.html和panel-view.html*/
    .main-spa-view.has-left,
    .has-left .main-spa-view {
        flex: 0 0 auto;
        width: calc(100vw - 400px);
    }

.main-nav-min .main-spa-view.has-left,
.main-nav-min .has-left .main-spa-view {
    width: calc(100vw - 270px);
}

.main-spa-view .content-scroll {
    padding: 15px 15px;
    height: 100%;
    overflow: hidden auto;  /*原为hidden scroll 2021-05-10改为uu-scroll-row上下左右滚动*/
}
.main-spa-view .table-content-bg {
    background-color: var(--uu-table-content);
}
#table-view{
    height: 100%;
}
/*--------------------------spa left right page */
.left-spa-view {
    position: relative;
    flex: 0 0 auto; /*第1位flex-grow:0 不放大；第2位flex-shrink:0 不缩小；第3位flex-basic:200px为定宽210。*/
    width: 205px;
    height: 100%; /*必须与main-spa-view相同*/
    margin-right: -5px;
    padding: 0px;
    overflow: hidden scroll; /*原为hidden scroll 2021-05-10改为uu-scroll-row上下左右滚动*/
}
/*隐藏左边滚动条*/
.left-spa-view-noscroll {
    width: 210px;
    margin-right: -10px;
}
.has-left {
    border-left: 1px solid var(--uu-border);
    z-index: 0;
}

    .main-spa-view.has-left .uu-bottom-tool,
    .has-left .main-spa-view .uu-bottom-tool {
        left: 410px;
    }

.main-nav-min .main-spa-view.has-left .uu-bottom-tool,
.main-nav-min .has-left .main-spa-view .uu-bottom-tool {
    left: 280px;
}
#mapContainer {
    width: 100%;
    height: 100%;
    min-height: 200px;
    font-size: 12px;
    font-family: 'microsoft yahei', 'STHeiti STXihei', 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, Arial;
}
#mapHome {
    width: 100%;
    height: calc(100vh - 240px);
    margin-top: 20px;
    min-height: 450px;
    border: 1px solid var(--uu-border);
    font-size: 12px;
    font-family: 'microsoft yahei', 'STHeiti STXihei', 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, Arial;
}
.map-inner {
    width: 100%;
    height: 100%;
    min-height: 350px;
    font-size: 12px;
    font-family: 'microsoft yahei', 'STHeiti STXihei', 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, Arial;
}
.map-inner-info{
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    min-width: 44px;
    max-width: 400px;
    min-height: 20px;
    padding: 4px;
    font-size: 12px;
    color: var(--uu-ww);
    background-color: var(--uu-ba4);
    border-bottom-right-radius: 5px;
}
/*-----------------------panel nav -------------------------------*/
#panel-nav-container {
    padding: 10px;
    background-color: var(--uu-f9);
    transition: all 0.25s;
}
#panel-container {
    position: relative;
    width: 100%;
}
.panel-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-nav-max {
    width: 100%;
    margin-right: 0;
    background-color: var(--uu-f);
}
.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 180px;
    margin: 20px 0 5px 0;
    padding-right: 13px;
    font-size: 24px;
}
.panel-plugin {
    visibility: hidden;
    position: absolute;
    right: 10px;
    top: 20px;
    display: inline-flex;
    align-items: center;
    opacity: 0;
    transition: all 0.15s;
}
.panel-nav-max .panel-plugin {
    visibility: visible;
    opacity: 1;
}
.panel-plugin > label {
    margin-bottom: 0;
}
/*最大时显示或隐藏*/
.panel-max-auto-hidden {
    display: inline;
}
.panel-nav-max .panel-max-auto-hidden{
    display: none;
}
.panel-max-auto-show {
    display: none;
}
.panel-nav-max .panel-max-auto-show {
    display: inline;
}
/*导航*/
.panel-nav-item {
    display: flex;
    position: relative;
    padding: 10px 0;
}

.panel-nav-left {
    width: 180px;
    padding: 6px 10px;
    border-right: 2px solid transparent;
    background-color: var(--uu-e);
    border-right: 2px solid var(--uu-d);
    transition: all 0.15s;
}
.panel-nav-item:hover .panel-nav-left {
    border-right: 2px solid var(--uu-primary-a5);
    background-color: var(--uu-primary-a1);
}
.panel-nav-item:hover .panel-nav-right {
    background-color: var(--uu-primary-a1);
}

.panel-nav-item:hover .panel-nav-left.active {
    border-right: 2px solid var(--uu-warning);
    background-color: var(--uu-warning-a3);
}
.panel-nav-item.panel-nav-item-danger:hover .panel-nav-left {
    border-right: 2px solid var(--uu-danger-a5);
    background-color: var(--uu-danger-a1);
}
.panel-nav-item.panel-nav-item-danger:hover .panel-nav-right {
    background-color: var(--uu-danger-a1);
}
.panel-nav-item.panel-nav-item-danger:hover .panel-nav-left.active {
    border-right: 2px solid var(--uu-danger);
    background-color: var(--uu-danger-a2);
}
.panel-nav-left.active {
    border-right: 2px solid var(--uu-warning);
    background-color: var(--uu-warning-a2);
}
    .panel-nav-left.active:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -12px;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        border: 6px solid transparent;
        border-left-color: var(--uu-warning);
        z-index: 1;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-name: pulse-big;
    }
.panel-nav-max .panel-nav-left.active:after {
    left: 240px;
    right: auto;
}
.panel-nav-left-func,
.panel-nav-left-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}
/*icon-btn-info和success不消隐*/
    .panel-header .icon-btn,
    .panel-header .icon-btn-warning,
    .panel-header .icon-btn-danger,
    .panel-nav-left-title .icon-btn,
    .panel-nav-left-title .icon-btn-warning,
    .panel-nav-left-title .icon-btn-danger,
    .dropdown-item .icon-btn,
    .dropdown-item .icon-btn-danger {
        opacity: 0;
    }
    .panel-header:hover .icon-btn,
    .panel-header:hover .icon-btn-warning,
    .panel-header:hover .icon-btn-danger,
    .panel-nav-left-title:hover .icon-btn,
    .panel-nav-left-title:hover .icon-btn-warning,
    .panel-nav-left-title:hover .icon-btn-danger,
    .dropdown-item:hover .icon-btn,
    .dropdown-item:hover .icon-btn-danger {
        opacity: 1;
    }

.panel-nav-left-info {
    display: none;
}
.panel-nav-max .panel-nav-left-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
    padding-top: 10px;
}

.panel-link {
    color: var(--uu-primary);
    cursor: pointer;
    transition: all .15s ease-in-out;
}
    .panel-link:hover {
        color: var(--uu-f63);
    }
.uu-shop-name {
    max-width: 110px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
}

.uu-salesmenu {
    max-width: 105px;
    overflow: hidden;
    white-space: nowrap;
}
.uu-promotion-filter {
    max-width: 105px;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
    .uu-promotion-filter.active {
        color: var(--uu-f);
        border-color: var(--uu-primary);
        background-color: var(--uu-primary);
    }
        .uu-promotion-filter:hover {
            color: var(--uu-primary-h);
            border-color: var(--uu-primary-h);
        }
    .uu-promotion-filter.active:hover {
        color: var(--uu-f);
        border-color: var(--uu-primary-h);
        background-color: var(--uu-primary-h);
    }
/*标签面板使用*/
.uu-panel-brief1,
.uu-panel-brief2 {
    margin-left: 5px !important;
    padding-left: 10px !important;
    line-height: 20px;
    font-size: 12px;
    color: var(--uu-5);
    border-left: 2px solid var(--uu-border);
}
.uu-panel-brief2 {
    color: var(--uu-8);
}
.uu-panel-brief1 > .badge,
.uu-panel-brief2 > .badge {
    max-width: 500px;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.badge-tiny .badge-in-badge{
    padding: 1px 5px;
}
.bdr-gray .badge-primary{
    background-color: var(--uu-a);
}
/*可伸缩导航概况*/
.panel-nav-right {
    flex: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.panel-nav-max .panel-nav-right.panel-nav-right-max {
    flex: auto;
    width: auto;
    height: auto;
    overflow: auto;
}
.panel-nav-max .panel-header,
.panel-nav-max .panel-nav-left {
    width: 240px;
}
.panel-nav-max .uu-shop-name {
    max-width: 168px;
}
.panel-nav-max .uu-salesmenu,
.panel-nav-max .uu-promotion-filter {
    max-width: 168px;
}
.uu-img-hover {
    cursor: pointer;
}
.uu-img-hover:hover {
    filter: brightness(3);
}
/*图标按钮*/
.uu-hover,
.uu-hover-primary,
.uu-hover-warning,
.uu-hover-info,
.uu-hover-gray {
    cursor: pointer;
}
.uu-hover-primary { color: var(--uu-primary); }
.uu-hover-warning { color: var(--uu-warning); }
.uu-hover-gray { color: var(--uu-9); }

    .uu-hover:hover,
    .uu-hover-primary:hover,
    .uu-hover-gray:hover {
        color: var(--uu-warning);
    }

.uu-hover-warning:hover {
    color: var(--uu-warning-h);
}
.uu-hover-info:hover { color: var(--uu-info);}
.selected .uu-hover,
.selected .uu-hover-primary,
.selected .uu-hover-warning,
.selected .uu-hover-info,
.selected .uu-hover-gray {
    color: var(--uu-ww);
}
.uminfo.uu-hover-primary {
    color: var(--uu-primary);
}

.uu-underline-primary:hover {
    border-bottom-color: var(--uu-primary-a5) !important;
}
.uu-underline-success:hover {
    border-bottom-color: var(--uu-success-a5) !important;
}
.uu-underline-warning:hover {
    border-bottom-color: var(--uu-warning-a5) !important;
}
.uu-underline-danger:hover {
    border-bottom-color: var(--uu-danger-a5) !important;
}
.uu-label-hover,
.uu-label-hover-outline {
    cursor: pointer;
}
    .uu-label-hover:hover {
        background-color: var(--uu-warning);
    }
    .uu-label-hover-outline:hover {
        color: var(--uu-warning);
    }
.uu-label-btn-primary,
.uu-label-btn-warning {
    cursor: pointer;
}
.uu-label-btn-primary:hover { background-color: var(--uu-primary-h); }
.uu-label-btn-warning:hover { background-color: var(--uu-warning-h); }
.icon-btn,
.icon-btn-primary,
.icon-btn-success,
.icon-btn-info,
.icon-btn-warning,
.icon-btn-danger,
.icon-btn-white{
    display: inline-block;
    min-width: 22px;
    height: 22px;
    line-height: 20px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 14px;
    text-align: center;
    color: var(--uu-blue);
    border-color: var(--uu-blue);
    border: 1px solid transparent;
    border-radius: 15px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .du-chart-title .icon-btn-danger {
        font-size: 12px;
    }
.icon-btn-primary { color: var(--uu-primary);}
.icon-btn-warning { color: var(--uu-primary);}
.icon-btn-white { color: var(--uu-f);}
    .icon-btn-white:hover {
        color: var(--uu-warning);
        border-color: var(--uu-warning);
    }
.icon-btn:hover {
    color: var(--uu-primary);
    border-color: var(--uu-primary);
}
    .icon-btn-primary:hover {
        color: var(--uu-primary-h);
        border-color: var(--uu-primary-h);
    }
    .icon-btn-success:hover {
        color: var(--uu-success);
        border-color: var(--uu-success);
    }
    .icon-btn-info:hover {
        color: var(--uu-info);
        border-color: var(--uu-info);
    }
    .icon-btn-warning:hover {
        color: var(--uu-f63);
        border-color: var(--uu-f63);
    }
    .icon-btn-danger:hover {
        color: var(--uu-danger);
        border-color: var(--uu-danger);
    }
.icon-btn-big {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 16px;
    border-color: var(--uu-ba2);
}
    .icon-btn-big.icon-btn-primary:hover {
        color: var(--uu-primary-h);
        border-color: var(--uu-primary-h);
        background-color: var(--uu-primary-a2);
    }

    .icon-btn-big.icon-btn-success:hover {
        color: var(--uu-success);
        border-color: var(--uu-success);
        background-color: var(--uu-success-a2);
    }

    .icon-btn-big.icon-btn-info:hover {
        color: var(--uu-info);
        border-color: var(--uu-info);
        background-color: var(--uu-info-a2);
    }

    .icon-btn-big.icon-btn-warning:hover {
        color: var(--uu-f63);
        border-color: var(--uu-f63);
        background-color: var(--uu-warning-a2);
    }

    .icon-btn-big.icon-btn-danger:hover {
        color: var(--uu-danger);
        border-color: var(--uu-danger);
        background-color: var(--uu-danger-a2);
    }
.icon-title {
    flex: none;
    width: 55px;
    color: var(--uu-primary);
    font-size: 32px;
    opacity: 0.6;
}
/*peity*/

.uu-peity{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: 100px;
}
.uu-peity > label{
    margin: 5px 0 0 0;
    font-size: 12px;
    color: var(--uu-6);
    text-align: center;
}
    .uu-peity > label > b,
    .uu-peity > label > s{
        margin: 5px 0 0 0;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        text-decoration: none;
        color: var(--uu-primary);
    }
    .uu-peity > label > s {
        color: var(--uu-f63);
    }
    .uu-peity-left svg.peity{
        left: 0;
        top: -1px;
    }

/*=====================================================================================
                            navbar-side  by Atom 2020.3.1
======================================================================================*/
/*-----------------------side nav header -------------------------------*/
.navbar-side-header {
    padding: 30px 30px 15px 25px;
    background-color: #233645;
}

    .navbar-side-header a {
        color: #dfe4ed;
    }

        .navbar-side-header a.dropdown-item {
            color: var(--uu-2);
        }

.profile-user {
    width: 60px;
    height: 60px;
    opacity: 1;
    cursor: pointer;
}

.nav-group-title {
    display: none!important;/*初始时根菜单分隔元素隐藏*/
    padding: 20px 10px 10px 25px;
    font-size: 16px;
    color: #929baa;
    background-color: #233645;
}

.main-nav-min .nav-group-title {
    height: 1px;
    padding: 0;
    border-bottom: 1px solid var(--uu-primary);
    overflow: hidden;
}
.nav-group-bottom {
    padding: 20px 10px 10px 25px;
    font-size: 12px;
    color: #929baa;
    background-color: #233645;
}
.main-nav-min .nav-group-bottom {
    height: 1px;
    padding: 0;
    overflow: hidden;
}
/*----------------------- navbar-side通用 -------------------------------*/
.navbar-side {
    width: 200px;
    /*background-color: var(--uu-body-bg);*/
    border-color: var(--uu-body-bg);
    z-index: 200; /*不能超过uwpop-win z-index:1500*/
}

.nav > li {
    display: block;
    width: 100%;
    position: relative;
}

    .nav > li > a {
        display: block;
        min-width: 66px;
        max-height: 50px;
        padding: 14px 20px 14px 22px;
        color: #a7b1c2;
        font-weight: 600;
        transition: width 0.2s;
        overflow: hidden;
        white-space: nowrap;
    }

        .nav > li > a:hover {
            background-color: var(--uu-primary-a8);
            color: #fff;
        }

        .nav > li > a:focus,
        .nav > li > a:active {
            background-color: var(--uu-primary);
            color: #fff;
        }


    .nav > li.mm-active {
        background: #192631;
    }
.um-menu.nav > li.mm-active:before {
    border-left: 4px solid var(--uu-primary-h);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: var(--uu-primary-h);
}

        .nav > li.mm-active > a {
            color: var(--uu-primary);
        }

            .nav > li.mm-active > a:hover,
            .nav > li.mm-active > a:focus,
            .nav > li.mm-active > a:active {
                color: #fff;
            }

        /*二级菜单选择当前的活动，主要是使用双重mm-active*/
        .nav > li.mm-active > .nav > li.mm-active > a {
            background-color: var(--uu-primary-h);
            color: #fff;
        }
            .nav > li.mm-active > .nav > li.mm-active > a:before {
                content: "";
                position: absolute;
                top: 11px;
                left: 188px;
                width: 12px;
                height: 12px;
                border: 6px solid transparent;
                border-right-color: var(--uu-ww);
                z-index: 1;
            }
.main-nav-min .nav > li.mm-active > .nav > li.mm-active > a:before {
    display: none;
}
/*当最小化时，一级菜单状态mm-active*/
.main-nav-min .navbar-side > .nav > li.mm-active {
    background-color: var(--uu-primary-h);
    color: #fff;
}

    .main-nav-min .navbar-side > .nav > li.mm-active > a {
        color: #fff;
    }
        .main-nav-min .navbar-side > .nav > li.mm-active > a:before {
            content: "";
            position: absolute;
            top: 19px;
            left: 58px;
            width: 12px;
            height: 12px;
            border: 6px solid transparent;
            border-right-color: var(--uu-ww);
            z-index: 1;
        }
        .main-nav-min .navbar-side > .nav > li.mm-active > a:hover:before {
            border-right-color: #233645;
        }
/*--------------------------navbar-side uu-admin-fun*/
.uu-admin-fun > a {
    background: #264b6c;
    color: white;
}

.uu-admin-fun.mm-active > a {
    background: #264b6c;
}
/*----------------最小化隐藏和动画 navbar-side main-nav-min -----------------------*/
/*统一动画时长*/
#page-wrapper,
.main-spa-view,
.navbar-side,
.navbar-side-header,
.profile-user,
.nav > li > a,
.site-brand,
.footer,
.uu-bottom-tool {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
body.disabled-transition * {
    transition: none !important;
}
/*最小化动画*/
.main-nav-min .navbar-side {
    width: 70px;
}

.main-nav-min .navbar-side-header {
    padding: 12px 17px 11px 17px;
    /*background-color: var(--uu-primary);*/
}

.main-nav-min .profile-user {
    width: 36px;
    height: 36px;
}

.main-nav-min .profile-item,
.main-nav-min .nav-label,
.main-nav-min .nav li a span {
    display: none !important;
}

.main-nav-min .nav > li > a {
    font-size: 18px;
}

/*----------------正常状态 nav-second-level  -----------------------*/
.nav.nav-second-level {
    background: #192631; /*#293846*/
}

    .nav.nav-second-level.mm-collapse {
        height: auto !important;
    }

    .nav.nav-second-level > li {
        border-bottom: none !important;
    }

        .nav.nav-second-level > li:last-child {
            padding-bottom: 0px;
        }

        .nav.nav-second-level > li.mm-active {
            border: none;
            background: #192631; /*#293846*/
        }

        .nav.nav-second-level > li > a {
            padding: 7px 10px 7px 43px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .nav.nav-second-level > li > hr {
            margin: 5px 10px 5px 40px;
            border-top: 1px solid var(--uu-wwa2);
        }
/*----------------最小化状态 nav-second-level on main-nav-min -----------------------*/
.main-nav-min li > .nav.nav-second-level {
    display: none;
}

.main-nav-min li > .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    height: auto;
    padding: 10px 10px 10px 10px;
    border-radius: 0 4px 4px 0;
    background-color: var(--uu-body-bg);
    font-size: 12px;
}

.main-nav-min li.mm-active > .nav-second-level {
    left: 70px;
}

.main-nav-min li:hover > .nav-second-level,
.main-nav-min li:focus > .nav-second-level {
    display: block;
}

.main-nav-min li > .nav-second-level > li > a {
    min-width: 140px;
    font-size: 14px;
    border-radius: 3px;
    padding: 7px 10px 7px 15px;
}
.main-nav-min li > .nav-second-level > li > hr {
    margin: 5px 5px 5px 10px;
}
/*-------------------um-menu version 3.0.5-----------------------------------*/
.um-menu {
    position: relative;
    background-color: var(--uu-body-bg);
}

    .um-menu .arrow {
        float: right;
        line-height: 1.42857;
    }

    .um-menu .glyphicon.arrow:before {
        content: "\e079";
    }

    .um-menu .mm-active > a > .glyphicon.arrow:before {
        content: "\e114";
    }

    .um-menu .fa.arrow:before {
        content: "\f105";
    }

    .um-menu li > a[aria-expanded='true'] > .fa.arrow:before {
        content: "\f107";
    }

    .um-menu .plus-times {
        float: right;
    }

    .um-menu .fa.plus-times:before {
        content: "\f067";
    }

    .um-menu li > a[aria-expanded='true'] > .fa.plus-times {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .um-menu .plus-minus {
        float: right;
    }

    .um-menu .fa.plus-minus:before {
        content: "\f067";
    }

    .um-menu li > a[aria-expanded='true'] > .fa.plus-minus:before {
        content: "\f068";
    }

    .um-menu .mm-collapse:not(.mm-show) {
        display: none;
    }

    .um-menu .mm-collapse.mm-show {
        display: block;
    }

    .um-menu .mm-collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
    }

    .um-menu .has-arrow {
        position: relative;
    }

        .um-menu .has-arrow:after {
            position: absolute;
            content: '';
            width: .5em;
            height: .5em;
            border-width: 1px 0 0 1px;
            border-style: solid;
            border-color: currentColor;
            border-color: initial;
            right: 1em;
            -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%);
            -webkit-transform-origin: top;
            transform-origin: top;
            top: 50%;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .um-menu .mm-active > .has-arrow:after,
        .um-menu .has-arrow[aria-expanded="true"]:after {
            -webkit-transform: rotate(-135deg) translate(0, -50%);
            transform: rotate(-135deg) translate(0, -50%);
        }



/*=====================================================================================
                        navbar.navbar-top & footer by Atom 2020.3.1
======================================================================================*/
.navbar {
    border: 0;
}

    .navbar.navbar-top {
        flex-wrap: nowrap;
        padding: 0;
        width: 100%;
        align-items: inherit;
        background: var(--uu-bg);
    }

.white-bg .navbar-top {
    background: var(--uu-ibox-content);
}
/* site-brand & site-title */
.site-brand {
    display: flex;
    width: 420px;
    min-height: 59px;
    justify-content: flex-start;
    align-items: center;
}

.btn.main-nav-min-toggle {
    padding: 4px 12px;
    margin: 0 5px 0 10px;
    font-size: 14px;
    color: #fff;
}
.btn.main-nav-favorite,
.btn.main-nav-reload {
    padding: 4px 12px;
    margin: 0 5px 0 -8px;
    font-size: 14px;
    color: #fff;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.site-title {
    display: flex;
    margin: 0;
    color: var(--uu-6);
    font-size: 26px;
    font-weight: 400;
}

    .site-title > a.btn {
        flex: none;
        height: 31px;
        padding: 4px 12px;
        margin: 0 6px 0 -8px;
        font-size: 14px;
        color: #fff;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .site-title > span {
        flex: none;
        height: 31px;
        line-height: 31px;
        color: var(--uu-title);
        max-width: 280px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
/* page-tabs */
.page-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex: auto;
    padding: 0 0 0 60px;
    max-width: 950px;
}
.uu-page-tab {
    position: relative;
    min-width: 95px;
    max-width: 95px;/*4-6个字符*/
    padding: 7px 25px 7px 12px;
    margin: 0 -1px -1px 0;
    font-size: 14px;
    color: var(--uu-title);
    border: 1px solid var(--uu-e0);
    border-bottom-color: var(--uu-border);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: var(--uu-bg);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: max-width 0.3s ease 0.6s; /*延迟动画，避免阻塞*/
    z-index: 1;
}
    .uu-page-tab.current-tab {
        min-width: 95px;
        max-width: 184px;
        border-bottom-color: var(--uu-f);
        background-color: var(--uu-f);
        cursor: default;
        z-index: 2;
    }
    .uu-page-tab:hover{
        color: var(--uu-primary);
        background-color: var(--uu-f6);
    }
    .uu-page-tab.current-tab:hover {
        color: var(--uu-title);
        background-color: var(--uu-f);
    }
    
.uu-page-tab-close {
    position: absolute;
    top: 7px;
    right: 3px;
    width: 17px;
    height: 17px;
    color: var(--uu-b);
    font-style: normal;
    cursor: pointer;
    z-index: 3;
}
.uu-page-tab-close:before {
    content: "\00d7";
    font-family: Verdana, sans-serif, 'Courier New';
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
    .uu-page-tab-close:hover{
        color: var(--uu-primary-h);
    }
/* top navbar */
.navbar-top-links {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: right;
}

    .navbar-top-links > li {
        display: inline-block;
        align-self: center;
    }

        .navbar-top-links > li > a {
            display: block;
            min-width: 70px;
            min-height: 59px;
            padding: 19px 10px;
            font-size: 15px;
            color: #a7b1c2;
            font-weight: 600;
            line-height: 21px;
            white-space: nowrap;
            overflow: hidden;
        }

            .navbar-top-links > li > a:hover,
            .navbar-top-links > li > a:focus {
                color: var(--uu-primary);
            }

            .navbar-top-links > li > a > i {
                margin-right: 6px;
            }
.status-primary:before {
    color: var(--uu-primary);
}
.status-danger:before {
    color: var(--uu-danger);
}
a.disableCopy > .fa-flash:before {
    content: "\f05e";
    color: inherit;
}
a.moneyUnit1 > .fa-won:before {
    content: "\f05e";
    color: inherit;
}

/*--------------------------timeline */
/* New Timeline style */
.vertical-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 98%;
    /*max-width: 1170px;*/
    margin: 0 auto;
}

    .vertical-container::after {
        /* clearfix */
        content: '';
        display: table;
        clear: both;
    }

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

    #vertical-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 17px;
        height: 100%;
        width: 3px;
        background: var(--uu-e5);
    }

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent var(--uu-f1) transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent var(--uu-f1);
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent var(--uu-f1) transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: var(--uu-e);
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #vertical-timeline.center-orientation:before {
            left: 50%;
            margin-left: -2px;
        }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent var(--uu-f1) transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 6px 0;
}

    .vertical-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 16px;
    border: 0 solid var(--uu-e5);
    text-align: center;
}

    .vertical-timeline-icon i {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -11px;
        margin-top: -8px;
    }



.vertical-timeline-content {
    position: relative;
    margin-left: 46px;
    background-color: var(--uu-f);
    border-radius: 0.25em;
    padding: 6px;
}

    .vertical-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-content h2 {
        font-weight: 400;
        margin-top: 4px;
    }

    .vertical-timeline-content p {
        margin: 10px 0 0 0;
        line-height: 1.4;
    }

    .vertical-timeline-content .vertical-date {
        float: left;
        color: var(--uu-9);
        font-size: 14px;
        font-weight: 500;
    }

    .vertical-timeline-content .vertical-info {
        color: var(--uu-5);
        font-size: 14px;
    }

    .vertical-timeline-content::before {
        content: '';
        position: absolute;
        top: 11px;
        right: 100%;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid white;
    }

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 20px;
    }

    .vertical-timeline-content p {
        font-size: 16px;
    }
}
/*------------trace摘要*/
.uu-cnt-main {
    display: flex;
    margin: 0;
    padding: 0;
}

.uu-cnt-left,
.uu-cnt-right {
    position: relative;
    flex: auto;
    width: 70%;
    height: calc(100vh - 140px);
    overflow: hidden scroll;
}
.um-frame .uu-cnt-left,
.um-frame .uu-cnt-right {
    position: relative;
    flex: auto;
    width: 70%;
    height: calc(90vh - 80px);
    overflow: hidden scroll;
}
.uu-cnt-left {
    width: 30%;
}

.uu-trace-summary {
    margin: 0;
    padding: 0 10px 10px 10px;
    list-style: none;
    counter-reset: traceinfo;
}

    .uu-trace-summary > li {
        display: block;
        padding: 5px;
        color: var(--uu-4);
        font-size: 14px;
    }

        .uu-trace-summary > li:nth-child(even) {
            background-color: var(--uu-f1);
        }

        .uu-trace-summary > li > i {
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            width: 150px;
            color: var(--uu-9);
            font-style: normal;
            text-align: right;
        }

            .uu-trace-summary > li > i > .fa {
                color: var(--uu-success);
            }

            .uu-trace-summary > li > i:before {
                content: counter(traceinfo);
                counter-increment: traceinfo;
                display: inline-block;
                min-width: 22px;
                padding: 0 3px;
                border-radius: 2px;
                color: var(--uu-primary);
                text-align: center;
                border: 1px solid var(--uu-primary);
                opacity: .8;
            }

        .uu-trace-summary > .uu-summary-title {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            margin: 5px 0 15px 0;
            font-weight: 400;
            font-size: 14px;
        }
/*------------flex多列*/
.uu-cnt-col {
    position: relative;
    flex: 1;
    height: calc(100vh - 140px);
    border: 1px solid var(--uu-d);
    border-right-color: transparent;
    background-color: var(--uu-bg);
    overflow: hidden auto;
}
    .uu-cnt-col:last-child {
        border-right-color: var(--uu-d);
    }
.cnt-table-container {
    border: none;
    background-color: var(--uu-f);
    overflow: hidden;
    transition: all 0.15s;
}
    .cnt-table-container.col-hide {
        visibility: hidden;
        flex: none;
        width: 0;
    }
.cnt-col-s {
    flex: 1.2;
}    
.cnt-col-m {
    flex: 1.35;
}
.cnt-col-l {
    flex: 1.5;
}
.cnt-col-xl {
    flex: 2;
}
.cnt-col-sel {
    border: 1px solid var(--uu-primary);
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 8px var(--uu-primary-a4) inset;
}
.cnt-col-active {
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning-a1);
    box-shadow: 0 0 8px var(--uu-warning-a4) inset;
}
.uu-cnt-col.cnt-col-sel.col-arrow:after,
.uu-cnt-col.cnt-col-active.col-arrow-orange:after,
.uu-cnt-col.cnt-col-active.col-arrow-orange:before {
    content: "";
    position: absolute;
    top: 12px;
    right: -6px;
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    border-left-color: var(--uu-warning);
    z-index: 1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: pulse-big;
}
.uu-cnt-col.cnt-col-active.col-arrow-orange:after {
    right: auto;
    left: -6px;
    border-left-color: transparent;
    border-right-color: var(--uu-warning);
}
.uu-cnt-col.cnt-col-sel.col-arrow:after {
    border-left-color: var(--uu-primary);
}
.cnt-col-disable {
    /*pointer-events: none;*/
}
.cnt-col-disable::after{
    content:"";
    position: absolute;
    top:0;
    bottom:0;
    right:5px;
    left:0;
    background-color: var(--uu-a15);
    z-index: 1;
}
/*=====================================================================================
                        home by Atom 2020.12.18
======================================================================================*/
/*-----总体水平布局1*m(先分单行垂直块fx-block -> 再分多列行fx-row或单列行fx-bar -> 再分行中的列fx-col)-----*/
.fx-main{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*-----网格布局n*m-----*/
.fx-full {
    width: 100%;
    height: 100%;
}
.fx-block {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}
/*推荐使用ul fx-row下一级为水平扩展，即多列*/
.fx-row {
    display: flex;
    flex: 1;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
}
.fx-wrap{
    flex-wrap: wrap;
}
.fx-start { justify-content: flex-start !important; }
.fx-end { justify-content: flex-end !important; }
.fx-center { justify-content: center!important; }
.fx-space-around { justify-content: space-around !important; }
.fx-space-between { justify-content: space-between !important; }
.fx-vstart { align-items: flex-start !important; }
.fx-vend { align-items: flex-end !important; }
.fx-vcenter { align-items: center !important; }
.fx-center-all{
    display: flex;
    justify-content: center;
    align-items: center;
}
.fx-col-item {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
.fx-hide {
    display: none!important;
}
/*推荐使用ul fx-bar下一级为垂直扩展，即单列*/
.fx-bar {
    display: flex;
    flex: 1;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.fx-bar-visible {
    display: flex;
    flex: 1;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}
/*推荐使用li*/
.fx-col {
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--uu-a1);
    box-shadow: 0 0 6px var(--uu-a1);
    background-color: var(--uu-f);
    overflow: hidden;
}
.fx-col-flat {
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-wa5);
    overflow: hidden;
}

.fx-fx {
    display: flex !important;
}
.fx-fx-none {
    display: block !important;
}
.fx-fx-sub{
    margin-left: 60px;
    padding: 0;
}
.fx-none{
    flex: none!important;
}
.fx-dir-v{
    flex-direction: column;
}
.uu-info-col2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid var(--uu-d5);
    border-bottom: 1px solid var(--uu-d5);
}
.fx-10{flex: 0.1!important;}
.fx-20{flex: 0.2!important;}
.fx-30{flex: 0.3!important;}
.fx-40{flex: 0.4!important;}
.fx-50{flex: 0.5!important;}
.fx-60{flex: 0.6!important;}
.fx-70{flex: 0.7!important;}
.fx-80{flex: 0.8!important;}
.fx-90{flex: 0.9!important;}
.fx-100{flex: 1!important;}
.fx-105{flex: 1.05!important;}
.fx-110{flex: 1.1!important;}
.fx-120 { flex: 1.2!important;}
.fx-130 { flex: 1.3!important;}
.fx-140 { flex: 1.4!important;}
.fx-150 { flex: 1.5!important;}
.fx-160 { flex: 1.6!important;}
.fx-170 { flex: 1.7!important;}
.fx-180 { flex: 1.8!important;}
.fx-190 { flex: 1.9!important;}
.fx-200 { flex: 2!important;}
.fx-210 { flex: 2.1!important;}
.fx-220 { flex: 2.2!important;}
.fx-230 { flex: 2.3!important;}
.fx-240 { flex: 2.4!important;}
.fx-250 { flex: 2.5!important;}
.fx-260 { flex: 2.6!important;}
.fx-270 { flex: 2.7!important;}
.fx-280 { flex: 2.8!important;}
.fx-290 { flex: 2.9!important;}
.fx-300 { flex: 3!important;}
.fx-330 { flex: 3.3!important;}
.fx-350 { flex: 3.5!important;}
.fx-400 { flex: 4!important;}
.fx-500 { flex: 5!important;}
@media (max-width: 768px) {
    .fx-main {
        display: block;
        overflow: hidden auto;
    }
    .fx-row {
        flex-direction: column;
        
    }
}
.fx-bar label {
    font-size: 12px;
    color: var(--uu-6);
    text-align: center;
}
/*-----装饰元素，线条和圆-----*/
.fx-corner {
    padding-top: 20px;
}
.theme-dark .fx-corner {
    background-image: url("imgs/link.png");
    background-repeat: no-repeat;
    background-position: 2px 4px;
    background-size: 110px 15px;
    background-blend-mode: overlay;
}
    .theme-dark .fx-corner:before,
    .theme-dark .fx-corner:after {
        content: '';
        position: absolute;
        left: -4px;
        bottom: -4px;
        width: 10px;
        height: 10px;
        border-width: 6px;
        border-style: solid;
        border-color: var(--uu-wwa3);
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important; /*animation会改变border-color，故无需设置border-left-color*/
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner;
        transform: rotate(135deg);
    }
    .theme-dark .fx-corner:after {
        left: auto;
        right: -4px;
        bottom: -4px;
        transform: rotate(45deg);
    }

@keyframes pulse-corner {
    0% { border-color: var(--uu-wwa3); }
    25% { border-color: var(--uu-wwa5); }
    50% { border-color: var(--uu-wwa1); }
    75% { border-color: var(--uu-wwa5); }
    90% { border-color: var(--uu-wwa3); }
    93% { border-color: var(--uu-wwa8); }
    96% { border-color: var(--uu-wwa3); }
    98% { border-color: var(--uu-wwa8); }
    100% { border-color: var(--uu-wwa3); }
}
@keyframes pulse-corner-line {
    0% { opacity: 0.1; }
    35% { opacity: 0.6; }
    50% { opacity: 0.3; }
    85% { opacity: 0.9; }
    100% { opacity: 0.1; }
}
@keyframes pulse-glow {
    0% { box-shadow: 0 -2px 3px var(--uu-info-a1); }
    35% { box-shadow: 0 -2px 3px var(--uu-info-a3); }
    50% { box-shadow: 0 -2px 3px var(--uu-info-a2);}
    85% { box-shadow: 0 -2px 3px var(--uu-info-a5); }
    100% { box-shadow: 0 -2px 3px var(--uu-info-a1); }
}
@keyframes scanner {
    0% { transform: scaleY(0); opacity: 1; }
    50% { transform: scaleY(1); opacity: 1; }
    100% { transform: scaleY(1); opacity: 0; }
}
.theme-dark .fx-circle {
    position: absolute;
    width: 340px;/*图像原大379px * 80%*/
    height: 340px;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90%;
    opacity: 0.4;
    transition: all 0.4s ease 0.3s;
}

.fx-circle.circle-in {
    background-image: url(imgs/circle-in.png);
    animation: circleF 30s infinite linear;
}
.fx-circle.circle-in2 {
    background-image: url(imgs/circle-in2.png);
    animation: circle 90s infinite linear;
}
.fx-circle.circle-out {
    background-image: url(imgs/circle-out.png);
    animation: circleF 60s infinite linear;
}
@keyframes circleF {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes circle {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0); }
}
/*=====================================================================================
                           button by Atom 2020.3.1
======================================================================================*/
    button:focus {
        outline: 0 !important;
    }

.btn {
    border-radius: 4px;
    font-size: inherit;
    padding: .375rem .70rem;
    transition: all .15s ease-in-out;
}

    .btn:focus {
        box-shadow: none;
    }

.btn-group-sm > .btn,
.btn-sm {
    font-size: .8rem;
}
.btn-tiny {
    padding: 1px 5px !important;
}
.btn-xs {
    font-size: 14px;
    padding: 3px 6px;
}
.btn-bar-xs {
    width: 100%;
    font-size: 13px;
    padding: 4px 6px;
}
.btn-w-m {
    min-width: 120px;
}

.btn-primary.btn-outline {
    color: var(--uu-primary);
}

.btn-success.btn-outline {
    color: var(--uu-success);
}

.btn-info.btn-outline {
    color: var(--uu-info);
}

.btn-warning.btn-outline {
    color: var(--uu-warning);
}

.btn-danger.btn-outline {
    color: var(--uu-danger);
}
.btn-purple.btn-outline {
    color: var(--uu-purple);
}

.btn-outline-primary {
    border-color: var(--uu-primary);
    color: var(--uu-primary);
}

.btn.btn-outline-primary:hover {
    color: #fff;
    border-color: var(--uu-primary);
    background-color: var(--uu-primary);
}


.btn-outline-success {
    border-color: var(--uu-success);
    color: var(--uu-success);
}

.btn.btn-outline-success:hover {
    color: #fff;
    border-color: var(--uu-success);
    background-color: var(--uu-success);
}


.btn-outline-info {
    border-color: var(--uu-info);
    color: var(--uu-info);
}

.btn.btn-outline-info:hover {
    color: #fff;
    border-color: var(--uu-info);
    background-color: var(--uu-info);
}


.btn-outline-warning {
    border-color: var(--uu-warning);
    color: var(--uu-warning);
}

.btn.btn-outline-warning:hover {
    color: #fff;
    border-color: var(--uu-warning);
    background-color: var(--uu-warning);
}


.btn-outline-danger {
    border-color: var(--uu-danger);
    color: var(--uu-danger);
}

.btn.btn-outline-danger:hover {
    color: #fff;
    border-color: var(--uu-danger);
    background-color: var(--uu-danger);
}
.btn-outline-purple {
    border-color: var(--uu-purple);
    color: var(--uu-purple);
}

.btn.btn-outline-purple:hover {
    color: #fff;
    border-color: var(--uu-purple);
    background-color: var(--uu-purple);
}
.btn.btn-outline-gray {
    border-color: var(--uu-d);
    color: var(--uu-8);
}

.btn.btn.btn-outline-gray:hover {
    color: var(--uu-3);
    border-color: var(--uu-c);
    background-color: var(--uu-c);
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover,
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-warning:hover,
.btn-outline-danger:hover,
.btn-outline-purple:hover {
    color: #fff;
}

.btn-primary.btn-outline:active,
.btn-success.btn-outline:active,
.btn-info.btn-outline:active,
.btn-warning.btn-outline:active,
.btn-danger.btn-outline:active,
.btn-outline-primary:active,
.btn-outline-success:active,
.btn-outline-info:active,
.btn-outline-warning:active,
.btn-outline-danger:active,
.btn-outline-purple:active {
    color: #fff !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
    }



.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-success);
    border-color: var(--uu-success);
}
    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-success-a4);
    }


.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-warning);
    border-color: var(--uu-warning);
}
    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
    }

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-info);
    border-color: var(--uu-info);
}
    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-info-a4);
    }

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-danger);
    border-color: var(--uu-danger);
}
    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
    }
.btn-outline-purple:not(:disabled):not(.disabled).active,
.btn-outline-purple:not(:disabled):not(.disabled):active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-purple);
    border-color: var(--uu-purple);
}

    .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
    .btn-outline-purple:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-purple.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-purple-a4);
    }

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px var(--uu-a15);
    box-shadow: inset 0 3px 5px var(--uu-a15);
}

.btn-primary {
    color: var(--uu-f);
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus {
        color: var(--uu-f);
        background-color: var(--uu-primary-h); /*#1a7bb9;*/
        border-color: var(--uu-primary-h);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-primary-h);
        border-color: var(--uu-primary-h);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
        }

.btn-success {
    color: var(--uu-f);
    background-color: var(--uu-success);
    border-color: var(--uu-success);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus {
        color: var(--uu-f);
        background-color: var(--uu-success-h); /*#18A689*/
        border-color: var(--uu-success-h);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-success:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-success-h);
        border-color: var(--uu-success-h);
    }

        .btn-success:not(:disabled):not(.disabled):active:focus,
        .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-success-a4);
        }

.btn-info {
    color: var(--uu-f);
    background-color: var(--uu-info);
    border-color: var(--uu-info);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus {
        color: var(--uu-f);
        background-color: var(--uu-info-h); /*#21b9bb;*/
        border-color: var(--uu-info-h);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-info:not(:disabled):not(.disabled):active,
    .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-info-h);
        border-color: var(--uu-info-h);
    }

        .btn-info:not(:disabled):not(.disabled):active:focus,
        .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-info-a4);
        }

.btn-default {
    color: inherit;
    background-color: var(--uu-f);
    border: 1px solid var(--uu-border);
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .btn-default.active:hover,
    .btn-default.active:focus {
        color: inherit;
        border: 1px solid var(--uu-d);
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        box-shadow: 0 2px 5px var(--uu-a15) inset;
    }

        .btn-default.disabled,
        .btn-default.disabled:hover,
        .btn-default.disabled:focus,
        .btn-default.disabled:active,
        .btn-default.disabled.active,
        .btn-default[disabled],
        .btn-default[disabled]:hover,
        .btn-default[disabled]:focus,
        .btn-default[disabled]:active,
        .btn-default.active[disabled],
        fieldset[disabled] .btn-default,
        fieldset[disabled] .btn-default:hover,
        fieldset[disabled] .btn-default:focus,
        fieldset[disabled] .btn-default:active,
        fieldset[disabled] .btn-default.active {
            color: #cacaca;
        }

.btn-warning {
    color: var(--uu-f);
    background-color: var(--uu-warning);
    border-color: var(--uu-warning);
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus {
        color: var(--uu-f);
        background-color: var(--uu-warning-h); /*#f7a54a;*/
        border-color: var(--uu-warning-h);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-warning:not(:disabled):not(.disabled):active,
    .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-warning-h);
        border-color: var(--uu-warning-h);
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
        }

.btn-danger {
    color: var(--uu-f);
    background-color: var(--uu-danger);
    border-color: var(--uu-danger);
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus {
        color: var(--uu-f);
        background-color: var(--uu-danger-h); /*#ec4758;*/
        border-color: var(--uu-danger-h);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-danger:not(:disabled):not(.disabled):active,
    .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-danger-h);
        border-color: var(--uu-danger-h);
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
        }
.btn-purple {
    color: var(--uu-f);
    background-color: var(--uu-purple);
    border-color: var(--uu-purple);
}

    .btn-purple:hover,
    .btn-purple:focus,
    .btn-purple.focus {
        color: var(--uu-f);
        background-color: var(--uu-purple-h); /*#ec4758;*/
        border-color: var(--uu-purple-h);
    }

    .btn-purple.disabled,
    .btn-purple:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-purple:not(:disabled):not(.disabled):active,
    .btn-purple:not(:disabled):not(.disabled).active,
    .show > .btn-purple.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-purple-h);
        border-color: var(--uu-purple-h);
    }

        .btn-purple:not(:disabled):not(.disabled):active:focus,
        .btn-purple:not(:disabled):not(.disabled).active:focus,
        .show > .btn-purple.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-purple-a4);
        }
.btn-link {
    color: inherit;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        color: var(--uu-primary);
        text-decoration: none;
    }

    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        background-image: none;
        box-shadow: none;
    }

        .btn-link.disabled,
        .btn-link.disabled:hover,
        .btn-link.disabled:focus,
        .btn-link.disabled:active,
        .btn-link.disabled.active,
        .btn-link[disabled],
        .btn-link[disabled]:hover,
        .btn-link[disabled]:focus,
        .btn-link[disabled]:active,
        .btn-link.active[disabled],
        fieldset[disabled] .btn-link,
        fieldset[disabled] .btn-link:hover,
        fieldset[disabled] .btn-link:focus,
        fieldset[disabled] .btn-link:active,
        fieldset[disabled] .btn-link.active {
            color: #cacaca;
        }

.btn-white {
    color: inherit;
    background: var(--uu-f);
    border: 1px solid var(--uu-d); /*var(--uu-border)*/
}

    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active,
    .btn-white.active,
    .open .dropdown-toggle.btn-white,
    .btn-white:active:focus,
    .btn-white:active:hover,
    .btn-white.active:hover,
    .btn-white.active:focus {
        color: inherit;
        border: 1px solid var(--uu-c);
        background-color: var(--uu-f0);
    }

        .btn-white:hover,
        .btn-white:active:hover,
        .btn-white.active:hover {
            background-color: var(--uu-f4);
        }

    .btn-white:active,
    .btn-white.active {
        box-shadow: 0 2px 4px var(--uu-a15) inset;
    }
.theme-dark .btn-white:active,
.theme-dark .btn-white.active {
    box-shadow: 0 2px 5px var(--uu-ba5) inset;
}
    .btn-white:active,
    .btn-white.active,
    .open .dropdown-toggle.btn-white {
        background-image: none;
    }

        .btn-white.disabled,
        .btn-white.disabled:hover,
        .btn-white.disabled:focus,
        .btn-white.disabled:active,
        .btn-white.disabled.active,
        .btn-white[disabled],
        .btn-white[disabled]:hover,
        .btn-white[disabled]:focus,
        .btn-white[disabled]:active,
        .btn-white.active[disabled],
        fieldset[disabled] .btn-white,
        fieldset[disabled] .btn-white:hover,
        fieldset[disabled] .btn-white:focus,
        fieldset[disabled] .btn-white:active,
        fieldset[disabled] .btn-white.active {
            color: var(--uu-d) !important;
            opacity: 1!important;
        }
.umtime-group > .btn-white{
    line-height: 21px;
}
.btn.disabled {
    opacity: 0.4;
    pointer-events: none;
}
.btn.gray.disabled {
    background-color: var(--uu-b);
    border-color: var(--uu-a);
    pointer-events: none;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .2s;
}

.btn:focus {
    outline: none !important;
}
/*loading button*/
button.uu-btn-loading,
.btn.uu-btn-loading {
    position: relative;
    opacity: 0.8;
    pointer-events: none;
}
    button.uu-btn-loading:before,
    .btn.uu-btn-loading:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: var(--uu-a15);
        z-index: 1;
    }
    button.uu-btn-loading:after,
    .btn.uu-btn-loading:after {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -0.5em;
        margin-left: -0.5em;
        width: 1em;
        height: 1em;
        margin-right: 0.5em;
        border-top: 0.15em solid var(--uu-a2);
        border-right: 0.15em solid var(--uu-a2);
        border-bottom: 0.15em solid var(--uu-a2);
        border-left: 0.15em solid var(--uu-a7);
        border-radius: 50%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: turnCircle 10s infinite;
        animation: turnCircle 10s infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 2;
    }
.icon-btn.uu-btn-loading,
.icon-btn-success.uu-btn-loading,
.icon-btn-info.uu-btn-loading,
.icon-btn-warning.uu-btn-loading,
.icon-btn-danger.uu-btn-loading {
    opacity: 0.7;
    color: var(--uu-a);
    pointer-events: none;
}
.uu-btn-counting {
    min-width: 80px;
    border-color: var(--uu-a)!important;
    background-color: var(--uu-a)!important;
    pointer-events: none !important;
}
.btn.uu-inner-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 4px 12px;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.5s ease !important;
    z-index: 1;
}
/*--------------------------input*/
.input-s-sm {
    width: 120px;
}

.input-s {
    width: 200px;
}
input{
    color: var(--uu-text);
}
.form-control {
    font-size: 0.9rem;
}


select.form-control:not([size]):not([multiple]) {
    height: 33px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--uu-e);
    opacity: 1;
}

.input-sm,
.form-control-sm {
    height: 31px;
}
.input-tiny,
.form-control-tiny {
    padding: 3px !important;
    height: 30px;
}
.input-s-lg {
    width: 250px;
}
.show-date-tiny {
    display: block;
    height: 20px;
    width: 120px;
    border: 1px solid var(--uu-d);
    border-radius: 1px;
    color: inherit;
    outline: none;
    background-color: var(--uu-f);
    background-image: none;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
    .show-date-tiny:focus {
        border: 1px solid var(--uu-primary-a8);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=umunit]::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: var(--uu-b);
}

.form-control,
.single-line,
textarea {
    background-color: var(--uu-f);
    background-image: none;
    border: 1px solid var(--uu-d);
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    width: 100%;
}

    .form-control:focus,
    .single-line:focus,
    textarea:focus {
        color: var(--uu-text);
        border-color: var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }
.input-inline {
    display: inline-block;
    width: 180px;
}
textarea {
    border-color: var(--uu-d);
    outline: none !important;
}

    textarea:focus {
        background-color: var(--uu-f) !important;
    }

.has-success .form-control,
.has-success .form-control:focus {
    border-color: var(--uu-primary);
}

.has-warning .form-control,
.has-warning .form-control:focus {
    border-color: var(--uu-warning);
}

.has-error .form-control,
.has-error .form-control:focus {
    border-color: var(--uu-danger);
}

.has-success .control-label {
    color: var(--uu-primary);
}

.has-warning .control-label {
    color: var(--uu-warning);
}

.has-error .control-label {
    color: var(--uu-danger);
}

/*--------------------------验证提示*/
.uu-required,
.uu-valid {
    transition: all .2s ease-in-out;
}

    .uu-required::-webkit-input-placeholder,
    .uu-required:-ms-input-placeholder,
    .uu-valid-error > input.uu-valid::-webkit-input-placeholder,
    .uu-valid-error > input.uu-valid:-ms-input-placeholder {
        color: var(--uu-red-w);
    }

    i.uu-required:before,
    .uu-required > label:not(.DTE_Label):before,
    .simu-edit-head > div.uu-required:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        color: #b11f1f;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f069";
    }
.uu-num-hide.uu-required > label:not(.DTE_Label):before,
.uu-num-hide1.uu-required > label:not(.DTE_Label):before {
    content: none
}

.umexcel.dataTable thead > tr > th.sorting_asc,
.umexcel.dataTable thead > tr > th.sorting_desc,
.umexcel.dataTable thead > tr > th.sorting,
.umexcel.dataTable thead > tr > td.sorting_asc,
.umexcel.dataTable thead > tr > td.sorting_desc,
.umexcel.dataTable thead > tr > td.sorting {
    padding-right: 20px;
}

.umexcel.table > thead > tr > th.uu-required {
    color: #b11f1f;
}

.uu-alert-info {
    color: var(--uu-danger);
}

body input.uu-required-error,
body .uu-valid-error > input.uu-valid,
body .select2-selection.uu-required-error {
    border-color: var(--uu-red) !important;
    outline: none;
}
    body .uu-required-error > .umimg{
        outline: 1px solid var(--uu-red);
    }

    body input.uu-required-error:focus,
    body .uu-valid-error > input.uu-valid:focus {
        -webkit-box-shadow: 0 0 8px rgba(238,136,136,.9) !important;
        box-shadow: 0 0 8px rgba(238,136,136,.9) !important;
    }

body .uu-valid-error:after {
    content: "\f06a";
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: var(--uu-red);
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    pointer-events: none;
    z-index: 200;
}

body .uu-head-editor .uu-valid-error:after {
    left: 87px;
}
/*全局复制input*/
.uu-data-copy {
    border-style: dotted !important;
    border-color: var(--uu-red) !important;
    background-color: #ffdadd !important;
}

.uu-data-copy-tips {
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
    padding: 1px 5px;
    border: 1px dotted var(--uu-red);
    border-radius: 1px;
    background-color: #ffdadd;
    opacity: 0.8;
    z-index: 3100;
}

    .uu-data-copy-tips > b {
        max-width: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
/*input修改状态*/
.uu-input-uwedit {
    /*border-bottom: 1px dashed var(--uu-danger) !important;*/
    box-shadow: inset 0 0 4px 2px rgba(240,0,0,.2);
}

    .uu-input-uwedit:focus {
        box-shadow: 0 0 5px var(--uu-primary-a8), inset 0 0 4px 2px rgba(240,0,0,.2);
    }

.uu-input-searched {
    background-color: var(--uu-primary-a7) !important;
    color: #fff !important;
}
.uu-input-icon {
    position: absolute;
    top: 13px;
    left: 15px;
    color: var(--uu-primary-a9);
    font-size: 16px;
    z-index: 1;
}
/*=====================================================================================
                           jsvectormap by Atom 2020.3.1
======================================================================================*/
.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 5px;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: var(--uu-primary);
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 200;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
        float: left;
    }

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}


/*=====================================================================================
                           component by Atom 2020.3.1
======================================================================================*/
/*-------------------------- label badge*/
.label {
    background-color: var(--uu-d5);
    color: var(--uu-2);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 20px;
    line-height: 1;
    white-space: nowrap;
}

.badge {
    background-color: var(--uu-d5);
    color: var(--uu-2);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 6px;
    border-radius: 20px;
    text-shadow: none;
    white-space: nowrap;
}
    .badge.badge-multi-line {
        padding: 5px 8px;
        line-height: 1.4;
        border-radius: 10px;
        text-align: left;
    }


.label-primary,
.badge-primary{
    background-color: var(--uu-primary);
    color: var(--uu-ww);
}
.selected .label-primary,
.selected .badge-primary {
    background-color: var(--uu-primary-h);
    color: var(--uu-ww);
}
.label-success,
.badge-success {
    background-color: var(--uu-success);
    color: var(--uu-ww);
}

.label-warning,
.badge-warning {
    background-color: var(--uu-warning);
    color: var(--uu-ww);
}

.label-danger,
.badge-danger {
    background-color: var(--uu-danger);
    color: var(--uu-ww);
}

.label-info,
.badge-info {
    background-color: var(--uu-info);
    color: var(--uu-ww);
}
.label-purple,
.badge-purple {
    background-color: var(--uu-purple);
    color: var(--uu-ww);
}
/*偏蓝*/
.label-pink1,
.badge-pink1 {
    background-color: var(--uu-pink1);
    color: var(--uu-ww);
}
/*偏红*/
.label-pink2,
.badge-pink2 {
    background-color: var(--uu-pink2);
    color: var(--uu-ww);
}


.label-blue,
.badge-blue {
    background-color: var(--uu-blue);
    color: var(--uu-f);
}
.label-blue-w,
.badge-blue-w {
    background-color: var(--uu-primary-a2);
}
.label-disable,
.badge-disable {
    color: var(--uu-f);
    background-color: var(--uu-9);
}
.label-gray,
.badge-gray {
    color: var(--uu-f);
    background-color: var(--uu-a3);
}
.label-gray1,
.badge-gray1 {
    color: var(--uu-f);
    background-color: var(--uu-8);
    max-width: 300px;
}
.label-white,
.badge-white {
    color: var(--uu-ww);
    background-color: var(--uu-wwa2);
    box-shadow: 0 0 6px var(--uu-wwa2);
    border: 1px solid var(--uu-wwa3);
}
.label-muted,
.badge-muted {
    color: var(--uu-f);
    background-color: var(--uu-d5);
}

.badge-min {
    font-weight: 400;
    padding: 4px;
    border-radius: 20px;
}
.label-tiny {
    padding: 2px 6px;
}
.badge-tiny {
    padding: 2px 4px;
    font-weight: 400;
    border-radius: 20px;
}
.badge-tiny-no {
    margin-right: 5px;
    padding: 2px 4px;
    font-weight: 400;
    border-radius: 2px;
    opacity: 0.5;
}
.badge-outline-primary.badge-tiny,
.badge-outline-success.badge-tiny,
.badge-outline-warning.badge-tiny,
.badge-outline-danger.badge-tiny,
.badge-outline-info.badge-tiny,
.badge-outline-purple.badge-tiny,
.badge-outline-gray.badge-tiny,
.badge-outline-gray-a3.badge-tiny,
.badge-outline-pink1.badge-tiny,
.badge-outline-pink2.badge-tiny,
.label-outline-white.badge-tiny,
.badge-outline-white.badge-tiny {
    padding: 1px 4px;
}
.badge-right-fixed {
    position: absolute;
    right: 5px;
    top: calc(50% - 9px);
    font-weight: 400;
    padding: 2px 4px;
    border-radius: 20px;
}
/* badge-hover */
.uminfo.badge{
    color:var(--uu-ww);
    border-radius: 3px;
}
.badge-hover.badge-primary:hover,
.badge-hover.badge-outline-primary:hover,
.uminfo.badge-primary:hover,
.uminfo.badge-outline-primary:hover {
    color: var(--uu-f);
    background-color: var(--uu-primary-h);
}
.badge-hover.badge-success:hover,
.badge-hover.badge-outline-success:hover,
.uminfo.badge-success:hover,
.uminfo.badge-outline-success:hover {
    color: var(--uu-f);
    background-color: var(--uu-success-h);
}
.badge-hover.badge-warning:hover,
.badge-hover.badge-outline-warning:hover,
.uminfo.badge-warning:hover,
.uminfo.badge-outline-warning:hover {
    color: var(--uu-f);
    background-color: var(--uu-warning-h);
}
.badge-hover.badge-danger:hover,
.badge-hover.badge-outline-danger:hover,
.uminfo.badge-danger:hover,
.uminfo.badge-outline-danger:hover {
    color: var(--uu-f);
    background-color: var(--uu-danger-h);
}
.badge-hover.badge-info:hover,
.badge-hover.badge-outline-info:hover,
.uminfo.badge-info:hover,
.uminfo.badge-outline-info:hover {
    color: var(--uu-f);
    background-color: var(--uu-info-h);
}


.badge-hover.badge-purple:hover,
.badge-hover.badge-outline-purple:hover,
.uminfo.badge-purple:hover,
.uminfo.badge-outline-purple:hover {
    color: var(--uu-f);
    background-color: var(--uu-purple-h);
}

.badge-hover.badge-pink1:hover,
.badge-hover.badge-outline-pink1:hover,
.uminfo.badge-pink1:hover,
.uminfo.badge-outline-pink1:hover {
    color: var(--uu-f);
    background-color: var(--uu-pink1-h);
}

.badge-hover.badge-pink2:hover,
.badge-hover.badge-outline-pink2:hover,
.uminfo.badge-pink2:hover,
.uminfo.badge-outline-pink2:hover {
    color: var(--uu-f);
    background-color: var(--uu-pink2-h);
}
/* badge-group */
.badge-group > .badge {
    border-radius: 0px;
}
    .badge-group > .badge:first-child {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .badge-group > .badge:last-child {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .badge-group > .uminfo.badge:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.badge-group > .uminfo.badge:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.label-in-label,
.badge-in-badge,
.label-in-label-outline,
.badge-in-badge-outline {
    display: inline-block;
    font-weight: 400;
    padding: 2px 5px;
    margin-right: 6px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    color: var(--uu-ww);
    line-height: 1;
    text-align: center;
    background-color: var(--uu-ba3);
    border-radius: 20px;
}

.label-in-label {
    padding: 2px 5px;
    margin: 0px 6px 0 -6px;
    font-size: 14px;
}

.label-in-label-right {
    padding: 2px 5px;
    margin: 0px -6px 0 6px;
    font-size: 14px;
}
.label-in-label-outline {
    padding: 2px 5px;
    margin: 0px 6px 0 -4px;
    font-size: 14px;
    color: inherit;
    background-color: var(--uu-ba1);
}
.label-in-label-outline-right {
    padding: 2px 5px;
    margin: 0px -5px 0 4px;
    font-size: 14px;
    color: inherit;
    background-color: var(--uu-ba1);
}
.badge-in-badge-right{
    padding: 0px 5px;
    margin: 0 0 0 6px;
}

.label-in-label-w,
.badge-in-badge-w {
    background-color: var(--uu-wa4);
}
/*色阶pwsid 各10阶，共50阶色彩，用于排序*/
.label-pa1,
.badge-pa1 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a1);
}

.label-pa2,
.badge-pa2 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a2);
}

.label-pa3,
.badge-pa3 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a3);
}

.label-pa4,
.badge-pa4 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a4);
}

.label-pa5,
.badge-pa5 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a5);
}

.label-pa6,
.badge-pa6 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a6);
}

.label-pa7,
.badge-pa7 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a7);
}

.label-pa8,
.badge-pa8 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a8);
}

.label-pa9,
.badge-pa9 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a9);
}

.label-pa10,
.badge-pa10 {
    color: var(--uu-f);
    background-color: var(--uu-primary);
}

.label-wa1,
.badge-wa1 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a1);
}

.label-wa2,
.badge-wa2 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a2);
}

.label-wa3,
.badge-wa3 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a3);
}

.label-wa4,
.badge-wa4 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a4);
}

.label-wa5,
.badge-wa5 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a5);
}

.label-wa6,
.badge-wa6 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a6);
}

.label-wa7,
.badge-wa7 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a7);
}

.label-wa8,
.badge-wa8 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a8);
}

.label-wa9,
.badge-wa9 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a9);
}

.label-wa10,
.badge-wa10 {
    color: var(--uu-f);
    background-color: var(--uu-warning);
}

.label-sa1,
.badge-sa1 {
    color: var(--uu-3);
    background-color: var(--uu-success-a1);
}

.label-sa2,
.badge-sa2 {
    color: var(--uu-3);
    background-color: var(--uu-success-a2);
}

.label-sa3,
.badge-sa3 {
    color: var(--uu-3);
    background-color: var(--uu-success-a3);
}

.label-sa4,
.badge-sa4 {
    color: var(--uu-3);
    background-color: var(--uu-success-a4);
}

.label-sa5,
.badge-sa5 {
    color: var(--uu-3);
    background-color: var(--uu-success-a5);
}

.label-sa6,
.badge-sa6 {
    color: var(--uu-f);
    background-color: var(--uu-success-a6);
}

.label-sa7,
.badge-sa7 {
    color: var(--uu-f);
    background-color: var(--uu-success-a7);
}

.label-sa8,
.badge-sa8 {
    color: var(--uu-f);
    background-color: var(--uu-success-a8);
}

.label-sa9,
.badge-sa9 {
    color: var(--uu-f);
    background-color: var(--uu-success-a9);
}

.label-sa10,
.badge-sa10 {
    color: var(--uu-f);
    background-color: var(--uu-success);
}

.label-ia1,
.badge-ia1 {
    color: var(--uu-3);
    background-color: var(--uu-info-a1);
}

.label-ia2,
.badge-ia2 {
    color: var(--uu-3);
    background-color: var(--uu-info-a2);
}

.label-ia3,
.badge-ia3 {
    color: var(--uu-3);
    background-color: var(--uu-info-a3);
}

.label-ia4,
.badge-ia4 {
    color: var(--uu-3);
    background-color: var(--uu-info-a4);
}

.label-ia5,
.badge-ia5 {
    color: var(--uu-3);
    background-color: var(--uu-info-a5);
}

.label-ia6,
.badge-ia6 {
    color: var(--uu-f);
    background-color: var(--uu-info-a6);
}

.label-ia7,
.badge-ia7 {
    color: var(--uu-f);
    background-color: var(--uu-info-a7);
}

.label-ia8,
.badge-ia8 {
    color: var(--uu-f);
    background-color: var(--uu-info-a8);
}

.label-ia9,
.badge-ia9 {
    color: var(--uu-f);
    background-color: var(--uu-info-a9);
}

.label-ia10,
.badge-ia10 {
    color: var(--uu-f);
    background-color: var(--uu-info);
}

.label-da1,
.badge-da1 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a1);
}

.label-da2,
.badge-da2 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a2);
}

.label-da3,
.badge-da3 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a3);
}

.label-da4,
.badge-da4 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a4);
}

.label-da5,
.badge-da5 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a5);
}

.label-da6,
.badge-da6 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a6);
}

.label-da7,
.badge-da7 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a7);
}

.label-da8,
.badge-da8 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a8);
}

.label-da9,
.badge-da9 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a9);
}

.label-da10,
.badge-da10 {
    color: var(--uu-f);
    background-color: var(--uu-danger);
}

tr.selected .label-pa1,
tr.selected .badge-pa1,
tr.selected .label-pa2,
tr.selected .badge-pa2,
tr.selected .label-pa3,
tr.selected .badge-pa3,
tr.selected .label-pa4,
tr.selected .badge-pa4,
tr.selected .label-pa5,
tr.selected .badge-pa5,
tr.selected .label-pa6,
tr.selected .badge-pa6,
tr.selected .label-pa7,
tr.selected .badge-pa7,
tr.selected .label-pa8,
tr.selected .badge-pa8,
tr.selected .label-pa9,
tr.selected .badge-pa9,
tr.selected .label-pa10,
tr.selected .badge-pa10,
tr.selected .label-wa1,
tr.selected .badge-wa1,
tr.selected .label-wa2,
tr.selected .badge-wa2,
tr.selected .label-wa3,
tr.selected .badge-wa3,
tr.selected .label-wa4,
tr.selected .badge-wa4,
tr.selected .label-wa5,
tr.selected .badge-wa5,
tr.selected .label-wa6,
tr.selected .badge-wa6,
tr.selected .label-wa7,
tr.selected .badge-wa7,
tr.selected .label-wa8,
tr.selected .badge-wa8,
tr.selected .label-wa9,
tr.selected .badge-wa9,
tr.selected .label-wa10,
tr.selected .badge-wa10,
tr.selected .label-sa1,
tr.selected .badge-sa1,
tr.selected .label-sa2,
tr.selected .badge-sa2,
tr.selected .label-sa3,
tr.selected .badge-sa3,
tr.selected .label-sa4,
tr.selected .badge-sa4,
tr.selected .label-sa5,
tr.selected .badge-sa5,
tr.selected .label-sa6,
tr.selected .badge-sa6,
tr.selected .label-sa7,
tr.selected .badge-sa7,
tr.selected .label-sa8,
tr.selected .badge-sa8,
tr.selected .label-sa9,
tr.selected .badge-sa9,
tr.selected .label-sa10,
tr.selected .badge-sa10,
tr.selected .label-ia1,
tr.selected .badge-ia1,
tr.selected .label-ia2,
tr.selected .badge-ia2,
tr.selected .label-ia3,
tr.selected .badge-ia3,
tr.selected .label-ia4,
tr.selected .badge-ia4,
tr.selected .label-ia5,
tr.selected .badge-ia5,
tr.selected .label-ia6,
tr.selected .badge-ia6,
tr.selected .label-ia7,
tr.selected .badge-ia7,
tr.selected .label-ia8,
tr.selected .badge-ia8,
tr.selected .label-ia9,
tr.selected .badge-ia9,
tr.selected .label-ia10,
tr.selected .badge-ia10,
tr.selected .label-da1,
tr.selected .badge-da1,
tr.selected .label-da2,
tr.selected .badge-da2,
tr.selected .label-da3,
tr.selected .badge-da3,
tr.selected .label-da4,
tr.selected .badge-da4,
tr.selected .label-da5,
tr.selected .badge-da5,
tr.selected .label-da6,
tr.selected .badge-da6,
tr.selected .label-da7,
tr.selected .badge-da7,
tr.selected .label-da8,
tr.selected .badge-da8,
tr.selected .label-da9,
tr.selected .badge-da9,
tr.selected .label-da10,
tr.selected .badge-da10{
    color: var(--uu-f);
}
/*含边框*/

.label-outline-primary,
.badge-outline-primary {
    font-weight: 400;
    color: var(--uu-primary);
    border: 1px solid var(--uu-primary);
    background-color: transparent;
}
.label-outline-success,
.badge-outline-success {
    font-weight: 400;
    color: var(--uu-success);
    border: 1px solid var(--uu-success);
    background-color: transparent;
}

.label-outline-warning,
.badge-outline-warning {
    font-weight: 400;
    color: var(--uu-warning);
    border: 1px solid var(--uu-warning);
    background-color: transparent;
}

.label-outline-danger,
.badge-outline-danger {
    font-weight: 400;
    color: var(--uu-danger);
    border: 1px solid var(--uu-danger);
    background-color: transparent;
}

.label-outline-info,
.badge-outline-info {
    font-weight: 400;
    color: var(--uu-info);
    border: 1px solid var(--uu-info);
    background-color: transparent;
}
.label-outline-gray,
.badge-outline-gray,
.label-outline-secondary,
.badge-outline-secondary {
    font-weight: 400;
    color: var(--uu-7);
    border: 1px solid var(--uu-c);
    background-color: transparent;
}
.badge-outline-gray-a3 {
    font-weight: 400;
    color: var(--uu-a3);
    border: 1px solid var(--uu-a1);
    background-color: transparent;
}
.label-outline-white,
.badge-outline-white {
    font-weight: 400;
    color: var(--uu-ww);
    border: 1px solid var(--uu-wwa5);
    background-color: transparent;
    box-shadow: 0 0 6px var(--uu-wwa2);
}
.label-outline-purple,
.badge-outline-purple {
    font-weight: 400;
    color: var(--uu-purple);
    border: 1px solid var(--uu-purple);
    background-color: transparent;
}
.label-outline-pink1,
.badge-outline-pink1 {
    font-weight: 400;
    color: var(--uu-pink1);
    border: 1px solid var(--uu-pink1);
    background-color: transparent;
}
.label-outline-pink2,
.badge-outline-pink2 {
    font-weight: 400;
    color: var(--uu-pink2);
    border: 1px solid var(--uu-pink2);
    background-color: transparent;
}
.dataTable tbody tr.selected .badge-outline-primary,
.dataTable tbody tr.selected .label-outline-primary,
.dataTable tbody tr.selected .badge-outline-success,
.dataTable tbody tr.selected .label-outline-success,
.dataTable tbody tr.selected .badge-outline-warning,
.dataTable tbody tr.selected .label-outline-warning,
.dataTable tbody tr.selected .badge-outline-danger,
.dataTable tbody tr.selected .label-outline-danger,
.dataTable tbody tr.selected .badge-outline-info,
.dataTable tbody tr.selected .label-outline-info,
.dataTable tbody tr.selected .badge-outline-purple,
.dataTable tbody tr.selected .label-outline-purple,
.dataTable tbody tr.selected .badge-outline-pink1,
.dataTable tbody tr.selected .label-outline-pink1,
.dataTable tbody tr.selected .badge-outline-pink2,
.dataTable tbody tr.selected .label-outline-pink2,
.dataTable tbody tr.selected .badge-outline-gray,
.dataTable tbody tr.selected .label-outline-gray,
.dataTable tbody tr.selected .label-outline-secondary,
.dataTable tbody tr.selected .badge-outline-secondary {
    color: var(--uu-ww);
    border: 1px solid var(--uu-ww);
}
.round4{
    border-radius: 4px!important;
}
.round-all {
    border-radius: 50em !important;
}
.rect {
    display: inline-block;
    min-width: 50px;
    height: 50px;
    line-height: 40px;
    padding: 5px 10px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--uu-2);
    border-radius: 5px;
    background-color: var(--uu-c);
    white-space: nowrap;
}
.rect-outline-primary {
    color: var(--uu-primary);
    background-color: var(--uu-primary-a2);
}
.rect-outline-warning {
    color: var(--uu-warning);
    background-color: var(--uu-warning-a2);
}
.rect-outline-success {
    color: var(--uu-success);
    background-color: var(--uu-success-a2);
}
.rect-outline-info {
    color: var(--uu-info);
    background-color: var(--uu-info-a2);
}
.rect-outline-danger {
    color: var(--uu-danger);
    background-color: var(--uu-danger-a2);
}
.rect-primary {
    color: var(--uu-ww);
    background-color: var(--uu-primary);
    box-shadow: 0 0 7px var(--uu-primary-a5);
}

.rect-warning {
    color: var(--uu-ww);
    background-color: var(--uu-warning);
    box-shadow: 0 0 7px var(--uu-warning-a5);
}

.rect-success {
    color: var(--uu-ww);
    background-color: var(--uu-success);
    box-shadow: 0 0 7px var(--uu-success-a5);
}

.rect-info {
    color: var(--uu-ww);
    background-color: var(--uu-info);
    box-shadow: 0 0 7px var(--uu-info-a5);
}

.rect-danger {
    color: var(--uu-ww);
    background-color: var(--uu-danger);
    box-shadow: 0 0 7px var(--uu-danger-a3);
}
.rect-secondary {
    color: var(--uu-ww);
    background-color: var(--uu-9);
    box-shadow: 0 0 7px var(--uu-ba2);
}
/*-------------------------- dropdown */
.dropdown-menu {
    position: absolute;
    display: none;
    float: left;
    left: 0;
    top: 100%;
    min-width: 8rem;
    padding: 0;
    color: var(--uu-text);
    font-size: 12px;
    border: none;
    border-radius: 3px;
    background-color: var(--uu-f);
    box-shadow: 0 0 3px var(--uu-a4);
    text-shadow: none;
    list-style: none outside none;
    overflow: hidden;
    z-index: 500;
}

    .dropdown-menu.show.uu-top-auto {
        top: 100% !important;
    }

.dropdown-item {
    width: auto;
    padding: 5px 15px;
    font-size: 13px;
    color: var(--uu-text);
    outline: none;
}

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: var(--uu-primary);
    }

    .dropdown-item:focus,
    .dropdown-item:hover,
    .navbar-side-header .dropdown-item:hover,
    a.dropdown-item:not([href]):hover {
        color: var(--uu-ww);
        text-decoration: none;
        background-color: var(--uu-primary-a6);
    }
    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: var(--uu-a3);
    }
    .dropdown-item > .label {
        background-color: var(--uu-e5);
    }

    .dropdown-item:hover > .label {
        color: #fff;
        background-color: var(--uu-success-h);
    }
.dropdown-divider {
    margin: .5rem 0;
    border-top: 1px solid var(--uu-e9);
}
hr.dt-button.dropdown-item {
    margin: 3px;
    padding: 0;
    height: 1px;
    border-top: 1px solid var(--uu-e9);
}
.dropdown-form {
    padding: 5px 15px;
    margin: 0;
}
.dropdown-form label{
    margin-bottom: 5px;
}
    .dropdown-form .form-control {
        height: 30px;
        padding: 3px;
    }
/*列控制的序号*/
.dt-button-collection > .dropdown-menu {
    counter-reset: columnNo;
}
    .dt-button-collection > .dropdown-menu > .dropdown-item[data-cv-idx]:before {
        content: counter(columnNo);
        counter-increment: columnNo;
        display: inline-block;
        min-width: 22px;
        line-height: 17px;
        padding: 0 3px;
        margin-right: 6px;
        border-radius: 2px;
        color: var(--uu-a3);
        border: 1px solid var(--uu-a2);
        text-align: center;
    }
    .dt-button-collection > .dropdown-menu > .dropdown-item.active[data-cv-idx]:before {
        color: var(--uu-wwa7);
        border: 1px solid var(--uu-wwa6);
    }
        /*专用红色下拉列表*/
        .js-salemenu .dropdown-item.active {
            background-color: var(--uu-danger);
        }
.js-salemenu a.dropdown-item:not([href]):hover {
    background-color: var(--uu-danger-a6);
}
/*--------------------------jumbotron*/
.jumbotron {
    border-radius: 6px;
    padding: 40px;
}

    .jumbotron h1 {
        margin-top: 0;
    }
/*-------------------------- PAGINATIN */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: var(--uu-d);
    cursor: default;
    z-index: 2;
}

.pagination > li > a,
.pagination > li > span {
    background-color: var(--uu-f);
    border: 1px solid var(--uu-d);
    color: inherit;
    float: left;
    line-height: 19px;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    user-select: none;
}

.page-item.active .page-link {
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.page-item.disabled .page-link {
    color: var(--uu-d);
    background-color: var(--uu-f);
    border-color: var(--uu-d);
    cursor: auto;
    pointer-events: none;
}

.page-link:focus {
    box-shadow: none;
}

.page-link:hover {
    z-index: 2;
    color: var(--uu-group);
    text-decoration: none;
    background-color: var(--uu-f4);
    border-color: var(--uu-d);
}

.pagination .footable-page.active a {
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
    color: white;
}

/*-------------------------- TOOLTIPS */
.tooltip-inner {
    background-color: var(--uu-body-bg);
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--uu-body-bg);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--uu-body-bg);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--uu-body-bg);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--uu-body-bg);
}
/*-------------------------- list */
ul.unstyled,
ol.unstyled {
    list-style: none;
    margin-left: 15px;
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
    .stat-list li {
        margin-top: 15px;
        position: relative;
    }
        .stat-list li:first-child {
            margin-top: 0;
        }
.stat-percent {
    float: right;
}
/*-------------------------- build专用  */
.uu-build {
    display: flex;
    width: 100%;
    height: 100%;
}
.uu-build-nav {
    flex: none;
    width: 260px;
    padding: 0;
    margin: 0;
    background-color: var(--uu-body-bg);
}
.uu-build-nav-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    color: var(--uu-f);
    cursor: pointer;
}
    .uu-build-nav-item.active {
        background-color: var(--uu-primary-h);
    }
    .uu-build-nav-item:hover {
        background-color: var(--uu-primary-a8);
    }
    .uu-build-nav-item > label {
        flex: 1;
        padding: 10px 0;
        margin-bottom: 0;
        font-size: 14px;
        color: var(--uu-f);
        text-align: left;
    }
/*build-view*/
#spa-view.build-view {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden scroll;
}
.build-view section{
    margin: 10px;
    border-radius: 10px;
    background-color: var(--uu-f5);
    box-shadow: 0 0 6px var(--uu-a);
    overflow: hidden;
}
    .build-view h2 {
        margin: 0 0 10px 0;
        padding-left: 10px;
        font-size: 20px;
        border-left: 4px solid var(--uu-primary-h);
    }

.uu-form-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.uu-form-list > li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0;
    min-height: 45px;
}
    .uu-form-list > li > label {
        flex: none;
        min-width: 120px;
        margin-bottom: 0;
    }
section input:not([type='checkbox']),
.uu-build-nav input:not([type='checkbox']) {
    flex: 1;
    padding: 6px;
    color: inherit;
    border: 1px solid var(--uu-c);
    border-radius: 1px;
    background-color: var(--uu-f);
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
.uu-build-nav input:not([type='checkbox']) {
    width: 100%;
    color: var(--uu-f);
    border-color: #5e758c;
    background-color: #435464;
}
    section input:not([type='checkbox']):focus,
    .uu-build-nav input:not([type='checkbox']):focus {
        border: 1px solid var(--uu-primary);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    .uu-form-list > li > var {
        flex: 0.6;
        padding-left: 5px;
        font-size: 12px;
        font-style: normal;
    }

/*-------------------------- breadcrumb  */
.breadcrumb {
    background-color: var(--uu-f);
    padding: 0;
    margin-bottom: 0;
}

    .breadcrumb > li a {
        color: inherit;
    }

    .breadcrumb > .active {
        color: inherit;
    }

/*-------------------------- COLORS */
.text-muted {
    color: var(--uu-a) !important;
}

.text-white {
    color: var(--uu-ww) !important;
}
.text-black {
    color: var(--uu-text) !important;
}

.text-default {
    color: inherit !important;
}

.text-primary {
    color: var(--uu-primary) !important;
}
.text-success {
    color: var(--uu-success) !important;
}
.text-info {
    color: var(--uu-info) !important;
}
.text-warning {
    color: var(--uu-warning) !important;
}
.text-danger {
    color: var(--uu-danger) !important;
}
.text-correct {
    color: var(--uu-success) !important;
}
/*label中红绿两色，用于显示增减*/
.text-success-w {
    color: #B1FFB7 !important;
}
.text-danger-w {
    color: #FFCBCB !important;
}
.text-primary2 { color: var(--uu-primary-h) !important;}
.text-info2 { color: var(--uu-info-h) !important;}
.text-success2 { color: var(--uu-success-h) !important;}
.text-warning2 { color: var(--uu-warning-h) !important;}
.text-danger2 { color: var(--uu-danger-h) !important;}
.text-purple2 { color: var(--uu-pink2) !important;}

.text-gray { color: var(--uu-5) !important; }
.text-gray-7 { color: var(--uu-7) !important; }
.text-gray-8 { color: var(--uu-8) !important; }
.text-gray-9 { color: var(--uu-9) !important; }
.text-gray-e { color: var(--uu-e) !important; }
.text-gray-a { color: var(--uu-a2) !important; }
.text-gray-a3 { color: var(--uu-a3) !important; }
.text-gray-a4 { color: var(--uu-a4) !important; }
.text-gray-a5 { color: var(--uu-a5) !important; }
.text-wwa8 {
    color: var(--uu-wwa8) !important;
}
.text-pink {
    color: var(--uu-danger-a7) !important;
}

.text-blue {
    color: var(--uu-blue) !important;
}

.text-purple {
    color: var(--uu-purple) !important;
}
/*偏蓝*/
.text-pink1 { 
    color: var(--uu-pink1) !important;
}
/*偏红*/
.text-pink2 {
    color: var(--uu-pink2) !important;
}
.text-del {
    color: var(--uu-a3);
    text-decoration: line-through!important;
}
.text-danger-a {
    color: var(--uu-danger-a4) !important;
}
td.fin-num {
    width: 260px;/*10位整数(99亿)+2位角分*/
    font-family: consolas, 'Courier New', 'Lucida Console';
    font-size: 16px; /*16px的实际字宽为9px*/
    font-weight: 500;
    text-align: right;
    letter-spacing: 12.2px; /*向右间隔12px，即除去开始的6px，每个字符左右都间隔6px*/
    padding: 6px 0 !important;
    background-image: linear-gradient(to left, var(--uu-th-bdr) 1px, var(--uu-a05) 1px, var(--uu-a05) 6px, var(--uu-th-bdr) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-danger-a5) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-primary-a5) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-primary-a5) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-a1) 1px), linear-gradient(to left, transparent 20px, var(--uu-primary-a5) 1px);
    background-size: 7px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%, 21px 100%;
    background-position-x: 100%, calc(100% - 7px), calc(100% - 7px - 21px), calc(100% - 7px - 2 * 21px), calc(100% - 7px - 3 * 21px), calc(100% - 7px - 4 * 21px), calc(100% - 7px - 5 * 21px), calc(100% - 7px - 6 * 21px), calc(100% - 7px - 7 * 21px), calc(100% - 7px - 8 * 21px), calc(100% - 7px - 9 * 21px), calc(100% - 7px - 10 * 21px);
    background-repeat: no-repeat;
}
    td.fin-num .DTE_Field_Error{
        text-align: left;
        letter-spacing: normal;
    }
    td.fin-num.focus .DTE_Inline .DTE_Inline_Field .DTE_Field input{
        line-height: 1.2;
    }
tfoot th.fin-num{
    position: relative;
}
    tfoot th.fin-num > .f-min {
        display: block;
        position: absolute;
        right: 25px;
        width: 100%;
        max-width: 100%;
        letter-spacing: 4px;
        font-family: consolas, 'Courier New', 'Lucida Console';
        font-size: 16px !important;
        font-weight: 600;
        text-align: right;
        transform: scale(1);
    }
        tfoot th.fin-num > .f-min > .uu-sel-sum {
            letter-spacing: 1px;
            font-family: consolas, 'Courier New', 'Lucida Console';
        }
.fin-num-show {
    letter-spacing: 1px;
    font-family: consolas, 'Courier New', 'Lucida Console';
    font-size: 14px !important;
    text-align: right;
}
tr.selected .text-primary,
td.selected .text-primary,
tr.selected .text-success,
td.selected .text-success,
tr.selected .text-info,
td.selected .text-info,
tr.selected .text-warning,
td.selected .text-warning,
tr.selected .text-danger,
td.selected .text-danger,
tr.selected .text-muted,
td.selected .text-muted,
tr.selected .text-black,
td.selected .text-black,
tr.selected .text-gray,
td.selected .text-gray,
tr.selected .text-gray-8,
td.selected .text-gray-8,
tr.selected .text-gray-9,
td.selected .text-gray-9,
tr.selected .text-gray-a,
td.selected .text-gray-a,
tr.selected .text-gray-a5,
td.selected .text-gray-a5,
tr.selected .text-pink,
td.selected .text-pink,
tr.selected .text-blue,
td.selected .text-blue,
tr.selected .text-purple,
td.selected .text-purple,
tr.selected .text-pink1,
td.selected .text-pink1,
tr.selected .text-pink2,
td.selected .text-pink2 {
    color: var(--uu-ww) !important;
}
var {
    font-style: normal!important;
    font-weight: 400!important;
    font-size: inherit;
    color: var(--uu-a5);
}
tr.selected var,
td.selected var {
    color: var(--uu-wwa7) !important;
}
.label var,
.badge var {
    color: var(--uu-ww);
}
.label-tiny var {
    color: var(--uu-a5);
}
.vertical-timeline-content var {
    font-size: 12px;
    color: inherit;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-primary {
    color: var(--uu-primary) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-success {
    color: var(--uu-success) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-info {
    color: var(--uu-info) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-warning {
    color: var(--uu-warning) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-danger {
    color: var(--uu-danger) !important;
}
/*-------------------------- calendar*/
.fc .fc-daygrid-event,
.fc .fc-daygrid-event.event-danger{
    padding-left: 5px;
    margin-top: 2px;
    text-shadow: 1px 1px var(--uu-ba6);
    border: 1px solid transparent;
    background: linear-gradient(to right, var(--uu-a2) 80%, var(--uu-a1));
    transition: all 0.15s;
}
    .fc .fc-daygrid-event:hover {
        box-shadow: 0 0 4px var(--uu-a3) inset;
        background: linear-gradient(to right, var(--uu-a3) 80%, var(--uu-a1));
    }
    .fc .fc-daygrid-event.event-danger {
        background: linear-gradient(to right, var(--uu-danger-a4) 80%, var(--uu-danger-a2));
    }
        .fc .fc-daygrid-event.event-danger:hover {
            box-shadow: 0 0 4px var(--uu-danger-a4) inset;
            background: linear-gradient(to right, var(--uu-danger-a5) 80%, var(--uu-danger-a3));
        }
    .fc .fc-daygrid-event div {
        color: var(--uu-ww);
    }
    .fc .fc-daygrid-event:hover div {
        text-shadow: none;
    }
    
.fc-event-title {
    overflow: hidden;
    white-space: nowrap;
}
.fc-daygrid-dot-event {
    padding: 1px 0;
}
.fc-daygrid-event-dot{
    margin-left: 0;
    border-color: var(--uu-ww);
}
.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid var(--uu-d);
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, 
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 3px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start, 
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 3px;
}
/*-------------------------- 伪类 progress */
.uu-progress {
    border: 1px solid var(--uu-primary-a5);
    position: relative;
}
    .uu-progress:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        border-radius: 3px;
        background: linear-gradient(to right, var(--uu-primary), var(--uu-primary-h));
        transition: all 0.3s;
        z-index: -1;
    }
.prg-0:after{width: 4px}
.prg-1:after{width: 5px}
.prg-2:after{width: 6px}
.prg-3:after{width: 7px}
.prg-4:after{width: 8px}
.prg-5:after{width: 9px}
.prg-6:after{width: 10px}
.prg-7:after{width: 7%}
.prg-8:after{width: 8%}
.prg-9:after{width: 9%}
.prg-10:after{width: 10%}
.prg-11:after{width: 11%}
.prg-12:after{width: 12%}
.prg-13:after{width: 13%}
.prg-14:after{width: 14%}
.prg-15:after{width: 15%}
.prg-16:after{width: 16%}
.prg-17:after{width: 17%}
.prg-18:after{width: 18%}
.prg-19:after{width: 19%}
.prg-20:after{width: 20%}
.prg-21:after{width: 21%}
.prg-22:after{width: 22%}
.prg-23:after{width: 23%}
.prg-24:after{width: 24%}
.prg-25:after{width: 25%}
.prg-26:after{width: 26%}
.prg-27:after{width: 27%}
.prg-28:after{width: 28%}
.prg-29:after{width: 29%}
.prg-30:after{width: 30%}
.prg-31:after{width: 31%}
.prg-32:after{width: 32%}
.prg-33:after{width: 33%}
.prg-34:after{width: 34%}
.prg-35:after{width: 35%}
.prg-36:after{width: 36%}
.prg-37:after{width: 37%}
.prg-38:after{width: 38%}
.prg-39:after{width: 39%}
.prg-40:after{width: 40%}
.prg-41:after{width: 41%}
.prg-42:after{width: 42%}
.prg-43:after{width: 43%}
.prg-44:after{width: 44%}
.prg-45:after{width: 45%}
.prg-46:after{width: 46%}
.prg-47:after{width: 47%}
.prg-48:after{width: 48%}
.prg-49:after{width: 49%}
.prg-50:after{width: 50%}
.prg-51:after{width: 51%}
.prg-52:after{width: 52%}
.prg-53:after{width: 53%}
.prg-54:after{width: 54%}
.prg-55:after{width: 55%}
.prg-56:after{width: 56%}
.prg-57:after{width: 57%}
.prg-58:after{width: 58%}
.prg-59:after{width: 59%}
.prg-60:after{width: 60%}
.prg-61:after{width: 61%}
.prg-62:after{width: 62%}
.prg-63:after{width: 63%}
.prg-64:after{width: 64%}
.prg-65:after{width: 65%}
.prg-66:after{width: 66%}
.prg-67:after{width: 67%}
.prg-68:after{width: 68%}
.prg-69:after{width: 69%}
.prg-70:after{width: 70%}
.prg-71:after{width: 71%}
.prg-72:after{width: 72%}
.prg-73:after{width: 73%}
.prg-74:after{width: 74%}
.prg-75:after{width: 75%}
.prg-76:after{width: 76%}
.prg-77:after{width: 77%}
.prg-78:after{width: 78%}
.prg-79:after{width: 79%}
.prg-80:after{width: 80%}
.prg-81:after{width: 81%}
.prg-82:after{width: 82%}
.prg-83:after{width: 83%}
.prg-84:after{width: 84%}
.prg-85:after{width: 85%}
.prg-86:after{width: 86%}
.prg-87:after{width: 87%}
.prg-88:after{width: 88%}
.prg-89:after{width: 89%}
.prg-90:after{width: 90%}
.prg-91:after{width: 91%}
.prg-92:after{width: 92%}
.prg-93:after{width: 93%}
.prg-94:after{width: 94%}
.prg-95:after{width: 95%}
.prg-96:after{width: 96%}
.prg-97:after{width: 97%}
.prg-98:after{width: 98%}
.prg-99:after{width: 99%}
.prg-100:after{width: 100%}

/*-------------------------- 双元素(progress和progress-bar)progress */
.progress-group {
    display: flex;
}

    .progress-group > .progress-item {
        flex: 1;
    }

        .progress-group > .progress-item > .progress {
            border-radius: 0;
            border-left: 1px solid var(--uu-ba2);
        }

        .progress-group > .progress-item:first-child > .progress {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .progress-group > .progress-item:last-child > .progress {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .progress-group > .progress-item > .progress > .progress-bar {
            border-radius: 0;
        }
.progress-label {
    font-size: 12px;
    white-space: nowrap;
}
.progress-label b{
    font-weight: 400;
}
.progress-bar {
    border-radius: 6px;
    background: linear-gradient(to right, var(--uu-primary), var(--uu-primary-h));
}
.progress-small,
.progress-mini {
    position: relative;
    margin: 5px 0 2px 0;
    border-radius: 6px;
    background-color: var(--uu-d);
}

    .progress-small,
    .progress-small .progress-bar {
        height: 7px;
    }
    .progrees-mini{
        margin-top: 3px;
    }
    .progress-mini,
    .progress-mini .progress-bar {
        height: 5px;
    }
        
.progress-bar-success,
.uu-progress-success:after {
    background: linear-gradient(to right, var(--uu-success), var(--uu-success-h));
}

.progress-bar-info,
.uu-progress-info:after {
    background: linear-gradient(to right, var(--uu-info), var(--uu-info-h));
}

.progress-bar-warning,
.uu-progress-warning:after {
    background: linear-gradient(to right, var(--uu-warning), var(--uu-warning-h));
}

.progress-bar-danger,
.uu-progress-danger:after {
    background: linear-gradient(to right, var(--uu-danger), var(--uu-danger-h));
}

.progress-bar-purple,
.uu-progress-purple:after {
    background: linear-gradient(to right, var(--uu-purple), var(--uu-purple-h));
}

.progress-bar-gray,
.uu-progress-gray:after {
    background: linear-gradient(to right, var(--uu-7), var(--uu-9));
}
.badge-prg {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 0px;
    border-radius: 10px;
    transition: all 0.3s;
}
.badge-prg-bar-success{background-color: var(--uu-success-a3)}
.badge-prg-bar-primary{background-color: var(--uu-primary-a3)}
.badge-prg-bar-info{background-color: var(--uu-info-a3)}
.badge-prg-bar-warning{background-color: var(--uu-warning-a3)}
.badge-prg-bar-danger{background-color: var(--uu-danger-a3)}
.badge-prg-bar-purple{background-color: var(--uu-purple-a3)}
.badge-prg-bar-gray{background-color: var(--uu-a2)}
.prg-bar-0{width: 0}
.prg-bar-1{width: 1%}
.prg-bar-2{width: 2%}
.prg-bar-3{width: 3%}
.prg-bar-4{width: 4%}
.prg-bar-5{width: 5%}
.prg-bar-6{width: 6%}
.prg-bar-7{width: 7%}
.prg-bar-8{width: 8%}
.prg-bar-9{width: 9%}
.prg-bar-10{width: 10%}
.prg-bar-11{width: 11%}
.prg-bar-12{width: 12%}
.prg-bar-13{width: 13%}
.prg-bar-14{width: 14%}
.prg-bar-15{width: 15%}
.prg-bar-16{width: 16%}
.prg-bar-17{width: 17%}
.prg-bar-18{width: 18%}
.prg-bar-19{width: 19%}
.prg-bar-20{width: 20%}
.prg-bar-21{width: 21%}
.prg-bar-22{width: 22%}
.prg-bar-23{width: 23%}
.prg-bar-24{width: 24%}
.prg-bar-25{width: 25%}
.prg-bar-26{width: 26%}
.prg-bar-27{width: 27%}
.prg-bar-28{width: 28%}
.prg-bar-29{width: 29%}
.prg-bar-30{width: 30%}
.prg-bar-31{width: 31%}
.prg-bar-32{width: 32%}
.prg-bar-33{width: 33%}
.prg-bar-34{width: 34%}
.prg-bar-35{width: 35%}
.prg-bar-36{width: 36%}
.prg-bar-37{width: 37%}
.prg-bar-38{width: 38%}
.prg-bar-39{width: 39%}
.prg-bar-40{width: 40%}
.prg-bar-41{width: 41%}
.prg-bar-42{width: 42%}
.prg-bar-43{width: 43%}
.prg-bar-44{width: 44%}
.prg-bar-45{width: 45%}
.prg-bar-46{width: 46%}
.prg-bar-47{width: 47%}
.prg-bar-48{width: 48%}
.prg-bar-49{width: 49%}
.prg-bar-50{width: 50%}
.prg-bar-51{width: 51%}
.prg-bar-52{width: 52%}
.prg-bar-53{width: 53%}
.prg-bar-54{width: 54%}
.prg-bar-55{width: 55%}
.prg-bar-56{width: 56%}
.prg-bar-57{width: 57%}
.prg-bar-58{width: 58%}
.prg-bar-59{width: 59%}
.prg-bar-60{width: 60%}
.prg-bar-61{width: 61%}
.prg-bar-62{width: 62%}
.prg-bar-63{width: 63%}
.prg-bar-64{width: 64%}
.prg-bar-65{width: 65%}
.prg-bar-66{width: 66%}
.prg-bar-67{width: 67%}
.prg-bar-68{width: 68%}
.prg-bar-69{width: 69%}
.prg-bar-70{width: 70%}
.prg-bar-71{width: 71%}
.prg-bar-72{width: 72%}
.prg-bar-73{width: 73%}
.prg-bar-74{width: 74%}
.prg-bar-75{width: 75%}
.prg-bar-76{width: 76%}
.prg-bar-77{width: 77%}
.prg-bar-78{width: 78%}
.prg-bar-79{width: 79%}
.prg-bar-80{width: 80%}
.prg-bar-81{width: 81%}
.prg-bar-82{width: 82%}
.prg-bar-83{width: 83%}
.prg-bar-84{width: 84%}
.prg-bar-85{width: 85%}
.prg-bar-86{width: 86%}
.prg-bar-87{width: 87%}
.prg-bar-88{width: 88%}
.prg-bar-89{width: 89%}
.prg-bar-90{width: 90%}
.prg-bar-91{width: 91%}
.prg-bar-92{width: 92%}
.prg-bar-93{width: 93%}
.prg-bar-94{width: 94%}
.prg-bar-95{width: 95%}
.prg-bar-96{width: 96%}
.prg-bar-97{width: 97%}
.prg-bar-98{width: 98%}
.prg-bar-99{width: 99%}
.prg-bar-100{width: 100%}

/*expect 期望*/
.progress-small:before,
.progress-mini:before {
    content: "";
    position: absolute;
    height: 7px;
    border-radius: 6px;
    background: linear-gradient(to right, transparent 50%, var(--uu-ba2));
}
.progress-mini:before {
    height: 5px;
}
.expect-bar-0:before{width: 0}
.expect-bar-1:before{width: 1%}
.expect-bar-2:before{width: 2%}
.expect-bar-3:before{width: 3%}
.expect-bar-4:before{width: 4%}
.expect-bar-5:before{width: 5%}
.expect-bar-6:before{width: 6%}
.expect-bar-7:before{width: 7%}
.expect-bar-8:before{width: 8%}
.expect-bar-9:before{width: 9%}
.expect-bar-10:before{width: 10%}
.expect-bar-11:before{width: 11%}
.expect-bar-12:before{width: 12%}
.expect-bar-13:before{width: 13%}
.expect-bar-14:before{width: 14%}
.expect-bar-15:before{width: 15%}
.expect-bar-16:before{width: 16%}
.expect-bar-17:before{width: 17%}
.expect-bar-18:before{width: 18%}
.expect-bar-19:before{width: 19%}
.expect-bar-20:before{width: 20%}
.expect-bar-21:before{width: 21%}
.expect-bar-22:before{width: 22%}
.expect-bar-23:before{width: 23%}
.expect-bar-24:before{width: 24%}
.expect-bar-25:before{width: 25%}
.expect-bar-26:before{width: 26%}
.expect-bar-27:before{width: 27%}
.expect-bar-28:before{width: 28%}
.expect-bar-29:before{width: 29%}
.expect-bar-30:before{width: 30%}
.expect-bar-31:before{width: 31%}
.expect-bar-32:before{width: 32%}
.expect-bar-33:before{width: 33%}
.expect-bar-34:before{width: 34%}
.expect-bar-35:before{width: 35%}
.expect-bar-36:before{width: 36%}
.expect-bar-37:before{width: 37%}
.expect-bar-38:before{width: 38%}
.expect-bar-39:before{width: 39%}
.expect-bar-40:before{width: 40%}
.expect-bar-41:before{width: 41%}
.expect-bar-42:before{width: 42%}
.expect-bar-43:before{width: 43%}
.expect-bar-44:before{width: 44%}
.expect-bar-45:before{width: 45%}
.expect-bar-46:before{width: 46%}
.expect-bar-47:before{width: 47%}
.expect-bar-48:before{width: 48%}
.expect-bar-49:before{width: 49%}
.expect-bar-50:before{width: 50%}
.expect-bar-51:before{width: 51%}
.expect-bar-52:before{width: 52%}
.expect-bar-53:before{width: 53%}
.expect-bar-54:before{width: 54%}
.expect-bar-55:before{width: 55%}
.expect-bar-56:before{width: 56%}
.expect-bar-57:before{width: 57%}
.expect-bar-58:before{width: 58%}
.expect-bar-59:before{width: 59%}
.expect-bar-60:before{width: 60%}
.expect-bar-61:before{width: 61%}
.expect-bar-62:before{width: 62%}
.expect-bar-63:before{width: 63%}
.expect-bar-64:before{width: 64%}
.expect-bar-65:before{width: 65%}
.expect-bar-66:before{width: 66%}
.expect-bar-67:before{width: 67%}
.expect-bar-68:before{width: 68%}
.expect-bar-69:before{width: 69%}
.expect-bar-70:before{width: 70%}
.expect-bar-71:before{width: 71%}
.expect-bar-72:before{width: 72%}
.expect-bar-73:before{width: 73%}
.expect-bar-74:before{width: 74%}
.expect-bar-75:before{width: 75%}
.expect-bar-76:before{width: 76%}
.expect-bar-77:before{width: 77%}
.expect-bar-78:before{width: 78%}
.expect-bar-79:before{width: 79%}
.expect-bar-80:before{width: 80%}
.expect-bar-81:before{width: 81%}
.expect-bar-82:before{width: 82%}
.expect-bar-83:before{width: 83%}
.expect-bar-84:before{width: 84%}
.expect-bar-85:before{width: 85%}
.expect-bar-86:before{width: 86%}
.expect-bar-87:before{width: 87%}
.expect-bar-88:before{width: 88%}
.expect-bar-89:before{width: 89%}
.expect-bar-90:before{width: 90%}
.expect-bar-91:before{width: 91%}
.expect-bar-92:before{width: 92%}
.expect-bar-93:before{width: 93%}
.expect-bar-94:before{width: 94%}
.expect-bar-95:before{width: 95%}
.expect-bar-96:before{width: 96%}
.expect-bar-97:before{width: 97%}
.expect-bar-98:before{width: 98%}
.expect-bar-99:before{width: 99%}
.expect-bar-100:before{width: 100%}
/*-------------------------- BACKGROUNDS */
.gray-bg,
.bg-muted { background-color: var(--uu-f3) !important; }
.bg-light { background-color: var(--uu-f5) !important; }
.bg-wa8 { background-color: var(--uu-wwa8) !important; }
.bg-white { background-color: var(--uu-f) !important; }
.white-bg { background-color: var(--uu-ibox-content) !important; }
.black-bg { background-color: var(--uu-e9) !important; }
.yellow-bg { background-color: #fcf8e3 !important; }
.green-bg { background-color: #dff0d8 !important; }
/*用于uu-class-collapse*/
.bg-gray-a05 { background-color: var(--uu-ba05); }

.th-gray-bg { background-color: var(--uu-f0) !important; }
.border-nav { border-color: var(--uu-body-bg) !important; }

.bg-done {
    background: none !important;
    background-color: var(--uu-c) !important;
}
.orange-bg,
.bg-warning {
    background-color: var(--uu-warning) !important;
    color: #fff;
}
.red-bg,
.bg-danger {
    background-color: var(--uu-danger) !important;
    color: #fff;
}
.bg-success {
    background-color: var(--uu-success) !important;
    color: #fff;
}
.bg-primary {
    background-color: var(--uu-primary) !important;
    color: #fff;
}
.bg-info {
    background-color: var(--uu-info) !important;
    color: #fff;
}
.bg-purple {
    background-color: var(--uu-purple) !important;
    color: #fff;
}
.bg-pink1 {
    background-color: var(--uu-pink1) !important;
    color: #fff;
}
.bg-pink2 {
    background-color: var(--uu-pink2) !important;
    color: #fff;
}
.bg-light-primary { background-color: var(--uu-primary-a1) !important; }
.bg-light-success { background-color: var(--uu-success-a1) !important; }
.bg-light-info { background-color: var(--uu-info-a1) !important; }
.bg-light-warning { background-color: var(--uu-warning-a1) !important; }
.bg-light-danger { background-color: var(--uu-danger-a1) !important; }
.bg-light-purple { background-color: var(--uu-purple-a1) !important; }
.bg-light-danger2 { background-color: var(--uu-danger-a2) !important; }
.bg-transparent { 
    background-color: transparent !important;
}
.bg-panel {    
    background-color: var(--uu-f9) !important;
}
.bg-panel-tab {
    background-color: var(--uu-tab-bg) !important;
    border-radius: 4px !important;
}
/*=====================================================================================
                           ibox by Atom 2020.3.1
======================================================================================*/

.ibox {
    clear: both;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
}

    .ibox.collapsed .ibox-content {
        display: none;
    }

    .ibox.collapsed .fa.fa-chevron-up:before {
        content: "\f078";
    }

    .ibox.collapsed .fa.fa-chevron-down:before {
        content: "\f077";
    }

    .ibox:after,
    .ibox:before {
        display: table;
    }

.ibox-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    height: 60px;
    margin-bottom: 0;
    padding: 0 10px 0 10px;
    color: inherit;
    border-color: var(--uu-border);
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    background-color: var(--uu-ibox-title);
    overflow: visible;/*必须为visible，否则主工具栏的下拉列表无法显示*/
}

.ibox-content {
    position: relative;
    padding: 15px 20px 20px 20px;
    color: inherit;
    border-color: var(--uu-border);
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    background-color: var(--uu-ibox-content);
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid var(--uu-border);
    font-size: 90%;
    background: var(--uu-f);
    padding: 10px 15px;
}

.ibox-content {
    clear: both;
}

    .ibox-content h1,
    .ibox-content h2,
    .ibox-content h3,
    .ibox-content h4,
    .ibox-content h5,
    .ibox-title h1,
    .ibox-title h2,
    .ibox-title h3,
    .ibox-title h4,
    .ibox-title h5 {
        margin-top: 5px;
    }

    .ibox-content.text-box {
        padding-bottom: 0;
        padding-top: 15px;
    }

.ibox-heading {
    background-color: var(--uu-f4);
    border-bottom: none;
}

    .ibox-heading h3 {
        font-weight: 200;
        font-size: 24px;
    }

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
}

.ibox-title .label {
    margin-left: 4px;
}

.ibox-title .pull-right {
    position: absolute;
    right: 15px;
    top: 15px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    text-align: right;
}

    .ibox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #c4c4c4 !important;
    }


.ibox-full-height {
    height: 100%; /*用于向下传递高度*/
    margin-bottom: 0;
    overflow: hidden;
}

.ibox-cnt-fullheight {
    height: calc(100% - 60px); /*用于向下传递高度，减去ibox-title高度*/
    padding: 10px 5px 5px 10px;
}




/*=====================================================================================
                           modal & fileinput & umimg 样式 by Atom 2020.08.02
======================================================================================*/
/*--------------------------modal*/
.modal {
    z-index: 4050 !important;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-3%);
    transform: translate(0,-3%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-dialog {
    z-index: 2200;
}

.modal-body {
    padding: 15px;
}

.modal-content {
    outline: 0 none;
    position: relative;
    border: 1px solid transparent;
    border-radius: 6px;
    box-shadow: 0 0px 10px 0 var(--uu-a4);
    background-clip: padding-box;
    background-color: var(--uu-f);
}

.modal-footer {
    margin-top: 0;
}

.modal-backdrop {
    z-index: 2040 !important;
}

    .modal-backdrop.show {
        opacity: 0.6;
        background: radial-gradient(ellipse farthest-corner at center, var(--uu-a5) 0%, var(--uu-a9) 100%);
    }

body.modal-open {
    padding-right: inherit !important;
}

    body.modal-open .animated {
        animation-fill-mode: initial;
        z-index: inherit;
    }


.modal-header {
    background-color: var(--uu-f3);
    border-bottom: 1px solid var(--uu-d);
    font-size: 1.3em;
    padding: 7px 15px 7px 15px;
}

    .modal-header .close {
        padding: 0;
        margin: 0;
        position: absolute;
        top: -12px;
        right: -12px;
        width: 24px;
        height: 24px;
        border: 2px solid var(--uu-wwa9);
        background-color: var(--uu-9);
        font-size: 14px;
        text-align: center;
        border-radius: 15px;
        cursor: pointer;
        z-index: 8;
        opacity: 1;
        box-shadow: 0px 0px 5px #111;
        user-select: none;
        -webkit-user-select: none;
    }

        .modal-header .close:after {
            content: '\00d7';
            color: var(--uu-wwa9);
            font-weight: bold;
            font-size: 24px;
            line-height: 22px;
            font-family: 'Courier New', Courier, monospace;
            padding-left: 0;
        }

        .modal-header .close:hover {
            background-color: #092079;
            box-shadow: 2px 2px 9px #111;
        }

.modal.file-zoom-dialog .modal-body {
    background-color: var(--uu-f3);
    border-radius: 4px;
    min-height: 480px;
}

@media (min-width: 1200px) {
    #umImgUpload .modal-xl {
        max-width: 1070px;
    }
}
/*--------------------------file-input excel & umImg.upload*/
.file-preview {
    width: 100%;
    max-height: 520px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--uu-d);
    overflow: auto;
}

    .file-preview::-webkit-scrollbar-thumb {
        background-color: var(--uu-ba15);
    }

.file-drop-zone {
    border-width: 2px;
    border-color: transparent;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 1px;
}

.file-zoom-dialog .btn-navigate {
    margin-top: -33px;
    font-size: 3em;
    color: var(--uu-9);
    opacity: .5;
}

    .file-zoom-dialog .btn-navigate:not([disabled]):hover {
        opacity: .9;
    }

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 45px;
}

.krajee-default .file-footer-caption {
    margin-bottom: -8px;
}
.krajee-default .file-drag-handle, 
.krajee-default .file-upload-indicator {
    margin-top: 12px;
}
/*上传img专用 文件名靠右*/
#umImgUpload .krajee-default .file-caption-info,
#umImgUpload .krajee-default .file-size-info,
#umVideoUpload .krajee-default .file-caption-info,
#umVideoUpload .krajee-default .file-size-info {
    text-align: left;
    width: 190px;
    height: 17px;
    margin: 0 0 0 5px;
}

/*添加文件时状态有闪烁感，故隐藏**/
.file-preview-status {
    display: none;
}

.krajee-default.file-preview-frame .kv-file-content {
    /*比例为4:3*/
    width: 220px !important;
    height: 165px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


.krajee-default .file-preview-other-frame {
    width: 205px !important;
}

.krajee-default.file-preview-frame {
    box-shadow: 0 0 5px 1px var(--uu-a1);
    background-color: var(--uu-fa);
    border-radius: 4px;
}

    .krajee-default.file-preview-frame:hover {
        box-shadow: 0 0 7px 2px var(--uu-a4);
        background-color: var(--uu-f0);
    }

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.krajee-default .file-thumb-progress {
    height: 15px;
    top: 47px;
    left: 0px;
    right: 12px;
    margin: 0px 66px 0 18px;
}

    .krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
        height: 12px;
        opacity: 0.85;
        border-radius: 10px;
    }

.file-zoom-content {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 480px;
}

/*上传excel专用 无预览
#importModal .file-footer-buttons .kv-file-upload.btn,
#importModal .file-footer-buttons .kv-file-zoom.btn {
    display: none;
}*/
#importModal .krajee-default .file-footer-caption {
    margin-bottom: 0px;
}

#importModal .krajee-default.file-preview-frame .kv-file-content {
    /*比例为4:3*/
    width: 205px !important;
    height: 120px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*modal内部提示专用*/
.alert-primary {
    color: var(--uu-blue);
    background-color: var(--uu-primary-a2);
    border-color: var(--uu-primary-a3);
}
    .alert-primary hr {
        border-top-color: var(--uu-primary-a3);
    }
.alert-success {
    color: var(--uu-success);
    background-color: var(--uu-success-a2);
    border-color: var(--uu-success-a3);
}
.alert-primary hr {
    border-top-color: var(--uu-success-a3);
}
/*alert通用*/
.alert-light {
    color: var(--uu-6);
    background-color: var(--uu-f6);/*f6为widget的标题背景色*/
    border-color: var(--uu-f2);
}
    .alert-light hr{
        border-color: var(--uu-e);
    }
/*--------------------------umFile显示组件，即umFile*/
.umfile {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 106px !important;
    max-height: 230px !important;
    padding: 0 2px 0 0 !important;
    margin: 0 !important;
    border: 1px solid transparent;
    overflow: auto;
}

    .umfile:focus {
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    .umfile-item {
        flex: none !important;
        position: relative !important;
        width: 80px !important;
        height: 80px !important;
        padding: 0 !important;
        margin: 30px 40px 80px 40px !important;
        border: 1px solid var(--uu-d);
        background-color: var(--uu-fa);
        display: flex;
        justify-content: center;
        align-items: center;
    }
.umfile-item-type {
    position: absolute;
    top: -10px;
    left: -16px;
    width: 32px;
    font-size: 12px;
    overflow: hidden;
}
.umfile-item-label,
.umfile-item-file {
    position: absolute;
    top: -30px;
    left: -30px;
    width: 140px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.umfile-item-file {
    top: 88px;
    max-height: 71px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
/*功能按钮*/
.umfile-fn-add,
.umfile-fn-del {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: var(--uu-ww);
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
    background-color: var(--uu-a3);
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px var(--uu-a3);
    -webkit-font-smoothing: antialiased;
    user-select: none;
    -webkit-user-select: none;
}
.umfile-fn-add {
    top: auto;
    bottom: -10px;
}
.umfile-fn-add:after {
    content: "+";
}
.umfile-fn-del:after {
    content: "-";
}
.umfile-fn-add:hover,
.umfile-fn-del:hover {
    background-color: var(--uu-primary-a7);
    box-shadow: 0 0 5px 1px var(--uu-a6);
}
.umfile-fn-del:hover {
    background-color: var(--uu-danger);
}
/*不同文件类型的预览样式*/
.umfile-fn-preview {
    width: 78px;
    height: 78px;
    background-color: var(--uu-f0);
    border-radius: 1px;
    cursor: pointer;
}
    .umfile-fn-preview:hover {
        box-shadow: 0 0 5px var(--uu-a5);
    }
    .umfile-fn-preview.umfile-pdf,
    .umfile-fn-preview.umfile-doc,
    .umfile-fn-preview.umfile-xls,
    .umfile-fn-preview.umfile-ppt,
    .umfile-fn-preview.umfile-zip {
        font: normal normal normal 14px / 1 FontAwesome;
        color: var(--uu-danger);
        font-size: 48px;
        line-height: 78px;
        text-rendering: auto;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        background-color: var(--uu-fa);
    }
        .umfile-fn-preview.umfile-pdf:before {
            content: "\f1c1";
        }
        .umfile-fn-preview.umfile-doc:before {
            color: var(--uu-primary);
            content: "\f1c2";
        }
        .umfile-fn-preview.umfile-xls:before {
            color: var(--uu-success);
            content: "\f1c3";
        }
        .umfile-fn-preview.umfile-ppt:before {
            color: var(--uu-warning);
            content: "\f1c4";
        }
        .umfile-fn-preview.umfile-zip:before {
            color: var(--uu-9);
            content: "\f1c6";
        }

/*--------------------------umImg显示组件，即umImg*/
.umimg {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 106px !important;
    max-height: 230px !important;
    max-width: 712px !important;
    padding: 0 2px 0 0 !important;
    margin: 0 !important;
    border: 1px solid transparent;
    overflow: auto;
}

    .umimg:focus {
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    /*因为dataTable样式冲突，使用important*/
    .umimg > .umimg-item {
        flex: none !important;
        position: relative !important;
        width: 80px !important;
        height: 80px !important;
        padding: 0 !important;
        margin: 12px 8px !important;
        border: 1px solid var(--uu-d);
        background-color: var(--uu-fa);
        display: flex;
        justify-content: center;
        align-items: center;
    }

.umimg-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/*单行小尺寸*/
.umimg-min {
    min-height: 60px !important;
    max-height: 64px !important;
    min-width: 60px !important;
    max-width: 270px !important;
}

    .umimg-min > .umimg-item {
        width: 40px !important;
        height: 40px !important;
        margin: 8px 8px 12px 8px !important;
    }
    /*umExcel的缩小行高*/
table.umexcel td .umimg {
    min-height: 22px !important;
    max-height: 22px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    padding: 1px !important;
    border-width: 0px;
    overflow: visible;
}
    table.umexcel td .umimg:focus {
        border: none;
        background-color: transparent;
        box-shadow: none;
    }
    table.umexcel td .umimg > .umimg-item {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        border: none;
        border-radius: 1px;
        box-shadow: 0 0 5px var(--uu-a3);
    }
        table.umexcel td .umimg > .umimg-item > .umimg-fn-add {
            top: -1px;
            left: 25px;
            right: auto;
        }
/*功能按钮*/
.umimg-item > .umimg-fn-add,
.umimg-item > .umimg-fn-del,
.umimg-item > .umimg-fn-clear {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: var(--uu-ww);
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
    background-color: var(--uu-a3);
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px var(--uu-a3);
    -webkit-font-smoothing: antialiased;
    user-select: none;
    -webkit-user-select: none;
}

.umimg-item > .umimg-fn-add {
    top: auto;
    bottom: -10px;
}

.umimg-fn-add:after {
    content: "+";
}

.umimg-fn-del:after {
    content: "\00d7";
}

.umimg-fn-clear:after {
    content: "-";
}

.umimg-item > .umimg-fn-add:hover,
.umimg-item > .umimg-fn-del:hover,
.umimg-item > .umimg-fn-clear:hover {
    background-color: var(--uu-primary-a7);
    box-shadow: 0 0 5px 1px var(--uu-a6);
}

.umimg-item > .umimg-fn-del:hover,
.umimg-item > .umimg-fn-clear:hover {
    background-color: var(--uu-danger);
}

.umimg-fn-preview {
    background-color: var(--uu-fa);
    border-radius: 1px;
    cursor: pointer;
}
    .umimg-fn-preview[file-type-ex='pdf'],
    .umimg-fn-preview[file-type-ex='doc'],
    .umimg-fn-preview[file-type-ex='xls'],
    .umimg-fn-preview[file-type-ex='ppt'],
    .umimg-fn-preview[file-type-ex='zip'] {
        background-color: transparent;
        border: none;
    }
    .umimg-fn-preview:hover {
        background-color: var(--uu-f0);
        box-shadow: 0 0 5px var(--uu-a5);
    }
.uu-img-thumb.umimg-fn-preview:hover {
    background-color: var(--uu-f0);
    box-shadow: 0 0 4px var(--uu-a3);
}
input.umimg-widget-input[type='umimg'][js-id] {
    position: absolute;
    height: 1px;
    width: 40px;
    top: 47px;
    left: 9px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 0;
}

input.umimg-widget-input:focus {
    outline: none;
    box-shadow: none;
}
/*-------------------------- umImg选择组件，即umImg.list*/
.umimg-list {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    counter-reset: imgnum;
    user-select: none;
    -webkit-user-select: none;
}

.umimg-list-item {
    flex: none;
    position: relative;
    width: 202px;
    height: 142px;
    margin: 6px;
    border: 1px solid var(--uu-a15);
    background-color: var(--uu-fa);
    border-radius: 1px;
}

    .umimg-list-item:before {
        content: counter(imgnum);
        counter-increment: imgnum;
        position: absolute;
        top: 6px;
        left: 6px;
        width: auto;
        padding: 0px 5px;
        line-height: 14px;
        font-size: 12px;
        color: #fff;
        font-family: 'FontAwesome';
        text-align: center;
        vertical-align: middle;
        border-radius: 15px;
        background-color: var(--uu-a35);
        z-index: 1;
    }

    .umimg-list-item:hover {
        border: 1px solid #fff;
        background-color: var(--uu-f0);
        box-shadow: 0 0 6px var(--uu-a6);
    }

    .umimg-list-item.selected {
        border: 1px solid var(--uu-primary);
        box-shadow: 0 0 7px 2px var(--uu-primary-a8);
    }

        .umimg-list-item.selected:hover {
            border: 1px solid #fff;
            box-shadow: 0 0 7px 1px var(--uu-primary);
        }

        .umimg-list-item.selected::after {
            content: "\f00c";
            position: absolute;
            top: 6px;
            right: 32px;
            width: 24px;
            height: 24px;
            line-height: 20px;
            font-size: 16px;
            color: #fff;
            font-weight: normal;
            font-style: normal;
            font-family: 'FontAwesome';
            text-rendering: auto;
            text-align: center;
            vertical-align: middle;
            border: 2px solid #fff;
            border-radius: 15px;
            background-color: var(--uu-primary);
            background-clip: content-box;
            z-index: 2;
            box-shadow: 0 0 3px var(--uu-a5);
            -webkit-font-smoothing: antialiased;
            user-select: none;
            -webkit-user-select: none;
            -webkit-appearance: none;
            transition: background-color ease-in 0.1s;
        }

        .umimg-list-item.selected.first-sel::after,
        .umimg-list-item.selected.first-sel > .umimg-list-item-selno {
            background-color: var(--uu-danger);
        }

.umimg-list-item-imgbox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .umimg-list-item-imgbox > img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
.umimg-list-item-wh {
    position: absolute;
    top: 6px;
    left: 40px;
    width: auto;
    padding: 0px 5px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 3px var(--uu-a9);
    z-index: 1;
}
.umimg-list-item-selno {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 50px;
    height: 24px;
    line-height: 21px;
    padding: 0 0 0 20px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #fff;
    border-radius: 15px;
    background-color: var(--uu-primary);
    z-index: 2;
    box-shadow: 0 0 5px var(--uu-a6);
    user-select: none;
    -webkit-user-select: none;
    transition: background-color ease-in 0.2s;
}

.umimg-list-item.selected > .umimg-list-item-selno {
    display: block;
}

.umimg-list-item-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    background-color: var(--uu-a35);
    opacity: 0.8;
}

.umimg-list-item:hover .umimg-list-item-caption {
    opacity: 1;
}

.umimg-list-item-caption > p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1px 5px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .umimg-list-item-caption > p > b {
        flex: none;
        max-width: 63px;
        padding: 0px 4px;
        height: 16px;
        line-height: 14px;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        border: 1px solid #fff;
        border-radius: 10px;
        overflow: hidden;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        user-select: text;
    }

    .umimg-list-item-caption > p > i {
        max-width: 130px;
        padding: 0px 3px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        user-select: text;
    }

        .umimg-list-item-caption > p > i.big-size {
            padding: 0px 5px;
            height: 15px;
            line-height: 13px;
            color: #fff;
            font-size: 12px;
            border: 1px solid var(--uu-red);
            background-color: var(--uu-red);
            border-radius: 10px;
        }

.umimg-list-item > .js-umimg-list-item-preview {
    position: absolute;
    right: 6px;
    bottom: 42px;
    border-radius: 20px;
    padding: 2px 6px;
}

    .umimg-list-item > .js-umimg-list-item-preview:before {
        content: "\f00e";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
/*与sortlist样式一致*/
.umimg-tree {
    margin: 0;
    padding: 0;
    list-style: none;
    user-select: none;
    -webkit-user-select: none;
}
/*与.dd-handle一致*/
.umimg-tree-item {
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 5px 6px;
    color: var(--uu-3);
    text-decoration: none;
    border: 1px solid var(--uu-border);
    background: var(--uu-f6);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.15s;
}

    .umimg-tree-item.active {
        color: var(--uu-primary);
        font-weight: 600;
        border-color: var(--uu-primary);
        background-color: var(--uu-primary-a1);
    }

        .umimg-tree-item.active:after {
            content: "";
            position: absolute;
            top: 10px;
            right: -12px;
            width: 12px;
            height: 12px;
            border: 6px solid transparent;
            border-left-color: var(--uu-primary);
            z-index: 1;
        }

    .umimg-tree-item:hover {
        background: var(--uu-e9);
        border-color: var(--uu-d);
        color: var(--uu-success);
    }

    .umimg-tree-item.active:hover {
        color: var(--uu-primary);
        border-color: var(--uu-primary-h);
        background-color: var(--uu-primary-a2);
    }

    .umimg-tree-item.active > .badge {
        color: #fff;
        background-color: var(--uu-primary);
    }

.uu-panel-toolbar .btn.btn-outline-primary {
    padding: 5px 10px;
    border-color: var(--uu-primary);
    color: var(--uu-primary);
}

.uu-panel-toolbar .btn:hover {
    color: #fff;
}

.uu-panel-toolbar .btn.js-umimg-list-del {
    color: var(--uu-danger);
}

    .uu-panel-toolbar .btn.js-umimg-list-del:hover {
        color: #fff;
    }
/*-------------------------- umImg预览组件，即umImg.preview*/
.uwpop-win-body.uu-win-preview {
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 60vw !important;
    max-height: 90vh !important;
    overflow: auto;
}
ul.umimg-preview-imgbox {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: zoom-in;
}
    ul.umimg-preview-imgbox > li {
        display: block;
        margin: 0;
        padding: 0;
    }
        ul.umimg-preview-imgbox > li.umimg-preview-item {
            position: absolute;
            left: 10px;
            bottom: 10px;
            width: 40px;
            height: 40px;
            border: 1px solid var(--uu-wwa5);
            cursor: default;
        }
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(2) { left: 10px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(3) { left: 50px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(4) { left: 90px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(5) { left: 130px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(6) { left: 170px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(7) { left: 210px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(8) { left: 250px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(9) { left: 290px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(10) { left: 330px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(11) { left: 370px;}
        ul.umimg-preview-imgbox > li.umimg-preview-item:nth-of-type(12) { left: 410px;}
    ul.umimg-preview-imgbox > li > img {
        width: auto;
        height: auto;
    }
        ul.umimg-preview-imgbox > li.umimg-preview-item > img {
            width: auto;
            height: 100%;
        }
/*--------------------------
 * Viewer.js v1.11.3
 * https://fengyuanchen.github.io/viewerjs
 * Date: 2023-03-05T07:01:15.525Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
}

.viewer-zoom-in::before {
    background-position: 0 0;
    content: "Zoom In";
}

.viewer-zoom-out::before {
    background-position: -20px 0;
    content: "Zoom Out";
}

.viewer-one-to-one::before {
    background-position: -40px 0;
    content: "One to One";
}

.viewer-reset::before {
    background-position: -60px 0;
    transform: scale(-1, 1);
    content: "Reset";
}

.viewer-prev::before {
    background-position: -80px 0;
    content: "Previous";
}

.viewer-play::before {
    background-position: -100px 0;
    content: "Play";
}

.viewer-next::before {
    background-position: -120px 0;
    content: "Next";
}

.viewer-rotate-left::before {
    background-position: -140px 0;
    content: "Rotate Left";
}

.viewer-rotate-right::before {
    background-position: -160px 0;
    content: "Rotate Right";
}

.viewer-flip-horizontal::before {
    background-position: -180px 0;
    content: "Flip Horizontal";
}

.viewer-flip-vertical::before {
    background-position: -200px 0;
    content: "Flip Vertical";
}

.viewer-fullscreen::before {
    background-position: -220px 0;
    content: "Enter Full Screen";
}

.viewer-fullscreen-exit::before {
    background-position: -240px 0;
    content: "Exit Full Screen";
}

.viewer-close::before {
    background-position: -260px 0;
    content: "Close";
}
.viewer-prev,
.viewer-next {
    background-color: var(--uu-warning-a5) !important;
}
    .viewer-prev:hover,
    .viewer-next:hover {
        background-color: var(--uu-warning-a6) !important;
    }
.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .viewer-container::-moz-selection, .viewer-container *::-moz-selection {
        background-color: transparent;
    }

    .viewer-container::selection,
    .viewer-container *::selection {
        background-color: transparent;
    }

    .viewer-container:focus {
        outline: 0;
    }

    .viewer-container img {
        display: block;
        height: auto;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100%;
    }

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

    .viewer-canvas > img {
        height: auto;
        margin: 15px auto;
        max-width: 90% !important;
        width: auto;
    }

.viewer-footer {
    bottom: 0px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, 50%);
    overflow: hidden;
}

.viewer-list {
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
}

    .viewer-list > li {
        float: left;
        height: 50px;
        width: 50px;
        color: transparent;
        font-size: 0;
        line-height: 0;
        opacity: 0.4;
        overflow: hidden;
        cursor: pointer;
        transition: opacity 0.15s;
    }

        .viewer-list > li:focus,
        .viewer-list > li:hover {
            opacity: 0.75;
        }

        .viewer-list > li:focus {
            outline: 0;
        }

        .viewer-list > li + li {
            margin-left: 1px;
        }

    .viewer-list > .viewer-loading {
        position: relative;
    }

        .viewer-list > .viewer-loading::after {
            border-width: 2px;
            height: 20px;
            margin-left: -10px;
            margin-top: -10px;
            width: 20px;
        }

    .viewer-list > .viewer-active,
    .viewer-list > .viewer-active:focus,
    .viewer-list > .viewer-active:hover {
        opacity: 1;
    }

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

    .viewer-player > img {
        left: 0;
        position: absolute;
        top: 0;
    }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
}

    .viewer-toolbar > ul > li {
        background-color: rgba(0, 0, 0, 60%);
        border-radius: 50%;
        cursor: pointer;
        float: left;
        height: 30px;
        width: 30px;
        margin: 0 10px;
        overflow: hidden;
        transition: all 0.15s;
    }
        .viewer-toolbar > ul > li:focus {
            background-color: rgba(47, 64, 80, 70%);
            box-shadow: 0 0 5px #fff;
            outline: 0;
            position: relative;
            z-index: 1;
        }
        .viewer-toolbar > ul > li:hover {
            background-color: rgba(47, 64, 80, 50%);
            box-shadow: 0 0 3px #fff;
            outline: 0;
        }

        .viewer-toolbar > ul > li::before {
            margin: 2px;
        }

        .viewer-toolbar > ul > li + li {
            margin-left: 1px;
        }

    .viewer-toolbar > ul > .viewer-small {
        height: 18px;
        margin-bottom: 3px;
        margin-top: 3px;
        width: 18px;
    }

        .viewer-toolbar > ul > .viewer-small::before {
            margin: -1px;
        }

    .viewer-toolbar > ul > .viewer-large {
        height: 30px;
        margin-bottom: -3px;
        margin-top: -3px;
        width: 30px;
    }

        .viewer-toolbar > ul > .viewer-large::before {
            margin: 5px;
        }

.viewer-tooltip {
    display: none;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-left: -30px;
    margin-top: -15px;
    position: absolute;
    font-size: 14px;
    color: #fff;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 70%);
    text-align: center;
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 5%;
    max-width: 90%;
    min-height: 14px;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.15s;
    white-space: nowrap;
}

    .viewer-title:hover {
        opacity: 1;
    }

.viewer-button {
    -webkit-app-region: no-drag;
    background-color: rgba(0, 0, 0, 50%);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    transition: background-color 0.15s;
    width: 80px;
}
    .viewer-button:focus {
        background-color: rgba(47, 64, 80, 70%);
        box-shadow: 0 0 5px #fff;
        outline: 0;
    }
    .viewer-button:hover {
        background-color: rgba(47, 64, 80, 70%);
        box-shadow: 0 0 3px #fff;
        outline: 0;
    }

    .viewer-button::before {
        bottom: 13px;
        left: 15px;
        position: absolute;
    }

.viewer-fixed {
    position: fixed;
}

.viewer-open {
    overflow: hidden;
}

.viewer-show {
    display: block;
}

.viewer-hide {
    display: none;
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, 65%);
}

.viewer-invisible {
    visibility: hidden;
}

.viewer-move {
    cursor: move;
    cursor: grab;
}

.viewer-fade {
    opacity: 0;
}

.viewer-in {
    opacity: 1;
}

.viewer-transition {
    transition: all 0.2s;/*整体fadeIn|out，旋转和翻转速度，原为0.3*/
}

@keyframes viewer-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.viewer-loading::after {
    animation: viewer-spinner 0.6s linear infinite;
    border: 4px solid rgba(255, 255, 255, 10%);
    border-left-color: rgba(255, 255, 255, 50%);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
}

@media (max-width: 767px) {
    .viewer-hide-xs-down {
        display: none;
    }
}

@media (max-width: 991px) {
    .viewer-hide-sm-down {
        display: none;
    }
}

@media (max-width: 1199px) {
    .viewer-hide-md-down {
        display: none;
    }
}    

/*=====================================================================================
                           umGrid & umList by Atom 2020.08.13
======================================================================================*/
.umgrid {
    position: relative;
    min-height: 120px !important;
    max-height: 850px !important;
    min-width: 700px !important;
    max-width: 902px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid transparent;
    overflow: auto;
}

    .umgrid:focus{
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    .umgrid > table{
        width: 100%;
        border: 1px solid var(--uu-d);
    }
.umlist {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 1px;
    border-right: 1px solid var(--uu-e5);
    border-bottom: 1px solid var(--uu-e5);
    font-size: 13px;
    overflow: auto;
}
    .umlist:focus {
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: 1px solid var(--uu-primary);
    }
    .umlist .dataTable[list-table-id] {
        width: 100% !important;
    }
    .umlist .dataTables_scrollBody .dataTable {
        border-right-color: var(--uu-d);
    }
    .umlist .dataTable thead > tr > th.sorting_asc,
    .umlist .dataTable thead > tr > th.sorting_desc,
    .umlist .dataTable thead > tr > th.sorting {
        padding-right: 0px;
    }
    .umlist .table > thead > tr > th,
    .umlist .table > tbody > tr > th,
    .umlist .table > tfoot > tr > th,
    .umlist .table > thead > tr > td,
    .umlist .table > tbody > tr > td,
    .umlist .table > tfoot > tr > td {
        padding: 8px 5px;
    }
div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba15);
}
/*umlit列宽需要手动设置，且列宽仅影响表头，表体无法设置宽度，总宽650。umlist中表体中第1(2)列总是定义80px，第0(1)列在umTable中定义40px，2和3列自动，其它均分*/
.umlist .dataTables_scrollBody td:nth-of-type(n) {
    width: 17%;
}
.umlist .dataTables_scrollBody td:last-of-type {
    width: auto;
}
.umlist .dataTables_scrollBody td:nth-of-type(1) {
    width: 40px;
}
.umlist .dataTables_scrollBody td:nth-of-type(2) {
    width: 80px;
}
.umlist .dataTables_scrollBody td:nth-of-type(3) {
    width: auto;
}
/*=====================================================================================
                           umTree by Atom 2020.09.26
======================================================================================*/
.uu-sidebar {
    position: absolute;
    top: 61px;
    left: 0;
    width: 200px;
    height: calc(100% - 61px); /*必须减去top*/
    padding: 0px;
    background-color: var(--uu-bg);
    box-shadow: 2px 2px 5px var(--uu-ba2);
    overflow: hidden;
    z-index: 20;
}
.jstree-default .jstree-wholerow-clicked {
    color: #fff;
    background: none;
    background-color: var(--uu-primary-a2);
}

.jstree-default .jstree-wholerow-hovered {
    background: var(--uu-info-a2);
}

.jstree-default .jstree-search.jstree-anchor {
    font-style: normal;
    color: var(--uu-f63);
    font-weight: normal;
}
/*橙色主题*/
.theme-orange.jstree-default .jstree-wholerow-clicked {
    background-color: var(--uu-warning-a3);
}
.theme-orange.jstree-default .jstree-wholerow-hovered {
    background-color: var(--uu-danger-a1);
}

/*默认为24*/
.jstree-default .jstree-icon:empty {
    width: 20px;
}

.jstree-default .jstree-node {
    margin-left: 20px;
    min-width: 20px;
    /*content-visibility: auto;chrome85可提高数倍性能，未验证*/
}
.uu-dlg-tree{
    position: relative;
    height: 500px;
    width: 500px;
    text-align:left;
}
    .uu-dlg-tree .jstree {
        margin: 20px -10px 0 -10px;
        padding: 40px 0 0 0;
        overflow: hidden scroll;
        height: calc(100% - 20px);
    }
    .uu-dlg-tree input.form-control.js-tree-search {
        width: calc(100% + 40px);
        left: -20px;
        z-index: 1;
    }
    .uu-tree-container,
    .panel-nav {
        margin-top: 40px;
        overflow: hidden scroll;
        height: calc(100% - 40px);
    }
    .uu-tree-container::-webkit-scrollbar-thumb,
    .panel-nav::-webkit-scrollbar-thumb {
        background-color: var(--uu-ba15);
    }
input.form-control.js-tree-search {
    position: absolute;
    top: 0;
    left: 0;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}
.uu-tree-tool {
    display: flex;
    position: absolute;
    right: 5px;
    top: 40px;
    height: 24px;
    z-index: 1;
}
.uu-tree-tool > .btn{
    padding: 0 5px;
    color: var(--uu-8);
    border-radius: 0;
}
    .uu-tree-tool > .btn.showhide {
        color: var(--uu-purple);
    }
.uu-tree-leaf {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    left: 5px;
    top: 3px;
    width: 130px;
    height: 18px;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--uu-primary);
    background-color: transparent;
}

    .uu-tree-leaf > u {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 0;
        height: 1px;
        background-color: var(--uu-primary);
    }

    .uu-tree-leaf > i {
        flex: none;
        min-width: 18px;
        max-width: 40px;
        padding: 0 1px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        line-height: 14px;
        text-align: center;
        border-radius: 2px;
        background-color: var(--uu-primary);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.jstree-anchor > .uu-tree-btn {
    position: absolute;
    left: 250px;
    padding: 0 5px;
    color: var(--uu-primary);
    border-radius: 0;
}
.jstree-anchor > .tree-tag {
    display: inline;
    margin-left: 15px;
    font-size: 10px;
    color: var(--uu-f);
    padding: 0 5px;
    border-radius: 2px;
    background-color: var(--uu-warning-a7);
    text-align: center;
}

.jstree-default .jstree-anchor.jstree-clicked {
    color: var(--uu-primary) !important;
}
.jstree-clicked .fa {
    color: var(--uu-primary) !important;
}
/*橙色主题*/
.theme-orange .jstree-anchor > .tree-tag {
    background-color: var(--uu-primary-a7);
}
.theme-orange.jstree-default .jstree-anchor.jstree-clicked {
    color: var(--uu-danger) !important;
}
.theme-orange .jstree-clicked .fa {
    color: var(--uu-danger) !important;
}
/*=====================================================================================
                           定制样式 by Atom 2019.11.15
======================================================================================*/
/*-------------------------- order box 订单框列表*/
.order-box {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: ordernum;
}

    .order-box > li {
        position: relative;
        display: inline-block;
        width: 250px;
        height: 90px;
        margin: 10px;
        padding: 15px 10px 10px 10px;
        border: 1px solid var(--uu-c);
        border-left: 3px solid var(--uu-primary);
        border-radius: 3px;
        background: var(--uu-f9);
        overflow: hidden;
        cursor: pointer;
    }

        .order-box > li.vv-I {
            border-left-color: var(--uu-danger);
        }

        .order-box > li.vv-E {
            border-left-color: var(--uu-success);
        }

        .order-box > li:before {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 16px;
            height: 16px;
            padding: 0 4px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            text-align: center;
            background-color: var(--uu-primary);
            border-bottom-left-radius: 7px;
            content: counter(ordernum);
            counter-increment: ordernum;
        }

        .order-box > li.vv-I:before {
            background-color: var(--uu-danger);
        }

        .order-box > li.vv-E:before {
            background-color: var(--uu-success);
        }

        .order-box > li:hover {
            border: 1px solid var(--uu-primary);
            border-left: 3px solid var(--uu-primary);
        }

        .order-box > li.vv-I:hover {
            border: 1px solid var(--uu-danger);
            border-left: 3px solid var(--uu-danger);
        }

        .order-box > li.vv-E:hover {
            border: 1px solid var(--uu-success);
            border-left: 3px solid var(--uu-success);
        }
/*--------------------------main & sub tabs */
.uu-main-btn{
    display: inline-flex;
    margin: 5px 0;
}
    .uu-main-btn > .uu-main-btn-group {
        display: inline-flex;
    }
    .uu-main-btn > .uu-main-title {
        margin-right: 10px;
        padding: 0 10px;
        font-size: 21px;
        line-height: 35px;
        color: var(--uu-title);
        border-radius: 4px;
        border-left: 3px solid var(--uu-primary);
        background-color: var(--uu-primary-a1);
        cursor: text;
    }
    .uu-main-btn .select2-container .selection .select2-selection {
        height: 35px;
        border: 1px solid var(--uu-primary);
        border-radius: 4px;
        background-color: var(--uu-wa6);
        overflow: auto;
    }
    .uu-main-btn .btn-group-start .select2-container .selection .select2-selection {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .uu-main-btn .btn-group{
        align-items: flex-start;
    }

.uu-main-tab,
.uu-sub-tab {
    display: inline-flex;
    position: relative;
    margin: 5px 0;
}
    .uu-sub-tab.tab-group {
        display:block;
        border-top: 1px solid var(--uu-border);
        border-radius: 0;
        background-color: var(--uu-f);
    }
    
    .uu-sub-tab > .tab-white {
        padding-right: 20px;
        padding-left: 20px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
        .uu-sub-tab > .tab-white.active:after {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }
        .uu-sub-tab > .tab-white:hover,
        .uu-sub-tab > .tab-white:focus,
        .uu-sub-tab > .tab-white.active:hover {
            color: var(--uu-primary-h) !important;
            background-color: var(--uu-primary-a1);
        }
    .uu-sub-tab.uu-sub-tab-inline {
        display: inline-block;
        margin: 0;
        padding: 0;
        border-top-width: 0;
    }
        .uu-sub-tab.uu-sub-tab-inline > .tab-white {
            padding-right: 6px;
            padding-left: 6px;
            font-size: 12px;
        }
            .uu-sub-tab.uu-sub-tab-inline > .tab-white.active:after {
                top: 25px;
            }
.uu-sub-tab-tag {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    min-width: 10px;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--uu-danger);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    z-index: 1;
}
.uu-sub-tab-outline {
    color: var(--uu-primary);
    border: 1px solid var(--uu-primary-a5);
    background-color: transparent;
}
/*扁平tab，用于login*/
.uu-plain-tab {
    display: flex;
    position: relative;
    margin: 5px 0;
}
    .uu-plain-tab.tab-group {
        display: block;
        padding: 5px 1px;
        border-radius: 0;
        background-color: transparent;
    }

    .uu-plain-tab > .tab-white {
        padding-right: 10px;
        padding-left: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: transparent;
    }
        .uu-plain-tab > .tab-white:hover,
        .uu-plain-tab > .tab-white:focus {
            color: var(--uu-primary) !important;
            background-color: transparent;
        }
        .uu-plain-tab > .tab-white.active {
            background-color: transparent;
        }
        .uu-plain-tab > .tab-white.active:hover {
            color: var(--uu-primary-h) !important;
            background-color: transparent;
        }

/*uu-btn-none用于显示静态标题。uu-btn-max和uu-btn-bg为仅为背景色的没有全边框的按钮，uu-btn-max热动作时有左边框，uu-btn-bg没有左边框*/
.btn.uu-btn-none {
    margin-right: 5px !important;
    padding: 0 10px 0 0;
    line-height: 35px;
    font-size: 18px;
    color: var(--uu-7);
    font-weight: 600;
    border: none;
    cursor: default;
}
    .btn.uu-btn-none.active,
    .btn.uu-btn-none:active {
        background-image: none;
        outline: 0;
        box-shadow: none;
    }
.btn.uu-btn-max,
.btn.uu-btn-bg {
    margin-right: 5px !important;
    padding: 0 9px 0 9px;
    line-height: 32px;
    font-size: 18px;
    color: var(--uu-7);
    font-weight: 600;
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 4px;
    transition: all 0.15s;
}
    .btn.uu-btn-max:hover,
    .btn.uu-btn-bg:hover {
        color: var(--uu-primary);
        border-bottom-color: var(--uu-primary-a4);
        background-color: var(--uu-a05);
    }

    .btn.uu-btn-max.active,
    .btn.uu-btn-max:active,
    .btn.uu-btn-bg.active,
    .btn.uu-btn-bg:active {
        color: var(--uu-primary);
        border-bottom-color: var(--uu-primary);
        background-color: var(--uu-primary-a2);
        background-image: none;
        outline: 0;
        box-shadow: none;
    }
    .btn.uu-btn-max:active {
        color: var(--uu-primary-h);
    }
    .btn.uu-btn-max.active:hover {
        border-bottom-color: var(--uu-primary-a6);
        background-color: var(--uu-primary-a1);
    }
    
    .btn.uu-btn-bg:hover {
        border-color: transparent;
    }
    .btn.uu-btn-bg.active {
        border-color: transparent;
    }
    .btn.uu-btn-bg:active {
        color: var(--uu-primary-h);
        border-color: transparent;
    }
    .btn.uu-btn-bg.active:hover {
        border-color: transparent;
        background-color: var(--uu-primary-a1);
    }
@-webkit-keyframes lineGrow {
    0% {
        transform: scale3d(0.05,1,1); /*使用3d，启用硬件渲染*/
    }

    100% {
        transform: scale3d(1,1,1);
    }
}

.tab-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 4px;
    background-color: var(--uu-tab-bg);
    border-radius: 4px;
    vertical-align: middle;
}

.tab-white {
    position: relative;
    display: inline-block;
    padding: 3px 8px 5px 8px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-width: 0;
    border-radius: 4px;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    cursor: pointer;
    user-select: none;
    transition: all .2s;
}

    .tab-white:last-child {
        margin-right: 0;
    }

    .tab-white:hover,
    .tab-white:focus,
    .tab-white.active:hover {
        color: var(--uu-primary-h) !important;
        background-color: var(--uu-wa7);
    }

    .tab-white.active {
        color: var(--uu-primary) !important;
        background-color: var(--uu-f);
    }

        .tab-white.active:after {
            content: "";
            position: absolute;
            top: 27px;
            left: 0;
            height: 2px;
            width: 100%;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            background-color: var(--uu-primary);
            animation: lineGrow 0.2s ease-out;
            -webkit-animation: lineGrow 0.2s ease-out;
        }

/*--------------------------mini tabs */
.btn-white {
    padding: 5px 10px;
    transition: all .2s;
}

    .btn-white:hover {
        color: var(--uu-primary) !important;
    }

    .btn-white.active {
        color: var(--uu-group) !important;
    }

        .btn-white.active:after {
            content: "";
            position: absolute;
            top: 25px;
            left: 13%;
            height: 2px;
            width: 74%;
            background-color: var(--uu-group);
            animation: lineGrow 0.15s ease-out;
            -webkit-animation: lineGrow 0.15s ease-out;
        }

/*=====================================================================================
                           umFrame及专用样式 by Atom 2019.11.15
======================================================================================*/
.um-frame {
    position: fixed;
    width: 90vw;
    height: 90vh;
    z-index: 2050;
    border-radius: 6px;
    box-shadow: 0 0 5px 1px var(--uu-ba4);
}
.um-frame-body {
    margin: 0;
    padding: 0;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

/*=====================================================================================
                           popover及专用样式 by Atom 2019.11.15
======================================================================================*/
.popover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: 1400px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px solid var(--uu-d);
    border-radius: 5px;
    box-shadow: 0 0 5px 1px var(--uu-a4);
    z-index: 3062;
}

.popover-mask,
.dlg-mask,
.uu-alert-loading-mask,
.drawer-mask,
.uu-app-pop-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,.05) 0%, rgba(0,0,0,.6) 100%);
    z-index: 2049;
}
.drawer-mask {
    z-index: 1449;
}
/*当开启大屏模式时不显示loading和mask*/
.dataU-full .uu-alert-loading-mask {
    display: none !important;
}
.dataU-full .uu-alert-loading{display:none!important;}
.bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-right .arrow:after {
    border-right-color: var(--uu-popover); /*三角形底色*/
}

.bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-top .arrow:after {
    border-top-color: var(--uu-popover); /*三角形底色*/
}

.bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-left .arrow:after {
    border-left-color: var(--uu-popover); /*三角形底色*/
}

.bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-bottom .arrow:after {
    border-bottom-color: var(--uu-popover); /*三角形底色*/
}

.popover-body {
    min-width: 100px;
    max-width: 810px;
    max-height: 114px;
    padding: 5px;
    border-radius: 5px;
    color: var(--uu-4);
    background-color: var(--uu-popover);
    overflow: auto;
    transition: all .2s ease-in-out;
}

    

.popover-body::-webkit-scrollbar-thumb {
    background-color: var(--uu-primary-a3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.popover-body hr {
    margin-top: 5px;
    margin-bottom: 5px;
}


    .popover-body .popover-close,
    .popover-body .popover-alert-close,
    .popover-body .popover-finder-close,
    .popover-body .popover-iframe-close,
    .toast-close,
    .um-frame-close {
        position: absolute;
        top: -11px;
        right: -10px;
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        font-family: 'Courier New', Courier, monospace;
        color: var(--uu-wwa8);
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        border: 1px solid var(--uu-wwa8);
        background-color: var(--uu-9);
        text-align: center;
        border-radius: 15px;
        cursor: pointer;
        z-index: 8;
        opacity: 1;
        box-shadow: 0 0 5px 1px var(--uu-a3);
        box-sizing: border-box;
        user-select: none;
        -webkit-user-select: none;
    }

        .popover-body .popover-close:after,
        .popover-body .popover-alert-close:after,
        .popover-body .popover-finder-close:after,
        .popover-body .popover-iframe-close:after,
        .toast-close:after,
        .um-frame-close:after {
            content: "\00d7";
        }

    .popover-body .popover-sizer,
    .popover-body .popover-finder-sizer {
        position: absolute;
        top: 80px;
        right: -10px;
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        color: var(--uu-wwa8);
        font-weight: bold;
        line-height: 20px;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        border: 1px solid var(--uu-wwa8);
        background-color: var(--uu-9);
        text-align: center;
        border-radius: 15px;
        cursor: pointer;
        z-index: 8;
        opacity: 1;
        box-shadow: 0 0 5px 1px var(--uu-a3);
    }

    .popover-body .popover-sizer:after,
    .popover-body .popover-finder-sizer:after {
        content: "\f103";
    }

.popover-body.popover-expand .popover-sizer:after,
.popover-body.popover-expand .popover-finder-sizer:after {
    content: "\f102";
}

    .popover-body .popover-close:hover,
    .popover-body .popover-sizer:hover,
    .popover-body .popover-finder-sizer:hover,
    .popover-body .popover-alert-close:hover,
    .popover-body .popover-finder-close:hover,
    .popover-body .popover-iframe-close:hover,
    .um-frame-close:hover {
        background-color: var(--uu-primary-a9);
        box-shadow: 0 0 5px 1px var(--uu-a6);
    }
/*----------------------------全局alert提示框*/
.popover.js-popover-alert {
    position: fixed;
    top: 40vh;
    left: 40vw;
    z-index: 3062;
}
    .popover.js-popover-alert.popover-top {
        top: 100px!important;
    }
    .popover.js-popover-alert > .popover-body {
        display: block;
        min-width: 320px;
        max-width: 1050px;
        max-height: 600px;
        padding: 15px;
        font-size: 18px;
        text-align: center;
        vertical-align: middle;
    }

        .popover.js-popover-alert > .popover-body.popover-confirm {
            padding: 30px 25px 25px 25px;
            font-size: 16px;
        }

.popover-body h1,
.popover-body h2 {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 10px;
    text-align: left;
}

.popover-body h3 {
    position: relative;
    margin: 10px 0 15px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
}


.popover-alert-footer {
    display: flex;
    justify-content: center;
    margin: 20px -25px -25px -25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.popover-alert-cancel,
.popover-alert-confirm {
    flex: 1 1 100px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: var(--uu-danger);
    border: none;
    border-top: 1px solid var(--uu-d);
    background-color: var(--uu-wa5);
    outline: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .popover-alert-confirm:hover {
        color: #fff;
        background-color: var(--uu-danger);
    }

.popover-alert-cancel {
    color: var(--uu-primary);
    border-left: 1px solid var(--uu-d);
}

    .popover-alert-cancel:hover {
        color: #fff;
        background-color: var(--uu-primary);
    }

/*------------------------------对话框的专用样式*/
.popover.js-popover-dlg {
    position: fixed;
    top: 40vh;
    left: 40vw;
    z-index: 3010; /*不能为3060会导致select2被遮蔽*/
}

.popover.popover-dlg-bottom {
    z-index: 1500;
}
    .popover.js-popover-dlg > .popover-body {
        display: block;
        min-width: 270px;
        max-width: 1035px;
        max-height: 675px;
        padding: 15px;
        font-size: 16px;
        text-align: center;
        background-color: var(--uu-f0);
        vertical-align: middle;
    }
        .popover.js-popover-dlg > .popover-body.popover-body-left,
        .popover.js-popover-dlg > .popover-body.popover-body-right {
            max-width: 500px;
            max-height: calc(100vh - 130px);
            padding-right: 10px;
            text-align: left;
            font-size: 14px;
            background-color: var(--uu-f);
            transition: opacity .2s ease-in-out !important;
            opacity: 0.93;
            overflow: hidden scroll;
        }
        .popover.js-popover-dlg > .popover-body.popover-body-right {
            max-height: calc(100vh - 10px);
            width: 700px;
            max-width: 700px;
        }
            .popover.js-popover-dlg > .popover-body.popover-body-left:hover,
            .popover.js-popover-dlg > .popover-body.popover-body-right:hover,
            .popover.js-popover-dlg.popover-min > .popover-body:hover {
                opacity: 1;
            }
        .popover.js-popover-dlg > .popover-body.popover-confirm {
            padding: 20px 20px 20px 20px;
            font-size: 14px;
        }

    /*dlg标题*/
    .js-popover-dlg .dlg-title {
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 40px;
        width: 100%;
        margin: -15px -15px 0 -15px;
        padding: 6px 57px 7px 7px;/*33px*/
        font-size: 18px;
        font-weight: 400;
        border-bottom: 1px solid var(--uu-d);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: var(--uu-9);
        background-color: var(--uu-fa);
        box-sizing: border-box;
        z-index: 2060;
    }

.js-popover-dlg .popover-body-left .dlg-title,
.js-popover-dlg .popover-body-right .dlg-title {
    min-height: 38px;
    font-size: 16px;
    border-bottom: 1px solid var(--uu-f);
    background-color: var(--uu-f);
}
    .js-popover-dlg .popover-body-left .dlg-title:hover,
    .js-popover-dlg .popover-body-right .dlg-title:hover {
        border-bottom: 1px solid var(--uu-f3);
        background-color: var(--uu-fa);
    }

.js-popover-dlg .popover-confirm .dlg-title {
    margin: -20px -20px 0 -20px;
}
.popover-dlg-close,
.uu-favorite-close,
.drawer-close,
.popover-dlg-min,
.uu-app-pop-close {
    position: absolute;
    top: 5px;
    right: 2px;
    width: 26px;
    height: 26px;
    color: inherit;
    cursor: pointer;
    z-index: 2061;
}
    .drawer-close{
        top: 12px;
    }
        .uu-favorite-close {
            top: 12px;
        }
        .popover-dlg-close:hover,
        .uu-favorite-close:hover,
        .drawer-close:hover,
        .uu-app-pop-close:hover {
            color: var(--uu-primary);
        }

        .popover-dlg-close:before,
        .uu-favorite-close:before,
        .drawer-close:before,
        .popover-dlg-min:before,
        .uu-app-pop-close:before {
            content: "\00d7";
            font-family: Verdana, sans-serif, 'Courier New';
            color: inherit;
            font-size: 20px;
            font-weight: 600;
            line-height: 26px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

/*dlg最小化*/
.popover.popover-min {
    left: auto !important;
    top: auto !important;
    bottom: 20px !important;
    right: 20px;
    width: 200px;
    height: 40px;
    box-shadow: 0 0 3px 1px var(--uu-a2);
    overflow: hidden;
}
/*未知原因，总是从nth-of-type(2)开始命中，若中间加入同级其它元素，也会改变命中的顺序*/
.popover-min:nth-of-type(1) {
    right: 20px !important;
}
.popover-min:nth-of-type(2) {
    right: 20px !important;
}
.popover-min:nth-of-type(3) {
    right: 230px !important;
}
.popover-min:nth-of-type(4) {
    right: 440px !important;
}
.popover-min:nth-of-type(5) {
    right: 650px !important;
}
.popover-min:nth-of-type(6) {
    right: 860px !important;
}
    
    .popover.js-popover-dlg.popover-min > .popover-body {
        opacity: 0.6;
    }
.popover.popover-min .dlg-title {
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.popover.popover-min .dlg-editor-nofoot {
    visibility: hidden;
}
.popover-dlg-min {
    right: 22px;
}

    .popover-dlg-min:hover {
        color: var(--uu-warning);
    }

    .popover-dlg-min:before {
        content: "-";
        font-size: 24px;
        line-height: 24px;
    }
.popover.popover-min .popover-dlg-min:before {
    content: "\25A1"; /*可使用escape("□")='%u25A1'，获取utf-8编码， '\'为转义符*/
    font-size: 18px;
    line-height: 27px;
}
/*dlg编辑内容*/
.dlg-editor-info,
.dlg-editor-foot{
    min-width: 400px;
    max-width: 600px;
    margin: 35px 8px -20px 8px;
    font-size: 14px;
    color: var(--u-7);
    text-align: left;
}
.dlg-editor-foot {
    margin: -30px 8px 30px 8px;
}
    .dlg-editor-info.dlg-editor-l,
    .dlg-editor-foot.dlg-editor-l {
        max-width: 650px;
    }
    .dlg-editor-info.dlg-editor-xl,
    .dlg-editor-foot.dlg-editor-xl {
        max-width: 970px;
    }
.dlg-editor,
.dlg-editor-nofoot {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 28px 0;
    counter-reset: fieldItem;
}
.dlg-editor-nofoot{
    position:relative;
    padding-bottom: 0;
}
.dlg-editor-loading {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--uu-wa6);
}
.dlg-editor > li {
    position: relative;
    display: flex;
    align-items: center;
    width: 436px;
    margin: 0;
    padding: 8px;
    color: var(--uu-3);
    text-align: left;
    border-bottom: 1px solid transparent;
    overflow: visible;
    white-space: nowrap;
}
.dlg-editor-xl > li {
    width: 970px;
}
.dlg-editor-l > li {
    width: 650px;
}
.dlg-editor-m > li{
    width: 500px;
}
.dlg-editor > li:hover {
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 4px var(--uu-primary-a4) inset;
}

    .dlg-editor > li:hover label {
        color: var(--uu-primary);
    }
.dlg-input-pre {
    flex: none;
    max-width: 100px;
    margin-right: 5px;
    font-size: 0.9rem;/*与input保持一致，实际为14.4px*/
    color: var(--uu-7);
    text-wrap: wrap;
}
.dlg-input-pre > b{
    display: inline-block;
    margin-top: 3px;
}
.dlg-input-post {
    flex: none;
    width: 120px;
    margin-left: 5px;
    font-size: 12px;
    color: var(--uu-9);
    text-wrap: wrap;
}
.dlg-editor > li label {
    flex: none;
    width: 125px;
    margin: 3px 0 0 0;
    color: var(--uu-7);
    font-weight: normal;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s ease-in-out 0s;
}

.dlg-editor > li input[js-id],
.dlg-editor > li select[js-id] {
    flex: none;
    background-color: var(--uu-f);
    background-image: none;
    border: 1px solid var(--uu-c);
    border-radius: 1px;
    color: var(--uu-2);
    width: 300px; /*li width:436 - label width: 120 - 16px*/
    height: 35px;
    padding: 3px;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
}

    .dlg-editor > li input[js-id]:focus,
    .dlg-editor > li select[js-id]:focus {
        border-color: var(--uu-primary);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: 0;
    }

.dlg-editor > li input[disabled],
.dlg-editor > li input[readonly],
.dlg-editor > li input[readonly="readonly"],
.dlg-editor > li select[disabled],
.dlg-editor > li select[readonly],
.dlg-editor > li select[readonly="readonly"] {
    background-color: var(--uu-e9);
}
/*修复含valid的input未对齐*/
.dlg-editor > li input.uu-valid[js-id]{
    flex: 1;
    width: 100%;
}
.dlg-qrcode {
    display: block;
    text-align: center;
}
.dlg-qrcode-box {
    display: inline-block;
    position: relative;
    padding: 8px;
    margin: 23px 0 41px 0;
    border: 1px solid var(--uu-e);
}
    .dlg-qrcode-img {
        display: block;
        width: 250px;
        height: 250px;
        padding: 10px;
        background-color: var(--uu-ww);
    }
/*qrcode 扫码装饰与动画*/
.dlg-qrcode-conner{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
    .dlg-qrcode-box:before,
    .dlg-qrcode-box:after,
    .dlg-qrcode-conner:before,
    .dlg-qrcode-conner:after {
        content: '';
        position: absolute;
        left: -2px;
        top: -2px;
        width: 15px;
        height: 15px;
        border-style: solid;
        border-color: var(--uu-info);
        border-width: 2px 0 0 2px;
        opacity: 1;
        animation-duration: 6s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner-line;
    }
.dlg-qrcode-box:after {
    left: auto;
    right: -2px;
    border-width: 2px 2px 0 0;
}
.dlg-qrcode-conner:before {
    top: auto;
    bottom: -2px;
    border-width: 0 0 2px 2px;
}
.dlg-qrcode-conner:after {
    top: auto;
    left: auto;
    right: -2px;
    bottom: -2px;
    border-width: 0 2px 2px 0;
}
.dlg-qrcode-scanner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 268px;
    border-bottom: 2px solid var(--uu-info-a8);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--uu-info-a1) 70%, var(--uu-info-a4) 150%);
    pointer-events: none;
    transform-origin: 50% top;
    transform: scaleY(0); /*结束后缩小*/
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.53,0,.43,.99);
    animation-name: scanner;
}
.dlg-qrcode-box:hover:before,
.dlg-qrcode-box:hover:after,
.dlg-qrcode-box:hover .dlg-qrcode-conner:before,
.dlg-qrcode-box:hover .dlg-qrcode-conner:after {
    border-color: var(--uu-warning);
}
.dlg-qrcode-box:hover .dlg-qrcode-scanner {
    border-bottom: 2px solid var(--uu-warning-a8);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--uu-warning-a1) 70%, var(--uu-warning-a4) 150%);
}
/*qrcode说明*/
.dlg-qrcode-detail {
    display: block;
    position: relative;
    min-height: 130px;
    max-height: 200px;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: var(--uu-wwa8);
    background-color: var(--uu-blue-bg);
    overflow: auto;
}
.dlg-qrcode-title {
    margin: 20px 0 5px 0;
    color: var(--uu-ww);
    font-size: 22px;
    text-align: center;
}
.dlg-qrcode-info {
    text-align: center;
}
/*----------------------------favorite*/
.uu-favorite {
    position: fixed;
    top: 52px;
    left: 116px;
    display: block;
    width: 340px;
    height: 80vh;
    padding: 10px 5px 10px 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    border: 0px solid var(--uu-d);
    border-radius: 4px;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    background-color: var(--uu-f);
    overflow: hidden;
    z-index: 4000;
}
.uu-favorite-search{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 40px 10px 10px; 
}
.uu-favorite-top.uu-class-collapse {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 15px;
    border-left: 3px solid var(--uu-warning);
}

.uu-favorite-body {
    height: calc(100% - 43px);
    margin: 43px 0px 0px 0px;
    overflow: hidden scroll;
}
.uu-favorite-ul {
    list-style: none;
}

.uu-favorite-li {
    display: inline-block;
    position: relative;
    width: auto;
    padding: 5px 6px 5px 30px;
    margin: 6px 3px;
    line-height: 1;
    text-align: center;
    border: 1px solid var(--uu-a2);
    border-radius: 20px;
    background-color: var(--uu-a05);
    user-select: none;
    cursor: pointer;
}
    .uu-favorite-li > a {color:inherit;}
    .uu-favorite-li:hover {
        color: var(--uu-primary);
        border: 1px solid var(--uu-a3);
        box-shadow: 0 0 4px var(--uu-primary-a3);
    }
.uu-favorite-star,
.uu-favorite-del {
    position: absolute;
    left: 4px;
    top: 2px;
    padding: 2px 3px;
    color: var(--uu-a5);
    border: 1px solid transparent;
    border-radius: 50em;
}
    .uu-favorite-star.star {
        color: var(--uu-ww);
        border-color: var(--uu-primary);
        background-color: var(--uu-primary);
    }
    .uu-favorite-star:hover {
        color: var(--uu-primary-h);
        border-color: var(--uu-primary-h);
    }
    .uu-favorite-star.star:hover {
        color: var(--uu-ww);
        border-color: var(--uu-primary-h);
        background-color: var(--uu-primary-h);
    }
    .uu-favorite-del:hover {
        color: var(--uu-ww);
        border-color: var(--uu-danger-h);
        background-color: var(--uu-danger-h);
    }
/*------------------------------抽屉的专用样式*/
.drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 900px;
    height: 100vh;
    border: 0px solid var(--uu-d);
    background-color: var(--uu-f);
    box-shadow: 0 2px 8px 0 var(--uu-ba3);
    opacity: 0.95 !important;
    transition: opacity .2s ease-in-out !important;
    animation-name: fadeInRightMd;
    animation-duration: 0.3s; /*animation-fill-mode: both;会导致transition失效，故没有引用animated*/
    z-index: 1450; /*1500为widget*/
}
    .drawer:hover {
        opacity: 1 !important;
    }
.drawer-lg{
    width: 1150px;
}
.drawer-sm {
    width: 600px;
}
.drawer-huge {
    width: 1280px;
}
.drawer-full {
    width: 1380px;
}
.drawer-dark {
    background-color: var(--uu-popover-dark);
}

.drawer-body {
    height: 100%;
    padding: 10px;
    color: var(--uu-4);
    overflow: auto;
}
.drawer-loading{
    position: absolute;
    top: 45%;
    left: 45%;
    color: var(--uu-8);
}
.drawer-dark > .drawer-body {
    color: var(--uu-wwa8);
}
.drawer-panel {
    position: relative;
    padding-left: 10px;
    border-left: 2px solid var(--uu-primary-a2);
}
.drawer-panel:hover {
    border-left-color: var(--uu-primary-h);
}
.drawer-panel-warning {
    position: relative;
    padding-left: 10px;
    border-left: 2px solid var(--uu-warning-a2);
}

    .drawer-panel-warning:hover {
        border-left-color: var(--uu-warning-h);
    }
/*------------------------------drawer的块*/
.uu-block{
    position: relative;

}
/*流式布局*/
.uu-block-head {
    padding: 8px 10px;
    margin: -10px -10px 0px -10px;
    border-bottom: 1px solid var(--uu-e);
    background-color: var(--uu-f6);
}
.uu-block-body {
    height: calc(100% - 43px);
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0;
    overflow: auto;
}
/*绝对布局*/
.uu-block-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px;
    margin: 0;
    background-color: var(--uu-f);
    z-index: 9;
}
    .uu-block-title.fx-fx > small {
        margin-left: 10px;
    }

.uu-block > li {
    position: relative;
    padding: 10px;
    margin: 10px 0;
    font-size: 14px;
    border: 1px solid var(--uu-a1);
    border-radius: 7px;
    box-shadow: 0 0 6px var(--uu-a1);
    list-style: none;
}
.uu-block-col {
    width: 66px;
    display: flex;
    flex: none;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.uu-block-cell {
    display: flex;
    flex: 1;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.uu-block-cell > b {
    text-align: center;
}

.uu-block-cell > var {
    text-align: center;
    font-size: 12px;
}
/*------------------------------umStructure------------------------------*/
.structure{
    display: block;
    flex: none;
}
.structure-root > h1{
    font-size: 24px;
    margin: 30px 0 15px 0;
}
.structure-root .fa-angle-up {
    margin-left: 5px;
    font-size: 18px;
    opacity: 0.5;
}
[root-trigger] {
    display: inline-flex;
    align-items: center;
    width: 193px;
    overflow: hidden;
}
    [parent-trigger] {
        display: inline-flex;
        align-items: center;
        width: 180px;
        overflow: hidden;
    }
.fa-square[root-select]{ opacity: 0.6; }
.fa-square[parent-select]{ opacity: 0.6; }
.structure-parent {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 10px 5px;
    padding-left: 10px;
    border-left: 2px solid transparent;
    transition: all 0.15s;
}
.structure-parent:hover {
    border-left-color: var(--uu-primary-h);
}
.structure-parent > h2 {
    flex: none;
    width: 210px;
    margin: 5px 0;
    font-size: 18px;
}
    .structure-parent-cnt {
        flex: 1;
        margin: 0;
    }
.structure-tree {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 6px 0;
    padding: 0 5px;
    border-left: 2px solid var(--uu-primary-a3);
    transition: all 0.15s;
}
    .structure-tree:hover {
        border-left-color: var(--uu-primary-h);
        background-color: var(--uu-primary-a1);
    }
    .structure-tree > h3 {
        flex: none;
        margin: 0 10px 0 0;
        font-size: 14px;
        width: 200px;
    }
    .structure-tree > ul {
        flex: 1;
    }
.structure-node{
    display: inline-flex;
    position: relative;
    margin: 3px 3px 3px 3px;
    padding: 4px 10px 4px 18px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1;
    color: var(--uu-7);
    border: 1px solid var(--uu-c);
    border-radius: 20px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
}
    .structure-node.selected {
        color: var(--uu-f);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-primary);
    }
        .structure-node.selected.semi-selected {
            background-color: var(--uu-primary-a9);
            background-image: linear-gradient(135deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
            background-size: 20px 20px;
        }
    .structure-node:hover {
        color: var(--uu-primary);
        border: 1px solid var(--uu-primary-a7);
        background-color: var(--uu-primary-a2);
    }
    .structure-node.selected:hover {
        color: var(--uu-f);
        background-color: var(--uu-primary-h);
    }

    .structure-node.selected:after {
        content: "\f00c";
        position: absolute;
        left: 3px;
        top: 5px;
        width: 10px;
        height: 10px;
        font-family: 'FontAwesome';
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        z-index: 1;
    }
    .structure-node.selected.semi-selected:after {
        content: none;
    }
.node-fork {
    font-weight: 600;
    border-radius: 4px;
}
.structure-node.node-danger {
    color: var(--uu-danger-a6);
}
.structure-node.node-danger.selected {
    color: var(--uu-f);
    border: 1px solid var(--uu-danger);
    background-color: var(--uu-danger);
}
    .structure-node.node-danger.selected.semi-selected {
        background-color: var(--uu-danger-a8);
    }

    .structure-node.node-danger:hover {
        color: var(--uu-danger-a9);
        border: 1px solid var(--uu-danger);
        background-color: var(--uu-danger-a1);
    }

    .structure-node.node-danger.selected:hover {
        color: var(--uu-f);
        background-color: var(--uu-danger-h);
    }
/*------------------------------文件选择控件*/
.uu-file {
    position: relative;
    width: 100%;
}

    .uu-file:hover > .btn {
        background-color: var(--uu-primary-a2);
    }

    .uu-file > .btn {
        height: 35px;
        width: 100%;
        font-size: 15px;
        text-align: center;
        line-height: 1;
        overflow: hidden;
    }

    .uu-file .uu-file-info {
        display: inline;
        padding: 2px 4px;
        color: var(--uu-6);
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        border-radius: 2px;
        background-color: var(--uu-a1);
        text-align: center;
        white-space: nowrap;
    }

    .uu-file > input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 35px;
        font-size: 15px;
        opacity: 0;
    }

    .uu-file > .uu-file-drop {
        position: relative;
        width: 100%;
        min-height: 5em;
        padding-top: 2em;
        margin-top: 10px;
        border: 1px dashed var(--uu-c);
        border-radius: 4px;
        color: #999;
        text-align: center;
        box-sizing: border-box;
    }
/*dlg footer*/
.popover-dlg-footer {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
    width: 100%;
    margin: 0 -20px 0 -20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    z-index: 2060;
}

.popover-dlg-cancel,
.popover-dlg-confirm {
    flex: 1 1 100px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: var(--uu-danger);
    border: none;
    border-top: 1px solid var(--uu-d);
    background-color: var(--uu-wa9);
    outline: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .popover-dlg-confirm:hover {
        color: #fff;
        background-color: var(--uu-danger);
    }

.popover-dlg-cancel {
    color: var(--uu-primary);
    border-left: 1px solid var(--uu-d);
}

    .popover-dlg-cancel:hover {
        color: #fff;
        background-color: var(--uu-primary);
    }
    .confirm-disabled{
        opacity: 0.5;
        pointer-events: none;
    }
.uu-simple-sel {
    position: relative;
    margin: 5px;
    padding: 6px 12px 6px 20px;
    color: var(--uu-primary);
    border: 1px solid var(--uu-primary);
    background-color: transparent;
    border-radius: 25px;
    transition: all 0.15s;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

    .uu-simple-sel:hover {
        background-color: var(--uu-primary-a2);
    }
    .uu-simple-sel.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-primary);
    }
        .uu-simple-sel.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-primary-h);
        }
        .uu-simple-sel.sel-seled:after {
            content: "\f00c";
            position: absolute;
            left: 5px;
            top: 10px;
            z-index: 10;
            display: block;
            width: 10px;
            height: 10px;
            color: var(--uu-f);
            font-family: 'FontAwesome';
            font-size: 12px;
            line-height: 1;
            font-style: normal;
            font-weight: normal;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            z-index: 1;
        }
.uu-simple-sel-tiny {
    margin: 2px;
    padding: 1px 4px 1px 16px;
    font-size: 12px;
}
.uu-simple-sel-tiny.uu-simple-sel.sel-seled:after {
    left: 3px;
    top: 4px;
}
.uu-simple-sel-success {
    color: var(--uu-success);
    border: 1px solid var(--uu-success);
}

    .uu-simple-sel-success:hover {
        background-color: var(--uu-success-a2);
    }

    .uu-simple-sel-success.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-success);
    }

        .uu-simple-sel-success.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-success-h);
        }
.uu-simple-sel-warning {
    color: var(--uu-warning);
    border: 1px solid var(--uu-warning);
}

    .uu-simple-sel-warning:hover {
        background-color: var(--uu-warning-a2);
    }

    .uu-simple-sel-warning.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-warning);
    }

        .uu-simple-sel-warning.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-warning-h);
        }
.uu-simple-sel-danger {
    color: var(--uu-danger);
    border: 1px solid var(--uu-danger);
}

    .uu-simple-sel-danger:hover {
        background-color: var(--uu-danger-a2);
    }

    .uu-simple-sel-danger.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-danger);
    }

        .uu-simple-sel-danger.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-danger-h);
        }

.uu-simple-sel-info {
    color: var(--uu-info);
    border: 1px solid var(--uu-infor);
}

    .uu-simple-sel-info:hover {
        background-color: var(--uu-info-a2);
    }

    .uu-simple-sel-info.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-info);
    }

        .uu-simple-sel-info.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-info-h);
        }
.uu-simple-sel-purple {
    color: var(--uu-purple);
    border: 1px solid var(--uu-purple);
}

    .uu-simple-sel-purple:hover {
        background-color: var(--uu-purple-a2);
    }

    .uu-simple-sel-purple.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-purple);
    }

        .uu-simple-sel-purple.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-purple-h);
        }

/*------------------------------深色模式*/
.popover > .popover-body.popover-body-dark{
    color: var(--uu-wwa8);
    background-color: var(--uu-popover-dark);
}

.popover-body.popover-body-dark hr {
    border-top: 1px solid var(--uu-wa3);
}
.js-popover-dlg .popover-body-dark .dlg-title {
    border-bottom: 1px solid var(--uu-wwa1);
    color: var(--uu-wwa8);
    background-color: var(--uu-popover-dark);
    z-index: 2060;
}
.popover-body-dark .popover-alert-cancel,
.popover-body-dark .popover-alert-confirm,
.popover-body-dark .popover-dlg-cancel,
.popover-body-dark .popover-dlg-confirm{
    border-top: 1px solid var(--uu-wwa3);
}
.popover-body-dark .popover-alert-cancel,
.popover-body-dark .popover-dlg-cancel {
    border-left: 1px solid var(--uu-wa3);
}
/*------------------------------白色模式*/
.popover > .popover-body.popover-body-white {
    color: var(--uu-5);
    background-color: var(--uu-f);
}

.popover-body.popover-body-white hr {
    border-top: 1px solid var(--uu-a2);
}

.js-popover-dlg .popover-body-white .dlg-title {
    border-bottom: 1px solid var(--uu-a2);
    color: var(--uu-5);
    background-color: var(--uu-f);
    z-index: 2060;
}

.popover-body-white .popover-alert-cancel,
.popover-body-white .popover-alert-confirm,
.popover-body-white .popover-dlg-cancel,
.popover-body-white .popover-dlg-confirm {
    border-top: 1px solid var(--uu-a2);
}

.popover-body-white .popover-alert-cancel,
.popover-body-white .popover-dlg-cancel {
    border-left: 1px solid var(--uu-a2);
}

/*------------------------------错误对话框*/
.uu-errAlert-cnt {
    position: relative;
    min-width: 500px;
    margin: 30px 0;
    font-size: 14px;
    text-align: left;
}

    .uu-errAlert-cnt > p {
        margin-bottom: 5px;
    }
/*------------------------------支付及提交alert提示框的专用样式*/
.uu-legend-v {
    position: absolute;
    display: block;
    right: 10px;
    bottom: -8px;
    width: 60px;
}

    .uu-legend-v > b {
        display: block;
        padding: 1px;
        font-size: 11px;
        color: #fff;
        background-color: #ffc107;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
    }

        .uu-legend-v > b:nth-child(2) {
            background-color: var(--uu-info);
        }

        .uu-legend-v > b:nth-child(3) {
            background-color: var(--uu-success);
        }

ul.uu-declareinfo {
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    width: 520px;
    font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: var(--uu-3);
    text-align: left;
}

    ul.uu-declareinfo > li {
        display: block;
        position: relative;
        margin: 0;
        padding: 5px 0;
        line-height: 18px;
    }

        ul.uu-declareinfo > li > i {
            display: inline-block;
            width: 45px;
            padding: 3px;
            margin-right: 5px;
            color: #fff;
            font-size: 13px;
            font-weight: 100;
            font-style: normal;
            text-align: center;
            line-height: 1;
            border-radius: 0.25em;
            background-color: var(--uu-success);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.uu-declareinfo > li > span {
            display: inline-block;
            width: 200px;
            font-weight: 200;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.uu-declareinfo > li > .uu-customsbar,
        ul.uu-declareinfo > li > .uu-inventorybar,
        ul.uu-declareinfo > li > .uu-paybar,
        ul.uu-declareinfo > li > .uu-logbar {
            position: absolute;
            left: 255px;
            top: 7px;
            width: 0px;
            height: 4px;
            background: linear-gradient(to right, #F8C188, var(--uu-warning));
            -webkit-transition: all 0.6s;
            transition: all 0.6s;
        }

        ul.uu-declareinfo > li > .uu-logbar {
            top: 11px;
            background: linear-gradient(to right, #68C8C8, var(--uu-info));
        }

        ul.uu-declareinfo > li > .uu-customsbar {
            top: 15px;
            background: linear-gradient(to right, #72A5C6, var(--uu-success));
        }

        ul.uu-declareinfo > li > .uu-inventorybar {
            top: 19px;
            background: linear-gradient(to right, #95CDF1, var(--uu-success-h, #0297f4));
        }
/*------------------------------支付alert提示框的专用样式 */
ul.uu-payinfo {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 870px;
    font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: var(--uu-3);
    text-align: left;
}

    ul.uu-payinfo > li {
        position: relative;
        display: inline-block;
        width: 152px; /*总宽870，一排最多5个订单*/
        margin: 10px;
        border: 1px solid var(--uu-a2);
        box-shadow: 0 0 5px 1px var(--uu-a1);
        padding: 5px;
        float: left;
    }
        /*生成的伪类，包括示意图，对和错标志*/
        ul.uu-payinfo > li:after {
            content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 5px;
            width: 140px;
            height: 140px;
            color: var(--uu-primary);
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 100px;
            text-align: center;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            background: var(--uu-popover) url("imgs/mobile-scan.png") no-repeat center;
            line-height: 140px;
            opacity: 0.92;
        }

        ul.uu-payinfo > li.uu-openpay:after {
            background: var(--uu-popover) url("imgs/pc.png") no-repeat center;
        }

        ul.uu-payinfo > li.paid:after {
            content: "\f05d";
            background-image: none;
            background-color: rgba(172,243,229,1);
        }

        ul.uu-payinfo > li.pay-error:after {
            content: "\f05c";
            color: var(--uu-danger);
            font-size: 60px;
            line-height: 75px;
            background-image: none;
            background-color: rgba(255,206,210,1);
        }
        /*hover状态*/
        ul.uu-payinfo > li:hover {
            border: 1px solid var(--uu-a3);
            box-shadow: 0 0 10px 0 var(--uu-a4);
        }

        ul.uu-payinfo > li:not(.paid):hover:after {
            background-image: none;
            background-color: transparent;
        }

        ul.uu-payinfo > li.pay-error:hover:after {
            background-color: rgba(255,206,210,0.8);
        }

        ul.uu-payinfo > li.uu-openpay:not(.paid):hover:after {
            content: none;
        }
        /*支付核心组件容器，扫码支付的二维码图像*/
        ul.uu-payinfo > li > .uu-qrcodeimg {
            width: 100%;
            height: 140px;
        }
        /*支付核心组件容器，包含网关支付的提交按钮*/
        ul.uu-payinfo > li > .uu-paydata {
            width: 100%;
            height: 140px;
            padding: 10px 5px 0 5px;
            text-align: center;
        }
        /*订单信息*/
        ul.uu-payinfo > li > span {
            display: block;
            width: 100%;
            height: 21px;
            margin: 4px 0 0 0;
            line-height: 21px;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.uu-payinfo > li i {
            display: inline-block;
            float: left;
            min-width: 19px;
            padding: 3px;
            margin-right: 5px;
            color: #fff;
            font-size: 13px;
            font-weight: 100;
            font-style: normal;
            text-align: center;
            line-height: 1;
            border-radius: 0.25em;
            background-color: var(--uu-success);
        }
    /*错误信息*/
    ul.uu-payinfo .pay-error-info {
        position: absolute;
        top: 75px;
        left: 0;
        color: var(--uu-danger);
        font-weight: 600;
        padding: 0 12px;
        z-index: 5;
    }
/*------------------------------支付iframe框的专用样式 */
.popover.js-popover-iframe {
    position: fixed;
    top: calc(50% - 250px);
    left: calc(50% - 400px);
    width: 800px;
    max-width: 1020px;
    height: 500px;
    z-index: 800;
}

    .popover.js-popover-iframe > .popover-body {
        width: 800px;
        height: 500px;
        max-width: 1020px;
        max-height: 500px;
        padding: 0;
        font-size: 14px;
        overflow: hidden;
    }

    .popover.js-popover-iframe iframe {
        width: 800px;
        height: 500px;
        border: 0;
        margin: 0;
        padding: 0;
    }
/*------------------------------支付颜色和动画 */
/*支付专用颜色，紫色*/
.text-money {
    color: var(--uu-purple);
}

.bg-money,
.badge-money,
.label-money {
    color: #fff;
    background-color: var(--uu-purple);
}

.btn-money {
    color: #fff;
    background-color: var(--uu-purple);
}

    .btn-money:hover {
        color: #fff;
        background-color: var(--uu-purple-h);
    }

.btn-outline-money {
    border-color: var(--uu-purple);
    color: var(--uu-purple);
}

    .btn-outline-money:hover {
        color: #fff;
        border-color: var(--uu-purple);
        background-color: var(--uu-purple);
    }
/*局部load动画，login和加载支付核心组件时使用*/
@-webkit-keyframes progress {
    0% {
        transform: scale3d(0.05,1,1); /*使用3d，启用硬件渲染*/
    }

    50% {
        transform: scale3d(0.65,1,1);
    }

    100% {
        transform: scale3d(1,1,1);
    }
}

@keyframes progress {
    0% {
        transform: scale3d(0.05,1,1); /*使用3d，启用硬件渲染*/
    }

    50% {
        transform: scale3d(0.65,1,1);
    }

    100% {
        transform: scale3d(1,1,1);
    }
}

.load-progress {
    position: absolute;
    display: block;
    left: 0;
    top: 0px;
    margin: 0;
    padding: 0;
    width: 0;
    height: 3px;
    background-color: var(--uu-primary);
    box-shadow: 0 0 10px var(--uu-primary-a2);
    transform-origin: 0 0;
    transition: all 3s;
}

.field-info-bar.load-progress {
    left: -100%;
    width: 0%;
    top: 21px;
    height: auto;
    padding-bottom: 3px;
    border-bottom: 3px solid var(--uu-primary);
    background-color: transparent;
    white-space: nowrap;
    box-shadow: none;
    animation: none;
    -webkit-animation: none;
    transition: width 0.5s ease-in-out;
}

.ani-fast {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
}

.ani-faster {
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
}

.ani-fastest {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
}

@-webkit-keyframes grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes moveToRight {
    0% {
        opacity: 0.7;
        transform: translateX(0);
    }
    50% {
        opacity: 1;
        transform: translateX(550px);
    }
    100% {
        opacity: 0.2;
        transform: translateX(1000px);/*匹配wizard为dialog时，总宽900*/
    }
}
@keyframes moveToRight1500 {
    0% {
        opacity: 0.7;
        transform: translateX(0);
    }

    50% {
        opacity: 1;
        transform: translateX(800px);
    }

    100% {
        opacity: 0.5;
        transform: translateX(1480px); /*匹配wizard为dialog时，总宽1400*/
    }
}
.grow {
    -webkit-animation-name: grow;
    animation-name: grow;
}
/*------------------------------finder和ajaxFinder框的专用样式 */
.popover.js-popover-finder {
    position: fixed;
    top: 10px;
    left: calc(50vw - 675px); /*finder的总宽为1350*/
    background-color: transparent;
    z-index: 2850;/*2022-12-24为850*/
}

.popover.js-popover-ajaxFinder {
    position: fixed;
    top: auto;
    bottom: 36px;
    left: calc(50vw - 675px); /*finder的总宽为1350*/
    background-color: transparent;
    z-index: 2850; /*2022-12-24为850*/
}

    .popover.js-popover-finder > .popover-body,
    .popover.js-popover-ajaxFinder > .popover-body {
        min-width: 1350px; /*一定要设min和max，以覆盖popover的设置*/
        max-width: 1350px;
        min-height: 91px;
        max-height: 129px;
        padding: 5px;
        font-size: 14px;
        overflow: auto;
    }
    .popover.js-popover-ajaxFinder > .popover-body {
        background-color: var(--uu-popover-danger);
    }
    .popover.js-popover-ajaxFinder .finder-tools {
        background-color: var(--uu-popover-danger);
    }
    .popover-body .popover-finder-sizer {
        top: 80px;
    }

/*工具条*/
.finder-tools {
    position: absolute;
    left: 0;
    right: 10px;
    top: 0;
    padding: 10px 12px 5px 10px;
    border-radius: 5px;
    background-color: var(--uu-popover);
    white-space: nowrap;
    cursor: move;
    z-index: 2;
}

    .finder-tools .btn {
        padding: 5px 10px;
    }

    .finder-tools .editor-group {
        margin-left: 30px;
    }

        .finder-tools .editor-group > .form-control[type="text"],
        .finder-tools .editor-group > .form-control[type="search"] {
            width: 220px;
            height: auto;
            padding: 5px;
            color: var(--uu-red);
            font-weight: 600;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

.popover.js-popover-ajaxFinder .uu-page-ajax {
    display: inline-flex;
    padding: 0;
    margin: 2px 10px;
    vertical-align: middle;
}
.uu-bottom-tool .uu-page-ajax {
    margin: 0px;
}
.pagination.uu-page-ajax > li > a,
.pagination.uu-page-ajax > li > span {
    padding: 6px 12px;
}
.pagination.uu-page-ajax-aux > li > a,
.pagination.uu-page-ajax-aux > li > span {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--uu-2);
    background-color: var(--uu-bg);
}
.page-link.disabled {
    color: var(--uu-d);
    pointer-events: none;
    cursor: default;
    border-color: var(--uu-e5);
}

.page-link.js-pg-ajax-search {
    min-width: 140px;
    color: var(--uu-2);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    background-color: var(--uu-bg);
}
/*ul条件列表*/
.uu-finder {
    list-style-type: none;
    margin: 43px 0 0 0;
    padding: 0;
}

    .uu-finder > li {
        position: relative;
        display: inline-block;
        float: left;
        width: 255px;
        margin: 1px 5px;
        padding: 3px 2px 5px 2px;
        color: var(--uu-3);
        text-align: right;
        border-bottom: 1px solid transparent;
    }
.uu-finder-ajax{
    display: flex;
    flex-wrap: wrap;
}
.uu-finder.uu-finder-ajax > li {
    display: inline-flex;
}
        .uu-finder > li:hover {
            border-bottom-color: var(--uu-info);
        }

            .uu-finder > li:hover > label {
                color: var(--uu-info);
            }

        .uu-finder > li > label {
            display: inline-block;
            width: 86px;
            margin: 3px 0 0 0;
            color: var(--uu-7);
            font-weight: normal;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            float: left;
            transition: all 0.2s ease-in-out 0s;
        }

        .uu-finder > li > input,
        .uu-finder > li > select {
            display: inline-block;
            background-color: var(--uu-f);
            background-image: none;
            border: 1px solid var(--uu-c);
            border-radius: 1px;
            color: var(--uu-4);
            width: 165px;
            padding: 2px 2px 2px 30px;
            transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
        }

.js-popover-ajaxFinder .uu-finder > li > input,
.js-popover-ajaxFinder .uu-finder > li > select {
    padding-left: 2px;
}

.uu-finder > li > input:focus,
.uu-finder > li > select:focus,
.uu-finder > li[c-active="1"] > input {
    border-color: var(--uu-primary);
    box-shadow: 0 0 5px var(--uu-primary-a8);
    outline: 0;
}
    /*label一定要在input之后，用于当input为focus或active时高亮*/
    .uu-finder > li > input:focus + label,
    .uu-finder > li > select:focus + label {
        color: var(--uu-primary);
        font-weight: 600;
    }

.uu-finder > li[c-active="1"] > label {
    color: var(--uu-group, #1ab394);
    font-weight: 600;
}
/*finderAjax 多选框*/
.uu-finder-ajax .select2-selection {
    min-height: 27px !important;
    height: 27px !important;
    overflow: hidden;
}

.uu-finder-ajax .select2-search--inline {
    flex: none;
    height: 1px !important;
    width: 3px;
}

.uu-finder-ajax .select2-container .select2-search--inline .select2-search__field {
    height: 1px;
    min-width: 3px !important;
    margin-top: 0;
}

.uu-finder-ajax .select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0;
}
.uu-finder-ajax .select2-container .select2-selection--multiple .select2-selection__choice {
    margin-top: 1px;
}
/*date控件专用*/
.js-popover-finder .uu-finder > li[show-type=date] {
    width: 520px;
    -webkit-appearance: none;
}

    .js-popover-finder .uu-finder > li[show-type=date] > input {
        width: 207px;
    }

.uu-finder > li[show-type=date] > input.js-max {
    margin-left: 11px;
    padding-left: 5px;
}

li[show-type=date] .engine-select {
    right: 391px;
}

li[show-type=date] .sel-menu {
    right: 405px;
}
/*number专用*/
.uu-finder > li[show-type=number] > input.js-min {
    width: 94px;
}

.uu-finder > li[show-type=number] > input.js-max {
    width: 67px;
    padding-left: 5px;
}
/*修改原生input*/
body input[type=date],
body input[type=datetime],
body input[type=datetime-local] {
    height: 27px;
}

    body input[type=date]::-webkit-inner-spin-button,
    body input[type=datetime]::-webkit-inner-spin-button,
    body input[type=datetime-local]::-webkit-inner-spin-button,
    body input[type=number]::-webkit-inner-spin-button {
        display: none;
    }

    body input[type=date]::-webkit-datetime-edit-text {
        color: var(--uu-d);
        padding: 1px;
    }

body input[type=search]::-webkit-search-cancel-button {
    margin-right: 5px;
    cursor: pointer;
}
/*engine选择菜单*/
.engine-select {
    position: absolute;
    top: 4px;
    right: 141px;
    width: 25px;
    height: 25px;
    color: var(--uu-b);
    font-size: 14px;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    line-height: 26px;
    border-right: 1px solid var(--uu-border);
    background-color: var(--uu-f9);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    z-index: 1;
}
/* engineType */
li[engine-type='like'] > .engine-select:after {
    content: "\f069";
}

li[engine-type='unlike'] > .engine-select:after {
    content: "\f06a";
}

li[engine-type='empty'] > .engine-select:after {
    content: "\f096";
    font-weight: 600;
}

li[engine-type='begin'] > .engine-select:after {
    content: "\f08b";
}

li[engine-type='end'] > .engine-select:after {
    content: "\f090";
}

li[engine-type='num_range'] > .engine-select:after {
    content: "\f07e";
}

li[engine-type='date_range'] > .engine-select:after {
    content: "\f073";
}

/* engineType选择empty，number时like,begin,end的特殊设定  */
ul.uu-finder > li[engine-type='like'][show-type='number'] > input:nth-of-type(2),
ul.uu-finder > li[engine-type='begin'][show-type='number'] > input:nth-of-type(2),
ul.uu-finder > li[engine-type='end'][show-type='number'] > input:nth-of-type(2),
ul.uu-finder > li[engine-type='empty'] > input {
    color: var(--uu-b);
    background-color: var(--uu-e9);
}

li[c-active="1"] > .engine-select:after {
    color: var(--uu-group, #1ab394);
}

.sel-menu {
    position: absolute;
    top: 29px;
    right: 127px;
    width: 24px;
    height: auto;
    color: var(--uu-9);
    font-size: 14px;
    background-color: var(--uu-f);
    box-shadow: 0 1px 4px var(--uu-a6);
    z-index: 5;
}

    .sel-menu > a {
        display: block;
        text-align: center;
    }

        .sel-menu > a:hover {
            background-color: var(--uu-primary);
            color: #fff;
        }

    .sel-menu.sel-menu-top {
        bottom: 31px;
        top: auto;
    }
/*--------------------------订单popover触发器专用样式（upload-view.html）*/
.vv-row-info {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    counter-reset: fieldItem;
}

ul.vv-row-info > li {
    flex: none;
    width: 255px;
    margin: 2px 5px;
    padding: 1px;
    font-weight: 600;
    color: var(--uu-3);
    border-bottom: 1px solid transparent;
    overflow: auto;
    white-space: nowrap;
}

    ul.vv-row-info > li::-webkit-scrollbar {
        display: none;
    }

    ul.vv-row-info > li > span {
        display: inline-block;
        min-width: 110px;
        font-weight: normal;
        color: var(--uu-7);
    }

        ul.vv-row-info > li > span:before {
            content: counter(fieldItem);
            counter-increment: fieldItem;
            display: inline-block;
            min-width: 22px;
            padding: 0 3px;
            margin-right: 2px;
            border-radius: 2px;
            text-align: center;
            color: #fff;
            background-color: var(--uu-group);
            opacity: .9;
        }

    ul.vv-row-info > li:hover {
        border-bottom-color: var(--uu-primary);
        color: var(--uu-primary);
    }

        ul.vv-row-info > li:hover > span {
            color: var(--uu-primary);
        }

.vv-group {
    display: block;
    position: relative;
    margin: 0 0 5px 0;
    padding: 3px 39px 3px 10px;
    font-size: 18px;
    color: var(--uu-group);
    border: 1px solid #d7d7d7;
    border-top: 1px solid var(--uu-group);
    background-color: var(--uu-f2);
    overflow: hidden;
    cursor: pointer;
    clear: both;
}
.uu-class-collapse-icon {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    height: 46px;
    line-height: 46px;
}
.uu-class-collapse-icon:hover {
    background-color: var(--uu-primary-a1);
}
.uu-class-collapse-icon-tiny {
    height: inherit;
    line-height: inherit;
}
/*.............折叠样式.............*/
.vv-group.uu-class-collapse:after,
.uu-class-collapse-icon:after {
    content: "";
    position: absolute;
    display: block;
    right: 17px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    color: inherit;
    background: transparent;
    border-width: 2px 2px 0 0;
    border-style: solid;
    opacity: 0.5;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
    /*.............展开样式.............*/
    .vv-group.collapse-ex:after,
    .uu-class-collapse-icon.collapse-ex:after {
        margin-top: -6px;
        border-color: var(--uu-f50);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
/*.............展开样式0，图标.............*/
.uu-class-collapse-icon0:after {
    content: "\f138";
    display: inline-block;
    margin-left: 3px;
    font: normal normal normal 14px / 1 FontAwesome;
}
.uu-class-collapse-icon0.collapse-ex:after {
    content: "\f13a";
}
/*------------------------------订单表格td触发器专用样式 （table-view.html）*/
.table .uu-status {
    display: inline-block;
}

    .table .uu-status > a.btn {
        padding: 2px 5px;
        color: #fff;
        font-size: 13px;
        line-height: 13px;
        box-shadow: none;
    }

        .table .uu-status > a.btn:hover {
            color: #fff;
        }

        .table .uu-status > a.btn.btn-outline-secondary {
            color: var(--uu-a);
            border-color: var(--uu-b);
        }

            .table .uu-status > a.btn.btn-outline-secondary:hover,
            .table .uu-status > a.btn.btn-outline-secondary:focus {
                color: #fff;
                background-color: var(--uu-b);
            }

.table .selected .uu-status > a.btn.btn-outline-secondary {
    color: var(--uu-a);
    background-color: var(--uu-f);
}

    .table .selected .uu-status > a.btn.btn-outline-secondary:hover {
        color: var(--uu-6) !important;
    }

@-webkit-keyframes pulse-info {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.pulse-info {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 60;
    animation-iteration-count: 60;
    -webkit-animation-name: pulse-info;
    animation-name: pulse-info;
}
@keyframes pulse-info {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


.pulse-icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-big;
    animation-name: pulse-big;
}

@keyframes pulse-big {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse-max {
    0% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    20% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
}
@keyframes pulse-bg {
    0% {
        background-color: #f83;
    }

    20% {
        background-color: #d00;
    }

    100% {
        background-color: #f83;
    }
}


/*----------------------------uu-c-btn-bar collapse，需配合js---------------------------*/
.uu-c-btn-bar {
    display: block;
    position: relative;
    margin: 0; /*使点击时状态填满全部按钮*/
    padding: 7px 39px 6px 10px;
    font-size: 18px;
    color: var(--uu-group);
    border-top: 1px solid var(--uu-group);
    /*border-top: 1px solid var(--uu-group);
    border-bottom: 1px solid var(--uu-d5);
    background-color: var(--uu-f2);*/
    overflow: hidden; /*关键属性，始终包含浮动的元素*/
    cursor: pointer;
}

    .uu-c-btn-bar:hover {
        background-color: var(--uu-e);
    }

    /*.............箭头.............*/
    .uu-c-btn-bar:after {
        content: "";
        position: absolute;
        display: block;
        right: 17px;
        top: 50%;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        color: inherit;
        background: transparent;
        border-width: 2px 2px 0 0;
        border-style: solid;
        opacity: 0.5;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*.............向下箭头.............*/
    .uu-c-btn-bar.uu-c-arrow-down:after {
        margin-top: -8px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    /*.............折叠样式.............*/
    .uu-c-btn-bar.uu-c-collapse:after {
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*.............展开样式.............*/
    .uu-c-btn-bar.uu-c-collapse-ex:after {
        margin-top: -4px;
        border-color: var(--uu-f50);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

.uu-class-collapse {
    cursor: pointer;
}
/*-----------------------------------check & radio 模拟 check & radio(无label)-------------------------*/

.uu-ios-checkbox[type="checkbox"],
.uu-ios-checkbox[type="radio"] {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 24px;
    border: 1px solid var(--uu-checkbox-bg);
    background-color: var(--uu-checkbox-bg);
    box-shadow: var(--uu-checkbox-bg) 0 0 0 0 inset;
    border-radius: 15px;
    background-clip: content-box; /*设置背景的绘制区域*/
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    outline: none;
    -webkit-appearance: none; /*核心样式，即不显示原生控件样式*/
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.5s;
}

    .uu-ios-checkbox[type="checkbox"]:before,
    .uu-ios-checkbox[type="radio"]:before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1px;
        left: 1px;
        border-radius: 15px;
        background-color: var(--uu-f);
        box-shadow: 0 0 4px var(--uu-a4);
        transition: left 0.2s;
    }
.uu-ios-checkbox.uu-dark[type="checkbox"],
.uu-ios-checkbox.uu-dark[type="radio"] {
    border: 1px solid #556A7E;
    background-color: #556A7E;
    box-shadow: #556A7E 0 0 0 0 inset;
}
    .uu-ios-checkbox.uu-dark[type="checkbox"]:before,
    .uu-ios-checkbox.uu-dark[type="radio"]:before {
        background-color: #344759;
        box-shadow: 0 0 4px rgba(215,237,252,.4);
    }
    .uu-ios-checkbox[type="checkbox"]:checked,
    .uu-ios-checkbox[type="radio"]:checked {
        border-color: var(--uu-primary);
        background-color: var(--uu-primary);
        box-shadow: var(--uu-primary) 0 0 0 16px inset;
        transition: border ease 0.4s, box-shadow ease 0.5s, background-color ease 0.8s; /*由于box-shadow 4->16px，会产生中心收缩的效果*/
    }

        .uu-ios-checkbox[type="checkbox"]:checked:before,
        .uu-ios-checkbox[type="radio"]:checked:before {
            left: 19px;
        }

.uu-ios-checkbox-label {
    margin-left: 10px;
    cursor: pointer;
    user-select: none;
}
/*-------------------------------全局原生组件----------------------------*/
input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    margin: 0 3px;
    border: 1px solid var(--uu-primary);
    background-color: var(--uu-f);
    border-radius: 3px;
    background-clip: content-box; /*设置背景的绘制区域*/
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    outline: none;
    -webkit-appearance: none; /*核心样式，即不显示原生控件样式*/
    transition: background-color ease-in 0.15s;
}

input[type="radio"] {
    border-radius: 15px;
}

    input[type="checkbox"]:before,
    input[type="radio"]:before {
        width: 20px;
        height: 20px;
        line-height: 20px;
        position: absolute;
        top: -1px;
        left: 0px;
        font-size: 16px;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'FontAwesome';
        text-align: center;
    }

    input[type="checkbox"]:checked,
    input[type="radio"]:checked {
        background-color: var(--uu-primary);
    }

        input[type="checkbox"]:checked:before,
        input[type="radio"]:checked:before {
            content: '\f00c';
        }

    input[type="checkbox"]:disabled,
    input[type="radio"]:disabled {
        border-color: var(--uu-b);
        background-color: var(--uu-e3);
    }
    input[type="radio"].uu-check-tiny {
        width: 16px;
        height: 16px;
    }
        input[type="radio"].uu-check-tiny:before {
            width: 16px;
            height: 16px;
            line-height: 16px;
            top: -1px;
            left: -1px;
            font-size: 14px;
        }
/*-------------------------------已废弃uu-c-checkbox，仅为兼容早期代码----------------------------*/
body .uu-page .uu-c-disable {
    background-color: var(--uu-d);
    border: 1px solid var(--uu-b);
    cursor: not-allowed;
}
/*checkbox和radio*/
body .uu-page .uu-c-checkbox.uu-c-disable,
body .uu-page .uu-c-radio.uu-c-disable {
    background-color: inherit;
    border-width: 0;
}

body .uu-page .uu-c-disable:before,
body .uu-page .uu-c-disable:after {
    color: var(--uu-d);
    background-color: var(--uu-d);
    border: 1px solid var(--uu-b);
    cursor: not-allowed;
}

body .uu-page .uu-c-disable.uu-c-checked:before,
body .uu-page .uu-c-disable.uu-c-checked:after {
    color: #fff;
}

.uu-c-checkbox,
.uu-c-radio {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 1px;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
}

    .uu-c-checkbox:before,
    .uu-c-radio:before,
    .uu-c-checkbox:after,
    .uu-c-radio:after {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 15px;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'FontAwesome';
        text-align: center;
        line-height: 24px;
        border: 1px solid var(--uu-f50);
        background-color: var(--uu-f);
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    /*radio的唯一区别属性*/
    .uu-c-radio:before,
    .uu-c-radio:after {
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
    /*选择框出现左边*/
    .uu-c-checkbox:before,
    .uu-c-radio:before {
        content: "\f00c";
    }
/*选择框出现右边*/
.uu-c-right {
}

.uu-c-checkbox.uu-c-right:before,
.uu-c-checkbox.uu-c-right:before {
    content: none;
}

.uu-c-checkbox.uu-c-right:after,
.uu-c-checkbox.uu-c-right:after {
    content: "\f00c";
}
/*曾经选中的提示状态*/
.uu-c-checked-used:before,
.uu-c-checked-used:after {
    background-color: #ffccb2;
}
/*选中状态*/
.uu-c-checked:before,
.uu-c-checked:after {
    background-color: var(--uu-f50);
}
/*当checkbox在<i>之后自动隐藏，有顺序的原因是为了使用+选择器*/
.uu-c-checkbox + input[type='checkbox'],
.uu-c-checkbox + input[type='radio'] {
    display: none;
}

/*=====================================================================================
                           Table custom
======================================================================================*/
/*固定表格底部工具*/
.uu-bottom-tool {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    right: 0;
    left: 210px;
    bottom: 0;
    height: 42px;
    padding: 4px 10px 0 0;
    background-color: var(--uu-table-content);
    border-radius: 6px;
    z-index: 10;
}

.main-nav-min .uu-bottom-tool {
    left: 80px;
}
.um-frame .um-frame-body .uu-bottom-tool {
    left: 10px;
}
.um-frame .um-frame-body .uu-table-scroll{
    height: calc(90vh - 158px);/*page中为calc(100vh - 218px)*/
}

.uu-btn-size {
    float: left;
    margin-right: 10px;
}
.uu-btn-size .btn-white{
    white-space: nowrap;
}
/*左边直角，用于实现非btn-group的按钮组*/
.uu-btn-rect-left {
    margin-left: -3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.uu-btn-round-100 {
    width: calc(100% - 3px) !important;
}
.part-10 {
    flex: 0 0 99.999999%;
}
.part-0 {
    flex: 0 0 0%;
}
.part-9 {
    flex: 0 0 89.999999%;
    max-width: 89.999999%;
}
.part-8 {
    flex: 0 0 79.999999%;
    max-width: 79.999999%;
}

.part-7 {
    flex: 0 0 69.999999%;
    max-width: 69.999999%;
}

.part-6 {
    flex: 0 0 59.999999%;
    max-width: 59.999999%;
}

.part-5 {
    flex: 0 0 49.999999%;
    max-width: 49.999999%;
}

.part-4 {
    flex: 0 0 39.9999999%;
    max-width: 39.9999999%;
}

.part-3 {
    flex: 0 0 29.999999%;
    max-width: 29.999999%;
}

.part-2 {
    flex: 0 0 19.999999%;
    max-width: 19.999999%;
}

.part-1 {
    flex: 0 0 9.999999%;
    max-width: 9.999999%;
}

.part-umexcel-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px 0 0;
}

div.dataTables_wrapper .part-umexcel-info div.dataTables_info {
    padding-top: 0;
}
.header-space {
    height: 41px;
}

.footer-space {
    height: 38px;/*41px*/
}


/*   load 动画 2020.3.25   */
@-webkit-keyframes turnCircle {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(7200deg);
    }
}

@keyframes turnCircle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(7200deg);
    }
}
.uu-text-loading{
    display: inline-block;
    position: relative;
    min-height: 1em;
}
div .dataTables_processing:before,
.uu-uwpop-loading span:before,
.uu-box-loading span:before,
.uu-alert-loading > b:before,
.uu-text-loading:before,
.drawer-loading:before,
.dlg-editor-loading:before{
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -60px;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    border-top: 0.15em solid var(--uu-primary-a2); /*1-2-5*/
    border-right: 0.15em solid var(--uu-primary-a2);
    border-bottom: 0.15em solid var(--uu-primary-a2);
    border-left: 0.15em solid var(--uu-primary);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: turnCircle 10s infinite;
    animation: turnCircle 10s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.uu-text-loading:before {
    display: inline-block;
    position: static;
    margin: 0 5px;
}
.dlg-editor-loading:before {
    margin-left: -0.5em;
}
.uu-alert-loading-close {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 26px;
    height: 26px;
    color: var(--uu-wwa4);
    cursor: pointer;
}

    .uu-alert-loading-close:hover {
        color: var(--uu-ww);
    }
.uu-alert-loading-white .uu-alert-loading-close {
    color: var(--uu-ba3);
}
    .uu-alert-loading-white .uu-alert-loading-close:hover {
        color: var(--uu-ba6);
    }
.uu-alert-loading-close:before {
    content: "\00d7";
    font-family: Verdana, sans-serif, 'Courier New';
    color: inherit;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.uu-alert-loading > b:before {
    left: 20px;
    margin-left: 0;
}

.uu-uwpop-loading,
.uu-box-loading {
    position: absolute;
    width: 600px;
    height: 300px;
    line-height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -150px;
    text-align: center;
    background-color: var(--uu-wa7);
    border-radius: 3px;
    z-index: 5;
}

.uu-box-loading {
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    line-height: 200px;
    z-index: initial;
}

.uu-alert-loading,
.uu-toast {
    position: fixed;
    top: 50vh;
    left: calc(50% - 300px);
    width: 600px;
    padding: 30px 40px 30px 50px;
    font-size: 17px;
    border-radius: 5px;
    color: var(--uu-wwa8);
    background-color: var(--uu-popover-dark);
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    z-index: 5060;
}
.uu-toast {
    top: 70px;
    left: calc(50% - 180px);
    width: 360px;
    padding: 10px;
    overflow: visible;
}
.uu-toast-center {
    top: 50vh;
    width: 300px;
    padding: 10px;
}
.uu-toast-foot {
    top: auto;
    left: auto;
    right: 87px;
    bottom: 50px;
    width: 300px;
    padding: 10px;
}
.uu-toast-head {
    left: auto;
    right: 86px;
    width: 300px;
    padding: 10px;
}
.uu-toast-editor {
    top: 10px;
    left: auto;
    right: 835px;
    width: auto;
    max-width: 200px;
    padding: 5px 10px;
    font-size: 14px;
}
.uu-toast-left {
    min-width: 100px;
    width: auto;
    padding: 10px 30px;
    text-align: left;
}
.uu-toast-sm {
    width: auto;
    min-width: 150px;
    max-width: 350px;
    font-size: 14px;
}
.uu-toast-tiny {
    width: auto;
    min-width: 120px;
    max-width: 350px;
    font-size: 13px;
    padding: 6px;
}
.uu-alert-loading-sm{
    top: calc(47vh - 40px);
    left: calc(50vw - 150px);
    width: 300px;
    font-size: 14px;
}
.uu-alert-loading-white,
.uu-toast-white {
    color: var(--uu-text);
    background-color: var(--uu-f);
    box-shadow: 0px 0px 5px var(--uu-ba4);
}
.uu-alert-loading-bar {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 0%;
    height: 3px;
    background-color: var(--uu-info);
    box-shadow: 0 -1px 4px var(--uu-info-a7);
    transition: all .3s ease-in-out;
    overflow: hidden;
    z-index: 1;
}
.win-body-max .uu-uwpop-loading {
    width: 1075px;
    height: 445px;
    line-height: 445px;
    margin-top: -221px;
    margin-left: -445px;
}
.uu-alert-loading-simu-short {
    transition: all 5s ease-out;
}
.uu-alert-loading-simu-long {
    transition: all 20s ease-out;
}
/* -------------------------app popDlg--------------------------- */
.uu-app-pop {
    position: fixed;
    bottom: 0;
    left: 25vw;
    right: 25vw;
    width: 50vw;
    height: 60vh;
    padding: 28px 0 0 0;
    margin: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: var(--uu-f);
    box-shadow: 0 -1px 16px 0px var(--uu-ba3);
    z-index: 3010;
}
.uu-app-pop-sm { height: 30vh; }
.uu-app-pop-lg { height: 70vh; }
.uu-app-pop-body {
    height: 100%;
    padding: 10px 20px 20px 20px;
    overflow: auto scroll;
}
.uu-app-pop-close {
    top: 7px;
    right: 7px;
}
@media (max-width: 860px) {
    .uu-app-pop {
        left: 0;
        right: 0;
        width: 100vw;
    }
}
/* -------------------------TABLES--------------------------- */
.table {
    color: var(--uu-text);
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

td.nowrap {
    white-space: nowrap;
}
.nowrap {
    white-space: nowrap;
}
.table hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid rgba(0,0,0,.05);
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: var(--uu-f5);
    border-bottom-width: 1px;
    white-space: nowrap;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid var(--uu-border);
}

.table > thead > tr > th {
    border-bottom: 1px solid var(--uu-d);
    vertical-align: bottom;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid var(--uu-border);
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
/*只有表格横线*/
.table-bordered.dataTable th,
.table-bordered.dataTable td {
    border-right-width: 0px;
}
/*table*/
.table-fullwidth-box {
    margin: 0 -15px;
}

.table.table-bordered {
    border: 1px solid var(--uu-th-bdr);
    background-color: var(--uu-table-bg);
    /*border-bottom-width:0;*/
    margin: 0;
    /*content-visibility: auto;不能使用，否则在td中无法显示对话框*/
}
.p-b-6{padding-bottom: 6px;}
table.dataTable.table-bordered > thead > tr > th,
table.dataTable.table-bordered tr > th {
    background-color: var(--uu-th);
    border-color: var(--uu-th-bdr);
    white-space: nowrap;
}

    table.dataTable.table-bordered > thead > tr > th:hover,
    table.dataTable.table-bordered tr > th:hover {
        color: var(--uu-primary);
    }
/*table.table tr:nth-of-type(even)*/
table.table tr {
    /*transition: background-color 0.2s;*/
}
/*row颜色和热动作*/
    table.table tr.even,
    table.table tr:nth-child(even) {
        background-color: var(--uu-tr-even);
    }
    table.table tr.odd {
        background-color: var(--uu-f);
    }

table.table > tbody > tr:hover {
    background-color: var(--uu-primary-a2);
}
.table-hover tbody tr:hover {
    color: var(--uu-text);
}
table.table > tbody > tr.selected:hover {
    background-color: var(--uu-primary-a7);
}

table.table > tbody > tr.child {
    background-color: var(--uu-f5);
}

    table.table > tbody > tr.child:hover {
        background: var(--uu-f5);
    }
.table.table-min > thead > tr > th,
.table.table-min > tbody > tr > td{
    font-size: 12px;
    padding: 5px 3px;
}
/*col颜色*/
td.col-even {
    background-color: var(--uu-warning-a1)!important;
}
td.col-primary {
    background-color: var(--uu-primary-a1) !important;
}
td.col-success {
    background-color: var(--uu-success-a1) !important;
}
td.col-info {
    background-color: var(--uu-info-a1) !important;
}
td.col-warning {
    background-color: var(--uu-warning-a1) !important;
}
td.col-danger {
    background-color: var(--uu-danger-a1) !important;
}
td.col-purple {
    background-color: var(--uu-purple-a05) !important;
}
td.col-gray {
    background-color: var(--uu-table-disable) !important;
}
td.col-muted {
    color: var(--uu-b) !important;
    background-color: var(--uu-td-muted) !important;
}
    td.col-muted span {
        color: var(--uu-b) !important;
    }
tr.selected td.col-muted {
    color: var(--uu-9) !important;
    background-color: var(--uu-td-muted2) !important;
}

    tr.selected td.col-muted span {
        color: var(--uu-9) !important;
    }
.umexcel td.col-gray {
    background-color: var(--uu-table-disable) !important;
}
.umexcel .td-result {
    color: var(--uu-warning) !important;
    font-style: italic;
    background-color: var(--uu-table-disable) !important;
}
.umexcel .td-uneditable {
    font-style: italic;
    background-color: var(--uu-td-muted) !important;
}
.umexcel .td-uneditable .label {
    opacity: 0.7;
}

/*表中表，用于订单*/
table.table td.uu-td-inner {
    position: relative;
    border-right: 1px solid var(--uu-border);
    vertical-align: middle;
}
table.table td.uu-td-inner-top {
    position: relative;
    border-right: 1px solid var(--uu-border);
    vertical-align: top;
}
ul.uu-inner-grid {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    bottom: 0;
    counter-reset: no;
}
.uu-td-inner-top ul.uu-inner-grid > li {
    align-items: flex-start;
}
ul.uu-inner-grid > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    min-height: 49px;
    border-bottom: 1px solid var(--uu-border);
    /*content-visibility: auto; chrome85+可提高数倍性能，未验证。实测会出现动态渲染延迟，且会导致阴影被切边的情况，反而更慢*/
}
ul.uu-inner-grid-min > li {
    min-height: 26px;
}
        ul.uu-inner-grid > li:last-child {
            border-bottom: none;
        }
        ul.uu-inner-grid > li > div {
            flex: 1;
            position: relative;
            padding: 0 5px;
        }
            ul.uu-inner-grid > li > div.order-img {
                flex: none;
                width: 50px;
            }
            ul.uu-inner-grid > li > div.order-sku {
                flex: 5;
                padding: 0;
            }
            ul.uu-inner-grid > li > div.order-price {
                flex: 1.2;
            }
            ul.uu-inner-grid > li > div.order-auto {
                flex: none;
            }
.drawer-body ul.uu-inner-grid > li:hover {
    background-color: var(--uu-primary-a1);
}
.drawer-body ul.uu-inner-grid > li:before {
    content: counter(no);
    counter-increment: no;
    display: inline-block;
    min-width: 27px;/*3位数*/
    padding: 0 2px;
    margin: 0 5px;
    border-radius: 3px;
    text-align: center;
    color: var(--uu-f);
    background-color: var(--uu-ba2);
}
[info-sku-salesmenu] ul.uu-inner-grid > li:before {
    content: none;
}
.dtr-details ul.uu-inner-grid > li {
    align-items: flex-start;
}
.uu-inner-grid .product-border {
    border-bottom: 1px solid var(--uu-border);
    margin: 5px 0 0 0;
}

.uu-inner-grid .share-long {
    flex: 5
}

.uu-inner-grid .product-border:last-child {
    border-bottom: none;
}

.product-border span {
    display: inline-block;
}

.product-border .rule-name {
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.order-collapse {
    position: absolute;
    bottom: 0px;
    left: 40%;
    margin: 0;
    padding: 0 30px 0 20px;
    font-size: 12px;
    line-height: 16px;
    color: var(--uu-primary);
    background-color: var(--uu-border);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}
    .order-collapse:hover {
        color: var(--uu-primary-h);
    }
.dtr-details .order-collapse {
    visibility: hidden;
}
.collapse-ex.order-collapse {
    color: var(--uu-warning);
}
    .collapse-ex.order-collapse > .fa-angle-double-down:before {
        content: "\f102";
    }
    ul.uu-li-hover > li:hover{
        background-color: var(--uu-primary-a2);
    }
/* DATATABLES table*/
.dataTable tbody > tr.selected, .dataTable tbody > tr > .selected {
    background-color: var(--uu-primary);
}

.dataTable tbody tr.selected a,
.dataTable tbody th.selected a,
.dataTable tbody td.selected a,
.dataTable tbody tr.selected span.uu-row-info {
    color: #fff;
}

.dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:after {
    color: var(--uu-primary);
}

table.dataTable .sorting_1, table.dataTable .sorting_2, table.dataTable .sorting_3 {
    background-color: var(--uu-primary-a1);
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 11px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-shadow: none;
    line-height: 1;
    white-space: nowrap;
}

div.dataTables_info .page-info {
    margin: 0;
    padding: 0;
    color: var(--uu-2);
    background-color: transparent;
}

div.dataTables_info .filter-info,
div.dataTables_info span.select-info {
    margin: 0 5px;
    padding: 2px 6px;
    color: #fff;
    background-color: var(--uu-warning);
    border-radius: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-bg;
    animation-name: pulse-bg;
}

div.dataTables_info span.select-info {
    background-color: var(--uu-primary);
    -webkit-animation-name: none;
    animation-name: none;
}
div.dataTables_info span.select-info>.select-item:first-child {
    cursor: pointer;
}
.dataTable thead > tr > th.sorting_asc, .dataTable thead > tr > th.sorting_desc, .dataTable thead > tr > th.sorting, .dataTable thead > tr > td.sorting_asc, .dataTable thead > tr > td.sorting_desc, .dataTable thead > tr > td.sorting {
    padding-right: 35px;
}

.dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:before, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:before, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:before, .dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    display: block;
    right: 5px;
    bottom: 15px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0.25;
}

.dataTable thead .sorting:before, .dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:before, .dataTable thead .sorting_asc_disabled:before, .dataTable thead .sorting_desc_disabled:before {
    bottom: 15px;
    content: "\f0d8";
}

.dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after {
    bottom: 7px;
    content: "\f0d7";
}

.dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:after {
    color: var(--uu-primary);
    opacity: 1;
}

.dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:before {
    opacity: 0;
}
/* DATATABLES child row toggle*/
.dataTable.dtr-inline.collapsed > thead > tr[role="row"] > td:first-child:before,
.dataTable.dtr-inline.collapsed > thead > tr[role="row"] > th:first-child:before {
    content: "\f107";
    position: absolute;
    top: 8px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    font: normal normal normal 14px / 14px FontAwesome;
    color: var(--uu-wwa9);
    border: 2px solid var(--uu-wwa9);
    border-radius: 14px;
    text-align: center;
    text-indent: 0 !important;
    background-color: var(--uu-primary);
    cursor: pointer;
    box-shadow: 0 0 3px var(--uu-4);
    box-sizing: content-box;
}

.col-sm-12 > .dataTable.dtr-inline.collapsed > thead > tr > th.js-showrows[aria-label='#']:first-child:before,
.dataTables_scrollHeadInner > .dataTable > thead > tr[role="row"] > th.js-showrows[aria-label='#']:first-child:before {
    content: "\f106";
    font: normal normal normal 14px / 13px FontAwesome;
    background-color: var(--uu-red-b);
}
.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, .dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    content: "\f107";
    font: normal normal normal 14px / 14px FontAwesome;
    background-color: var(--uu-primary);
}
.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "\f106";
    font: normal normal normal 14px / 13px FontAwesome;
    background-color: var(--uu-red-b);
}
/*---------- 2021-05-10 dataTable固定表头框架 ----------*/
/*umTable 100%向下传递关键类：spa-view(100% - 60px) -> ibox-cnt-fullheight(100% - 60px) -> uu-table-scroll-row(100% - 44px)*/
.uu-table-scroll-row {
    position: relative;
    height: calc(100% - 82px); /*兼容性代码，当100vh无效时，且uu-table-scroll=100% 起作用*/
}
    /*解决th为sticky后，会有1px缕空的问题，伪类生成一条线*/
    .uu-table-scroll-row:before,
    .uu-table-scroll-row:after {
        content: "";
        position: absolute;
        top: 36px;
        width: calc(100% - 6px);
        height: 0px;
        border-bottom: 1px solid var(--uu-dark-bdr);
        z-index: 3;
    }
    .uu-table-scroll-row:after {
        top: auto;
        bottom: 6px; /*6px挡住表脚下边缘，42px挡住表脚上边缘*/
    }

.uu-table-scroll-multi-row:before { top: 34px; }
.uu-table-scroll-multi-row:after { bottom: 2px; }
.uu-table-scroll-aux-row:before { top: 34px; }
.uu-table-scroll-aux-row:after { bottom: 6px; }
.uu-table-scroll {
    height: calc(100vh - 218px);
    overflow: scroll; /*使用sticky,父元素不能overflow:hidden或者overflow:auto属性*/
    outline: none;
    /*-webkit-overflow-scrolling: touch;*/
}
    .uu-table-scroll .table.dataTable thead th {
        position: sticky;
        top: 0;
        /*当sticky时th的border，会导致滚动时border也会被滚动，用z-index+outline解决。chrome91前box-shadow也可以实现outline效果*/
        outline: 0.5px solid var(--uu-th-bdr);
        /*box-shadow: 0 0 0 0.5px var(--uu-th-bdr);*/
        z-index: 2;
    }
    .uu-table-scroll .table.dataTable tfoot th {
        position: sticky; /*注意ios只会作用头，不会作用脚，脚只能使用fixed解决*/
        bottom: 1px;
        outline: 0.5px solid var(--uu-th-bdr); 
        /*box-shadow: 0 0 0 0.5px var(--uu-th-bdr);*/
        z-index: 1;
    }
    .uu-table-scroll .table.dataTable thead th.col-fixed {
        z-index: 3;
    }

    .uu-table-scroll .table.dataTable tfoot th.col-fixed {
        z-index: 2;
    }
.table-bordered.dataTable tbody th, .table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
}
.dataTable.dtr-inline.collapsed > thead > tr[role="row"] > th:first-child {
    position: sticky;
}
.is-ios .uu-table-scroll {
    height: calc(100vh - 293px); /*对于移动端存在100vh包含状态栏的bug通过isIOS多减75px解决。若使用100%向下传递布局复杂，但已使用兼容100%尽可能降低影响*/
}

td.col-fixed {
    background-color: var(--uu-th) !important;
}

td.col-fixed {
    background-color: var(--uu-th) !important;
}

.dataTable tbody > tr.selected > td.col-fixed {
    background-color: var(--uu-primary-h) !important;
}
/*umDrawer > umTableAux*/
.umaux {

}
.uu-drawer .uu-table-scroll {
    height: calc(100vh - 155px);
}
/*umExcel umTableSel*/
.uu-excel-scroll-row{
    margin-right: 0;
    position: relative;
}
    /*解决th为sticky后，会有1px缕空的问题，伪类生成一条线*/
    .uu-excel-scroll-row:before {
        content: "";
        position: absolute;
        top: 36px;
        width: calc(100% - 6px);
        height: 0px;
        border-bottom: 1px solid var(--uu-dark-bdr);
        z-index: 3;
    }
    /*.uu-excel-scroll-row:after {
        content: "";
        position: absolute;
        bottom: 6px;
        width: calc(100% - 6px);
        height: 0px;
        border-bottom: 1px solid var(--uu-dark-bdr);
        z-index: 3;
    }*/
.uu-excel-scroll, .uu-excel-scroll-sm {
    height: calc(100vh - 303px);
    padding-right: 0.5px;
    overflow: scroll; /*使用sticky,父元素不能overflow:hidden或者overflow:auto属性*/
}
.uu-excel-scroll-sm {
    height: calc(100vh - 337px); /*397px*/
    padding-right: 0px;
}
    .uu-excel-scroll .table.dataTable thead th,
    .uu-excel-scroll-sm .table.dataTable thead th {
        position: sticky;
        top: 0;
        /*当sticky时th的border，会导致滚动时border也会被滚动，用z-index+outline解决。chrome91前box-shadow也可以实现outline效果*/
        outline: 0.5px solid var(--uu-th-bdr);
        z-index: 2;
    }
    .uu-excel-scroll .table.dataTable tfoot th,
    .uu-excel-scroll-sm .table.dataTable tfoot th {
        position: sticky;
        bottom: 1px;
        /*当sticky时th的border，会导致滚动时border也会被滚动，用z-index+outline解决。chrome91前box-shadow也可以实现outline效果*/
        outline: 0.5px solid var(--uu-th-bdr);
        /*box-shadow: 0 0 0 0.5px var(--uu-th-bdr); 由于umExcel有边框使用box-shadow解决，注意0.3的使用，否则会出加粗*/
        z-index: 1;
    }

/* DATATABLES inline row detail*/
.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
    padding: 0;
}

.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 20px 5px 20px 25px;
    padding: 0;
    counter-reset: fieldnum;
}

    .dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: 1px solid transparent;
        display: inline-block;
        /*float: left;*/
        width: 355px;
        margin: 1px 1px 2px 1px;
        padding: 0px 0px 2px 0px;
        line-height: 23px;
        overflow: hidden;
        white-space: nowrap;
    }

.dataTable > tbody > tr.child .dtr-details > li:hover {
    border-bottom-color: var(--uu-primary);
}

    .dataTable > tbody > tr.child .dtr-details > li:hover > span {
        /*color: var(--uu-primary);*/
    }

.dataTable > tbody > tr.child .dtr-title {
    display: inline-block;
    width: 125px; /*显示7字，显示6字为110*/
    font-size: 12px;
    font-weight: normal;
    color: var(--uu-7);
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dataTable > tbody > tr.child .dtr-title:before {
        content: counter(fieldnum);
        counter-increment: fieldnum;
        display: inline-block;
        min-width: 22px;
        padding: 0 3px;
        margin-right: 2px;
        border-radius: 2px;
        color: var(--uu-group);
        border: 1px solid var(--uu-group);
        text-align: center;
        opacity: .8;
    }

.dataTable > tbody > tr.child span.dtr-data {
    display: inline-block;
    width: 220px;
    min-height: 24px;
    font-size: 12px;
    font-weight: 600;
    color: var(--uu-3);
    overflow: auto;
    white-space: nowrap;
}
    .dataTable > tbody > tr.child span.dtr-data::-webkit-scrollbar {
        display: none;
    }
/* 二栏 2*355+5 */
.dataTable > tbody > tr.child ul.dtr-details > li.dtr-col2 {
    width: 712px;
}
    .dataTable > tbody > tr.child ul.dtr-details > li.dtr-col2 span.dtr-data {
        width: 575px;
    }


.uu-row-info {
    display: inline;
    padding: 1px 6px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    vertical-align: baseline;
    color: var(--uu-primary);
    border: 1px solid var(--uu-primary-light);
    background-color: var(--uu-primary-a1);
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s;
}
    .uu-row-info:hover {
        color: var(--uu-ww);
        border-color: var(--uu-primary);
        background-color: var(--uu-primary);
    }
    .uu-row-info.info-even {
        color: var(--uu-warning);
        border-color: var(--uu-warning-a7);
        background-color: var(--uu-warning-a1);
    }
        .uu-row-info.info-even:hover {
            color: var(--uu-ww);
            border-color: var(--uu-warning);
            background-color: var(--uu-warning);
        }

    .uu-row-info.info-success {
        color: var(--uu-success);
        border-color: var(--uu-success-a7);
        background-color: var(--uu-success-a1);
    }
        .uu-row-info.info-success:hover {
            color: var(--uu-ww);
            border-color: var(--uu-success);
            background-color: var(--uu-success);
        }

    .uu-row-info.info-warning {
        color: var(--uu-warning);
        border-color: var(--uu-warning-a7);
        background-color: var(--uu-warning-a1);
    }

        .uu-row-info.info-warning:hover {
            color: var(--uu-ww);
            border-color: var(--uu-warning);
            background-color: var(--uu-warning);
        }
    .uu-row-info.info-danger {
        color: var(--uu-danger);
        border-color: var(--uu-danger-a6);
        background-color: var(--uu-danger-a1);
    }

        .uu-row-info.info-danger:hover {
            color: var(--uu-ww);
            border-color: var(--uu-danger);
            background-color: var(--uu-danger);
        }
.uu-row-info.info-none {
    display: inline;
    padding: 1px;
    font-size: inherit;
    color: var(--uu-warning);
    border: none;
    background-color: transparent;
    cursor: pointer;
}
    .uu-row-info.info-none:hover {
        color: var(--uu-warning-h);
        background-color: transparent;
    }
table.table tr.uu-past-row {
    background-color: var(--uu-table-disable);
}
table.table tr.uu-cur-row {
    background-color: var(--uu-danger-a2);
}
table.table tr.uu-future-row {
    background-color: var(--uu-f);
}
table.table tr.uu-delta-row {
    background-color: var(--uu-danger-a2);
}

/*------------------ DATATABLES tools & button-------------------- */
div.dataTables_wrapper div.dataTables_processing {
    top: 63px;
    margin-top: 0px;
    background-color: var(--uu-f);
    box-shadow: 0px 0px 5px var(--uu-ba4);
    z-index: 2;
}

div.dataTables_wrapper {
    height: 100%;
    position: relative;
    padding: 0;
}

    div.dataTables_wrapper > .row:first-child {
        height: 44px;
        z-index: 1;
    }
    div.dataTables_wrapper > .row:first-child > .col-md-5:first-child {
        display:flex;
    }

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
    /*content-visibility: auto;*/
}
.dataTables_filter > label{
    margin-bottom: 0;
}
.dataTables_query {
    display: flex;
    align-items: flex-start;
    margin-left: 10px;
}
    .dataTables_query > .form-control {
        display: inline-block;
        max-width: 180px;
        height: 33px;
        border-right-color: var(--uu-f);
        color: var(--uu-primary);
        font-weight: 600;
    }
        .dataTables_query > .form-control:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            z-index: 10;
        }

        .dataTables_query > .form-control:last-child {
            border-right-color: var(--uu-d);
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        .dataTables_query > .form-control:focus {
            border-right-color: var(--uu-primary);
        }
div.dt-button-collection div.dropdown-menu {
    max-height: 250px;
    overflow: auto;
    display: block;
    z-index: 502;
    min-width: 100%;
}
div.dataTables_wrapper .btn.uu-btn-finder {
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.dataTables_wrapper .btn.js-ajaxFinder {
    color: var(--uu-primary);
}

    div.dataTables_wrapper .btn.uu-btn-finder.finding,
    div.dataTables_wrapper .btn.js-ajaxFinder.finding,
    .btn.finding{
        color: #fff;
        border-color: var(--uu-f63);
        background-color: var(--uu-f63);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: pulse-bg;
        animation-name: pulse-bg;
    }

        div.dataTables_wrapper .btn.uu-btn-finder.finding:hover,
        div.dataTables_wrapper .btn.js-ajaxFinder.finding:hover {
            color: #fff !important;
            background-color: #f96;
            animation-name: none;
        }

        div.dataTables_wrapper .btn.uu-btn-finder.finding i.fa,
        div.dataTables_wrapper .btn.js-ajaxFinder.finding i.fa {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-name: pulse-max;
            animation-name: pulse-max;
        }

div.dataTables_wrapper .dataTables_filter label {
    padding-left: 10px;
    color: var(--uu-a);
    border: 1px solid var(--uu-d);
    background-color: var(--uu-bg);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.dataTables_wrapper div.dataTables_filter label > input {
    display: inline-block;
    width: 225px;
    margin-left: 10px;
    color: var(--uu-danger);
    font-weight: 600;
    border: 1px solid var(--uu-f);
    border-left: 1px solid var(--uu-d);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
    div.dataTables_wrapper div.dataTables_filter label > input:focus {
        border-color: var(--uu-primary);
        box-shadow: 0 0 5px 0px var(--uu-primary-a8);
    }
.part-umexcel-btn > .uu-table-toolbar {
    margin: 5px 0;
}
/*fieldExcel专用*/
div.dataTables_wrapper .part-umexcel-btn .dataTables_filter label {
    margin-left: -2px;
}
div.dataTables_wrapper .part-umexcel-btn div.dataTables_filter label > input {
    width: 120px;
}
.uu-table-toolbar .btn {
    border: 1px solid var(--uu-d);
    background: var(--uu-f);
    color: var(--uu-primary);
    box-shadow: none;
    padding: 5px 8px;
    font-size: 14px;
    white-space: nowrap;
}

    .uu-table-toolbar .btn:hover,
    .uu-table-toolbar .btn:focus:active {
        background-color: var(--uu-primary-a1);
        border-color: var(--uu-primary-a8);
    }
.uu-table-toolbar .btn-secondary:not(:disabled):not(.disabled):focus:active {
    color: var(--uu-primary-h);
    box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
}
    .uu-table-toolbar .btn.btn-danger {
        /*color: var(--uu-danger);*/
    }

        .uu-table-toolbar .btn.btn-danger:hover,
        .uu-table-toolbar .btn.btn-danger:focus:active {
            /*background-color: var(--uu-danger-a1);*/
        }
/*打印按钮扩展*/
.uu-print-custom-tag{
    position: relative;
}
    .uu-print-custom-tag:before {
        content: "";
        position: absolute;
        top: 5px;
        right: -12px;
        width: 8px;
        height: 2px;
        font-size: 12px;
        text-align: center;
        background-color: var(--uu-warning);
        z-index: 1;
    }
.dropdown-toggle::after {
    vertical-align: middle;
}
/*增删改按钮*/
.btn.uu-btn-new,
.btn.uu-btn-sel,
.btn.uu-btn-sel2,
.btn.uu-btn-import,
.btn.uu-btn-new-fast,
.btn.uu-btn-edit,
.btn.uu-btn-del {
    color: #fff;
}

    body .uu-table-toolbar .btn.disabled,
    body .btn.uu-btn-new.disabled,
    body .btn.uu-btn-sel.disabled,
    body .btn.uu-btn-sel2.disabled,
    body .btn.uu-btn-import.disabled,
    body .btn.uu-btn-new-fast.disabled,
    body .btn.uu-btn-edit.disabled,
    body .btn.uu-btn-del.disabled {
        color: var(--uu-8) !important;
        background-color: var(--uu-f0) !important;
        border: 1px solid var(--uu-b) !important;
    }


.btn.uu-btn-new {
    border: 1px solid var(--uu-primary);
    background-color: var(--uu-primary);
}

.btn.uu-btn-sel {
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning);
}
.btn.uu-btn-sel2 {
    border: 1px solid var(--uu-purple);
    background-color: var(--uu-purple);
}
.btn.uu-btn-import,
.btn.uu-btn-new-fast{
    border: 1px solid var(--uu-primary-a8);
    background-color: var(--uu-primary-a8);
}

.btn.uu-btn-edit {
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning);
}

.btn.uu-btn-del {
    border: 1px solid var(--uu-danger);
    background-color: var(--uu-danger);
}

body .btn.uu-btn-new:hover {
    border: 1px solid var(--uu-primary-h);
    background-color: var(--uu-primary-h);
}

body .btn.uu-btn-sel:hover {
    border: 1px solid var(--uu-warning-h);
    background-color: var(--uu-warning-h);
}
body .btn.uu-btn-sel2:hover {
    border: 1px solid var(--uu-purple-h);
    background-color: var(--uu-purple-h);
}
body .btn.uu-btn-import:hover,
body .btn.uu-btn-new-fast:hover {
    border: 1px solid var(--uu-primary-h);
    background-color: var(--uu-primary-h);
}

body .btn.uu-btn-edit:hover {
    border: 1px solid var(--uu-warning-h);
    background-color: var(--uu-warning-h);
}

body .btn.uu-btn-del:hover {
    border: 1px solid var(--uu-danger-h);
    background-color: var(--uu-danger-h);
}
.uu-table-toolbar .uu-btn-sel:not(:disabled):not(.disabled):focus:active,
.uu-table-toolbar .uu-btn-edit:not(:disabled):not(.disabled):focus:active {
    color: var(--uu-warning-h);
    border-color: var(--uu-warning-a8);
    background-color: var(--uu-warning-a1);
    box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
}
.uu-table-toolbar .uu-btn-del:not(:disabled):not(.disabled):focus:active {
    color: var(--uu-danger-h);
    border-color: var(--uu-danger-a8);
    background-color: var(--uu-danger-a1);
    box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
}
div.dt-button-info {
    border: 1px solid #fff;
    box-shadow: 0px 2px 8px var(--uu-a4);
    border-radius: 6px;
    z-index: 100;
}

    div.dt-button-info h2 {
        font-size: 16px; /*24px*/
        background-color: var(--uu-f5);
    }

    div.dt-button-info > div {
        padding: 1em;
        font-size: 20px;
    }
.dataTables_length > label {
    margin: 2px 5px 0 0;
    font-size: 12px;
}
.uu-multi-bottom-tool .dataTables_length > label {
    margin-top: 0;
}
div.dataTables_wrapper div.dataTables_length select {
    height: 29px !important;
    padding: 1px 4px 2px 4px !important;
    border: 1px solid var(--uu-d);
    border-radius: 1px;
    font-size: 12px;
}
div.dataTables_wrapper div.dataTables_length select:focus {
    border: 1px solid var(--uu-primary);
}
table.fixedHeader-floating {
    position: fixed !important;
    background-color: var(--uu-f);
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0;
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: var(--uu-f);
}


div.dt-button-collection {
    margin-left: -40px;
}

/*=====================================================================================
                           Table mfiter
======================================================================================*/
.columnFilter {
    position: absolute;
    display: block;
    top: 6px;
    right: 14px;
    margin: 2px;
    padding: 1px 3px;
    height: 19px;
    line-height: 17px!important;
    font: normal normal normal 14px/1 FontAwesome;
    color: var(--uu-primary);
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .2s;
}
    .columnFilter:before {
        content: "\f0b0";
    }
    .columnFilter:hover {
        color: var(--uu-warning);
        border-color: var(--uu-warning-a5);
    }

    .columnFilter[status="active"] {
        color: var(--uu-f63);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: pulse-max;
        animation-name: pulse-max;
    }

    

    .columnFilter[status="active"][match="2"] {
        color: var(--uu-purple);
    }

.dataTables_scrollBody .columnFilter {
    display: none;
}

#filterMenu {
    display: none;
    position: absolute;
    float: right;
    box-shadow: 0px 0px 6px var(--uu-a4);
    background: var(--uu-f);
    width: 280px;
    padding: 5px;
    border-radius: 5px;
    color: var(--uu-4);
    overflow: hidden;
    z-index: 2910;/*2022-12-21前为100，因为umFrame而提升*/
}

.searchRow {
    height: 27px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
}

div.searchRow input {
    float: left;
    width: 175px;
    height: 27px;
    padding: 1px 3px 3px 3px;
    border-color: var(--uu-primary-a8);
    vertical-align: middle;
}

.searchRow .tinyButton {
    width: 24px;
    height: 20px;
    margin: 4px 0 0 5px;
    display: block;
    float: right;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: var(--uu-d);
    text-rendering: auto;
    user-select: none;
    -webkit-user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#filterMenu .tinyButton[action="applyFilter"] {
    float: left;
}

    #filterMenu .tinyButton[action="applyFilter"][status="inactive"]:before {
        content: "\f067";
        cursor: default;
    }

    #filterMenu .tinyButton[action="applyFilter"][status="active"]:before {
        content: "\f055";
        color: var(--uu-primary);
    }

    #filterMenu .tinyButton[action="applyFilter"][status="active"]:hover:before {
        color: var(--uu-f63);
    }

#filterMenu .tinyButton[action="clearFilter"][status="inactive"]:before {
    content: "\f096";
}

#filterMenu .tinyButton[action="clearFilter"][status="active"]:before {
    content: "\f14a";
    color: var(--uu-primary);
}

#filterMenu .tinyButton[action="closeFilter"]:before {
    content: "\f05c";
    color: var(--uu-primary);
}

#filterMenu .tinyButton[action="closeFilter"]:hover:before {
    color: var(--uu-f63);
}
/*  tools  */

#filterMenu #criteriaList {
    max-height: 300px;
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid var(--uu-primary-a4);
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow-y: scroll;
}

#filterMenu .filter-allcheck {
    margin: 0;
    padding: 0;
    border: 1px solid var(--uu-primary-a8);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#filterMenu #criteriaList::-webkit-scrollbar-thumb {
    background-color: var(--uu-primary-a3);
}

/*  filterRow  */
#filterMenu .filterRow {
    display: block;
    margin: 0;
    padding: 3px 5px;
    width: inherit;
    height: 25px;
    font-size: 12px;
    cursor: pointer;
}

    #filterMenu .filterRow:hover {
        background-color: var(--uu-primary-a2);
    }

    #filterMenu .filterRow .categoryLabel {
        vertical-align: middle;
    }

    #filterMenu .filterRow:hover .categoryLabel {
        color: var(--uu-primary);
        font-weight: bold;
    }

#filterMenu .badge,
#filterMenu .badgeNormal,
#filterMenu .badgeTotal {
    display: inline-block;
    width: 30px;
    font-weight: normal;
    padding: 2px 0px 0px 0px;
    margin-right: 0px;
    margin-top: 0px;
    color: var(--uu-4);
    font-size: 12px;
    line-height: 13px;
    vertical-align: text-bottom;
    border-radius: 2px;
    background-color: var(--uu-d);
}

#filterMenu .badgeNormal {
    width: auto;
    max-width: 150px;
    padding: 2px 5px 1px 5px;
    overflow: hidden;
    white-space: nowrap;
}

#filterMenu .badgeTotal {
    width: auto;
    max-width: 39px;
    padding: 1px 3px;
    color: #fff;
    background-color: var(--uu-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#filterMenu .badgeGray {
    background-color: var(--uu-a);
}

#filterMenu .js-labelContent {
    display: inline-block;
    width: 135px;
    font-weight: normal;
    padding: 2px 0px 0px 0px;
    margin-right: 0px;
    line-height: 13px;
    vertical-align: text-top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#filterMenu .filterRow [type="checkbox"] {
    vertical-align: middle;
    float: right;
    width: 14px;
    height: 14px;
    margin-top: 3px;
}

#filterMenu .filterRow [status="checked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3Ljc0MSAxNy43NDEiPjxwYXRoIGQ9Ik0tLjAwMS0uMDAxSDE3LjRsLTEuMSAxLjFIMS4xdjE1LjU0aDE1LjU0VjcuODc1bDEuMS0xLjFWMTcuNzRILS4wMDF6bTE3Ljc0LjkzdjQuODI3TDguOSAxNC42NWwtNS44LTUuOCAyLjM3LTIuMzMgMy4zNDUgMy4zMDJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1YTVhNWEiLz48L3N2Zz4=") no-repeat center center;
    background-size: 100%;
}

#filterMenu .filterRow:hover [status="checked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3Ljc0MSAxNy43NDEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMHYxNy43NGgxNy43NFYweiIgZmlsbD0iIzVhNWE1YSIvPjxwYXRoIGQ9Ik0xNy43NC45MzJ2NC44MjdMOC44NSAxNC42NSAzLjEgOC44NWwyLjM3LTIuMzMgMy4zNDUgMy4zMDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center center;
    background-size: 100%;
}

#filterMenu .filterRow [status="semichecked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3Ljc0MSAxNy43NDEiPjxwYXRoIGQ9Ik0yLjA3NSAyLjA3NXYxMy41NWgxMy41NVYyLjA3NXpNMCAwaDE3Ljc0djE3Ljc0SDB6bTUuOCA1Ljg0M3Y2LjA5N2g2LjA5N1Y1Ljg0M3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2E3YTdhNyIvPjwvc3ZnPg==") no-repeat center center;
    background-size: 100%;
}

#filterMenu .filterRow [status="unchecked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NyIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3LjY5OSAxNy43NDEiPjxwYXRoIGQ9Ik0yLjA3NSAyLjA3NXYxMy41NWgxMy41NVYyLjA3NXpNMCAwaDE3Ljd2MTcuNzRIMHoiIGZpbGw9IiNhN2E3YTciIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center center;
    background-size: 100%;
}

#filterMenu .clearAllBtn,
#filterMenu .submitButton {
    display: inline-block;
    padding: 2px 6px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid var(--uu-primary);
    color: var(--uu-primary);
    border-radius: 3px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    #filterMenu .clearAllBtn:hover,
    #filterMenu .submitButton:hover {
        background: var(--uu-primary);
        color: #fff;
    }

    #filterMenu .submitButton[match="1"] {
        border: 1px solid var(--uu-f63);
        color: var(--uu-f63);
        float: right;
    }

        #filterMenu .submitButton[match="1"]:hover {
            background: var(--uu-f63);
            color: #fff;
        }

    #filterMenu .submitButton[match="2"] {
        border: 1px solid var(--uu-purple);
        color: var(--uu-purple);
    }

        #filterMenu .submitButton[match="2"]:hover {
            background: var(--uu-purple);
            color: #fff;
        }


.noSelectionHighlight {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
}

.selectionAll {
    padding-right: 5px;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
}
/*=====================================================================================
                           scroller 原生样式
======================================================================================*/
div.dts {
    display: block !important;
}
    div.dts tbody th,
    div.dts tbody td {
        white-space: nowrap;
    }
    div.dts div.dts_loading {
        z-index: 1;
    }
    div.dts div.dts_label {
        position: absolute;
        right: 10px;
        background: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        color: white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        text-align: right;
        border-radius: 3px;
        padding: 0.4em;
        z-index: 2;
        display: none;
    }

    div.dts div.dataTables_scrollBody {
        background-color: transparent;
    }
        

        div.dts div.dataTables_scrollBody table {
            z-index: 2;
        }

    div.dts div.dataTables_paginate,
    div.dts div.dataTables_length {
        display: none;
    }
/*=====================================================================================
                           TableEditor custom
======================================================================================*/

div .DTE .DTE_Processing_Indicator span, .DTE .DTE_Processing_Indicator:before, .DTE .DTE_Processing_Indicator:after {
    width: 0.4em;
    height: 0.6em;
    border-width: 0;
    background-color: var(--uu-a3);
    border-radius: 100%;
    margin-top: 5px;
}

.DTED_Lightbox_Wrapper {
    margin-left: -31vw;
    width: 62vw;
    z-index: 1055;
}

    .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close {
        top: -12px;
        right: -12px;
        width: 24px;
        height: 24px;
        background-color: var(--uu-9);
        border-radius: 15px;
        box-shadow: 0px 0px 5px var(--uu-a3);
        user-select: none;
        -webkit-user-select: none;
    }

        .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close:after {
            font-size: 24px;
            line-height: 22px;
            padding-left: 0;
        }
.DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close:hover {
    background-color: var(--uu-primary);
    box-shadow: 0 0 8px var(--uu-a8);
}
body .DTED_Lightbox_Background {
    background: radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,.05) 0%, rgba(0,0,0,.6) 100%);
    z-index: 1050;
}

.DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content {
    position: relative;
    box-shadow: 0 2px 8px 0 var(--uu-ba5);
    opacity: .8;
    transition: opacity 0.3s;
}

    .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content:hover {
        opacity: 1;
    }

    .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE {
        background-color: var(--uu-fa);
        border-width: 0;
    }

.DTE .DTE_Header {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--uu-d);
    background-color: var(--uu-f0);
    z-index: 1;
}

    .DTE .DTE_Header span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
        vertical-align: middle;
    }
.DTE_Header_Content {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--uu-7);
}
.DTE .DTE_Footer {
    background-color: var(--uu-f0);
    border-top: 1px solid var(--uu-d);
    padding: 8px 15px;
    height: 53px;
}

.DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE .DTE_Body_Content {
    box-sizing: border-box;
    background: var(--uu-fa);
}

.DTE button.btn,
.DTE .DTE_Form_Buttons button {
    float: right;
    display: block;
    padding: .375rem .75rem;
    margin-left: 8px;
    text-align: center;
    font-size: 14px;
    color: var(--uu-f);
    line-height: 1.5;
    background-color: var(--uu-primary);
    background-image: none;
    border: 1px solid var(--uu-primary);
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    user-select: none;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}

    .DTE button.btn:hover,
    .DTE .DTE_Form_Buttons button:hover,
    .DTE button.btn:active,
    .DTE .DTE_Form_Buttons button:active {
        text-shadow: none;
        background-image: none;
        color: var(--uu-f);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-primary-h);
        box-shadow: 0 0 5px var(--uu-primary-h);
    }

    .DTE button.btn:focus,
    .DTE .DTE_Form_Buttons button:focus {
        text-shadow: none;
        background-image: none;
        color: var(--uu-f);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-primary-h);
        box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
    }
.DTE.DTE_Action_Edit button.btn,
.DTE.DTE_Action_Edit .DTE_Form_Buttons button {
    color: var(--uu-f);
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning);
}
    .DTE.DTE_Action_Edit button.btn:hover,
    .DTE.DTE_Action_Edit .DTE_Form_Buttons button:hover,
    .DTE.DTE_Action_Edit button.btn:active,
    .DTE.DTE_Action_Edit .DTE_Form_Buttons button:active {
        color: var(--uu-f);
        border: 1px solid var(--uu-warning);
        background-color: var(--uu-warning-h);
        box-shadow: 0 0 5px var(--uu-warning-h);
    }
    .DTE.DTE_Action_Edit button.btn:focus,
    .DTE.DTE_Action_Edit .DTE_Form_Buttons button:focus {
        color: var(--uu-f);
        border: 1px solid var(--uu-warning);
        background-color: var(--uu-warning-h);
        box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
    }
.DTE.DTE_Action_Remove button.btn,
.DTE.DTE_Action_Remove .DTE_Form_Buttons button {
    color: var(--uu-f);
    border: 1px solid var(--uu-danger);
    background-color: var(--uu-danger);
}

    .DTE.DTE_Action_Remove button.btn:hover,
    .DTE.DTE_Action_Remove .DTE_Form_Buttons button:hover,
    .DTE.DTE_Action_Remove button.btn:active,
    .DTE.DTE_Action_Remove .DTE_Form_Buttons button:active {
        color: var(--uu-f);
        border: 1px solid var(--uu-danger);
        background-color: var(--uu-danger-h);
        box-shadow: 0 0 5px var(--uu-danger-h);
    }

    .DTE.DTE_Action_Remove button.btn:focus,
    .DTE.DTE_Action_Remove .DTE_Form_Buttons button:focus {
        color: var(--uu-f);
        border: 1px solid var(--uu-danger);
        background-color: var(--uu-danger-h);
        box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
    }

/*group*/
.DTE_Header .editor-group {
    position: absolute;
    right: 16px;
    top: 11px;
}

    .DTE_Header .editor-group > .btn {
        font-size: 13px;
        color: var(--uu-4);
        line-height: 1;
        padding: 6px 12px;
        /*box-shadow: none;*/
    }

    .DTE_Header .editor-group > .btn-white.active:after {
        top: 21px;
    }

    .DTE_Header .editor-group > .form-control[type="text"],
    .DTE_Header .editor-group > .form-control[type="search"] {
        width: 205px;
        height: auto;
        font-size: 13px;
        color: var(--uu-red);
        font-weight: 600;
        line-height: 1;
        padding: 6px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.editor-group.btn-group > .form-control[type="text"]:focus,
.editor-group.btn-group > .form-control[type="search"]:focus,
.uu-panel-toolbar > .btn-group > .form-control[type="text"]:focus,
.uu-panel-toolbar > .btn-group > .form-control[type="search"]:focus {
    z-index: 2;
}
/*  group title  */
.DTE_Body .DTE_Body_Content .DTE_Field.editor-group-title {
    color: var(--uu-group);
    font-size: 24px;
    border-radius: 0;
    border-top: 1px solid var(--uu-group);
    background-color: transparent;
    padding: 0;
    margin: 15px 0 15px 0;
}

    .DTE_Body .DTE_Body_Content .DTE_Field.editor-group-title:hover {
        border-top: 1px solid var(--uu-group);
        background-color: transparent;
        box-shadow: none;
    }

.DTE_Form_Content > .DTE_Field.editor-group-title:before {
    content: none;
}

.DTE_Body .DTE_Body_Content .DTE_Field.editor-group-title > label {
    border-top: 1px solid var(--uu-group);
}

/*label & input*/
.DTE_Body .DTE_Body_Content .DTE_Field {
    padding: 8px 50px 8px 8px;
    border-width: 0;
    display: flex;
}

.DTE_Form_Content {
    counter-reset: fieldcounter;
}

    .DTE_Form_Content > .DTE_Field:before {
        position: absolute;
        min-width: 22px;
        left: 5px;
        top: 15px;
        content: counter(fieldcounter);
        counter-increment: fieldcounter;
        padding: 0 3px;
        border-radius: 2px;
        color: var(--uu-group);
        border: 1px solid var(--uu-group);
        text-align: center;
        opacity: .8;
    }

.DTE_Body .DTE_Body_Content .DTE_Field:hover {
    border-width: 0;
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 4px var(--uu-primary-a4) inset;
}

.DTE_Body .DTE_Body_Content .DTE_Field > label {
    flex: auto;
    width: 18%; /*2021-05-04修改，原20%*/
    padding-top: 7px;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 0px;
}

.DTE_Body .DTE_Body_Content .DTE_Field > .DTE_Field_Input {
    flex: auto;
    float: none;
    width: 82%; /*2021-05-04修改，原80%*/
    padding-top: 0;
}

.DTE_Field_InputControl {
    width: 85%; /*2021-05-04修改，原80%，其与.DTE_Field_Info相加不超过100%*/
}

    .DTE_Field_InputControl > input,
    .DTE_Field_InputControl > select,
    .DTE_Field_InputControl > select.form-control:not([size]):not([multiple]) {
        height: 35px;
        max-width: 800px;
    }

.DTE_Field .DTE_Field_Info {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 15%;/*2021-05-04修改，原19%*/
    margin-top: 0;
    font-size: 12px;
    line-height: 1.2em;
}

.DTE_Field .DTE_Field_Message {
    color: var(--uu-warning);
}
.DTE_Field input, .DTE_Field textarea {
    border: 1px solid var(--uu-b);
    background-color: var(--uu-f);
}
.DTE_Field input[type="color"],
.DTE_Field input[type="date"],
.DTE_Field input[type="datetime"],
.DTE_Field input[type="datetime-local"],
.DTE_Field input[type="email"],
.DTE_Field input[type="month"],
.DTE_Field input[type="number"],
.DTE_Field input[type="password"],
.DTE_Field input[type="search"],
.DTE_Field input[type="tel"],
.DTE_Field input[type="text"],
.DTE_Field input[type="time"],
.DTE_Field input[type="url"],
.DTE_Field input[type="week"] {
    display: block;
    width: 100%;
    padding: 6px;
    border: 1px solid var(--uu-b);
    border-radius: 1px;
    background-color: var(--uu-f);
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    outline: none;
    outline-offset: -2px;
    -webkit-appearance: none;
    box-shadow: none;
}

.DTE_Field .multi-value {
    border: 1px dotted var(--uu-6);
    border-radius: 1px;
    padding: 6px;
    background-color: var(--uu-f9);
}

body select.form-control {
    padding: 5px 6px 6px 6px;
    border: 1px solid var(--uu-b);
}

    /*.DTE_Label i.uu-required:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    color: #b11f1f;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f069";
}*/
    .DTE_Field input[type="color"]:focus,
    .DTE_Field input[type="date"]:focus,
    .DTE_Field input[type="datetime"]:focus,
    .DTE_Field input[type="datetime-local"]:focus,
    .DTE_Field input[type="email"]:focus,
    .DTE_Field input[type="month"]:focus,
    .DTE_Field input[type="number"]:focus,
    .DTE_Field input[type="password"]:focus,
    .DTE_Field input[type="search"]:focus,
    .DTE_Field input[type="tel"]:focus,
    .DTE_Field input[type="text"]:focus,
    .DTE_Field input[type="time"]:focus,
    .DTE_Field input[type="url"]:focus,
    .DTE_Field input[type="week"]:focus,
    body select.form-control:focus {
        color: var(--uu-text);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.DTE_Field input[disabled],
.DTE_Field input[disabled="disabled"],
.DTE_Field input[readonly],
.DTE_Field input[readonly="readonly"],
.DTE_Field input[readonly="readonly"]:focus,
.DTE_Field textarea[disabled],
.DTE_Field textarea[readonly="readonly"] {
    background-color: var(--uu-e3);
}

.editor-datetime {
    box-shadow: 0 5px 15px -5px var(--uu-a4);
}
/*checkbox radio*/
.DTE_Field_Type_checkbox .DTE_Field_InputControl > div,
.DTE_Field_Type_radio .DTE_Field_InputControl > div {
    padding-top: 5px; /*因为浮动，故设置上padding使用checkbox radio垂直居中*/
}

    .DTE_Field_Type_checkbox .DTE_Field_InputControl > div > div,
    .DTE_Field_Type_radio .DTE_Field_InputControl > div > div {
        float: left;
        display: inline-block;
        margin: 0 6px;
    }

.DTE_Field_Type_checkbox .DTE_Field_Input > div > div label,
.DTE_Field_Type_radio .DTE_Field_Input > div > div label {
    margin: 0 5px;
}
/* date */
.editor-datetime table td.selectable.selected button {
    background: var(--uu-primary);
}

.editor-datetime table td.selectable button:hover {
    background: #33aaff;
}

/*更新后的行闪烁,18-21帧*1000/60 用于editor更新*/
.dataTable tbody tr.highlight {
    background-color: var(--uu-f63) !important;
}

.dataTable tbody tr.highlight,
.dataTable tbody tr.noHighlight {
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}
/*曾用于umTable手动闪烁更新*/
.dataTable tbody tr.tr-highlight {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: highlight-warning;
    animation-name: highlight-warning;
}

@keyframes highlight-warning {
    0% {
        background-color: var(--uu-primary);
    }
    60% {
        background-color: var(--uu-f63);
    }
    100% {
        background-color: var(--uu-primary);
    }
}
table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px var(--uu-primary);
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px var(--uu-f80);
}
/*upload*/
.DTE .editor_upload button.btn,
.DTE .editor_upload input[type=file] {
    height: 35px;
    font-size: 14px;
}

.DTE .editor_upload .cell:hover > button.btn {
    background-color: var(--uu-primary-a2);
}

.DTE .editor_upload .drop {
    border: 1px dashed var(--uu-c);
    border-radius: 3px;
}

.DTE .editor_upload input[type=file].disabled {
    pointer-events: none;
}
.DTE .DTE_Processing_Indicator{
    top: 35px;
    left: 25px;
    right: auto;
}
.DTE .DTE_Field .DTE_Processing_Indicator {
    top: 20px;
    left: 45px;
    right: auto;
    font-size: 7px;
}
/*=====================================================================================
                           editor drawer 布局
======================================================================================*/
.editor-drawer .DTED_Lightbox_Wrapper {
    right: 0;
    left: auto;
    width: 1024px;
    z-index: 1055;
    transition: width 0.15s ease-in-out;
}
/*对于product需要更宽的窗口，通过页面中在editor打开时设置*/
.DTED_Lightbox_Wrapper.editor-drawer-wrapper-max{
    width: 1380px;
}
    .editor-drawer .DTE .DTE_Body {
        height: 100vh;
    }
.editor-drawer .DTE.DTE_Action_Remove .DTE_Body {
    height: auto;
}
.editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content {
    border-radius: 0;
}

    .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE .DTE_Header {
        border-radius: 0;
    }

    .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE .DTE_Footer {
        border-radius: 0;
    }

    .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close {
        top: 14px;
        right: 8px;
        border-color: var(--uu-c);
        box-shadow: none;
    }
        .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close:hover {
            border-color: var(--uu-wa5);
            background-color: var(--uu-primary);
            box-shadow: none;
        }

.editor-drawer .DTE_Header .editor-group {
    right: 40px;
}
/*=====================================================================================
                           autofill keytable
======================================================================================*/
/*------umExcel dataTable----*/
.uu-excel-tool {
    display: flex;
    align-items: center;
    height: 43px;
    padding: 0;
    background-color: var(--uu-f);
}
.uu-field-excel .uu-excel-tool {
    background-color: transparent;
}
.umexcel.table-bordered.dataTable th,
.umexcel.table-bordered.dataTable td {
    border-right-width: 1px;
}

/*------keytable----*/
table.table > tbody > tr > td > span.row-no:before {
    content: counter(dtRownum);
    counter-increment: dtRownum;
    display: inline-block;
    padding: 0 3px;
    color: var(--uu-4);
}

table.table > tbody > tr.selected > td > span.row-no:before {
    color: #fff;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
    position: relative;
    box-shadow: inset 0 0 0 2px #0D65BD,inset 0 0 0 3px #fff; /*ms excel 绿色:#217346*/
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
    position: relative;
    vertical-align: middle;
    border-color: transparent;
    box-shadow: 0 0 5px var(--uu-f80),inset 0 0 0 2px var(--uu-f80),inset 0 0 0 3px #fff;
}

.umexcel.dataTable > tbody > tr.selected:hover {
    background-color: var(--uu-primary-a4);
}

.umexcel.dataTable tbody > tr.selected, .dataTable tbody > tr > .selected {
    background-color: var(--uu-primary-a7);
}

table.table tr td.keytable-disable {
    background-color: var(--uu-table-disable);
}
table.table tr:not(.selected) td.keytable-disable.selected {
    background-color: var(--uu-primary-a7);
}

table.dataTable tr.selected td.keytable-disable {
    background-color: var(--uu-a15);
}

/*------autofill----*/
div.dt-autofill-background {
    z-index: 3050;
}

div.dt-autofill-list {
    width: 600px;
    margin-left: -300px;
    padding: 16px;
    border-width: 0px;
    background-color: var(--uu-f);
    box-shadow: 0 0 5px var(--uu-a5);
    z-index: 3051;
}
    div.dt-autofill-list ul li:hover {
        background-color: var(--uu-f6);
    }
    div.dt-autofill-list div.dt-autofill-question,
    div.dt-autofill-list div.dt-autofill-button {
        padding: 7px;
        color: var(--uu-primary);
        border-bottom: 1px solid var(--uu-c);
    }

    div.dt-autofill-list div.dt-autofill-button {
        white-space: nowrap;
    }
    div.dt-autofill-list div.dt-autofill-question input[type='number'],
    div.dt-autofill-list div.dt-autofill-question input {
        display: inline-block;
        height: 27px;
        padding: 0 3px;
        width: 40px;
        margin: -2px 5px;
    }

    div.dt-autofill-list div.dt-autofill-button .btn {
        width: 50%;
        padding: 5px 10px;
    }

div.dt-autofill-handle {
    box-shadow: -1px -1px 0 0 #fff;
    background: #0D65BD;
    cursor: pointer;
    z-index: 102;
}

.umexcel.dataTable tbody th,
.umexcel.dataTable tbody td {
    /*position: relative;uminfo必须，不清楚autofill是否会有影响*/
    vertical-align: middle;
}

table.table tr.row-new {
    box-shadow: 0 0 3px 0 var(--uu-warning) inset;
}
.umexcel.table-bordered.dataTable td.cell-edit {
    position: relative;
}
    .umexcel.table-bordered.dataTable td.cell-edit:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        box-shadow: inset 0 0 4px 2px rgba(240,0,0,.25);
        pointer-events: none;
        /*border-bottom: 1px dashed var(--uu-danger);*/
    }

table.table > tbody {
    counter-reset: dtRownum;
}

/*------input for autofill----*/
.DTE_Inline {
    position: absolute;
    display: block;
    top: 2px;
    left: 2px;
    margin: 0;
    padding: 0;
    width: calc(100% - 4px);
    overflow: visible;
}

    .DTE_Inline .DTE_Inline_Field, .DTE_Inline .DTE_Inline_Buttons {
        display: block;
    }

        .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl {
            width: auto;
        }

    .DTE_Inline .DTE_Field_InputControl > input,
    .DTE_Inline .DTE_Field_InputControl > select,
    .DTE_Inline .DTE_Field_InputControl > select.form-control:not([size]):not([multiple]) {
        height: auto;
        max-width: 100%;
    }

    .DTE_Inline .DTE_Inline_Field .DTE_Field input,
    .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl > select,
    .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl > .form-control {
        display: block;
        height: auto;
        width: 100%;
        padding: 5px;
        margin: 0;
        line-height: 1.4;
        border: 1px solid transparent;
        border-radius: 0px;
        background-color: var(--uu-f);
        transition: none;
        outline: none;
        outline-offset: 0;
        -webkit-appearance: none;
        box-shadow: none;
    }

        .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl > select.form-control:not([size]):not([multiple]) {
            height: 31px;
            margin-top: -5px;
        }

        .DTE_Inline .DTE_Inline_Field .DTE_Field input:focus,
        .DTE_Inline .DTE_Field_InputControl > select:focus,
        .DTE_Inline .DTE_Field_InputControl > .form-control:focus {
            background-color: var(--uu-f);
            box-shadow: none;
        }
    /*select2 for autofill*/
    .DTE_Inline .select2-container .selection .select2-selection--single {
        height: 31px;
    }

    .DTE_Inline .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 5px;
        line-height: 30px;
    }

    .DTE_Inline .DTE_Inline_Field .select2-container .selection .select2-selection {
        border-color: transparent;
        border-bottom-color: var(--uu-d);
        box-shadow: none;
    }

    .DTE_Inline .DTE_Field .DTE_Field_Message,
    .DTE_Inline .DTE_Field_Error, 
    .DTE_Inline .DTE_Form_Error {
        position: relative;
        margin-top: 9px;
        padding: 6px 6px;
        color: var(--uu-f) !important;
        font-size: 12px;
        line-height: 1.2em;
        border-radius: 3px;
        background-color: var(--uu-warning) !important;
        z-index: 1;
    }
        
    .DTE_Inline .DTE_Field_Error, 
    .DTE_Inline .DTE_Form_Error {
        background-color: var(--uu-danger) !important;
        text-shadow: 0 0 3px var(--uu-danger);
    }
    .DTE_Inline .DTE_Field .DTE_Field_Message:after,
    .DTE_Inline .DTE_Field_Error:after, 
    .DTE_Inline .DTE_Form_Error:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 14px;
        width: 12px;
        height: 12px;
        border: 6px solid transparent;
        border-bottom-color: var(--uu-warning);
        z-index: 1;
    }
        .DTE_Inline .DTE_Field_Error:after,
        .DTE_Inline .DTE_Form_Error:after {
            border-bottom-color: var(--uu-danger);
        }
    .DTE_Inline .DTE_Field .DTE_Field_Info {
        right: -4px;
        width: auto;
        max-width: 31px;
        padding: 0 10px 0 0;
        z-index: 2062;
    }
/*------rowGroup----*/
table.dataTable tr.dtrg-group th {
    text-align: left;
    font-size: 13px;
    border-color: var(--uu-border);
    background-color: var(--uu-th);
}
table.dataTable tr.dtrg-group.dtrg-end th {
    text-align: left;
    border-bottom-color: var(--uu-primary-a5); 
    background-color: var(--uu-fa);
}
table.dataTable tr.dtrg-group.dtrg-level-0 th {
    font-weight: bold;
}
table.dataTable tr.dtrg-group th:hover {
    color: inherit;
}
table.dataTable tr.dtrg-group.dtrg-level-1 th,
table.dataTable tr.dtrg-group.dtrg-level-2 th,
table.dataTable tr.dtrg-group.dtrg-level-3 th,
table.dataTable tr.dtrg-group.dtrg-level-4 th,
table.dataTable tr.dtrg-group.dtrg-level-5 th {
    padding-left: 2em;
    font-size: .9em;
    background-color: var(--uu-f7);
}

table.dataTable tr.dtrg-group.dtrg-level-2 th {
    padding-left: 2.5em;
    background-color: var(--uu-f7);
}

table.dataTable tr.dtrg-group.dtrg-level-3 th {
    padding-left: 3em;
    background-color: var(--uu-f8);
}

table.dataTable tr.dtrg-group.dtrg-level-4 th {
    padding-left: 3.5em;
    background-color: var(--uu-f9);
}

table.dataTable tr.dtrg-group.dtrg-level-5 th {
    padding-left: 4em;
    background-color: var(--uu-fa);
}
/*------umTableMulti----*/
.uu-multi-tool{

}
div.dataTables_wrapper .uu-multi-tool .dataTables_filter label {
    margin-right: -1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div.dataTables_wrapper .uu-multi-tool div.dataTables_filter label > input {
    width: 120px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.uu-table-aux div.dataTables_wrapper .uu-multi-tool div.dataTables_filter label > input {
    width: 225px;
}
/*.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}待观察样式，作用未知*/

div.dataTables_wrapper .uu-multi-tool div.dataTables_info {
    margin-left: 5px;
}
.uu-multi-bottom-tool {
    display: flex;
    height: 42px;
    padding: 5px 0 0 0;
}

/*=====================================================================================
                                     chosen.js
======================================================================================*/
.chosen-container {
    background-color: var(--uu-f);
}

.chosen-container-single .chosen-single {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 1px 0 0 6px;
    height: 30px;
    line-height: 26px;
    border: none;
    border-radius: 0;
    background-color: var(--uu-f);
    background: none;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--uu-4);
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

    .chosen-container-single .chosen-single div {
        top: 3px;
        height: 90%;
    }

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container .chosen-results li.highlighted {
    color: #fff;
    background-color: var(--uu-primary-a6);
    background-image: none;
}

.chosen-container .chosen-results li.active-result.result-selected {
    color: #fff;
    background-color: var(--uu-primary);
}

    .chosen-container .chosen-results li.active-result.result-selected.highlighted {
        color: #fff;
        background-color: var(--uu-primary-a8);
    }

.chosen-container .chosen-results li.disabled-result {
    color: var(--uu-c);
}


.DTE_Inline .DTE_Inline_Field .chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 4px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid var(--uu-b);
    background: none;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

    .DTE_Inline .DTE_Inline_Field .chosen-container-single .chosen-search input[type="text"]:focus {
        border: 1px solid var(--uu-primary-a8);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.dataTable tbody tr.selected .chosen-container > a {
    color: var(--uu-4);
}

.DTE_Field_InputControl > div > div.chosen-drop {
    margin: 0;
    border: 1px solid var(--uu-c);
    border-radius: 0;
    box-shadow: 0 5px 15px -5px var(--uu-a4);
}

.chosen-container-multi .chosen-choices {
    margin: 0;
    padding: 0 5px;
    border: none;
    background-color: var(--uu-f);
    background-image: none;
    cursor: text;
}

.chosen-container .chosen-results li em {
    color: var(--uu-warning);
    font-weight: 600;
    text-decoration: underline;
}
/*----------typeahead----------*/
.typeahead > .dropdown-item {
    width: 100%;
    max-width: 600px;
    padding: 8px 6px;
    font-size: 14px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
}
    .typeahead > .dropdown-item > em {
        color: var(--uu-blue);
        font-weight: 600;
        font-style: normal;
    }
    .typeahead > .dropdown-item  b,
    .typeahead > .dropdown-item  strong {
        color: var(--uu-warning);
        font-weight: 800;
        text-decoration: underline;
    }
    
.typeahead > .dropdown-header {
    padding: 4px 6px;
    font-size: 16px;
}

.typeahead > .dropdown-divider {
    margin: 4px 0;
}
/*=====================================================================================
                                     select2.js
======================================================================================*/
/*----------选择容器及被选项*/
.select2-container {
    z-index: 3070;
}

    .select2-container .selection .select2-selection {
        display: block;
        border: 1px solid var(--uu-d);
        border-radius: 1px;
        background-color: var(--uu-f);
        outline: none;
        box-sizing: border-box;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
    }

.DTE_Field .select2-container .selection .select2-selection {
    border: 1px solid var(--uu-b);
}

.select2-container .selection .select2-selection:focus {
    border: 1px solid var(--uu-primary) !important;
    background-color: var(--uu-f);
    box-shadow: 0 0 5px var(--uu-primary-a8);
}

    .select2-container .selection .select2-selection--single {
        height: 35px;
    }
body .select2-container.select2-container--disabled .selection .select2-selection--single,
body .select2-container.select2-container--disabled .selection .select2-selection--multiple {
    background-color: var(--uu-e3);
    cursor: default;
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        color: var(--uu-4);
        line-height: 33px;
    }

.uwpop-win-body .select2-container .selection .select2-selection {
    border-color: var(--uu-d);
    background-color: var(--uu-f);
}

.uu-panel-toolbar select.select2-w600 {
    width: 600px;
}

.uu-panel-toolbar select.select2-w700 {
    width: 700px;
}

.uu-panel-toolbar select.select2-w800 {
    width: 800px;
}

.uu-panel-toolbar .select2-container .selection .select2-selection {
    height: 35px;
    overflow: auto;
}
    .uu-panel-toolbar .select2-container .selection .select2-selection[aria-disabled='true'] {
        background-color:var(--uu-e);
    }
.uu-panel-toolbar select.form-control[multiple] {
    height: 35px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    padding: 0 6px;
    margin-bottom: 4px;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    float: none;
    flex: none;
    margin-right: 6px;
    margin-top: 5px;
    padding: 0 5px;
    color: #fff;
    line-height: 24px;
    border-width: 0;
    border-radius: 3px;
    background-color: var(--uu-info);
    cursor: default;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    margin-right: 10px;
    line-height: 1;
    vertical-align: text-top;
}

    .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: var(--uu-f63);
    }
/*----------多选模式的inline input*/
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 5px;
    padding: 0;
    min-width: 8em !important;
    border: 1px solid transparent;
}

    .select2-container .select2-search--inline .select2-search__field:focus {
        border: 1px solid var(--uu-primary-a8);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.select2-container .selection .select2-selection .select2-selection__arrow {
    height: 33px;
}
/*----------创建模式*/
.um-create + .select2-container .select2-search--inline .select2-search__field:focus,
.um-create + .select2-container .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid var(--uu-f80);
    background-color: var(--uu-f);
    box-shadow: 0 0 5px var(--uu-f80);
}

.select2-container .select2-results__option[um-tagcreate='true'] {
    background-color: var(--uu-f80);
    border-color: var(--uu-f80);
    color: white;
}

/*----------下拉窗口*/
.select2-dropdown {
    background-color: var(--uu-f);
    border: 1px solid var(--uu-c);
    box-shadow: 0 5px 15px -5px var(--uu-a4);
    box-sizing: border-box;
    display: block;
    border-radius: 0;
}
/*----------下拉窗口的input*/
.select2-container .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--uu-b);
    outline: none;
    line-height: 1.3em;
    background-color: var(--uu-f);
}

    .select2-container .select2-search--dropdown .select2-search__field:focus {
        border: 1px solid var(--uu-primary-a8);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.select2-container .select2-results > .select2-results__options {
    max-height: 295px;
    padding: 6px 6px 10px 26px;/*默认多20px的margin，以便于显示一级分类，一级分类margin-left为-20px*/
    background-color: var(--uu-f4);
}
    /*scrollbar*/
    .uu-panel-toolbar .select2-container .selection .select2-selection::-webkit-scrollbar-thumb,
    .select2-container .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
        background-color: var(--uu-primary-a3);
        border-radius: 3px;
    }
/*----------下拉窗口的选项*/
.select2-results__option {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 0 5px;
    color: var(--uu-4);
    line-height: 22px;
    background-color: var(--uu-f);
    border-radius: 3px;
    border: 1px solid var(--uu-c);
}

    .select2-results__option:before {
        display: inline-block;
        min-width: 18px;
        margin: 0px 3px 0 -3px;
        padding: 3px 0 1px 0;
        color: #fff;
        font-size: 12px;
        line-height: 1em;
        text-align: center;
        border-radius: 3px;
        background-color: var(--uu-a15);
    }

.select2-container .select2-results__option.select2-results__option--highlighted:hover {
    background-color: #46b1ff;
    border-color: #46b1ff;
    color: #fff;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: var(--uu-primary) !important;
    color: white;
}

.select2-container .select2-results__option[aria-selected=true] {
    background-color: var(--uu-info);
    border-color: var(--uu-info);
    color: white;
}
    

/*1级序号*/
.select2-results > .select2-results__options {
    counter-reset: option1;
}

    .select2-results > .select2-results__options > .select2-results__option:before {
        content: counter(option1);
        counter-increment: option1;
    }
    /*2级序号*/
    .select2-results > .select2-results__options > .select2-results__option > .select2-results__options {
        counter-reset: option2;
    }

        .select2-results > .select2-results__options > .select2-results__option > .select2-results__options > .select2-results__option:before {
            content: counter(option1) "." counter(option2);
            counter-increment: option2;
        }
/*使用title最后一个字符是否为"-"进行奇偶判断，并设置颜色*/
.select2-container .select2-results__option[aria-selected=true][title$='-'] {
    background-color: var(--uu-warning);
    border-color: var(--uu-warning);
}

.select2-container .select2-selection--multiple .select2-selection__choice[title$='-'] {
    background-color: var(--uu-warning);
}
/*----------使用title开始字符是否为"--"设置为全宽一级类*/
.select2-container .select2-results__option[title^='--'] {
    display: block;
    margin-left: -20px;
}
/*----------使用title开始字符是否为"#-"设置为带20px缩进的全宽二级类*/
.select2-container .select2-results__option[title^='#-'] {
    display: block;
}

/*----------一级分隔线，5个-，分隔线不可选择，配合select2.js*/
.select2-container .select2-results__option[data-select2-id$='-----'],
.select2-container .select2-results__option[data-select2-id$='#----'],
.select2-container .select2-results__option[data-select2-id$='##---'] {
    display: block;
    margin-left: -20px;
    font-weight: 600;
    background-color: var(--uu-e3);
    cursor: default;
}
    .select2-container .select2-results__option[data-select2-id$='-----']:before,
    .select2-container .select2-results__option[data-select2-id$='#----']:before,
    .select2-container .select2-results__option[data-select2-id$='##---']:before {
        content: none;
    }
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='-----'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='-----']:hover,
.select2-container .select2-results__option[aria-selected=true][data-select2-id$='-----'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='#----'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='#----']:hover,
.select2-container .select2-results__option[aria-selected=true][data-select2-id$='#----'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='##---'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='##---']:hover,
.select2-container .select2-results__option[aria-selected=true][data-select2-id$='##---']{
    border-color: var(--uu-c);
    background-color: var(--uu-e3) !important;
    color: var(--uu-4);
}
/*----------二级分隔线，#---- */
.select2-container .select2-results__option[data-select2-id$='#----'] {
    margin-left: 0;
    background-color: var(--uu-e);
}

.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='#----'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='#----']:hover,
.select2-container .select2-results__option[aria-selected=true][data-select2-id$='#----'] {
    background-color: var(--uu-e) !important;
}
/*----------三级分隔线，##--- */
.select2-container .select2-results__option[data-select2-id$='##---'] {
    display: inline-block;
    margin-left: 0;
    font-weight: 100;
    background-color: var(--uu-e3);
}

.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='##---'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='##---']:hover,
.select2-container .select2-results__option[aria-selected=true][data-select2-id$='##---'] {
    background-color: var(--uu-e3) !important;
}
/*----------optgroup的样式*/
.select2-container .select2-results__option[role=group] {
    display: block;
    margin: 5px 0 0 0;
    padding: 8px;
    background-color: var(--uu-e7);
}

.select2-results__option[role=group]:before {
    margin-left: 0px;
}

.select2-container .select2-results__group {
    display: inline-block;
    padding: 0;
    cursor: default;
}

.select2-container .select2-results__option .select2-results__option {
    padding: 0 5px;
}

/*=====================================================================================
                           bootstrap-table
======================================================================================*/
/*pagenation toolbar table layout 将原来的布局变为集中上表格上方*/
.bootstrap-table {
    display: flex;
    flex-wrap: wrap;
}

.bootstrap-table .fixed-table-toolbar {
    flex: 1 1 40%;
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

    .bootstrap-table .fixed-table-pagination {
        flex: 1 1 50%; /*与toolbar相加，不能超过100%，否则会折行*/
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .bootstrap-table .fixed-table-container {
        flex: 1 1 100%;
    }

    .bootstrap-table .fixed-table-pagination::after {
        content: none;
    }

    .bootstrap-table .fixed-table-toolbar .form-control {
        height: 31px;
        border-radius: 4px;
    }
    .bootstrap-table .fixed-table-toolbar .btn-sm,
    .bootstrap-table .fixed-table-pagination .btn-sm {
        padding: 3px 6px;
        font-size: 14px;
    }
    /*table*/
    .bootstrap-table .fixed-table-container .table thead th .th-inner {
        padding: 8px;
    }

    .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .bootstrap-table .fixed-table-toolbar .columns label {
        display: flex;
        align-items: center;
        padding: 5px 10px;
        margin-bottom: 0;
    }
    .bootstrap-table input[type="checkbox"],
    .bootstrap-table input[type="radio"] {
        width: 20px;
        height: 20px;
        margin: 0 5px 0 3px;
    }
.bootstrap-table input[type="checkbox"]:before,
.bootstrap-table input[type="radio"]:before {
    width: 18px;
    height: 18px;
    line-height: 20px;
    font-size: 14px;
}
    .bootstrap-table tfoot th {
        font-size: 12px;
    }
    /*使用filter转换，原色为#7A80DD，通过https://www.zhangxinxu.com/sp/filter.html*/
    .bootstrap-table .fixed-table-container .table thead th .asc,
    .bootstrap-table .fixed-table-container .table thead th .desc {
        filter: invert(55%) sepia(66%) saturate(5212%) hue-rotate( 179deg ) brightness(86%) contrast(78%);
    }
.fixed-table-body table.table td > p{
    display: inline-block;
}
.fixed-table-body table.table td img {
    width: 30px!important;
}
/*首页表格*/
.uu-opacity-table .table.table-bordered {
    background-color: var(--uu-wa5);
}
.uu-opacity-table table.table tr.even,
.uu-opacity-table table.table tr:nth-child(even) {
    background-color: var(--uu-a05);
}
.uu-opacity-table .table-bordered > thead > tr > th {
    background-color: var(--uu-a1);
}
.uu-opacity-table .pagination > li > a,
.uu-opacity-table .pagination > li > span,
.uu-opacity-table .page-item.disabled .page-link {
    background-color: var(--uu-wa7);
}
.uu-opacity-table table.table > tbody > tr:hover{
    background-color: var(--uu-primary-a2);
}
.bootstrap-table .btn {}
/*=====================================================================================
                                     widget
======================================================================================*/
/*----------widget pop*/
.uwpop-win {
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-color: var(--uu-f);
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 5px 1px var(--uu-ba4);
    z-index: 1500 !important;
    /*content-visibility: auto;使用uwpop-win将无法获取正确的宽高*/
}
#umImgList{
    z-index: 3060 !important;
}
.uwpop-win-simu {
    border-radius: 18px;
    box-shadow: 0 0 10px 1px var(--uu-ba5);
    overflow: hidden;
    
}

    .uwpop-win-simu .uwpop-win-title .btn {
        border-radius: 20px;
    }

.umimg-win {
    z-index: 1550 !important;
}

.uwpop-top1 {
    z-index: 1501 !important;
}

.uwpop-top2 {
    z-index: 1502 !important;
}

.uwpop-top3 {
    z-index: 1503 !important;
}

.uwpop-top4 {
    z-index: 1504 !important;
}

.uwpop-top5 {
    z-index: 1505 !important;
}

.uwpop-top6 {
    z-index: 1506 !important;
}
.uwpop-top-max {
    z-index: 3000 !important;
}
.uwpop-top-max1 {
    z-index: 3001 !important;
}
.uwpop-top-max5000 {
    z-index: 5000 !important;
}
.uwpop-win-close {
    position: absolute;
    top: 7px;
    right: 0;
    width: 26px;
    height: 26px;
    color: inherit;
    cursor: pointer;
}

    .uwpop-win-close:hover {
        color: var(--uu-primary);
    }

    .uwpop-win-close:before {
        content: "\00d7";
        font-family: Verdana, sans-serif, 'Courier New';
        color: inherit;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }

.uwpop-win-title {
    min-height: 40px;
    padding: 6px;
    border-bottom: 1px solid var(--uu-e);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: var(--uu-a);
    background-color: var(--uu-f6);
}

    .uwpop-win-title h3 {
        color: var(--uu-7);
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        pointer-events: none;
    }

    .uwpop-win-title p {
        display: inline-flex;
        align-items: center;
        margin: 0 0 0 10px;
        color: var(--uu-6);
        pointer-events: none;
    }

    .uwpop-win-title:hover {
        background-color: var(--uu-e);
        cursor: move;
    }

    .uwpop-win-title .btn {
        padding: 2px 8px;
    }
    .uwpop-win-title .form-control{
        display: inline-block;
        height: 27px !important;
        padding: 2px 6px;
        color: var(--uu-text);
    }
    .uwpop-win-body {
        position: relative;
        min-width: 720px;
        max-width: 1400px;
        min-height: 450px;
        max-height: 700px;
        padding: 0;
        border-radius: 6px;
        overflow: hidden;
        background-color: var(--uu-f);
    }

    .uwpop-win-body.win-body-max {
        width: 1280px;
        height: 514px; /*等于.uu-panel-tbody(467px) + toolbars margin(47px)*/
    }

    .uwpop-win-body.win-body-tablesel {
        min-width: 360px;
        max-width: calc(100vw - 50px);
        min-height: 350px;
        max-height: calc(100vh - 30px); /*用于umTableSel，高度要与用于umExcel的automax一致，其否则会无法显示固定表格脚*/
        width: calc(100vw - 50px);
    }
        .uwpop-win-body.win-body-uwview {
            min-width: 360px;
            max-width: calc(100vw - 50px);
            min-height: 350px;
            max-height: calc(100vh - 30px); /*用于umTableSel，高度要与用于umExcel的automax一致，其否则会无法显示固定表格脚*/
            width: 90vw;
        }
        .uwpop-win-body.win-body-normal {
            min-width: 800px;
            height: 514px; /*等于.uu-panel-tbody(467px) + toolbars margin(47px)*/
        }
    .uwpop-win-body.win-body-automax {
        min-width: 360px;
        max-width: calc(100vw - 10px);
        min-height: 450px;
        max-height: calc(100vh - 30px);
        width: 99vw; /*自适应宽度，必须使用vw才能撑开父容器*/
    }

        .uwpop-win-body.win-body-half {
            min-width: 360px;
            max-width: calc(100vw - 10px);
            min-height: 450px;
            max-height: calc(100vh - 30px);
            width: 60vw; /*自适应宽度，必须使用vw才能撑开父容器*/
        }

        .uwpop-win-body.win-body-half-h {
            min-width: 360px;
            max-width: calc(100vw - 50px);
            min-height: 350px;
            max-height: calc(50vh - 30px);
            width: 90vw;
        }
            .uwpop-win-body.win-body-half-h .uu-panel-whole {
                max-height: calc(50vh - 90px);
            }
            .uwpop-win-body.win-body-half-h.win-body-plugin-hide .uu-panel-whole {
                max-height: calc(50vh - 20px);
            }

        .uwpop-win-body.win-body-plugin-hide .uu-panel-whole {
            max-height: calc(100vh - 80px);
        }
        .uwpop-win-body.win-body-dark .uu-panel-whole {
            background-color: var(--uu-f6);
        }
.win-body-plugin-hide .uu-panel-main {
    margin-top: 0px;
}
.uwpop-win-body.win-body-simu-edit {
    min-width: 640px;
    max-width: calc(100vw - 200px);
    min-height: 25px;
    max-height: calc(100vh - 100px);
    width: 70vw; /*自适应高度，必须使用vw才能撑开父容器*/
    background-color: var(--uu-f6);
    overflow: auto;
}
.uwPop-win-mobile750 {
    min-width: 750px;
    max-width: 750px;
    min-height: 450px;
    max-height: calc(100vh - 60px);
    width: 750px;
    height: calc(100vh - 60px);
}

.uwPop-win-mobile375 {
    min-width: 375px;
    max-width: 375px;
    min-height: 375px;
    max-height: calc(100vh - 60px);
    width: 375px;
    height: calc(100vh - 60px);
    background-color: var(--uu-ww);
}

/*-----uwpop标题*/
.uu-param {
    display: inline-block;
    max-width: 1000px;
    padding: 6px;
    margin: 0 3px;
    line-height: 1;
    color: var(--uu-4);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    border: 1px solid var(--uu-c);
    border-radius: 2px;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*uu-panel总外框*/
.uu-panel {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
/*uu-panel-top，固定头部工具栏容器*/
.uu-panel-top {
    position: absolute;
    top: -47px;
    left: 0;
    width: calc(100% - 5px);
    height: 47px;
    margin: 0;
    padding: 0 1px 0px 6px;
    background-color: var(--uu-f);
    overflow: hidden;
    z-index: 10;
}

/*uu-panel-thead和tbody，其中thead位于uu-panel-top中*/
.uu-panel-thead {
    padding: 0px 0 0 0;
    height: 37px;
    overflow: hidden;
}

.uu-panel-tbody {
    position: relative;
    width: 100%;
    height: 467px;
    margin: 47px 0 0 0;
    padding: 0 6px 6px 6px;
    overflow: hidden scroll;
}

/*uu-panel-top以下左右结构*/
.uu-panel-main {
    display: flex;
    margin: 47px 0 0 0;
    padding: 0;
    border-top: 1px solid var(--uu-e);
}

.uu-panel-left,
.uu-panel-right {
    position: relative;
    flex: auto;
    width: 50%;
    height: 450px;
    margin: 0;
    padding: 6px;
    overflow: hidden scroll;
}
.uu-panel-whole {
    position: relative;
    flex: auto;
    width: 100%;
    min-height: 200px; /*与.uwpop-win-body.win-body-automax的min-height匹配，以解决umExcel.chosen下拉不显示的问题*/
    /*高度与uwpop-win-body和.uu-panel-whole的max-height相关，240px=外上下margin:20+title:40+toolbar:48+maxhead:127+内部padding:12*/
    max-height: calc(100vh - 120px);
    margin: 0;
    padding: 6px;
    background-color: var(--uu-fa);
    overflow: hidden scroll;
}

.uu-panel-right {
    width: 50%;
    padding: 6px 6px 6px 6px;
    border-left: 1px solid var(--uu-e);
}

.win-body-max .uu-panel-left,
.win-body-max .uu-panel-right {
    height: 467px; /*与.uu-panel-tbody(467px)一致*/
}


/*uu-panel-top以下上下结构，uu-panel-pchead和pcbody*/
.uu-panel-main-v {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 47px 0 0 0;
    padding: 0;
    border-top: 1px solid var(--uu-e);
}

.uu-panel-pchead,
.uu-panel-pcbody {
    position: relative;
    flex: none;
    width: 100%;
    margin: 0;
    padding: 6px 0 0 6px;
    overflow: hidden scroll;
}

.uu-panel-pchead {
    min-height: 50px;
    max-height: 145px;
    /*max-height: 127px; 单行40px * 3*/
    border-bottom: 1px solid var(--uu-e);
}

.uu-panel-pcbody {
    padding-top: 2px;
    min-height: 200px; /*与.uwpop-win-body.win-body-automax的min-height匹配，以解决umExcel.chosen下拉不显示的问题*/
    /*高度与uwpop-win-body和.uu-panel-pchead的max-height相关，240px=外上下margin:20+title:40+toolbar:48+maxhead:127+内部padding:12*/
    max-height: calc(100vh - 258px);
}

.uu-head-editor,
.uu-custom-editor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    counter-reset: fieldItem;
}
    /*customEditor*/
    .uu-custom-editor > li {
        position: relative;
        display: flex;
        flex: none;
        align-items: center;
        width: 100%;
        margin: 0px 5px;
        padding: 8px;
        color: var(--uu-3);
        text-align: left;
        overflow: visible;
        white-space: nowrap;
    }
        .uu-custom-editor > li.js-hide {
            display: none;
        }
        .uu-custom-editor > li.more-hide {
            display: none;
        }
        .uu-custom-editor > li:before {
            position: absolute;
            min-width: 22px;
            left: 8px;
            top: 14px;
            content: counter(fieldItem);
            counter-increment: fieldItem;
            padding: 0 3px;
            border-radius: 2px;
            color: var(--uu-group);
            border: 1px solid var(--uu-group);
            text-align: center;
            opacity: .8;
        }
        
        .uu-custom-editor > li:hover {
            background-color: var(--uu-primary-a1);
            box-shadow: 0 0 4px var(--uu-primary-a4) inset;
        }
        
            .uu-custom-editor > li:hover > label {
                color: var(--uu-primary);
            }
        .uu-custom-editor > li > label {
            flex: none;
            width: 130px;
            margin: 0 8px 0 0;
            padding: 2px;
            color: var(--uu-7);
            font-weight: normal;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: all 0.2s ease-in-out 0s;
        }
        .uu-custom-editor > li.uu-num-hide1 > label {
            width: 90%;
            text-align: left;
            font-size: 16px;
            font-weight: 600;
        }
        .uu-custom-editor > li > .uu-custom-editor-field-info {
            display: flex;
            position: relative;
            flex: none;
            align-items: center;
            width: 300px;
            margin: 0 0 0 10px;
            color: var(--uu-7);
            font-size: 12px;
            white-space: normal;
        }
        .uu-custom-editor > li.uu-input-md {
            width: 62%
        }
        .uu-custom-editor > li.uu-input-c2 {
            width: calc(50% - 10px);
        }
        .uu-custom-editor > li.uu-input-c2 > .uu-custom-editor-field-info {
            width: 290px;
        }
        /*c2-p1和c2-p2对齐c2，本质是c2的双input组合样式，其中c2-p1为序号无field-info，c2-p2无序号有field-info*/
        .uu-custom-editor > li.uu-input-c2-p1 {
            width: calc(25% - 135px);
        }
            .uu-custom-editor > li.uu-input-c2-p1 > .uu-custom-editor-field-info {
                display: none;
            }
        .uu-custom-editor > li.uu-input-c2-p2 {
            width: calc(25% + 10px);
        }
            .uu-custom-editor > li.uu-input-c2-p2 > label {
                width: 91px;
            }
            .uu-custom-editor > li.uu-input-c2-p2:before {
                content: none;
            }
            .uu-custom-editor > li.uu-input-c2-p2 > .uu-custom-editor-field-info {
                width: 290px;
            }
        /*c3对齐单个默认input*/
        .uu-custom-editor > li.uu-input-c3 {
            width: calc(30% - 10px);
        }
            .uu-custom-editor > li.uu-input-c3 > .uu-custom-editor-field-info {
                width: 100px;
            }
        /*c42对齐2个c4，c44对齐4个c4*/
        .uu-custom-editor > li.uu-input-c4 {
            width: calc(25% - 10px);
        }
        .uu-custom-editor > li.uu-input-c44 {
            width: calc(100% - 10px);
        }
        .uu-custom-editor > li.uu-input-c43 {
            width: calc(75% - 10px);
        }
        .uu-custom-editor > li.uu-input-c42 {
            width: calc(50% - 10px);
        }
            .uu-custom-editor > li.uu-input-c4 > label,
            .uu-custom-editor > li.uu-input-c42 > label,
            .uu-custom-editor > li.uu-input-c43 > label,
            .uu-custom-editor > li.uu-input-c44 > label {
                text-align: left;
                width: 100px;
                margin-right: 0px;
            }
            .uu-custom-editor > li.uu-input-c4 > .uu-custom-editor-field-info,
            .uu-custom-editor > li.uu-input-c42 > .uu-custom-editor-field-info,
            .uu-custom-editor > li.uu-input-c43 > .uu-custom-editor-field-info,
            .uu-custom-editor > li.uu-input-c44 > .uu-custom-editor-field-info {
                width: auto;
                max-width: 100px;
                margin-left: 0px;
            }
        .uu-custom-editor > li.uu-input-c4,
        .uu-custom-editor > li.uu-input-c42,
        .uu-custom-editor > li.uu-input-c43,
        .uu-custom-editor > li.uu-input-c44 {
            padding-left: 5px;
            padding-right: 5px;
        }
        .uu-custom-editor > li.uu-grid-full {
            flex-wrap: wrap;
        }
            .uu-custom-editor > li.uu-grid-full > .uu-custom-editor-field-info,
            .uu-custom-editor > li.uu-textarea-full > .uu-custom-editor-field-info, 
            .uu-custom-editor > li.uu-textarea-full-lg > .uu-custom-editor-field-info, 
            .uu-custom-editor > li.uu-textarea-full-min > .uu-custom-editor-field-info {
                width: 90%;
                padding-left: 150px;
                margin: 0 0 0 10px;
            }
        .uu-custom-editor > li.uu-num-none {
            padding-left: 0px;
            padding-right: 0px;
        }
            .uu-custom-editor > li.uu-num-none:before,
            .uu-custom-editor > li.uu-num-hide:before,
            .uu-custom-editor > li.uu-num-hide1:before,
            .uu-custom-editor > li.uu-input-c4:before,
            .uu-custom-editor > li.uu-input-c42:before,
            .uu-custom-editor > li.uu-input-c43:before,
            .uu-custom-editor > li.uu-input-c44:before,
            .uu-custom-editor > li.uu-label-none:before {
                content: none;
            }

        .uu-custom-editor > li.uu-num-none:hover {
            background-color: transparent;
            box-shadow: none;
        }
        .uu-custom-editor > li.uu-label-none > label {
            display: none;
        }
        .uu-custom-editor > li.uu-label-none > .uu-custom-editor-field-info {
            padding-left: 0px;
        }
        .uu-custom-editor > li.uu-textarea-full,
        .uu-custom-editor > li.uu-textarea-full-lg,
        .uu-custom-editor > li.uu-textarea-full-min {
            flex-wrap: wrap;
            flex: auto;
            width: 100%;/*原为auto*/
        }
            .uu-custom-editor > li.uu-textarea-full textarea {
                flex: auto;
                width: auto;
                height: 140px; /*刚好6行*/
            }
            .uu-custom-editor > li.uu-textarea-full-lg textarea {
                flex: auto;
                width: auto;
                height: 560px; /*刚好24行*/
            }
            .uu-custom-editor > li.uu-textarea-full-min textarea {
                flex: auto;
                width: auto;
                height: 80px; /*刚好3行*/
            }
        .uu-custom-editor > li.uu-input-part {
            border-top: 1px dotted var(--uu-b);
        }
        .uu-custom-editor > li.uu-input-part-primary {
            border-top: 1px dotted var(--uu-primary);
        }
        .uu-custom-editor > li.uu-input-part-warning {
            border-top: 1px dotted var(--uu-warning);
        }
            .uu-custom-editor > li.uu-input-part:before,
            .uu-custom-editor > li.uu-input-part-primary:before,
            .uu-custom-editor > li.uu-input-part-warning:before {
                content: none;
            }
            .uu-custom-editor > li.uu-info-right > .uu-custom-editor-field-info {
                width: 50%;
                justify-content: space-between;
            }
        .uu-custom-editor > li.uu-input-part-lg {
            border-top-style: solid;
            margin-top: 15px;
            padding-top: 20px;
        }
    .uu-custom-editor > li.uu-input-c42.uu-info-right > .uu-custom-editor-field-info {
        width: calc(50% + 10px);
        max-width: 100%;
        padding-left: 5px;
        justify-content: space-between;
    }
        
        .uu-custom-editor > li.uu-input-c44.uu-info-right > .uu-custom-editor-field-info {
            width: calc(50% + 10px);
            max-width: 100%;
            padding-left: 5px;
            justify-content: space-between;
        }

        .uu-custom-editor > li.uu-finance,
        .uu-custom-editor > li.uu-grid-only {
            width: 100%;
            flex-wrap: wrap;
            padding-left: 5px;
            padding-right: 12px;
        }
            .uu-custom-editor > li.uu-finance:before,
            .uu-custom-editor > li.uu-grid-only:before {
                content: none;
            }
            .uu-custom-editor > li.uu-finance > label,
            .uu-custom-editor > li.uu-grid-only > label {
                display: none;
            }

            .uu-custom-editor > li.uu-finance > .uu-custom-editor-field-info,
            .uu-custom-editor > li.uu-grid-only > .uu-custom-editor-field-info {
                width: 95%;
                padding-left: 5px;
                margin: 0 0 0 0;
            }

        
.uu-widget-group {
    display: flex;
    border-width: 1px 0 0 0;
    border-top: 1px solid var(--uu-primary-a8);
}
.uu-widget-group-title {
    width: 200px;
    padding: 3px;
    color: var(--uu-primary);
    text-align: center;
    border: 1px solid var(--uu-primary-a8);
    border-top-width: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: var(--uu-primary-a1);
}
.uu-group-title {
    width: 250px;
    padding: 5px;
    color: var(--uu-primary);
    text-align: center;
    border: 1px solid var(--uu-border);
    border-top-width: 0;
    border-left-width: 0;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: var(--uu-primary-a1);
}
.uu-widget-group.group-success {
    border-color: var(--uu-success-a8);
}
.group-success .uu-widget-group-title {
    color: var(--uu-success);
    border-color: var(--uu-success-a8);
    background-color: var(--uu-success-a1);
}
.uu-widget-group.group-danger {
    border-color: var(--uu-danger-a8);
}
.group-danger .uu-widget-group-title {
    color: var(--uu-danger);
    border-color: var(--uu-danger-a8);
    background-color: var(--uu-danger-a1);
}
.uu-widget-group.group-warning {
    border-color: var(--uu-warning);
}
.group-warning .uu-widget-group-title {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
    background-color: var(--uu-warning-a1);
}
.uu-widget-group.group-info {
    border-color: var(--uu-info);
}
.group-info .uu-widget-group-title {
    color: var(--uu-info);
    border-color: var(--uu-info);
    background-color: var(--uu-info-a1);
}
.uu-widget-group.group-purple {
    border-color: var(--uu-purple);
}
.group-purple .uu-widget-group-title {
    color: var(--uu-purple);
    border-color: var(--uu-purple);
    background-color: var(--uu-purple-a1);
}
.uu-widget-group.group-gray {
    border-style: dotted;
    border-color: var(--uu-b);
}
.group-gray .uu-widget-group-title {
    color: var(--uu-a);
    border-color: var(--uu-b);
    background-color: var(--uu-a05);
}
/*预设选择框*/
.uu-promotion-preset {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 0;
    width: 680px;
}
    .uu-promotion-preset .uu-simple-sel{
        padding-top: 4px;
        padding-bottom: 4px;
        min-width: 104px;
    }
/*promotion preset 占位符  m4表示补齐4字按钮*/
.preset-m4 {
    margin-right: 119px
}
/*PCT head ,customEditor input*/
.uu-head-editor > li {
    position: relative;
    flex: none;
    display: flex;
    width: 360px;
    margin: 1px 5px;
    padding: 3px 2px 5px 2px;
    color: var(--uu-3);
    text-align: left;
    border-bottom: 1px solid transparent;
    overflow: visible;
    white-space: nowrap;
}

    .uu-head-editor > li:hover {
        border-bottom-color: var(--uu-primary);
    }

        .uu-head-editor > li:hover > label {
            color: var(--uu-primary);
        }

    .uu-head-editor > li > label {
        flex: none;
        width: 100px;
        margin: 7px 0 0 0;
        color: var(--uu-7);
        font-weight: normal;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all 0.2s ease-in-out 0s;
    }

    .uu-custom-editor > li input[js-id]:not([type='umimg']),
    .uu-custom-editor > li select[js-id],
    .uu-head-editor > li input[js-id]:not([type='umimg']),
    .uu-head-editor > li select[js-id] {
        flex: auto;
        background-color: var(--uu-f);
        background-image: none;
        border: 1px solid var(--uu-d);
        border-radius: 1px;
        color: var(--uu-2);
        width: 100%;
        height: 35px;
        padding: 3px 5px;
        transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    }

.uu-custom-editor > li input[js-id]:not([type='umimg']),
.uu-custom-editor > li select[js-id] {
    width: auto;
}
/*可以让umimg对齐input的宽度*/
.uu-custom-editor > li .umimg {
    /*flex: auto;
        max-width: 100% !important;*/
}

.umexcel td .uu-img-thumb {
    height: 22px;
}

.uu-custom-editor > li .uu-field-excel {
    flex: auto;
    background-color: transparent;
    width: auto;
    padding: 3px;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    height: auto;
}
.uu-custom-editor > li .uu-field-umfile {
    flex: auto;
    background-color: transparent;
    width: auto;
    padding: 3px;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    height: auto;
}
.uu-custom-editor > li input[js-id]:not([type='umimg']):focus,
.uu-custom-editor > li select[js-id]:focus,
.uu-head-editor > li input[js-id]:not([type='umimg']):focus,
.uu-head-editor > li select[js-id]:focus {
    border-color: var(--uu-primary);
    box-shadow: 0 0 5px var(--uu-primary-a8);
    outline: 0;
}

.uu-custom-editor > li input[js-id][disabled],
.uu-custom-editor > li input.disabled[js-id],
.uu-custom-editor > li input[js-id][readonly],
.uu-custom-editor > li input[js-id][readonly="readonly"],
.uu-custom-editor > li select[js-id][disabled],
.uu-custom-editor > li select.disabled[js-id],
.uu-custom-editor > li select[js-id][readonly],
.uu-custom-editor > li select[js-id][readonly="readonly"],
.uu-custom-editor > li textarea[js-id].disabled,
.uu-head-editor > li input[js-id][disabled],
.uu-head-editor > li input.disabled[js-id],
.uu-head-editor > li input[js-id][readonly],
.uu-head-editor > li input[js-id][readonly="readonly"],
.uu-head-editor > li select[js-id][disabled],
.uu-head-editor > li select.disabled[js-id],
.uu-head-editor > li select[js-id][readonly],
.uu-head-editor > li select[js-id][readonly="readonly"],
.uu-head-editor > li textarea[js-id].disabled
{
    background-color: var(--uu-e9);
    /*pointer-events: none;*/
}
    .uu-custom-editor > li > .widget-group,
    .uu-head-editor > li > .widget-group {
        display: inline-flex;
        flex: auto;
        vertical-align: middle;
    }
        .uu-custom-editor > li > .widget-group > select,
        .uu-head-editor > li > .widget-group > select {
            height: 35px;
        }
        
        .uu-custom-editor > li > .widget-group > .group-field-info,
        .uu-head-editor > li > .widget-group > .group-field-info {
            display: inline-flex;
            flex: none;
        }
            /*当group-field-info有内容时自动撑开*/
            .uu-custom-editor > li > .widget-group > .group-field-info > div,
            .uu-head-editor > li > .widget-group > .group-field-info > div {
                flex: none;
                width: 35px;
                height: 35px;
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }
    /*select2专用*/
.uu-custom-editor .select2-container,
.uu-head-editor .select2-container {
    flex: auto;
    width: 100% !important; /*用于覆盖select2.js生成的行内绝对宽度*/
    height: 35px;
}

    .uu-custom-editor .select2-container .selection .select2-selection,
    .uu-head-editor .select2-container .selection .select2-selection,
    .btn-group .select2-container .selection .select2-selection {
        height: 35px;
        overflow: auto;
    }
.btn-group.btn-group-expand .select2-container .selection .select2-selection[aria-expanded="true"] {
    height: 200px;
    overflow: auto;
}
.uu-head-editor li.uu-input-md .select2-container .selection .select2-selection {
    /*max-width: 246px;2024-04-30，此值会导致pc widget的sel2长度不足*/
    max-width: 281px;
}
        .uu-custom-editor .select2-container .select2-search--inline .select2-search__field,
        .uu-head-editor .select2-container .select2-search--inline .select2-search__field {
            min-width: 4em !important;
        }
    /*图像专用，用于生成编辑指示*/
    .uu-custom-editor input.umimg-widget-input[type='umimg'] {
        top: 99px;
        left: 207px;
    }
    .uu-head-editor input.umimg-widget-input[type='umimg'] {
        top: 50px;
        left: 106px;
    }
    /*长输入框*/ 
    .uu-head-editor > li.uu-input-big {
        width: 730px;
    }

    /*紧凑型模式，label比默认减少至75px，只支持4个中文，为sm|md|lg*/
.uu-head-editor > li.uu-input-sm > label,
.uu-head-editor > li.uu-input-md > label,
.uu-head-editor > li.uu-input-lg > label,
.uu-head-editor > li.uu-input-full > label{
    width: 75px;
}
.uu-head-editor > li.uu-input-sm {
    width: 175px;
}
.uu-head-editor > li.uu-input-md {
    width: 360px;
}
.uu-head-editor > li.uu-input-lg {
    width: 730px;
}
.uu-head-editor > li.uu-input-full {
    width: calc(100% - 10px);
}
        
/*滚动条，特别的，为了显示明显，.uu-panel-tbody和pcbody滚动条不设置浅色*/
.uu-panel::-webkit-scrollbar-thumb,
.uu-panel-left::-webkit-scrollbar-thumb,
.uu-panel-right::-webkit-scrollbar-thumb{
    background-color: var(--uu-ba15);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.uu-panel-pchead::-webkit-scrollbar-thumb {
    background-color: var(--uu-primary-a9);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.uu-excel-scroll::-webkit-scrollbar-thumb,
.uu-excel-scroll-sm::-webkit-scrollbar-thumb {
    background-color: var(--uu-a3);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*----------widget的toolbar*/
.uu-panel-toolbar {
    width: calc(100% - 5px);
    padding: 6px 0 5.42px 0;
    overflow: hidden;
    z-index: 1;
}

    .uu-panel-toolbar .form-control {
        width: 150px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .uu-panel-toolbar .btn {
        color: var(--uu-6);
    }

        .uu-panel-toolbar .btn > i {
            font-size: 18px;
            vertical-align: middle;
        }

    .uu-panel-toolbar .form-control.js-pct-search {
        width: 245px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
.uu-search-arrow:before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 42px;
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    border-top-color: var(--uu-primary);
    z-index: 1;
}
.pct-search-label {
    margin-bottom: 0;
    margin-right: -1px;
    border: 1px solid var(--uu-c);
    background-color: var(--uu-f0);
    cursor: default;
}
.uu-icon-input {
    display: inline-flex;
    padding: 0px 0px 0px 0;
    align-items: center;
    vertical-align: middle;
    min-height: 33px;
}

    .uu-icon-input > label,
    .uu-icon-input > input {
        flex: auto;
        margin: 0;
    }

    .uu-icon-input > label {
        padding-left: 6px;
        padding-right: 6px;
        color: var(--uu-6);
    }

        .uu-icon-input > label > i {
            font-size: 18px;
            vertical-align: middle;
        }

.uu-control-plugin {
    display: inline-flex;
    margin: 0 0 0 10px;
    padding: 0px 0px 0px 0;
    align-items: center;
    vertical-align: middle;
}
/*----------editor中input*/
.uu-list-editor {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .uu-list-editor > li {
        position: relative;
        display: flex;
        padding: 8px 8px 8px 0;
        align-items: center;
    }

        .uu-list-editor > li:hover {
            background-color: var(--uu-primary-a1);
            box-shadow: 0 0 4px var(--uu-primary-a4) inset;
        }

        .uu-list-editor > li > label,
        .uu-list-editor > li > input,
        .uu-list-editor > li > div.umimg {
            flex: auto;
        }

        .uu-list-editor > li > label {
            width: 35%;
            margin: 0;
            padding: 0 6px 0 0;
            text-align: right;
        }

        .uu-list-editor > li > input,
        .uu-list-editor > li > div.umimg {
            width: 65%;
        }

            .uu-list-editor > li > input.umimg-widget-input {
                display: none;
            }

        .uu-list-editor > li > .widget-group {
            display: inline-flex;
            width: 65%;
            vertical-align: middle;
        }

            .uu-list-editor > li > .widget-group > select {
                flex: auto;
                width: calc(100% - 35px);
                height: 35px !important;
            }

            .uu-list-editor > li > .widget-group > .group-field-info {
                display: inline-flex;
            }

                .uu-list-editor > li > .widget-group > .group-field-info > div {
                    flex: auto;
                    width: 35px;
                    height: 35px;
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 0;
                }
/*----------editor中widget按钮*/

.uw-btn-sm {
    display: inline-block;
    margin: 0;
    padding: 6px 4px;
    color: var(--uu-f);
    border-width: 0px;
    border-radius: 3px;
    background-color: var(--uu-primary);
    outline: none;
    justify-content: center;
    align-items: center;
}

    .uw-btn-sm:hover {
        color: #fff;
        background-color: var(--uu-primary-h);
    }

    .uw-btn-sm.btn-primary {
        background-color: var(--uu-primary);
    }

        .uw-btn-sm.btn-primary:hover {
            background-color: var(--uu-primary-h);
        }

    .uw-btn-sm.btn-secondary {
        background-color: var(--uu-secondary);
    }

        .uw-btn-sm.btn-secondary:hover {
            background-color: var(--uu-secondary-h);
        }

    .uw-btn-sm.btn-info {
        background-color: var(--uu-info);
    }

        .uw-btn-sm.btn-info:hover {
            background-color: var(--uu-info-h);
        }

    .uw-btn-sm.btn-warning {
        background-color: var(--uu-warning);
    }

        .uw-btn-sm.btn-warning:hover {
            background-color: var(--uu-warning-h);
        }

    .uw-btn-sm.btn-danger {
        background-color: var(--uu-danger);
    }

        .uw-btn-sm.btn-danger:hover {
            background-color: var(--uu-danger-h);
        }
.uw-btn-sm-align-top {
    align-self: flex-start;
    margin-top: 8px;
}
.uwcode {
    margin-right: 2px;
}
/*----------crossjoin-table中widget按钮*/
.uu-crossjoin-table {
}

    .uu-crossjoin-table .form-control {
        display: inline-block;
        width: 65px;
        height: 29px;
        padding: 0px 3px;
        color: var(--uu-2);
    }

.table.uu-crossjoin-table > tbody > tr:hover {
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 5px var(--uu-primary-a6) inset;
}

table.uu-crossjoin-table > tbody > tr:nth-child(even) {
    background-color: var(--uu-e);
}

table.uu-crossjoin-table > tbody > tr > td {
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
}

    table.uu-crossjoin-table > tbody > tr > td > input[readonly] {
        border-color: transparent;
        background-color: transparent;
    }

.umunit {
    color: var(--uu-primary);
    cursor: pointer;
}

    .umunit:hover {
        color: var(--uu-warning);
    }

table.uu-crossjoin-table .uu-cj-row-no {
    vertical-align: middle;
}

    table.uu-crossjoin-table .uu-cj-row-no > small {
        display: inline-block;
        min-width: 20px;
        padding: 0px 3px;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #fff;
        text-align: center;
        background-color: var(--uu-primary-a5);
        border-radius: 2px;
    }

.table.uu-crossjoin-table > tbody > tr:hover > .uu-cj-row-no {
    color: var(--uu-warning);
}

    .table.uu-crossjoin-table > tbody > tr:hover > .uu-cj-row-no > small {
        background-color: var(--uu-warning);
    }
/*-----td card-----*/
.td-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;
    padding: 10px;
    font-size: 12px;
    border: 1px solid var(--uu-a1);
    border-radius: 10px;
    box-shadow: 0 0 6px var(--uu-a1);
    list-style: none;
    overflow: hidden;
}
.td-card-min,
.td-card-tiny {
    max-width: 500px;
    max-height: 120px;
    padding-bottom: 5px;
    overflow: visible scroll;
}
.td-card-min {
    max-height: 500px;
}
/*-----box card-----*/
.box-card {
    display: flex;
    flex-direction: column;
    flex: none;
    position: relative;
    width: 300px;
    padding: 10px;
    margin: 15px;
    font-size: 14px;
    border: 1px solid var(--uu-a1);
    border-radius: 10px;
    box-shadow: 0 0 8px var(--uu-a1);
    background-color: var(--uu-f);
    list-style: none;
    overflow: hidden;
}
    .box-card:hover {
        border-color: var(--uu-primary-a4);
        box-shadow: 0 0 8px var(--uu-info-a3);
    }
.box-card > h2 {
    margin: 8px 0;
    font-size: 21px;
}
.card-toolbar {
    display: flex;
    position:absolute;
    right: 10px;
    bottom: 10px;
    justify-content: flex-end;
}
.card-toolbar > span {
    margin: 0 10px;
}
.card-tag {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1px 10px;
    font-size: 12px;
    color: var(--uu-f);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: var(--uu-primary);
}
/*-----box outline-----*/
.box-outline {
    position: relative;
    min-width: 150px;
    max-width: 400px;
    padding: 5px;
    margin: 5px;
    font-size: 14px;
    border: 1px solid var(--uu-a1);
    border-radius: 8px;
    box-shadow: 0 0 5px var(--uu-a1);
    background-color: var(--uu-f);
    list-style: none;
    overflow: hidden;
}
    .box-outline:hover {
        border-color: var(--uu-warning-a4);
        box-shadow: 0 0 5px var(--uu-warning-a3);
    }

    .box-outline > h2 {
        margin: 2px 0;
        font-size: 18px;
        font-weight: 600;
    }

    .box-outline:hover .box-outline-clone,
    .box-outline:hover .box-outline-edit,
    .box-outline:hover .box-outline-del {
        display: block;
    }
.box-outline-clone,
.box-outline-edit,
.box-outline-del {
    display: none;
    position: absolute;
    top: 6px;
    right: 3px;
    width: 20px;
    height: 20px;
    color: var(--uu-a);
    cursor: pointer;
}
.box-outline-clone {
    right: 60px;
    top: 5px;
}
.box-outline-edit {
    right: 30px;
    top: 7px;
}
.box-outline-clone:hover {
    color: var(--uu-primary);
}
.box-outline-edit:hover {
    color: var(--uu-warning);
}
.box-outline-del:hover {
    color: var(--uu-danger);
}
.box-outline-clone::after,
.box-outline-edit::after,
.box-outline-del::after {
    content: "\f00d";
    font: normal normal normal 14px / 1 FontAwesome;
    color: inherit;
    font-size: 17px;
    font-weight: 100;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
    .box-outline-clone::after {
        content: "\f0c5";
    }
.box-outline-edit::after {
    content: "\f044";
}
/*=====================================================================================
                                     engine 
======================================================================================*/
        .uwpop-win-body.engine-body-automax {
            min-width: 640px;
            max-width: 99vw;
            min-height: 450px;
            max-height: calc(100vh - 30px);
            width: 99vw; /*自适应宽度，必须使用vw才能撑开父容器*/
        }

.engine-body-automax .uu-panel-main {
    height: calc(100vh - 120px);
}

.engine-body-automax .uu-panel-left {
    flex: none;
    height: calc(100vh - 120px);
    width: 250px;
}

.engine-body-automax .uu-panel-right {
    height: calc(100vh - 120px);
    width: calc(100% - 250px);
}
/*----------step*/
.js-flow-step {
    counter-reset: stepItem;
}

.js-flow-list {
    margin-right: -5px;
}

.step {
    font-size: 14px;
}

.step-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border-width: 0px;
    border-top-width: 2px;
    border-style: solid;
}

.uu-primary {
    color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.uu-success {
    color: var(--uu-success);
    border-color: var(--uu-success);
}

.uu-info {
    color: var(--uu-info);
    border-color: var(--uu-info);
}

.uu-warning {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
}

.uu-danger {
    color: var(--uu-danger);
    border-color: var(--uu-danger);
}

.step-title {
    position: relative;
    flex: 0 0 40%;
    margin: 0 10px 0 0;
    padding: 5px 160px 5px 5px;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

    .step-title:hover {
        background-color: var(--uu-a05);
    }

    .step-title span {
        color: var(--uu-7);
        font-size: 12px;
    }

    .step-title:before {
        content: counter(stepItem);
        counter-increment: stepItem;
        display: inline-block;
        min-width: 30px;
        text-align: center;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        transition: all 0.2s ease-in-out;
    }
/*----------折叠与flowlist的联动*/
.uu-c-collapse-ex.step-title:before,
.collapse-ex.flow-list-item:before {
    color: #fff;
    background-color: var(--uu-danger);
}
/*----------箭头样式*/
.step-title.uu-c-collapse:after {
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    color: inherit;
    background: transparent;
    border-width: 2px 2px 0 0;
    border-style: solid;
    opacity: 0.5;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.step-title.uu-c-collapse.uu-c-collapse-ex:after {
    border-color: var(--uu-f50);
    opacity: 1;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*----------summary*/
.step-title .step-summary {
    position: absolute;
    right: 37px;
    top: 50%;
    min-height: 16px;
    min-width: 16px;
    margin-top: -8px;
    padding: 1px 6px;
    line-height: 1;
    font-size: 12px;
    font-style: normal;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
}
/*----------watch tab*/
.step-watch {
    flex: 1 1 auto;
    margin: 0;
    padding-left: 240px;
}

.js-watchtab {
    padding: 4px 10px;
    line-height: 1.42857;
}

    .js-watchtab.btn-white.active:after {
        height: 1px;
        background-color: var(--uu-danger);
    }

    .js-watchtab.btn-white.active {
        color: var(--uu-danger) !important;
        background-color: var(--uu-f6);
        box-shadow: 0 1px 3px var(--uu-a1) inset;
    }

.uu-s-sup {
    position: absolute;
    top: -9px;
    left: 5px;
    display: block;
    min-width: 10px;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--uu-primary);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    z-index: 1;
}

.uu-s-sup-point {
    top: -6px;
    left: 8px;
    min-height: 10px;
    background-color: var(--uu-danger);
}
.uu-s-sup-td {
    top: -11px;
    left: 6px;
    z-index: auto;
}
/*补款*/
.uu-s-sup-bottom {
    top: auto;
    bottom: -11px;
}
/*下标，sku促销总额*/
.uu-s-tail {
    position: absolute;
    top: 2px;
    right: -2px;
    display: block;
    min-width: 10px;
    padding: 1px 2px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: var(--uu-danger);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 1px solid var(--uu-danger);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    z-index: auto;
}
tr.selected .uu-s-tail {
    color: var(--uu-ww);
    border-color: var(--uu-ww);
}
.uu-tab-badge {
    display: inline-block;
    padding: 1px 4px;
    margin: 0 0 0 5px;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    white-space: nowrap;
}
.uu-sync-flag {
    top: 25px;
    left: 14px;
    line-height: 16px;
    background-color: var(--uu-danger-h);
}
.uu-resell-flag {
    top: 25px;
    left: 14px;
    line-height: 16px;
    background-color: var(--uu-purple);
}
.step-content {
    position: relative;
}

    .step-content .uu-page-top {
        position: absolute;
        top: -42px;
        left: calc(40% + 20px);
        margin: 0;
    }

/*----------plugin btn*/
.step-plugin {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.plugin-btn {
    margin: 0;
    padding: 3px 4px;
    color: var(--uu-f6);
    border-radius: 3px;
    background-color: var(--uu-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .plugin-btn > i {
        margin-right: 5px;
    }

    .plugin-btn:hover {
        color: #fff;
        background-color: var(--uu-primary-h);
    }

    .plugin-btn.btn-secondary {
        background-color: var(--uu-secondary);
    }

        .plugin-btn.btn-secondary:hover {
            background-color: var(--uu-secondary-h);
        }

    .plugin-btn.btn-info {
        background-color: var(--uu-info);
    }

        .plugin-btn.btn-info:hover {
            background-color: var(--uu-info-h);
        }

    .plugin-btn.btn-warning {
        background-color: var(--uu-warning);
    }

        .plugin-btn.btn-warning:hover {
            background-color: var(--uu-warning-h);
        }

    .plugin-btn.btn-danger {
        background-color: var(--uu-danger);
    }

        .plugin-btn.btn-danger:hover {
            background-color: var(--uu-danger-h);
        }
.show-onalert{
    visibility: hidden;
}
.show-onalert.plugin-onalert{
    visibility: visible;
}
/*----------flow-list*/
.flow-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: steplist;
}

.flow-list-item {
    display: block;
    position: relative;
    margin: 0 0 6px 0;
    padding: 6px;
    font-size: 14px;
    line-height: 1.4;
    border-width: 0;
    border-right-width: 2px;
    border-style: solid;
    cursor: pointer;
}

    .flow-list-item:hover {
        background-color: var(--uu-a05);
    }

    .flow-list-item:before {
        content: counter(steplist);
        counter-increment: steplist;
        display: inline-block;
        min-width: 24px;
        text-align: center;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        transition: all 0.2s ease-in-out;
    }

.list-active {
    background-color: var(--uu-primary-a1);
}
/*=====================================================================================
                                     umWatchGrid
======================================================================================*/
.watch-grid {
    margin-bottom: 10px;
    color: var(--uu-3);
    border-top: 1px solid var(--uu-d);
}

table.table.watch-grid > tbody > tr.row-sel {
    background-color: var(--uu-primary-a3);
}

.watch-grid > thead > tr > th {
    position: relative;
    background-color: var(--uu-a05);
    white-space: nowrap;
}

    .watch-grid > thead > tr > th.th-sorting {
        padding-right: 20px;
        cursor: pointer;
    }

.th-sorting:hover {
    color: var(--uu-primary-a8);
}

.th-sorting:before,
.th-sorting:after {
    position: absolute;
    display: block;
    right: 5px;
    bottom: 15px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0.25;
}

.th-sorting:before {
    bottom: 15px;
    content: "\f0d8";
}

.th-sorting:after {
    bottom: 7px;
    content: "\f0d7";
}

.th-sorting.sort_asc,
.th-sorting.sort_desc {
    color: var(--uu-primary);
}

    .th-sorting.sort_asc:before {
        color: var(--uu-primary);
        opacity: 1;
    }

    .th-sorting.sort_asc:after {
        opacity: 0;
    }

    .th-sorting.sort_desc:before {
        opacity: 0;
    }

    .th-sorting.sort_desc:after {
        color: var(--uu-primary);
        opacity: 1;
    }
/*=====================================================================================
                                     wizard 
======================================================================================*/
.uu-wizard-page {
    padding: 0;
    width: 100%;
    height: 100%;
}
.uwpop-win-body.wizard-body-automax {
    min-width: 640px;
    max-width: 99vw;
    min-height: 500px;
    max-height: calc(100vh - 50px);
    width: 99vw; /*自适应宽度，必须使用vw才能撑开父容器*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.uwpop-win-body.wizard-body-normal {
    min-width: 640px;
    max-width: 1400px;
    min-height: 500px;
    max-height: calc(100vh - 80px);
    width: 1400px; /*自适应宽度，必须使用vw|px才能撑开父容器*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.uu-wizard-page .uwpop-win-body {
    min-width: 640px;
    max-width: calc(100vw - 100px);
    min-height: 500px;
    max-height: 100%;
    width: calc(100vw - 100px); /*自适应宽度，必须使用vw才能撑开父容器*/
    height: 100%; /*撑满父(content-scroll)高度*/
    background-color: transparent;
}
/*撑满父(.uwpop-win-body)高度*/
.uu-wizard-page .uu-panel {
    height: calc(100% - 130px);
}
/*撑满父(.uu-panel)高度*/
.uu-wizard-page .uu-wizard-main {
    height: 100%;
}
.uu-wizard-page .uu-wizard-step {
    max-height: 100%;
}
/*固定头部工具栏容器*/
.uu-wizard-nav {
    position: absolute;
    left: 0;
    top: -130px;
    height: 130px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--uu-f);
    overflow: hidden;
    z-index: 4;
}
.uu-wizard-toolbar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
}
.uu-wizard-main {
    position: relative;
    display: flex;
    flex: auto;
    margin: 130px 0 0 0; /*与uu-wizard-nav的top与height一致*/
    padding: 0;
    overflow: hidden scroll;
}

/*---------垂直布局*/
.uu-wizard-vertical.uu-panel {
    display: flex;
    flex-direction: row;
}
.uu-wizard-vertical .uu-wizard-nav {
    position: relative;
    top: 0;
    left: 0;
    width: 290px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden scroll;
}
    .uu-wizard-vertical .uu-wizard-nav .wizard-flow-list[mode='steps'] {
        flex-direction: column;
        margin: 80px 0 20px 0;
    }
    .uu-wizard-vertical .uu-wizard-nav .wizard-flow-list {
        flex-direction: column;
        margin: 20px 0 20px 0;
    }
.uu-wizard-vertical .uu-wizard-main {
    margin: 0;
}

.uu-wizard-vertical .wizard-flow-list:before,
.uu-wizard-vertical .wizard-flow-list:after {
    content: none; /*垂直时没有流程线及动画*/
}
.uu-wizard-vertical .wizard-flow-list-item {
    flex-direction: row;
    width: 260px;
    padding: 10px 0;
}
.uu-wizard-vertical .wizard-flow-list-item:hover {
    flex-direction: row;
    width: 260px;
    padding: 10px 0;
}
    .uu-wizard-vertical .wizard-flow-list-item > .list-item-name {
        align-items: center;
    }
        .uu-wizard-vertical .wizard-flow-list-item > .list-item-name > i {
            margin-top: 0;
        }
.uu-wizard-vertical .wizard-flow-list-item:before {
    margin: 0 15px;
}
.uu-wizard-vertical .wizard-list-active.wizard-flow-list-item:after {
    top: 0px;
    left: auto;
    right: 0px;
    bottom: 100%;
    height: 100%;
    width: 2px;
    box-shadow: 2px 0 5px var(--uu-info-a3);
}

.uu-wizard-vertical .uu-wizard-prev,
.uu-wizard-vertical .uu-wizard-next {
    height: 70px;
    width: 45%;
}
.uu-wizard-vertical .uu-wizard-next {
    right: 10px;
}
.uu-wizard-vertical i.fa-chevron-left:before {
    content: "\f077";
}
.uu-wizard-vertical i.fa-chevron-right:before {
    content: "\f078";
}
.uu-wizard-vertical .uu-wizard-step {
    max-height: calc(100vh - 150px);
}

/*----------wizard-flow-list*/
.wizard-flow-list {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 100px;
    padding: 0;
    list-style: none;
    counter-reset: wizardlist;
}

/*流程线及动画*/
    .wizard-flow-list:before {
        content: "";
        position: absolute;
        top: 52px;
        left: 100px;
        right: 100px;
        height: 3px;
        border-bottom: 1px solid var(--uu-a2);
    }
    .wizard-flow-list:after {
        content: "";
        position: absolute;
        top: 54px;
        left: 100px;
        width: 30px;
        height: 2px;
        border-radius: 4px;
        background: linear-gradient(to right, var(--uu-info-a1) 0%, var(--uu-info-a5) 30%, var(--uu-info) 50%, var(--uu-info-a5) 70%, var(--uu-info-a1) 100%);
        box-shadow: 0 0 5px var(--uu-info-a6);
        z-index: -1; /*在step之下*/
        animation-name: moveToRight;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-delay: 3s;
    }
.theme-dark .wizard-flow-list:after {
    box-shadow: 0 0 5px var(--uu-wwa6);
}
.wizard-body-automax .wizard-flow-list:after,
.wizard-body-page .wizard-flow-list:after {
    animation-name: moveToRight1500;
    animation-duration: 10s;
    animation-delay: 3s;
}

/*流程项*/
.wizard-flow-list-item {
    display: flex;
    position: relative;
    flex: none;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 30px 5px 15px 5px;
    width: 210px;
    font-size: 14px;
    line-height: 1.4;
    background-color: var(--uu-f);
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    user-select: none;
}

.wizard-flow-list .wizard-flow-list-item:hover {
    color: var(--uu-primary-h);
    background-color: var(--uu-f7);/*背景色f3*/
}

    .wizard-flow-list-item:before {
        content: counter(wizardlist);
        counter-increment: wizardlist;
        display: inline-block;
        flex: none;
        width: 22px;
        height: 22px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        border-width: 1px;
        border-style: solid;
    }

    .wizard-flow-list-item > .list-item-name {
        position: relative;
        display: flex;
        margin: 10px 0;
        font-size: 16px;
    }

        .wizard-flow-list-item > .list-item-name > i {
            width: 30px;
            margin-top: 3px;
            text-align:center;
        }

        .wizard-flow-list-item > .list-item-name > span {
            padding: 0 5px 0 0;
        }
/*step active & done*/
.wizard-list-active.wizard-flow-list-item:before {
    box-shadow: 0 0 5px var(--uu-info-h);
}
.wizard-list-active.wizard-flow-list-item:after {
    content: "";
    position: absolute;
    top: 108px;
    left: 10%;
    height: 2px;
    width: 80%;
    background-color: var(--uu-primary);
    box-shadow: 0 2px 5px var(--uu-info-a5);
    animation: lineGrow 0.15s ease-out;
    -webkit-animation: lineGrow 0.15s ease-out;
    z-index: 1;
}
.theme-dark .wizard-list-active.wizard-flow-list-item:after {
    box-shadow: 0 2px 5px var(--uu-info);
}
.wizard-list-active.wizard-flow-list-item > .list-item-name:after {
    content: "";
    position: absolute;
    top: 48px;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: var(--uu-primary);
    z-index: 1;
}
/*----------wizard-step*/
.js-wizard-step {
    flex: auto;
}
.uu-wizard-step {
    position: relative;
    min-height: 100px;
    max-height: calc(100vh - 250px);
    padding: 10px 10px;
    transition: opacity 0.3s ease-out;
}
/*slide for dialog，注意必须为99vw，要配合umWizard.js umWizard.showStep控制宽度*/
.js-wizard-step.uu-wizard-step-slide {
    display: flex;
    width: 990vw; /*横向扩展必需，最多10个横屏*/
    overflow: visible; /*横向扩展必需*/
    transition: transform 0.45s ease-out;
}

    .js-wizard-step.uu-wizard-step-slide .uu-wizard-step {
        width: 99vw;
    }
/*slide for page，注意必须为calc(100vw - 100px)，要配合umWizard.js umWizard.showStep控制宽度*/
.wizard-body-page .js-wizard-step.uu-wizard-step-slide {
    display: flex;
    width: calc(800vw - 100px); /*横向扩展必需，最多6个横屏*/
    overflow: visible; /*横向扩展必需*/
    transition: transform 0.45s ease-out;
}

    .wizard-body-page .js-wizard-step.uu-wizard-step-slide .uu-wizard-step {
        width: calc(100vw - 100px);
    }

/*----------step button*/
.uu-wizard-prev,
.uu-wizard-next {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 70px;
    height: 110px;
    flex: none;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--uu-primary);
    cursor: pointer;
    z-index: 1;
}
.uu-wizard-next{
    left: auto;
    right: 0;
}
    .uu-wizard-prev:hover,
    .uu-wizard-next:hover {
        color: var(--uu-warning);
        background-color: var(--uu-a05);
    }
    .uu-wizard-prev.disabled,
    .uu-wizard-next.disabled {
        color: var(--uu-a2);
    }
.finish > i.fa-chevron-right:before {
    content: "\f00c" !important;
    color: var(--uu-danger);
}
/*----------step done color*/
.wizard-list-done.step-primary {
    color: var(--uu-primary-a5);
    border-color: var(--uu-primary-a5);
}

.wizard-list-done.step-success {
    color: var(--uu-success-a5);
    border-color: var(--uu-success-a5);
}

.wizard-list-done.step-info {
    color: var(--uu-info-a5);
    border-color: var(--uu-info-a5);
}

.wizard-list-done.step-warning {
    color: var(--uu-warning-a5);
    border-color: var(--uu-warning-a5);
}

.wizard-list-done.step-danger {
    color: var(--uu-danger-a5);
    border-color: var(--uu-danger-a5);
}

.wizard-list-done.wizard-flow-list-item.step-primary:before {
    color: #fff;
    border-color: var(--uu-primary-a8);
    background-color: var(--uu-primary-a8);
}

.wizard-list-done.wizard-flow-list-item.step-success:before {
    color: #fff;
    border-color: var(--uu-success-a8);
    background-color: var(--uu-success-a8);
}

.wizard-list-done.wizard-flow-list-item.step-info:before {
    color: #fff;
    border-color: var(--uu-info-a8);
    background-color: var(--uu-info-a8);
}

.wizard-list-done.wizard-flow-list-item.step-warning:before {
    color: #fff;
    border-color: var(--uu-warning-a8);
    background-color: var(--uu-warning-a8);
}

.wizard-list-done.wizard-flow-list-item.step-danger:before {
    color: #fff;
    border-color: var(--uu-danger-a8);
    background-color: var(--uu-danger-a8);
}
/*----------step active color*/
.step-primary,
.step-success,
.step-info,
.step-warning,
.step-danger {
    color: var(--uu-6);
    border-color: var(--uu-6);
}
.wizard-list-active.step-primary {
    color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.wizard-list-active.step-success {
    color: var(--uu-success);
    border-color: var(--uu-success);
}

.wizard-list-active.step-info {
    color: var(--uu-info);
    border-color: var(--uu-info);
}

.wizard-list-active.step-warning {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
}

.wizard-list-active.step-danger {
    color: var(--uu-danger);
    border-color: var(--uu-danger);
}

.wizard-list-active.wizard-flow-list-item.step-primary:before {
    color: #fff;
    border-color: var(--uu-primary);
    background-color: var(--uu-primary);
}
.wizard-list-active.wizard-flow-list-item.step-success:before {
    color: #fff;
    border-color: var(--uu-success);
    background-color: var(--uu-success);
}
.wizard-list-active.wizard-flow-list-item.step-info:before {
    color: #fff;
    border-color: var(--uu-info);
    background-color: var(--uu-info);
}
.wizard-list-active.wizard-flow-list-item.step-warning:before {
    color: #fff;
    border-color: var(--uu-warning);
    background-color: var(--uu-warning);
}
.wizard-list-active.wizard-flow-list-item.step-danger:before {
    color: #fff;
    border-color: var(--uu-danger);
    background-color: var(--uu-danger);
}
/*----------------------------首页专用样式---------------------------*/
.uu-home {
    position: relative;
    min-height: 400px;
    padding: 0;
}
    .uu-home:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 400px;
        height: 300px;
        background-repeat: no-repeat;
        background-size: contain; /*不使用auto，否则图片有变形*/
        opacity: 1;
        z-index: -1;
    }
.theme-dark .uu-home:after {
    opacity: 0.6;
}
.home1:after {
    background-image: url("../images/home/home1.png");
}
.home2:after {
    background-image: url("../images/home/home2.png");
}
.home3:after {
    background-image: url("../images/home/home3.png");
}
.home4:after {
    background-image: url("../images/home/home4.png");
}
/*---------home content*/
.uu-home h1,
.uu-home h2,
.uu-home h3 {
    margin: 5px 0;
    font-weight: 100;
}
.uu-metrics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;            /*交互轴对齐*/
    align-content: space-between;   /*换行后，即多轴对齐*/
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-wa5);
}
    .uu-metrics .uu-newline {
        flex: none !important;
        width: 100% !important;
        font-family: uunum,'Lucida Sans', Roboto, sans-serif;
    }
    .uu-metrics .uu-note {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5px 0 5px 3px;
        font-size: 13px;
        color: var(--uu-6);
    }
/*bulletin*/
.bulletin-progress {
    position: absolute;
    display: block;
    left: 0;
    top: -1px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    background-color: var(--uu-info-h);
    box-shadow: 0 0 5px 1px var(--uu-info-a3);
    transform-origin: 0 0;
    z-index: 1;
    animation: progress 60s ease-in;
    -webkit-animation: progress 60s ease-in;
    animation-iteration-count: infinite;
}
.theme-dark .bulletin-progress {
    box-shadow: 0 0 7px 1px var(--uu-info-a5);
}
.icon-title-ver {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
    line-height: 1.2;
    font-size: 36px;
    color: var(--uu-a6);
    font-weight: 100;
    text-align: center;
}
.icon-label {
    position: absolute;
    top: 13px;
    left: 5px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    font-size: 16px;
    color: var(--uu-a6);
    text-align: center;
}
    .icon-label > .fa {
        font-size: 24px;
    }
.icon-tag {
    position: absolute;
    top: -7px;
    left: 4px;
    min-width: 18px;
    height: 18px;
    line-height: 16px;
    padding: 0 2px;
    font-size: 12px;
    color: var(--uu-ww);
    text-align: center;
    border: 1px solid var(--uu-wwa5);
    border-radius: 20px;
    background-color: var(--uu-info-h);
    z-index: 1;
}

/*为方便tag与badge按同色处理时有区别，颜色定义设为与含义不同*/
.icon-tag-primary{
    background-color: var(--uu-info);
}

.icon-tag-warning {
    background-color: var(--uu-danger);
}
.uu-tag {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 14px;
    line-height: 14px;
    padding: 0 2px;
    font-size: 12px;
    color: var(--uu-ww);
    text-align: center;
    border-radius: 20px;
    background-color: var(--uu-info-a5);
    z-index: 1;
}
.uu-tag-br {
    top: auto;
    bottom: 0;
    right: 0;
    padding: 0 5px;
    border-radius: 0;
    border-top-left-radius: 3px;
}
.uu-tag-danger {
    background-color: var(--uu-danger-a5);
}
.uu-tag-gray {
    background-color: var(--uu-a3);
}
.info-row-2 {
    position: absolute;
    top: 15px;
    left: 65px;
    display: flex;
    margin: 0;
    width: 175px;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.3;
    font-size: 12px;
    color: var(--uu-a6);
    text-align: center;
}
.uu-order-box {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 280px;
    padding: 9px 5px;
    margin: 5px;
    font-size: 12px;
    box-shadow: 0 0 1px 1px var(--uu-a1) inset;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .uu-order-box:before,
    .uu-order-box:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        border-color: var(--uu-a2);
        border-style: solid;
        border-width: 1px 0 1px 1px;
    }
    .uu-order-box:after {
        left: auto;
        right: 0;
        border-width: 1px 1px 1px 0;
    }
.theme-dark .uu-order-box:before,
.theme-dark .uu-order-box:after {
    border-color: var(--uu-info-a8);
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulse-corner-line;
}
/*dark 模式*/
.theme-dark .uu-metrics {
    border-top-color: var(--uu-info-a3);
    /*animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulse-glow;*/
}
    .theme-dark .uu-metrics:before,
    .theme-dark .uu-metrics:after {
        content: '';
        position: absolute;
        left: -1px;
        bottom: -1px;
        width: 10px;
        height: 10px;
        border-style: solid;
        border-color: var(--uu-info);
        border-width: 0 0 1px 1px;
        box-shadow: -2px 2px 4px var(--uu-info-a5);
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner-line;
    }
    .theme-dark .uu-metrics:after {
        left: auto;
        right: -1px;
        bottom: -1px;
        border-width: 0 1px 1px 0;
        box-shadow: 2px 2px 4px var(--uu-info-a5);
    }
/*metrics颜色定义，默认为info*/
    .theme-dark .uu-metrics.uu-m-primary {
        border-top-color: var(--uu-primary-a3);
    }
        .theme-dark .uu-metrics.uu-m-primary:before {
            border-color: var(--uu-primary);
            box-shadow: -2px 2px 4px var(--uu-primary-a5);
        }
        .theme-dark .uu-metrics.uu-m-primary:after {
            border-color: var(--uu-primary);
            box-shadow: 2px 2px 4px var(--uu-primary-a5);
        }

    .theme-dark .uu-metrics.uu-m-warning {
        border-top-color: var(--uu-warning-a3);
    }
        .theme-dark .uu-metrics.uu-m-warning:before {
            border-color: var(--uu-warning);
            box-shadow: -2px 2px 4px var(--uu-warning-a5);
        }
        .theme-dark .uu-metrics.uu-m-warning:after {
            border-color: var(--uu-warning);
            box-shadow: 2px 2px 4px var(--uu-warning-a5);
        }
    .theme-dark .uu-metrics.uu-m-success {
        border-top-color: var(--uu-success-a3);
    }

        .theme-dark .uu-metrics.uu-m-success:before {
            border-color: var(--uu-success);
            box-shadow: -2px 2px 4px var(--uu-success-a5);
        }

        .theme-dark .uu-metrics.uu-m-success:after {
            border-color: var(--uu-success);
            box-shadow: 2px 2px 4px var(--uu-success-a5);
        }
    .theme-dark .uu-metrics.uu-m-danger {
        border-top-color: var(--uu-danger-a3);
    }

        .theme-dark .uu-metrics.uu-m-danger:before {
            border-color: var(--uu-danger);
            box-shadow: -2px 2px 4px var(--uu-danger-a5);
        }

        .theme-dark .uu-metrics.uu-m-danger:after {
            border-color: var(--uu-danger);
            box-shadow: 2px 2px 4px var(--uu-danger-a5);
        }
/*工具栏*/
.uu-home-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px 10px 10px 20px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-wa5);
}
.theme-dark .uu-home-toolbar {
    border-color: var(--uu-wwa4);
    box-shadow: 0 0 4px var(--uu-info-a5);
}
    
/*=====================================================================================
                                     unit
======================================================================================*/
.uu-unitpop,
.uu-unittips {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 300px;
    max-width: 600px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    line-break: auto;
    background-color: var(--uu-f);
    border: 0px solid var(--uu-d);
    border-radius: 3px;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    z-index: 4059 !important;
}
    .uu-unitpop:after, .uu-unittips:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 13px;
        width: 12px;
        height: 12px;
        border: 6px solid transparent;
        border-bottom-color: var(--uu-primary);
        z-index: 1;
    }

.uu-unitpop-body,
.uu-unittips-body {
    padding: 5px;
    border-radius: 3px;
    overflow: visible;
    background-color: var(--uu-popover);
}

.uu-unitpop-close {
    position: absolute;
    top: -11px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: white;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    border: 1px solid white;
    background-color: var(--uu-9);
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    user-select: none;
    -webkit-user-select: none;
}

    .uu-unitpop-close:after {
        content: "\00d7";
    }

    .uu-unitpop-close:hover {
        background-color: #485A9C;
        box-shadow: 0 0 5px 1px var(--uu-a6);
    }

.uu-unitpop table,
.uu-unittips table,
.uu-unittips-table {
    margin: 0;
    padding: 0;
    color: var(--uu-2);
    border-collapse: collapse;
}
.uu-unittips-table {
    min-width: 350px;
    width: 100%;
}
.uu-unitpop table tr,
.uu-unittips table tr {
    background-color: transparent !important;
}
table.uu-unittips-table > tbody > tr:hover {
    background-color: var(--uu-primary-a1);
}

.uu-unitpop table td,
.uu-unitpop table th,
.uu-unittips table td,
.uu-unittips table th,
.uu-unittips-table td,
.uu-unittips-table th{
    position: relative;
    padding: 4px 3px 3px 8px;
    line-height: 1.2;
    border: none;
    vertical-align: middle;
}
.uu-unitpop table th {
    line-height: 1.6;
    white-space: nowrap;
}
.uu-unittips table td{
    padding: 6px 8px;
}
.uu-unittips-table td {
    padding: 4px 3px 4px 8px;
}

.uu-unittips table th,
.uu-unittips-table th{
    line-height: 1.3;
    white-space: nowrap;
}
    .uu-unitpop-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
    }
.uu-unitpop-title .unit-tag {
    font-size: 12px;
    margin-left: 5px;
}
.js-unit-set > b,
.uu-unittips-body > table td b,
.uu-unittips-table td b{
    color: var(--uu-primary)
}
/*=====================================================================================
                                     fastTable
======================================================================================*/
.uu-table-stripe tr:nth-child(even) {
    background-color: var(--uu-a05);
}
.uu-table-scroll .table.dataTable .uu-fast-table1 thead th,
.uu-table-scroll .table.dataTable .uu-fast-table2 thead th {
    position: static;
    outline: none;
}
.uu-fast-table1 {
    min-width: 350px;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--uu-2);
    border-collapse: collapse;
}
    .uu-fast-table1 > thead > tr {
        font-weight: 600;
        border-top: 1px solid var(--uu-border);
        border-bottom: 1px solid var(--uu-border);
        background-color: transparent;
    }

.uu-fast-table1 > tbody > tr:hover {
    background-color: var(--uu-primary-a1);
}

    .uu-fast-table1 > tbody tr.uu-fast-tr-sum {
        font-weight: 600;
        border-top: 1px solid var(--uu-border);
        border-bottom: 1px solid var(--uu-border);
        background-color: transparent;
    }
    .uu-fast-table1 > tbody tr.uu-fast-tr-sum:hover {
        color: var(--uu-primary);
        background-color: transparent;
    }
    .uu-fast-table1 td,
    .uu-fast-table1 th {
        position: relative;
        padding: 4px 3px 4px 8px;
        line-height: 1.2;
        border: none;
        vertical-align: middle;
    }

    .uu-fast-table1 th {
        line-height: 1.3;
        white-space: nowrap;
    }
/*用于自助打印出库的宽表*/
.uu-fast-table-l td,
.uu-fast-table-l th {
    padding: 12px 8px;
}
/*默认总是条纹，可强制无偶行条纹*/
.uu-fast-table-outline td,
.uu-fast-table-outline th {
    padding: 8px 3px 8px 8px
}
.uu-fast-table-outline tr:nth-child(even) {
    background-color: transparent;
}
/*类似umTable*/
table.uu-fast-table2 {
    border: 1px solid var(--uu-th-bdr);
    background-color: var(--uu-f);
}
.uu-fast-table2 th {
    padding: 8px;
    line-height: 1.42857;
    border: 1px solid var(--uu-th-bdr);
    background-color: var(--uu-th);
}
.uu-fast-table2 td {
    padding: 8px;
    line-height: 1.42857;
    border-bottom: 1px solid var(--uu-border);
}
.uu-fast-table2 > tbody > tr:last-child > td {
    border-bottom: 1px solid var(--uu-th-bdr);
}
.uu-fast-table2.uu-table-stripe tr:nth-child(even) {
    background-color: var(--uu-tr-even);
}
.uu-fast-table2 > tbody > tr:hover {
    background-color: var(--uu-primary-a1)!important;
}
/*dataS 每行分离*/
table.uu-fast-table3 {
    border-spacing: 0 10px;
    border-collapse: separate;
}

.uu-fast-table3.uu-table-stripe tr:nth-child(even) {
    background-color: transparent;
}

.uu-fast-table3 > tbody > tr:hover,
.uu-fast-table3.uu-table-stripe > tbody > tr:nth-child(even):hover {
    border-radius: 6px;
    background-color: transparent;
    outline: 1px solid var(--uu-d5);
    box-shadow: 0 0 6px var(--uu-a2);
}

.uu-fast-table3 th {
    padding: 0px 8px;
    line-height: 1.5;
    border: none;
}

.uu-fast-table3 td {
    padding: 10px 8px;
    line-height: 1.5;
    border: none;
    background-color: var(--uu-a05);
}
    .uu-fast-table3 td:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .uu-fast-table3 td:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
.uu-fast-table1 > tbody > tr.selected {
    background-color: var(--uu-primary)!important;
}
.uu-fast-table1 > tbody > tr.selected > td {
    color: var(--uu-ww);
}
    .uu-fast-table1 > tbody > tr.selected > td > .uu-row-info {
        color: var(--uu-ww);
    }
/*=====================================================================================
                                     unit
======================================================================================*/
.uminfo {
    position: relative;
    color: var(--uu-f63);
    cursor: pointer;
}
    .uminfo:hover {
        color: var(--uu-f93);
    }
.dataTable tbody tr.selected .uminfo {
    color: #fc8;
}


.dataTable tbody tr.selected .badge.uminfo {
    color: var(--uu-ww);
}
    .dataTable tbody tr.selected .badge.uminfo:hover {
        color: var(--uu-wwa7);
    }
.uminfo-pop {
    position: absolute;
    min-width: 150px;
    min-height: 31px;
    max-width: 700px;/*2025-04-04 610变至700*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    line-break: auto;
    background-color: var(--uu-f);
    border: 0px solid var(--uu-d);
    border-radius: 3px;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    z-index: 4; /*1509 !important;*/
}

    .uminfo-pop:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 14px; /*13px*/
        width: 12px;
        height: 12px;
        border: 6px solid transparent;
        border-bottom-color: var(--uu-warning);
        z-index: 1;
    }

    .uminfo-pop[vplace='bottom']:after {
        top: auto;
        bottom: -12px;
        border-bottom-color: transparent;
        border-top-color: var(--uu-warning);
    }
    .uminfo-pop[hplace='right']:after {
        left: auto;
        right: 100px;
    }

.uminfo-pop-body {
    max-height: 200px;
    padding: 5px;
    border-radius: 3px;
    background-color: var(--uu-popover);
    overflow: hidden scroll;
}

.uminfo-pop-close {
    position: absolute;
    top: -11px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: var(--uu-f);
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    border: 1px solid var(--uu-f);
    background-color: var(--uu-9);
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    user-select: none;
    -webkit-user-select: none;
}

    .uminfo-pop-close:after {
        content: "\00d7";
    }

    .uminfo-pop-close:hover {
        background-color: #485A9C;
        box-shadow: 0 0 5px 1px var(--uu-a6);
    }
/*默认uminfo*/
.uminfo-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    width: 550px;
    margin: 0 0 5px 0;
    padding: 0;
    counter-reset: fieldItem;
}

    .uminfo-list > li {
        flex: none;
        width: 255px;
        margin: 2px 5px;
        padding: 3px 1px;
        font-size: 12px;
        font-weight: 600;
        color: var(--uu-3);
        border-bottom: 1px solid transparent;
        overflow: scroll hidden;
        white-space: nowrap;
    }

        .uminfo-list > li > i {
            display: inline-block;
            min-width: 100px;
            font-weight: normal;
            font-style: normal;
            color: var(--uu-7);
            user-select: none;
        }

            .uminfo-list > li > i:before {
                content: counter(fieldItem);
                counter-increment: fieldItem;
                display: inline-block;
                min-width: 20px;
                line-height: 16px;
                padding: 0 3px;
                margin-right: 2px;
                border-radius: 2px;
                color: var(--uu-warning);
                text-align: center;
                border: 1px solid var(--uu-warning);
                opacity: .5;
            }

.uminfo-pop-body::-webkit-scrollbar-thumb,
.uminfo-pop-body li::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.uminfo-pop-body li::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* 单行 */
.uminfo-row {
    display: block;
    list-style-type: none;
    min-width: 300px;
    margin: 0 10px 10px 10px;
    padding: 0;
    counter-reset: fieldItem;
}

    .uminfo-row > li {
        display: flex;
        align-items: center;
        position: relative;
        margin: 10px 5px 10px 5px;
    }
/*时间线uminfo*/
.uu-timeline-scroll,
.uu-list-scroll {
    min-height: 40px;
    border: 1px solid var(--uu-d);
    border-radius: 4px;
    overflow: auto;
}
    .uu-timeline-scroll::-webkit-scrollbar-thumb,
    .uu-list-scroll::-webkit-scrollbar-thumb {
        background-color: var(--uu-a1);
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    
.uu-timeline,
.uu-timeline-primary {
    display: block;
    position: relative;
    list-style-type: none;
    min-width: 300px;
    margin: 0 5px 10px 15px;
    padding: 0;
    counter-reset: fieldItem;
}
    .uu-timeline:before,
    .uu-timeline-primary:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0px;
        width: 1px;
        border-left: 1px dashed var(--uu-c);
    }
    .uu-timeline > li,
    .uu-timeline-primary > li {
        display: flex;
        align-items: center;
        position: relative;
        padding: 2px;
        margin: 6px 5px 6px 15px;
    }
    .uu-timeline-min > li {
        padding: 2px;
        margin: 2px 5px 2px 15px;
    }
        .uu-timeline > li:before,
        .uu-timeline-primary > li:before {
            content: "";
            position: absolute;
            left: -19px;
            top: calc(50% - 4.5px);
            width: 9px;
            height: 9px;
            border-radius: 50%;
            border: 2px solid var(--uu-warning);
            background: var(--uu-f);
        }
.uu-timeline-primary > li:before {
    border: 2px solid var(--uu-primary);
}
        .uu-timeline-primary > li.active {
            background: var(--uu-warning-a2);
        }
        .uu-timeline-primary > li:hover {
            background: var(--uu-primary-a1);
        }
        .uu-timeline-primary > li.active:hover {
            background: var(--uu-warning-a1);
        }
/*含间隔的timeline，用于时间选择器*/
.uu-timeline-duration {
    position: relative;
}
.uu-timeline.uu-timeline-duration > li:last-child {
    margin-top: 12px;
}
.uu-timeline.uu-timeline-duration > li.uu-timeline-duration-item1 {
    display: inline-block;
    position: absolute;
    left: -9px;
    top: 22px;
    padding: 1px 5px;
    margin: 0;
    color: var(--uu-primary);
    font-size: 12px;
    line-height: 1;
    border: 1px solid var(--uu-c);
    border-radius: 10px;
    background-color: var(--uu-f);
}
    .uu-timeline.uu-timeline-duration > li.uu-timeline-duration-item1:before {
        content: none;
    }
/*默认info-list， 用于drawer中展示两分栏多字段*/
.info-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    counter-reset: fieldItem;
}

    .info-list > li {
        position: relative;
        display: flex;
        flex: none;
        align-items: center;
        width: 33%;
        padding: 5px 0;
        font-size: 12px;
        font-weight: 600;
        color: var(--uu-3);
        overflow: hidden;
        white-space: nowrap;
    }
        .info-list > li:hover {
            background-color: var(--uu-primary-a1);
            box-shadow: 0 0 4px var(--uu-primary-a3) inset;
        }
        .info-list > li > i {
            flex: none;
            display: inline-flex;
            min-width: 136px;
            padding-left: 32px;
            font-weight: normal;
            font-style: normal;
            color: var(--uu-7);
            user-select: none;
        }

            .info-list > li > i:before {
                content: counter(fieldItem);
                counter-increment: fieldItem;
                position: absolute;
                left: 4px;
                top: 5px;
                min-width: 22px;
                content: counter(fieldItem);
                counter-increment: fieldItem;
                border-radius: 2px;
                color: var(--uu-c);
                border: 1px solid var(--uu-d);
                text-align: center;
            }
        /*保持垂直居中，超长可横向拖动，并且对于badge不遮蔽上下边*/
        .info-list > li > span {
            display: inline-flex;
            align-items: center;
            height: 20px;
            overflow: auto visible;
        }
        .info-list > li > span::-webkit-scrollbar {
            display: none;
        }
/*默认为三分栏，可改两分栏样式，label的宽度为136(8个字)，可手动使用uu-w-140改宽*/
.info-list-2 > li {
    width: 50%;
}

/*uu-ul-no与uu-ul-num区别在于是否有缩进*/
.uu-ul-no,
.uu-ul-num {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: linum;
}
    .uu-ul-no > li {
        padding-left: 25px;
        position: relative;
    }
    .uu-ul-num > li{
        position: relative;
    }
        .uu-ul-no > li:before,
        .uu-ul-num > li:before {
            content: counter(linum);
            counter-increment: linum;
            position: absolute;
            top: 5px;
            left: 2px;
            min-width: 16px;
            height: 14px;
            line-height: 1;
            padding: 0 4px;
            font-size: 12px;
            color: var(--uu-9);
            text-align: center;
            border: 1px solid var(--uu-c);
            border-radius: 2px;
        }
.uu-ul-hover > li:hover {
    background-color: var(--uu-primary-a1);
}
.uu-ul-hover > li.active {
    background-color: var(--uu-warning-a2);
}
.uu-ul-hover > li.active:hover {
    background-color: var(--uu-warning-a1);
}
.uu-part,
.uu-part-xxs,
.uu-part-xs,
.uu-part-s,
.uu-part-m,
.uu-part-l,
.uu-part-xl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: var(--uu-3);
    margin: 0 5px;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selected > td > ul > li > .uu-part,
.selected > td > ul > li > .uu-part-xxs,
.selected > td > ul > li > .uu-part-xs,
.selected > td > ul > li > .uu-part-s,
.selected > td > ul > li > .uu-part-m,
.selected > td > ul > li > .uu-part-l,
.selected > td > ul > li > .uu-part-xl
.selected > td > ul > li > .uu-part-s {
    color: var(--uu-ww);
}
.uu-part-xxs {
    width: 20px;
}
.uu-part-xs {
    width: 65px;
}
.uu-part-s {
    width: 80px;
}
.uu-part-m {
    width: 100px;
}
.uu-part-l {
    width: 210px;
}
.uu-part-xl {
    width: 280px;
}
.uu-link-45:after {
    content: "";
    position: absolute;
    top: -9px;
    right: -24px;
    width: 42px;
    height: 30px;
    border-top: 1px dashed var(--uu-primary);
    transform: rotate(-45deg);
}
/*=====================================================================================
                                     sortlist
======================================================================================*/
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 6px;
    color: var(--uu-3);
    text-decoration: none;
    border: 1px solid var(--uu-border);
    background: var(--uu-f6);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.15s;
}

.dd-item:not([data-uwbehavior='nodrag']) > .dd-handle:hover {
    background: var(--uu-e9);
    border-color: var(--uu-d);
    color: var(--uu-success);
}

.dd-item[data-uwbehavior='nodrag'] > .dd-handle {
    background: var(--uu-e0);
    border-color: var(--uu-d);
    cursor: default;
}

.dd-handle > span {
    display: inline-flex;
    width: calc(100% - 115px);
    padding: 0 5px;
    color: inherit;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    pointer-events: none;
}

    .dd-handle > span.dd-searched {
        background-color: var(--uu-primary-a5);
        color: #fff;
    }
/*当前的li*/
.dd-item.dd-cur-li > .dd-handle {
    color: var(--uu-primary);
    font-weight: 600;
    border-color: var(--uu-primary);
    background-color: var(--uu-primary-a1);
}

.dd-item.dd-cur-li[data-uwbehavior='nodrag'] > .dd-handle {
    font-weight: 600;
    border-color: var(--uu-primary);
    background: var(--uu-e0);
}

.dd-item.dd-cur-li > .dd-handle:hover {
    color: var(--uu-primary);
    border-color: var(--uu-primary-h);
    background-color: var(--uu-primary-a2);
}

.dd-item.dd-cur-li:after,
.dd-item.dd-cur-li[data-uwnew='true']:after,
.dd-item.dd-cur-li-parent.dd-collapsed:not(.dd-cur-li):after {
    content: "";
    position: absolute;
    top: 10px;
    right: -12px;
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    border-left-color: var(--uu-primary);
    z-index: 1;
}

.dd-item.dd-cur-li[data-uwnew='true']:after {
    border-left-color: var(--uu-warning);
}
/*当前的li的父级*/
.dd-item.dd-cur-li-parent.dd-collapsed:not(.dd-cur-li):after {
    border-left-color: var(--uu-danger);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-big;
    animation-name: pulse-big;
}
/*新增的li*/
.dd-item[data-uwnew='true'] > .dd-handle {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
    background-color: var(--uu-warning-a1);
}

.dd-item[data-uwbehavior='nodrag'][data-uwnew='true'] > .dd-handle {
    font-weight: 600;
    border-color: var(--uu-warning);
    background: var(--uu-e0);
}

.dd-item[data-uwnew='true'] > .dd-handle:hover {
    color: var(--uu-warning-h);
    border-color: var(--uu-warning-h);
    background-color: #FEEDD9;
}
/*修改的li*/
.dd-item[data-uwedit='true'] > .dd-handle {
    /*box-shadow: inset 0 0 4px 2px rgb(240 0 0 / 20%);*/
    border-bottom: 1px dashed var(--uu-danger);
}
/*新增和删除，当选中时才可以操作*/
.dd-handle > .dd-del, .dd-handle > .dd-add {
    display: none;
    float: right;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    font-size: 16px;
    color: inherit;
    cursor: pointer;
}

    .dd-handle > .dd-del:hover {
        color: var(--uu-danger);
    }

    .dd-handle > .dd-add:hover {
        color: var(--uu-primary-h);
    }

.dd-cur-li > .dd-handle > .dd-del,
.dd-cur-li > .dd-handle > .dd-add {
    display: block;
}
/*多级自动序号*/
.dd > .dd-list .dd-handle:before {
    display: inline-block;
    padding: 2px 6px 1px 6px;
    margin: 0 6px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    background-color: var(--uu-info);
    white-space: nowrap;
}
/*1级*/
.dd > .dd-list {
    counter-reset: cat1;
}

    .dd > .dd-list > .dd-item > .dd-handle:before {
        min-width: 26px;
        content: counter(cat1);
        counter-increment: cat1;
    }

    .dd > .dd-list > .dd-item:nth-of-type(even) > .dd-handle:before {
        background-color: var(--uu-warning);
    }
    /*2级*/
    .dd > .dd-list > .dd-item > .dd-list {
        counter-reset: cat2;
    }

        .dd > .dd-list > .dd-item > .dd-list > .dd-item > .dd-handle:before {
            min-width: 40px;
            opacity: .75;
            content: counter(cat1) "." counter(cat2);
            counter-increment: cat2;
        }

    .dd > .dd-list > .dd-item:nth-of-type(even) > .dd-list > .dd-item > .dd-handle:before {
        background-color: var(--uu-warning);
    }
    /*3级*/
    .dd > .dd-list > .dd-item > .dd-list > .dd-item > .dd-list {
        counter-reset: cat3;
    }

        .dd > .dd-list > .dd-item > .dd-list > .dd-item > .dd-list > .dd-item > .dd-handle:before {
            min-width: 55px;
            opacity: .5;
            content: counter(cat1) "." counter(cat2) "." counter(cat3);
            counter-increment: cat3;
        }

    .dd > .dd-list > .dd-item:nth-of-type(even) > .dd-list > .dd-item > .dd-list > .dd-item > .dd-handle:before {
        background-color: var(--uu-warning);
    }
/*开关按钮*/
.dd-item > button {
    display: block;
    position: relative;
    float: left;
    height: 16px;
    width: 16px;
    margin: 9px 6px;
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    font-family: FontAwesome; /*'Courier New', Courier, monospace;*/
    text-align: center;
    border: none;
    border-radius: 10px;
    background-color: var(--uu-danger);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

    .dd-item > button:before {
        content: "\f067";
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: "\f068";
        background-color: var(--uu-success);
    }
/*占位框*/
.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: var(--uu-success-a1);
    border: 1px dashed var(--uu-success);
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed var(--uu-b);
    min-height: 100px;
    background-color: var(--uu-e5);
}
/*拖动中的样式*/
.dd-dragel {
    position: absolute;
    z-index: 5000;
    pointer-events: none;
}

    .dd-dragel .dd-handle {
        opacity: 0.75;
        color: var(--uu-red);
        font-weight: 600;
        border-color: var(--uu-c);
        background: var(--uu-e);
        -webkit-box-shadow: 0 0 3px 1px var(--uu-a3);
        box-shadow: 0 0 3px 1px var(--uu-a3);
    }

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle:before {
        display: inline-block;
        width: 30px;
        padding: 2px 6px 1px 6px;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        font-family: fontAwesome;
        text-align: center;
        text-shadow: none;
        border-radius: 3px;
        background-color: var(--uu-danger);
        white-space: nowrap;
    }
    /*由鼠标动作生成不同的样式*/
    .dd-dragel .dd-handle:before {
        content: "\f047"; /*默认为四个方向*/
    }

    .dd-dragel.horizontal .dd-handle:before {
        content: "\f07e"; /*水平*/
    }

    .dd-dragel.disabled .dd-handle:before {
        content: "\f05e"; /*水平禁止*/
    }

    .dd-dragel.vertical .dd-handle:before {
        content: "\f07d"; /*垂直*/
    }
/*=====================================================================================
                                     pikaday
======================================================================================*/
.pika-single {
    display: block;
    position: relative;
    color: var(--uu-3);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: var(--uu-f);
    border: 1px solid var(--uu-c);
    border-bottom-color: var(--uu-b);
    z-index: 3070;
}


    .pika-single:before,
    .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both
    }

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px var(--uu-a5);
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 902;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: var(--uu-f);
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 901;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
    }

    .pika-table th {
        color: var(--uu-9);
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: var(--uu-6);
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: var(--uu-f5);
}

.pika-week {
    font-size: 11px;
    color: var(--uu-9);
}

.is-today .pika-button {
    color: var(--uu-warning);
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: var(--uu-f);
    font-weight: bold;
    background: var(--uu-primary); /*#33aaff*/
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-inrange .pika-button {
    background: var(--uu-bg-blue-dark);
}

.is-startrange .pika-button {
    color: var(--uu-f);
    background: var(--uu-info-h);
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: var(--uu-f);
    background: var(--uu-warning-h);
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: var(--uu-7);
    background: var(--uu-b);
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: var(--uu-9);
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: var(--uu-f);
    background: var(--uu-primary-h);
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    text-decoration: none;
}

.pika-time-container {
    clear: both;
}

.pika-time {
    margin: 7px auto 7px;
}

    .pika-time .pika-time-label {
        font-weight: bold;
        font-size: 12px;
        color: var(--uu-6);
        padding-right: 2px;
    }
.pika-select-hour,
.pika-select-minute,
.pika-select-second {
    color: var(--uu-text);
    height: 25px;
    padding: 4px 6px;
    border: 1px solid var(--uu-d);
    border-radius: 1px;
    outline: none;
    background-color: var(--u-f);
}
    .pika-select-hour:focus,
    .pika-select-minute:focus,
    .pika-select-second:focus {
        border: 1px solid var(--uu-primary);
    }
/*=====================================================================================
                           umSortDrag, 为sortable.js的封装
======================================================================================*/
.setup-title-line {
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--uu-border);
    z-index: 1;
}

.setup-base {
    width: 70%;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid var(--uu-a1);
    border-radius: 6px;
    box-shadow: 0 0 8px var(--uu-a1);
}

.setup-sub {
    background-color: var(--uu-f9);
    width: 45%;
    border-radius: 20px;
    border: 1px solid var(--uu-e5);
    padding: 10px;
}

.setup-form-items {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.setup-base > .setup-form-items:hover {
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 4px var(--uu-primary-a4) inset;
}

#mobileTmsUserList {
    width: 100%;
    min-height: 35px;
    line-height: 20px;
    padding: 6px;
    border: 1px solid var(--uu-d);
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
/*--------------------umSortDrag--------------------*/
.uu-drag-ul {
    height: 100%;
    list-style: none;
}

.uu-drag-li {
    display: inline-block;
    position: relative;
    width: 31%;
    padding: 6px;
    margin: 5px 1%;
    text-align: center;
    border: 1px solid var(--uu-a2);
    border-radius: 20px;
    background-color: var(--uu-e);
    user-select: none;
    cursor: move;
}
    .uu-drag-li:before {
        content: "\f0c9";
        position: absolute;
        right: 10px;
        top: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        color: var(--uu-c);
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
.theme-dark .uu-drag-li:before {
    color: var(--uu-a);
}
.uu-drag-li:hover {
    border: 1px solid var(--uu-a6);
    box-shadow: 0 0 6px var(--uu-a3);
}

/*umSortDrag拖动中元素*/
.uu-sortdrag-chose {
    color: var(--uu-primary) !important;
    border: 1px solid var(--uu-primary) !important;
    background-color: var(--uu-btn-hover) !important;
    box-shadow: 0 0 6px var(--uu-a5);
}
.uu-sortdrag-draging {
    color: var(--uu-warning) !important;
    border: 1px solid var(--uu-warning) !important;
    background-color: var(--uu-btn-warning-hover) !important;
}
/*自定义拖动块样式*/
.uu-row-drager {
    border-radius: 5px;
    line-height: 32px;
    padding-top: 7px;
    padding-bottom: 7px;
    cursor: ns-resize;
}
    .uu-row-drager:hover {
        color: var(--uu-primary);
        border-color: var(--uu-primary);
        background-color: var(--uu-info-a2);
    }
/*tms home设置*/
.uu-tms-home {
    width: 420px;
    padding: 10px;
    border-radius: 20px;
    background-color: var(--uu-f7);
    box-shadow: 0 0 6px 0px var(--uu-ba3);
}
    .uu-tms-home .uu-drag-li {
        width: 120px;
        padding: 6px;
        margin: 6px;
        text-align: center;
        border-radius: 15px;
    }
        .uu-tms-home .uu-drag-li.grab-flag:after {
            content: "抢单";
            position: absolute;
            left: -1px;
            top: -1px;
            padding: 0 8px;
            font-size: 10px;
            color: var(--uu-ww);
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            background-color: var(--uu-danger);
        }
.uu-tms-home-title {
    margin-bottom: 5px;
    color: var(--uu-9);
    font-size: 16px;
    text-align: center;
}
.uu-tms-home-enable .uu-tms-home-title {
    color: var(--uu-tms-text);
    font-weight: 600;
}
.uu-tms-home-enable {
    box-shadow: 0 0 6px 0px var(--uu-tms-shadow);
    background-image: linear-gradient(to bottom, var(--uu-tms-bg1) 0%, var(--uu-tms-bg2) 100%);
}
    .uu-tms-home-enable .uu-drag-li {
        border: 1px solid transparent;
        box-shadow: 0 0 10px 0px var(--uu-a1);
        background-color: var(--uu-tms-box);
    }
        .uu-tms-home-enable .uu-drag-li:hover {
            border: 1px solid var(--uu-a4);
            box-shadow: 0 0 10px 1px var(--uu-a2);
        }
/*----------不可拖动元素，用于规格组----------*/
.uu-drag-li-view,
.uu-drag-li-edit {
    display: inline-block;
    position: relative;
    min-width: 15%;
    padding: 4px 8px;
    margin: 6px 3px;
    line-height: 1;
    text-align: center;
    border: 1px solid var(--uu-a2);
    border-radius: 20px;
    background-color: var(--uu-a05);
    user-select: none;
    cursor: pointer;
}
.uu-drag-li-edit {
    width: auto;
    min-width: 50px;
    padding: 3px 5px 3px 30px;
    background-color: var(--uu-f);
}
    .uu-drag-li-edit .uu-spec-value-del {
        position: absolute;
        left: 4px;
        top: 3px;
        padding: 2px 3px;
        color: var(--uu-a5);
        border: 1px solid var(--uu-a5);
        border-radius: 50em;
    }
    .uu-drag-li-edit .uu-spec-value-del:hover {
        color: var(--uu-ww);
        border: 1px solid var(--uu-danger-h);
        background-color: var(--uu-danger-h);
    }

/*----------规格选择元素，用于规格组----------*/
.uu-spec {
    position: relative;
}
    .uu-spec:hover {
        border: 1px solid var(--uu-a3);
        box-shadow: 0 0 4px var(--uu-a2);
    }
    .uu-spec.active {
        color: var(--uu-danger) !important;
        border: 1px solid var(--uu-danger-a6) !important;
        background-color: var(--uu-danger-a1) !important;
    }
        .uu-spec.active:hover {
            border: 1px solid var(--uu-danger)!important;
            box-shadow: 0 0 4px var(--uu-danger-a5)!important;
        }
    .uu-spec.disable {
        color: var(--uu-a) !important;
        border: 1px solid var(--uu-a05) !important;
        background-color: var(--uu-a1) !important;
        cursor: default;
    }
        .uu-spec.disable:hover {
            border: 1px solid var(--uu-a05) !important;
            box-shadow: none!important;
        }
.uu-spec-item-active {
    outline: 1px solid var(--uu-danger-a6);
    border-radius: 4px;
    background-color: var(--uu-danger-a1) !important;
}
.uu-spec-cell-active {
    font-weight: 600;
    color: var(--uu-danger);
    background-color: var(--uu-danger-a1) !important;
    outline: 2px solid var(--uu-danger-a6) !important;
    outline-offset: -1px;
}
.selected .uu-spec-cell-active {
    color: var(--uu-active-danger) !important;
}
/*----------货架----------*/
.uu-drag-li-shelf {
    display: block;
    position: relative;
    min-width: 20px;
    min-height: 20px;
    padding: 0px;
    margin: 6px 3px;
    line-height: 1;
    text-align: center;
    border: 1px solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    user-select: none;
    cursor: move;
    box-sizing: content-box; /*此属性将导致drag时，被拖动的元素虚化*/
}
.uu-drag-li-shelf.active {
    border-color: var(--uu-warning);
}
    .uu-drag-li-shelf .uu-shelf-del,
    .uu-drag-li-shelf .uu-shelf-config {
        position: absolute;
        left: 3px;
        top: 3px;
        padding: 2px 3px;
        font-size: 13px;
        color: var(--uu-a5);
        border-radius: 50em;
        cursor: pointer;
    }
    .uu-drag-li-shelf .uu-shelf-config {
        left: auto;
        right: 3px;
    }
    .uu-drag-li-shelf .uu-shelf-del:hover {
        color: var(--uu-ww);
        background-color: var(--uu-danger);
    }
    .uu-drag-li-shelf .uu-shelf-config:hover {
        color: var(--uu-ww);
        background-color: var(--uu-primary);
    }
.uu-shelf-tool {
    padding: 3px;
    font-size: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--uu-d);
    cursor: default;
}
.uu-shelf-flag {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 2px 2px;
    font-size: 12px;
    color: var(--uu-ww);
    border-top-left-radius: 5px;
    background-color: var(--uu-ba4);
    z-index: 1;
}
.uu-shelf-title {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 40px);
    padding: 2px 3px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid transparent;
    background-color: var(--uu-f);
    overflow: visible !important;
    white-space: nowrap !important;
    cursor: default;
}
    .uu-shelf-title:hover {
        justify-content: space-between;
    }
    .uu-shelf-title > .fa { display: none; }
    .uu-shelf-title:hover > .fa { display: inline; }
/*货架分层*/
.uu-shelf-layer-container {
    height: 100%;
    border: 4px double var(--uu-b);
    text-align: left;
    background-color: var(--uu-e);
}
.uu-shelf-layer {
    position: absolute;
    left: 4px;
    right: 4px;
    border-bottom: 3px double var(--uu-c);
}
.uu-shelf-layer:last-child {
    border-bottom-width: 0;
}
/*----------货位----------*/
.uu-drag-shelf-row {
    overflow: auto;
}
/*货位行*/
.uu-drag-shelf-items {
    display: inline-flex;
    min-width: 100px;
    min-height: 170px;
    list-style: none;
}
/*单个货位*/
.uu-drag-shelf-item {
    position: relative;
    width: 100px;
    height: 165px;
    margin: 3px;
    padding: 2px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: var(--uu-e);
    cursor: move;
}
    .uu-drag-shelf-item:hover {
        border: 1px dotted var(--uu-primary);
    }
.uu-drag-shelf-item.select {
    border-color: var(--uu-danger-a7);
}
    .uu-drag-shelf-item > img {
        width: 94px;
        height: 94px;
        margin-bottom: 2px;
        object-fit: contain; /*长边(高宽不超过94px)匹配，短边剪裁*/
    }

.uu-shelf-item-edit,
.uu-shelf-item-sel {
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    padding: 2px;
    font-size: 14px;
    color: var(--uu-ww);
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 5px;
    background-color: var(--uu-ba15);
    cursor: pointer;
    z-index: 5;
}
.uu-shelf-item-edit {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.uu-shelf-item-edit:hover {
    background-color: var(--uu-warning);
}

    .uu-shelf-item-sel { opacity: 0; }
    .uu-shelf-item-sel.select {
        opacity: 1;
        background-color: var(--uu-danger);
    }

.uu-shelf-item-head {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 1px;
    text-align: center;
    z-index: 1;
}
.uu-price-head {
    padding: 1px 2px;
    font-size: 12px;
    color: var(--uu-ww);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: var(--uu-primary);
}
.uu-shelf-item-summary {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 67px;
    padding: 1px 2px;
    font-size: 12px;
    color: var(--uu-ww);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: var(--uu-ba4);
}
/*货位行预览*/
.uu-preview-shelf-row {
    display: flex;
    align-items: flex-end;
    min-width: 50px;
    height: 100%;
    list-style: none;
    overflow: hidden;
}
/*单个货位预览*/
.uu-preview-shelf-item {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background-color: var(--uu-e);
}

.uu-preview-shelf-item > img {
    width: 50px;
    height: 50px;
    object-fit: cover;/*短边(宽)匹配，长边剪裁*/
    border: 1px solid transparent;
}
    .uu-preview-shelf-item:hover > img {
        border: 1px dotted var(--uu-primary);
    }
[search-key].active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--uu-info-a1);
    box-shadow: 0 0 4px 1px var(--uu-info-a7) inset;
    z-index: 10;
    pointer-events: none;
}
/*=====================================================================================
                           dataS
======================================================================================*/
    .ds-body-1920 {
        width: 1920px;
        height: 1080px;
        transform-origin: left top;
    }
.ds-container-full {
    position: relative;
    width: 1920px;
    height: 1080px;
    margin: 0;
    flex: none;
    background-color: var(--uu-f5);
    overflow: hidden scroll;
}
.ds-container-scroll {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    flex: none;
    background-color: var(--uu-f5);
    overflow: hidden scroll;
}
.ds-main {
    position: relative;
    padding: 10px;
}
.ds-hor {
    display: flex;
    flex-direction: row;
    position: relative;
}
.ds-ver {
    display: block;
    position: relative;
}
.ds-block {
    display:block;
    width: 100%;
}
.ds-banner {
    display: flex;
    align-items: center;
    margin: 10px;
}
.ds-banner-logo > img {
    width: auto;
    height: 36px;
}
.ds-banner-name {
    height: 36px;
    line-height: 34px;
    margin-left: 10px;
    color: var(--uu-ww);
    font-size: 28px;
    text-shadow: 0 0 6px var(--uu-info-h);
}
.ds-name-l {
    font-size: 32px;
    font-weight: 600;
    margin-left: 15px;
    letter-spacing: 2px;
}
.dataS-full .uu-alert-loading-mask {
    display: none !important;
}
.dataS-full .uu-alert-loading{display:none!important;}

/*--------------------dataS toolbar--------------------*/
.ds-toolbar {
    position: relative;
    flex: none;
    width: 238px;
    margin: 10px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-f);
}

.ds-toolbar-menu {
    display: flex;
}
.ds-plugin {
}
    .ds-plugin .form-control {
        border-color: var(--uu-primary);
        border-radius: 4px;
    }
    .ds-plugin .select2-container .selection .select2-selection {
        height: 35px;
        border: 1px solid var(--uu-primary);
        border-radius: 4px;
        overflow: auto;
    }
.ds-toolbar .uu-right-r0 .select2-container .selection .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ds-toolbar .dropdown-menu{
    z-index: 3100;
}
.uu-dyn-day,
.uu-dyn-clock {
    font-family: uuclock,'Lucida Sans', Roboto, sans-serif;
    font-size: 21px;
    line-height: 1;
    color: var(--uu-a4);
}
.uu-dyn-clock {
    font-size: 30px;
}

/*定时刷新计时器*/
.ds-reload-timer {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
}
    .ds-reload-timer.on:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: var(--uu-info-a6);
        box-shadow: 0 0 5px 1px var(--uu-info-a3);
        transform-origin: 0 0;
        z-index: 10;
        animation: progress 180s ease-in;
        animation-iteration-count: infinite;
    }
    .ds-reload-timer.ds-interval-60.on:before { animation-duration: 60s; }
    .ds-reload-timer.ds-interval-120.on:before { animation-duration: 120s; }
    .ds-reload-timer.ds-interval-180.on:before { animation-duration: 180s; }
    .ds-reload-timer.ds-interval-300.on:before { animation-duration: 300s; }
    .ds-reload-timer.ds-interval-600.on:before { animation-duration: 600s; }
    .ds-reload-timer.ds-interval-900.on:before { animation-duration: 900s; }
    .ds-reload-timer.ds-interval-1200.on:before { animation-duration: 1200s; }
    .ds-reload-timer.ds-interval-1800.on:before { animation-duration: 1800s; }
    .ds-reload-timer.ds-interval-2700.on:before { animation-duration: 2700s; }
    .ds-reload-timer.ds-interval-3600.on:before { animation-duration: 3600s; }
    .ds-reload-timer.ds-interval-7200.on:before { animation-duration: 7200s; }
    .ds-reload-timer.ds-interval-310800.on:before { animation-duration: 10800s; }
    .ds-reload-timer.ds-interval-14400.on:before { animation-duration: 14400s; }
.theme-dark .ds-reload-timer.on:before {
    box-shadow: 0 0 5px 1px var(--uu-info-a5);
}
.ds-reload-timer.off:before {
    width: 0;
    content: none;
    animation: none;
}
/*--------------------bannerLite 自定义banner--------------------*/
.ds-banner-lite {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
}

.ds-toolbar-lite {
    position: relative;
    flex: none;
    padding: 0;
}

.ds-banner-lite .ds-banner-name {
    color: var(--uu-a8);
    text-shadow: none;
}

.ds-toolbar-lite .uu-dyn-day,
.ds-toolbar-lite .uu-dyn-clock {
    color: var(--uu-a8);
}

.ds-fullscreen {
    margin: 0 0 5px 40px;
    color: var(--uu-a9);
    font-size: 36px;
    cursor: pointer;
}
    .ds-fullscreen:hover {
        color: var(--uu-info);
    }
.ds-toolbar-lite .ds-fullscreen {
    margin-left: 25px;
}
.theme-dark .ds-banner-name {
    color: var(--uu-ww);
    text-shadow: 0 0 6px var(--uu-info-h);
}
/*用于解决dataS中select2 z-index过高的显示bug*/
.ds-toolbar .select2-container,
.ds-toolbar-lite .select2-container,
.ds-banner-lite .select2-container {
    z-index: 1449;
}
/*--------------------chart view--------------------*/
.ds-chart {
    display: block;
    position: relative;
    flex: 1;
    /*width: 100%;不能设置为100%否则在block时会超出*/
    min-height: 200px;
    margin: 10px;
    border-radius: 6px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-f);
}
.ds-chart-box {
    display: block;
    position: relative;
    flex: 1;
    /*width: 100%;不能设置为100%否则在block时会超出*/
    min-height: 200px;
    margin: 10px;
    border-radius: 0;
    border: none;
    background-color: transparent;
}
.ds-chart-with-tab {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
}
.ds-tab-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 10px 10px -11px 10px;
    padding: 10px 10px 0px 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid var(--uu-wwa1);
    border-bottom: none;
    background-color: var(--uu-f);
    z-index: 1;
}
.ds-tab.tab-group {
    padding: 0;
    margin: 0;
    border-top: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--uu-f);
}
.ds-tab > .tab-white{
    padding: 8px 16px;
}
.ds-tab > .tab-white::after {
    top: 34px;
}
.ds-tab.btn-group {
    margin: 0 0 10px 0;
}
.ds-tab > .btn-white{
    padding: 4px 10px;
}
.ds-bstable-container {
    width: calc(100vw - 110px);
    overflow: auto visible;
}
/*--------------------kpi view--------------------*/
.ds-kpi {
    position: relative;
    display: block;
    flex: 1;
    margin: 10px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-f);
}
/*分为main和note(用于补充main)，其中又分为u为标题，b为数据*/
.ds-kpi-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    font-size: 12px;
    overflow: hidden;
}
.ds-kpi-main u {
    display: block;
    font-weight: 400;
    text-decoration: none;
}
    .ds-kpi-main b {
        display: block;
        font-family: uunum,'Lucida Sans', Roboto, sans-serif;
        font-size: 26px;
        line-height: 1;
        font-weight: 400;
    }
.ds-kpi-note {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px;
    font-size: 12px;
    border-left: 1px dotted var(--uu-d);
    overflow: hidden;
}
    .ds-kpi-note u{
        display: inline-block;
        width: 65px;
        color: var(--uu-a6);
        font-weight: 100;
        text-decoration: none;
    }
    .ds-kpi-note b {
        display: inline-block;
        font-family: uunum,'Lucida Sans', Roboto, sans-serif;
        font-size: 14px;
        font-weight: 700;
    }
/*u为标题，b为数据，var为辅助数据。row为单行，row2为上下双行*/
.ds-kpi-row,
.ds-kpi-row2 {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-size: 12px;
    overflow: hidden;
}

    .ds-kpi-row u {
        display: inline-block;
        width: 65px;
        color: var(--uu-a6);
        font-weight: 100;
        text-decoration: none;
    }

    .ds-kpi-row b {
        display: inline-block;
        font-family: uunum,'Lucida Sans', Roboto, sans-serif;
        font-size: 14px;
        font-weight: 700;
    }

    .ds-kpi-row var {
        display: inline-block;
        color: var(--uu-a6);
        font-size: 12px;
        font-weight: 100 !important;
    }

    .ds-kpi-row2 u {
        display: block;
        line-height: 16px;
        color: var(--uu-a6);
        font-weight: 100;
        text-decoration: none;
    }
    .ds-kpi-row2 b {
        display: block;
        line-height: 18px;
        font-family: uunum,'Lucida Sans', Roboto, sans-serif;
        font-size: 14px;
        font-weight: 700;
    }
    .ds-border-top {
        padding-top: 4px;
        margin-top: 7px;
        border-top: 1px dotted var(--uu-d);
    }
.ds-kpi-row u[title]:hover,
.ds-kpi-row2 u[title]:hover {
    opacity: 0.6;
}
/*dark 模式*/
.theme-dark .ds-toolbar {
    border-top-color: var(--uu-primary-a5);
    background-color: var(--uu-ba2);
}
.theme-dark .ds-plugin .form-control,
.theme-dark .ds-plugin .btn-outline-primary,
.theme-dark .ds-plugin .select2-container .selection .select2-selection {
    border-color: var(--uu-primary-a5);
}
.theme-dark .ds-kpi,
.theme-dark .ds-chart {
    border-top-color: var(--uu-wwa1);
    background-color: var(--uu-ba2);
    
}
.theme-dark .ds-chart-box {
    background-color: transparent;
}
.theme-dark .ds-tab-container {
    border-top-color: var(--uu-wwa1);
    background-color: var(--uu-ba3);
}
.theme-dark .ds-tab {
    background-color: var(--uu-ba3);
}
    .theme-dark .ds-kpi:before,
    .theme-dark .ds-kpi:after {
        content: '';
        position: absolute;
        left: 3px;
        bottom: 3px;
        width: 5px;
        height: 5px;
        border-style: solid;
        border-color: var(--uu-info);
        border-width: 1px;
        border-radius: 6px;
        box-shadow: -2px 2px 4px var(--uu-info-a8);
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner-line;
    }

    .theme-dark .ds-kpi:after {
        left: auto;
        right: 3px;
        bottom: 3px;
        box-shadow: 2px 2px 4px var(--uu-info-a8);
    }
    /*-----颜色定义，默认为白色*/
    .theme-dark .uu-m-primary {
        border-top-color: var(--uu-primary-a5);
    }

        .theme-dark .uu-m-primary:before {
            border-color: var(--uu-primary);
            box-shadow: -2px 2px 4px var(--uu-primary-a8);
        }

        .theme-dark .uu-m-primary:after {
            border-color: var(--uu-primary);
            box-shadow: 2px 2px 4px var(--uu-primary-a8);
        }

    .theme-dark .uu-m-warning {
        border-top-color: var(--uu-warning-a5);
    }

        .theme-dark .uu-m-warning:before {
            border-color: var(--uu-warning);
            box-shadow: -2px 2px 4px var(--uu-warning-a8);
        }

        .theme-dark .uu-m-warning:after {
            border-color: var(--uu-warning);
            box-shadow: 2px 2px 4px var(--uu-warning-a8);
        }

    .theme-dark .uu-m-success {
        border-top-color: var(--uu-success-a5);
    }

        .theme-dark .uu-m-success:before {
            border-color: var(--uu-success);
            box-shadow: -2px 2px 4px var(--uu-success-a8);
        }

        .theme-dark .uu-m-success:after {
            border-color: var(--uu-success);
            box-shadow: 2px 2px 4px var(--uu-success-a8);
        }

    .theme-dark .uu-m-danger {
        border-top-color: var(--uu-danger-a5);
    }

        .theme-dark .uu-m-danger:before {
            border-color: var(--uu-danger);
            box-shadow: -2px 2px 4px var(--uu-danger-a8);
        }

        .theme-dark .uu-m-danger:after {
            border-color: var(--uu-danger);
            box-shadow: 2px 2px 4px var(--uu-danger-a8);
        }
.theme-dark .uu-m-info {
    border-top-color: var(--uu-info-a5);
}

    .theme-dark .uu-m-info:before {
        border-color: var(--uu-info);
        box-shadow: -2px 2px 4px var(--uu-info-a8);
    }

    .theme-dark .uu-m-info:after {
        border-color: var(--uu-info);
        box-shadow: 2px 2px 4px var(--uu-info-a8);
    }
.theme-dark .uu-m-purple {
    border-top-color: var(--uu-purple-a5);
}

    .theme-dark .uu-m-purple:before {
        border-color: var(--uu-purple);
        box-shadow: -2px 2px 4px var(--uu-purple-a8);
    }

    .theme-dark .uu-m-purple:after {
        border-color: var(--uu-purple);
        box-shadow: 2px 2px 4px var(--uu-purple-a8);
    }
/*--------------------通用组件及动画标题--------------------*/
.ds-box {
    position: relative;
    display: block;
    margin: 10px 5px 10px 10px;
}
.ds-title{
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.ds-title-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 385px;
    height: 42px;
    padding:10px 10px 10px 40px;
    background-image: url('imgs/dataS/title1.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.ds-title-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 385px;
    height: 40px;
    padding: 8px 10px 8px 155px;
    border-top: 1px solid var(--uu-wwa4);
    border-bottom: 1px solid var(--uu-wwa2);
    background-image: url('imgs/dataS/title2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -40px 0;
}
    .ds-title-2:before,
    .ds-title-2:after {
        content: '';
        position: absolute;
        right: 17px;
        top: 16px;
        width: 5px;
        height: 10px;
        border-radius: 3px;
        background-color: var(--uu-info-a8);
        box-shadow: 0 0 4px var(--uu-info-a5);
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner-line;
    }
    .ds-title-2:after {
        right: 9px;
        background-color: var(--uu-wwa8);
        animation-delay: 2s;
    }
.ds-title-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 385px;
    height: 40px;
    padding: 10px 120px 10px 25px;
    border-top: 1px solid var(--uu-a4);
    border-bottom: 1px solid var(--uu-a2);
}
    .ds-title-3:before {
        content: '';
        position: absolute;
        left: 10px;
        top: 10px;
        width: 5px;
        height: 22px;
        background-color: var(--uu-info);
    }
.theme-dark .ds-title-3:before {
    background-color: var(--uu-wwa7);
}
    .ds-title-3:after {
        content: '';
        position: absolute;
        right: 10px;
        top: 10px;
        background-image: url(imgs/dataS/title3.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 185px;
        height: 30px;
        transform: scaleX(-1);
        background-position: -18px 0;
    }
/*无背景图标题*/
.ds-title-4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 385px;
    height: 40px;
    padding: 10px 120px 10px 25px;
    border-top: 1px solid var(--uu-a4);
    border-bottom: 1px solid var(--uu-a2);
}

    .ds-title-4:before {
        content: '';
        position: absolute;
        left: 10px;
        top: 10px;
        width: 5px;
        height: 22px;
        background-color: var(--uu-info);
    }

.theme-dark .ds-title-4:before {
    background-color: var(--uu-wwa7);
}


.ds-title-num {
    display: inline-block;
    font-family: uuclock,'Lucida Sans', Roboto, sans-serif;
    font-size: 21px;
    line-height: 1;
    font-weight: 400;
}
    .ds-title var {
        font-size: 12px;
        color: var(--uu-a8);
    }
.ds-title-link {
    display: inline-block;
    min-width: 100px;
    line-height: 1;
    outline: none;
}
.ds-link-left {
    display: inline-block;
    width: 130px;
    height: 16px;
    background-image: url('imgs/dataS/link.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleX(-1);
}
ul.ds-form {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}
.ds-form > li{
    display: flex;
    align-items: center;
    margin: 15px;
}
.ds-form > li > var {
    color: var(--uu-5);
    width: 150px;
}
.ds-form .ds-input {
    flex: 1;
}
.ds-btn-bar {
    display: block;
    margin: 10px;
}
.ds-num {
    display: block;
    position: relative;
    color: var(--uu-f);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
}
    .ds-num > u {
        display: block;
        color: var(--uu-a9);
        font-weight: 100;
        text-decoration: none;
    }

    .ds-num > b {
        display: inline-block;
        font-family: uunum,'Lucida Sans', Roboto, sans-serif;
        font-weight: 700;
    }
    .ds-num > var {
        font-size: 12px;
        color: var(--uu-a8);
    }
.ds-num-primary { background-color: var(--uu-primary-a1); }
.ds-num-warning { background-color: var(--uu-warning-a1); }
.ds-num-info { background-color: var(--uu-info-a1); }
.ds-num-danger { background-color: var(--uu-danger-a1); }
.ds-num-success { background-color: var(--uu-success-a1); }
.ds-num-purple { background-color: var(--uu-purple-a1); }
/*奇数为uuclock字体，偶数为uunum字体*/
/*ds-num-1专用：uuclock 21px字体 左上右下直角发光，其它10px圆角，有底色。1l为36px字体*/
.ds-num-1,
.ds-num-1l{
    flex: 1;
    padding: 10px;
    margin: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
    .ds-num-1 > b,
    .ds-num-1l > b {
        font-family: uuclock,'Lucida Sans', Roboto, sans-serif;
        font-size: 21px;
    }
.ds-num-1l > b {
    font-size: 36px;
}
.ds-num-1:before,
.ds-num-1:after,
.ds-num-1l:before,
.ds-num-1l:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: var(--uu-info);
    border-width: 1px 0 0 1px;
    box-shadow: -2px -2px 4px var(--uu-info-a5);
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulse-corner-line;
}
.ds-num-1:after,
.ds-num-1l:after {
    left: auto;
    right: 0px;
    top: auto;
    bottom: 0px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 4px var(--uu-info-a5);
}

.ds-num-1.ds-num-primary:before,
.ds-num-1l.ds-num-primary:before {
    border-color: var(--uu-primary);
    box-shadow: -2px -2px 4px var(--uu-primary-a5);
}
.ds-num-1.ds-num-primary:after,
.ds-num-1l.ds-num-primary:after {
    border-color: var(--uu-primary);
    box-shadow: 2px 2px 4px var(--uu-primary-a5);
}

.ds-num-1.ds-num-warning:before,
.ds-num-1l.ds-num-warning:before {
    border-color: var(--uu-warning);
    box-shadow: -2px -2px 4px var(--uu-warning-a5);
}
.ds-num-1.ds-num-warning:after,
.ds-num-1l.ds-num-warning:after {
    border-color: var(--uu-warning);
    box-shadow: 2px 2px 4px var(--uu-warning-a5);
}

.ds-num-1.ds-num-info:before,
.ds-num-1l.ds-num-info:before {
    border-color: var(--uu-info);
    box-shadow: -2px -2px 4px var(--uu-info-a5);
}
.ds-num-1.ds-num-info:after,
.ds-num-1l.ds-num-info:after {
    border-color: var(--uu-info);
    box-shadow: 2px 2px 4px var(--uu-info-a5);
}
.ds-num-1.ds-num-danger:before,
.ds-num-1l.ds-num-danger:before {
    border-color: var(--uu-danger);
    box-shadow: -2px -2px 4px var(--uu-danger-a5);
}
.ds-num-1.ds-num-danger:after,
.ds-num-1l.ds-num-danger:after {
    border-color: var(--uu-danger);
    box-shadow: 2px 2px 4px var(--uu-danger-a5);
}

.ds-num-1.ds-num-success:before,
.ds-num-1l.ds-num-success:before {
    border-color: var(--uu-success);
    box-shadow: -2px -2px 4px var(--uu-success-a5);
}
.ds-num-1.ds-num-success:after,
.ds-num-1l.ds-num-success:after {
    border-color: var(--uu-success);
    box-shadow: 2px 2px 4px var(--uu-success-a5);
}

.ds-num-1.ds-num-purple:before,
.ds-num-1l.ds-num-purple:before {
    border-color: var(--uu-purple);
    box-shadow: -2px -2px 4px var(--uu-purple-a5);
}
.ds-num-1.ds-num-purple:after,
.ds-num-1l.ds-num-purple:after {
    border-color: var(--uu-purple);
    box-shadow: 2px 2px 4px var(--uu-purple-a5);
}
/*ds-num-2专用：21号字体 全6px圆角，有底色。2l为36px字体*/
.ds-num-2,
.ds-num-2l {
    flex: 1;
    padding: 10px;
    margin: 10px;
    border-radius: 6px;
}
    .ds-num-2 > b {
        font-size: 21px;
    }
    .ds-num-2l > b {
        font-size: 36px;
    }
/*ds-num-3专用：uuclock 21号字体 无底色。3l为36px字体*/
.ds-num-3,
.ds-num-3l{
    flex: 1;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: transparent;
}
    .ds-num-3 > b,
    .ds-num-3l > b{
        font-family: uuclock,'Lucida Sans', Roboto, sans-serif;
        font-size: 21px;
        line-height: 1;
    }
.ds-num-3l > b {
    font-size: 36px;
}
/*ds-num-4专用：21号字体 无底色。4l为36px字体*/
.ds-num-4,
.ds-num-4l {
    flex: 1;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: transparent;
}

    .ds-num-4 > b,
    .ds-num-4l > b {
        font-size: 21px;
        line-height: 1.1;
    }

    .ds-num-4l > b {
        font-size: 36px;
    }
/*ds-num-5专用：有边框*/
.ds-num-5,
.ds-num-5l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--uu-info);
}
.ds-num-5 > b,
.ds-num-5l > b {
    font-size: 24px;
    line-height: 1.1;
}
/*动态背景专用*/
.ds-animate-bg1,
.ds-animate-bg1-b {
    position: absolute;
    top: -10px;
    left: calc(50% - 227px);
    width: 800px;
    height: 200px;
    background-image: url('imgs/dataS/bg1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.4;
    transform: scale(-1, -1);
}
.ds-animate-bg1b {
    top: auto;
    bottom: -20px;
    left: 384px;
    background-position: 0 50px;
    transform: none;
}
.ds-animate-bg2 {
    position: absolute;
    bottom: -15px;
    left: 400px;
    width: 1100px;
    height: 50px;
    background-image: url(imgs/dataS/h3.png),url(imgs/dataS/h1.png);
    background-repeat: no-repeat;
    background-size: 54%,33%;
    opacity: 0.3;
    background-position: 0 0, 725px 0;
}
/*百度地图覆盖样式，其中ec-extension-bmap为背景色，会在加载显示*/
.ec-extension-bmap {
    background-color: #F3F3F3 !important;
}
.theme-dark .ec-extension-bmap {
    background-color: #0D141E !important;
}
.anchorBL {
    display: none !important;
}
/*集货位*/
.ds-pos,
.ds-pos-tiny {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 5px;
    padding: 10px;
    color: var(--uu-ww);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    border-radius: 5px;
}
.ds-pos-tiny {
    width: 57px;
    height: 40px;
    padding: 6px;
    font-weight: 600;
    box-sizing: border-box !important;
}
.ds-pos-corner {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 50px;
    max-width: 80px;
    height: 21px;
    padding: 0 4px;
    font-size: 16px;
    color: var(--uu-ww) !important;
    font-weight: 600 !important;
    font-style: normal;
    text-decoration: none;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: var(--uu-primary);
    overflow: hidden;
}
.ds-idle {
    background-color: var(--uu-primary-a7);
}
.ds-busy {
    background-color: var(--uu-c);
    cursor: pointer;
}
    .ds-busy .ds-pos-corner {
        background-color: var(--uu-9);
    }
    .ds-busy.ds-pos-tiny {
        font-weight: 400;
        background-color: var(--uu-c);
    }
.ds-active {
    background-color: var(--uu-warning-a6);
}
    .ds-active .ds-pos-corner {
        background-color: var(--uu-warning);
    }
    .ds-active.ds-pos-tiny {
        background-color: var(--uu-warning);
    }
.ds-idle-select {
    cursor: pointer;
}
    .ds-idle-select:hover {
        background-color: var(--uu-warning-a6);
    }
.ds-idle-active {
    background-color: var(--uu-warning);
}

/*=====================================================================================
                           draw flow
======================================================================================*/
.drawflow-container-full {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
    flex: none;
}
.parent-drawflow {
    overflow: hidden;
    touch-action: none;
    outline: none;
    background-size: 25px 25px;/*25px*/
    background-image: linear-gradient(to right, var(--uu-mesh) 1px, transparent 1px), linear-gradient(to bottom, var(--uu-mesh) 1px, transparent 1px);
}
    
/*
由于缩小为40%,放大为160%，为保证最小时为100%，即最小画布可拖动，使用1920px(100vw)/40%=4800px(250vw)为最大宽高。
考虑足够宽取3*1920=5760。理论上中心点为(width(5760)-1920)/2，实际按(4800-1920)/2为中心点。最终改为3.5*1920=6720
*/
.drawflow {
    position: relative;
    width: 6720px;
    height: 6720px;
    left: -1440px;
    top: -1440px;
    user-select: none;
    perspective: 0;
    border: 1px solid var(--uu-primary-a4);
}
    .drawflow:before,
    .drawflow:after {
        content: '';
        position: absolute;
        left: 1438px; /*=.drawflow.left - 2*/
        top: 1438px;
        width: 20px;
        height: 20px;
        border: 1px solid var(--uu-pink1);
        border-width: 1px 0 0 1px;
    }
    .drawflow:before{
        margin-top: -19px;
        margin-left: -19px;
        border-width: 0 1px 1px 0;
    }
    .drawflow[style*='matrix(1.']:before,
    .drawflow[style*='matrix(1.']:after {
        border-color: var(--uu-danger);
        border-style: dashed;
    }
    .drawflow[style*='matrix(1,']:before,
    .drawflow[style*='matrix(1,']:after {
        border-color: var(--uu-info);
        border-style: solid;
    }
    .drawflow .parent-node {
        position: relative;
    }
    .drawflow .drawflow-node {
        display: flex;
        align-items: center;
        position: absolute;
        width: 200px;
        min-height: 125px;
        padding: 6px 12px;
        border: 1px solid var(--uu-d);
        border-radius: 6px;
        background-color: var(--uu-f);
        color: var(--uu-text);
        z-index: 2;
        box-shadow: 0 0 5px 1px var(--uu-a1);
    }
    .drawflow .drawflow-node-full-cnt {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: -6px -12px;
    }
    .drawflow .df-begin {
        border-top-left-radius: 0;
    }
        
    .drawflow .df-end {
        border-bottom-right-radius: 0;
    }
        .drawflow .df-begin:before,
        .drawflow .df-end:before {
            content: '';
            position: absolute;
            left: -4px;
            top: -4px;
            width: 10px;
            height: 10px;
            border-width: 6px;
            border-style: solid;
            border-color: var(--uu-warning-h);
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            border-bottom-color: transparent !important;
            transform: rotate(-135deg);
        }
        .drawflow .df-end:before {
            left: auto;
            top: auto;
            right: -4px;
            bottom: -4px;
            border-color: var(--uu-info-h);
            transform: rotate(45deg);
        }
        .drawflow .df-auto-h{
            min-height: 35px;
        }
    .drawflow .df-solo .inputs,
    .drawflow .df-solo .outputs {
        display: none;
    }
    .drawflow .drawflow-node.df-auto-h .drawflow_content_node{
        min-height: 0px;
    }
    .drawflow .drawflow-node.selected {
        background-color: var(--du-bg-select);
        border: 1px solid var(--uu-warning-a4) !important;
        box-shadow: 0 0 5px 1px var(--uu-warning-a3);
    }

    .drawflow .drawflow-node:hover {
        background-color: var(--du-bg-hover);
        border: 1px solid var(--uu-info-a4) !important;
        box-shadow: 0 0 5px 1px var(--uu-info-a3);
        cursor: move;
    }
    .drawflow .drawflow-node.selected:hover {
        background-color: var(--du-bg-select-hover);
        border: 1px solid var(--uu-warning-a5) !important;
        box-shadow: 0 0 5px 1px var(--uu-warning-a4);
    }
        .drawflow .drawflow-node .inputs, 
        .drawflow .drawflow-node .outputs {
            width: 0px;
        }
    
    .drawflow .drawflow-node .drawflow_content_node {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        min-height: 106px; /*min-height:125 - 14(为2*padding:6px + 2*border:1px)*/
    }

    .drawflow .drawflow-node .input,
    .drawflow .drawflow-node .output {
        position: relative;
        width: 16px;
        height: 16px;
        margin-bottom: 3px;
        border-radius: 50%;
        border: 1px solid var(--uu-e);
        background-color: var(--uu-primary);
        cursor: crosshair;
        z-index: 2;
    }
        
    .drawflow .drawflow-node .input {
        left: -21px;
        top: 2px;
        border: 1px solid var(--uu-d);
        background-color: var(--uu-f);
        cursor: default;
    }
        .drawflow .drawflow-node .input:hover {
            background-color: var(--uu-info-h);
        }

        .drawflow .drawflow-node .output {
            right: -5px;
            top: 2px;
        }
            .drawflow .drawflow-node .output:hover {
                background-color: var(--uu-warning);
            }
    .drawflow svg {
        position: absolute;
        overflow: visible !important;
        z-index: 0;
    }

    .drawflow .connection {
        position: absolute;
        pointer-events: none;
        aspect-ratio: 1 / 1;
    }

        .drawflow .connection .main-path {
            fill: none;
            stroke-width: 2px;
            stroke: var(--uu-primary-a7);
            pointer-events: all;
        }

            .drawflow .connection .main-path:hover {
                stroke: var(--uu-info);
                cursor: pointer;
            }

            .drawflow .connection .main-path.selected {
                stroke: var(--uu-warning);
            }

        .drawflow .connection .point {
            cursor: move;
            stroke: var(--uu-d);
            stroke-width: 1;
            fill: white;
            pointer-events: all;
        }

            .drawflow .connection .point.selected,
            .drawflow .connection .point:hover {
                fill: var(--uu-warning);
            }

    .drawflow .main-path {
        fill: none;
        stroke-width: 5px;
        stroke: var(--uu-primary);
    }

.drawflow-delete {
    position: absolute;
    top: -11px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    font-weight: bold;
    line-height: 15px;
    color: var(--uu-9);
    border: 1px solid var(--uu-f);
    background-color: var(--uu-9);
    text-align: center;
    border-radius: 17px;
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    box-sizing: border-box;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    user-select: none;
    -webkit-user-select: none;
}
    .drawflow-delete:hover {
        color: var(--uu-primary-a9);
        background-color: var(--uu-primary-a9);
        box-shadow: 0 0 5px 1px var(--uu-a6);
    }
    .drawflow-delete:after {
        content: "\00d7";
        position: absolute;
        top: 2px;
        left: 3px;
        color: var(--uu-f);
    }
    .drawflow > .drawflow-delete {
        margin-left: -26px;
        margin-top: -11px;
    }
.drawflow.full-screen svg.connection,
.drawflow.full-screen div.output,
.drawflow.full-screen div.input {
    display: none !important;
}
/*-----扩展样式和导航样式-----*/
.df-toolbar {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    z-index: 5;
}
.df-nav-container {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 255px;
    margin: 0;
    padding: 0;
    background-color: var(--uu-wa5);
    overflow: hidden auto;
}
.df-nav-container-top {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0px;
    top: 0px;
    right: 0;
    margin: 0;
    padding: 8px 10px;
    background-color: var(--uu-a05);
    transition: all 0.3s;
    overflow: visible;
    z-index: 100;
}
.theme-dark .df-nav-container-top {
    background-color: transparent;
}

.df-nav-container-top:hover {
    background-color: var(--uu-a1);
}

.df-nav-container::-webkit-scrollbar-thumb,
.df-nav-container-top::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba1);
}
/*df-nav-container-top中控件*/
.df-nav-container-top .btn {
    background-color: var(--uu-wa6);
}
.uu-time-group > .form-control {
    width: 150px;
    color: var(--uu-primary);
    border-color: var(--uu-primary);
    border-radius: 4px;
    background-color: var(--uu-wa6);
    transition: all 0.3s;
}

.df-nav-container-top .select2-container {
    flex: auto;
    width: 100% !important; /*用于覆盖select2.js生成的行内绝对宽度*/
    height: 35px;
}
    .df-nav-container-top .select2-container .selection .select2-selection {
        height: 35px;
        border: 1px solid var(--uu-primary);
        border-radius: 4px;
        background-color: var(--uu-wa6);
        overflow: auto;
    }
.df-nav-container-top .uu-right-r0 .select2-container .selection .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.df-nav, .uu-nav-box {
    display: block;
    list-style: none;
    counter-reset: dflist;
}

.df-nav-item,
.uu-nav-box-item {
    display: block;
    position: relative;
    margin: 0 0 0 0;
    padding: 12px 6px;
    font-size: 13px;
    line-height: 1.4;
    border-width: 0;
    border-right-width: 2px;
    border-style: solid;
    color: var(--uu-6);
    border-color: var(--uu-d);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.uu-nav-box-item {
    border-color: transparent;
}
    .df-nav-item:before {
        content: counter(dflist);
        counter-increment: dflist;
        display: inline-block;
        min-width: 20px;
        margin-right: 5px;
        text-align: center;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
    }
    .df-nav-item:hover,
    .uu-nav-box-item:hover {
        color: var(--uu-primary);
        border-color: var(--uu-primary-a5);
        background-color: var(--uu-primary-a1);
    }

    .df-nav-item.active,
    .uu-nav-box-item.active {
        color: var(--uu-warning);
        border-color: var(--uu-warning);
        background-color: var(--uu-warning-a1);
    }
        .df-nav-item.active:hover,
        .uu-nav-box-item.active:hover {
            color: var(--uu-warning);
            border-color: var(--uu-warning-h);
            background-color: var(--uu-warning-a2);
        }
/*icon-btn，icon-btn-warning和icon-btn-info消隐*/
.drawflow-node .icon-btn,
.drawflow-node .icon-btn-info,
.drawflow-node .icon-btn-warning {
    opacity: 0;
}
.drawflow-node:hover .icon-btn,
.drawflow-node:hover .icon-btn-info,
.drawflow-node:hover .icon-btn-warning,
.drawflow-node.selected .icon-btn,
.drawflow-node.selected .icon-btn-info,
.drawflow-node.selected .icon-btn-warning {
    opacity: 1;
}
.uu-nav-box-item {
    padding: 20px 6px 12px 6px;
}
.uu-nav-box-item > h2{
    font-size: 18px;
    margin: 0 0 8px 0;
}
.uu-nav-box-item > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2px 0;
}
.uu-nav-box-item > div > b {
    font-size: 14px;
    font-weight: 600;
}
    .uu-nav-box-item > div > b > var {
        font-size: 12px;
        font-weight: 400;
    }
.uu-nav-tool-wrapper {
    position: absolute;
    top: 0;
    left: 1px;
    z-index: 1;
}
    .uu-nav-tool-wrapper > .select2-container .selection .select2-selection {
        border: 1px solid var(--uu-border);
        border-top-color: transparent;
        border-left-color: transparent;
    }
/*=====================================================================================
                           dataU
======================================================================================*/
.du{

}
.du-scence-banner{
    display: flex;
    align-items: center;
}
.du-scence-name {
    margin-left: 10px;
    color: var(--uu-ww);
    line-height: 1;
    font-size: 26px;
    text-shadow: 0 0 6px var(--uu-info-h);
}
.du-scence-timer {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
}
    .du-scence-timer.on:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: var(--uu-info-a6);
        box-shadow: 0 0 5px 1px var(--uu-info-a3);
        transform-origin: 0 0;
        z-index: 10;
        animation: progress 180s ease-in;
        -webkit-animation: progress 180s ease-in;
        animation-iteration-count: infinite;
    }
.theme-dark .du-scence-timer.on:before {
    box-shadow: 0 0 5px 1px var(--uu-info-a5);
}
.theme-dark .du.drawflow-node {
    border-top-color: var(--uu-wwa5);
    border-radius: 0;
    box-shadow: 0 0 5px 1px var(--uu-wwa1);
}
    .theme-dark .du.drawflow-node:before,
    .theme-dark .du.drawflow-node:after,
    .theme-dark .du.drawflow-node .inputs:before,
    .theme-dark .du.drawflow-node .outputs:after {
        content: '';
        position: absolute;
        left: -2px;
        bottom: -2px;
        width: 10px;
        height: 10px;
        border-style: solid;
        border-color: var(--uu-ww);
        border-width: 0 0 2px 2px;
        box-shadow: -2px 2px 4px var(--uu-wwa4);
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner-line;
    }
.theme-dark .du.drawflow-node:after {
    left: auto;
    right: -2px;
    bottom: -2px;
    border-width: 0 2px 2px 0;
    box-shadow: 2px 2px 4px var(--uu-wwa4);
}
    .theme-dark .du.drawflow-node .inputs:before {
        top: -2px;
        bottom: auto;
        border-width: 2px 0 0 2px;
        box-shadow: -2px -2px 4px var(--uu-wwa4);
    }
    .theme-dark .du.drawflow-node .outputs:after {
        top: -2px;
        bottom: auto;
        left: auto;
        right: -2px;
        border-width: 2px 2px 0 0;
        box-shadow: 2px -2px 4px var(--uu-wwa4);
    }
    .theme-dark .du.drawflow-node.selected:before,
    .theme-dark .du.drawflow-node.selected:after,
    .theme-dark .du.drawflow-node.selected .inputs:before,
    .theme-dark .du.drawflow-node.selected .outputs:after {
        border-color: var(--uu-warning) !important;
    }
/*颜色定义，默认为白色*/
    .theme-dark .du.drawflow-node.du-primary {
        border-top-color: var(--uu-primary-a3);
    }

        .theme-dark .du.drawflow-node.du-primary:before {
            border-color: var(--uu-primary);
            box-shadow: -2px 2px 4px var(--uu-primary-a5);
        }

        .theme-dark .du.drawflow-node.du-primary:after {
            border-color: var(--uu-primary);
            box-shadow: 2px 2px 4px var(--uu-primary-a5);
        }

        .theme-dark .du.drawflow-node.du-primary .inputs:before {
            border-color: var(--uu-primary);
            box-shadow: -2px -2px 4px var(--uu-primary-a5);
        }

        .theme-dark .du.drawflow-node.du-primary .outputs:after {
            border-color: var(--uu-primary);
            box-shadow: 2px -2px 4px var(--uu-primary-a5);
        }

    .theme-dark .du.drawflow-node.du-warning {
        border-top-color: var(--uu-warning-a3);
    }

        .theme-dark .du.drawflow-node.du-warning:before {
            border-color: var(--uu-warning);
            box-shadow: -2px 2px 4px var(--uu-warning-a5);
        }

        .theme-dark .du.drawflow-node.du-warning:after {
            border-color: var(--uu-warning);
            box-shadow: 2px 2px 4px var(--uu-warning-a5);
        }

        .theme-dark .du.drawflow-node.du-warning .inputs:before {
            border-color: var(--uu-warning);
            box-shadow: -2px -2px 4px var(--uu-warning-a5);
        }

        .theme-dark .du.drawflow-node.du-warning .outputs:after {
            border-color: var(--uu-warning);
            box-shadow: 2px -2px 4px var(--uu-warning-a5);
        }

    .theme-dark .du.drawflow-node.du-success {
        border-top-color: var(--uu-success-a3);
    }

        .theme-dark .du.drawflow-node.du-success:before {
            border-color: var(--uu-success);
            box-shadow: -2px 2px 4px var(--uu-success-a5);
        }

        .theme-dark .du.drawflow-node.du-success:after {
            border-color: var(--uu-success);
            box-shadow: 2px 2px 4px var(--uu-success-a5);
        }
        .theme-dark .du.drawflow-node.du-success .inputs:before {
            border-color: var(--uu-success);
            box-shadow: -2px -2px 4px var(--uu-success-a5);
        }

        .theme-dark .du.drawflow-node.du-success .outputs:after {
            border-color: var(--uu-success);
            box-shadow: 2px -2px 4px var(--uu-success-a5);
        }

    .theme-dark .du.drawflow-node.du-danger {
        border-top-color: var(--uu-danger-a3);
    }

        .theme-dark .du.drawflow-node.du-danger:before {
            border-color: var(--uu-danger);
            box-shadow: -2px 2px 4px var(--uu-danger-a5);
        }

        .theme-dark .du.drawflow-node.du-danger:after {
            border-color: var(--uu-danger);
            box-shadow: 2px 2px 4px var(--uu-danger-a5);
        }
        .theme-dark .du.drawflow-node.du-danger .inputs:before {
            border-color: var(--uu-danger);
            box-shadow: -2px -2px 4px var(--uu-danger-a5);
        }

        .theme-dark .du.drawflow-node.du-danger .outputs:after {
            border-color: var(--uu-danger);
            box-shadow: 2px -2px 4px var(--uu-danger-a5);
        }
    .theme-dark .du.drawflow-node.du-info {
        border-top-color: var(--uu-info-a3);
    }

        .theme-dark .du.drawflow-node.du-info:before {
            border-color: var(--uu-info);
            box-shadow: -2px 2px 4px var(--uu-info-a5);
        }

        .theme-dark .du.drawflow-node.du-info:after {
            border-color: var(--uu-info);
            box-shadow: 2px 2px 4px var(--uu-info-a5);
        }
        .theme-dark .du.drawflow-node.du-info .inputs:before {
            border-color: var(--uu-info);
            box-shadow: -2px -2px 4px var(--uu-info-a5);
        }

        .theme-dark .du.drawflow-node.du-info .outputs:after {
            border-color: var(--uu-info);
            box-shadow: 2px -2px 4px var(--uu-info-a5);
        }
.drawflow .du.drawflow-node.df-search:before,
.drawflow .du.drawflow-node.df-search:after,
.drawflow .du.drawflow-node.df-search .inputs:before,
.drawflow .du.drawflow-node.df-search .outputs:after {
    content: '';
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 25px;
    height: 25px;
    border-style: solid;
    border-color: var(--uu-warning);
    border-width: 0 0 2px 2px;
}
.drawflow .du.drawflow-node.df-search:after {
    left: auto;
    right: -5px;
    bottom: -5px;
    border-width: 0 2px 2px 0;
    box-shadow: 2px 2px 4px var(--uu-wwa4);
}

.drawflow .du.drawflow-node.df-search .inputs:before {
    top: -5px;
    bottom: auto;
    border-width: 2px 0 0 2px;
    box-shadow: -2px -2px 4px var(--uu-wwa4);
}

.drawflow .du.drawflow-node.df-search .outputs:after {
    top: -5px;
    bottom: auto;
    left: auto;
    right: -5px;
    border-width: 2px 2px 0 0;
    box-shadow: 2px -2px 4px var(--uu-wwa4);
}
.drawflow .du.drawflow-node.df-search .outputs:after {
    left: auto;
    right: -5px;
    border-width: 2px 2px 0 0;
}
/*input output*/
.du.drawflow-node .input {
    left: -21px;
    width: 6px;
    height: 18px;
    border-radius: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: 0px solid var(--uu-primary);
    background-color: var(--uu-primary);
}

.du.drawflow-node .input:hover {
        background-color: var(--uu-info-h);
    }

.du.drawflow-node .output {
    right: -15px;
    width: 6px;
    height: 18px;
    border-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 0px solid var(--uu-primary);
}

.du-content {
    min-height: 106px; /*最小为drawflow_content_node:106px*/
}
.du-content > div{
    /*outline: 1px solid #eee;*/
}
.du-content .du-title{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .du-content .du-chart-title {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 35px;
        border-radius: 6px;
        border-bottom: 1px solid transparent;
    }
.theme-dark .du-content .du-chart-title.title-primary {
    border-bottom: 1px solid var(--uu-primary-a4);
}
.theme-dark .du-content .du-chart-title.title-warning {
    border-bottom: 1px solid var(--uu-warning-a4);
}
.theme-dark .du-content .du-chart-title.title-info {
    border-bottom: 1px solid var(--uu-info-a4);
}
.theme-dark .du-content .du-chart-title.title-danger {
    border-bottom: 1px solid var(--uu-danger-a3);
}
.theme-dark .du-content .du-chart-title.title-success {
    border-bottom: 1px solid var(--uu-success-a4);
}
.du-content .du-info-pie {
    position: relative;
    margin: 20px 0 10px 0;
    padding-right: 10px;
    text-align: center;
    font-weight: 600;
}
.du-content .du-head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: uunum,'Lucida Sans', Roboto, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
    .du-content .du-head var {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: var(--uu-a5);
    }
    .du-content .du-btn-group {
        position: relative;
        display: flex;
        justify-content: center;
        margin: 10px 0 0 0;
        padding: 0 0 0 18px;
    }
    .du-content .du-chart {
        height: 187px;
        margin: -6px -9px;
    }
    .du-progress .progress-label{
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
        font-size: 12px;
        color: var(--uu-a5);
        line-height: 1;
    }
        .du-progress .progress-label [prg-label-id],
        .du-progress .progress-label [prg-total-id] {
            font-size: 16px;
            font-weight: 600;
        }
.du-progress .progress {
    margin: 2px 0 10px 0;
}
.du-progress.du-prg-min .progress {
    margin: 2px 0 4px 0;
}
.du-chart-empty {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--uu-a);
}
.du-label {
    display: inline-block;
    padding: 3px 13px;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
}
.du-label.label-outline-primary{box-shadow: 0 0 6px var(--uu-primary-a5)}
.du-label.label-outline-success{box-shadow: 0 0 6px var(--uu-success-a5)}
.du-label.label-outline-warning{box-shadow: 0 0 6px var(--uu-warning-a5)}
.du-label.label-outline-danger{box-shadow: 0 0 6px var(--uu-danger-a5)}
.du-label.label-outline-info{box-shadow: 0 0 6px var(--uu-info-a5)}
.du-label.label-outline-purple{box-shadow: 0 0 6px var(--uu-purple-a5)}
.du-block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 4px 5px 8px;
    border-radius: 1px;
}
.du-corner:before,
.du-corner:after {
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    width: 10px;
    height: 10px;
    border-width: 6px;
    border-style: solid;
    border-color: var(--uu-danger-a6);
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important; /*animation会改变border-color，故无需设置border-left-color*/
    transform: rotate(-135deg);
}
.du-corner:after {
    left: auto;
    top: auto;
    right: -6px;
    bottom: -6px;
    transform: rotate(45deg);
}
.theme-dark .du-corner:before,
.theme-dark .du-corner:after {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: pulse-corner-line;
}
.du-video-toolbar{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px 15px;
    color: var(--uu-ww);
    background-color: var(--uu-primary-a5);
}
/*默认为200px*/
.size-150 {
    width: 150px !important;
}
.size-200 { width: 200px !important; }
.size-250 { width: 250px !important; }
.size-300 { width: 300px !important; }  /*1倍dataU，dataU默认*/
.size-350 { width: 350px !important; }
.size-400 { width: 400px !important; }
.size-450 { width: 450px !important; }
.size-500 { width: 500px !important; }
.size-550 { width: 550px !important; }
.size-600 { width: 600px !important; }
.size-670 { width: 670px !important; }
.size-700 { width: 700px !important; }
.size-750 { width: 750px !important; }
.size-800 { width: 800px !important; }
.size-610 { width: 610px !important; }  /*2倍dataU*/
.size-920 { width: 920px !important; }  /*3倍dataU*/
.size-1230 { width: 1230px !important; }/*4倍dataU*/
.size-1540 { width: 1539px !important; }/*5倍dataU*/
/*默认为view高为125px，必须使用du-chart-title， height = n*125 - 38|39|40|41*/
.chart-h2{height:212px!important}/*2倍view*/
.chart-h3{height:336px!important}/*3倍view*/
.chart-h4{height:460px!important}/*4倍view*/
.chart-h5{height:584px!important}/*5倍view*/
/*dataU占满高度(无任何占用高度的元素)，chart height = n *125 - 3 ，注意du-chart为负margin*/
.chart-full-1{height:123px!important}/*1倍view*/
.chart-full-2{height:247px!important}/*2倍view*/
.chart-full-3{height:370px!important}/*3倍view*/

/*dataU占满正方形300*300高度，需要减去border 2px*/
.chart-full-h300{height:298px!important}/*300*300 view，占满*/
.chart-head-h300{height:248px!important}/*300*300 view，含50px head*/
.chart-h-712{height:712px!important}/*dataU.wms排行专用*/

/*=====================================================================================
                           markdown class
======================================================================================*/
#markdown,
.uu-markdown {
    padding: 20px 40px;
    font-size: 14px;
    text-align: left !important;
    background-color: var(--uu-f);
    overflow: auto;
}
.uu-markdown {
    padding: 20px;
    min-width: 500px;
    max-width: 800px;
    border: 1px solid var(--uu-d);
    border-radius: 5px;
}
.markdown-section {
    padding: 0 0 40px 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.markdown-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 100;
}

.markdown-time {
    font-size: 14px;
}
/*markdown 内容及指示器*/
#markdown.has-indicator {
    padding-right: 290px;
}
.markdown-indicator {
    position: fixed;
    padding: 20px 0 0 0 !important;
    top: 60px;
    right: 6px;
    width: 250px;
    height: calc(100vh - 60px);
    margin: 0;
    padding: 0;
    overflow: auto;
}
    .markdown-indicator::-webkit-scrollbar-thumb {
        background-color: var(--uu-ba1);
    }
    .markdown-indicator:hover {
        background-color: var(--uu-f9);
    }

    .markdown-indicator > li {
        padding: 5px !important;
        border-left: 2px solid transparent;
        /*white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;*/
        cursor: pointer;
        transition: all 0.15s;
    }

        .markdown-indicator > li.active {
            color: var(--uu-warning);
            border-color: var(--uu-warning);
            background-color: var(--uu-warning-a1);
        }

        .markdown-indicator > li:hover {
            color: var(--uu-primary);
            border-color: var(--uu-primary-a5);
            background-color: var(--uu-primary-a1);
        }

        .markdown-indicator > li.active:hover {
            color: var(--uu-warning);
            border-color: var(--uu-warning-h);
            background-color: var(--uu-warning-a2);
        }
/*markdown 样式*/
#markdown img,
.uu-markdown img {
    width: 100px!important;
}
#markdown img{
    cursor: pointer;
}
    #markdown table,
    .uu-markdown table {
        width: 100%;
        margin: 10px 0;
        border-collapse: collapse;
    }
    #markdown th, 
    #markdown td,
    .uu-markdown th, 
    .uu-markdown td {
        padding: 8px;
        border: 1px solid var(--uu-th-bdr);
    }
    #markdown th,
    .uu-markdown th {
        background-color: var(--uu-th);
    }
    #markdown ol,
    #markdown ul,
    .uu-markdown ol,
    .uu-markdown ul {
        padding-left: 1em;
    }
    #markdown li,
    .uu-markdown li {
        padding: 2px 0;
    }
/*----------swiper----------*/
.swiper-pagination-bullet {
    background-color: var(--uu-1);
    opacity: .7;
}

    .swiper-pagination-bullet:hover {
        box-shadow: 0 0 3px var(--uu-a9);
    }

.swiper-pagination-bullet-active {
    opacity: 1;
    box-shadow: 0 0 3px var(--uu-a9);
}

/*=====================================================================================
                           minicolor class
======================================================================================*/
.minicolors {
    position: relative;
}

.minicolors-sprite {
    background-image: url(imgs/jquery.minicolors.png);
}

.minicolors-swatch {
    position: absolute;
    vertical-align: middle;
    background-position: -80px 0;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block;
}

    .minicolors-swatch::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
        border-radius: 2px;
    }

.minicolors-swatch-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
    width: 28px;
    position: static;
    cursor: pointer;
}

.minicolors input[type=hidden][disabled] + .minicolors-swatch {
    cursor: default;
}

/* Panel */
.minicolors-panel {
    position: absolute;
    width: 173px;
    background: white;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    z-index: 99999;
    box-sizing: content-box;
    display: none;
    touch-action: none;
}

    .minicolors-panel.minicolors-visible {
        display: block;
    }

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
    top: -154px;
}

.minicolors-position-right .minicolors-panel {
    right: 0;
}

.minicolors-position-bottom .minicolors-panel {
    top: auto;
}

.minicolors-position-left .minicolors-panel {
    left: 0;
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px;
}

.minicolors .minicolors-grid {
    position: relative;
    top: 1px;
    left: 1px; /* LTR */
    width: 150px;
    height: 150px;
    margin-bottom: 2px;
    background-position: -120px 0;
    cursor: crosshair;
}

[dir=rtl] .minicolors .minicolors-grid {
    right: 1px;
}

.minicolors .minicolors-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background-position: -270px 0;
    background-image: inherit;
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background-color: black;
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
    position: absolute;
    top: 1px;
    left: 152px; /* LTR */
    width: 20px;
    height: 150px;
    background-color: white;
    background-position: 0 0;
    cursor: row-resize;
}

[dir=rtl] .minicolors-slider,
[dir=rtl] .minicolors-opacity-slider {
    right: 152px;
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-opacity-slider {
    left: 173px; /* LTR */
    background-position: -40px 0;
    display: none;
}

[dir=rtl] .minicolors-opacity-slider {
    right: 173px;
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 10px;
    margin-top: -6px;
    margin-left: -6px;
    background: none;
}

    .minicolors-grid .minicolors-picker > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        border: solid 2px white;
        box-sizing: content-box;
    }

.minicolors-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 3px;
    background: white;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 2px;
    margin-top: -2px;
    margin-left: 1px;
    box-sizing: content-box;
}

/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
    margin: 5px 0 3px 5px; /* LTR */
    padding: 0;
    list-style: none;
    overflow: hidden;
}

[dir=rtl] .minicolors-swatches,
[dir=rtl] .minicolors-swatches li {
    margin: 5px 5px 3px 0;
}

.minicolors-swatches .minicolors-swatch {
    position: relative;
    float: left; /* LTR */
    cursor: pointer;
    margin: 0 4px 0 0; /* LTR */
}

[dir=rtl] .minicolors-swatches .minicolors-swatch {
    float: right;
    margin: 0 0 0 4px;
}

.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
    margin-right: 7px; /* LTR */
}

[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
    margin-right: 0;
    margin-left: 7px;
}

.minicolors-swatch.selected {
    border-color: #000;
}

/* Inline controls */
.minicolors-inline {
    display: inline-block;
}

    .minicolors-inline .minicolors-input {
        display: none !important;
    }

    .minicolors-inline .minicolors-panel {
        position: relative;
        top: auto;
        left: auto; /* LTR */
        box-shadow: none;
        z-index: auto;
        display: inline-block;
    }

[dir=rtl] .minicolors-inline .minicolors-panel {
    right: auto;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
    top: 5px;
    left: 5px; /* LTR */
    width: 18px;
    height: 18px;
}

[dir=rtl] .minicolors-theme-default .minicolors-swatch {
    right: 5px;
}

.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
    margin-bottom: 2px;
    top: 0;
    left: 0; /* LTR */
    width: 18px;
    height: 18px;
}

[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
    right: 0;
}

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: auto; /* LTR */
    right: 5px; /* LTR */
}

[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {
    right: auto;
    left: 5px;
}

.minicolors-theme-default.minicolors {
    width: auto;
    display: inline-block;
}

.minicolors-theme-default .minicolors-input {
    height: 20px;
    width: auto;
    display: inline-block;
    padding-left: 26px; /* LTR */
}

[dir=rtl] .minicolors-theme-default .minicolors-input {
    text-align: right;
    unicode-bidi: plaintext;
    padding-left: 1px;
    padding-right: 26px;
}

.minicolors-theme-default.minicolors-position-right .minicolors-input {
    padding-right: 26px; /* LTR */
    padding-left: inherit; /* LTR */
}

[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {
    padding-right: inherit;
    padding-left: 26px;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
    z-index: 2;
    top: 3px;
    left: 3px; /* LTR */
    width: 28px;
    height: 28px;
    border-radius: 2px;
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
    right: 3px;
}

.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
    margin-bottom: 2px;
    top: 0;
    left: 0; /* LTR */
    width: 20px;
    height: 20px;
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
    right: 0;
}

.minicolors-theme-bootstrap .minicolors-swatch-color {
    border-radius: inherit;
}

.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
    left: auto; /* LTR */
    right: 3px; /* LTR */
}

[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
    right: auto;
    left: 3px;
}

.minicolors-theme-bootstrap .minicolors-input {
    float: none;
    padding-left: 44px; /* LTR */
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
    text-align: right;
    unicode-bidi: plaintext;
    padding-left: 12px;
    padding-right: 44px;
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-right: 44px; /* LTR */
    padding-left: 12px; /* LTR */
}

[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
    padding-right: 12px;
    padding-left: 44px;
}

.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
    top: 4px;
    left: 4px; /* LTR */
    width: 37px;
    height: 37px;
    border-radius: 5px;
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
    right: 4px;
}

.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
    width: 24px;
    height: 24px;
}

.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
    width: 18px;
    height: 18px;
}

.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
    border-top-left-radius: 0; /* LTR */
    border-bottom-left-radius: 0; /* LTR */
}

[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
    border-radius: 4px;
}

[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* bootstrap input-group rtl override */
[dir=rtl] .input-group .form-control,
[dir=rtl] .input-group-addon,
[dir=rtl] .input-group-btn > .btn,
[dir=rtl] .input-group-btn > .btn-group > .btn,
[dir=rtl] .input-group-btn > .dropdown-toggle {
    border: 1px solid #ccc;
    border-radius: 4px;
}

    [dir=rtl] .input-group .form-control:first-child,
    [dir=rtl] .input-group-addon:first-child,
    [dir=rtl] .input-group-btn:first-child > .btn,
    [dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
    [dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
    [dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    [dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 0;
    }

        [dir=rtl] .input-group .form-control:last-child,
        [dir=rtl] .input-group-addon:last-child,
        [dir=rtl] .input-group-btn:last-child > .btn,
        [dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
        [dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
        [dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
        [dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
    top: 0;
    left: 0; /* LTR */
    padding: 18px;
}

[dir=rtl] .minicolors-theme-semanticui .minicolors-swatch {
    right: 0;
}

.minicolors-theme-semanticui input {
    text-indent: 30px;
}
/*=====================================================================================
                           codemirror class
======================================================================================*/
.CodeMirror {
    width: 85%;
    height: auto;
    min-height: 70px;
    border: 1px solid var(--uu-d);
}
/*=====================================================================================
                           public class
======================================================================================*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h3, h4, h5 { margin-top: 5px; font-weight: 600; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.code {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New";
    font-size: 1em;
}

/*宽高定义*/
.full-width {width: 100% !important;}
.full-height { height: 100%;}
.full-height-100 { height: 100% !important;}
.full-height-105 { height: 105% !important;}
.uu-width-50 {width: 50vw !important;}
.uu-width-100 {width: 100vw !important;}
.uu-width-full {width: 100% !important;}
.uu-height-40{ height: 40vh !important;}
.uu-height-50{ height: 50vh !important;}
.uu-height-60 { height: 60vh !important; }
.uu-height-80 { height: 80vh !important; }
.uu-height-100 { height: 100vh !important; }
.uu-height-auto { 
    height: auto !important;
    min-height: 100%;
}

.vv-init { visibility: hidden;}
body .hidden{ visibility: hidden;}
.uu-overflow-auto{ overflow: auto!important;}
.uu-overflow-visible{ overflow: visible!important;}
.uu-overflow-hide{ overflow: hidden!important;}
.uu-hide { display: none !important;}
.uu-hide1 { display: none !important;}
.uu-hide2 { display: none !important;}
.uu-hide3 { display: none !important;}
.uu-hidden { visibility: hidden !important; }
/*解决umPop.input中预隐藏的input通过select2增强后宽度为auto*/
.umpop-input-hide { display: none !important; }
.umpop-input > span.select2.select2-container{ width: 100%!important; }
.uu-disabled {
    pointer-events: none;
    background-color: var(--uu-e9) !important;
}
.um-mover{cursor:move;}
    .um-mover.um-mover-popover-alert {
        margin: -15px -15px 15px -15px;
        padding: 10px 20px 10px 20px;
    }
        .um-mover.um-mover-popover-alert:hover {
            background-color: var(--uu-a05);
        }
.uu-d-block {
    display: block!important;
}
.uu-d-inline {
    display: inline-block !important;
}
.uu-abbr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.uu-abbr-dis{
    overflow: visible!important;
}
.uu-rect {
    border-radius: 4px;
}
.uu-rect-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 4px;
}
.uu-indent-none {
    text-indent: 0px!important;
}
.uu-opacity1 {opacity: 0.1!important;;}
.uu-opacity2 {opacity: 0.2!important;}
.uu-opacity3 {opacity: 0.3!important;}
.uu-opacity4 {opacity: 0.4!important;}
.uu-opacity5 {opacity: 0.5!important;}
.uu-opacity6 {opacity: 0.6!important;}
.uu-opacity7 {opacity: 0.7!important;}
.uu-opacity8 {opacity: 0.8!important;}
.uu-opacity9 {opacity: 0.9!important;}
.uu-scale6 {scale: 0.6;}
.uu-scale65 {scale: 0.65;}
.uu-scale7 {scale: 0.7;}
.uu-scale8 {scale: 0.8;}
/*zindex*/
.uu-z-5000{z-index: 5001!important;}
.uu-z-4000{z-index: 4001!important;}
.popover-mask.uu-z-5000 { z-index: 5000 !important;}
.popover-mask.uu-z-4000 { z-index: 4000 !important;}
.dlg-mask.uu-z-5000 { z-index: 5000 !important;}
.dlg-mask.uu-z-4000 { z-index: 4000 !important;}
/*authority专用*/
body .aaa-hide { display: none !important; }
body .aaa-show { display: block !important; }
.uu-editable,
.uu-editable-min {
    -webkit-user-modify: read-write-plaintext-only;
    padding: 5px;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New", Consolas;
    font-size: 14px;
    border: 1px solid var(--uu-a);
    background-color: var(--uu-f);
    overflow: scroll !important;
    white-space: normal !important;
    word-break: break-word !important;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}

.uu-editable-min {
    padding: 5px;
    font-size: 14px;
    text-align: left;
    border: 1px solid var(--uu-c);
    border-radius: 4px;
}
    .uu-editable:focus,
    .uu-editable-min:focus {
        border: 1px solid var(--uu-primary);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    .uu-editable::-webkit-scrollbar,
    .uu-editable-min::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: transparent;
        -webkit-appearance: none;
    }
    .uu-editable-min::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
.uu-editable-line {
    -webkit-user-modify: read-write-plaintext-only;
    display: inline-block;
    min-width: 36px;
    padding: 2px 6px;
    font-size: 12px;
    border: 1px solid transparent;
    background-color: var(--uu-f);
    overflow: visible !important;
    white-space: nowrap !important;
    transition: border-color 0.2s ease-in-out 0s;
}
.uu-editable-line:focus {
    border: 1px solid var(--uu-danger-a7);
    outline: none;
}
.uu-scroll-box{
    max-height: 120px;
    overflow: visible scroll;
}
.uu-c-abs {
    position: absolute;
    top: 38px;
    left: 45%;
    z-index: 1;
}
.uu-c-abs-100 {
    position: absolute;
    top: 100px;
    left: 45%;
    z-index: 1;
}
.uu-r-abs {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.uu-l-abs {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.uu-tr-abs{
    position: absolute;
    top: 90px;
    right: 20px;
    z-index: 1;
}
.uu-br-abs {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}
.uu-cr-abs {
    position: absolute;
    top: 40%;
    right: 0px;
    z-index: 1;
}
.uu-vc-abs {
    top: calc(50% - 9px);
}
/*从左上角为1，共8个绝对定位，2,4,5未实现*/
.uu-abs-top,
.uu-abs-1,
.uu-abs-2,
.uu-abs-3,
.uu-abs-4,
.uu-abs-5,
.uu-abs-6,
.uu-abs-7,
.uu-abs-8 {
    position: absolute;
    z-index: 1;
}
.uu-abs-top{
    top: 0;
    left: 0;
    right: 0;
}
.uu-abs-1 {
    top: 10px;
    left: 10px;
}
.uu-abs-3 {
    top: 10px;
    right: 10px;
}

.uu-abs-5 {
    bottom: 10px;
    right: 10px;
}

.uu-abs-7 {
    bottom: 10px;
    left: 10px;
}
.uu-relative{
    position: relative!important;
}
.uu-cursor-text {
    cursor: text;
}
.uu-pointer{
    cursor: pointer;
}
.uu-pointer-none{
    pointer-events: none;
}
    .uu-pointer-none .fa,
    .tab-white .fa{
        width: 1.2em;
        text-align: center;
    }
.uu-red-dot {
    position: relative;
}
.uu-red-dot:after {
    content: "";
    position: absolute;
    display: block;
    top: -5px;
    right: -5px;
    min-width: 10px;
    min-height: 10px;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--uu-danger);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    z-index: 10;
}

/*宽度*/
.uu-w-0{width: 0px !important;}
.uu-w-10{width: 10px !important;}
.uu-w-14{width: 14px !important;}
.uu-w-30{width: 30px !important;}
.uu-w-35{width: 35px !important;}
.uu-w-37{width: 37px !important;}
.uu-w-40{width: 40px !important;}
.uu-w-45{width: 45px !important;}
.uu-w-50{width: 50px!important;}
.uu-w-60{width: 60px!important;}
.uu-w-70{width: 70px!important;}
.uu-w-80{width: 80px!important;}
.uu-w-90{width: 90px!important;}
.uu-w-95{width: 95px!important;}
.uu-w-100{width: 100px!important;}
.uu-w-110{width: 110px!important;}
.uu-w-120{width: 120px!important;}
.uu-w-130{width: 130px!important;}
.uu-w-135{width: 135px!important;}
.uu-w-140{width: 140px!important;}
.uu-w-150{width: 150px!important;}
.uu-w-160{width: 160px!important;}
.uu-w-170{width: 170px!important;}
.uu-w-180{width: 180px!important;}
.uu-w-190{width: 190px!important;}
.uu-w-200{width: 200px!important;}
.uu-w-210{width: 210px!important;}
.uu-w-220{width: 220px!important;}
.uu-w-230{width: 230px!important;}
.uu-w-240{width: 240px!important;}
.uu-w-245{width: 245px!important;}
.uu-w-250{width: 250px!important;}
.uu-w-260{width: 260px!important;}
.uu-w-270{width: 270px!important;}
.uu-w-280{width: 280px!important;}
.uu-w-290{width: 290px!important;}
.uu-w-300{width: 300px!important;}
.uu-w-310{width: 310px!important;}
.uu-w-320{width: 320px!important;}
.uu-w-330{width: 330px!important;}
.uu-w-340{width: 340px!important;}
.uu-w-350{width: 350px!important;}
.uu-w-360{width: 360px!important;}
.uu-w-370{width: 370px!important;}
.uu-w-380{width: 380px!important;}
.uu-w-390{width: 390px!important;}
.uu-w-400{width: 400px!important;}
.uu-w-450{width: 450px!important;}
.uu-w-500{width: 500px!important;}
.uu-w-550{width: 550px!important;}
.uu-w-600{width: 600px!important;}
.uu-w-650{width: 650px!important;}
.uu-w-700{width: 700px!important;}
.uu-w-750{width: 750px!important;}
.uu-w-800{width: 800px!important;}
.uu-w-860{width: 860px!important;}
.uu-w-900{width: 900px!important;}
.uu-w-950{width: 950px!important;}
.uu-w-1000{width: 1000px!important;}
.uu-w-1010{width: 1010px!important;}
.uu-w-1100{width: 1100px!important;}
.uu-w-auto {width: auto!important;}

.uu-w-min50{min-width: 50px;}
.uu-w-min80{min-width: 80px;}
.uu-w-min100{min-width: 100px!important;}
.uu-w-min110{min-width: 110px!important;}
.uu-w-min120{min-width: 120px;}
.uu-w-min130{min-width: 130px;}
.uu-w-min140{min-width: 140px;}
.uu-w-min150{min-width: 150px;}
.uu-w-min160{min-width: 160px;}
.uu-w-min170{min-width: 170px;}
.uu-w-min180{min-width: 180px;}
.uu-w-min190{min-width: 190px;}
.uu-w-min200{min-width: 200px;}
.uu-w-min240{min-width: 240px;}
.uu-w-min250{min-width: 250px;}
.uu-w-min300{min-width: 300px;}
.uu-w-min350{min-width: 350px;}
.uu-w-min400{min-width: 400px;}
.uu-w-min450{min-width: 450px;}
.uu-w-min500{min-width: 500px;}
.uu-w-min550{min-width: 550px;}
.uu-w-min600{min-width: 600px;}
.uu-w-min700{min-width: 700px;}
.uu-w-min800{min-width: 800px;}

.uu-w-max200{max-width: 202px;}
.uu-w-max280{max-width: 280px;}
.uu-w-max300{max-width: 300px;}
.uu-w-max350{max-width: 350px;}
.uu-w-max400{max-width: 400px;}
.uu-w-max450{max-width: 450px;}
.uu-w-max500{max-width: 500px;}
.uu-w-max550{max-width: 550px;}
.uu-w-max600{max-width: 600px;}
.uu-w-max700{max-width: 700px;}
.uu-w-max800{max-width: 800px;}
.uu-w-fixed {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
/*高度*/
.uu-h-control {
    height: calc(1.5em + .75rem + 2px) !important; /*bootstrap原始大小*/
}
.uu-h-5 {height: 5px !important;}
.uu-h-10 {height: 10px !important;}
.uu-h-20 {height: 20px !important;}
.uu-h-22 {height: 22px !important;}
.uu-h-24 {height: 24px !important;}
.uu-h-28 {height: 28px !important;}
.uu-h-30 {height: 30px !important;}
.uu-h-32 {height: 32px !important;}
.uu-h-33 {height: 33px !important;}
.uu-h-35 {height: 35px !important;}
.uu-h-40 {height: 40px !important;}
.uu-h-50 {height: 50px !important;}
.uu-h-60 {height: 60px !important;}
.uu-h-70 {height: 70px !important;}
.uu-h-80 {height: 80px !important;}
.uu-h-90 {height: 90px !important;}
.uu-h-100{height:100px!important}
.uu-h-110{height:110px!important}
.uu-h-120{height:120px!important}
.uu-h-130{height:130px!important}
.uu-h-140{height:140px!important}
.uu-h-150{height:150px!important;min-height:150px!important;}/*dataS专用*/
.uu-h-156{height:156px!important}/*dataU.wms专用*/
.uu-h-160{height:160px!important}
.uu-h-170{height:170px!important;min-height:150px!important;}/*dataS专用*/
.uu-h-180{height:180px!important;min-height:150px!important;}/*dataS专用*/
.uu-h-190{height:190px!important}
.uu-h-200{height:200px!important}
.uu-h-203{height:203px!important}/*dataS专用*/
.uu-h-218{height:218px!important}/*dataU.wms专用*/
.uu-h-220{height:220px!important}
.uu-h-230{height:230px!important}
.uu-h-250{height:250px!important}
.uu-h-260{height:260px!important}
.uu-h-270{height:270px!important}
.uu-h-300{height:300px!important}
.uu-h-320{height:320px!important}
.uu-h-350{height:350px!important}
.uu-h-360{height:360px!important}
.uu-h-400{height:400px!important}
.uu-h-413{height:413px!important}/*dataU.wms专用*/
.uu-h-450{height:450px!important}
.uu-h-500{height:500px!important}
.uu-h-600{height:600px!important}
.uu-h-620{height:620px!important}/*dataS专用*/
.uu-h-700{height:700px!important}
.uu-h-800{height:800px!important}
.uu-h-938{height:938px!important}
.uu-h-min30{min-height:30px!important}
.uu-h-min50{min-height:50px!important}
.uu-h-min100{min-height:100px!important}
.uu-h-min300{min-height:300px!important}
.uu-h-min500{min-height:500px!important}
.uu-h-max300{max-height:300px!important}
.uu-h-max400{max-height:400px!important}
.uu-line-h1{line-height:1em;}
.uu-line-h11{line-height:1.1;}
.uu-line-h12{line-height:1.2;}
.uu-line-h15{line-height:1.5;}
.uu-line-h18{line-height:1.8!important;}
.uu-line-h3{line-height:3;}
.uu-line-h20{line-height:20px;}
.uu-line-h22{line-height:22px;}
.uu-line-h24{line-height:24px;}
.uu-line-h30{line-height:30px;}
.uu-line-h40{line-height:40px;}
.uu-line-h100{line-height:100px;}
/*图像*/
.img-tiny1610 {
    width: 16px;
    height: 10px;
}
.img-tiny {
    width: 14px;
    height: 14px;
}
.img-xxs {
    width: 24px;
    height: 24px;
}

.img-xs {
    width: 28px;
    height: 28px;
}

.img-s {
    width: 32px;
    height: 32px;
}

.img-m {
    width: 48px;
    height: 48px;
}

.img-l {
    width: 64px;
    height: 64px;
}

.img-xl {
    width: 96px;
    height: 96px;
}

.img-xxl {
    width: 128px;
    height: 128px;
}
.img-200 {
    width: 200px;
    height: 200px;
}
.uu-img-thumb {
    height: 40px;
    max-width: 56px;
    margin: 0 6px 0 0;
    border: 1px solid var(--uu-e9);
    background-color: var(--uu-fa);
}

.dtr-data .uu-img-thumb{
    height: 19px;
}
.uu-img-thumb.um-img-tiny {
    height: 21px;
}
.uu-img-thumb-flag {
    position: absolute;
    left: 7px;
    top: 7px;
    padding: 0px 2px;
    color: var(--uu-ww);
    font-size: 11px;
    font-weight: 100;
    font-style: normal;
    border-bottom-right-radius: 50%;
}

/*-----------------------------------dyn svg  */
.uu-svg-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: visible;
    pointer-events: none;
    z-index: 10000;
}

/*-----------------------------------font     */
/*不支持小于12px的字体，可以使用绝对定位与scale解决此问题*/
.f-bold{ font-weight: 600 !important;}
.f-thin {font-weight: 100 !important;}
.f-min {
    position: absolute;
    max-width: 140px;
    margin: -2px -5px;
    font-size: 12px !important;
    line-height: 1;
    transform: scale(0.9);
    -webkit-transform-origin-x: 0;
    /*overflow: hidden;*/
    white-space: normal;
}
    .f-min > small {
        font-weight: 400;
    }
    small{
        font-size: 75%;
        font-weight: 100;
    }
.f-min .uu-sel-sum {
    position: absolute;
    left: 0;
    top: -15px;
    padding: 1px 5px;
    color: var(--uu-f);
    font-size: 13px;
    font-weight: 400;
    border-radius: 25px;
    background-color: var(--uu-a4);
}
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
}
.td-break {
    line-break: anywhere;
}
.v-baseline{
    vertical-align:baseline !important;
}
.f-num {
    font-family: uunum,'Lucida Sans', Roboto, sans-serif;
}
.f-normal {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
}
.f-10 { font-size: 10px !important;}
.f-11 { font-size: 11px !important;}
.f-12 { font-size: 12px !important;}
.f-13 { font-size: 13px !important;}
.f-14 { font-size: 14px !important;}
.f-15 { font-size: 15px !important;}
.f-16 { font-size: 16px !important;}
.f-17 { font-size: 17px !important;}
.f-18 { font-size: 18px !important;}
.f-19 { font-size: 19px !important;}
.f-20 { font-size: 20px !important;}
.f-21 { font-size: 21px !important;}
.f-22 { font-size: 22px !important;}
.f-24 { font-size: 24px !important;}
.f-26 { font-size: 26px !important;}
.f-28 { font-size: 28px !important;}
.f-32 { font-size: 32px !important;}
.f-36 { font-size: 36px !important;}
.f-40 { font-size: 40px !important;}
.f-underline{text-decoration:underline}
.f-overline{text-decoration:overline}

/*一定需要td，否则影响th的样式*/
td.td-12{font-size: 12px !important;}
td.td-reorder{
    cursor:move;
}
    td.td-reorder:before {
        content: "\f0c9";
        margin-right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        color: var(--uu-c);
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

.td-70{width: 70px}
.td-80{width: 80px}
.td-85{width: 85px}
.td-100{width: 100px}
.td-right{text-align: right}
.td-center{text-align: center}
/*-----------------------------------  border */
.bdr-wwa1 { border: 1px solid var(--uu-wwa1);}
.bdr-a1 { border: 1px solid var(--uu-a1);}
.bdr-all { border: 1px solid var(--uu-border); }
.bdr-x { border-left: 1px solid var(--uu-border); border-right: 1px solid var(--uu-border);}
.bdr-y { border-top: 1px solid var(--uu-border); border-bottom: 1px solid var(--uu-border);}
.bdr-l { border-left: 1px solid var(--uu-border);}
.bdr-r { border-right: 1px solid var(--uu-border);}
.bdr-t { border-top: 1px solid var(--uu-border);}
.bdr-b { border-bottom: 1px solid var(--uu-border);}
.bdr-w-2 {border-width: 2px;}
.bdr-w-3 {border-width: 3px;}
.bdr-w-3 {border-width: 4px;}
.bdr-dotted {border-bottom-style: dotted;}
.bdr-dashed {border-bottom-style: dashed;}
/*----------------------------------- none border */
.bdr-none { border-width: 0 !important;}
.bdr-t-none { border-top-width: 0 !important;}
.bdr-r-none { border-right-width: 0 !important;}
.bdr-b-none { border-bottom-width: 0 !important;}
.bdr-l-none { border-left-width: 0 !important;}
.bdr-title {
    padding-left: 5px!important;
    border-left: 3px solid var(--uu-primary);
}
/*----------------------------------- border radius */
.b-r-xs { -webkit-border-radius: 1px;border-radius: 1px!important;}
.b-r-sm { -webkit-border-radius: 3px;border-radius: 3px!important;}
.b-r-md { -webkit-border-radius: 6px;border-radius: 6px!important;}
.b-r-lg { -webkit-border-radius: 12px;border-radius: 12px!important;}
.b-r-xl { -webkit-border-radius: 24px;border-radius: 24px!important;}
.b-r-5 { -webkit-border-radius: 5px;border-radius: 5px!important;}
.b-r-10 { -webkit-border-radius: 10px;border-radius: 10px!important;}
.b-r-btn { border-radius: 4px!important; }
.b-r-l-btn { border-top-left-radius: 4px!important; border-bottom-left-radius: 4px!important }
.b-r-r-btn { border-top-right-radius: 4px!important; border-bottom-right-radius: 4px!important}
.b-r-none { border-radius: 0px!important;}
.b-r-2-none { border-bottom-left-radius: 0px!important; border-top-right-radius: 0px!important;}
.b-r-3-none { border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important; border-top-right-radius: 0px!important;}
.b-r-l-none { border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important;}
.b-r-r-none { border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important;}
/*----------------------------------- border color */
.bdr-trans{border-color: transparent!important;}
.bdr-primary{border-color: var(--uu-primary-a3)!important}
.bdr-success{border-color: var(--uu-success-a3)!important}
.bdr-warning{border-color: var(--uu-warning-a3)!important}
.bdr-info{border-color: var(--uu-info-a3)!important}
.bdr-danger{border-color: var(--uu-danger-a2)!important}
.bdr-purple{border-color: var(--uu-purple-a2)!important}
.bdr-eee{border-color: var(--uu-e)!important}
.bdr-ddd{border-color: var(--uu-d)!important}
.bdr-ccc{border-color: var(--uu-c)!important}
.bdr-bbb{border-color: var(--uu-b)!important}
.bdr-eee:focus{border-color: var(--uu-primary)!important}
.bdr-ddd:focus{border-color: var(--uu-primary)!important}
.bdr-ccc:focus{border-color: var(--uu-primary)!important}
.bdr-bbb:focus{border-color: var(--uu-primary)!important}
.bdr-orange{border-color: var(--uu-f63)}
.bdr-b-primary{border-color: var(--uu-primary-a5)!important}
.bdr-b-success{border-color: var(--uu-success-a5)!important}
.bdr-b-warning{border-color: var(--uu-warning-a5)!important}
.bdr-b-info{border-color: var(--uu-info-a5)!important}
.bdr-b-danger{border-color: var(--uu-danger-a5)!important}
.bdr-b-purple{border-color: var(--uu-purple-a5)!important}
.bdr-s-primary{border-color: var(--uu-primary)!important}
.bdr-s-success{border-color: var(--uu-success)!important}
.bdr-s-warning{border-color: var(--uu-warning)!important}
.bdr-s-info{border-color: var(--uu-info)!important}
.bdr-s-danger{border-color: var(--uu-danger)!important}
.bdr-s-purple{border-color: var(--uu-purple)!important}
.bdr-s-w{border-color: var(--uu-ww)!important}
/*----------------------------------- fa extend */
.fa-flip-hor {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-ver {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
.fa-r45 {
    transform: rotate(45deg);
}
.fa-r90 {
    transform: rotate(90deg);
}
.fa-show-right{
    position: relative;
    padding-right: 18px;
}
.fa-show-right:before{
    position: absolute;
    right: 0;
    top: 0;
}
.animate06 {animation-duration: 0.6s;}
.animate10 {animation-duration: 1s;}
.level1 { margin-left: 1.5em; }
.level2 { margin-left: 2.5em; }
.level3 { margin-left: 3.5em; }
.level4 { margin-left: 4.5em; }
.level5 { margin-left: 5.5em; }
.level6 { margin-left: 6.5em; }
.level7 { margin-left: 7.5em; }
.level8 { margin-left: 8.5em; }
/*----------------------------------- padding */
.p-b-2 { padding-bottom: 2px !important;}
.p-t-2 { padding-top: 2px !important;}
.p-t-3 { padding-top: 3px !important;}
.p-x-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.p-x-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.p-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.p-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.p-x-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.p-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.p-x-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.p-y-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.p-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.p-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/*none*/
.p-none { padding: 0 !important;}
.p-t-none { padding-top: 0 !important;}
.p-r-none { padding-right: 0 !important;}
.p-b-none { padding-bottom: 0 !important;}
.p-l-none { padding-left: 0 !important;}
/*all*/
.p-xxs { padding: 5px !important;}
.p-xs { padding: 10px !important;}
.p-s { padding: 15px !important;}
.p-m { padding: 20px !important;}
.p-l { padding: 25px !important;}
.p-xl { padding: 30px !important;}
.p-xxl { padding: 40px !important;}
/*top*/
.p-t-xxs {
    padding-top: 5px !important;
}
.p-t-xs { padding-top: 10px !important;}
.p-t-s { padding-top: 15px !important;}
.p-t-m { padding-top: 20px !important;}
.p-t-l { padding-top: 25px !important;}
.p-t-xl { padding-top: 30px !important;}
.p-t-xxl { padding-top: 40px !important;}
/*right*/
.p-r-xxs { padding-right: 5px !important;}
.p-r-xs { padding-right: 10px !important;}
.p-r-s { padding-right: 15px !important;}
.p-r-m { padding-right: 20px !important;}
.p-r-l { padding-right: 25px !important;}
.p-r-xl { padding-right: 30px !important;}
.p-r-xxl { padding-right: 40px !important;}
/*bottom*/
.p-b-xxs { padding-bottom: 5px !important;}
.p-b-xs { padding-bottom: 10px !important;}
.p-b-s { padding-bottom: 15px !important;}
.p-b-m { padding-bottom: 20px !important;}
.p-b-l { padding-bottom: 25px !important;}
.p-b-xl { padding-bottom: 30px !important;}
.p-b-xxl { padding-bottom: 40px !important;}
/*left*/
.p-l-xxs { padding-left: 5px !important;}
.p-l-xs { padding-left: 10px !important;}
.p-l-s { padding-left: 15px !important;}
.p-l-m { padding-left: 20px !important;}
.p-l-l { padding-left: 25px !important;}
.p-l-xl { padding-left: 30px !important;}
.p-l-xxl { padding-left: 40px !important;}
.p-l-250 { padding-left: 250px !important;}
/*----------------------------------- margin */
.m-l-1{margin-left: -1px !important;}
.m-l-2{margin-left: -2px !important;}
.m-r-2{margin-right: 2px !important;}
.m-r-3{margin-right: 3px !important;}
.m-b-2 { margin-bottom: 2px !important;}
.m-b-3 { margin-bottom: 3px !important;}
.m-t--2 { margin-top: -2px !important;}
.m-t-3 { margin-top: 3px !important;}
.m-t-35 { margin-top: 35px !important;}
.m-t-45 { margin-top: 45px !important;}
.m-t-50 { margin-top: 50px !important;}
.m-t-55 { margin-top: 55px !important;}
.m-t-60 { margin-top: 60px !important;}
.m-l-50 { margin-left: 50px !important;}
.m-r-50 { margin-right: 50px !important;}
.m-x-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
}
.m-x-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.m-x-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.m-x-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.m-y-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.m-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.m-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.m-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.m-y-none { margin-top: 0 !important;margin-bottom: 0 !important;}
/*none*/
.m-none { margin: 0 !important;}
.m-t-none { margin-top: 0 !important;}
.m-r-none { margin-right: 0 !important;}
.m-b-none { margin-bottom: 0 !important;}
.m-l-none { margin-left: 0 !important;}
/*all*/
.m-xxs { margin: 5px !important;}
.m-xs { margin: 10px !important;}
.m-s { margin: 15px !important;}
.m-m { margin: 20px !important;}
.m-l { margin: 25px !important;}
.m-xl { margin: 30px !important;}
.m-xxl { margin: 40px !important;}
/*top*/
.m-t-8 { margin-top: 8px !important;}
.m-t-xxs { margin-top: 5px !important;}
.m-t-xs { margin-top: 10px !important;}
.m-t-s { margin-top: 15px !important;}
.m-t-m { margin-top: 20px !important;}
.m-t-l { margin-top: 25px !important;}
.m-t-xl { margin-top: 30px !important;}
.m-t-xxl { margin-top: 40px !important;}
/*right*/
.m-r-xxs { margin-right: 5px !important;}
.m-r-xs { margin-right: 10px !important;}
.m-r-s { margin-right: 15px !important;}
.m-r-m { margin-right: 20px !important;}
.m-r-l { margin-right: 25px !important;}
.m-r-xl { margin-right: 30px !important;}
.m-r-xxl { margin-right: 40px !important;}
/*bottom*/
.m-b-xxs { margin-bottom: 5px !important;}
.m-b-xs { margin-bottom: 10px !important;}
.m-b-s { margin-bottom: 15px !important;}
.m-b-m { margin-bottom: 20px !important;}
.m-b-l { margin-bottom: 25px !important;}
.m-b-xl { margin-bottom: 30px !important;}
.m-b-xxl { margin-bottom: 40px !important;}
/*left*/
.m-l-xxs { margin-left: 5px !important;}
.m-l-xs { margin-left: 10px !important;}
.m-l-s { margin-left: 15px !important;}
.m-l-m { margin-left: 20px !important;}
.m-l-l { margin-left: 25px !important;}
.m-l-xl { margin-left: 30px !important;}
.m-l-xxl { margin-left: 40px !important;}
/*all none*/
.m-n-xxs { margin: -5px !important;}
.m-n-xs { margin: -10px !important;}
.m-n-s { margin: -15px !important;}
.m-n-m { margin: -20px !important;}
.m-n-l { margin: -25px !important;}
.m-n-xl { margin: -30px !important;}
.m-n-xxl { margin: -40px !important;}
/*top*/
.m-t-n-xxs { margin-top: -5px !important;}
.m-t-n-xs { margin-top: -10px !important;}
.m-t-n-s { margin-top: -15px !important;}
.m-t-n-m { margin-top: -20px !important;}
.m-t-n-l { margin-top: -25px !important;}
.m-t-n-xl { margin-top: -30px !important;}
.m-t-n-xxl { margin-top: -40px !important;}
/*right*/
.m-r-n-xxs { margin-right: -5px !important;}
.m-r-n-xs { margin-right: -10px !important;}
.m-r-n-s { margin-right: -15px !important;}
.m-r-n-m { margin-right: -20px !important;}
.m-r-n-l { margin-right: -25px !important;}
.m-r-n-xl { margin-right: -30px !important;}
.m-r-n-xxl { margin-right: -40px !important;}
/*bottom*/
.m-b-n-xxs { margin-bottom: -5px !important;}
.m-b-n-xs { margin-bottom: -10px !important;}
.m-b-n-s { margin-bottom: -15px !important;}
.m-b-n-m { margin-bottom: -20px !important;}
.m-b-n-l { margin-bottom: -25px !important;}
.m-b-n-xl { margin-bottom: -30px !important;}
.m-b-n-xxl { margin-bottom: -40px !important;}
/*left*/
.m-l-n-xxs { margin-left: -5px !important;}
.m-l-n-xs { margin-left: -10px !important;}
.m-l-n-s { margin-left: -15px !important;}
.m-l-n-m { margin-left: -20px !important;}
.m-l-n-l { margin-left: -25px !important;}
.m-l-n-xl { margin-left: -30px !important;}
.m-l-n-xxl { margin-left: -40px !important;}
.m-l-0 { margin-left: 0px !important;}
/*=====================================================================================
                           media by Atom 2021.02.14
======================================================================================*/
/*使用max-width(默认)为响应式布局断点时，应为从大到小设置断点，min-width时从小到大设置断点*/
@media (max-width: 1580px) {
    /*仅用运单超长工具栏*/
    .uu-main-tab.uu-main-tab-min > .js-tabs {
        width: 41px;
        overflow: hidden;
    }

        .uu-main-tab.uu-main-tab-min > .js-tabs > span {
            display: block;
            width: 15px;
            overflow: hidden;
        }
    /*2025-01-31 1520px以下则收缩工具栏(原为1366以下收缩)。使用max-width才可支持transition，hover动态展开*/
    .uu-main-btn .btn {
        max-width: 41px;
        overflow: hidden;
        white-space: nowrap;
    }
        .uu-main-btn .btn > .uu-pointer-none {
            display: block;
            max-width: 18px;
            overflow: hidden;
            transition: max-width 0.3s ease-out;
        }
    .uu-main-btn .btn:hover {
        max-width: 200px;
        overflow: visible;
    }
        .uu-main-btn .btn:hover > .uu-pointer-none {
            max-width: 180px;
            overflow: visible;
        }
}

@media (max-width: 1366px) {
    .page-tabs {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_filter label > input {
        width: 120px;
    }
    .dataTables_query > .form-control {
        max-width: 120px;
    }
    .popover.js-popover-finder,
    .popover.js-popover-ajaxFinder {
        left: calc(50vw - 600px);
    }

        .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
            min-width: 1200px;
            max-width: 1200px;
        }
    /*2025-01-31 1366px以下则收缩tab(原为1024以下收缩)，可以动态展开*/
    .uu-main-tab > .js-tabs {
        max-width: 41px;
        overflow: hidden;
    }
        .uu-main-tab > .js-tabs > span {
            display: block;
            max-width: 15px;
            overflow: hidden;
            transition: max-width 0.3s ease-out;
        }
    .uu-main-tab > .js-tabs:hover {
        max-width: 200px;
        overflow: visible;
    }

        .uu-main-tab > .js-tabs:hover > span {
            max-width: 180px;
            overflow: visible;
        }
}

@media (max-width: 1280px) {
    div.dataTables_wrapper > .row:first-child {
        overflow: visible; /*必须为visible，否则无法显示下拉列表*/
    }

    .uu-btn-size > .btn:nth-child(1),
    .uu-btn-size > .btn:nth-child(2),
    .uu-btn-size > .btn:nth-child(3),
    .uu-btn-size > .btn:nth-child(4),
    .uu-btn-size > .btn:nth-child(5),
    .uu-btn-size > .btn:nth-child(6),
    .uu-btn-size > .btn:nth-child(7),
    .uu-btn-size > .btn:nth-child(8),
    .uu-btn-size > .btn:nth-child(9) {
        display: none;
    }

    .DTED_Lightbox_Wrapper {
        margin-left: -43vw;
        width: 86vw;
    }

    .popover {
        max-width: 1200px;
    }

        .popover.js-popover-finder,
        .popover.js-popover-ajaxFinder {
            left: calc(50vw - 500px);
        }

            .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
                min-width: 1000px;
                max-width: 1000px;
            }

    .js-field-search {
        display: none;
    }
    /*首页wizard*/
    .wizard-flow-list {
        margin: 0 20px;
    }
}


/*左侧主导航#main-nav的响应行为，宽屏时(>768)分别为页面内展开和缩小，窄屏时(<=768)分别为绝对定位展开和不显示
    iphone 8: 屏幕375*667，浏览器竖屏375*553,横屏667*325
    红米6(全面屏): 屏幕360*720，浏览器竖屏360*598,横屏720*316
    ipad: 屏幕1024*768，浏览器竖屏768*921,横屏1024*665
*/
@media (max-width: 1024px) {
    /*框架及mani-nav*/
    #page-wrapper {
        width: 100%;
    }

    .main-nav-min #page-wrapper {
        width: 100%;
    }

    .navbar-side {
        position: absolute;
        z-index: 2001;
        overflow: hidden;
    }

    .main-nav-min .navbar-side {
        display: none;
    }

    .left-spa-view {
        width: 160px;
    }
    /*has-left应用于tree-view.html和panel-view.html*/
    .main-spa-view.has-left,
    .has-left .main-spa-view {
        width: calc(100vw - 150px);
    }

        .main-spa-view.has-left .uu-bottom-tool,
        .has-left .main-spa-view .uu-bottom-tool {
            left: 161px;
        }

    .main-nav-min .main-spa-view.has-left,
    .main-nav-min .has-left .main-spa-view {
        width: calc(100vw - 150px);
    }

        .main-nav-min .main-spa-view.has-left .uu-bottom-tool,
        .main-nav-min .has-left .main-spa-view .uu-bottom-tool {
            left: 161px;
        }
    .uu-favorite {
        left: 18px;
    }
    /*brand元素*/
    .site-brand {
        margin-left: 200px;
    }

    .main-nav-min .site-brand {
        margin-left: 0;
    }
    /*dataTable和editor元素*/
    div.dataTables_wrapper > .row:first-child {
        overflow: visible; /*必须为visible，否则无法显示下拉列表*/
    }

    .js-finder,
    .js-finder-clear {
        width: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .js-finder > span,
        .js-finder-clear > span {
            display: none;
        }

    .uu-bottom-tool,
    .main-nav-min .uu-bottom-tool {
        left: 10px;
    }

    .uu-panel-top,
    .uu-wizard-nav {
        overflow: hidden scroll;
    }

    .uu-panel-pcbody {
        overflow: auto scroll;
    }

    .uu-excel-tool {
        flex-wrap: wrap;
        overflow: auto;
    }

    .part-umexcel-btn,
    .part-umexcel-info {
        flex: 0 0 99.9999999%;
        max-width: 99.9999999%;
    }

    .DTED_Lightbox_Wrapper {
        margin-left: -46vw;
        width: 92vw;
    }
    /* 三栏 3*149 */
    .dataTable > tbody > tr.child ul.dtr-details > li.dtr-col3 {
        width: 100%;
    }

        .dataTable > tbody > tr.child ul.dtr-details > li.dtr-col3 span.dtr-data {
            width: calc(100% - 124px);
        }
    /*其它*/

    

    .uu-cnt-main {
        flex-wrap: wrap;
    }

    .uu-cnt-left,
    .uu-cnt-right {
        width: 100%;
        height: auto;
    }

    .popover {
        max-width: 95vw;
    }

        .popover.js-popover-finder,
        .popover.js-popover-ajaxFinder {
            left: calc(50vw - 45vw);
        }

            .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
                min-width: 90vw;
                max-width: 90vw;
            }

    .js-fdr-do,
    .js-fdr-hide,
    .js-fdr-open-inactive,
    .js-fdr-clear,
    .finder-tools > .btn-group > .btn-group > .dropdown-toggle,
    .js-fdr-save {
        width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .js-fdr-do > span,
        .js-fdr-hide > span,
        .js-fdr-open-inactive > span,
        .js-fdr-clear > span,
        .js-fdr-save > span {
            display: block;
            width: 15px;
            overflow: hidden;
        }
    /*首页wizard*/
    .uu-wizard-page .uwpop-win-body {
        max-width: calc(100vw - 50px);
        width: calc(100vw - 50px);
    }

    .wizard-body-page .js-wizard-step.uu-wizard-step-slide .uu-wizard-step {
        width: calc(100vw - 50px);
    }

    .wizard-flow-list {
        margin: 0;
    }
    /*customEditor*/
    .uu-custom-editor > li{
        flex-wrap: wrap;
    }
    
        .uu-custom-editor > li > label {
            width: 100%;
            text-align: left;
            padding-left: 25px;
            margin-bottom: 8px;
        }
        .uu-custom-editor > li > .uu-custom-editor-field-info,
        .uu-custom-editor > li.uu-grid-full > .uu-custom-editor-field-info{
            width: 100%;
            padding-left: 0px;
            margin: 0;
        }
}

@media (max-width: 768px) {
    .navbar-top-links {
        display: none;
    }

    .uu-table-toolbar.text-right {
        margin: 10px 0;
    }

    .dataTables_length {
        display: none;
    }

    .uu-bottom-tool > .part-3.text-center {
        display: none;
    }

    .uu-bottom-tool > .part-3:last-child {
        flex: 0 0 59.999999%;
        max-width: 59.999999%;
    }

    .uu-table-toolbar > div.dt-buttons {
        width: auto;
        text-align: center;
        margin-bottom: 0;
    }

    .DTED_Lightbox_Wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
    }

    .fx-col {
        min-height: 400px;
        margin: 5px 0;
    }

    .popover {
        max-width: 95vw;
    }

        .popover.js-popover-finder,
        .popover.js-popover-ajaxFinder {
            left: calc(50vw - 45vw);
        }

            .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
                min-width: 260px;
                max-width: 90vw;
            }

    .editor-group {
        display: none;
    }

    /*dataTable toolbar*/
    .col-sm-12.col-md-7 {
        display: none;
    }
}

@media (max-width: 480px) {
    /*查询条件按钮*/
    .js-fdr-hide,
    .js-fdr-save,
    .finder-tools > .btn-group > .btn-group,
    .uu-page-ajax > .page-item:nth-child(3),
    .uu-page-ajax-aux > .page-item:nth-child(3) {
        display: none;
    }

    ul.uu-inner-grid > li {
        display: block;
    }

    .uu-main-btn .btn {
        width: 32px;
        overflow: hidden;
        white-space: nowrap;
        padding: 0px 8px;
    }

    .uu-main-tab > .js-tabs {
        width: 32px;
        overflow: hidden;
        padding: 0px 8px;
    }

    .tab-white.active:after {
        top: 19px;
    }
    .uu-sub-tab > .tab-white.active:after {
        top: 27px;
    }
    .dataTable > tbody > tr.child ul.dtr-details > li {
        width: 305px;
    }
    /*----------dataS*/
    .ds-hor{
        display: block;
    }
    .ds-toolbar {
        display: none;
    }
    .ds-tab-left {
        display: none;
    }
}