.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.c_red { color: #FF0000 !important; }
.hide { display: none !important; }
.tc { text-align:center; }

.w100{width:100px;}
.w120{width:120px;}
.w500{width:500px;}


.c_default { color:#009688 }
.c_normal { color:#1E9FFF }
.c_warm { color:#FFB800 }
.c_danger { color:#FF5722 }
.c_gray { color:#666666 }

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}

.layui-h3 {background: #f2f2f2; height:32px; line-height: 32px;position: relative; padding-left: 15px;}
.layui-h3 .layui-nav-bar {width: 5px; height: 32px; display: inline-block; background: #009688; position:absolute; top:0; left:0;}
.layui-h3 .layui-tip {margin-left: 20px; font-size: 12px; color: #009688;}   
.layui-h3 .layui-right {font-size: 12px; float: right; margin-right: 20px; color: #1E9FFF;} 

/*background:#009688;*/
.save{margin-bottom:20px;height:40px;color:#fff;border:0;width:auto;padding:0 90px 0 90px;font-weight:bold;cursor:pointer;float:left;border:none; box-shadow:none;-webkit-linear-gradient(top,#000,#fff);-moz-linear-gradient(top,#fe7700,#fff);-o-linear-gradient(top,,#fe7700,#fff);font-size:14px;}

 .layui-nav-tree .layui-nav-item a{   text-decoration: none;}
 
 /*new 20241109
 .layui-layout-admin .layui-header{background-color: #ffffff;}
 
 .layui-nav .layui-nav-item a{color: #111;}
 .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a { color: #111;}
*/

.layui-bg-black {
    background-color: #fff!important;
}
.layui-nav{background-color: #ffffff; }
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #333!important;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed .layui-nav-more {
    border-color: transparent transparent #333;
}
.layui-nav .layui-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px;
    border-top-color: rgb(3 141 240);
}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #333;
}
.layui-nav .layui-nav-item a {
    display: block;
    padding: 0 20px;
    padding-left: 30px;
    color: #fff;
    color: rgb(3 3 3 / 70%);
    transition: all .3s;
    -webkit-transition: all .3s;
}
.layui-nav-tree .layui-nav-bar {
    background-color: #038df0;
}
.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 {
    background-color: #038df0;
    color: #fff;
}
.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {
    background: 0 0;
    color: #333;
}
.layui-nav-tree .layui-nav-child a {
    height: 40px;
    line-height: 40px;
    color: #fff;
    color: rgb(45 45 45 / 70%);
}
.layui-btn {
    background-color: #038df0;
}
.layui-nav-child dd:hover {
    /*background-color: #038df0;*/
    color: #fff;
}
.layui-nav-itemed .layui-nav-child {
    background-color: rgb(245 245 245)!important;
}
.layui-layout-admin .layui-body {
    top: 80px;
    bottom: 40px;
    margin:0;
}
.layui-layout-admin .layui-header {
    background-color: #ffffff;
    border-bottom: 1px solid #3b5fc3;
}
.layui-nav-tree .layui-nav-item a:hover {
    background-color: #ffffff;
}
.layui-layout-admin .layui-side {
    border-right: 1px solid #038df0;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after
{
   background-color: #038df0;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #038df0;
}

.layui-col-xs6 {width: 33%;text-align: center;}

.layui-body { left: 210px;}