/**头部-配色*/

body{
    width: 100%;
    text-align: center;
    scrollbar-face-color:#4f4f4f; /*滚动条3D表面（ThreedFace）的颜色*/
    scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
    scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
    scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/
    scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */
    scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
    scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/
}


.layui-nav{background: #1F2E54;color:#fff!important;}
.layui-layout-admin{height: 120px;background: #f3f3f3;}


/**头部样式 */
.layui-layout-admin .header {position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: flex;box-shadow: 0px 2px 5px 0px rgba(197,197,197,0.25);}
.layui-header-menu,.layui-header {height:60px !important; position:relative;
    behavior: url(PIE.htc);}
.layui-header > .layui-layout-right > .layui-nav-item {height:120px !important;line-height:116px !important;}
.layui-layout-left {left:295px!important;}
.layui-nav.layui-layout-left.layui-header-menu.mobile.layui-hide-xs {font-weight:bold;transition:all .2s;}

/**头部样式（缩放） */
.layuimini-mini .layui-layout-left.layui-header-menu.layui-hide-xs {left:155px!important;}

/**logo演示（通用） */
.layui-layout-admin .layui-logo {font-weight:bold;color:#ffffff!important;width:256px;height:100px!important;line-height:100px !important;overflow:hidden;line-height:100px;transition:all .2s!important;}
.layui-layout-admin  .layui-logo img {display:inline-block;height:30px;vertical-align:middle;}
.layui-layout-admin  .layui-logo h1 {display:inline-block;margin:0 0 0 12px;color:#fff;font-weight:600;font-size:20px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle;}

.layuimini-mini .layui-nav-tree .layui-nav-item a {padding:0 38px;}



/**缩放工具（通用） */
.layuimini-tool {position:absolute!important;top:0;left:235px;width:60px;height:100%;line-height:100px;text-align:center;color:#ffffff!important;transition:all .2s;}
/**缩放工具（缩放） */
.layuimini-mini .layuimini-tool {right:24px!important;}
.layuimini-tool i {font-size: 30px;display:block;color:#3487e3;width:32px;height:32px;line-height:32px;border-radius:3px;text-align:center;cursor:pointer;position:relative;behavior: url(PIE.htc);}

/**tab选项卡 */
.layui-tab-title li cite {font-style:normal;padding-left:5px;}
#top_tabs_box>.layui-tab-title {color:#acafb1;}
#top_tabs_box>.layui-tab-title li:hover {color:#000000;}

#top_tabs_box .layui-tab-close {font-size:14px!important;font-weight:bold;width:14px!important;height:14px!important;line-height:16px!important;}
#top_tabs_box .layui-tab-close:hover {border-radius:4em;background:#f3f3f3;position:relative;behavior: url(PIE.htc);}
#top_tabs_box>.layui-tab-title>.layui-this>i:first-child {color:#3487e3;}
#top_tabs_box>.layui-tab-title li {font-size: 12px!important;border-radius: 20px;border:1px solid #999999;position:relative;behavior: url(PIE.htc);}
#top_tabs_box>.layui-tab-title .layui-this:after {display: none}
#top_tabs_box {padding-right:108px ;height:38px;}
#top_tabs_box > .layui-tab-title ,#top_tabs_box > .closeBox {height:40px !important;}
#top_tabs_box > .layui-tab-title > li ,#top_tabs_box > .closeBox > li {line-height:24px !important;margin-top:3px;padding:0 10px;margin-right:10px;}
/*#top_tabs {border-bottom:none;margin-left:18px;overflow: hidden;width: 94%;}*/
#top_tabs {position:absolute;border-bottom:none;left:17px;}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-thumb{
    background: #8f9eb3;
}
::-webkit-scrollbar-track{
    background: transparent;
}

/**多窗口页面操作下拉**/
.closeBox {position:absolute;right:15px;background-color:#fff !important;color:#000;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:0 10px !important;}
.closeBox .layui-nav-item {line-height:40px;}
.closeBox .layui-nav-item > a,.closeBox .layui-nav-item > a:hover {color:#000;}
.closeBox .layui-nav-child {top:40px;}
.closeBox .layui-nav-bar {display:none;}
.closeBox a i.caozuo {font-size:20px;position:absolute;top:1px;left:0;}
.closeBox a span.layui-nav-more {border-color:#333 transparent transparent;}
.closeBox a span.layui-nav-more.layui-nav-mored {border-color:transparent transparent #333;}

/**左侧菜单栏 (通用) */
.layui-side.layui-bg-black {transition:all .2s;}
.layui-side.layui-bg-black>.layui-left-menu{position:relative;}
.layui-side.layui-bg-black>.layui-left-menu>ul {transition:all .2s;}
.layui-left-menu .layui-nav .layui-nav-item a {height:36px;line-height:30px;padding-right:25px;}
.layui-left-menu .layui-nav .layui-nav-item>a {padding-top:5px;padding-bottom:5px;}
.layui-left-menu .layui-nav .layui-nav-child .layui-nav-child {background:0 0!important}
.layui-left-menu .layui-nav .layui-nav-more {left:15px;}

/**左侧菜单栏 (正常) */
.layuimini-all .layui-nav-itemed .layui-nav-child a ,.layuimini-all .layui-left-menu .layui-nav .layui-nav-child a{padding-left:35px;}
.layuimini-all .layui-left-menu .layui-nav .layui-nav-child .layui-nav-child a {
    padding-left:102px;
    /*margin: 5px 0;*/
}
.layuimini-all .layui-left-menu .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a {padding-left:55px;}
.layuimini-all .layui-left-menu .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {padding-left:65px;}
.layuimini-all .layui-left-menu .layui-nav .layui-nav-itemed>.layui-nav-child {
    /*padding:5px 0;*/
    background-color:transparent!important;
    margin-top:-10px;
}
/**左侧菜单栏（缩放） */
.layuimini-mini .layui-left-menu {width: 100px !important;}
.layuimini-mini .layui-side.layui-bg-black,.layuimini-mini .layui-left-menu>ul {width:100px!important;    padding: 80px 0px 0!important;}
.layuimini-mini .layui-side.layui-bg-black,.layuimini-mini .layui-left-menu>ul ,.layuimini-mini .layui-left-menu>ul li i {width:100px!important; }
.layuimini-mini .layui-left-menu>ul li span:first-child {display:none;}

.layuimini-mini .layui-left-menu .layui-nav .layui-nav-item a {height:40px;line-height:40px;padding-right:0px!important;}
.layuimini-mini .layui-layout-admin .layui-side{width: 100px;}
.layuimini-mini .layui-left-menu .layui-nav{padding: 80px 0 0!important;}
.layuimini-mini .layui-nav-item layui-nav-itemed .layui-nav-child{
    background-color: #888585;}
.layuimini-mini .layui-nav-tree .layui-nav-child dd.layui-this a,.layuimini-mini  .layui-nav-tree .layui-nav-item a{
    border-radius:0;
}
.layuimini-mini #admin-navbar-side .layui-nav-item a{
    padding-left:30px;
}
.layuimini-mini .shrink {
    height: 20px;
    width: 20px;
    right: 10px;
}
.layuimini-mini  .layuimini-tool i{
    height: 20px;
    width: 20px;
}
.layuimini-mini .layui-nav-tree .layui-this>a{border-radius: 0;}

.layuimini-mini .layui-left-menu>ul li span:last-child {float:right; right: 25px!important;border-width:4px;}
.layuimini-mini .layui-left-menu .layui-nav .layui-nav-item a {height:40px;line-height:40px;padding-right:0px!important; border-radius:0;}
.layuimini-mini .layui-side .layui-left-menu .layui-nav-item.layui-this > a{ border-radius:0;}
.layuimini-mini .layui-layout-admin .layui-side{width: 100px;}

.layuimini-mini .layui-left-menu>ul li span:last-child {float:right; right: 7px;}
.layuimini-mini .layui-left-menu .layui-nav .layui-nav-item a {height:40px;line-height:40px;padding-right:0px!important; border-radius:0;}
.layuimini-mini .layui-side .layui-left-menu .layui-nav-item.layui-this > a{ border-radius:0;}
.layuimini-mini .layui-layout-admin .layui-side{width: 100px;}

.layuimini-mini  .layui-layout .layui-nav-itemed>.layui-nav-child {
    display: block;
    padding: 0;
    background-color: rgba(0,0,0,.3)!important;
}
.layuimini-mini .layui-left-menu .layui-nav-item a{
    padding:0 0 0 30px;
}


/**内容主体（通用） */
.layui-layout-admin .layui-body {overflow:hidden;bottom:0px !important;top:60px !important;transition:all .2s;}
/**内容主体（缩放） */
.layuimini-mini .layui-layout-admin .layui-body {left:100px!important;}

/**选择配色方案 */
.layuimini-color .color-title {padding: 10px 0 10px 20px;border-bottom: 1px solid #d9dada;margin-bottom: 8px;}
.layuimini-color .color-content {padding: 0 5px 0 5px;}
.layuimini-color .color-content ul {list-style: none;text-align: center;}
.layuimini-color .color-content ul li {position: relative;display: inline-block;vertical-align: top;width: 80px;height: 50px;margin: 0 15px 15px 0;padding: 2px 2px 4px 2px;background-color: #f2f2f2;cursor: pointer;font-size: 12px;color: #666;}
.layuimini-color .color-content li.layui-this:after, .layuimini-color .color-content li:hover:after {width: 100%;height: 100%;padding: 4px;top: -5px;left: -5px;border-color: #d8d8d8;opacity: 1;}
.layuimini-color .color-content li:after {content: '';position: absolute;z-index: 20;top: 50%;left: 50%;width: 1px;height: 0;border: 1px solid #f2f2f2;transition: all .3s;-webkit-transition: all .3s;opacity: 0;}


/**其它 */
.layui-tab-item {width:100% !important;height:100% !important;}
.layui-width-height {width:100%;height:95%;}
.layui-tab {margin:0 0 0 0;z-index:99999;}
.text-center {height:30px !important;line-height:30px !important;text-align:center !important;}
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {width:0 !important;height:0 !important;}
.layui-layout-admin .layui-side {top:0px !important;}
.layui-tab-card {box-shadow:0px 0px 0px #888888;border-bottom:0;}
.clildFrame.layui-tab-content {top:0;position:absolute;bottom:0px;width:100%;padding:0px;}
* {touch-action:pan-y;}

#mCSB_1_container{
    position: static!important;
    height: 100%;
}
.mCustomScrollBox{
    height: 95%;
}

/*❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀*/
/*logo*/
.layui-logo a{
    display: flex;
    padding: 32px 32px ;
    height: 56px;
    margin:auto;
    justify-content: center;
}
.layui-layout-admin .layui-logo a img{
    display: block;
    height: 100%;
    /*width: 100%;*/
    /*margin-left: 13%;*/
}
/*导航条*/
.layui-layout-right .layui-nav-item a{
    padding:0 10px;
    line-height: 58px;
}
.layui-left-menu .layui-nav{
    /*padding:20px 0!important;*/
}
.layui-layout-admin .layui-side{
    overflow-y: hidden;
    z-index: 999;
    width: 12vw;
    background: #ffffff;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
}
.layui-side-scroll,.layui-nav-tree{
    width: 12vw;
    max-height: 867px;
    height: 100%;
    /*background: #fff url("../image/bg.png");*/
    background-repeat: no-repeat;
    background-size:auto 100% ;
}
#admin-navbar-side .layui-nav-item>a{
    padding:1px 10px 1px 44px;
}
#admin-navbar-side .layui-nav-itemed>a span{
    color: #3569FD;
}
#admin-navbar-side .layui-nav .layui-nav-more{
    /*border-color:rgba(212, 211, 211, 0.7) transparent transparent  ;*/
    /*border: 1px solid #333;*/
    width: 20px!important;
    height: 20px!important;
    border-left: none;
    border-bottom: none;
    /*transform: rotate(45deg);!*旋转角度*!*/
    background-image: url("../image/home/nav_package.png");
    background-repeat: no-repeat;
    margin-top: -20px!important;
}
#admin-navbar-side .layui-nav-itemed>a .layui-nav-more{
    border-color: transparent transparent  rgba(163, 157, 157, 0.7);
    content: '';
    display: block;
    width: 20px!important;
    height: 20px!important;
    border-top: none;
    /*border-bottom: 1px solid #1C5CFF;*/
    /*border-right: 1px solid #1C5CFF;*/
    background-image: url("../image/home/nav_package_open.png")!important;
    background-repeat: no-repeat;
    margin-top: -15px!important;
}
/*#admin-navbar-side .layui-nav-itemed>a span,#admin-navbar-side .layui-nav-itemed>a i{*/
    /*color: #3569FD;*/
/*}*/
#admin-navbar-side .layui-nav-itemed{
    padding-bottom: 1px;
    /*background: #111C39;*/
}
.layui-nav-tree{
    box-sizing: border-box;
}
.layui-body{
    left: 0;
}
ul.layui-nav .layui-nav-item a {
    color:#fff;
    text-align: left;
    padding: 0 30px 0 0;
}

.layui-nav-item a span{
    font-size:16px;
    color: #333;
    font-family: Source Han Sans CN;
}
.layui-side .layui-left-menu .layui-nav-item.layui-this a i,
.layui-side .layui-left-menu .layui-nav-item a:hover i{
    /*color:#fff!important;*/
}
.layui-side .layui-left-menu .layui-nav-item a{
    /*color:#333!important;*/
    font-size:16px;
    /*font-weight: 500;*/
}

.layui-side .layui-left-menu .layui-nav-child a:before {
    content: '';
    position: absolute;
    /*top: 5px; !* 假设需要在上方添加背景色到margin区域 *!*/
    /*right: 5px;*/
    /*bottom: 5px;*/
    left: 35px;
    top:5px;
    height: 20px;
    width: 20px;
    /*background-color: #ff0000; !* 需要显示的背景色 *!*/
    background-image: url("../image/home/nav_file.png");
    background-repeat: no-repeat;
}
.layui-side .layui-left-menu .layui-nav-item a cite{
    font-size:18px;
}
.layui-layout .layui-side .layui-left-menu .layui-nav-item a i{
    margin-right:18px;
    font-size:20px;
    display: inline-block;
}

.layui-layout .layui-side .layui-left-menu .layui-this a i{
    color:#3569FD!important;
}
.layui-layout-right *{
    font-size:16px;
}
.layui-nav-tree .layui-nav-item a{
    /*margin:18px 0;*/
    /*border-radius: 25px;*/
    overflow: hidden;
    position:relative;
    behavior: url(PIE.htc);
    color:#fff;
}
.layui-layout-right .layui-nav-item a i{
    margin-right:10px;
    font-size:22px;
    font-weight: 700;
}
.layui-side .layui-left-menu .layui-nav-item a:hover{
    background-color: #1f1f1f;
    color:#fff!important;
}
.layui-side .layui-left-menu .layui-nav-item.layui-this > a{
    color:#fff!important;
    /*border-radius: 25px;*/
}

/*user头像*/
.layui-nav .layui-nav-item a{
    color:rgba(255,255,255,1);
}
.layui-layout-right  li .avatar{
    height: 100%;
    line-height: 58px;
    padding:25px 0;
    display: inline-block;
}
.avatar img{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right:12px;
    position:relative;
    behavior: url(PIE.htc);
}
.shadow{
    box-shadow: 0px 0px 10px 1px #dbd9d9;
}
/*搜索框*/
.search{
    position: relative;
    width:30%;
    height: 56px;
    margin:32px auto;
    color:#666;
}
.search .layui-nav .layui-nav-item{
    line-height: 56px;
}
.search div{
    position:absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 56px;
    border-radius: 15px;
    behavior: url(PIE.htc);
}
.search div:after{
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 90px;
    height: 25px;
    width: 3px;
    background-color: #e3dfdf;
}
.search div ul.layui-nav .layui-nav-item a{
    width: 54px;
    font-size:18px;
    padding: 0 30px 0 16px;
}
.search input{
    font-size:20px;
    box-sizing: border-box;
    padding: 14px 80px 14px 120px;
    width:100%;
    height: 56px;
    border-radius: 15px;
    border:1px solid transparent;
    position:relative;
    behavior: url(PIE.htc);
}
.search .layui-btn{
    padding: 0 26px 0 18px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 80px;
    height: 54px;
    border: none;
    font-size:26px;
    border-radius:0 15px 15px 0;
    behavior: url("/css/PIE.htc");
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
    color:#fff!important;
}
.layui-nav .layui-nav-mored{
    /*border-color: transparent transparent #b8b8b8;*/
}
.search .layui-nav-more{
    border-top-color:rgba(102,102,102,.7);
    right: 25px;
}
.search  .layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more {
    /*margin-top: -5px;*/
    /*border-style: dashed dashed solid;*/
    border-color: transparent transparent rgba(102,102,102,.7);
}
/*菜单收缩*/
.shrink{
    display: block;
    height:32px;
    width: 32px;
    position:absolute;
    right: 5px;
    bottom: 50%;
}
.shrink .layuimini-tool {
    left: 0;
    width: 100%;
    height: 100%;
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
    /*border-radius: 25px;*/
    background-color: #E9F2FF!important;
    border-right: 1px solid #3569fd;
}
/**
 手机自适应样式
*/
@media screen and (max-width:768px) {
    #top_tabs_box {border-bottom:0px!important;}
    .layui-layout-admin .layui-body .layui-tab-item.layui-show{border-top:1px solid #e2e2e2;}
    .layuimini-mini .layuimini-tool {left:15px !important;}
    .layuimini-tool i:hover {background-color:transparent!important;}
    .layuimini-all .layui-layout-left.layui-header-menu {transition:all .2s;float:right;right:5px;}
    .layuimini-all .layui-header-menu > .layui-nav-item {float:right;right:0px;}
    .layuimini-mini .layui-layout-left.layui-header-menu {left:50px !important;transition:all .2s;}
    .layui-layout-admin .layui-nav.layui-layout-right {margin-right:15px!important;}
    .layui-layout-admin .layui-nav.layui-layout-right>li:not(.layuimini-setting) {width:40px!important;}
    .layui-layout-admin .layui-nav.layui-layout-right>li:not(.layuimini-setting) a {padding:0 15px;}
    .layuimini-mini .layui-layout-admin .layui-body {left:0px!important;}
    .layui-layout-admin .layui-body .clildFrame.layui-tab-content {top:0px!important;}
    .layui-layout-admin .layui-body .clildFrame.layui-tab-content {overflow:scroll;table-layout:fixed;word-wrap:break-word;word-break:break-all;-webkit-overflow-scrolling:touch!important;}
    .layuimini-all .layui-nav.layui-layout-right,.layuimini-mini .layui-layout-admin .layui-logo ,.layuimini-mini .layui-side.layui-bg-black,.layuimini-mini .layui-left-menu,.layui-layout-admin .layui-body #top_tabs,.layui-layout-admin .layui-body .layui-nav.closeBox{
        transition:all .2s;display:none;
    }
}
.scrollbar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.scrollbar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #f0f4ff;
}
.scrollbar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    /*border-radius: 10px;*/
    background   : #ffffff;
}

.layuimini-all .layui-left-menu .layui-nav .layui-nav-child a{
    padding-left: 60px;
    /*margin:12px 0;*/
}
.layuimini-all .layui-left-menu .layui-nav .layui-nav-child a .layui-nav-child a{
    padding-left: 50px;
}
.search-box {
    box-shadow:rgba(3, 0, 7, 0.13) 3px 0px 7px inset;
    display: flex;
    border: 1px solid #3569FD;
    width: auto;
    /*background: #fff;*/
    background: linear-gradient(90deg, #3569FD 85px, #fff);
    padding-left: 0;
    box-sizing: border-box;
    position: absolute;
    height: 31px;
    right: 218px;
    margin: 14px auto;
    color:#666;
    border-radius: 15px;
}
.search-box ul.layui-nav .layui-nav-item a{
    /*padding: 0 40px 0 26px;*/
    padding: 0 29px 0 17px;

}
.search-box .layui-nav .layui-nav-item{
    line-height: 30px;
    height: 30px;
    background: #3569FD;
    border-radius: 15px 0px 0px 15px;
}
/*.search-box:after{*/
    /*display: block;*/
    /*content: '';*/
    /*position:absolute;*/
    /*left: 96px;*/
    /*top: 6px;*/
    /*height:13px;*/
    /*width: 1px;*/
    /*background-color: #b8b8b8;*/
/*}*/

.search-btn .iconfont {
     font-size:22px;
}
.search-input {
    display: inline-block;
    width: 168px;
    border: 0;
    height: 29px;
    line-height:30px;
    font-size:14px;
    vertical-align: top;
    color:#333333;
}
.search-btn {
    background-color: #fff!important;
    width: 60px;
    vertical-align: top;
    height: 28px;
    line-height: 30px;
    color:#807878;
}
.layui-btn:hover {
    color: #807878;
}
.layui-nav-child .iconfont{
    font-size:20px!important;
}

.layui-layout-admin .layui-body{
    top: 120px;
}


#top_tabs_box{
    background-color: #f3f3f3;
}

#searchType .layui-nav-more{
    right: 18px;
    border-top-color: #fff;
}

@media screen and (max-width: 1080px) {
    .search-input {
        width: 140px!important;
    }
    .avatar img{
        height:50px;
        width: 50px;
    }
    .layui-layout-right li .avatar{
        padding:35px 0;
    }
    .layui-layout-right li .avatar{
        height: 50px;
        width: 120px;
        line-height:50px;
    }
}

/*左侧侧边栏*/
.layui-layout-admin .layui-side.active {
    box-shadow: 0px 0px 8px 2px rgb(0 0 0)!important;
}
.layui-layout.layui-layout-admin.active {
    background-color:#01112F!important;
}
.layui-layout .layui-header.header.active {
    background-color:rgba(31, 46, 84, 1)!important;
    box-shadow: -3px 0px 7px 0px rgba(0, 0, 0, 0.48)!important;
}




/*搜索*/
.layui-header .search-box.active {
    display: flex!important;
    justify-content: flex-start!important;
    align-items: center!important;
    border: none!important;
    background-color: rgba(31, 46, 84, 0.1)!important;
    box-shadow: rgb(53 105 253) -4px 0px 30px 10px inset!important;
}
/*搜索 选择*/
.layui-header .search-box .layui-nav .layui-nav-item.active {
    background: rgba(31, 46, 84, 1)!important;
    box-shadow: rgb(53 105 253) 3px 0px 20px inset!important;
}
.layui-header .search-box .layui-nav  .layui-nav-item dl.layui-nav-child.active {
    color:#fff!important;
    border-radius: 8px!important;
    border: 1px solid #1C367E!important;
    background-color: #1C367E!important;
    box-shadow: rgba(53, 105, 253,0.28) 0px 0px 10px inset!important;
}



/*搜索 输入框*/
.layui-header .search-box .search-input.active {
    height: 26px!important;
    line-height: 26px!important;
    color:#fff!important;
    background-color: rgba(31, 46, 84, 1)!important;
}
.layui-header .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#666!important;
}
.layui-header .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#666!important;
}
.layui-header .search-input:-ms-input-placeholder{
    color:#666!important;
}
.layui-header .search-input::-webkit-input-placeholder {
    color:#666!important;
}

.layui-header .search-input.change:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff!important;
}
.layui-header .search-input.change::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff!important;
}
.layui-header .search-input.change:-ms-input-placeholder{
    color:#fff!important;
}
.layui-header .search-input.change::-webkit-input-placeholder {
    color:#fff!important;
}

/*搜索 按钮*/
.layui-header .search-box .search-btn.active {
    height: 26px!important;
    line-height: 26px!important;
    background: rgba(31, 46, 84, 1)!important;
    box-shadow: rgb(53 105 253) -3px 0px 0px inset!important;
}
/*搜索 按钮图标*/
.layui-header .search-box .search-btn .iconfont.icon-sousuo.active {
    color: #3569FD;!important;
}
/*昵称*/
.layui-header .username.active {
    font-size: 16px!important;
    color:#fff!important;
}
/*退出图标*/
.layui-header .iconfont.icon-poweroff.active {
    color: #3569FD;!important;
}
/*退出*/
.layui-header .login-out.active {
    font-size: 14px!important;
    color:#fff!important;
}
/*tab栏*/
.layui-body .layui-tab.active {
    background-color:#01112F!important;
}
.layui-body #top_tabs_box #top_tabs li {
    font-size: 12px!important;
    border: 1px solid #cdcdcd;
}
.layui-body #top_tabs_box #top_tabs li.layui-this {
    font-size: 12px!important;
    color: #3569FD;
    border-color: #3569FD;
}
/*去掉input历史背景色*/
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent!important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.circle {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #d3d3d3;
    border-radius: 50%;
}
.border {
    position: absolute;
    display: inline-block;
    width: 1px;
    border: 1px solid #e1e1e1;
    background: #e1e1e1;
    margin-left: -63px;
    margin-top: -35px;
    height: 60px;
}
/*.layui-this .circle {*/
    /*background: #3569FD;*/
/*}*/