body{ background: #ECEFF4;}
#header{background: #2f3c68; position: relative;}
#header:hover{background-color:#2f3c68;}
#nav{height: 40px !important; line-height: 40px;}
#nav .pull-left{}
#nav .pull-left img{height: 30px;}
#nav .pull-right .item{ position: relative;}
#nav .pull-right .avatar{ position: absolute; display: inline-block; height:30px;width:30px;border-radius: 100%; overflow: hidden;margin-top:5px;left:-30px;}
#nav .pull-right .avatar img{height:100%;}
#nav .pull-right .item span{display:inline-block;margin-left: 10px;}

.main-ucenter{font-size: 14px;}
.main-ucenter .layui-container .layui-row {display: flex;margin:0;}

.layui-form{padding:20px 0;}
.leftmenus{ background: #fff;margin:0;height:100%;outline: 1px solid #eee;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.leftmenus.layui-menu .layui-menu-item-checked,.leftmenus.layui-menu .layui-menu-item-checked2{ background: #2086ee !important;}
.leftmenus.layui-menu .layui-menu-item-checked a,.leftmenus.layui-menu .layui-menu-item-checked2 a{color:#fff;}
.leftmenus.layui-menu .layui-menu-item-checked:after{border-right: 3px solid #145495;}
.leftmenus.layui-menu li,.leftmenus  .layui-menu-body-title,.leftmenus  .layui-menu-body-title a{padding:6px 15px;}
.leftmenus.layui-menu li{border-bottom: 1px solid #eee;margin:0;}


.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#1e9fff;}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color:#1e9fff;}

.layui-btn-primary{background-color:#ffffff;}
.layui-input:focus,.layui-textarea:focus{border-color: #1e9fff !important;}
.layui-laydate .layui-this, .layui-laydate .layui-this>div{background-color:#1e9fff !important;}
.main-ucenter .title{}
.main-ucenter .leftmenus .layui-icon{display:inline-block;width: 28px; height: 28px;line-height: 28px; text-align: center;margin-right: 10px;}
.td-title{color:#003182;font-weight: bold; text-align: right;}
.td-name{color:#003182;font-weight: bold;}

.rightdesk{ background: #fff;padding:20px;min-height: calc(100vh - 500px);}
.rightdesk .layui-table a:not(.layui-btn){color:#0a92fa;}
.udesk{min-height: calc(100vh - 500px);}
.udesk .uinfo{ display: flex;padding:20px;  background: #fff;}
.udesk .uinfo .avatar{display:inline-block;height: 60px;width:60px; border-radius: 100%; overflow: hidden;margin-right: 20px;}
.udesk .uinfo .avatar img{height: 100%;}
.udesk .uinfo .infos{display:inline-block;width: calc(100% - 120px);}
.udesk .uinfo .infos .u,.udesk .uinfo .infos .c{line-height: 30px; overflow: hidden; text-align: left;}
.udesk .uinfo .u .name,.udesk .uinfo .u .email{display:inline-block;float: left;margin-right: 10px; }
.udesk .uinfo .infos .c .state_str{margin-left: 10px;}
.udesk .uinfo .infos .c .roles{margin-left: 10px;}

.udesk .uinfo .layui-icon{margin-right:5px;}

.renzheng_state_ing .layui-icon{color:#999;}
.renzheng_state_on .layui-icon,.renzheng_state_on .state_str{color:#5FB878; font-weight: bold;}
.renzheng_state_off .layui-icon{color:#FF5722;}

.udesk .cinfo{ display: flex;border-bottom: 1px dashed #efefef;padding:20px;}
.udesk .cinfo .cname{display:inline-block;height: 50px; line-height: 50px;color: #ff8041;}

.udesk .modules{ display: flex;flex-wrap: wrap;gap:10px;background: #fff;}
.udesk .modules .item{display:inline-block;height: 50px; line-height: 50px;padding:0px 20px;border: 1px solid #efefef;border-radius: 5px;font-size: 13px;}
.udesk .modules .item .layui-badge{margin-left: 5px;}

.ope_types{display: flex;gap:20px;}
.ope_types li{display: inline-block;width: calc(50% - 10px); }
.ope_types li a{ display: block; text-align: center;border:2px solid  #ff8041;color:#ff8041;padding:20px 0;font-size: 24px;border-radius: 5px;}
.ope_types li a:hover{ background-color:#ff8041;color:#fff;}

.layui-form-mid .rejoin{font-size: 12px;color: #ff8041; text-decoration: underline;}

.layui-table thead{ background: #f4f8fd;}

.lable-date{font-size: 12px;color:#777;}

.layer-content-bg{padding:40px;}
.layer-content-bg p{padding:3px 0;}
.layer-content-table{padding:0 10px;}

.layui-menu-body-title-home{}


.m-list{background: #ECEFF4;display: flex;gap: 5px; flex-direction: column;padding-bottom: 5px;}
.m-list-item{ background: #fff;font-size: 12px;padding:10px 0;}
.m-list-item p{line-height:30px;font-size: 14px;}
.m-list-item .date{color:#999;}
.m-list-item .state{ display: inline-block; float: right;}
.m-list-item .tit .layui-icon,.m-list-item .email .layui-icon,.m-list-item .tel .layui-icon{display: inline-block;width: 20px;height: 20px; text-align: center; line-height: 20px; border-radius: 100%; background: #efefef;}
.m-list-item .ope{ text-align: right;}

@media screen and (min-width: 1200px){
    .main-ucenter{}
    
    .main-ucenter .title{margin-bottom: 15px;}
    .layui-border{border-radius: 5px;}
    .pc-hide{display: none;}
}
@media screen and (max-width: 1200px){
    #header{height: auto;}
    .main-ucenter{}
    #nav .pull-left .j-menu{ position: relative;}
    #nav .pull-left .j-menu i{ position: absolute;margin-top: 10px;}
    .m-hide{display: none;}
}
@media screen and (max-width: 480px){
    #nav .pull-left .j-menu i.fa-close{color:#fff;}
    .main-ucenter{padding: 0 !important;margin-bottom:15px;margin-top: -30px;}
    .main-ucenter .layui-container .layui-row{display: block;margin:-15px;}
    .layui-border{border: 0px;}
    
    .main-ucenter .leftmenus{display: none; position: absolute;top:15px;left:0px;width: 100%;z-index: 1000;}

    .rightdesk{min-height: calc(100vh - 300px);}
    .udesk .uinfo .infos{width: calc(100% - 60px);}
    .udesk .modules .item{width:calc(50% - 5px);}

    .layui-form-item{margin-bottom: 10px;}
    .layui-form-item .layui-form-label{display: block;width: 100% !important; text-align: left;float: none;padding:9px 0;}
    .layui-form-item .layui-input-inline{display: block;margin-left: 0 !important; width: 100% !important; float: left;}
    .layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 0 !important;}
    .layui-form-item .layui-input-inline img{ max-width: 100%;}
    .layui-input-block{margin-left: 0 !important; text-align: left; width: 100% !important;}
    .layui-upload-list{overflow-x: scroll;}

    .ope_types{margin-top: 50px;}
    .ope_types li a{ font-size: 16px;}
    .m-hide{display: none;}
}