@charset "utf-8";
@import url("animate.css");
/* CSS Document */

/*** 背景颜色 ***/
.bg-primary {background-color: #0283CC !important;}
.bg-info {background-color: #07BDDA !important;}
.bg-warm {background-color: #FFb136 !important;}
.bg-danger {background-color: #E74A25 !important;}
.bg-success {background-color: #2ECC71 !important;}

.layui-fluid {padding: 15px;}

body {overflow-x: hidden; font-family: "Microsoft YaHei";}


/*** 样式优化 ***/
.layui-card .layui-tab-brief .layui-tab-content {padding: 10px 0 0;}
.show-div .select-box,.operation .select-box {border: 1px solid #DDD; box-sizing: border-box; padding: 0 5px; vertical-align: middle; display: block; margin: 10px;}
.show-div .select-box .select,.operation .select-box .select {width: 100%; border: 0; padding: 8px 5px; background: url("../images/refactoring/arrow.png") no-repeat scroll right center transparent; -webkit-appearance: none;}
.operation .select-box {margin: 0 10px 0 0;}
.operation .select-box .select {padding: 5px;}

/*** 我的案件 ***/
.myNav {}

.myCode {}
.myCode .item {padding: 20px 15px 0; overflow: hidden;}
.myCode .item i {display: inline-block; width: 36px; height: 36px; float: left; border-radius: 5px; line-height: 36px; text-align: center;}
.myCode .item .icon {font-size: 18px; color: #FFF; margin-right: 20px; background-color: #CCC; font-weight: 400; transition: all 0.25s ease;}
.myCode .item .sli-logout,.myCode .item .sli-call-out {font-size: 14px; padding: 1px 2px 0 0;}
.myCode .item .mdi-coin {font-size: 20px;}
.myCode .item .bg-primary {
    background: #1D8FF7;
    background: -moz-linear-gradient(45deg,#1D8FF7 0%,#0AF 100%);
    background: -webkit-linear-gradient(45deg,#1D8FF7 0%,#0AF 100%);
    background: linear-gradient(45deg,#1D8FF7 0%,#0AF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D8FF7', endColorstr='#0AF',GradientType=1 );}
.myCode .item .bg-info {
    background: #A85AF8;
    background: -moz-linear-gradient(45deg,#A85AF8 0%,#D668E0 100%);
    background: -webkit-linear-gradient(45deg,#A85AF8 0%,#D668E0 100%);
    background: linear-gradient(45deg,#A85AF8 0%,#D668E0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A85AF8', endColorstr='#D668E0',GradientType=1 );
}
.myCode .item .bg-success {
    background: #26C1B5;
    background: -moz-linear-gradient(45deg,#26C1B5 0%,#42E694 100%);
    background: -webkit-linear-gradient(45deg,#26C1B5 0%,#42E694 100%);
    background: linear-gradient(45deg,#26C1B5 0%,#42E694 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26C1B5', endColorstr='#42E694',GradientType=1 );
}
.myCode .item .bg-warm {
    background: #F68D5C;
    background: -moz-linear-gradient(45deg,#F68D5C 0%,#FFB726 100%);
    background: -webkit-linear-gradient(45deg,#F68D5C 0%,#FFB726 100%);
    background: linear-gradient(45deg,#F68D5C 0%,#FFB726 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F68D5C', endColorstr='#FFB726',GradientType=1 );
}

.myCode .item .bg-default {
    background: #00A2FF;
    background: -moz-linear-gradient(45deg,#00A2FF 0%,#23CCEF 100%);
    background: -webkit-linear-gradient(45deg,#00A2FF 0%,#23CCEF 100%);
    background: linear-gradient(45deg,#00A2FF 0%,#23CCEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A2FF', endColorstr='#23CCEF',GradientType=1 );
}

.myCode .item h2 {font-size: 24px; margin: 0;}
.myCode .item h2 span {margin-left: 10px;}
.myCode .item h2 b {float: left; transition: all .5s ease 0s;}
.myCode .item p,.myCode .item b {margin: 0;}
.myCode .item p {font-size: 12px;}
.myCode .item .all {width: 100%; height: 30px; line-height: 30px; display: inline-block; margin-top: 10px; border-top: 1px solid #F4F6F8;}
.myCode .item .all p {width: 100%; float: left; display: inline-block;}
.myCode .item .all .half {width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myCode .item:hover {}

.myCode .item i.bg-primary {box-shadow: 0 5px 10px rgba(29,143,247,.35);}
.myCode .item i.bg-info {box-shadow: 0 5px 10px rgba(168,90,248,.35);}
.myCode .item i.bg-success {box-shadow: 0 5px 10px rgba(38,193,181,.35);}
.myCode .item i.bg-warm {box-shadow: 0 5px 10px rgba(246,141,92,.35);}
.myCode .item i.bg-default {box-shadow: 0 5px 10px rgba(0,162,255,.25);}


/*** 搜索 ***/
.search {}
/*@media screen and (min-width: 1400px){  */
    /*.search .layui-col-md3 {width: 20%;}*/
/*}*/
.search .layui-card-header {border-color: rgba(0, 0, 0, 0.07);}
.search .layui-card-body {padding: 10px; z-index: 1;}/*display: none;*/
/*.search .search-form {display: none;}*/
.search .layui-col-space20>*{padding: 5px 10px;}
.search .layui-inline {width: 100%;}
.search .layui-form-label {width: 85px; font-size: 14px; height: 36px; line-height: 36px;}
.search .layui-input-block {margin-left: 85px;}
.search .layui-input, .layui-select{height: 36px; line-height: 36px;}
.search .layui-textarea{min-height: 82px;}
.search .layui-form-item .layui-input-inline,.search .layui-form-mid {margin-right: 0;}
.search .layui-form-mid {text-align: center; line-height: 18px;}
.search .length-label .layui-form-label {width: 105px;}
.search .length-label .layui-input-block {margin-left: 105px;}
.search .layui-btn{height: 36px; line-height: 36px;}
.search button,.button button {min-width: 50px; text-align: center; padding: 0 15px; overflow: hidden;}
.button button.layui-submit,.layuiadmin-btn-admin,.layui-submit {padding: 0 15px 0 0!important;}

.button .layui-btn i,.layui-submit i {width: 38px; height: 38px; line-height: 38px; display: inline-block; float: left; margin: 0 10px 0 0 !important; background-color: rgba(0,0,0,.05); border-radius: 3px 0 0 3px;}
.button .layui-btn-sm i,.layui-btn-sm i {width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin: 0 10px 0 0 !important;}
.button .layuiadmin-btn-admin i,.layui-btn-xs i {width: 22px; height: 22px; line-height: 22px; font-size: 12px; margin: 0 5px 0 0 !important;}


/*** 数据输入 ***/
.input-form {}
.input-form .layui-form-item,.layui-edit-form .layui-form-item {margin-bottom: 10px;}
.input-form .layui-form-label {width: 85px; font-size: 14px;}
.input-form .layui-form-label span {font-size: 12px;}
.input-form .layui-input-block {margin-left: 85px; min-height: 38px;}
.input-form .length .layui-form-label {width: 100px;}
.input-form .length .layui-input-block {margin-left: 100px;}
.input-form .length01 .layui-form-label {width: 120px;}
.input-form .length01 .layui-input-block {margin-left: 120px;}
.input-form .length02 .layui-form-label {width: 160px;}
.input-form .length02 .layui-input-block {margin-left: 160px;}
.input-form .layui-input-inline {margin: 0;}

.info-form .layui-form-label {text-align: left;}


div.layui-input,span.layui-input {line-height: 38px;}

/** 费用行距 **/
.addlist .delSpan {margin-top: 10px;}


/*** 企业信息 ***/
.company-info {margin-bottom: 50px;}
.company-info .layui-form-label {width: 120px; text-align: left;}
.company-info .layui-input-block {margin-left: 120px;}
.company-info .layui-form-item .layui-input-inline {width: 300px;}

.avatar-view {width: 130px; height: 130px; padding: 15px; background-color: #2F4056;}
.avatar-view img {width: 100px; height: 100px;}

.avatar-view {display: block; border: 5px solid #FFF; border-radius: 10px; cursor: pointer; overflow: hidden;}
.avatar-body {padding-right: 15px; padding-left: 15px;}
.avatar-upload {overflow: hidden;}
.avatar-upload label {display: block; float: left; clear: left; width: 100px;}
.avatar-upload input {display: block; margin-left: 110px;}
.avater-alert {margin-top: 10px; margin-bottom: 10px;}
.avatar-wrapper {height: 364px; width: 100%; margin-top: 15px; box-shadow: inset 0 0 5px rgba(0,0,0,.25); background-color: #FCFCFC; overflow: hidden;}
.avatar-wrapper img {display: block; height: auto; max-width: 100%;}
.avatar-preview {float: left; margin-top: 15px; margin-right: 15px; border: 1px solid #eee; border-radius: 4px; background-color: #FFF; overflow: hidden;}
.avatar-preview:hover {border-color: #ccf; box-shadow: 0 0 5px rgba(0,0,0,.15);}
.avatar-preview img {width: 100%;}
.preview-lg {height: 184px; width: 184px; margin-top: 15px;}
.preview-md {height: 100px; width: 100px;}
.preview-sm {height: 50px; width: 50px;}


/*** 安全设置 ***/
.safe-form .layui-form-label {width: 200px;}
.safe-form .layui-input-block {margin-left: 210px;}
.safe-form .layui-form-item .layui-input-inline {width: 300px; margin: 0 10px;}


/*** 组织管理 ***/
.tree-expanded,.tree-collapsed,.tree-folder,.tree-file,.tree-checkbox,.tree-indent,.tree-node,.tree-title {height: 30px !important; line-height: 30px !important;}


/*** 用户角色 ***/
.user-roles {width: 500px; margin-bottom: 15px;}
.user-roles .layui-form-label {width: 85px;}
.user-roles .select-roles {width: 400px; margin-left: 5px;}
.user-roles .select-roles li {width: 150px; height: 150px; float: left;}
.user-roles .select-roles li:nth-child(2) {width: 60px; text-align: center;}
.user-roles .select-roles .title li {height: 30px; text-align: center;}
.user-roles .select-roles .title li.name {background-color: #DDE2EC; line-height: 30px;}
.user-roles .select-roles .input-large {width: 100%; height: 150px; border-color: #DDE2EC; overflow-y: auto;}
.user-roles .select-roles .layui-btn {width: 50px; margin: 5px 5px 0;}


/** 搜索的展开收起 **/
.search .showDIv {height: 42px; color: #8D9498; margin-right: -10px;}
.search .showDIv span {width: 100%; height: 30px; float: left; font-size: 12px; line-height: 30px; padding: 0 10px; border-radius: 3px; margin-top: 6px; cursor: pointer; transition: all .15s ease-in-out; display: none; overflow: hidden;}
.search .showDIv span i {float: left; margin: 0 3px 0 0;}
.search .showDIv span.open {border-radius: 0 3px 3px 0;}


/*** 数据表格 ***/
.dataTable .layui-card-body {min-height: 400px;}
.dataTable {width: 100%; display: inline-block;}
.dataTable .layui-form-radio {margin: 0!important; padding: 0;}
.set-data {width: 100%; height: 490px; border:  1px solid #E6E6E6; border-top: none; overflow: hidden; overflow-y: auto;}
.layui-set-table {width: 100%; border: 1px solid #E6E6E6; font-size: 12px;}
.layui-set-table td {padding: 2px;}
.layui-set-table thead th {background-color: #F6F6F6; line-height: 34px;}
.layui-set-table tbody tr:nth-child(even) {background-color: #F7F7F7}
.layui-set-table .select-box {margin: 0; padding: 0 0 0 2px;}
.layui-set-table .select-box .select-color {padding: 2px;}
.set-data .layui-set-table {border: none;}

/** 下拉优化 **/
/*.layui-table-grid-down {position: absolute; right: 3px; top: 50%; margin-top: -10px; background-color: #EEE;}*/


/*** 案件列表动画 ***/
.myNav.animated {}
.myCode > div {animation:fadeIn .5s  ease-in both;}
.myCode .item:hover i {animation:flipInY .5s ease-in both,bounceIn 1s ease-in both;}
.myCode .item:hover h2 b {transform: scale(1.1) translateY(-3px) translateX(0px);}

.search .showDIv .closed:hover i {animation:bounce .5s linear both,fadeIn .5s ease-in both;}
.search .showDIv .open:hover i {animation:bounceInDown .5s linear both,fadeIn .5s ease-in both;}
.search .layui-form-item.animate {animation:fadeIn .5s .3s ease-in both;}
.dataTable {animation:fadeIn .3s ease-in both;}
.operation {margin-bottom: 10px;}
.operation .layui-btn {height: 30px; line-height: 30px; font-size: 12px;}
.operation .layui-btn i {width: 30px; height: 30px; line-height: 30px;}
.button .layui-btn:hover i {animation:fadeIn .5s ease-in both;}


/*** 催收统计 ***/
.changePage {margin: 5px 0 0; display: inline-block;}
.changePage a {height: 32px; float: left; line-height: 32px; font-size: 13px;}
.repayCode .item {padding-bottom: 25px;}

.repayCode .item .bg-info {
    background: #4FACFE;
    background: -webkit-linear-gradient(45deg, #4FACFE 0%, #00F2FE 100%)!important;
    background: linear-gradient(45deg, #4FACFE 0%, #00F2FE 100%)!important;
}
.repayCode .item .bg-default {
    background: #6A11CB;
    background: -webkit-linear-gradient(180deg, #6A11CB, #2575FC)!important;
    background: linear-gradient(180deg, #6A11CB , #2575FC)!important;
}
.repayCode .item .bg-success {
    background: #009EFD;
    background: -webkit-linear-gradient(180deg, #2AF598, #009EFD)!important;
    background: linear-gradient(180deg, #2AF598, #009EFD)!important;
}
.repayCode .item .bg-warning {
    background: #EE0979;
    background: -webkit-linear-gradient(180deg, #EE0979, #FF6A00)!important;
    background: linear-gradient(180deg, #EE0979, #FF6A00)!important;
}

.repayCode .item i.bg-default {box-shadow: 0 5px 10px rgba(37,117,252,.35);}
.repayCode .item i.bg-info {box-shadow: 0 5px 10px rgba(79,172,254,.35);}
.repayCode .item i.bg-warning {box-shadow: 0 5px 10px rgba(255,106,0,.35);}
.repayCode .item i.bg-success {box-shadow: 0 5px 10px rgba(0,158,253,.35);}

.repay-form {margin: 10px 0 20px;}
.repay-form .layui-inline {width: auto; vertical-align: top;}
.repay-form .layui-form-mid {margin: 0 10px;}


/*** 下拉菜单 ***/
.dropdown-menu {border: 1px solid rgba(255, 255, 255, .5); border-radius: 5px; font-size: 12px; box-shadow: 0 3px 12px rgba(0, 0, 0, .15)!important; padding-bottom: 5px; margin-top: 2px;}
.dropdown-menu>li>a {padding: 8px 15px; cursor: pointer;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {}
.dropdown-menu .divider {height: 1px; margin: 3px 0; overflow: hidden; background-color: rgba(0,0,0,.05);}

.layui-btn-group .dropdown {display: inline-block;}
.layui-btn-group .dropdown .layui-btn {border-radius: 0; border-left: 1px solid rgba(255,255,255,.5);}



/*** OA系统 ***/
.process-list {width: 100%; display: inline-block;}
.process-list {margin-bottom: 10px; padding-bottom: 50px; border-bottom: 1px solid #F5F5F5;}
.process-list .item {float: left; margin: 5px 10px 5px 0; position: relative; width: 200px; height: 70px;}
.process-list .item a {display: inline-block; width: 200px; height: 70px; padding: 16px; color: #333; line-height: 36px; border: 1px solid #EEE; border-radius: 5px;}
.process-list .item a i {display: inline-block; width: 36px; height: 36px; color: #FFF; text-align: center; margin:0 16px 0 0; vertical-align: middle; border-radius: 4px; background-color: #F8F8F9;}
.process-list .layui-icon-find-fill,.process-list .layui-icon-star {background: linear-gradient(135deg, rgba(255,146,62,1.0), rgba(255,122,61,1))}
.process-list .layui-icon-note,.process-list .layui-icon-set-fill,.process-list .layui-icon-file,.process-list .layui-icon-chat,.process-list .layui-icon-flag {background: linear-gradient(0deg, rgba(62,156,250,1.0), rgba(51,151,250,1))}
.process-list .layui-icon-dollar,.process-list .layui-icon-form,.process-list .layui-icon-date {background: linear-gradient(180deg, rgba(66,203,105,1.0), rgba(63,194,100,1))}
.process-list .layui-icon-refresh,.process-list .layui-icon-friends {background: linear-gradient(135deg, rgba(242,104,100,1.0), rgba(242,86,65,1))}
.process-list .layui-icon-vercode,.process-list .layui-icon-rmb,.process-list .layui-icon-log {background: linear-gradient(135deg, rgba(0,191,159,1.0), rgba(0,150,136,1.0))}
.process-list .layui-icon-location,.process-list .layui-icon-cart-simple {background: linear-gradient(135deg, rgba(255,184,0,1.0), rgba(255,150,0,1))}
.process-list .layui-icon-read,.process-list .layui-icon-app {background: linear-gradient(135deg, rgba(216,157,69,1.0), rgba(253,202,145,1))}
.process-list .item.morelink a:hover {border-radius: 0;}
.process-list .item a:hover,.process-list .showlist li span:hover {background-color: #F7F8F9; border-color: #DCDEE2;}
.process-list .item a:hover i {box-shadow:0 3px 5px #DDD;}

.process-list .showlist {position: absolute; width: 100%; bottom: 70px; background-color: #FFF; border: 1px solid #EEE; border-bottom: none; z-index: 2; display: none;}
.process-list .showlist li {width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #EEE;}
.process-list .showlist li span {display: block; height: 49px; text-indent: 24px;}


/*** 选择审批人员 ***/
.user-select .layui-button {padding: 10px 0;}
.user-list {position: relative; width: 360px; height: 340px; float: left; background: #FFF; border: 1px solid #EEE; margin-left: 20px; display: inline-block;}
.user-list .all,.user-list .list {width: 100%; float: left;}
.user-list .all {height: 35px; padding:0 15px;}
.user-list .all p {line-height: 35px;}
.user-list .list {height: 303px; margin: 0; overflow: hidden; overflow-y: auto;}
.user-list .list li {height: 40px; padding:0 15px; border-bottom: 1px solid #EEE;}

/*** 节点人员设置 ***/
.node-users {padding-top: 2px; z-index: 5;}
.node-users .button {}
.node-users .layui-btn-add {padding: 0 15px;}
.node-users .node-user-list {position: absolute; width: 262px; height: 300px; margin: 0; left: 0; top: 0; display: none;}
.node-users .userlist .layui-badge-rim {line-height: 26px; margin-bottom: 5px;}
.node-users .list {height: 200px;}
.node-users .layui-button {width: 100%; float: left; padding-top: 10px; height: 40px;}


/*** 用户列表 ***/
.user-pic-list {margin-top: 25px;}
.user-pic-list .layui-form-label {line-height: 60px;}
.user-pic-list .list {float: left;}
.user-pic-list .user-item {width: 80px; display: block; float: left; margin-bottom: 10px; text-align: center;}
.user-pic-list .user-item .user-pic {position: relative; width: 46px; height: 46px; display: inline-block;}
.user-pic-list .user-item .user-pic .layui-icon-edit,.user-pic-list .user-item .user-pic .layui-icon-close {position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px;color: #FFF; top: -3px; right: -4px; cursor: pointer; display: none;}
.user-pic-list .user-item .user-pic .layui-icon-edit {background-color: #2DB7F5;}
.user-pic-list .user-item .user-pic .layui-icon-close {background-color: #393D49; display: block;}
.user-pic-list .user-item .user-info,.user-pic-list span.gray {width:100%; float: left;}
.user-pic-list .user-item .title {display: block; width: 100%; text-align: center; font-size: 12px;}
.user-pic-list span.media-left {width: auto; float: left; margin-top: 11px; margin-right: 15px; transform:rotate(180deg);}
.user-pic-list span.media-left .layui-icon,.user-pic-list span.gray {color: #AAA;}
.user-pic-list .layui-icon {border-radius: 50%; overflow: hidden;}
.user-pic-list .user-item .layui-icon-users {width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 22px; display: inline-block; cursor: pointer;}
.user-pic-list .user-item .layui-icon-add-1 {color: #CCC; background-color: #F2F2F2;}
.user-pic-list .user-item .layui-icon-friends,.user-pic-list .user-item .layui-icon-group {color: #FFF;background-color: #1E9FFF;}
.user-pic-list .user-item .layui-badge {width:auto; height: 22px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.user-pic-list .list-more .user-item {margin-right: 20px;}
.user-pic-list .button {margin: 10px 0 0 10px;}


/*** 短信发送 ***/
.tab {border-bottom: 1px solid #E8E8E8;}
.tabItem {display: inline-block; padding: 5px 20px; cursor: pointer; border-bottom: 1px solid transparent;}
.tabItemActive {border-color: #0D9BF2;}
.templateTab {/*text-align: center;*/}
.templateTabItem {display: inline-block; width: 240px; cursor: pointer; vertical-align: top;}
.templateTabItem:not(:last-child) {margin-right: 10px;}
.templateTabItemTitleBox {text-align: center;}
.templateTabItemTitleRadio {display: inline-block; margin-right: 5px; font-size: 18px;}
.templateTabItemTitle {display: inline-block; font-size: 14px; padding: 5px 0;}
.templateTabItemContentBox {padding: 5px; border: 1px solid #bebebe; font-size: 12px; height: 110px;}
.templateTabItemActive .templateTabItemContentBox {background-color: #1E9FFF; border-color: #1E9FFF; color: #fff;}
.templateTabItemActive .templateTabItemTitleRadio {color: #1E9FFF;}


/***  ***/
.news-content {width: 90%; margin: 50px 20px 0; min-height: 480px; font-family: "SimSun";}


/**** 规则设置 ****/
.rule-slider {margin: 18px 10px 0;}
.rule-slider-tips {position: absolute; min-width: 125px; left: 195px; top: 8px;}
.rule-slider-more {position: absolute; min-width: 60px; right: -8px; top: 8px;}
.rule-slider-more a {text-decoration: underline; font-size: 12px;}



/*** 录音文本展示 ***/
.show-cont-video {height: 200px; overflow-y: auto;}
.show-cont-video audio {width: 80%; margin: 30px auto 0;}
.show-cont-video p {margin-bottom: 0;}



/*** 文件上传界面 ***/
.files .layui-button,.user-select .layui-button,.show-button .layui-button {position: fixed; width: 100%; height: auto; bottom: 0; padding: 20px 0; text-align: center; background-color: #FFF;}
.fileslist {padding: 20px 15px; float: left;}
.fileslist .item {position: relative; width:145px; height: 190px; float: left; padding: 10px; margin:0 5px 10px; display: inline-block; border: 1px solid #EEE; background-color: #FFF;}
.fileslist .item .pic {width: 123px; height: 170px; line-height: 168px; text-align: center; overflow: hidden;}
.fileslist .item .pic img {width: 100%; vertical-align: middle;}
.fileslist .item .words {width: 100%; text-align: center;}
.fileslist .item .words .layui-icon {font-size: 100px; line-height: 120px; color: #AAA;}
.fileslist .item .words span {display: block; width: 100%; color: #999; overflow: hidden; font-size: 12px;}
.fileslist .item .del {position: absolute; width: 24px; height: 24px; top: -12px; right: -10px;}
.fileslist .item .del .layui-icon {font-size: 24px; cursor: pointer; color: #FF5722;}
.files .layui-upload-drag {width: 145px; height: 190px; padding: 45px 15px 15px; float: left; margin: 0 5px 10px;}
.files .layui-upload-drag i {color: #188AE2;}
.files .pic i {font-size: 50px; color: #188AE2;}

/*** 表单提示 ***/
.layui-alert {width: 100%; line-height: 20px; padding: 10px; background-color: #FCF8E3;}



/*** 公告消息***/
.notice-title .title {font-size: 16px; margin-left: 10px;}
.notice-title .pull-right {font-size: 12px; color: #AAA;}
.notice-head {padding: 10px;}
.notice-head .personal {margin-top: 5px;}
.notice-head .personal span {margin-right: 5px; background-color: #FFF; padding: 3px 8px; border-radius: 3px;}
.notice-head .personal span i {font-style: normal; font-size: 14px;}
.notice-cont {line-height: 30px; padding: 20px 30px;}
.notice-files p {margin: 10px 0 0;}
.notice-files p:first-child {margin: 0;}
.notice-files p .pull-right {font-size: 12px;}
.notice-button {padding: 20px 0; border-top: 1px solid #EEE; text-align: center;}


/* 文件列表item */
.file-choose-list-item {position: relative; display: inline-block; vertical-align: top; padding: 8px 8px; margin: 5px 0; cursor: pointer;}
.file-choose-list-item:hover {background-color: #F7F7F7; }

/* 文件列表图片 */
.file-choose-list-item-img {width: 90px; height: 90px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 3px; overflow: hidden; position: relative; background-color: #eee; }
.file-choose-list-item-img.img-icon {background-size: inherit; background-color: transparent; }
.file-choose-list-item.active .file-choose-list-item-img:after {content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.3); }

/* 文件列表名称 */
.file-choose-list-item-name {width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 12px; text-align: center; margin-top: 12px; }
.file-choose-list-item-ck {position: absolute; right: 8px; top: 8px;}
.file-choose-list-item-ck .layui-form-checkbox {padding: 0;}
.file-choose-oper-menu {background-color: #FFF; position: absolute; left: 8px; top: 8px; border-radius: 2px; box-shadow: 0px 0px 10px rgba(0, 0, 0, .15); transition: all .3s; overflow: hidden; transform: scale(0); transform-origin: left top; visibility: hidden;}
.file-choose-oper-menu.show {transform: scale(1); visibility: visible;}
.file-choose-oper-menu-item {color: #555; padding: 6px 5px; font-size: 14px; min-width: 70px; text-align: center; cursor: pointer; display: block; }
.file-choose-oper-menu-item:hover {background-color: #eee;}
.file-choose-empty {text-align: center; color: #999; padding: 50px 0;}
.file-choose-empty .layui-icon {font-size: 60px; display: block; margin-bottom: 8px;}


/*** 员工档案 ***/
.staff-form {}
.staff-form .layui-form-item {}
.staff-form .layui-form-label {width: 105px; text-align: right;}
.staff-form .layui-border {border: 1px solid #F2F2F2; padding: 10px; margin-top: 15px;}
.staff-form .layui-border .layui-form-item {border-bottom: 1px solid #F2F2F2; padding-top: 15px; padding-bottom: 15px;}
.staff-form .layui-border .layui-form-item:first-child {padding-top: 0;}
.staff-form .layui-border .add-btn {border: 1px solid #DDD; padding: 10px; line-height: 24px; margin-top: 10px; border-radius: 3px; text-align: center; cursor: pointer;}
.staff-form .layui-border .add-btn:hover {color: #2384E5; border-color: #2384E5;}

/*** 员工轨迹 ***/
.caseprocess {position: relative; width: 60%; min-width: 600px; z-index: 1; padding: 20px 0;}
.caseprocess .item {position: relative; width: 100%; display: inline-block; padding: 0 0 50px 0; z-index: 2;}
.caseprocess .item:before {content: ""; position: absolute; width: 1px; height: 100%; top:15px; left: 48px; background-color: #EEE; z-index: -1;}
.caseprocess .item:last-child:before {display: none;}
.caseprocess .item span.layui-btn {background-color: #FFF;}
.caseprocess .item .date {width: 100px; float: left; border-radius: 5px; overflow: hidden; box-shadow:0 2px 6px #DDD;}
.caseprocess .item .date .layui-btn {width: 100%; border-radius: 0; box-shadow:0 2px 5px #EEE;}
.caseprocess .item .date p {border-top: 1px solid #EEE; padding: 15px 10px; margin-bottom: 0;}
.caseprocess .item .point {display: inline-block; width: 30px; height: 30px; float: left; margin:0 35px; background-color: #FFF; border-radius:50%; border: 3px solid #FFF; box-shadow:0 2px 8px #CCC;}
.caseprocess .item .word {width: calc(100% - 300px);width:-webkit-calc(100% - 300px);width:-moz-calc(100% - 300px); float: left;}
.caseprocess .item .word span.layui-btn {width: 180px;}
.caseprocess .item .word .layui-btn {}

.caseprocess .item .wordlist {display: inline-block; width: 100%; padding: 10px 20px; background-color: #F7F7F7;}
.caseprocess .item .wordlist li {width: 100%; float: left; line-height: 30px; font-size: 12px;}
.caseprocess .item .wordlist li span {float: left;}
.caseprocess .item .wordlist li p {margin: 0;}

/*** 员工培训 ***/
.caseprocess .notstarted span.layui-btn,.caseprocess .notstarted .point {background-color: #2F4056;}
/*** 考勤记录 ***/
.caseprocess .processing span.layui-btn,.caseprocess .processing .point {background-color: #01AAED;}
/*** 转正 ***/
.caseprocess .completed span.layui-btn,.caseprocess .completed .point {background-color: #5FB878;}
/*** 转岗 ***/
.caseprocess .transfer span.layui-btn,.caseprocess .transfer .point {background-color: #5BC0DE;}
/*** 加班 ***/
.caseprocess .overtime span.layui-btn,.caseprocess .overtime .point {background-color: #009688;}
/*** 请假 ***/
.caseprocess .leaved span.layui-btn,.caseprocess .leaved .point {background-color: #FFB800;}
/*** 离职 ***/
.caseprocess .quited span.layui-btn,.caseprocess .quited .point {background-color: #FF5722;}



/*** 标准设置 ***/
.standard-form {}
.standard-form .layui-form-switch {height: 24px;}
.standard-form .layui-bg-gray {background: #F7F7F7 !important; padding-bottom: 10px;}
.standard-form .layui-bg-gray input {height: 30px;}
.standard-form .layui-bg-gray .layui-form-mid {line-height: 30px; padding: 0!important;}
.standard-list {width: 100%; font-size: 12px; line-height: 24px;}
.standard-list p {display: inline-block; width: 100px; margin-bottom: 5px; border: 1px dashed #DDD; padding: 5px 20px; text-align: center;}
.standard-list p:first-child {width: 300px;}
.standard-list p:nth-child(3) {border: none; color: #CCC;}


/*** 新搜索 ***/
.layui-search-form {padding-bottom: 5px; font-size: 12px;}
.layui-search-form .layui-input,.layui-search-form .layui-form-label {height: 30px; line-height: 30px;}
.layui-search-form .layui-input {padding-left: 7px; font-size: 12px;}
.layui-search-form .layui-form-label {width: auto;}
.layui-search-form .layui-inline {vertical-align: top; margin-bottom: 10px;}
.layui-search-form .layui-textarea {height: 70px; min-height: 30px; padding: 6px 5px 0; font-size: 12px;}
.layui-search-form .layui-form-mid {line-height: 12px; margin: 0 5px 0 0;}
.layui-search-form .line {width: 100%; float: left;}
.layui-search-form.layui-bg-gray {padding-left: 10px;}
.layui-search-form .w-70,.w-70 {width: 70px !important;}
.layui-search-form .w-75 {width: 75px;}
.layui-search-form .w-80,.w-80 {width: 80px !important;}
.layui-search-form .w-88 {width: 88px;}
.layui-search-form .w-90,.w-90 {width: 90px !important;}
.layui-search-form .w-100,.w-100 {width: 100px !important;}
.layui-search-form .w-110,.w-110 {width: 110px !important;}
.layui-search-form .w-120,.w-120 {width: 120px !important;}
.layui-search-form .w-130,.w-130 {width: 130px !important;}
.layui-search-form .w-140,.w-140 {width: 140px !important;}
.layui-search-form .w-150,.w-150 {width: 150px !important;}
.layui-search-form .w-160,.w-160 {width: 160px !important;}
.layui-search-form .w-170,.w-170 {width: 170px !important; vertical-align: top;}
.layui-search-form .w-176 {width: 176px;}
.layui-search-form .w-180,.w-180 {width: 180px !important;}
.layui-search-form .w-250,.w-250 {width: 252px !important; vertical-align: top;}

/** 特殊表单 **/
.inner-box{}
.inner-box::-webkit-scrollbar {width: 8px; height: 8px;}
.inner-box::-webkit-scrollbar-thumb {border-radius: 0; background: rgba(0,0,0,0.2); cursor: pointer;}
.inner-box::-webkit-scrollbar-track {border-radius: 0; background: rgba(0,0,0,0.1);}

.layui-search-form .xm-select-parent .xm-select,.layui-search-form .xm-select-parent .xm-select-title {min-height: 30px!important; padding-top: 0!important;}
.layui-search-form .xm-select-parent .xm-select .xm-select-input {height: 29px!important; font-size: 12px;}


/*** 表格内部表单 ***/
.layui-table .layui-search-form .layui-input-inline {width: auto; margin-right: 0;}
.layui-table .layui-search-form .layui-input-inline.w-50 {width: 50px;}
.layui-table .layui-search-form select {min-width: 36px; height: 30px; padding-left: 5px; border-color: #D2D2D2!important; padding-right: 10px; background: url("../images/refactoring/arrow.png") no-repeat scroll right center #FFF; -webkit-appearance: none;}


/*** 搜索统计 ***/
.all-info {width: 100%; height: 36px; float: left; line-height: 36px; border: 1px solid #E2E2E2; border-bottom: none; background-color: #F6F6F6;}
.all-info p {margin-left: 10px;}
.all-info div {margin-right: 10px;}
.all-info div {}
.data-table-manage .layui-table, .layui-table-view {margin-top: 0;}


/*** 操作按钮 ***/
.layui-operation {text-align: right;}
.layui-operation .button {display: inline-block; margin: 0 3px;}
.layui-operation .layui-btn {height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px;}
.layui-operation .dropdown .layui-btn {color: #666; line-height: 28px; border: 1px solid #C2C9D4; background: linear-gradient(to bottom, #FFF,#F3F8FF); padding: 0 10px;}


/*** 标准设置 ***/
.standard-form {}
.standard-form .layui-form-switch {height: 24px;}
.standard-form .layui-bg-gray {background: #F7F7F7 !important; padding-bottom: 10px;}
.standard-form .layui-bg-gray input {height: 30px;}
.standard-form .layui-bg-gray .layui-form-mid {line-height: 30px; padding: 0!important;}
.standard-list {width: 100%; font-size: 12px; line-height: 24px;}
.standard-list p {display: inline-block; width: 105px; margin-bottom: 5px; border: 1px dashed #DDD; padding: 5px 20px; text-align: center;}
.standard-list p:first-child {width: 300px;}
.standard-list p:nth-child(3) {border: none; color: #CCC;}


/*** 产品名称 ***/
.product-list {width: 100%; height: 240px; padding: 5px; overflow: hidden; overflow-y: auto; border: 1px solid #DDD;}
.product-list li {position: relative; font-size: 12px; margin-left: 25px; line-height: 32px; list-style-type: decimal;}
.product-list li:before {position: absolute; content: ""; width: 120%; height: 1px; background-color: #F7F7F7; bottom: 0; left: -25px;}


/*** 底部提交 ***/
.layui-layout-admin .layui-footer {height: auto; line-height: normal;}
.layui-info-form .layui-form-item {margin-bottom: 10px;}
.layui-info-form .layui-form-label {width: 120px;}
.layui-info-form .layui-input-inline {}
.layui-info-form .layui-word-aux {}