@charset "utf-8";

/*Disecool By Dzika*/
::-moz-selection{color:#fff;background:#8BC34A}
::selection{color:#fff;background:#8BC34A}
body{background: #f8f8f8;}
div{box-sizing: border-box;}
a{ color: #428bca}
a:hover,a:focus {color: #2a6496}
ol,ul {list-style: none;}   
i,em{font-style:normal}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #bbb}
input:-moz-placeholder, textarea:-moz-placeholder {color:#bbb}
input::-moz-placeholder, textarea::-moz-placeholder {color:#bbb}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb}
.allcenter{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto}
.mt20{ margin-top: 20px}
.mt10{ margin-top: 10px}
.ml10{margin-left: 10px;}
.bgw{background: #fff;}
.hide{display: none;}
.show{display: block;}

.fl{float: left;}
.fr{float: right;}
.flex{display: flex;}
.flex-c-c{justify-content: center; align-items: center;}
.flex-sb-c{ justify-content: space-between; align-items: center;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}
.flex-row-wrap{flex-flow:row wrap;}
.flex-a-c{align-items: center;}
.full-height{width: 1px; position: fixed; left: 0; top: 0; bottom: 0;}

.admin-left{width: 60px; background: #3f4760; height: 100vh; position: relative; margin-top: -5px; padding-right: 5px;}
.admin-right{width: 100%; background: #f8f8f8; float: right; height: 100%; padding-left: 60px; box-sizing: border-box;}
.admin-left .nav-menu{padding-top: 0px; position: relative;}
.admin-left .nav-menu span{margin-top: 10px; cursor: pointer;}
.admin-left .nav-menu .fa{color:#9397a9; font-size: 20px;}
.admin-left .nav-menu .fa:hover{color:#fff;}
.admin-left .nav-menu p.layui-this .fa{color:#1E9FFF}
.admin-left .nav-user{width: 60px; position: absolute; left: 0; bottom: 30px;}
.admin-left .nav-user img{width:30px; height: 30px; border-radius: 5px; border:#fff solid 2px}
.admin-left .nav-user p.off{width: 35px; height: 35px; background: cornflowerblue; border-radius: 50%; margin-top: 20px;}
.admin-left .nav-user .fa{font-size: 20px;}
.layui-layout-admin .layui-body{ top:0px; bottom: 0; left: 60px;}
.layui-body{ background: #f1f1f1; overflow: hidden}


/*TAB选项*/
.layui-body .layui-tab{margin:0;}
.layui-body .layui-tab .layui-tab-title{flex: 1;}
.layui-tab-content.dc-iframe-body{width: 100%; padding:0;background:#f1f1f1; clear: both;}

.tab-action{position: fixed; top: 0; right: 5px;}
.tab-action .refresh{width: 35px; border-right: #ddd solid 1px; font-weight: 700;}
.tab-action .refresh i{color:#1E9FFF; cursor: pointer;}
.dc-tabmore{position:relative; z-index:99999999; color:#999; width:33px; height:40px; line-height:40px; text-align:center;border-bottom:1px solid #e6e6e6; float: left; }
.dc-tabmore .layui-nav{ background-color:#fff;}
.dc-tabmore .layui-nav .layui-nav-item{ line-height:38px; width:33px}
.dc-tabmore .layui-nav .layui-nav-item a{ color: #333; padding:0}
.dc-tabmore .layui-nav .layui-nav-item a:hover, .dc-tabmore .layui-nav .layui-this a{ color:#000; background-color:#f9f9f9}
.dc-tabmore .layui-nav .layui-nav-item dd a{ padding:0 15px }
.dc-tabmore .layui-nav .layui-nav-more{ display:none}
.dc-tabmore .layui-nav .layui-nav-child{ left:auto; top:39px; right:-1px}

#tabBody{background-color:#fff; border-right:1px solid #e6e6e6; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02); width: 100%;}
#tabBody li{ padding:0 8px 0 18px; color:#666}
#tabBody li:after{ content:""; height:100%; width:1px; background:#f5f5f5; position:absolute; right:-1px; z-index:-1}
#tabBody li:before{content:"";height:1px;width:100%;background:rgba(230, 230, 230, 0.5);position:absolute;right:0;bottom:-1px}
#tabBody li:hover{ background:#f9f9f9}
#tabBody li.layui-this:before {content:"";width:100%;background:#3f4760;height:2px;position:absolute;left:0;top:1px}
#tabBody.layui-tab-title li .layui-tab-close{ margin-left:3px}
#tabBody li.layui-this{ color:#222; background: #f2f2f2;}
#tabBody li:first-child{ min-width:60px; height:40px; line-height:40px; background-color:#fff; padding:0;}
#tabBody li:first-child:after{ left:inherit; right:-1px}
#tabBody li:first-child .layui-tab-close{ display:none}
#tabBody .layui-tab-bar{ right:33px; width:33px; border-right:0; }

.dc-body{background: #f2f2f2; height: 100vh; display: flex; padding: 10px; }
.dc-body .nav-box{width: 160px; background: #f2f2f2; height: 100%; border-right: #ddd solid 1px; padding-right: 10px;}
.dc-body .main-box{flex:1; background: #fff;}
.dc-body .main-box .container{width: 100%; display: flex; height: 100%;}
.dc-body .main-box .dc-title{width: 100%; height: 50px; border-bottom: #eee solid 1px; padding:0 10px}
.dc-body .main-box .dc-title .tit{font-size: 18px;}
.dc-body .main-box .dc-title .sub{font-size: 14px;}
.dc-body .main-box .dc-list-title{padding:10px 10px 0 10px}
.dc-body .main-box .dc-list-table{padding:0 10px;}

/*首页*/
.ibox{width: 100%;}
.ibox .worker{padding:10px 0}
.ibox .worker .avatar{width: 100px;}
.ibox .worker .name{flex: 1;}
.ibox .worker .name p{color:#999}
.ibox .worker .name p.name{font-size: 26px; color:#222; margin-bottom: 10px;}
.ibox .worker .name p span{color:#666; margin-right: 10px;}
.ibox .worker img{width: 80px; height: 80px; border-radius: 50%;}
.ibox .todo{padding:10px 0; margin-top: 10px;}
.ibox .todo .item{width: 125px; height: 70px; border:#ddd solid 1px; box-shadow: #eee 2px 2px 5px 2px; border-radius: 3px;}
.ibox .todo .item i{color:#666}
.ibox .todo .item i.fa{font-size: 20px; color:#f90}
.ibox .todo .item i.num{color:#f20; margin-top: 5px; font-size: 24px;}
.ibox .todo .item span{color:#ccc; margin-top: 3px;}

.ibox .quick-menu{padding-bottom: 0}
.ibox .quick-menu .item{width: 125px; height: 80px; border:#ddd solid 1px; box-shadow: #eee 2px 2px 5px 2px; border-radius: 3px; margin: 10px 0;}
.ibox .quick-menu .item i{font-size: 25px; margin-top: 5px;}
.ibox .quick-menu .item i.fa-suitcase{color:#f40}
.ibox .quick-menu .item i.fa-pencil-square{color:#1e9fff}
.ibox .quick-menu .item i.fa-send{color:rgb(189, 159, 26)}
.ibox .quick-menu .item i.fa-address-book{color:rgb(85, 121, 19)}
.ibox .quick-menu .item i.fa-cloud{color:rgb(56, 145, 172)}
.ibox .quick-menu .item i.fa-bell{color:#f90}
.ibox .quick-menu .item i.fa-rss-square{color:rgb(71, 62, 192)}
.ibox .quick-menu .item i.fa-cog{color:rgb(110, 56, 106)}
.ibox .quick-menu .item span{color:#bbb; margin-top: 5px;}

.ibox .schedule{width: 100%; border: #eee solid 1px; box-shadow: #f8f8f8 1px 1px; height: 50px; padding-right: 10px; margin: 5px 0 10px 0;}
.ibox .schedule .time{flex:1; display: flex; align-items: center;}
.ibox .schedule .time span{display: inline-block; padding: 5px 10px; color:#1e9fff; font-weight: bold; font-size: 18px;}

.ibox .notice{border-bottom: #eee solid 1px; padding: 10px 0;}
.ibox .notice .time{height: 30px;}
.ibox .notice .time span.time{font-size: 20px;}
.ibox .notice .desc{font-size: 14px;}
.ibox .nodata{height: 100%;}
.ibox .nodata i{font-size: 30px; color:#999}
.ibox .nodata span{color:#bbb; margin-top: 15px;}

/*工作日志*/
.worklog-list{width: 900px; border-right: #ddd solid 1px;}
.worklog-detail{flex: 1; background: #f8f8f8;}
.worklog-view{width: 90%; margin: 20px auto; background: #fff; min-height: 95%; display: none;}
.worklog-view .view-header{width: 100%; height: 120px; background: #1E9FFF; position: relative; color:#fff; padding:20px}
.worklog-view .view-header p{margin-top:2px}
.worklog-view .view-header p.name{font-size: 26px;}
.worklog-view .view-header p.time{font-size: 14px;}
.worklog-view .view-header .date{position: absolute; top: 0; right: 0; background: rgba(0,0,0,.4); padding:10px 15px; font-size: 20px; color: #f90;}
.worklog-view .view-header .avatar{width:60px; height:60px;position: absolute; bottom: -30px; right: 30px;}
.worklog-view .view-header .avatar img{width: 100%; height: 100%; border-radius: 50%;}
.worklog-view .view-detail{padding:20px 10px}
.worklog-view .view-detail .content{padding:20px; font-size: 14px;}
.worklog-view .view-detail .content p{font-size: 14px; line-height: 20px;}
.worklog-view-tip{width: 100%; height: 70%;}
.worklog-view-tip i{font-size: 70px; color:#1e9fff}
.worklog-view-tip p{font-size: 16px; color:#999; margin-top:15px}

/*分类管理*/
.cate-group{width:160px; border-right: #ddd solid 1px; background: #f8f8f8;}
.cate-group ul{margin-top: 10px;}
.cate-group ul li{width:120px; border:#ddd solid 1px; height: 35px; line-height: 35px; text-align: center; margin-top: 10px; cursor: pointer;}
.cate-group ul li.sed{border:#1e9fff solid 1px; color:#1e9fff}
.cate-list{flex:1}

/*个人设置*/
.profile-show{width: 400px; height: 100%; border-right: #f2f2f2 solid 10px;}
.profile-edit{flex: 1;}
.profile-show .profile-avatar{padding:30px 0}
.profile-show .profile-avatar p{font-size: 26px; font-weight: 400;}
.profile-show .profile-info{padding:20px 60px}
.profile-show .profile-info .item{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center;}
.profile-show .profile-info .item i{color:#999}

/*个人日程*/
.schedule-list{width: 100%;}

/*头像列表*/
.avatar-box{width: 100%; display: flex; justify-content: flex-start; flex-flow: row wrap;}
.avatar-box .item{width: 80px; padding: 10px;}
.avatar-box .item img{width: 60px; height: 60px; border-radius: 50%;}
.avatar-box .item p{font-size: 14px; margin-top: 5px; color:#999}

/*文件管理*/
.file-box{width: 100%; padding:10px; background: #f5f5f5;}

/*表格表单*/
.table-form{font-size:14px}
.table-form td{padding-left:12px}
.table-form th{font-weight:normal; text-align:right;padding-right:10px; color:#999}
.table-form td label{ vertical-align:middle}
.table-form td,.table-form th{padding:10px 0 10px 10px}
.table-form td.tit{text-align:right; color:#999}
.table-form tbody td,.table-form tbody th{border-bottom:1px solid #eee; }
.table-form .t{background:#eee; height:10px;padding:4px 0 4px 8px}
.table-form .indent{text-indent:10px;}

/*上传进度条*/
.upload-progress{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .4); display: none;}
.upload-progress .progress-box{background: #fff; padding:10px 0; width: 60%;}

/*锁屏*/
.lock{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); z-index: 9999; display: flex; justify-content: center; align-items: center;}
.lock .lock-list{display: flex; justify-content: space-around;}
.lock .lock-list .lock-item{width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; color:#fff; margin:0 25px; border-radius: 50%; background: #1e9fff; cursor: pointer;}
.lock .lock-list .lock-item i{font-size: 40px;}
.lock .lock-list .lock-item:hover{background: #f90;}

/*重写LAYUI*/
.layui-table-view .layui-table[lay-size=lg] th .layui-table-cell {height: 45px}
.layui-table-edit:focus{border-color: #f00!important}
.layui-btn-green{background: #5FB878;}
.layui-btn-purple{background: #e073f8;}
.layui-btn-grey{background: #e2e2e2; color: #555;}
.layui-btn-grey:hover{color: #333;}
.layui-btn-lb{background: #23b4c4;}
.layui-btn-by{background: #b9bc64;}
.layui-btn-white{background: #fff; color: #555; border:#eee solid 1px}
.layui-btn-white:hover{color: #333;}
.layui-table-tool{width: 100%;padding: 15px 15px 0 0;height: 61px;text-align:right}
.dc-table-tool{position: absolute;left:25px;bottom:16px}
.dc-table-tool .layui-btn-primary{ border-color:#e6e6e6}
.dc-table-tool .layui-btn-primary:hover{border-color:#e6e6e6}
.dc-table-tool .layui-btn-primary:first-child{ border-left:1px solid #e6e6e6}
.layui-table-page{display: flex; justify-content: flex-end;}
.layui-table-page{ height:40px; padding:8px 5px 0; background-color:#fafafa; border-color:#f5f6f7}
.layui-table-page .layui-laypage {float:right}
.layui-menu li{line-height: 23px; padding:3px 10px}
.layui-menu .layui-menu-item-checked, .layui-menu .layui-menu-item-checked2 {
    background-color: #009999!important;
    color: #fff;
}
.layui-menu .layui-menu-item-checked:after {display: none;}

/*其他*/
.inps{width:240px; height:35px; line-height:35px; border:#ddd solid 1px; box-shadow:2px 2px 2px #eee; border-radius:3px; text-indent:5px}
.inps.select{background: url(../images/common/input_bg.gif) no-repeat right #fff}
.inps.date{background: #fff url(../images/common/input_date.png) no-repeat right 3px; height:30px; line-height:30px}
.inptxt{width:400px; line-height:22px; border:#ddd solid 1px; box-shadow:2px 2px 2px #eee; border-radius:3px;padding:5px}
.inps:focus{border:#7c7 solid 1px; box-shadow:2px 2px 2px #e7fee7}
.txt{width:400px; line-height:22px; border:#ddd solid 1px; box-shadow:2px 2px 2px #eee; border-radius:3px;padding:2px 8px; min-height: 80px}
.txt:focus{border:#7c7 solid 1px; box-shadow:2px 2px 2px #e7fee7}
.inps::-webkit-input-placeholder,.txt::-webkit-input-placeholder{color:#aaa;}
.btn{width: auto; height: 38px; line-height: 38px; padding:0 12px; border-radius: 2px; background: #2a6496; border:none; color:#fff; cursor: pointer;}

a.choose{color:#06F; margin-left:10px} 
span.red{color:#f00}
span.grey,span.tip{color:#999}

.layui-layer-btn-dc{border-top:#ddd solid 1px;background: #f5f5f5; text-align: left!important}
.layui-layer-btn-dc a{height: 40px!important; line-height: 40px!important; padding:0 20px!important; font-size: 16px!important}
.layui-form-select dl{z-index:9999}

.layui-icon.font-20{font-size:15px;}
.layui-icon.font-22{font-size:22px;}
.layui-icon.del{color:#f60}
.layui-icon.edit{color:#09F}
.layui-icon.mag{color:#888}
.layui-icon.green{color:#090}
.layui-icon.blue{color:#09F}


/*多级选择*/
.layui-input-block{margin-left: 0;}
.layui-input-block>i{position: absolute; top: 10px; right: 10px; cursor: pointer;}
.urp-cascader-content{white-space: nowrap; background: #fff; border: 1px solid #e4e7ed; border-right: 0px; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);    position: absolute; left: 0px; top: 100%; margin-top: 12px;}		
ul.urp-cascader-child{display: inline-block; vertical-align: top; height: 204px; overflow: auto; border-right: 1px solid #e4e7ed; background-color: #fff; box-sizing: border-box; margin: 0; padding: 6px 0; min-width: 135px;}
ul.urp-cascader-child>li>i{float: right;}
ul.urp-cascader-child>li{font-size: 14px; padding: 8px 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #606266; height: 34px; line-height: 1.5; box-sizing: border-box; cursor: pointer; outline: none;}
ul.urp-cascader-child li.active{color: #409eff;}
ul.urp-cascader-child>li:hover{background-color: #f5f5f5;}
.layui-form-item{width: 350px;display: inline-block;}
ul.urp-cascader-child:first-of-type:after{content: "";position: absolute; top: -5px; left: 35px; z-index: -1; display: inline-block; width: 10px; height: 10px;   background-color: #fff; transform: rotate(45deg); border: 1px solid #e4e7ed;}

span.tip{margin-left:10px}

#dc-body{background:#f5f5f5; position: relative; padding:10px 10px 10px 250px; box-sizing: border-box;}
#dc-body .left{width: 230px; position: absolute; left: 10px; top: 10px;}
#dc-body .right{background:#fff; padding:10px; box-sizing: border-box;}
/*首页*/