/* 文本框必填提示*/
.ui-form-field-cot {
    position: relative;
}

.ui-form-field-cot .validationMessage {
    left: 0;
    position: absolute;
    bottom: -20px;
}

/* 20160729 hm*/
.col-nav {
    overflow: hidden;
}

.col-nav-4 .col-nav-item {
    width: 25%;
    float: left;
}

.col-nav-3 .col-nav-item {
    width: 33.333%;
    float: left;
}

.col-nav-2 .col-nav-item {
    width: 50%;
    float: left;
}

.col-nav .col-nav-item:not(:last-child) {
    border-right: 1px solid #e6e6e5;
}

.clear-margin {
    margin: 0 !important;
}

.clear-border {
    border: none !important;
}

.ezr-main-content {
    flex: 1;
    display: flex;
    height: 100%;
}

.ezr-main-content .ezr-right-content::-webkit-scrollbar {
    width: 6px;
}

.ezr-main-content .ezr-right-content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    width: 6px;
    background: rgba(0,0,0,0.20);
}

/* 左侧菜单 */
.left-sidebar {
    /* transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out; */
    height: 100%;
    padding-top: 50px;
    /* overflow: auto; */
}

.left-sidebar .main-nav {
    /* background: #2c2c2c; */
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 111;
}

.left-sidebar .sub-nav {
    background: #323436;
    width: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}

.bottom {
    flex: 1;
    height: 100%;
    overflow: auto;
    padding-top: 50px;
}
/* .ezr-right-content {
    padding: 12px;
} */

ul.main-menu,
ul.sub-menu {
    list-style-type: none;
    padding-left: 0;
}

.main-menu-scroll {
    padding: 0 20px;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.main-menu-scroll-mini {
    padding: 0 17px;
}

.main-menu-scroll::-webkit-scrollbar,
.left-sidebar .sub-nav::-webkit-scrollbar,
#second_menu_popover::-webkit-scrollbar {
    width: 0;
}

.main-menu>li>a {
    display: block;
    height: 44px;
    padding-right: 18px;
    padding-left: 18px;
    color: #aaa;
    text-decoration: none;
    overflow: hidden;
}

.main-menu>li .text {
    display: inline-block;
    width: 100%;
    margin-left: 3px;
    font-size: 14px;
    height: 20px;
    font-weight: bold;
}

.main-menu>li>a.hover {
    background-color: #323436;
}

.main-menu>li.opened {
    background-color: #323436;
}

.main-menu>li.active a {
    color: #8bc34a;
}

.main-menu .icon-wrap {
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
}

.main-menu .icon_left {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.sub-menu>li>a {
    display: block;
    line-height: 18px;
    padding: 13px 14px 12px 20px;
    color: #aaa;
    text-decoration: none;
}

.sub-menu>li>a:hover {
    color: #8bc34a;
}

.sub-menu>li.active a {
    color: #8bc34a;
}

#second_menu_popover {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    width: 120px;
    border-left: 1px solid transparent;
    z-index: 1029;
    background: #323436;
    overflow-x: hidden;
    overflow-y: auto;
}

/* .main-menu >li:nth-child(1) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_01.png);
}
.main-menu >li:nth-child(2) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_02.png);
}
.main-menu >li:nth-child(3) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_03.png);
}
.main-menu >li:nth-child(4) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_04.png);
}
.main-menu >li:nth-child(5) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_05.png);
}
.main-menu >li:nth-child(6)   ul.sub-menu > li:nth-last-child(2) .icon_left {
    display: none;
}
.main-menu >li:nth-child(6) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_06.png);
}
.main-menu >li:nth-child(7) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_07.png);
}
.main-menu >li:nth-child(8) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_12.png);
}
.main-menu >li:nth-child(9) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_08.png);
}
.main-menu >li:nth-child(10) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_09.png);
}
.main-menu >li:nth-child(11) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_10.png);
}
.main-menu >li:nth-child(12) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_13.png);
    background-size: cover;
}
.main-menu >li:nth-child(13) > a:first-child > .ui-tree-title .icon_left {
    background-image: url(../images/icon_14.png);
    background-size: cover;
}
.main-menu >li:nth-child(14) > a:first-child > .ui-tree-title .icon_left {
    background-image: url("https://assets-img.ezrpro.com/pc/icon/basic/menus-icon-bigdata.png");
    background-size: cover;
} */

/* 20160817 hm 微商城*/
.appphone_header {
    background-image: url(../images/app_01.png);
    width: 361px;
    height: 91px;
}

.appphone_container {
    background-image: url(../images/app_02.png);
    width: 361px;
    min-height: 573px;
    position: relative;
}

.appphone_btn {
    background-image: url(../images/app_btn.png);
    height: 186px;
    left: -1px;
    position: absolute;
    width: 6px;
}

.appphone_main {
    width: 316px;
    margin-left: 23px;
}

.appphone_bottom {
    background-image: url(../images/app_03.png);
    width: 361px;
    height: 91px;
}

/*app内容*/
.appphone_top {
    background-image: url(../images/ceremony_top.png);
    background-repeat: no-repeat;
    height: 61px;
    color: #fff;
    position: relative;
    text-align: center;
    padding-top: 30px;
}

.appphone_banner {
    height: 158px;
    width: 316px;
}

.appphone_content_nav {
    padding: 10px;
    background-color: #fff;
}

.appphone_content_navitem:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/*appphone右侧内容*/
.ui-input-color {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 40px;
    width: 64px;
    padding: 2px 30px 2px 2px;
    position: relative;
}

/*input颜色选择器*/
.ui-input-color:after {
    content: "\e259";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 9px;
    right: 9px;
    z-index: 1;
    cursor: pointer;
}

/*三角向左箭头*/
.ui-triangle-left {
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
}

/*三角向上箭头*/
.ui-triangle-up {
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    right: 10px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

/*底部按钮,因修改首页菜单，所以需同时覆盖react新页面的底部样式*/
.ui-bottom-fixedbtn,
.rui-bottom-fixedbtn,
.share-goods-config-save,
.apply-wk-save,
.unify-save,
.unify-dev-save,
.Card-footer,
.guide-save,
.BottomButton,
.button-bottom,
.card-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99 !important;
    padding: 10px 0;
    text-align: center;
    left: 174px !important;
    box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.1);
    transform: none !important;
    -webkit-transform: none !important;
}

/*门店选择器*/
.ui-shop-selector {
    position: relative;
    display: inline-block;
    background: #fff !important;
    -webkit-appearance: none;
    height: 40px;
    padding: 10px 30px 8px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    position: relative;
    z-index: 2;
    background: transparent;
    cursor: pointer;
}

.ui-shop-selector:after {
    content: "\e259";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 1;
}

/*预售图标*/
.ui-presell {
    background: #F44336;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
}

/*文字多省略*/
.ui-table-tdfixed {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 110px;
}

.cursor-p {
    cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle;
}

label,
input[type=checkbox],
input[type=radio] {
    margin: -1px 0 0;
}

textarea {
    resize: vertical;
    min-height: 100px;
}

/*文本编辑*/
.edui-default .edui-editor-iframeholder {
    width: 100% !important;
}

/*白色按钮悬浮颜色*/
.ui-btn-default:hover,
.ui-btn-default:focus,
.ui-btn-default.focus {
    background-color: #71a436;
    border-color: #71a436;
    color: #fff;
}

/*角色权限页面权限*/
.jstree-icon.jstree-themeicon.greyflag {
    background-image: url(../images/icom_02.png) !important;
    background-position: center !important;
}

.jstree-icon.jstree-themeicon.default {
    background-image: url(../images/icom_01.png) !important;
    background-position: center !important;
}

/*20161124*/
.clear-border td {
    border: none !important;
    padding: 5px !important;
}

a.color-light-green-500:hover {
    color: #8bc34a;
}

/*↓↓ 帮助中心关联性样式 ↓↓*/
.help_associatedouter {
    position: relative;
    /*overflow: hidden;*/
    height: 100%;
}

/* .help_froglogo, */
.help_dynamic {
    position: absolute;
    cursor: pointer;
    transition: 0.3s;
}

/* 名称解释-弹窗 */
.name-explain-dialog{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: none;

}
.explain-dialog-close{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(51, 51, 51, 0.75);
    z-index: 10001;
    top: 0;
    left: 0;
}
.explain-dialog-wrap{
    color: #333333;
    z-index: 10002;
    width: 840px;
    height: 600px;
    background: #fff;
    border-radius: 8px;
    background-image: url('https://assets-img.ezrpro.com/pc/img/others/name-explain-dialogBG.png');
    background-size: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.explain-dialog-close-icon{
    margin-left: 20px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
}
.explain-dialog-header{
    margin-top: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 22px;
}
.explain-dialog-title{
    font-size: 20px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #333333;
    line-height: 28px;
}
.explain-dialog-line{
    width: 86px;
    height: 5px;
    background: linear-gradient(180deg,#bfe381, rgba(143,200,77,0.00));
    border-radius: 3px;
    margin-top: -6px;
}
.explain-dialog-content{
    width: 760px;
    height: 470px;
    margin: 0 auto;
    background: #fff;
    padding-top: 20px;
    box-sizing: border-box;
    border-radius: 8px;
}
.explain-dialog-content-header{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.explain-dialog-content-title{
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #333333;
    line-height: 22px;
}
.explain-dialog-content-line{
    width: 38px;
    height: 5px;
    background: linear-gradient(180deg,#bfe381, rgba(143,200,77,0.00));
    border-radius: 3px;
    margin-top: -4px;
}
.explain-dialog-content-item{
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 20px;
    display: flex;
    align-items: baseline;
    margin-top: 5px;
}
.explain-dialog-content-text{
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: right;
    margin-right: 15px;
    width: 133px;
    display: inline-block;
}
/* 
.help_froglogo {
    background: url(../images/anim1.png);
    height: 72px;
    left: -40px;
    cursor: pointer;
    width: 39px;
    z-index: 99998;
    top: 72px;
} */

.help_dynamic {
    right: -340px;
    width: 340px;
    background: #fff;
    z-index: 99999;
    top: 0px;
    padding: 0 0px;
    height: 100%;
    position: relative;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.08);
}

.ezr-headhand {
    position: absolute;
    left: -43px;
    top: -2px;
    display: none;
}

.help_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid #DDDDDD; */
}

.help_title {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    font-family: PingFangSC-Semibold, PingFang SC;
    line-height: 24px;
    padding: 15px 0px 15px 19px;
}

.searchres h4{
    color: #333333;
    font-size: 15px;
    font-weight: 600;
    font-family: PingFangSC-Semibold, PingFang SC;
    line-height: 24px;
    /* padding: 20px 0px 0px 19px; */
}

.help_close {
    padding: 15px 19px 15px 19px;
}

.help_close img {
    height: 62px;
    width: 64px;
}

.help_header_img {
    position: relative;
    right: 20px;
    height: 64px;
}

.help-center__header__img {
    display: flex;
    align-items: center;
}

.help_header_img__mark {
    width: 62px;
    height: 64px;
}

.help_close_img{
    margin-left: 20px;
    width: 14px;
    height: 14px;
}

.help-center__header__img .help_close_img {
    margin-top: 6px;
}

.help-center__header__img .help_header_img__mark {
    height: 100%;
}

.help_content {
    max-height: calc(100vh - 165px);
    overflow: auto;
}

.help_input {
    padding: 0 20px 0;
    display: flex;
}

.help-search-p {
    padding: 0 10px;
}

.help-icon-hw {
    height: 34px;
    width: 34px;
    padding: 9px;
}

.help_foot {
    position: absolute;
    bottom: 0;
    padding: 20px;
    text-align: center;
    width: 100%;
}

.help_associated {
    height: 100%;
}

/* .help_associated:hover .help_dynamic{
    right: 0;
} */
input::-webkit-input-placeholder {
    color: #999999;
}

input::-moz-input-placeholder {
    color: #999999;
}

input::-ms-input-placeholder {
    color: #999999;
}

/* 弹层 */
.modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(51, 51, 51, 0.75);
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
}

.modal-conten {
    visibility: hidden;
    top: 200px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    position: fixed;
    z-index: 1001;
    display: flex;
}

.search-main {
    flex: 1;
}

.modal-conten {
    border: 1px solid transparent;
}

.help-search-p.search-input {
    width: 300px;
    height: 34px;
    padding: 0;
    border: 1px solid #ccc;
    padding-left: 32px;
    background: url('https://assets-img.ezrpro.com/pc/icon/basic/helper-slider-search.png') no-repeat 10px center;
    background-size: 18px 18px;
}

.modal-conten:hover {
    border: 1px solid #8BC34A;
}

.search-input {
    height: 100%;
    width: 100%;
    /* outline-color: #8BC34A;  */
    outline: none;
    font-family: PingFangSC-Regular, PingFang SC;
    border: none;
}

.search-suggest .word {
    font-family: PingFangSC-Regular, PingFang SC;
}

.search-icon {
    background-color: #8BC34A;
}

.modal-icon-hw {
    padding: 14px;
    height: 50px;
    width: 50px;
}

.modal-search-p {
    font-size: 16px;
    padding: 0 20px;
}

/* 帮助指引内容 */
.searchres {}

.searchres :last-child {
    border: none;
}

.help-center-list-wrapper {
    padding: 20px 20px 8px 20px;
}

.help-center-use-guid-wrapper {
    padding: 20px 20px 8px 20px;
    /* border-bottom: 1px solid #DDDDDD; */
}

.help-center-use-guide{
    margin: 10px 0;
}

.help-center-question{
    margin: 10px 0;
}

.help-center-line{
    height: 1px;
    margin: 0 20px;
    background: #ddd;
}

.help-center-arrow{
    width: 7px;
    height: 7px;
    border-top: 2px solid #8BC34A!important;
    border-right: 2px solid #8BC34A!important;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 4px;
    margin-top: -5px;
    vertical-align: middle;
}

.help-center-up-arrow{
    width: 7px;
    height: 7px;
    border-top: 2px solid #8BC34A!important;
    border-right: 2px solid #8BC34A!important;
    transform: rotate(-45deg);
    display: inline-block;
    margin-left: 4px;
    margin-top: 0px;
    vertical-align: middle;
}
.help-center-view-more{
    color: #8BC34A;
    display: inline-block;
}

.artlist {
    display: flex;
    margin-bottom: 12px;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.articon {
    height: 18px;
    width: 18px;
    margin: 2px 10px 0 0;
}

.arttitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #333333;
}

.imgwrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
}

.gourl {
    line-height: 22px;
    color: #333333;
    text-decoration: none;
}

.artlist .gourl:hover {
    color: #8BC34A;
}

/*正常的未被访问过的链接*/
.gourl:link {
    text-decoration: none;
}

/*已经访问过的链接*/
.gourl:visited {
    text-decoration: none;
    color: #333;
}

/*鼠标划过(停留)的链接*/
.gourl:hover {
    text-decoration: none;
    color: #333;
}

.search-suggest .list {
    cursor: pointer;
}

/* 正在点击的链接，鼠标在元素上按下还没有松开*/
.gourl:active {
    text-decoration: none;
}

/* 获得焦点的时候 鼠标松开时显示的颜色*/
.gourl:focus {
    text-decoration: none;
}

.nodatades {
    text-align: center;
    color: #999999;
    line-height: 24px;
}

.dynamic_content {
    border-bottom: 1px dotted #eee;
    color: #fff;
    padding: 10px;
    line-height: 24px;
}

.top_light {
    position: absolute;
    left: 0;
    top: 0;
}

.top_light {
    animation: swing 3s .3s ease infinite;
    -webkit-animation: swing 3s .3s ease infinite;
    -moz-animation: swing 3s .3s ease infinite;
}

@keyframes swing {

    5%,
    10%,
    15%,
    20%,
    100% {
        transform-origin: center center
    }

    5% {
        transform: rotate(-15deg)
    }

    10% {
        transform: rotate(15deg)
    }

    15% {
        transform: rotate(-15deg)
    }

    20% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes swing {

    5%,
    10%,
    15%,
    20%,
    100% {
        -webkit-transform-origin: center center
    }

    5% {
        -webkit-transform: rotate(-15deg)
    }

    10% {
        -webkit-transform: rotate(15deg)
    }

    15% {
        -webkit-transform: rotate(-15deg)
    }

    20% {
        -webkit-transform: rotate(0deg)
    }

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

@-moz-keyframes swing {

    5%,
    10%,
    15%,
    20%,
    100% {
        -moz-transform-origin: center center
    }

    5% {
        -moz-transform: rotate(-15deg)
    }

    10% {
        -moz-transform: rotate(15deg)
    }

    15% {
        -moz-transform: rotate(-15deg)
    }

    20% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(0deg)
    }
}

/* .help_froglogo:hover  .top_light{
    animation:swingg 1s ease ;
    -webkit-animation:swingg 1s ease ;
    -moz-animation:swingg 1s  ease;
}
@keyframes swingg{
    50%,100%{transform-origin:center center}
    50%{transform:rotate(0deg)}
    100%{transform:rotate(0deg)}
}
@-webkit-keyframes swingg{
    50%,100%{-webkit-transform-origin:center center}
    50%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swingg{
    50%,100%{-moz-transform-origin:center center}
    50%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(0deg)}
} */
.bd_spider {
    position: absolute;
    left: 10px;
    top: 0;
    transition: left .3s;
}

.bd_spider:hover {
    left: 0;
}

.top_eye,
.bt_eye {
    position: absolute;
    left: 15px;
    line-height: 0;
}

.top_eye {
    top: 24px;
}

.bt_eye {
    top: 45px;
}

.bd_spider:hover .top_eye,
.bd_spider:hover .bt_eye {
    animation: zayaza 2.5s .3s ease infinite;
    -webkit-animation: zayaza 2.5s .3s ease infinite;
    -moz-animation: zayaza 2.5s .3s ease infinite;
}

@keyframes zayaza {

    5%,
    10%,
    15%,
    20%,
    100% {
        transform-origin: center center
    }

    5% {
        transform: scaleX(0)
    }

    10% {
        transform: scaleX(1)
    }

    15% {
        transform: scaleX(0)
    }

    20% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes zayaza {

    5%,
    10%,
    15%,
    20%,
    100% {
        -webkit-transform-origin: center center
    }

    5% {
        -webkit-transform: scaleX(0)
    }

    10% {
        -webkit-transform: scaleX(1)
    }

    15% {
        -webkit-transform: scaleX(0)
    }

    20% {
        -webkit-transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(1)
    }
}

@-moz-keyframes zayaza {

    5%,
    10%,
    15%,
    20%,
    100% {
        -moz-transform-origin: center center
    }

    5% {
        -moz-transform: scaleX(0)
    }

    10% {
        -moz-transform: scaleX(1)
    }

    15% {
        -moz-transform: scaleX(0)
    }

    20% {
        -moz-transform: scaleX(1)
    }

    100% {
        -moz-transform: scaleX(1)
    }
}

/*↑↑ end ↑↑*/
/*ezr头部*/
.ui-headbg {
    /* background-image: url('https://assets-img.ezrpro.com/pc/banner/banner-default.png?v=1'); */
    background-color: #8bc34a;
    background-repeat: no-repeat;
    height: 50px;
    background-size: contain;
}

/*2018 logo*/
.ui-headbg .nav_logo_wrapper {
    display: block;
    padding-left: 20px; 
    width: 100%;
    text-align: left;
}

.ui-headbg .nav_logo_wrapper:hover {
    text-decoration: none;
}

.ui-headbg .nav_logo_wrapper .nav_logo {
    display: none;
    font-size: 18px;
    color: #fff;
}

.ui-headbg .nav_logo_wrapper .nav_logo_lite {
    display: none;
}

.ui-headbg .new-nav {
    margin: 10px 0; 
    width: 100%; 
    height: 30px; 
}

.new-nav .new-nav_wrapper {
    display: flex; 
    align-items: center; 
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.new-nav .new-nav_item {
    margin-right: 12px; 
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    word-break: keep-all;
    white-space: nowrap;
    cursor: pointer;
}

.new-nav .new-nav_item .new-nav_item--link {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

.new-nav .new-nav_item--hidden {
    display: none;
}

.new-nav .new-nav_item:hover {
    background: rgba(0,0,0,0.10);;
}

.new-nav .new-nav_item.new-nav_item--active {
    color: #8BC34A;
    font-weight: bold;
    background: #fff;
}

.new-nav .new-nav_item.new-nav_item--active .new-nav_item--link {
    color: #8BC34A;
    font-weight: bold;
}

.new-nav .new-nav_line {
    margin-right: 6px;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.5);
}

.ui-headbg .more-nav {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 201;
    padding-top: 10px;
}

.more-nav .more-nav_wrapper {
    box-sizing: border-box; 
    padding: 0 0 8px; 
    border-radius: 2px; 
    box-shadow: 0px 4px 16px 1px rgba(67,88,108,0.10); 
    background: #fff;
}

.more-nav .more-nav_wrapper_nav {
    overflow: auto; 
    margin: 0; 
    padding: 0 10px; 
    max-height: calc(100vh - 110px);
}

.more-nav .more-nav_wrapper_nav::-webkit-scrollbar {
    width: 6px;
}

.more-nav .more-nav_wrapper_nav::-webkit-scrollbar-thumb {
    border-radius: 3px;
    width: 6px;
    background: rgba(0,0,0,0.20);
}

.more-nav .more-nav_wrapper_item {
    box-sizing: border-box; 
    margin: 8px 0;
    padding: 8px 10px; 
    border-radius: 2px;
    min-width: 104px; 
    color: #2F3437; 
    line-height: 20px;
}

.more-nav .more-nav_wrapper_item:hover {
    color: #8BC34A;
    background: #f4f4f4;
}

.more-nav .more-nav_wrapper_item.more-nav_wrapper_item--active {
    font-weight: bold;
    color: #8BC34A;
    background: #f4f4f4;
}

.more-nav .more-nav_order {
    position: relative;
    display: flex;
    align-items: center;
    margin: 15px 10px 2px;
    padding: 8px 10px; 
    border-radius: 2px;
    color: #2F3437;
    cursor: pointer;
}

.more-nav .more-nav_order::after {
    content: '';
    display: block;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: auto;
    width: 80.75%;
    height: 1px;
    background: #EDEDED;
}

.more-nav .more-nav_order:hover {
    color: #8BC34A;
    background: #f4f4f4;
}

.more-nav .more-nav_order .iconfont {
    margin-right: 6px;
    font-size: 14px;
    color: #919AA1;
    cursor: pointer;
}

.more-nav .more-nav_order:hover .iconfont {
    color: #8BC34A;
}

.st-nav-menu {
    display: flex;
    align-items: center;
    margin: 0;
}

.st-nav-menu .el-dialog__body {
    padding: 0 20px 10px;
}

.st-nav-menu .st-nav-menu_item {
    position: relative; 
    box-sizing: border-box; 
    margin-top: 20px; 
    margin-right: 20px; 
    padding: 7px 19px; 
    border-radius: 2px;
    border: 1px #ccc solid;
    cursor: pointer;
}

.st-nav-menu .st-nav-menu_item .st-nav-menu_item_tooltip {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 9;
    box-sizing: border-box;
    padding: 10px 14px;
    border-radius: 2px;
    min-height: 100%;
    white-space: nowrap;
    color: #fff;
    background: rgba(0,0,0,0.75);
    transform: translateX(-50%) translateY(-44px);
}

.st-nav-menu .st-nav-menu_item .st-nav-menu_item_tooltip::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -16px;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.75) transparent transparent;
    transform: translateX(-50%);
}

.st-nav-menu .st-nav-menu_item:hover .st-nav-menu_item_tooltip {
    display: block;
}

.st-nav-menu .st-nav-menu_item.sortable-chosen .st-nav-menu_item_tooltip {
    display: none !important;
}

.st-nav-menu .st-nav-menu_item:nth-child(5n) {
    margin-right: 0;
}

.st-nav-menu .st-nav-menu_item:hover {
    border: 1px #8BC34A solid !important;
}

.st-nav-menu .st-nav-menu_item.sortable-ghost {
    opacity: 0;
}

.more-func .more-func_item {
    overflow: hidden;
    color: #2F3437;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}

.more-func .more-func_item:hover {
    color: #8BC34A;
    background: #F4F4F4;
}

.more-func_model {
    display: flex;
    align-items: center;
    margin: 0;
}

.more-func_model .el-dialog__body {
    padding: 0 20px 10px;
}

.more-func_model .ezrpc-menu-scroll-wrap {
    height: 410px;
    overflow-y: auto;    
}

.more-func_model .ezrpc-menu-scroll-wrap::-webkit-scrollbar {
    width: 6px;
}

.more-func_model .ezrpc-menu-scroll-wrap::-webkit-scrollbar-thumb {
    border-radius: 3px;
    width: 6px;
    background: rgba(0,0,0,0.20);
}

.more-func_model .ezrpc-menu-item, .more-func_model .ezrpc-menu-selected-tag-item {
    display: flex;
    align-items: center;
    padding: 8px 0 8px 20px;
    line-height: 20px;
    cursor: pointer;
}

.more-func_model .ezrpc-menu-name {
    margin: 0;
    width: 190px;
    word-break: break-all;
    line-height: 20px;
    color: #333;
}

.more-func_model .ezrpc-menu-item .ezrd-checkbox-wrap {
    position: relative;
    margin-right: 10px;
}

.more-func_model .ezrpc-menu-item .ezrd-checkbox-wrap .el-checkbox__inner {
    width: 16px;
    height: 16px;
}

.more-func_model .ezrpc-menu-item .ezrd-checkbox-wrap .el-checkbox__inner::after {
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: 2px solid #fff;
    background: transparent;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg) scale(1);
}

.more-func_model .ezrpc-menu-item.active {
  background: #f4f4f4;
}

.more-func_model .ezrpc-menu-selected-panel-title {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.more-func_model .ezrpc-menu-selected-tag-item .remove-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}

.more-func_model .ezrpc-menu-search {
    width: 320px;
}

.more-func_model .iconsearch {
    width: 36px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    cursor: pointer;
}

.search-help_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 14px;
    padding: 6px 10px;
    border-radius: 16px;
    height: 30px;
    color: #fff;
    background: rgba(255, 255, 255, .2);   
    cursor: pointer;
}

.search-help_wrapper:hover {
    background: rgba(0, 0, 0, .1);
}

.more-func_model .ezrpc-menu-search .el-input__inner {
    height: 34px; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}

.search_model {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_model .el-dialog {
    overflow: hidden;
    height: 600px;
}

.search_model .el-dialog__body {
    padding: 10px 20px 0;
}

.search_model .ezrpc-search_input {
    padding: 8px 20px;
    border-radius: 2px; 
    background: #F4F4F4; 
}

.search_model .ezrpc-search_input .el-input__inner {
    padding-left: 0;
    border: 0;
    background: transparent;
}

.search_model .ezrpc-search_input .el-input-group__append {
    padding: 0;
    border: 0;
    color: #fff;
    background: none;
}

.search_model .ezrpc-search_input .el-input__inner {
    color: #333;
    font-weight: bold;
}

.search_model .ezrpc-search_input .el-input__suffix {
    margin-right: 20px;
}

.search_model .ezrpc-search_tab .el-tabs__header {
    margin-top: 5px;
    margin-bottom: 10px;
}

.search_model .ezrpc-search_tab .el-tabs__header .el-tabs__nav-wrap::after {
    height: 1px;
}

.search_model .ezrpc-search_tab .el-tabs__item {
    margin-bottom: 0;
    height: 52px;
    line-height: 52px;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu_wrap {
    display: flex;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu {
    overflow: auto;
    margin: 0;
    padding: 0;
    width: 380px;
    height: 398px;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu::-webkit-scrollbar {
    width: 6px;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    width: 6px;
    background: rgba(0,0,0,0.20);
}

.search_model .ezrpc-search_tab .ezrpc-search_menu_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-top: 2px;
    padding: 7px 10px;
    height: 30px;
    color: #333;
    cursor: pointer;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu_item:hover {
    background: #f4f4f4;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu_item.acitve {
    background: #f4f4f4;
}

.search_model .ezrpc-search_tab .ezrpc-search_menu_item .iconfont {
    color: #999;
}

.search_model .ezrpc-search_tab .ezrpc-search_third_menu {
    flex: 1;
    box-sizing: border-box;
    overflow: auto;
    margin: 0;
    padding: 10px;
    /* width: 529px; */
    height: 398px;
    background: #f4f4f4;
}

.search_model .ezrpc-search_tab .ezrpc-search_third_menu::-webkit-scrollbar {
    width: 6px;
}

.search_model .ezrpc-search_tab .ezrpc-search_third_menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    width: 6px;
    background: rgba(0,0,0,0.20);
}

.search_model .ezrpc-search_tab .ezrpc-search_third_menu_item {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
}

.search_model .ezrpc-search_tab .ezrpc-search_third_menu_item:hover {
    color: #8BC34A;
    background: #fff;
}

.search_model .ezrpc-search_tab .list-hightlight-color {
    color: #8BC34A;
}

.search_model .ezrpc-search_tab .ezrpc-search_guide {
    overflow: auto;
    margin: 0;
    padding: 0;
    max-height: 326px;
}

.search_model .ezrpc-search_tab .ezrpc-search_guide::-webkit-scrollbar {
    width: 6px;
}

.search_model .ezrpc-search_tab .ezrpc-search_guide::-webkit-scrollbar-thumb {
    border-radius: 3px;
    width: 6px;
    background: rgba(0,0,0,0.20);
}

.search_model .ezrpc-search_tab .ezrpc-search_guide_item {
    margin-bottom: 20px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search_model .ezrpc-search_tab .ezrpc-search_guide_item:last-child {
    margin-bottom: 0;
}

.search_model .ezrpc-search_tab .ezrpc-search_guide_item h3:hover {
    color: #8BC34A;
}

.search_model .ezrpc-search_tab .ezrpc-search_page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.search_model .ezrpc-search_tab .ezrpc-search_page .el-pagination__total {
    flex: 1;
}

.user-defined_emsg {
    top: 80px;
    border: 0;
    border-radius: 2px;
    width: 260px;
    min-width: 260px;
    height: 48px;
    opacity: 0.9;
    background: #f76857;
    color: #fff;
}

.user-defined_emsg .el-message__content {
    margin-left: 12px;
}

.ui-headbg .nav-right {
    display: flex;
    width: 597px;
    height: 50px;
    justify-content: flex-end;
    align-items: center;
}

.ui-headbg .nav-right_item {
    margin-right: 14px;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.ui-headbg .nav-right_item--last {
    margin-right: 9px;
}

.ui-headbg .nav-right_item .nav-right_item_link:hover, .ui-headbg .nav-right_item .nav-right_item_link:focus {
    text-decoration: none;
}

.ui-headbg .nav-right_item .ui-circular-inner {
    position: relative;
    width: 30px;
    height: 30px;
}

.ui-headbg .nav-right_item .iconfont {
    font-size: 20px;
    color: #fff;
}

.ui-headbg .nav-right_item .nav-right_item--circle {
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 50%; 
    width: 8px;
    height: 8px;
    opacity: 0;
    background: #f46b57;
}

.ui-headbg .nav-right_item .ui-circular .nav-right_item--circle {
    opacity: 0.8;
}

.ui-headbg .nav-right_item:hover {
    background: rgba(0,0,0,0.10);
}

.ui-message .operation-icon:hover {
    background: #659837;
}

.ui-headbg .ui-user-info {
    margin-right: 10px;
    border-radius: 2px;
    width: auto;
    height: 40px;
    color: #fff;
}

.ui-headbg .ui-user-info:hover, .ui-headbg .ui-user-info.open {
    background: rgba(0,0,0,0.10);
}

.ui-headbg .ui-user-info .user-info-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    box-sizing: border-box;
    box-shadow: none;
}

.ui-headbg .ui-user-info .user-avatar {
    width: 28px;
    height: 28px;
    background: #fff;
    object-fit: contain;   
}

.ui-headbg .ui-user-info .text-left {
    margin: 0 10px;
    max-width: 140px;
}

.ui-user-info .dropdown-menu {
    top: 45px;
    left: inherit; 
    right: 0;
    margin: 0;
    padding: 20px 10px 12px;
    border: 0;
    border-radius: 2px;
    box-shadow: 0px 4px 16px 1px rgba(67,88,108,0.10);
    width: 220px;
}

.ui-user-info .dropdown-menu .user-info {
    display: flex;
    margin-bottom: 12px;
}

.ui-user-info .dropdown-menu .user-avatar {
    margin: 0 10px;
    width: 36px;
    height: 36px;
    background: #f2f2f2;
}

.ui-user-info.open .user-info-wrapper .iconfont {
    transform: rotate(180deg) translateY(1px);
}

.ui-user-info .brandicon {
    display: inline-block;
    width: 40px;
    text-align: center;
    margin-right: 9px;
}

.ui-user-info .dropdown-menu>li>a {
    display: flex;
    align-items: center;
    margin-top: 4px;
    padding: 10px;
    border-radius: 2px;
    color: #2F3437;
    line-height: 20px;
}

.ui-user-info .dropdown-menu>li>a:hover {
    color: #8AC14A;
    background: #f4f4f4;
}

.ui-user-info .dropdown-menu>li>a .iconfont {
    font-size: 16px;
    color: #919AA1;
    line-height: 1;
    vertical-align: middle;
}

.ui-user-info .dropdown-menu>li>a:hover .iconfont {
    color: #8AC14A;
}

.ui-user-info .dropdown-menu>li>a .text {
    margin-left: 16px;
}

.ui-tree.ui-left-menu>li>h3,
.ui-tree.ui-left-menu>li>a {
    min-height: 45px;
    line-height: 45px;
}

/*查看周期*/
.ui-cycle ul.dropdown-menu li {
    display: inline-table;
    color: #333531;
}

.ui-cycle ul.dropdown-menu li a {
    padding: 12px 39px;
}

.ui-cycle:hover,
.ui-cycle:active {
    background: #efefef;
    color: #333531;
}

.ui-nocycle .dropdown-menu {
    width: 100px;
    text-align: center;
}

/*日期选择*/
.datetimepicker-months table.table-condensed>thead>tr>th.switch,
.datetimepicker-years table.table-condensed>thead>tr>th.switch {
    width: 200px;
}

.ui-tag {
    border: 1px solid #cccccc;
    padding: 10px;
    display: inline-table;
    margin-bottom: 5px;
}

.ui-trapezoid {
    /*梯形样式
    border-bottom: 12px solid #F9F9F9;
    border-right: 10px solid transparent;*/
    height: 12px;
    width: 32px;
    position: absolute;
    top: -12px;
    left: -2px;
    background-image: url('../images/trapezoid.png');
}

/* 新版报错 */
#errorDialogBox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.error-dialog-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.error-diaog {
    position: absolute;
    z-index: 1050;
    left: 50%;
    top: 50px;
    width: 360px;
    margin-left: -180px;
    box-sizing: border-box;
    padding: 19px 20px 20px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
}

.error-dialog-close-icon {
    position: absolute;
    display: inline-block;
    top: 14px;
    right: 12px;
    z-index: 1051;
    color: #999;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background-color: #fff;
    outline: none;
    user-select: none;
    padding: 0 6px;
    margin: 0;
}

.error-dialog-header {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    width: 96%;
}

.error-dialog-body {
    margin-top: 6px;
    margin-bottom: 10px;
    min-height: 40px;
}

.error-dialog-footer {
    text-align: left;
}

.error-dialog-primary-btn {
    width: 56px;
    height: 30px;
    background: #8bc34a;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    border: none;
    transition: all 0.3s;
}

.error-dialog-primary-btn:hover {
    background: #A2CF6E;
}

.error-dialog-image {
    width: 154px;
    height: 118px;
    position: absolute;
    top: 14px;
    right: 0;
    z-index: 1050;
}

.error-dialog-content-btn {
    height: 20px;
    line-height: 20px;
    background: transparent;
    border: none;
    padding: 0;
    color: #8bc34a;
    font-weight: 400;
}

.search-suggest .list {
    cursor: pointer;
}

.search-suggest a {
    color: #000;
    text-decoration: none;
}

.search-suggest a:hover {
    color: #8bc34a;
    text-decoration: none;
}

.error-dialog-detail {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin-bottom: 6px;
}

.assets-error-dialog-desc {
    font-size: 14px;
    line-height: 22px;
    min-height: 66px;
    color: #333;
    margin-right: 110px;
}

/* 组织选择器select2组件样式 */
.shop-select-select2-wrap {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.shop-select-select2-wrap .select2-container .select2-choice {
    border-radius: 0;
    height: 32px;
    line-height: 32px;
    background: #fff;
    border-color: #ccc;
}

.shop-select-select2-wrap .select2-container-active .select2-choice {
    border-color: #5897fb;
}

.shop-select-select2-wrap .select2-container .select2-choice .select2-arrow {
    border: none;
    background: #fff;
}

.comSearch .select2-drop {
    display: none;
}
.ezr-menu-1-content {
    padding: 15px 0;
    margin: 0 6px;
    /* margin-bottom: -15px; */
    /* height: 54px; */
    color: #c8ccd0;
    font-size: 16px;
    border-bottom: 1px solid rgba(237, 237, 237, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ezr-menu-1-content-text {
    flex: 1;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ezr-menu-1-content-mini {
    padding: 12px 0;
}

.ezr-menu-1-content-open, .ezr-menu-1-content-close {
    position: relative;
    border: 1px solid #666;
    border-radius: 2px;
    width: 24px;
    height: 18px;
    text-align: center;
    cursor: pointer;
}

.ezr-menu-1-content-close {
    margin-right: 10px;
}

.ezr-menu-1-content-open {
    margin-right: 20px;
}

.ezr-menu-1-content-open-pop, .ezr-menu-1-content-close-pop {
    display: none;
    position: absolute;
    left: 10px;
    bottom: -52px;
    z-index: 1;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
    line-height: 20px;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.75);
    transform: translateX(-50%);
}

.ezr-menu-1-content-open-pop--active, .ezr-menu-1-content-close-pop--active {
    display: block;
}

.ezr-menu-1-content-open-pop::after, .ezr-menu-1-content-close-pop::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 2;
     display: block;
     margin: auto;
     border-left: 7px transparent solid;
     border-right: 7px transparent solid;
     border-bottom: 8px rgba(0, 0, 0, 0.75) solid;
     width: 0;
     height: 0;
     transform: translateY(-100%);
}

.ezr-menu-1-content-open .iconfont, .ezr-menu-1-content-close .iconfont {
    display: block;
    font-size: 12px;
}

.ezr-menu-1-content-open:hover, .ezr-menu-1-content-close:hover {
    border: 1px solid #8BC34A;
    color: #8BC34A;
}

.ezr-menu-1-content-open:hover .ezr-menu-1-content-open-pop, .ezr-menu-1-content-close:hover .ezr-menu-1-content-close-pop {
    display: block;
}

.ezr-menu-1-content-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ezr-menu-1-content-icon:hover {
    background: rgba(139,195,74,0.10);
}
.ezr-menu-1-content-icon-mini {
    width: 26px;
    height: 26px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ezr-menu-1-content-icon-mini:hover {
    background: rgba(139,195,74,0.10);
}
.ezr-menu {
    padding: 0 20px;
}
.ezr-menu-item {
    margin: 16px 0;
}
.ezr-menu-2 {
    padding: 0 6px;
    border-radius: 2px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ezr-menu-2:hover {
    background: rgba(255, 255, 255, 0.08);
}
.ezr-menu-2-active .ezr-menu-2-text {
    color: #8bc34a;
}
.ezr-menu-2-text {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ezr-menu-2-content {
    font-size: 14px;
    font-weight: Medium;
    color: #c8ccd0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.ezr-menu-2-content-mini {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ezr-menu-2-content-mini img {
    fill: #919aa1;
    filter: drop-shadow(1000px 0 0 #919aa1);
    transform: translate(-1000px);
}
.ezr-menu-2-content-mini.ezr-menu-2-content-mini-active {
    background: rgba(139,195,74,0.10);
}
.ezr-menu-2-content-mini.ezr-menu-2-content-mini-active img {
    fill: #8bc34a;
    filter: drop-shadow(1000px 0 0 #8bc34a);
    transform: translate(-1000px);
}
.ezr-menu-2-content-mini:hover {
    background: rgba(139,195,74,0.10);
    border-radius: 2px;
}

.ezr-menu-2-content-mini svg {
    width: 16px;
    height: 16px;
}
.ezr-menu-2-content-mini svg path {
    /* fill: red; */
}
.ezr-menu-3 {
    /* margin-left: 26px; */
}
.ezr-menu-3-mini-warp {
    max-height: 400px;
    overflow-y: auto;
}
.ezr-menu-3-mini {
    padding: 20px 10px 20px 20px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}
.ezr-menu-3-mini-list:hover {
    color: #8bc34a;
}

.ezr-menu-3-mini-header {
    font-size: 14px;
    color: #2f3437;
    font-weight: bold;
}
.ezr-menu-3-mini::-webkit-scrollbar{
    width: 6px;
    /* height: 10px; */
}
.ezr-menu-3-mini::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
}
.ezr-menu-3-mini::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
}
.ezr-menu-3-mini::-webkit-scrollbar-thumb:hover{
    background: #333;
}
/* .ezr-menu-3-mini::-webkit-scrollbar-corner{
    background: #179a16;
} */
.ezr-menu-nav-content-pop::-webkit-scrollbar{
    width: 0;
}
.ezr-menu-3-content-mini {
    font-size: 14px;
    color: #5e676e;
    margin-bottom: 32px;
    cursor: pointer;
}
.ezr-menu-3-content-mini:hover {
    font-size: 14px;
    color: #8bc34a;
}
.ezr-menu-3-content-mini:last-child {
    margin-bottom: 0;
}
.ezr-menu-3-content {
    color: #ACB3B9;
    font-size: 12px;
    /* margin-top: 16px; */
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    border-radius: 2px;
    cursor: pointer;
    width: 50%;
    height: 36px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.ezr-menu-3-content .ezr-menu-3-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 36px;
    width: 100%;
}
.ezr-menu-3-content:hover {
    background: rgba(255, 255, 255, 0.08);
}
.ezr-menu-3-content.ezr-menu-3-active {
    color: #8bc34a;
    font-weight: bold;
}
.ezr-menu-3-content-mini.ezr-menu-3-content-mini-active {
    color: #8bc34a!important;
    font-weight: bold;
}
.ezr-menu-tips {
    position: absolute;
    top: 4px;
    right: -60px;
    width: 60px;
    height: 40px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    background: #373737;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    opacity: 0;
    z-index: 1;
}
.ezr-menu-tips-show {
    opacity: 1;
    top: 4px;
    right: -60px;
}
.ezr-menu-nav-content-pop {
    position: absolute;
    /* transition: left 0.4s ease; */
    transform: translate3d(0, 0, 0);
    left: -300px;
    height: calc(100vh - 50px);
    overflow: auto;
}
.ezr-menu-nav-content-standable {
    z-index: 111;
    background: #1E2226;
}
.ezr-menu-nav-content-mini {
    z-index: 112;
    background: #1E2226;
}
.ezr-menu-nav-content-standable-wrap {
    width: 240px;
    padding: 0 10px;
}
.ezr-menu-nav-content-mini-wrap {
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.main-menu-scroll-mini .ezr-menu-nav-content-standable {
    left: -300px;
}
.main-menu-scroll-mini .ezr-menu-nav-content-mini {
    left: 0;
}
.main-menu-scroll-standable .ezr-menu-nav-content-standable {
    left: 0;
}
.main-menu-scroll-standable .ezr-menu-nav-content-mini {
    left: -60px;
}

.expand-fade-enter-active, .expand-fade-leave-active {
    transition: max-height 10s;
}
.expand-fade-enter, .expand-fade-leave-to {
    max-height: 0;
    overflow: hidden;
}   
.ezr-dashboard-popover {
    margin-left: 17px!important;
    padding: 0;
    color: #5E676E;
    border: none;
}
.ezr-menu2-icon {
    transition: all 0.3s;
    transform: rotate(0);
}
.ezr-menu2-expand {
    transform: rotate(-180deg);
}
.ezr-menu-2-content-left {
    display: flex;
    flex: 1;
    align-items: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ezr-menu-2-content-left img {
    fill: #919aa1;
    filter: drop-shadow(1000px 0 0 #919aa1);
    transform: translate(-1000px);
    margin-right: 10px;
}
.ezrd-portal.ezrd-dialog-r-anchor {
    position: fixed;
    z-index: 1050;
}

.ezr_float_group {
    position: fixed;
    right: 10px;
    bottom: 40px;
    z-index: 1999;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 0 4px 10px 1px rgba(67, 88, 108, 0.1); 
    background: #fff;
    cursor: pointer;
}

.ezr_float_group_show, .ezr_float_group_hide {
    border-radius: 8px 0 0 8px;
    box-shadow: -4px 6px 5px -4px rgba(32, 41, 51, 0.1); 
    width: 16px;
    height: 40px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
}

.ezr_float_group_show {
    position: absolute;
    left: -16px;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
}

.ezr_float_group_hide {
    position: fixed;
    right: 0;
    bottom: 123px;
    z-index: 1999;
}

.ezr_float_group_hide .iconfont, .ezr_float_group_show .iconfont {
    margin-left: 3px;
    font-size: 10px;
    line-height: 40px;
}

.ezr_float_group .ezr_float_row {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    width: 36px;
    height: 36px;
}

.ezr_float_group .ezr_float_row:hover {
    background: #f4f4f4;
}

.ezr_float_group .ezr_float_row .ezr_float_popover {
    display: none;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1;
    align-items: center;
    transform: translateX(-100%);
}

.ezr_float_group .ezr_float_row:hover .ezr_float_popover {
    display: flex;
}

.ezr_float_group .ezr_float_row .ezr_float_popover::after {
    display: inline-block;
    content: '';
    border-left: 8px rgba(0, 0, 0, 0.75) solid;
    border-top: 7px transparent solid;
    border-bottom: 7px transparent solid;
}

.ezr_float_group .ezr_float_row .ezr_float_popover_text {
    display: inline-block;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
    line-height: 20px;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.75);
}

.ezr_float_group .ezr_float_row .iconfont {
    font-size: 20px;
    width: 20px;
}

.ezr_float_group .ezr_float_row:hover .ezr_float_menu_icon {
    color: #8BC34A;
}

.ezr_float_group .ezr_float_line {
    margin: 8px auto;
    border: 1px solid #ededed;
    width: 20px;
    height: 1px;
}