@CHARSET "UTF-8";
* {font-size:12px;font-family:'Microsoft YaHei'}
.ztree * {font-size:12px!important;}
html,
body {/*height: 100%;*/padding: 0;margin: 0;}
ul,li{list-style:none;margin: 0;padding: 0;}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix{*zoom:1;}

a{text-decoration:none;}

select:disabled{
    background-color: #f5f5f5;
    color: #3c3c3c;
}
input:read-only:not(".layui-select-title"){
    border: none;
    background-color: #f5f5f5;
    color: #3c3c3c!important;
}
input:disabled{
    background-color: #f5f5f5;
    color: #3c3c3c;
}
input[readonly]{
    background-color: #f5f5f5
}

textarea:disabled{
    background-color: #f5f5f5;
    color: #3c3c3c!important;
}


.g-hidden{display:none!important;}
.l-height5{height: 5px;}
.l-height10{height: 10px;}
.l-height20{height: 20px;}
.l-height30{height: 30px;}
.l-height40{height: 40px;}
.l-height80{height: 80px;}
.l-height50{height: 50px;}
.l-width40{width: 40px;}
.l-widthfull{width: 100%;}
.l-marl1r1{margin: 0 1px!important;}
.l-marl8r8{margin: 0 8px;}
.l-marl10r10{margin: 0 10px;}
.l-marl80{margin-left: 80px!important;}
.l-padding-l5{margin-left: 5px;}
.l-padding-l20{margin-left: 20px;}
.l-padding-l40{margin-left: 40px;}
.l-padding-l60{margin-left: 60px;}
.l-border-bottom{border-bottom: 1px solid #C3C5C6;}
/**
 * l-
 */
/*layui table样式*/
.layui-tab{
    margin: 0!important;
}
.layui-table-view{
    margin: 0 !important;
}

.l-hd{
    display: flex;
    justify-content:space-between;
    height: 50px;
    min-height: 50px;
    padding: 0 15px;
    background-color:#383d41;
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.l-hd .memu-item{
    padding:0;
    line-height: 48px;
}
.l-hd .f-flx .btn:hover{
    color: #FFFFFF;
}
/*消息提醒样式*/
.l-hd .notification-wrap,.user-tools-wrap{
    position: relative;
}
.l-hd .notification-wrap .notification{
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px 0 20px;
    cursor: pointer;
}
.item-arrows{
    position: absolute;
    top:-6px;
    right: 25px;
    width: 6px;
    border: 6px solid #fff;transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg);
}
.l-hd .memu-item .item-list-wrap,.user-tools{
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    padding: 10px 10px 0;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    color: #fff;
    z-index: 9999999999;

}
.memu-item .item-list-wrap{
    width: 480px;
}

.app-qrcode{
    display: none;
    position: absolute;
    top: 50px;
    right: 10px;
    background-color: #fff;
    border-radius: 2px;
}

.app-qrcode img{
    min-width: 180px;
    min-height: 180px;
    margin: 10px;
}

.item-list-group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.l-hd .memu-item .item-list{
    display: flex;
    align-items: center;
    line-height: 22px;
    margin: 5px 0 10px;
    cursor: pointer;
    width: 50%;
    box-sizing: border-box;
}
.notification-item-list{
    /*width:180px;*/
}
.l-hd .memu-item .item-list i{
    font-size: 18px;
}
.l-hd .memu-item .item-list span,.l-hd .memu-item .item-list i{
    color: #27282f;
}
.l-hd .memu-item .item-list span{
    margin-left: 10px;
}
.l-hd .memu-item .notification-item-list .item-list-title{
    width: 150px;
}
.l-hd .memu-item .item-list a{
    padding: 0 5px;
    color: #ff0000;
}

.l-hd .memu-item .item-list1{
    display: flex;
    align-items: center;
    line-height: 22px;
    margin: 5px 20px 10px 0;
    cursor: pointer;
}
.l-hd .memu-item .item-list1 i{
    font-size: 18px;
}
.l-hd .memu-item .item-list1 span,.l-hd .memu-item .item-list1 i{
    color: #27282f;
}
.l-hd .memu-item .item-list1 span{
    margin-left: 10px;
}
.l-hd .memu-item .item-list1 a{
    padding: 0 5px;
    color: #ff0000;
}

/*系统操作样式*/
.user-title{
    height: 50px;
    background:transparent;
    /*padding: 0 15px;*/
    padding-left: 15px;
    padding-right: 10px;
}
.user-title-iconfont{
    font-size: 11px;
    line-height: 50px;
    padding-right: 10px;
}

.user-tools{
    width: 140px;
}
.l-hd .user-title:hover{
    background-color:#27282f ;
    color: #FFFFFF;
    cursor: pointer;
}


/* LOGO */
.l-hd .memu-item .logo{height:30px;}
.l-hd .memu-item .avatar{width:35px;border-radius:50%;margin-left: 10px}
.l-hd .memu-item i{font-size:25px;}
.l-hd .memu-item .item-badge{
    display: inline-block;
    padding: 0 5px;
    min-width: 18px;
    height: 22px;
    line-height: 22px;
    background: #FF6C60;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-align: center;

}
/* */
.l-table-bg{background-color: #eee;}

.l-bd{
    /*margin: 10px 10px 50px;*/
}
/*弹框底部按钮*/
.l-ft {display: flex;justify-content: center;position: fixed;width: 100%;height: 40px;line-height: 40px;bottom: 0;background-color: #F5F5F5;}
.l-ft .u-ft-btn{min-width: 80px;height: 25px;line-height:23px;margin: auto 20px;text-align: center;border:1px solid #CCC;border-radius: 4px;cursor: pointer;}
.l-ft .btn-submit{color: #fff;background-color: #5bc0de;}
.l-ft .btn-close{background-color: #FFFFFF;}

/*分页样式*/
.u-page{
margin-right: 10px;
}
.u-page span{
    margin: 0 6px;
}
.u-page label{
    display: inline;
    margin:0;
    font-weight: normal;
}
.u-page a{
    cursor: pointer;
}
.u-page .go-page{
    position: relative;
}
.u-page .go-page-import{
    display: flex;
    justify-content: center;
    align-items: center;
    position:absolute;
    top: 20px;
    right: 0;
    width: 180px;
    height: 40px;
    border: 1px solid #a0a0a0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.u-page .go-page-import p{
    color:#9399a7;
}
.u-page .page-input{
    width: 30px;
    height: 20px;
    margin-left: 5px;
    color: #0C0C0C;
    text-align: center;
}
.u-page .page-btn{
    margin-left: 5px!important;
}
.u-icon-report{
    font-size: 16px!important;
}

/*报表内关联字段的按钮*/
/*.u-tb-cell{
    color: #fff;
}*/
.u-tb-cell-btn{
    color:#00c2de;
}
.u-tb-cell-btn:link{
    color:#00c2de;
}
.u-tb-cell-btn:visited{
    color:#00c2de;
}
.u-tb-cell-btn:hover{
    text-decoration: none;
    color:#FF0000;
}

/*顶部按钮组*/
.dropdown-menu>li>a{
    cursor: pointer;
}
/*弹框table内部按钮样式*/
.u-table-btn{
    display: inline-block;
    min-width: 80px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 4px;
    cursor: pointer;
}
/**
 */
.f-fl{float:left;} 
.f-fr{float:right;}
.f-tac{text-align: center;}
.f-tal{text-align: left;}
.f-tar{text-align: right;}
.f-vam{vertical-align: middle;}
.f-overflow-h{overflow: hidden;}
.f-display-n{display: none!important;}
.f-display-no{display: none;}
.f-visible-f{visibility: hidden}
.f-display-b{display:block!important;}
.f-fonts-14{font-size: 14px!important;}
.f-fonts-16{font-size: 16px!important;}
.f-fonts-18{font-size: 18px!important;}
.f-fonts-20{font-size: 20px!important;}
.f-fontw-600{font-weight: 600;}
.f-fontw-700{font-weight: 700;}
.f-width-100{width: 100%;}
.f-width-50{width: 50%;}
.f-z-index-0{
    z-index: 0;
}

.f-mg-auto{margin:0 auto}

.f-pst-a{position: absolute;}
.f-pst-r{position: relative;}
.f-pst-f{position: fixed;}

.f-flx{display:flex;}
.f-flx-wrap{flex-wrap:wrap;}
.f-flx-jc-start{justify-content: flex-start;}
.f-flx-jc-end{justify-content: flex-end;}
.f-flx-jc-center{justify-content: center;}
.f-flx-jc-between{justify-content: space-between;}
.f-flx-jc-around{justify-content: space-around;}

.f-c-red{color:#ff0000}
.f-c-green{color:#3CB371!important;}

/*图标颜色全局控制*/
.icon-c-green{color:#3CB371}
.icon-c-red{color:#FF4500}

.icon-pdf{color: #A52A2A}
.icon-word{color:#87CEFA}
.icon-excel{color:#3CB371}
.icon-ppt{color:#FF4500}
.icon-zip{color:#8B0000}
.icon-exe{color:#A9A9A9}
.icon-cehuixiaohewenjianjia01{color:#1E90FF;font-size: 26px}

/*操作按钮*/
.btn-wrap{
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content:space-between;
    padding: 5px 0;
    /*min-width: 500px;*/
    /*min-height: 36px;*/
    background: #FFF;
    box-sizing: border-box;
}
.btn-default {
    color: #333!important;
    background-color: #f6f6f6!important;
    border-color: #d6d6d6!important;
}
.btn-wrap .btn-left{display: flex}
/*.btn-wrap .u-btn{margin-right:10px;}*/
/*ztree 图标样式*/
.ztree li span.button.pIcon01_ico_open,.ztree li span.button.pIcon01_ico_close{margin: 0 5px!important;}
.ztree li span.button.pIcon01_ico_open{margin-right:2px; background: url(../../image/iconfont-jt.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../../image/iconfont-jt.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIcon01_ico_docu{margin-right:2px; background: url(../../image/iconfont-jt.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}

.ztree li span.button.pIconFolder_ico_open{margin-right:2px; background: url(../../image/folder-open.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIconFolder_ico_close{margin-right:2px; background: url(../../image/folder-close.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIconFolder_ico_docu{margin-right:2px; background: url(../../image/folder-close.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}

.ztree li span.button.pIconImg_ico_open{margin-right:2px; background: url(../../image/file-img.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIconImg_ico_close{margin-right:2px; background: url(../../image/file-img.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIconImg_ico_docu{margin-right:2px; background: url(../../image/file-img.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}

.ztree li span.button.pIconFile_ico_open{margin-right:2px; background: url(../../image/file-default.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIconFile_ico_close{margin-right:2px; background: url(../../image/file-default.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.pIconFile_ico_docu{margin-right:2px; background: url(../../image/file-default.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}

.ztree li span.button.groups_ico_open{margin:0 4px; background: url(../../image/groups.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.groups_ico_close{margin:0 4px; background: url(../../image/groups.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}
.ztree li span.button.groups_ico_docu{margin:0 4px; background: url(../../image/groups.png) no-repeat scroll 0 0 transparent; vertical-align:sub; *vertical-align:middle}

/*自动补全*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/*select2*/
.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-selection--multiple{
    border: solid #e6e6e6 1px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #fff!important;
    border: 1px solid #aaa !important;
}

.required{
    margin-left: 5px;
    color: #ED0707;
}
.u-radio-label,.u-checkbox-label{
    display:inline-block;
    position: relative;
    margin-top: 5px!important;
}
.u-radio{display:none}
.u-radio + .u-radio-input:before{
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.15);
    display:inline-block;
    height:18px;
    /*vertical-align:middle;*/
    width:18px;
    content:"";
    line-height:20px;
}

.u-radio:checked + .u-radio-input:before {
    border-color: #00c2de!important;
    background-color: #00c2de;
}
.u-radio:checked  + .u-radio-input:after{
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 10px;
    content:"";
    transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}
.u-checkbox.u-radio-input,.u-radio:checked + .u-checkbox.u-radio-input:after{border-radius:0}

.u-btn-36{
    padding: 0px 10px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #E6E6E7;
    min-width: 120px;
    text-align: center;
    cursor: pointer;
}

.u-btn-36.checked{
    background-color: #00c2de;
    color: #FFF;
}

.u-tb-cell{
    padding:0px 10px;
}
/*顶部LOGO区域*/
.u-logo{
    /*cursor: auto;*/
}
.subtitle{
    font-size: 14px;
}
    /*表格换行*/
/*.layui-table-cell{*/
    /*height: auto!important;*/
    /*white-space:inherit!important;*/
    /*word-break:break-all!important;*/
/*}*/
/*layer  title样式*/
.layui-layer-title{
    font-size: 12px!important;
}
/*layer日期样式*/
.layui-laydate-main{
    width: 230px!important;
}
.layui-laydate-header{
    line-height: 18px!important;
}
.layui-laydate-header i.laydate-prev-y{
    left: 5px!important;
}
.layui-laydate-header i.laydate-next-y{
    right: 5px!important;
}
.layui-laydate-header i.laydate-prev-m{
    left: 30px!important;
}
.layui-laydate-header i.laydate-next-m{
    right: 30px!important;
}
.laydate-set-ym{
    overflow:inherit!important;
}
.layui-laydate-content{
    padding: 0 5px!important;
}
.layui-laydate-content td, .layui-laydate-content th{
    padding: 0!important;
    width: 36px!important;
    height: 26px!important;
}
.layui-laydate-footer{
    height: 30px !important;
    line-height: 10px !important;
}
.laydate-footer-btns{
    top: 2px!important;
}
.layui-laydate-list>li{
    height: 28px !important;
    line-height: 28px!important;
}
.laydate-month-list>li{
    margin:14px 0!important;
}
.laydate-time-list p{
    line-height: 20px !important;
}
.laydate-time-list ol{
    height: 150px!important;
}
.laydate-time-list ol li{
    padding-left: 26px !important;
}
.layui-timeline-axis2:hover{
    color: transparent!important;
}
.layui-timeline-item:before{
    left: 4px !important;
    width: 2px !important;
}
.layui-timeline-item:before{
    background-color: #5FB878!important;
}
.layui-text h3 {
    font-size: 14px!important;
}
/*layui提示框按钮颜色*/
.layui-layer-btn .layui-layer-btn0{
    border-color: #5bc0de!important;
    background-color: #5bc0de!important;
}
/*layui tabs 底部颜色*/
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #00c2de!important;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:2px solid #00c2de!important;
}
/*layui 表格复选框*/
.layui-form-checked[lay-skin=primary] i {
    border-color: #00c2de!important;
    background-color: #00c2de!important;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color:#00c2de!important;
}
.layui-form-select dl{
    max-height: 200px !important;
}
/*报表单元格颜色*/
.u-red,.u-yellow,.u-green,.u-blue,.u-gray,.u-yellow1,.u-purple,.u-gray1,.u-blue1,.u-green1{
    display: inline-block;
    line-height: 18px;
    padding: 0 3px;
    color: #fff!important;
}
.u-red{
    background: #ff7260!important;
}
.u-yellow{
    background: #ffce50!important;
}
.u-green{
    background: #8fd56e!important;
}
.u-blue{
    background: #00c2de!important;
}
.u-gray{
    background: #8e98bc!important;
}
.u-yellow1{
    background: #f5af38!important;
}
.u-purple{
    background: #91adec!important;
}
.u-gray1{
    background: #e0e0e0!important;
}
.u-blue1{
    background: #8ecaee!important;
}
.u-green1{
    background: #9ae3e0!important;
}

.u-font-red{
    color: #ff7260!important;
}

.u-font-red a{
    color: #ff7260!important;
}
.u-font-gray{
    color: #8e98bc!important;
}
.u-font-gray a{
    color: #8e98bc!important;
}
#switch-enterprise-box{
    display: none;
}
.textbox .textbox-text{
    font-size: 12px!important;
}

.layer-msg{
    padding:10px 20px;
    height: 200px;
    overflow: auto;
}

.layer-msg-item{
    line-height: 24px;
    height: 24px;
    display: block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.layer-msg-item:hover{
    color:#EA0000;
    cursor: pointer;
}
.layui-timeline-axis2{
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #5FB878;
    color: #5FB878;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

/*按钮加颜色时必须加!important*/
.b-color-1{
    background-color: #30A89D ;
    color: white;
}
.b-color-2{
    background-color: #48affc!important;
    color: white;
}
.b-color-3{
    background-color: #fcc330!important;
    color: white;
}
.b-color-4{
    background-color: #CC0000 !important;
    color: white;
}

.b-color-5{
    background-color: #ff794e !important;
    color: white;
}
.b-color-red{
    background-color: red !important;
    color: white;
}
.textright{
    text-align: right;
    padding-right: 10px;
}
.textcenter{
    text-align: center;
}
.focusColor{
    color: red !important;
}