﻿.page_head {
    /*background: url(images/topbg.gif) repeat-x !important;*/
    color: #fff !important;
    height: 75px !important;
}

.page_logo {
    /*background: url(images/topleft.jpg) no-repeat;*/
}

.page_nav {
    /*background: url(images/topbg.gif) repeat-x !important;*/
    left: 289px !important;
}

.page_nav_item {
    line-height: 75px !important;
}

.topright {
    height: 75px;
    /*background: url(images/topright.jpg) no-repeat right;*/
    float: right;
}

    .topright ul {
        padding-top: 15px;
        float: right;
        padding-right: 12px;
    }

        .topright ul li {
            float: left;
            padding-left: 9px;
            padding-right: 9px;
            /*background: url(images/line.gif) no-repeat right;*/
        }

            .topright ul li a {
                font-size: 13px;
                color: #e9f2f7;
            }

    .topright img {
        width: 16px;
    }

.user {
    height: 30px;
    background: url(images/ub1.png) repeat-x;
    clear: both;
    float: right;
    margin-right: 12px;
    border-radius: 30px;
    behavior: url(js/pie.htc);
    white-space: nowrap;
    position: relative;
    margin-top: 5px;
}

    .user span {
        display: inline-block;
        padding-right: 10px;
        background: url(images/user.png) no-repeat 15px 10px;
        line-height: 30px;
        font-size: 14px;
        color: #b8ceda;
        padding-left: 20px;
        padding-left: 35px;
        cursor: pointer;
    }

    .user i {
        display: inline-block;
        margin-right: 5px;
        font-style: normal;
        line-height: 30px;
        font-size: 14px;
        color: #b8ceda;
    }

    .user b {
        display: inline-block;
        width: 20px;
        height: 18px;
        background: url(images/msg.png);
        text-align: center;
        font-weight: normal;
        color: #fff;
        font-size: 14px;
        margin-right: 13px;
        margin-top: 7px;
        line-height: 18px;
    }

.left_page_bg {
    /*background: url(images/leftmenubg.gif) repeat-x;*/
    line-height: 35px;
    font-weight: bold;
    font-size: 14px;
    /*border-right: solid 1px #b7d5df;*/
}

.page_body .lt .title {
    /*background: url(images/leftmenubg.gif) repeat-x;*/
    line-height: 35px;
    font-weight: bold;
    font-size: 14px;
    /*border-right: solid 1px #b7d5df;*/
    color: #fff;
    width: 220px;
    height: 40px;
    background: linear-gradient(to bottom right, #fbc434 0%, #f66b4e 100%);
    border-color: #ef9f49;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

    .page_body .lt .title span {
        margin-left: 10px;
    }

    .page_body .lt .title img {
        margin-right: 5px;
        margin-bottom: 4px;
    }

.page_body .lt cite {
    display: block;
    float: left;
    margin-left: 32px;
    /*    background: url(images/list.gif) no-repeat;*/
    width: 16px;
    height: 16px;
    /*    margin-top: 12px;*/
    margin-top: -4px
}

.layui-menu .layui-menu-item-checked {
    position: relative;
    background: url(images/libg.png) repeat-x;
    line-height: 30px;
    color: #fff;
}

.left-menu li {
    padding: 0;
    margin: 0;
}

.layui-nav-bar, .layui-nav .layui-this:after {
    background-color: #fff !important;
}

a:hover {
    text-decoration: none;
}

.layui-nav-tree {
    width: 219px !important;
    height: calc(100vh - 120px);
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.layui-nav .layui-nav-item a {
    /*color: rgba(0,0,0,.7) !important;*/
}

.bottom5px {
    bottom: 5px;
}

.layui-nav .layui-badge {
    margin-top: -11px;
}

.layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a {
    /*background-color: #16b777 !important;*/
    background: linear-gradient(to left,#9853af,#623AA2);
}

.radio-ico {
    background-size: 20px;
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.lazada {
    background-image: url('images/lazada.jpg');
}

.shopee {
    background-image: url('images/shopee.jpg');
}

.tiktok {
    background-image: url('images/tiktok.png');
}

.layui-form-select {
    font-size: 12px;
}

    .layui-form-select dl dd {
        font-size: 12px;
    }

.layui-input, .layui-textarea {
    font-size: 14px;
}

.layui-table-tool-temp {
    padding-right: 0px;
}

.layui-menu-body-title {
    /*margin: 0px -15px !important;*/
}

input[type="text"], input[type="password"], select {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0px;
    text-align: left;
}

.layui-layer-lan .layui-layer-btn {
    background-color: #e2e2e2;
}

.modal-backdrop {
    opacity: 0.4;
}