/* CSS Document */
/***
 * uimaker
 * http://www.uimaker.com
 * e-mail: admin@uimaker.com
 * qq:32534386
 */
@import url(../font/iconfont.css);

@font-face {
    font-family: "fzzzh";
    src: url('../font/fzzzh.ttf') format('truetype');
}
/*注意：方正正中黑字体需要商用授权*/

* {
    border: 0;
    margin: 0;
    padding: 0;
    /*IE滚动条*/
    scrollbar-face-color: #00d6e6; /*面子*/
    scrollbar-arrow-color: #fff; /*箭头*/
    scrollbar-3dlight-color: #00d6e6; /*最外左*/
    scrollbar-highlight-color: #00d6e6; /*左二*/
    scrollbar-shadow-color: #00d6e6; /*右二*/
    scrollbar-darkshadow-color: #00d6e6; /*右一*/
    scrollbar-track-color: #ebf2fb; /*滑道*/
}

html {
    overflow-x: hidden;
}
/*去横向滚动条*/
body {
    margin: 0 auto;
    min-width: 980px;
    font-family: "Microsoft YaHei","douyuFont","uimaker" !important
}

img {
    border: 0;
}

dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    display: block;
}

a {
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

    a:focus {
        text-decoration: none;
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}


.um-loading {
    width: 32px;
    height: 32px;
    background: url("../images/loading.png");
    background-size: 100% 100%;
    -webkit-animation: circle 1s linear infinite;
    animation: circle 1s linear infinite;
}

    .um-loading.um-loading-max {
        width: 64px;
        height: 64px;
    }

    .um-loading.um-loading-min {
        width: 16px;
        height: 16px;
    }

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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


/*scrollbar*/
::-webkit-scrollbar-track-piece {
    background-color: #ebf2fb;
    -webkit-border-radius: 0
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #bbcce3;
    -webkit-border-radius: 6px;
    outline: 2px solid #ebf2fb;
    outline-offset: -2px;
    border: 2px solid #ebf2fb;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

    ::-webkit-scrollbar-thumb:hover {
        height: 50px;
        background-color: #00d6e6;
        -webkit-border-radius: 6px
    }

.um-body {
    padding: 20px;
}

.um-card {
    background: #fff;
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 3%);
    border-radius: 2px;
}

.um-card-title {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

    .um-card-title span {
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        width: 100%;
        border-bottom: solid 1px #ebeef5;
        padding: 0 18px;
    }

.um-card-box {
    padding: 20px;
}

.um-more {
    position: absolute;
    right: 28px;
    top: 20px;
    display: block;
    color: #00A0DF;
    font-size: 14px;
}

    .um-more:hover {
        color: #00A0DF;
    }

.um-formleft {
    width: 120px;
    float: left;
}

.um-arcbox {
    padding: 50px;
    overflow: hidden;
}

    .um-arcbox h2 {
        font-weight: normal;
        text-align: center;
        font-size: 24px;
    }

    .um-arcbox em {
        text-align: center;
        font-style: normal;
        font-size: 14px;
        display: block;
        margin-top: 10px;
        padding-bottom: 10px;
        color: #909399;
    }

.um-arcbody {
    padding-top: 30px;
    text-align: center;
}

    .um-arcbody p {
        text-align: left;
        line-height: 30px;
        font-size: 14px;
    }

.um-blank {
    text-align: center;
    height: 400px;
}

    .um-blank p, .um-blank p {
        color: #909399;
        font-size: 14px;
        padding-top: 20px;
    }

.um-userface {
    background: #c0c4cc;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
    margin: 0 auto;
}

.um-username {
    font-size: 24px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.um-userinfo {
    display: block;
    text-align: center;
    color: #909399
}

.um-usertitle {
    color: #00A0DF;
    padding-top: 20px;
    font-size: 16px;
}

.um-userxx li {
    line-height: 40px;
    height: 40px;
}

.um-userxx span {
    display: block;
    float: left;
    width: 120px;
    font-weight: bold;
}

.um-backtop {
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 999;
    color: #00A0DF;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}

    .um-backtop:hover {
        color: #ff382b
    }

/*login*/
.um-loginbg {
    background: linear-gradient(130deg, #00A0DF 40%, #00A0DF 100%);
}

.um-loginbox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: absolute;
    width: 100%;
}

.um-loginleft {
    width: 480px;
    background: url(../images/login.png) no-repeat center bottom;
    height: 600px;
    float: left;
}

    .um-loginleft span {
        display: block;
        margin: 50px 0 0 50px;
    }

.um-loginright {
    float: right;
    background: url(../images/loginbg.png) no-repeat;
    height: 600px;
    width: 603px;
}

.um-systemname {
    float: left;
    padding-left: 150px;
    margin-top: 153px;
    font-size: 20px;
}

.um-login {
    padding-left: 150px;
    margin-top: 40px;
    float: left;
    width: 500px;
}

.um-loginrow {
    margin-bottom: 20px;
}

    .um-loginrow .easyui-linkbutton {
        width: 100%;
        border-radius: 30px;
    }

    .um-loginrow .l-btn {
        padding: 8px 10px;
    }

    .um-loginrow .c1:hover {
        color: #fff;
        border-color: #00A0DF
    }

    .um-loginrow a.c1:hover {
        background: #00A0DF;
        filter: none;
        opacity: 0.8
    }

    .um-loginrow .easyui-linkbutton .l-btn-text {
        font-size: 18px;
    }

.um-loginfoot {
    position: absolute;
    bottom: 30px;
    text-align: center;
    font-size: 14px;
    color: #9be0f9;
    z-index: 99;
    width: 100%;
}

/*leftmenu*/
#LeftMenuDiv {
    background: #0d102c;
}

.layout-panel-west .sidemenu-tree .tree-file {
    background: none;
}

.layout-panel-west .sidemenu-tree .tree-folder {
    background: none;
}

.layout-panel-west .panel-icon {
    line-height: 16px;
}

.layout-panel-west .panel-body {
    border: none;
}

.layout-panel-west .accordion {
    border-width: 0;
}

.layout-panel-west .sidemenu-tree .tree-icon {
    color: #00A0DF
}

.layout-panel-west .panel-header {
    background: #171b3e;
    height: 34px;
    border: none;
}

.layout-panel-west .panel-title {
    color: #fff;
    padding-top: 4px;
    height: 20px;
    line-height: 20px;
    border-bottom: none;
    font-size: 14px;
}

.layout-panel-west .layout-button-left::after {
    background: none;
    content: "\e6a6";
    color: #fff;
    font-weight: normal;
}

.layout-expand-west .layout-button-right::after {
    background: none;
    content: "\e6a1";
    color: #fff;
    font-weight: normal;
}

.layout-panel-west .layout-button-left, .layout-expand-west .layout-button-right {
    background: none;
}

.layout-panel-west .panel-icon, .panel-tool {
    line-height: 16px;
    overflow: visible;
    color: #fff;
}

.layout-expand-west {
    font-size: 16px;
    background: #0d102c;
}

.layout-expand-over {
    opacity: 0.95
}

.layout-expand-west .panel-header, .layout-expand-west.panel-body {
    border: none;
}

.layout-panel-west .panel-body {
    padding: 0;
}

.layout-panel-west .panel-tool a:hover, .layout-expand-west .panel-tool a:hover {
    background: none;
}

.layout-panel-west .panel-header, .layout-panel-west .panel-body {
    border-radius: 0px;
}

.layout-expand-west .panel-title {
    height: 20px;
    line-height: 20px;
    border-bottom: none;
    font-size: 14px;
}

.layout-panel-west .sidemenu .tree-node-selected {
    border-right: none;
    border-left: solid 2px #00A0DF;
    background: linear-gradient(90deg, #00A0DF 45%, #00A0DF 100%);
    color: #fff;
}

.layout-panel-west .sidemenu .panel-body {
    background: #0d102c;
    color: #fff;
}
/*.layout-panel-west .sidemenu .accordion .accordion-header{background: #0d102c; border-bottom: solid 1px #20233d;}*/
.layout-panel-west .sidemenu .accordion .accordion-header {
    background: #0d102c;
    border-bottom: 0;
}

.layout-panel-west .sidemenu .accordion-header .panel-title {
    color: #fff;
    font-weight: normal;
}

.layout-panel-west .sidemenu .accordion .accordion-header .panel-icon {
    color: #00A0DF;
}

.layout-panel-west .sidemenu .tree-node-hover {
    background: #00A0DF;
    color: #00A0DF;
}

.layout-panel-west .sidemenu .accordion .accordion-collapse {
    background: transparent;
}

.layout-panel-west .sidemenu .accordion-header .panel-tool {
    display: none;
}

.layout-panel-west .sidemenu .accordion-header::after,
.layout-panel-west .sidemenu .tree-node-nonleaf::after {
    display: inline-block;
    vertical-align: top;
    border-style: solid;
    transform: rotate(45deg);
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border-width: 0 1px 1px 0;
    color: #00A0DF;
}

.layout-panel-west .sidemenu .accordion-header-selected::after {
    transform: rotate(-135deg);
}

.layout-panel-west .sidemenu .tree-node-nonleaf::after {
    transform: rotate(-135deg);
}

.layout-panel-west .sidemenu .tree-node-nonleaf-collapsed::after {
    transform: rotate(45deg);
}

.layout-panel-west .sidemenu-collapsed .accordion-header::after {
    display: none;
}

.layout-panel-west .sidemenu .tree-node {
    height: 50px;
    padding-top: 5px;
}

.layout-panel-west .sidemenu .panel-header {
    height: 50px !important;
}

.layout-panel-west .sidemenu .accordion-header .panel-title { /*margin-top: 5px;*/
}

.layout-panel-west .sidemenu .tree-file::after,
.layout-panel-west .sidemenu .tree-collapsed::after,
.layout-panel-west .sidemenu .tree-expanded::after,
.layout-panel-west .sidemenu .tree-folder::after {
    display: none;
}

.layout-panel-west .sidemenu .tree-node-selected,
.layout-panel-west .sidemenu .tree-node:hover {
    border-radius: 0px;
}

.layout-panel-west .sidemenu .tree-node {
    line-height: 18px;
}

.layout-panel-west .sidemenu .tree-file {
    height: 18px;
    line-height: 18px;
}

.layout-panel-west .sidemenu .accordion-collapse::after {
    content: "";
}

.layout-panel-west .sidemenu .accordion-expand::after {
    content: "";
}

.layout-panel-west .layout-body .panel-header {
    background: #f5f7fa;
}

.layout-panel-west .layout-body .accordion .panel-title {
    line-height: 24px;
    height: 24px;
    color: #000;
    padding-top: 0;
}

.layout-panel-west .layout-body .accordion-header-selected .panel-title {
    color: #00A0DF
}

.layout-panel-west .layout-body .panel-icon {
    color: #444;
}

.layout-panel-west .sidemenu .accordion .panel-title {
    color: #fff;
    line-height: 40px;
    height: 40px;
}


/*mainTab*/
#mainTab .tabs .tabs-icon {
    font-weight: normal;
}

#mainTab .tabs li.tabs-selected .tabs-inner {
    background: #ebf2fb;
    border-bottom: solid 1px #ebf2fb;
    color: #00A0DF;
    border-radius: 3px 3px 0 0;
}

#mainTab .tabs {
    border-color: #e1e9f3
}

    #mainTab .tabs li .tabs-inner {
        border-color: #e1e9f3
    }

        #mainTab .tabs li .tabs-inner:hover {
            background: #ebf2fb;
        }

#mainTab .tabs-panels .panel-body {
    background: #ebf2fb;
}

.layout-panel-center .panel-body {
    padding: 0;
}

#mainTab .tabs-header {
    border-color: #fff;
    padding-top: 2px;
    background: #fff;
}

/*header*/
.layout-panel-north .panel-body {
    background: linear-gradient(120deg, #00A0DF 60%, #00A0DF 100%);
    height: 60px;
}

.layout-panel-north .uimaker {
    color: #fff;
    font-size: 32px;
}

.layout-panel-north .panel-body {
    box-shadow: none;
}

.layout-panel-north .panel-header, .layout-panel-north .panel-body {
    border-radius: 0px;
    padding: 0;
}

.um-logo {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    float: left;
}

.um-system {
    color: #fff;
    font-weight: normal;
    float: left;
    padding-left: 6px;
    padding-top: 19px;
    font-size: 22px;
    font-family: "fzzzh","Microsoft YaHei";
    background-image: -webkit-gradient(linear, 80% center, 40% center, from(#2ffffd), to(#ffffff)); /* 背景色渐变 */
    -webkit-background-clip: text; /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */
}

.um-nav {
    list-style: none;
    display: block;
    float: left;
    padding-left: 10px;
}

    .um-nav li {
        display: block;
        float: left;
        font-size: 14px;
        color: #fff;
        height: 60px;
        line-height: 60px;
    }

        .um-nav li a {
            color: #fff;
            display: block;
            padding: 0 15px;
            height: 60px;
        }

            .um-nav li a:hover {
                color: #00A0DF;
                background: #0460dd;
            }

    .um-nav .uimaker {
        font-size: 22px;
        padding-right: 8px;
    }

.um-nav-select {
    border-bottom: solid 2px #00A0DF;
    background: #0460dd;
    height: 60px;
}

.um-info {
    float: right;
    list-style: none;
}

    .um-info li {
        float: left;
        margin-right: 25px;
        line-height: 60px;
        height: 60px;
    }

        .um-info li .uimaker {
            font-size: 22px;
            color: #fff;
        }

            .um-info li .uimaker:hover {
                color: #00A0DF;
            }

.um-face {
    height: 40px;
    margin-top: 10px
}

    .um-face img {
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

        .um-face img:hover {
            filter: opacity(80%)
        }

.um-uldown .l-btn {
    background: none;
    border: none;
    padding: 0;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
}

    .um-uldown .l-btn:hover {
        background: none;
        padding: 0;
    }

.um-uldown .m-btn-downarrow {
    display: none;
}

.um-uldown .l-btn-left {
    width: 50px;
}

.um-userinfo a {
    color: #444
}

    .um-userinfo a:hover {
        color: #00A0DF
    }

.um-skindown .l-btn {
    background: none;
    border: none;
    padding: 0;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
}

    .um-skindown .l-btn:hover {
        background: none;
        padding: 0;
    }

.um-skindown .m-btn-downarrow {
    display: none;
}

.um-skindown .l-btn-left {
    width: 28px;
}

    .um-skindown .l-btn-left .l-btn-text {
        line-height: 60px;
        height: 60px;
    }

/*换肤*/
.um-skinlist li {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .um-skinlist li a {
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        display: block;
    }

.blue {
    background: #00A0DF;
}

.um-skinlist li a.blue:hover {
    background: #00A0DF;
    filter: alpha(opacity=8);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.lightblue {
    background: #00d6e6;
}

.um-skinlist li a.lightblue:hover {
    background: #00d6e6;
    filter: alpha(opacity=8);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.red {
    background: #ff382b;
}

.um-skinlist li a.red:hover {
    background: #ff382b;
    filter: alpha(opacity=8);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.green {
    background: #00e682;
}

.um-skinlist li a.green:hover {
    background: #00e682;
    filter: alpha(opacity=8);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.orange {
    background: #ffa22b;
}

.um-skinlist li a.orange:hover {
    background: #ffa22b;
    filter: alpha(opacity=8);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.purple {
    background: #604dd8;
}

.um-skinlist li a.purple:hover {
    background: #604dd8;
    filter: alpha(opacity=8);
    -moz-opacity: 0.80;
    opacity: 0.80;
}


/*default*/
.um-tb {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    text-align: center;
    float: left;
}

    .um-tb i {
        color: #fff;
        font-size: 20px;
        line-height: 45px;
    }

    .um-tb:hover {
        filter: opacity(80%)
    }

.um-font {
    float: left;
    padding-left: 15px;
    font-size: 14px;
}

    .um-font span {
        font-size: 22px;
    }

    .um-font em {
        font-style: normal;
        color: #909399;
    }

.um-c1 {
    background: #00A0DF;
}

.um-c2 {
    background: #00d6e6;
}

.um-c3 {
    background: #ff382b;
}

.um-c4 {
    background: #00e682;
}

.um-c5 {
    background: #ffa22b;
}

.um-c6 {
    background: #604dd8;
}

.um-c7 {
    background: #ff2b88;
}

.um-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .um-ul li {
        line-height: 30px;
        height: 30px;
    }

        .um-ul li a {
            color: #606266;
            font-size: 14px;
        }

            .um-ul li a:hover {
                color: #00A0DF;
            }

        .um-ul li i {
            font-size: 8px;
            padding-right: 8px;
        }

        .um-ul li em {
            display: block;
            float: right;
            font-size: 14px;
            font-style: normal;
            color: #909399
        }


/*----easyui组件样式修改-------------------------------------------------*/

/*layout*/
.layout-split-north {
    border-bottom: 5px solid #f5f7fa;
}

.layout-split-west {
    border-right: 5px solid #f5f7fa;
}

.layout-split-east {
    border-left: 5px solid #f5f7fa;
}

.layout-split-south {
    border-top: 5px solid #f5f7fa;
}

.layout-panel-east .panel-body {
    background: #fff;
}

.layout-panel-east .panel-header {
    height: 34px;
    line-height: 34px;
    padding: 0;
}

    .layout-panel-east .panel-header .panel-title {
        height: 34px;
        line-height: 34px;
    }

.layout-expand-east {
    background: #f5f7fa;
    border-left: solid 1px #ebf2fb
}

.layout-panel-east .layout-button-right {
    background: none;
}

    .layout-panel-east .layout-button-right::after {
        content: "\e6b3";
        color: #000;
        font-weight: normal;
    }

.layout-expand-east .layout-button-left {
    background: none;
}

    .layout-expand-east .layout-button-left::after {
        content: "\e6b6";
        color: #000;
        font-weight: normal;
    }

.layout-panel-center .panel-header {
    height: 34px;
    line-height: 34px;
    padding: 0;
}

    .layout-panel-center .panel-header .panel-title {
        height: 34px;
        line-height: 34px;
    }

/*checkbox*/
.checkbox {
    border: solid 1px #dcdfe6;
    border-radius: 4px;
}

.checkbox-checked {
    background: #fff;
}

.checkbox-inner {
    background: #fff;
    border-radius: 2px;
    border: solid 1px #fff;
}

.checkbox path {
    stroke-width: 3px;
    stroke: #00A0DF
}

/*radiobutton*/
.radiobutton {
    border: solid 1px #dcdfe6;
}

.radiobutton-inner {
    background: #00A0DF;
    left: 4px;
    top: 4px;
    width: 60%;
    height: 60%;
    transform: scale(.6);
}

/*drawer*/
.window-proxy-mask, .window-mask {
    background: #0d102c;
}

.drawer.window-shadow {
    box-shadow: 0 4px 12px #8a8d9b;
}

/*panel*/
.panel {
    overflow: visible;
}

.panel-header {
    border-width: 0px;
    border-bottom: solid 1px #ebeef5;
}

.panel-title {
    color: #303133;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
}

.panel-body {
    border-width: 0px;
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 3%);
    border-radius: 2px;
    overflow: hidden;
}

.panel-footer {
    border: none;
    border-top: solid 1px #ebeef5;
}

.panel-hleft > .panel-body {
    border-top-width: 0px;
}

.panel-hright > .panel-body {
    border-top-width: 0px;
}

.panel-hleft > .panel-body-nobottom {
    border-bottom-width: 0px;
}

.panel-hright > .panel-body-nobottom {
    border-bottom-width: 0px;
}

.panel-hleft > .panel-header {
    border-right: solid 1px #ebeef5;
}

.panel-hright > .panel-header {
    border-left: solid 1px #ebeef5;
}

.panel-hleft > .panel-header .panel-title-up {
    padding-right: 30px;
}

.panel-hright > .panel-header .panel-title {
    left: 45px;
}

/*form*/
.textbox-label {
    width: 120px;
}

.um-formbtn {
    padding-left: 120px;
    padding-top: 10px;
}

.textbox {
    border-radius: 4px;
    border-color: #dcdfe6
}

    .textbox:hover {
        border-color: #c0c4cc;
    }

    /*.textbox .textbox-text {
        height: 38px;
        line-height: 38px;
    }*/

    /*修改后：输入框高度变小*/
    .textbox .textbox-text {
        height: 22px;
        line-height: 22px;
    }

.textbox-invalid {
    border-color: #ff382b;
}

.textbox-focused {
    border-color: #00A0DF;
}

.tagbox-label {
    background: #ebf2fb
}

/*pagination*/
.pagination-info {
    height: 38px;
    line-height: 38px;
}

.pagination-btn-separator {
    border-width: 0;
}

.easyui-pagination .l-btn {
    padding: 5px;
}

    .easyui-pagination .l-btn:hover {
        padding: 5px;
    }

.pagination-page-list {
    height: 34px;
    line-height: 34px;
    border: solid 1px #dcdfe6;
    border-radius: 4px;
}

.pagination .pagination-num {
    height: 32px;
    line-height: 32px;
    border: solid 1px #dcdfe6;
    border-radius: 4px;
    margin: 0 5px;
    width: 35px;
}

.pagination .textbox .textbox-text {
    line-height: 34px;
    height: 34px;
}

/*combobox*/
.combo-p .panel-body {
    overflow: auto;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    border: solid 1px #e4e7ed
}

.combobox-item-hover {
    background-color: #f5f7fa;
    color: #00A0DF;
}

.combobox-item-selected {
    background-color: #CCE6FF;
}

/*accordion*/
.accordion {
    border-color: #dce0e7;
}

    .accordion .accordion-header-selected {
        background: #f5f7fa;
    }

        .accordion .accordion-header-selected .panel-title {
            color: #00A0DF;
        }

    .accordion .panel-header {
        border-bottom: solid 1px #ebeef5;
    }

        .accordion .panel-header .panel-title {
            height: 35px;
            line-height: 35px;
            font-size: 15px;
        }

    .accordion .panel-body {
        border-color: #ebeef5;
        overflow: auto;
        border-radius: 0;
    }

    .accordion .panel-tool a:hover {
        background-color: #ebf2fb;
    }

.accordion-collapse::after {
    content: "\e60a";
}

.accordion-collapse {
    background: none;
    font-size: 8px;
    text-align: center;
    color: #00A0DF
}

.accordion-expand::after {
    content: "\e609";
}

.accordion-expand {
    background: none;
    font-size: 8px;
    text-align: center;
    color: #00A0DF
}

.accordion .panel-icon {
    line-height: 16px;
}

/*tabs*/
.tabs-panels .panel-body {
    overflow: auto;
    box-shadow: none;
}

.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li .tabs-inner, .tabs li.tabs-selected .tabs-inner, .tabs-header-bottom .tabs li.tabs-selected .tabs-inner, .tabs-header-left .tabs li.tabs-selected .tabs-inner, .tabs-header-right .tabs li.tabs-selected .tabs-inner {
    border-color: #dce0e7
}

.tabs-icon {
    line-height: 16px;
}

.tabs li.tabs-selected .tabs-inner {
    border-bottom: solid 1px #fff;
    color: #00A0DF;
}

.tabs-header {
    padding-top: 5px;
}

.tabs-header, .tabs-tool {
    background-color: #fbfcff;
}

.tabs li .tabs-inner:hover {
    background: #ebf2fb;
    color: #00A0DF;
    filter: none;
}

.tabs li .tabs-inner {
    border-radius: 3px 3px 0 0;
}

.tabs-scroller-left {
    border-left: none;
    background: none;
    line-height: 38px;
    text-align: right;
}

.tabs-scroller-right {
    border-right: none;
    background: none;
    line-height: 38px;
    text-align: left;
}

.tabs-scroller-left::after {
    content: "\e617";
}

.tabs-scroller-right::after {
    content: "\e618";
}

.tabs-scroller-left:hover, .tabs-scroller-right:hover {
    color: #00A0DF;
}

.tabs-header .tabs-pill li.tabs-selected .tabs-inner {
    background: #e6f2ff;
    border-color: #dce0e7;
    color: #00A0DF
}

/*tree*/
.tree-node {
    height: 38px;
    line-height: 38px;
}

.tree-node-selected {
    background: #ecf5ff;
    color: #00A0DF;
    border-radius: 4px;
}

.tree-node:hover {
    background: #ebf2fb;
    border-radius: 4px;
}

.tree-file::after {
    content: "\e642";
}

.tree-folder::after {
    content: "\e6bd";
    color: #00A0DF;
}

.tree-folder-open::after {
    content: "\eacb";
    color: #00A0DF;
}

.tree-collapsed::after {
    content: "\ee24";
}

.tree-file, .tree-folder, .tree-folder-open, .tree-collapsed, .tree-expanded {
    background: none;
    line-height: 18px;
    height: 18px;
}

    .tree-expanded::after {
        content: "\ee25";
    }

.tree-checkbox0::after {
    content: "\e6ac";
}

.tree-checkbox1::after {
    content: "\e6ae";
    color: #00A0DF;
}

.tree-checkbox2::after {
    content: "\e6ad";
    color: #00A0DF;
}

.tree-checkbox0, .tree-checkbox1, .tree-checkbox2 {
    background: none;
    line-height: 18px;
    height: 18px;
}

/*timepicker*/
.timepicker-panel .clock .item-selected {
    background: #00A0DF;
    color: #fff;
}

.timepicker-panel .panel-header {
    color: #00A0DF;
}

.timepicker-panel .clock .hand, .timepicker-panel .clock .center {
    background: #00A0DF;
}

/*slider*/
.slider-handle::after {
    content: "\e6af";
    color: #00A0DF;
}

.slider-handle {
    background: none;
    margin-left: -6px;
}

.slider-v .slider-handle {
    left: 30%;
}

.slider-inner {
    border-color: #dce0e7;
    background: #f5f7fa;
}

.slider-tip {
    color: #00A0DF;
}

/*switchbutton*/
.switchbutton-on {
    background: #00A0DF;
    color: #fff;
    font-size: 12px;
}

.switchbutton {
    border: solid 1px #dce0e7;
    border-radius: 3px;
}

.switchbutton-handle {
    background-color: #f5f7fa;
}

.switchbutton-off {
    font-size: 12px;
}

/*sidemenu*/
.sidemenu .tree-node-selected {
    background: #00A0DF;
    color: #00A0DF;
    color: #fff;
    border-left: 2px solid #00d6e6;
    border-radius: 0px;
    border-right: none;
}

.sidemenu .accordion-header:hover {
    background: #f5f7fa;
}

.sidemenu .tree-node-hover {
    border-radius: 0;
}

.sidemenu .tree-node-nonleaf::after {
    content: "\e6b2";
    background: none;
    top: 25%;
    color: #00A0DF;
}

.sidemenu .tree-node-nonleaf-collapsed::after {
    content: "\e6b4";
    background: none;
    top: 25%;
    color: #00A0DF;
}

.sidemenu-collapsed .panel-icon {
    font-size: 18px;
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.easyui-sidemenu .accordion .panel-body {
    box-shadow: none;
}

.sidemenu .accordion-header .panel-title {
    color: #444;
}


/*menu*/
.menu {
    border-color: #dce0e7;
}

.menu-line {
    border: none;
}

.menu {
    overflow: hidden !important;
    -moz-box-shadow: 2px 2px 3px #ededed;
    -webkit-box-shadow: 2px 2px 3px #ededed;
    box-shadow: 2px 2px 3px #ededed;
    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}

.menu-active {
    border-color: #fff;
    color: #00A0DF;
    background: #ebf2fb;
}

/*menubutton*/
.menu-item .menu-icon {
    top: 0;
    height: 30px;
    line-height: 30px;
    margin: 0;
}

/*progressbar*/
.progressbar {
    border-width: 1px;
    border-color: #dce0e7;
    border-radius: 20px;
}

.progressbar-value .progressbar-text {
    background: linear-gradient(90deg, #4393ff 45%, #00A0DF 100%)
}

/*calendar*/
.calendar {
    border-width: 0;
}

.calendar-dtable tbody tr td {
    border-bottom: solid 1px #ebeef5;
    border-right: solid 1px #ebeef5;
}

    .calendar-dtable tbody tr td:first-child {
        border-left: solid 1px #ebeef5;
    }

.calendar-dtable tbody tr:first-child td {
    border-top: solid 1px #ebeef5;
}

.calendar-other-month {
    opacity: 1;
    color: #c0c4cc;
}

.calendar-body th, .calendar-menu-month {
    font-weight: normal;
    color: #606266
}
.calendar-selected {
    background-color: #00A0DF;
    color: #fff;
    border: 0px solid #99cdff;
    padding: 0;
}

.calendar-mtable tr td {
    border-bottom: solid 1px #ebeef5;
    border-right: solid 1px #ebeef5;
}

    .calendar-mtable tr td:first-child {
        border-left: solid 1px #ebeef5;
    }

.calendar-mtable tr:first-child td {
    border-top: solid 1px #ebeef5;
}

.calendar-hover, .calendar-nav-hover, .calendar-menu-hover {
    background-color: #ebf2fb;
    color: #00A0DF;
}

.calendar-title span {
    color: #00A0DF;
    font-size: 16px;
    font-weight: bold;
}


/*datagrid*/
.datagrid .panel-body {
    box-shadow: none;
    border: solid 1px #ebeef5;
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-color: #ebeef5;
    border-style: solid;
}

/*修改前*/
/*.datagrid-header, .datagrid-td-rownumber {
    background-color: #f5f7fa;
}*/

/*修改后：列表头部和序号列背景*/
.datagrid-header, .datagrid-td-rownumber {
    background-color: #fff;
}

.datagrid-header-row, .datagrid-row {
    height: 40px;
}

.datagrid-row-alt {
    background: #fbfcff;
}

.datagrid-header-row {
    font-weight: bold;
    color: #000;
}

.datagrid-row-selected {
    background: #ecf5ff;
    color: #00A0DF
}

.datagrid-row-over, .datagrid-header td.datagrid-header-over {
    background: #fbfcff;
    color: #00A0DF;
    cursor: default;
}

.datagrid .panel-header {
    background: #fbfcff;
    border-width: 0px;
}

.datagrid-header {
    border-color: #dce0e7;
}

.datagrid-toolbar {
    border-color: #dce0e7;
}

.datagrid-pager {
    border-color: #fff;
}

.datagrid-toolbar {
    padding: 10px;
}

    .datagrid-toolbar td {
        padding: 0 5px 0 0;
    }

.datagrid-view1 .datagrid-body, .datagrid-view2 .datagrid-body {
    border-top: solid 1px #ebeef5;
}

.datagrid-row-editing .textbox-text, .datagrid-editable-input {
    color: #00A0DF;
}

.datagrid-row-expand::after {
    content: "\e6a9";
    color: #00A0DF
}

.datagrid-row-collapse::after {
    content: "\e6a8";
    color: #00A0DF
}

.datagrid-row-expand, .datagrid-row-collapse {
    background: none;
    line-height: 16px;
    height: 16px;
}

/*datalist*/
.datalist .datagrid-view1 .datagrid-body, .datalist .datagrid-view2 .datagrid-body {
    border-top: none;
}

.datalist .panel-body {
    border: none;
}

/*linkbutton*/
/*.l-btn {
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-color: #dcdfe6;
    color: #606266;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
}*/

/*修改后：按钮变小*/
.l-btn {
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-color: #dcdfe6;
    color: #606266;
    padding: 3px 7px;
    font-size: 14px;
    border-radius: 4px;
}

.l-btn-selected {
    background: #00A0DF;
    color: #fff;
    border-color: #00A0DF;
}

.l-btn:hover {
    background: #e6f2ff;
    border-color: #b3d7ff;
    color: #00A0DF;
}

.l-btn-disabled, .l-btn-disabled:hover {
    opacity: 0.5;
    cursor: default;
    background: #fff;
    color: #777;
    border-color: #ccc;
}

.l-btn-plain {
    border-color: #fff;
}

    .l-btn-plain:hover {
        padding: 5px 10px;
        border-radius: 4px;
    }

.datagrid-toolbar .l-btn-plain {
    border-color: #dcdfe6;
}

.datagrid-toolbar .l-btn:hover {
    background: #e6f2ff;
    border-color: #b3d7ff;
    color: #00A0DF;
}

.datagrid-toolbar .l-btn-selected {
    background: #00A0DF;
    color: #fff;
    border-color: #00A0DF;
}

.l-btn-large .l-btn-icon {
    font-size: 18px;
}

.l-btn-large .l-btn-selected {
    background: #00A0DF;
    color: #fff;
    border-color: #00A0DF;
}

.l-btn-icon {
    font-size: 16px;
}

/*textarea*/
.textbox textarea.textbox-text {
    padding: 10px;
}

/*texteditor*/
.texteditor .l-btn-selected {
    background: #e6f2ff;
    border-color: #b3d7ff;
    color: #00A0DF;
}

/*window*/
.window {
    background-color: #f5f7fa;
}

    .window, .window .window-body {
        border-color: #dce0e7;
    }

        .window .panel-title {
            height: 30px;
            line-height: 30px;
        }

.dialog-toolbar {
    border-color: #ebeef5 #ebeef5 #ebeef5 #ebeef5
}

.dialog-button {
    border-color: #ebeef5 #ebeef5 #ebeef5 #ebeef5
}

.dialog-tool-separator {
    border-left: 1px solid #dce0e7;
}

.window .window-header .panel-icon, .window .window-header .panel-tool {
    line-height: 16px;
}

.messager-info::after {
    content: "\e6b1";
    color: #ff382b;
}

.messager-question::after {
    content: "\e6c1";
    color: #ffa22b;
}

.messager-error::after {
    content: "\e6c4";
    color: #00d6e6;
}

.messager-warning::after {
    content: "\e6c3";
    color: #00e682;
}

.messager-info, .messager-question, .messager-error, .messager-warning {
    background: none;
    font-size: 32px;
}

.messager-window .messager-icon {
    margin-left: 20px;
    height: 32px;
    line-height: 32px;
}

    .messager-window .messager-icon + div {
        height: 32px;
        line-height: 32px;
    }

.messager-window + .window-shadow {
    box-shadow: 4px 4px 12px #8a8d9b;
}

.window + .window-shadow {
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}

/*messager-tip*/
.messager-tip .messager-info::after {
    content: "\e6b1";
    color: #ff382b;
    font-size: 18px;
}

.messager-tip .messager-question::after {
    content: "\e6c3";
    color: #00e682;
    font-size: 18px;
}

.messager-tip .messager-error::after {
    content: "\e6c4";
    color: #00d6e6;
    font-size: 18px;
}

.messager-tip .messager-warning::after {
    content: "\e6c1";
    color: #ffa22b;
    font-size: 18px;
}

.messager-tip .messager-info, .messager-tip .messager-question,
.messager-tip .messager-error, .messager-tip .messager-warning {
    background: none;
}

.messager-tip .messager-icon {
    margin-left: 0px;
    height: 18px;
    line-height: 18px;
    display: flex;
}

/*splitbutton*/
.m-btn .l-btn-left .m-btn-line {
    border-color: #dce0e7;
}


/*自定义颜色color*/
.c1 {
    background: #00A0DF;
    border-color: #00A0DF;
    color: #fff;
}

    .c1:hover {
        color: #00A0DF;
        border-color: #b3d7ff
    }

a.c1:hover {
    background: #e6f2ff;
    filter: none;
}

.c1 > .panel-header {
    color: #000;
    border-color: #b3d7ff;
    background: #e6f2ff;
}

.c1 > .panel-body {
    border-color: #b3d7ff;
}

.c1 > .dialog-toolbar, .c1 > .dialog-button {
    border-left-color: #b3d7ff;
    border-right-color: #b3d7ff;
}

.c1 > .dialog-button {
    border-bottom-color: #b3d7ff;
}

.window ~ .c1 {
    background: #e6f2ff;
    border-color: #b3d7ff;
}

.c2 {
    background: #00d6e6;
    border-color: #00d6e6;
    color: #fff;
}

    .c2:hover {
        color: #00d6e6;
        border-color: #99eff5
    }

a.c2:hover {
    background: #e6fbfd;
    filter: none;
}

.c2 > .panel-header {
    color: #000;
    border-color: #99eff5;
    background: #e6fbfd;
}

.c2 > .panel-body {
    border-color: #99eff5;
}

.c2 > .dialog-toolbar, .c2 > .dialog-button {
    border-left-color: #99eff5;
    border-right-color: #99eff5;
}

.c2 > .dialog-button {
    border-bottom-color: #99eff5;
}

.window ~ .c2 {
    background: #e6fbfd;
    border-color: #99eff5;
}


.c3 {
    background: #ff382b;
    border-color: #ff382b;
    color: #fff;
}

    .c3:hover {
        color: #ff382b;
        border-color: #ffafaa
    }

a.c3:hover {
    background: #ffebea;
    filter: none;
}

.c3 > .panel-header {
    color: #000;
    border-color: #ffafaa;
    background: #ffebea;
}

.c3 > .panel-body {
    border-color: #ffafaa;
}

.c3 > .dialog-toolbar, .c3 > .dialog-button {
    border-left-color: #ffafaa;
    border-right-color: #ffafaa;
}

.c3 > .dialog-button {
    border-bottom-color: #ffafaa;
}

.window ~ .c3 {
    background: #ffebea;
    border-color: #ffafaa;
}

.c4 {
    background: #00e682;
    border-color: #00e682;
    color: #fff;
}

    .c4:hover {
        color: #00e682;
        border-color: #99f5cd
    }

a.c4:hover {
    background: #e6fdf3;
    filter: none;
}

.c4 > .panel-header {
    color: #000;
    border-color: #99f5cd;
    background: #e6fdf3;
}

.c4 > .panel-body {
    border-color: #99f5cd;
}

.c4 > .dialog-toolbar, .c4 > .dialog-button {
    border-left-color: #99f5cd;
    border-right-color: #99f5cd;
}

.c4 > .dialog-button {
    border-bottom-color: #99f5cd;
}

.window ~ .c4 {
    background: #e6fdf3;
    border-color: #99f5cd;
}


.c5 {
    background: #ffa22b;
    border-color: #ffa22b;
    color: #fff;
}

    .c5:hover {
        color: #ffa22b;
        border-color: #ffdaaa
    }

a.c5:hover {
    background: #fff6ea;
    filter: none;
}

.c5 > .panel-header {
    color: #000;
    border-color: #ffdaaa;
    background: #fff6ea;
}

.c5 > .panel-body {
    border-color: #ffdaaa;
}

.c5 > .dialog-toolbar, .c5 > .dialog-button {
    border-left-color: #ffdaaa;
    border-right-color: #ffdaaa;
}

.c5 > .dialog-button {
    border-bottom-color: #ffdaaa;
}

.window ~ .c5 {
    background: #fff6ea;
    border-color: #ffdaaa;
}


.c6 {
    background: #604dd8;
    border-color: #604dd8;
    color: #fff;
}

    .c6:hover {
        color: #604dd8;
        border-color: #c0b7fb
    }

a.c6:hover {
    background: #e3e6fd;
    filter: none;
}

.c6 > .panel-header {
    color: #000;
    border-color: #c0b7fb;
    background: #e3e6fd;
}

.c6 > .panel-body {
    border-color: #c0b7fb;
}

.c6 > .dialog-toolbar, .c6 > .dialog-button {
    border-left-color: #c0b7fb;
    border-right-color: #c0b7fb;
}

.c6 > .dialog-button {
    border-bottom-color: #c0b7fb;
}

.window ~ .c6 {
    background: #e3e6fd;
    border-color: #c0b7fb;
}


.c7 {
    background: #546a8b;
    border-color: #546a8b;
    color: #fff;
}

    .c7:hover {
        color: #546a8b;
        border-color: #a8bddd
    }

a.c7:hover {
    background: #e7f0fd;
    filter: none;
}

.c7 > .panel-header {
    color: #000;
    border-color: #a8bddd;
    background: #e7f0fd;
}

.c7 > .panel-body {
    border-color: #a8bddd;
}

.c7 > .dialog-toolbar, .c7 > .dialog-button {
    border-left-color: #a8bddd;
    border-right-color: #a8bddd;
}

.c7 > .dialog-button {
    border-bottom-color: #a8bddd;
}

.window ~ .c7 {
    background: #e7f0fd;
    border-color: #a8bddd;
}

.c1 > .panel-header > .panel-title, .c2 > .panel-header > .panel-title,
.c5 > .panel-header > .panel-title, .c6 > .panel-header > .panel-title, .c8 > .panel-header > .panel-title {
    color: #000;
}

.c-plain {
    border-color: #fff;
    background: #fff;
}

    .c-plain > .panel-header,
    .c-plain > .panel-body,
    .c-plain > .dialog-button,
    .c-plain > .dialog-toolbar {
        border-color: transparent;
        background: transparent;
    }

.c-raised {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


/*timeline*/
.um-timeline {
    padding-left: 5px
}

.um-timeline-item {
    position: relative;
    padding-bottom: 20px
}

.um-timeline-axis {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #00A0DF;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

    .um-timeline-axis:hover {
        color: #00e682
    }

.um-timeline-item:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 0;
    width: 1px;
    height: 100%;
    background-color: #eee;
}

.um-timeline-item:first-child:before {
    display: block
}

.um-timeline-item:last-child:before {
    display: none
}

.um-timeline-content {
    padding-left: 25px
}

.um-timeline-title {
    position: relative;
    margin-bottom: 10px;
    line-height: 22px
}

.um-timeline-list li {
    margin-bottom: 5px;
    height: 25px;
    line-height: 25px;
}

/*辅助元素*/
fieldset {
    border: solid 1px #dce0e7;
    border-radius: 2px;
}

hr {
    height: 0;
    line-height: 0;
    margin: 10px 0;
    padding: 0;
    border: none !important;
    border-bottom: 1px solid #dce0e7 !important;
    clear: both;
    overflow: hidden;
    background: 0 0
}

.um-elem-quote {
    margin-bottom: 10px;
    padding: 15px;
    line-height: 1.6;
    border-left: 3px solid #00d6e6;
    border-radius: 0 2px 2px 0;
    background-color: #f5f7fa
}

.um-quote-nm {
    border-style: solid;
    border-width: 1px;
    border-left-width: 3px;
    background: 0 0;
    border-color: #dce0e7;
}

.um-elem-field {
    margin-bottom: 10px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
}

    .um-elem-field legend {
        margin-left: 20px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
    }

.um-field-title {
    margin: 10px 0 20px;
    border-width: 0;
    border-top-width: 1px
}

.um-field-box {
    padding: 15px
}

.um-field-title .um-field-box {
    padding: 10px 0
}

/*面包屑导航*/
.um-breadcrumb {
    padding: 15px 20px;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 3px;
    font-size: 0;
    background: #fff;
}

    .um-breadcrumb > li {
        display: inline-block;
        font-size: 14px;
        color: #878D99;
    }

        .um-breadcrumb > li + li:before {
            content: "\e618";
            padding: 0 6px;
            color: #878D99;
            font-weight: normal;
            font-size: 10px;
        }

        .um-breadcrumb > li a, .um-breadcrumb > li a:visited {
            color: #878D99;
            text-decoration: none;
        }

            .um-breadcrumb > li a:hover, .um-breadcrumb > li a:visited:hover {
                color: #00A0DF;
                text-decoration: none;
            }

        .um-breadcrumb > li.active {
            color: #acb4c5;
        }


/*徽章badge*/
.um-badge, .um-badge-dot, .um-badge-rim {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 11px;
    text-align: center;
    background-color: #ff382b;
    color: #fff;
    border-radius: 2px
}

.um-badge {
    height: 16px;
    line-height: 16px;
    border-radius: 30px;
}

.easyui-linkbutton .um-badge, .um-nav .um-badge, .easyui-linkbutton .um-badge-dot {
    margin-left: 3px;
}

.um-info .um-badge {
    display: inline-block;
    position: absolute;
    min-width: 10px;
    line-height: 1;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    border-radius: 10px;
    padding: 2px 4px;
    z-index: 99999;
    top: -10px;
    right: -5px;
}

.um-badge-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%
}

.um-badge-rim {
    height: 16px;
    line-height: 16px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #5f5f5f
}

.um-badge-rim {
    border-color: #dce0e7
}

.um-bg-c1 {
    background-color: #00A0DF !important;
    color: #fff !important
}

.um-bg-c2 {
    background-color: #00d6e6 !important;
    color: #fff !important
}

.um-bg-c3 {
    background-color: #00e682 !important;
    color: #fff !important
}

.um-bg-c4 {
    background-color: #ffa22b !important;
    color: #fff !important
}

.um-bg-c5 {
    background-color: #604dd8 !important;
    color: #fff !important
}

.um-bg-c6 {
    background-color: #ff2b88 !important;
    color: #fff !important
}

.um-bg-c7 {
    background-color: #dce0e7 !important;
    color: #5f5f5f !important
}

/*元素动画*/
.um-face img, .um-blank img, .um-tb, .um-backtop, .um-loginleft img,
.um-loginrow .easyui-linkbutton {
    cursor: pointer;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

    .um-face img:hover, .um-blank img:hover, .um-tb:hover, .um-backtop:hover, .um-loginleft img:hover,
    .um-loginrow .easyui-linkbutton:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

/*-----以下内容为layui布局样式(用法参考layui文档)-------------------------------------------*/

.layui-container {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box
}

.layui-fluid {
    position: relative;
    margin: 0 auto;
    padding: 0 15px
}

.layui-row:after, .layui-row:before {
    content: "";
    display: block;
    clear: both
}

.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
    position: relative;
    display: block;
    box-sizing: border-box
}

.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
    float: left
}

.layui-col-xs1 {
    width: 8.33333333%
}

.layui-col-xs2 {
    width: 16.66666667%
}

.layui-col-xs3 {
    width: 25%
}

.layui-col-xs4 {
    width: 33.33333333%
}

.layui-col-xs5 {
    width: 41.66666667%
}

.layui-col-xs6 {
    width: 50%
}

.layui-col-xs7 {
    width: 58.33333333%
}

.layui-col-xs8 {
    width: 66.66666667%
}

.layui-col-xs9 {
    width: 75%
}

.layui-col-xs10 {
    width: 83.33333333%
}

.layui-col-xs11 {
    width: 91.66666667%
}

.layui-col-xs12 {
    width: 100%
}

.layui-col-xs-offset1 {
    margin-left: 8.33333333%
}

.layui-col-xs-offset2 {
    margin-left: 16.66666667%
}

.layui-col-xs-offset3 {
    margin-left: 25%
}

.layui-col-xs-offset4 {
    margin-left: 33.33333333%
}

.layui-col-xs-offset5 {
    margin-left: 41.66666667%
}

.layui-col-xs-offset6 {
    margin-left: 50%
}

.layui-col-xs-offset7 {
    margin-left: 58.33333333%
}

.layui-col-xs-offset8 {
    margin-left: 66.66666667%
}

.layui-col-xs-offset9 {
    margin-left: 75%
}

.layui-col-xs-offset10 {
    margin-left: 83.33333333%
}

.layui-col-xs-offset11 {
    margin-left: 91.66666667%
}

.layui-col-xs-offset12 {
    margin-left: 100%
}

@media screen and (max-width:767.98px) {
    .layui-container {
        padding: 0 15px
    }

    .layui-hide-xs {
        display: none !important
    }

    .layui-show-xs-block {
        display: block !important
    }

    .layui-show-xs-inline {
        display: inline !important
    }

    .layui-show-xs-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width:768px) {
    .layui-container {
        width: 720px
    }

    .layui-hide-sm {
        display: none !important
    }

    .layui-show-sm-block {
        display: block !important
    }

    .layui-show-sm-inline {
        display: inline !important
    }

    .layui-show-sm-inline-block {
        display: inline-block !important
    }

    .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
        float: left
    }

    .layui-col-sm1 {
        width: 8.33333333%
    }

    .layui-col-sm2 {
        width: 16.66666667%
    }

    .layui-col-sm3 {
        width: 25%
    }

    .layui-col-sm4 {
        width: 33.33333333%
    }

    .layui-col-sm5 {
        width: 41.66666667%
    }

    .layui-col-sm6 {
        width: 50%
    }

    .layui-col-sm7 {
        width: 58.33333333%
    }

    .layui-col-sm8 {
        width: 66.66666667%
    }

    .layui-col-sm9 {
        width: 75%
    }

    .layui-col-sm10 {
        width: 83.33333333%
    }

    .layui-col-sm11 {
        width: 91.66666667%
    }

    .layui-col-sm12 {
        width: 100%
    }

    .layui-col-sm-offset1 {
        margin-left: 8.33333333%
    }

    .layui-col-sm-offset2 {
        margin-left: 16.66666667%
    }

    .layui-col-sm-offset3 {
        margin-left: 25%
    }

    .layui-col-sm-offset4 {
        margin-left: 33.33333333%
    }

    .layui-col-sm-offset5 {
        margin-left: 41.66666667%
    }

    .layui-col-sm-offset6 {
        margin-left: 50%
    }

    .layui-col-sm-offset7 {
        margin-left: 58.33333333%
    }

    .layui-col-sm-offset8 {
        margin-left: 66.66666667%
    }

    .layui-col-sm-offset9 {
        margin-left: 75%
    }

    .layui-col-sm-offset10 {
        margin-left: 83.33333333%
    }

    .layui-col-sm-offset11 {
        margin-left: 91.66666667%
    }

    .layui-col-sm-offset12 {
        margin-left: 100%
    }
}

@media screen and (min-width:992px) {
    .layui-container {
        width: 960px
    }

    .layui-hide-md {
        display: none !important
    }

    .layui-show-md-block {
        display: block !important
    }

    .layui-show-md-inline {
        display: inline !important
    }

    .layui-show-md-inline-block {
        display: inline-block !important
    }

    .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {
        float: left
    }

    .layui-col-md1 {
        width: 8.33333333%
    }

    .layui-col-md2 {
        width: 16.66666667%
    }

    .layui-col-md3 {
        width: 25%
    }

    .layui-col-md4 {
        width: 33.33333333%
    }

    .layui-col-md5 {
        width: 41.66666667%
    }

    .layui-col-md6 {
        width: 50%
    }

    .layui-col-md7 {
        width: 58.33333333%
    }

    .layui-col-md8 {
        width: 66.66666667%
    }

    .layui-col-md9 {
        width: 75%
    }

    .layui-col-md10 {
        width: 83.33333333%
    }

    .layui-col-md11 {
        width: 91.66666667%
    }

    .layui-col-md12 {
        width: 100%
    }

    .layui-col-md-offset1 {
        margin-left: 8.33333333%
    }

    .layui-col-md-offset2 {
        margin-left: 16.66666667%
    }

    .layui-col-md-offset3 {
        margin-left: 25%
    }

    .layui-col-md-offset4 {
        margin-left: 33.33333333%
    }

    .layui-col-md-offset5 {
        margin-left: 41.66666667%
    }

    .layui-col-md-offset6 {
        margin-left: 50%
    }

    .layui-col-md-offset7 {
        margin-left: 58.33333333%
    }

    .layui-col-md-offset8 {
        margin-left: 66.66666667%
    }

    .layui-col-md-offset9 {
        margin-left: 75%
    }

    .layui-col-md-offset10 {
        margin-left: 83.33333333%
    }

    .layui-col-md-offset11 {
        margin-left: 91.66666667%
    }

    .layui-col-md-offset12 {
        margin-left: 100%
    }
}


@media screen and (min-width:1200px) {
    .layui-container {
        width: 1150px
    }

    .layui-hide-lg {
        display: none !important
    }

    .layui-show-lg-block {
        display: block !important
    }

    .layui-show-lg-inline {
        display: inline !important
    }

    .layui-show-lg-inline-block {
        display: inline-block !important
    }

    .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
        float: left
    }

    .layui-col-lg1 {
        width: 8.33333333%
    }

    .layui-col-lg2 {
        width: 16.66666667%
    }

    .layui-col-lg3 {
        width: 25%
    }

    .layui-col-lg4 {
        width: 33.33333333%
    }

    .layui-col-lg5 {
        width: 41.66666667%
    }

    .layui-col-lg6 {
        width: 50%
    }

    .layui-col-lg7 {
        width: 58.33333333%
    }

    .layui-col-lg8 {
        width: 66.66666667%
    }

    .layui-col-lg9 {
        width: 75%
    }

    .layui-col-lg10 {
        width: 83.33333333%
    }

    .layui-col-lg11 {
        width: 91.66666667%
    }

    .layui-col-lg12 {
        width: 100%
    }

    .layui-col-lg-offset1 {
        margin-left: 8.33333333%
    }

    .layui-col-lg-offset2 {
        margin-left: 16.66666667%
    }

    .layui-col-lg-offset3 {
        margin-left: 25%
    }

    .layui-col-lg-offset4 {
        margin-left: 33.33333333%
    }

    .layui-col-lg-offset5 {
        margin-left: 41.66666667%
    }

    .layui-col-lg-offset6 {
        margin-left: 50%
    }

    .layui-col-lg-offset7 {
        margin-left: 58.33333333%
    }

    .layui-col-lg-offset8 {
        margin-left: 66.66666667%
    }

    .layui-col-lg-offset9 {
        margin-left: 75%
    }

    .layui-col-lg-offset10 {
        margin-left: 83.33333333%
    }

    .layui-col-lg-offset11 {
        margin-left: 91.66666667%
    }

    .layui-col-lg-offset12 {
        margin-left: 100%
    }
}

.layui-col-space1 {
    margin: -.5px
}

    .layui-col-space1 > * {
        padding: .5px
    }

.layui-col-space2 {
    margin: -1px
}

    .layui-col-space2 > * {
        padding: 1px
    }

.layui-col-space4 {
    margin: -2px
}

    .layui-col-space4 > * {
        padding: 2px
    }

.layui-col-space5 {
    margin: -2.5px
}

    .layui-col-space5 > * {
        padding: 2.5px
    }

.layui-col-space6 {
    margin: -3px
}

    .layui-col-space6 > * {
        padding: 3px
    }

.layui-col-space8 {
    margin: -4px
}

    .layui-col-space8 > * {
        padding: 4px
    }

.layui-col-space10 {
    margin: -5px
}

    .layui-col-space10 > * {
        padding: 5px
    }

.layui-col-space12 {
    margin: -6px
}

    .layui-col-space12 > * {
        padding: 6px
    }

.layui-col-space14 {
    margin: -7px
}

    .layui-col-space14 > * {
        padding: 7px
    }

.layui-col-space15 {
    margin: -7.5px
}

    .layui-col-space15 > * {
        padding: 7.5px
    }

.layui-col-space16 {
    margin: -8px
}

    .layui-col-space16 > * {
        padding: 8px
    }

.layui-col-space18 {
    margin: -9px
}

    .layui-col-space18 > * {
        padding: 9px
    }

.layui-col-space20 {
    margin: -10px
}

    .layui-col-space20 > * {
        padding: 10px
    }

.layui-col-space22 {
    margin: -11px
}

    .layui-col-space22 > * {
        padding: 11px
    }

.layui-col-space24 {
    margin: -12px
}

    .layui-col-space24 > * {
        padding: 12px
    }

.layui-col-space25 {
    margin: -12.5px
}

    .layui-col-space25 > * {
        padding: 12.5px
    }

.layui-col-space26 {
    margin: -13px
}

    .layui-col-space26 > * {
        padding: 13px
    }

.layui-col-space28 {
    margin: -14px
}

    .layui-col-space28 > * {
        padding: 14px
    }

.layui-col-space30 {
    margin: -15px
}

    .layui-col-space30 > * {
        padding: 15px
    }