@charset "utf-8";

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    color: #76838f;
}

input:disabled {
    color: #000;
}

* {
    font-size: 14px;
}

a {
    text-decoration: none;
    /*color: #000;*/
}

    a:focus {
        outline: 0;
    }

    a:hover {
        color: #E60012;
    }

input:focus {
    outline: 0;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.iconfont {
    font-size: 14px;
}


.mymask {
    z-index: 99999;
}

.mymaskmsg {
    z-index: 99999;
    height: 40px;
}

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}
/*主页面样式*/
#mytabs > div.tabs-panels {
    background-color: #f1f4f5;
    padding: 10px;
}

.header {
    height: 50px;
    border: none;
    overflow: visible;
    background-color: #004C66;
    /*background-color: #E60012;*/ /*红色*/
    overflow-y: hidden;
}

    .header a {
        cursor: pointer;
    }

    .header .header-logo {
        width: 200px;
        height: 50px;
        float: left;
        display: inline-block;
        color: #ffffff;
        overflow: hidden;
        line-height: 50px;
        text-align: center;
    }

        .header .header-logo img {
            width: 200px;
            height: 40px;
            border-style: none;
            vertical-align: middle;
        }

        .header .header-logo a i {
            color: #fff;
            font-size: 20px;
        }

        .header .header-logo .header-system {
            font-family: "黑体";
            font-size: 28px;
            font-style: oblique;
            line-height: 50px;
            display: inline-block;
            margin: auto 15px;
            letter-spacing: 14px;
        }

            .header .header-logo .header-system:before {
                content: "乐配优品";
            }

    .header .header-switch {
        height: 50px;
        float: left;
        width: 50px;
        line-height: 48px;
        text-indent: 5px;
    }

        .header .header-switch a i {
            color: #fff;
            font-size: 20px;
        }

    .header .header-menu {
        height: 50px;
        float: left;
    }

        .header .header-menu a {
            display: inline-block;
            float: left;
            color: #fff;
            line-height: 50px;
            padding: 0 20px;
            font-size: 16px;
            /*border-bottom: 3px solid #293c55;*/
        }

            .header .header-menu a i {
                font-size: 14px;
                margin-right: 5px;
            }

            .header .header-menu a:hover {
                color: #000;
                background-color: #FFE200; /*黄色*/
                /*background-color: #b72120;*/ /*红色*/
                /*border-bottom-color: #b6ff00;*/
            }

            .header .header-menu a.active {
                color: #000;
                background-color: #FFE200; /*黄色*/
            }

    .header .header-a {
        float: left;
        line-height: 48px;
    }

        .header .header-a a {
            display: inline-block;
            padding: 5px 15px;
            line-height: 18px;
            color: #FFE200;
            margin-left: 2px;
            float: none;
        }

            .header .header-a a:hover {
                color: #000;
                background-color: #FFE200;
                border-radius: 15px;
            }


        .header .header-a .active {
            color: #000;
            background-color: #ffe200;
            border-radius: 15px;
        }

        .header .header-a label {
            color: #f8f8f1
        }

    .header .header-menu a.header-a-nohover {
        padding: 5px;
        border-radius: 5px;
    }

    .header .header-user {
        height: 50px;
        float: right;
        margin-right: 20px;
        display: inline-block;
        line-height: 50px;
        color: #fff;
    }

    .header .header-admin {
        height: 50px;
        float: right;
        margin-right: 20px;
        display: inline-block;
        line-height: 50px;
    }

        .header .header-admin a {
            color: #fff;
            line-height: 50px;
            display: inline-block;
            width: 40px;
            text-align: center;
            font-size: 16px;
            padding: 0px;
        }

            .header .header-admin a i.iconfont {
                background-image: none;
                margin-right: 0px;
            }

#west {
    border-right: solid 1px #DBE5F2;
    border-left-style: none;
}

    #west .panel-title {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-indent: 8px;
    }


    #west .accordion .accordion-header-selected .panel-title {
        /*color: #fff;*/
        color: #E60012;
        font-weight: bold;
    }



    #west .accordion-header {
        background: #f5f5f5 none repeat scroll 0 0;
        /*border-bottom: solid 1px #3B5577;*/
        height: 40px;
    }

    #west, #west .panel-body {
        /*background-color: #3B5577;
        border-bottom-color: #4D6483;*/
    }

        #west .accordion-header-selected {
            background: #f5f5f5 none repeat scroll 0 0;
        }

        #west .accordion-header .panel-title {
            /*color: #fff;*/
            font-weight: 100;
        }

            #west .accordion-header .panel-title i {
                margin-right: 10px;
            }

        #west .accordion-collapse {
            /*background: rgba(0, 0, 0, 0) url("/Resource/jquery-easyui/themes/black/images/accordion_arrows.png") no-repeat scroll 0 0;*/
        }

        #west .accordion-expand {
            /*background: rgba(0, 0, 0, 0) url("/Resource/jquery-easyui/themes/black/images/accordion_arrows.png") no-repeat scroll -16px 0;*/
        }

        #west li {
            line-height: 38px;
        }

            #west li:hover {
                background-color: #f5f5f5;
            }

            #west li a {
                display: inline-block;
                width: 100%;
                text-indent: 10px;
                color: #76838f;
                text-indent: 10px;
            }

                #west li a.select {
                    /*background-color: #EEF7F9;*/
                    color: #E60012;
                }

                    #west li a.select i {
                        color: #E60012;
                    }

            #west li i {
                margin-right: 3px;
                color: #76838f;
                font-size: 14px;
            }
/*主页面通用样式结束*/

/*登录页特定样式*/
.login_img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/Resource/images/login_bg1.jpg');
    width: 710px;
    height: 410px;
    float: left;
    animation: frams 20s infinite;
    box-shadow: 5px 5px 5px #888888;
}


@keyframes frams {
    0% {
        background-image: url("/Resource/images/login_bg1.jpg");
    }

    25% {
        background-image: url("/Resource/images/login_bg2.jpg");
    }

    50% {
        background-image: url("/Resource/images/login_bg3.jpg");
    }

    75% {
        background-image: url("/Resource/images/login_bg4.jpg");
    }

    100% {
        background-image: url("/Resource/images/login_bg1.jpg");
    }
}

.login_info {
    margin-left: 20px;
    width: 340px;
    height: 410px;
    background-color: #FBFBFB;
    border: solid 1px #EDEEEF;
    float: left;
    box-shadow: 5px 5px 5px #888888;
}

    .login_info ul li {
        height: 70px;
        padding-left: 40px;
    }

.login .clsLogin {
    font-size: 14px;
    background-color: #999999;
}

.login_input {
    padding-left: 40px;
    padding-right: 30px;
    color: #999999;
    font-size: 14px;
    line-height: 38px;
    width: 190px;
    height: 40px;
    border: 1px solid #999999;
    border-radius: 3px;
}

.login_input_bg {
    background-image: url(../images/login_bt.png);
    background-position-x: left;
    background-position-y: 0px;
    background-repeat: no-repeat;
    text-indent: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    top: -42px;
}

.login_ValidateCode {
    background-position-x: left;
    background-position-y: 0px;
    background-repeat: no-repeat;
    text-indent: 10px;
    color: #999999;
    font-size: 14px;
    line-height: 38px;
    width: 160px;
    height: 40px;
    border: 1px solid #999999;
    border-radius: 3px;
}

.loginuser {
    background-position-x: left;
    background-position-y: 0px;
    background-repeat: no-repeat;
    text-indent: 10px;
    color: #999999;
    font-size: 14px;
    line-height: 38px;
    width: 300px;
    height: 40px;
    border: 1px solid #999999;
    border-radius: 3px;
}

.login_bt {
    background-color: #317d1f;
    display: block;
    background-image: none;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 10px;
    text-indent: 0;
    border-style: none;
    border-radius: 21px;
    height: 42px;
}

a.login_bt:hover {
    color: #FFFFFF;
    background-color: #FF4C4C;
}

a.login_bt:link {
    border-style: none;
    border-width: 0;
}
/*登录页特定样式结束*/
/* 内容页特定样式*/
/* 定义子控件的label加红星*/
.redlabel label:before {
    content: '*';
    color: red
}
/* 定义第几个子控件的label加红星*/
.redlabel1 label:nth-of-type(1)::before, .redlabel2 label:nth-of-type(2)::before, .redlabel3 label:nth-of-type(3)::before, .redlabel4 label:nth-of-type(4)::before {
    color: red;
    content: '*'
}

.erp-line-height {
    padding: 5px 0;
}

.inputtip {
    font-style: italic;
    color: #39c;
    font-weight: normal;
}

.icon-layoutset {
    /*color: #4A6588;*/
    font-size: 16px;
    cursor: pointer;
}

.right-closebtn:hover i {
    display: inline-block;
}

.right-closebtn i {
    position: absolute;
    right: 5px;
    top: 5px;
    display: none;
    border: solid 1px #ccc;
    border-radius: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(0,0,0,0.1);
}

.red-super {
    color: red;
    font-weight: bold;
    font-size: 12px;
    vertical-align: super
}

.sh-div-tools {
}

    .sh-div-tools div.panel-body {
        display: flex;
        overflow: visible;
        min-width: 700px;
        padding: 5px 0 4px 0;
    }

    .sh-div-tools .sh-div-tools-left {
        flex: 1;
    }

    .sh-div-tools .sh-div-tools-right {
    }

    .sh-div-tools .panel {
        display: inline-table;
    }

    .sh-div-tools .textbox {
        margin: 2px auto;
    }

.sh-div-bottom {
    height: 43px;
    padding-top: 7px;
    width: 100%;
    text-align: right;
}

.sh-div-bottom1 {
    height: 43px;
    padding-top: 7px;
    width: 100%;
    text-align: right;
    padding-right: 10px;
}

.sh-txt-search .textbox-prompt {
    height: 25px;
    font-size: 16px;
    line-height: 25px;
}

.sh-txt-search .textbox-text {
    height: 25px;
    font-size: 14px;
    line-height: 25px;
}

.sh-moreSearch {
    font-size: 16px;
    color: #E60012;
}

    .sh-moreSearch:hover {
        color: #E60012;
    }

/*单据表头区域*/
.sh-bill-main {
    overflow: visible;
    margin-bottom: 5px;
}

.sh-bill-header-row {
    padding: 5px 0;
    min-width: 1000px;
}



a.sh-a-edit {
    cursor: pointer;
    font-size: 18px;
    color: #ff8722;
    margin: 0 1px;
}

    a.sh-a-edit:hover {
        font-weight: 700;
        font-size: 18px;
    }

a.sh-a-disabled::before {
    margin: 0 1px;
    font-size: 18px;
    color: #bbb;
    cursor: not-allowed;
}

.sh-line-head {
    margin: 10px 0;
}

    .sh-line-head > div:first-child {
        border-bottom: 2px solid #39c;
        margin-bottom: 10px;
        background-color: #f3f3f3;
        padding: 10px 20px;
        font-weight: bold;
    }

    .sh-line-head .title {
        font-weight: bold;
        color: #000;
        margin-right: 20px;
    }

        .sh-line-head .title:hover {
            font-weight: bold;
            color: #000;
        }

.erp-tc-right {
    padding: 10px 20px;
    overflow: hidden;
}

    .erp-tc-right h3 {
        margin-bottom: 10px;
        margin-top: 7px;
        border-bottom: 2px solid #39c;
        font-size: 14px;
        padding-bottom: 5px;
        text-decoration: none;
        color: #000;
    }

        .erp-tc-right h3 span {
            font-size: 12px;
            font-weight: normal;
            padding-left: 15px;
            color: #7a7a7a;
        }

.erp-tc-left {
    width: 120px;
    text-align: center;
}

    .erp-tc-left a {
        height: 55px;
        line-height: 55px;
        display: block;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d2d2d2;
        background-color: #eaeaea;
        border-right: 1px solid #d9d9d9;
        color: #999999;
        text-decoration: none;
        font-size: 16px;
        z-index: 5;
        cursor: pointer;
    }

        .erp-tc-left a.select {
            background-color: #fff;
            border-right: none;
            color: #000;
            cursor: default;
        }

.erp-tc-top {
    height: 50px;
    padding-top: 10px;
    background-color: #F5F5F5;
    border-top: none;
}

.sh_ksdw {
    color: #156fa3;
    line-height: 43px;
    font-size: 14px;
    float: left;
    text-align: center;
    font-weight: bold;
    width: 120px;
}

.nav-s-top {
    float: left;
    line-height: 43px;
}


.index2_top {
    height: 38px;
    background-image: url(/Resource/images/top-bg.png);
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-color: #0C091C;
}

    .index2_top div {
        font-family: 'Microsoft YaHei','Times New Roman', Times, serif;
        /*background: linear-gradient(to bottom, white, #0585EE);
        -webkit-background-clip: text;
        color: transparent;*/
        color: #0FAAE1;
        text-align: center;
        font-size: 20px;
        letter-spacing: 5px;
        font-weight: bold;
        margin-top: 8px;
    }

#indexsetmd_set {
    overflow-x: hidden;
}

    #indexsetmd_set .title {
        background-image: url(/Resource/images/h-bg.png);
        width: 193px;
        height: 33px;
        line-height: 33px;
        text-indent: 10px;
        font-size: 16px;
        display: inline-block;
        overflow: hidden;
        background-position-x: left;
        background-repeat: no-repeat;
    }

.sh-line {
    line-height: 40px;
}

.sh-line-div > div {
    height: 40px;
    /*line-height: 40px;*/
}

.type-crumble-items {
    float: left;
}

    .type-crumble-items a {
        float: left;
        line-height: 19px;
        margin: 0 14px 14px 0;
        padding: 4px 0 4px 7px;
        border: 1px solid #fa5f19;
        background: #fbede7;
        border-radius: 2px;
    }

        .type-crumble-items a:hover {
            border: 1px solid #ed6337;
            color: #535353;
        }

        .type-crumble-items a span {
            padding-right: 7px;
            border-right: 1px solid #fa5f19;
            color: #e54e2d;
        }

        .type-crumble-items a i {
            display: inline-block;
            margin-left: 3px;
            margin-top: -2px;
            width: 22px;
            height: 15px;
            background: url(../images/t-close3.png) no-repeat center center;
            cursor: pointer;
        }

.sh-noborder {
    border-style: none;
    border-width: 0;
    background: transparent;
}
/*订单状态颜色*/
.sh-bt-shenhe {
    color: #ffffff;
    padding: 1px 4px;
    border-radius: 4px;
    display: inline-block;
}
/*订单状态-先货后款 */
.sh-bt-xkhk {
    background-color: black;
}
/*订单状态-未付款 */
.sh-bt-wfk {
    background-color: red;
}

    .sh-bt-wfk:hover {
        color: greenyellow;
    }
/*订单状态-已收款 */
.sh-bt-ysk {
    background-color: green;
}
/*订单状态-已取消/已关闭 */
.sh-bt-yqx {
    background-color: #9f9f9f;
}

a.redborder {
    border: 1px solid red;
}

.shop-def-color {
    color: #e60012;
}
/*商城商品类别展开背景颜色*/
.shop-def-background-color {
    color: #fff;
}
/*商城商品类别展开字体颜色*/
.shop-def-font-color {
    color: #666;
}
/* 内容页特定样式结束*/
/*easyui默认样式*/
.panel.combo-p.panel-htop {
    box-shadow: #858080 2px 2px 3px 0px;
}

.combolist-cell {
    display: inline-block;
    float: left;
    cursor: pointer;
    border: 1px solid #ccc;
    line-height: 25px;
    padding: 5px 10px;
    margin: 5px;
    min-width: 35px;
    text-align: center
}

    .combolist-cell:hover {
        border: 1px solid red
    }

.tree-title {
    /*font-size: 14px;*/
    color: #76838f;
}

.tree-node-hover {
    background-color: #f5f5f5;
}

.tree-hit, .tree-icon {
    margin-top: 4px;
}

.easyui-layout .panel-title {
    line-height: 18px;
}

.panel-title {
    font-size: 14px;
    line-height: 30px;
    color: #3B5577;
}

.l-btn-text {
    font-size: 14px;
}
/*.l-btn {
    border: 1px solid #293c55;
}
.l-btn:hover {
    border: 1px solid #293c55;
}*/
.panel-body {
    color: #000;
}

.datagrid-header .datagrid-cell span {
    font-size: 14px;
    font-weight: bold;
    color: #76838f;
}

.datagrid-header, .datagrid-view2 {
    line-height: 35px;
}

.window .panel-header .panel-title {
    line-height: normal;
}

.window .panel-header .panel-tool .panel-tool-close {
    background-image: url("../images/del.png");
    background-position-x: 0;
}

.tabs-icon {
    color: #213044;
    margin-top: -15px;
}

.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
    border-color: #464545;
}

.datagrid-header-row td {
    /*color: #fff;*/
    height: 40px;
    font-weight: 700;
    background-color: #F9FBFC;
}

.datagrid-header td.datagrid-header-over {
    background-color: #fcfbcb;
    color: #fff;
}



.datagrid-body td {
    line-height: 30px;
    height: 30px;
}



.tree-node {
    height: 30px;
    line-height: 30px;
}

.m-btn-downarrow, .s-btn-downarrow {
    background: rgba(0, 0, 0, 0) url("/Resource/jquery-easyui/themes/black/images/menu_arrows.png") no-repeat scroll 0 center;
}

.tree-node-selected {
    background: #ffe1c4 none repeat scroll 0 0;
    color: #000000;
}

    .tree-node-selected .tree-title {
        color: #000000;
    }

.searchbox-button {
    background: rgba(0, 0, 0, 0) url("/Resource/jquery-easyui/themes/icons/searchbox_button.png") no-repeat scroll center center;
    width: 25px;
}
/*添加或设置*/
.addbox-button {
    background: rgba(0, 0, 0, 0) url("/Resource/jquery-easyui/themes/icons/mini_add.png") no-repeat scroll center center;
    width: 25px;
}

.sh-txt-search .textbox-addon {
    padding-right: 2px;
}

.textbox-text {
    height: 25px;
}

.textbox {
    border-radius: 5px;
}

    .textbox .textbox-text {
        font-size: 14px;
        border-radius: 3px;
    }

.window {
    box-shadow: 8px 8px 8px #888888;
    border-radius: 5px;
    border-color: #b4acac;
}

input[type=checkbox] {
    position: relative;
    margin: 0 5px 0 3px;
}

    input[type=checkbox]::after {
        position: absolute;
        top: 0;
        background-color: white;
        border: 1px solid #bababa;
        width: 15px;
        height: 15px;
        display: inline-block;
        visibility: visible;
        text-align: center;
        content: ' ';
        border-radius: 3px;
        cursor: pointer;
    }

    input[type=checkbox]:checked::after {
        background: #ff8722 url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e') center no-repeat;
        content: "";
        border: 1px solid #ff8722;
    }

.datagrid-footer input[type=checkbox] {
    position: unset;
}

    .datagrid-footer input[type=checkbox]::after {
        display: none;
    }

.l-btn {
    background: #0BB2D4;
    height: 30px;
    color: #EDF6F8;
    line-height: 30px;
    padding: 0 5px;
    border-radius: 5px;
    border-style: none;
}
    /*查询按钮*/
    .l-btn .l-btn-text {
        line-height: 28px;
    }

    .l-btn:hover {
        background-color: #009688;
        border-style: none;
        color: #fff;
    }

.sh-btn-new {
    background-color: #eb2f71;
}

    .sh-btn-new:hover {
        background: #eb2f71;
    }

.sh-btn-delete {
    background-color: #8349f5;
}

    .sh-btn-delete:hover {
        background: #8349f5;
    }

.sh-btn-close {
    background-color: #526069;
}

    .sh-btn-close:hover {
        background: #526069;
    }


.sh-btn-import {
    background-color: #4d64fa;
}

    .sh-btn-import:hover {
        background: #4d64fa;
    }

.sh-btn-export {
    background-color: #ff5722;
}

    .sh-btn-export:hover {
        background: #ff5722;
    }

.sh-btn-print {
    background-color: #05a85c;
}

    .sh-btn-print:hover {
        background: #05a85c;
    }

.sh-btn-shenhe {
    background-color: #0bb2d4;
}

    .sh-btn-shenhe:hover {
        background: #0bb2d4;
    }

.sh-btn-save {
    background-color: #e62020;
}

    .sh-btn-save:hover {
        background: #e62020;
    }

.sh-btn-submit {
    background-color: #de4e00;
}

    .sh-btn-submit:hover {
        background: #de4e00;
    }

.sh-btn-add {
    background-color: #6da611;
}

    .sh-btn-add:hover {
        background: #6da611;
    }

.sh-btn-more {
    background-color: #008577;
}

    .sh-btn-more:hover {
        background: #008577;
    }

.datagrid-pager .l-btn {
    height: auto;
    line-height: inherit;
    padding: inherit;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0px, #ffffff 100%) repeat-x scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #777;
}

.textbox .textbox-button {
    /*background: rgba(3, 0, 0, 0) linear-gradient(to bottom, #ffffff 0px, #eeeeee 100%) repeat-x scroll 0 0;*/
    background: #39c none repeat scroll 0 0;
    border-color: #46b8da;
}

    .textbox .textbox-button .l-btn-text {
        color: #fff;
    }

.datagrid-row-over .datagrid-td-rownumber {
    background: #E6E6E6
}


.datagrid-row-selected {
    background: #ffe1c4 none repeat scroll 0 0;
    color: #000;
}

    .datagrid-row-selected .datagrid-td-rownumber {
        background: #ffe1c4;
    }

.panel-header {
    height: 30px;
}

.l-btn-selected, .l-btn-selected:hover {
    background: #213044 none repeat scroll 0 0;
    filter: none;
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-color: #ccc;
    border-style: dotted;
    border-width: 0 1px 1px 0;
    margin: 0;
    padding: 0;
}

.datagrid-header .datagrid-cell-group {
    color: #76838f;
}

.tabs li.tabs-selected .tabs-inner span {
    color: #E60012;
}

.datagrid-cell-rownumber, .datagrid-header-rownumber {
    color: #76838f;
}

.datagrid-header-check, .datagrid-cell-check {
    height: 25px;
}

.panel-tool-max {
    background: url(/Resource/images/max.png) no-repeat 0px 0px;
}

.panel-tool-restore {
    background: url(/Resource/images/huanyuan.png) no-repeat 0px -0px;
}

.validatebox-readonly {
    background-color: #fcfcfc;
}

.combo .validatebox-readonly {
    background-color: transparent;
}

.checkbox {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ff8722;
}

.radiobutton {
    border: 2px solid #ff8722;
}

.checkbox-checked {
    background: #ff8722;
}

.radiobutton-inner {
    background: #ff8722;
}

.txt-indent10 input {
    text-indent: 10px;
}

.cktip {
    padding: 0px 20px;
    min-width: 200px;
    color: #fff;
}

    .cktip span:first-child {
        color: #f6db04;
    }
/*easyui默认样式结束*/
/*首页面样式*/
#home_cx .panel-title {
    line-height: unset;
    text-indent: 6px;
}

#home-north {
    border-bottom: solid 10px #f6f6f6;
}

    #home-north .home-btns {
        display: flex;
        width: 100%;
        height: 100px;
    }

    #home-north .home-btn {
        flex: 1;
        text-align: center;
        border: solid 10px #fff;
        cursor: pointer;
        padding-top: 15px;
    }

        #home-north .home-btn .home-btn-title {
            color: white;
            text-align: left;
            margin-left: 10px;
            font-size: 16px;
            font-weight: 500;
        }

        #home-north .home-btn .home-btn-titlemore {
            color: white;
            text-align: left;
            margin-left: 10px;
            font-size: 12px;
            margin-top: 8px;
            overflow: hidden;
            white-space: nowrap;
        }

        #home-north .home-btn i {
            color: white;
            font-size: 40px;
            text-align: right;
            display: block;
            margin-right: 5px;
            opacity: 0.5;
            margin-top: -53px;
        }

.home-btn-area {
    display: table-cell;
    width: 50%;
    border-bottom: solid 10px #f6f6f6;
}

    .home-btn-area .home-title {
        line-height: 35px;
        border-bottom: 1px solid #f6f6f6;
        color: #76838f;
        text-indent: 15px;
    }

    .home-btn-area .home_option-btn {
        text-decoration: none;
        color: #f2f2f2;
        padding: 2px 5px;
        font-size: 14px;
        font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
        font-weight: bold;
        border-radius: 3px;
        cursor: pointer;
    }

        .home-btn-area .home_option-btn:hover {
            color: #f2f2f2;
        }

    .home-btn-area #daibanList a {
        cursor: pointer;
    }

    .home-btn-area .home_daiban {
        float: left;
        width: 40%;
        margin-left: 20px;
    }

    .home-btn-area .home_daibantxt {
        color: red;
        font-weight: 600;
    }


    .home-btn-area .home-btns {
        display: table;
        width: 100%;
        height: 150px;
    }

    .home-btn-area .home-btn {
        background-color: #f1f4f5;
        height: 40px;
        text-align: center;
        display: table-cell;
        border: solid 10px #fff;
        cursor: pointer;
        padding-top: 15px;
        width: 25%;
    }

        .home-btn-area .home-btn:hover {
            background-color: #e5e8e9;
        }

        .home-btn-area .home-btn i {
            font-size: 50px;
        }

        .home-btn-area .home-btn div {
            margin-top: 10px;
            font-size: 16px;
            color: white;
        }

#home_note li {
    line-height: 28px;
    padding-left: 20px;
}

    #home_note li a {
        margin-left: 5px;
        color: #76838f;
    }

    #home_note li label {
        margin-left: 10px;
        color: #aaa4a4;
    }

#homenote_title {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#homenote_time {
    line-height: 20px;
    font-size: 12px;
    color: #aaa4a4;
    text-align: center;
    border-bottom: dotted 1px #ccc;
}

#homenote_content {
    padding: 5px;
}

.layui-anim-downbit {
    background-color: #004C66
}

    .layui-anim-downbit .label {
        color: #ffe200;
    }
/*首页面样式结束*/

/*维修类首页*/
.home-wx-info {
    display: flex;
    width: 100%;
}

.home-wx-info-flex {
    flex: 1;
    height: 105px;
}

    .home-wx-info-flex .home-wx-info-md-num {
        background-color: #5494FE;
        background-image: linear-gradient(to right, #5494FE, #79BFFD);
    }

    .home-wx-info-flex .home-wx-info-kh-num {
        background-color: #E9687C;
        background-image: linear-gradient(to right, #E9687C, #EF9B5F);
    }

    .home-wx-info-flex .home-wx-info-cl-num {
        background-color: #E9C004;
        background-image: linear-gradient(to right, #E9C004, #E6CF5F);
    }

    .home-wx-info-flex .home-wx-info-tc-num {
        background-color: #4BD298;
        background-image: linear-gradient(to right, #4BD298, #A3E263);
    }

.home-wx-info-flex-detail {
    border-radius: 6px;
    height: 100%;
    margin: 5px;
}

.home-wx-info-flex-detail-left {
    float: left;
    position: absolute;
}

.home-wx-info-flex-detail-right {
    float: right;
    line-height: 105px;
}

.home-wx-btn-area {
    border-top: solid 10px #f6f6f6;
}

    .home-wx-btn-area .home-wx-title {
        margin: 10px;
    }

.home-wx-client-grid .panel-header {
    height: 40px;
}

.home-wx-client-grid .panel-title {
    line-height: 40px;
}

.home-wx-client-grid td[field=RingCompare] div {
    padding-right: 22px;
}

.home-wx-info-left {
    border-right: solid 10px #f6f6f6;
}

.home-wx-info-left-radius {
    border-radius: 5px;
}
/*维修类首页结束*/

.wechatbtn {
    color: black;
    background-image: url(/Resource/images/weixin.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    text-indent: 6px;
    background-color: white;
    border: 1px solid #ccc;
}

    .wechatbtn:hover {
        color: black;
        background-image: url(/Resource/images/weixin.png);
        background-position: 5px center;
        background-repeat: no-repeat;
        text-indent: 6px;
        background-color: #faf5f5;
        border: 1px solid #ccc;
    }

.text-orange {
    color: #ff7a22;
}

.uploadimg-tip {
    border: solid 1px #ccc;
    position: relative;
}

    .uploadimg-tip > div {
        background-size: 100% 100%;
        position: absolute
    }

    .uploadimg-tip::before {
        content: "请上传图片";
        font-size: 16px;
        width: 100%;
        text-align: center;
        opacity: 0.25;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }