/*头部右侧背景色 headerRightBg */
.layui-layout-admin .layui-header {
    background-color: #ffffff !important;
}

/*头部右侧选中背景色 headerRightBgThis */
.layui-layout-admin .layui-header .layuimini-header-content>ul>.layui-nav-item.layui-this,
.layuimini-tool i:hover {
    background-color: #e4e4e4 !important;
}

/*头部右侧字体颜色 headerRightColor */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
    color: rgba(107, 107, 107, 0.7);
}

/**头部右侧下拉字体颜色 headerRightChildColor */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
    color: rgba(107, 107, 107, 0.7) !important;
}

/*头部右侧鼠标选中 headerRightColorThis */
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
    color: #565656 !important;
}

/*头部右侧更多下拉颜色 headerRightNavMore */
.layui-header .layui-nav .layui-nav-more {
    border-top-color: rgba(160, 160, 160, 0.7) !important;
}

/*头部右侧更多下拉颜色 headerRightNavMore */
.layui-header .layui-nav .layui-nav-mored,
.layui-header .layui-nav-itemed>a .layui-nav-more {
    border-color: transparent transparent rgba(160, 160, 160, 0.7) !important;
}

/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
.layui-header .layui-nav .layui-nav-child dd.layui-this a,
.layui-header .layui-nav-child dd.layui-this,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
    background-color: #273eae !important;
    color: #ffffff !important;
}

/*头部缩放按钮样式 headerRightToolColor */
.layui-layout-admin .layui-header .layuimini-tool i {
    color: #565656;
}

/*logo背景颜色 headerLogoBg */
.layui-layout-admin .layuimini-logo {
    /* background-color: #192027 !important; */
    background-color: #fff !important;
}
@media (min-width:1025px){
    .layui-layout-admin .layuimini-logo {
        /* background-color: #192027 !important; */
        background-color: #273eae !important;
    }
}

/*logo字体颜色 headerLogoColor */
.layui-layout-admin .layuimini-logo h1 {
    color: rgb(191, 187, 187);
}

/*左侧菜单更多下拉样式 leftMenuNavMore */
.layuimini-menu-left .layui-nav .layui-nav-more,
.layuimini-menu-left-zoom.layui-nav .layui-nav-more {
    border-top-color: rgb(191, 187, 187);
}

/*左侧菜单更多下拉样式 leftMenuNavMore */
.layuimini-menu-left .layui-nav .layui-nav-mored,
.layuimini-menu-left .layui-nav-itemed>a .layui-nav-more,
.layuimini-menu-left-zoom.layui-nav .layui-nav-mored,
.layuimini-menu-left-zoom.layui-nav-itemed>a .layui-nav-more {
    border-color: transparent transparent rgb(191, 187, 187) !important;
}

/*左侧菜单背景 leftMenuBg */
.layui-side.layui-bg-black,
.layui-side.layui-bg-black>.layuimini-menu-left>ul,
.layuimini-menu-left-zoom>ul {
    /* background-color: #28333E !important; */
    background-color: #273eae !important;
}

/*左侧菜单选中背景 leftMenuBgThis */
.layuimini-menu-left .layui-nav-tree .layui-this,
.layuimini-menu-left .layui-nav-tree .layui-this>a,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this,

.layuimini-menu-left-zoom.layui-nav-tree .layui-this,

.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this
 {
    background-color: #273eae !important
        /* background-color: #1E9FFF !important */
}
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a,
.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a,
.layuimini-menu-left-zoom.layui-nav-tree .layui-this>a
{
    background-color: #2339a3 !important
}

/*左侧菜单子菜单背景 leftMenuChildBg */
.layuimini-menu-left .layui-nav-itemed>.layui-nav-child {
    /* background-color: #0c0f13 !important; */
    background-color: #273eae !important;
}

/*左侧菜单字体颜色 leftMenuColor */
.layuimini-menu-left .layui-nav .layui-nav-item a,
.layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
    /* color: rgb(191, 187, 187) !important; */
    color: #fff !important;
}

/*左侧菜单选中字体颜色 leftMenuColorThis */
.layuimini-menu-left .layui-nav .layui-nav-item a:hover,
.layuimini-menu-left .layui-nav .layui-this a,
.layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover,
.layuimini-menu-left-zoom.layui-nav .layui-this a {
    /* color: #ffffff !important; */
    background: #2339a3;
}

/**tab选项卡选中颜色 tabActiveColor */
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
    background-color: #273eae;
}

.menu-dd
{
    padding: 0 30px;
    box-sizing: border-box;
}
.menu-dd a
{
    /* background-color: #2339a3; */
    padding: 0 15px !important;
    border-radius: 20px;
    margin: 5px 0;
}
.menu-dd a:hover
{
    background: #2339a3 !important;
}

.my-left-top{
    display: none;

}
.layuimini-mini .my-left-top{
    display: none;
}

@media (min-width:1025px) {

    .layuimini-all .layui-layout-admin .layui-side,
    .layuimini-all .layui-layout-admin .layui-logo {
        width: 280px;
        background-color: #273eae;
    }

    .layuimini-all .layui-body {
        width: calc(100% - 280px);
        left: 280px;
    }

    .layuimini-all .layuimini-tool {
        left: 315px;
    }

    .layuimini-all .layui-layout-left {
        left: 375px !important;
    }

    .layuimini-all .layui-nav-tree {
        width: 280px;
    }
    .layuimini-mini .layuimini-logo{
        background-color: #fff !important;
    }
    .layuimini-all .layuimini-logo img{
        display: none;
    }
    .my-left-top {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 40px 25px 0;
        box-sizing: border-box;
        /* background: #fff; */
        position: relative;
        color: #fff;
    }
    .my-left-top::before{
        position: absolute;
        content:'';
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        /* background: url("/images/left-top-bg.png") no-repeat; */
        background-position: centern -60px;
        background-size: 100%;
        z-index: 0;
        background-color: #273eae;
    }
    .my-left-top *{
        position: relative;
    }

    .layuimini-mini .my-left-top img{
        width: 60px;
        height: 60px;
        border: none;
    }
    .layuimini-mini .my-left-top h1{
        display: none;
    }
    .layuimini-all .layuimini-menu-left{

        /* padding-top: 270px; */
    }
    .layuimini-all .layuimini-menu-left .my-left-top{
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
    }
}

.layui-nav-itemed>.layui-nav-child{
    background-color:#fff!important;
}
.popup-tips.layui-layer-tips .layui-layer-content{
    border-radius: 10px;
}

.myIcon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.myIcon1
{
    width: 0;
    height: 0;
    display: none;
}
.my-left-top:hover {
    color: #fff;
}

.my-left-top img {
    width: 120px;
    height: 120px;
    border-radius:50%;
    /* border: 8px solid rgba(255,255,255,.5); */

}

.imgbg
{
    width: 126rpx !important;
    height: 126rpx !important;
    border-radius: 50%;
}

.my-left-top h1 {
    font-size: 20px;
    padding: 28px 0 28px;
    /* border-bottom: 1px solid #E7E9EF; */
}
.layui-nav{
    background: #fff;
}