/* 简洁分页样式 */

.oa-pager {

  padding: 20px 0 ;

}

.oa-pager .pager {float: left;}

.oa-pager .pager li {

    float: left;

}

.oa-pager .pager li span,

.oa-pager .pager li a {

    display: inline-block;

    min-width: 30px;

    padding: 0 5px;

    height: 30px;

    line-height: 27px;

    text-align: center;

    border: 1px solid #D9D9D9;

    border-radius: 3px;

    font-size: 14px;

    margin: 0 2px;

    box-sizing: border-box;

    background-color: #fff;

}



.oa-pager .pager li.disabled {

    cursor: not-allowed;

    

}

.oa-pager .pager li.disabled span,.oa-pager .pager li.disabled a {

  border: 1px solid #eee;

  color: #ddd;

}



.oa-pager .pager li a:hover {

    border-color: #0084FF;

    color: #0084FF;

}



.oa-pager .pagination {

  float: left;

}

.oa-pager .pagination-info {

  float: left;

  padding: 0 5px;

  height: 30px;

  line-height: 29px;

  margin-left: 10px;

}

.oa-pager .pagination-info .jump-page {display:inline-block;height: 30px;

  line-height: 28px;

  text-align: center;

  border: 1px solid #D9D9D9;

  border-radius: 3px;margin:0 5px;padding:0 5px;width:40px;}

.oa-pager .pagination-info .jump-page-btn {display:inline-block;width:50px;height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 3px;

  background:#0084ff;

  color:#fff;

  cursor:pointer;

  margin:0 5px;

}

.oa-pager .pagination-info .jump-page-btn:hover {opacity:0.8;}

.oa-pager .pagination-info .jump-page-btn:active {opacity:1;}

.oa-pager .pagination-info .num {color:#0084ff;margin: 0 3px;}



.oa-pager .pagination li {

  float: left;

}

.oa-pager .pagination li a,

.oa-pager .pagination li span {

  display: inline-block;

  min-width: 30px;

  padding: 0 5px;

  height: 30px;

  line-height: 29px;

  text-align: center;

  border: 1px solid #D9D9D9;

  border-radius: 3px;

  color: #868686;

  font-size: 14px;

  margin: 0 2px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-color: #fff;

}

.oa-pager .pagination li a .iconfont,

.oa-pager .pagination li span .iconfont {

  font-size: 14px;

}

.oa-pager .pagination li a:hover {

  border-color: #0084FF;

  color: #0084FF;

}

.oa-pager .pagination li span.info {

  border-color: transparent;

}

.oa-pager .pagination li span.info span.number {

  border: 1px solid transparent;

  font-size: 12px;

}

.oa-pager .pagination li.active span {

  border-color: #0084FF;

  color: #0084FF;

}

.oa-pager .pagination li.disabled {

  cursor: not-allowed;

}

.oa-pager .pagination li.disabled:hover {

  border-color: #eee;

  color: #eee;

}

.oa-pager .pagination li.disabled a,

.oa-pager .pagination li.disabled span {

  border: 1px solid #eee;

  color: #ddd;

}

.oa-pager .pagination li.dots span {

  border: 1px solid transparent;

  color: #ccc;

  cursor:not-allowed;

}

.oa-pager .pagination .total:hover {

  color: #333;

}



/*下拉按钮组*/

.layui-btn + .custom_dropdown {

  margin-left: 10px;

}

.custom_dropdown + .custom_dropdown {

  margin-left: 10px;

}

.custom_dropdown + .layui-btn {

  margin-left: 10px;

}

.custom_dropdown {

  position: relative;

}

.custom_dropdown.custom_dropdown_arrow .custom_down::before {

  display:inline-block;

  content:"";

  width:0;

  height:0;

  border:6px solid transparent;

  border-bottom-color:#fff;

  position:absolute;

  top:-12px;

  left:50%;

  margin-left:-6px;

}

.custom_dropdown .custom_drop {

  height: 38px;

  line-height: 38px;

  cursor: pointer;

  display:inline-block;

}

.custom_dropdown .custom_drop:hover {color:#0084ff;}

.custom_dropdown .custom_drop .font_20 {

  font-size: 20px;

  font-weight: bold;

}

.custom_dropdown .custom_down {

  position: absolute;

  top: 45px;

  left: 0;

  width: 100%;

  margin: 0 auto;

  text-align: center;

  display: none;

  z-index: 999;

  background-color: #FFFFFF;

  -moz-box-shadow: 0 0 20px #d1d1d1;

  -webkit-box-shadow: 0 0 20px #d1d1d1;

  box-shadow: 0 0 20px #d1d1d1;

  padding:5px 0;

  border-radius:3px;

}

.custom_dropdown .custom_down_right {left:auto;right: 0;}

.custom_dropdown .custom_down li {

  height: 36px;

  line-height: 36px;

  cursor: pointer;

  padding:0 13px;

  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

}

.custom_dropdown .custom_down li.active {

  background-color: #0084ff;

  color:#fff;

}

.custom_dropdown .custom_down li.active:hover {

  background-color: #0084ff;

  color:#fff;

}

.custom_dropdown .custom_down li:hover {

  background-color: #f6f6f6;

}



.container-box {background:#fff;}

.container-box .container-box-head .container-box-head-title{display:inline-block;height:38px;line-height:38px;font-size:25px;color:#000;}





/*input图标组合*/

.input-group {position:relative;}

.input-group input {padding-right:37px;}

.input-group .icon-view {cursor:pointer;display:inline-block;height:38px;line-height:38px;text-align:center;position:absolute;top:0;right:12px;}

.input-group .icon-view :hover {color:rgb(24, 144, 255);}

.input-group.icon-left input {padding-left:37px;padding-right:10px;}

.input-group.icon-left .icon-view {left:12px;right:auto;}



.copyright {margin:30px 0;text-align:center;font-size:13px;color:#aaa;}



/*

* 工具作用样式(公共)

*/

.radius {border-radius:3px;}

.radius-md {border-radius:5px;}



/* 文本不可选中 */

.text-select-none {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/*********** 文本类样式 *************/

/*字体配色*/

.text-red {color: rgb(240, 72, 100);}

.text-purple {color: rgb(133, 67, 224);}

.text-yellow {color: rgb(250, 204, 20);}

.text-green {color: rgb(47, 194, 91);}

.text-cyan {color: rgb(19, 194, 194);}

.text-blue {color: rgb(24, 144, 255);}

.text-gray {color: rgba(0,0,0,.45);}

.text-black {color: rgba(0,0,0,.85);}

.text-orange {color:#fa6800;}

.text-slateGray {color:#708090;}

.text-lime {color:#a4c400;}

.text-pink {color:#FFC0CB;}

.text-brown {color:#825a2c;}

.text-olive {color:#6d8764;}

.text-purple {color: #8543e0;}

.text-block {color: #000;}

.text-violet {color: #aa00ff;}

.text-salmon {color: #FA8072;}



/*对齐方式*/

.text-left {text-align:left;}

.text-right {text-align:right;}

.text-center {text-align:center;}

.text-justify {text-align:justify;}





/****** 背景样式 *****/

.text-bg-red {background-color: rgb(240, 72, 100);}

.text-bg-purple {background-color: rgb(133, 67, 224);}

.text-bg-yellow {background-color: rgb(250, 204, 20);}

.text-bg-green {background-color: rgb(47, 194, 91);}

.text-bg-cyan {background-color: rgb(19, 194, 194);}

.text-bg-blue {background-color: rgb(24, 144, 255);}

.text-bg-gray {background-color: rgba(0,0,0,.45);}

.text-bg-black {background-color: rgba(0,0,0,.85);}



.layui-bg-blue {background-color:#1890ff!important;}

.layui-bg-red {background-color:#f04864!important;}

.layui-bg-orange {background-color:#fa6800!important;}

.layui-bg-yellow {background-color:#facc14!important;}

.layui-bg-green {background-color:#2fc25b!important;}

.layui-bg-cyan {background-color:#13c2c2!important;}

.layui-bg-gray {background-color:#eee!important;}

.layui-bg-slateGray {background-color:#708090!important;color:#fff;}

.layui-bg-lime {background-color:#a4c400!important;color:#fff;}

.layui-bg-pink {background-color:#FFC0CB!important;color:#fff;}

.layui-bg-brown {background-color:#825a2c!important;color:#fff;}

.layui-bg-olive {background-color:#6d8764!important;color:#fff;}

.layui-bg-purple {background-color: #8543e0!important;color:#fff;}

.layui-bg-block {background-color: #000!important;color:#fff;}

.layui-bg-violet {background-color: #aa00ff!important;color:#fff;}

.layui-bg-salmon {background-color: #FA8072!important;color:#fff;}





/********* display类样式 *********/

.inline {display:inline;}

.inline-block {display:inline-block;}

.block {display:block;}



/****** 浮动类样式 *****/

.fc::after {display:block;content:"";clear:both;}

.fl {float:left;}

.fr {float:right;}

.mt5 {margin-top:5px;}

.ml5 {margin-left:5px;}

.mr5 {margin-right:5px;}

.mb5 {margin-bottom:5px;}

.mt10 {margin-top:10px;}

.ml10 {margin-left:10px;}

.mr10 {margin-right:10px;}

.mb10 {margin-bottom:10px;}

.mt15 {margin-top:15px;}

.ml15 {margin-left:15px;}

.mr15 {margin-right:15px;}

.mb15 {margin-bottom:15px;}

.mt20 {margin-top:20px;}

.ml20 {margin-left:20px;}

.mr20 {margin-right:20px;}

.mb20 {margin-bottom:20px;}

.pb10 {padding-bottom:10px;}

.pt10 {padding-top:10px;}

.p-0-8 {padding:0 8px!important;}

.p-0-10 {padding:0 10px!important;}



/********** 代码块样式 **********/

.alert {background:#f6f6f6;padding:10px 15px;border-radius:3px;border:1px solid #eee;}

.alert-blue {background:rgba(24, 144, 255,0.08);border-color:rgba(24, 144, 255,0.3);}

.alert-red {background:rgba(240, 72, 100,0.08);border-color:rgba(240, 72, 100,0.3);}

.alert-green {background:rgba(47, 194, 91,0.08);border-color:rgba(47, 194, 91,0.3);}

.alert-yellow {background:rgba(250, 204, 20,0.08);border-color:rgba(250, 204, 20,0.3);}





/********* 按钮组样式 *********/

.layui-btn {background-color: rgb(255,255,255);border:1px solid #C9C9C9;color:#333;padding:0 13px;line-height:36px;}

.layui-btn:hover {border-color:rgb(24, 144, 255);color:#333;}

.layui-btn-xs {padding: 0px 7px;height:24px;}

.layui-btn-sm {padding:0 10px;}

.layui-btn-lg {padding:0 20px;}



.layui-btn-blue {background-color: rgb(24, 144, 255);border-color:rgb(24, 144, 255);color:#fff;}

.layui-btn-blue:hover {border-color:rgb(24, 144, 255);color:#fff;}

.layui-btn-red {background-color:rgb(240, 72, 100);border-color:rgb(240, 72, 100);color:#fff;}

.layui-btn-red:hover {border-color:rgb(240, 72, 100);color:#fff;}

.layui-btn-yellow {background-color: rgb(250, 204, 20);border-color:rgb(250, 204, 20);color:#fff;}

.layui-btn-yellow:hover {border-color:rgb(250, 204, 20);color:#fff;}

.layui-btn-green {background-color: rgb(47, 194, 91);border-color:rgb(47, 194, 91);color:#fff;}

.layui-btn-green:hover {border-color:rgb(47, 194, 91);color:#fff;}

.layui-btn-cyan {background-color:rgb(19, 194, 194);border-color:rgb(19, 194, 194);color:#fff;}

.layui-btn-cyan:hover {border-color:rgb(19, 194, 194);color:#fff;}

.layui-btn-gray {background-color:#eee;border-color:#eee;}

.layui-btn-gray:hover {background-color:#eee;border-color:#ccc;}



.layui-btn-outline-blue {border-color:rgb(24, 144, 255);color:rgb(24, 144, 255);}

.layui-btn-outline-blue:hover {background-color: rgb(24, 144, 255);border-color:rgb(24, 144, 255);color:#fff;}

.layui-btn-outline-red {border-color:rgb(240, 72, 100);color:rgb(240, 72, 100);}

.layui-btn-outline-red:hover {background-color:rgb(240, 72, 100);border-color:rgb(240, 72, 100);color:#fff;}

.layui-btn-outline-yellow {border-color:rgb(250, 204, 20);color:rgb(250, 204, 20);}

.layui-btn-outline-yellow:hover {background-color: rgb(250, 204, 20);border-color:rgb(250, 204, 20);color:#fff;}

.layui-btn-outline-green {border-color:rgb(47, 194, 91);color:rgb(47, 194, 91);}

.layui-btn-outline-green:hover {background-color: rgb(47, 194, 91);border-color:rgb(47, 194, 91);color:#fff;}

.layui-btn-outline-cyan {border-color:rgb(19, 194, 194);color:rgb(19, 194, 194);}

.layui-btn-outline-cyan:hover {background-color:rgb(19, 194, 194);border-color:rgb(19, 194, 194);color:#fff;}

.layui-btn-outline-gray {color:#aaa;}

.layui-btn-outline-gray:hover {background-color:#eee;border-color:#ccc;color:#333;}



/***** 缺省图样式 *****/

.empty-image {text-align: center;color: #ccc;padding: 70px 0;}

.empty-image .icon {font-size:150px;color: #ccc;}

.empty-image  .layui-icon-loading{font-size:60px;margin-bottom:20px;}



.hide {display:none;}



.min-height-700 {min-height:700px;}



/*表格带头像用户信息组合样式*/

.layui-table {margin:0;}

.layui-table .info-card {}

.layui-table .info-card .avatar {float:left;width:30px;height:30px;border-radius:50%;}

.layui-table .info-card .info {float:left;height:30px;padding-left:10px;}

.layui-table .info-card .v-center {line-height:30px;}



/****layui样式覆盖****/

.layui-table .layui-form-checkbox[lay-skin="primary"] {padding-left: 0;}

.layui-table thead tr {background-color: #fafafa;}

.layui-table thead th,.layui-table tbody td {padding:13px 10px;}

.layui-table thead th:first-child {padding-left:20px;}

.layui-table thead th:last-child {padding-right:20px;}

.layui-table tbody tr td:first-child {padding-left:20px;}

.layui-table tbody tr td:last-child {padding-right:20px;}

/*.layui-table tbody td {padding:9px 13px;}*/

.layui-table[lay-size="sm"] thead th {padding:10px;}

.layui-table[lay-size="sm"] tbody td {padding:0 10px;}

.layui-table[lay-size="lg"] thead th {padding:20px;}

.layui-table[lay-size="lg"] tbody td {padding:9px 20px;}



.layui-table .custom_dropdown {}

.layui-table thead tr {background: #f8fafd;}

.layui-table tbody tr:hover {background-color: #fafafa;}

.layui-table.layui-table-hover-none tbody tr:hover{background-color:transparent;}

.layui-table tbody td.edit {position:relative;}

.layui-table tbody td.edit:after {position:absolute;top:0;right:0;content:'';display:inline-block;width:0;height:0;border:4px solid transparent;border-top-color:#ccc;border-right-color:#ccc;}

.layui-table tbody td.edit:hover {background-color: rgba(0, 132, 255, 0.1);color:#0084ff;}

.layui-table tbody td.edit:hover:after {border-top-color:#0084ff;border-right-color:#0084ff;}

.layui-table tbody td.edit:active {opacity:0.8;}

.layui-table td {border-color: #f0f0f0;}

.layui-table .opt-group {display:inline-block;font-size:0;}

.layui-table .opt-group .opt-item-view {display:inline-block;cursor:pointer;position: relative;font-size:14px;height:28px;line-height:28px;}

.layui-table .opt-group .custom_dropdown.custom_dropdown_arrow .custom_down::before {left:auto;right:15px;}

.layui-table .opt-group .opt-item-view .opt-item:hover {opacity:0.8;}

.layui-table .opt-group .opt-item-view .opt-item:active {opacity:1;}

.layui-table .opt-group .custom_dropdown .custom_drop {height:auto;line-height:normal;}

.layui-table .opt-group .custom_dropdown .custom_down {top:33px;}



.layui-table tbody tr:last-child .opt-group .custom_dropdown .custom_down {top: auto;bottom:28px;}



.layui-table[lay-skin="line"] {border-left:0;border-right:0;border-top:0;}

.layui-table[lay-skin="line"] tr td:first-child, .layui-table[lay-skin="line"] tr th:first-child {padding-left:20px;}

.layui-table[lay-skin="line"] tr td:last-child, .layui-table[lay-skin="line"] tr th:last-child {padding-right:20px;}



.layui-table tbody tr:nth-child(even) {background: #f8fafd;}

.layui-table tbody tr:hover {background: #ecf6ff;}



/* 表格排序 */

.layui-table thead th .field {height:20px;line-height:19px;}

.layui-table thead th .sort {display:inline-block;position: relative;height:20px;width:10px;overflow: hidden;cursor: pointer;margin-left:4px;}

.layui-table thead th .sort::before {display:inline-block;content:"";position:absolute;top:-2px;left:0;width:0;height:0;border:5px solid transparent;border-bottom-color:#555;}

.layui-table thead th .sort::after {display:inline-block;content:"";position:absolute;bottom:-2px;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#555;}

.layui-table thead th .sort[data-sort='asc']::after {border-top-color:#aaa;}

.layui-table thead th .sort[data-sort='desc']::before {border-bottom-color:#aaa;}

.layui-table thead th .sort:hover {opacity:0.8;}

.layui-table thead th .sort:active {opacity:1;}



.layui-table thead th .filter .custom_dropdown .custom_drop {height:20px;line-height:20px;width:20px;text-align:center;border-radius:4px;margin-left:4px;}

.layui-table thead th .filter .custom_dropdown .custom_down {top:25px;font-weight: normal;}

.layui-table thead th .filter:hover .custom_drop {background:#ecf6ff;}





.layui-card {box-shadow:none;}





.switch {display:inline-block;font-size:0;cursor:pointer;}

.switch .icon {height:38px;line-height:38px;font-size:27px;}

.switch:hover i {opacity:0.6;}

.switch:active i {opacity:1;}



.layui-btn-group {}

.layui-btn-group .layui-btn {border-left:0;position:relative;}

.layui-btn-group .layui-btn.active {background:rgb(24, 144, 255);color:#fff;border-color:rgb(24, 144, 255);}

.layui-btn-group .layui-btn:first-child:hover {border-color: rgb(24, 144, 255);}

.layui-btn-group .layui-btn::before {display:inline-block;content:'';width:1px;height:100%;background:transparent;position:absolute;top:-1px;left:-1px;}

.layui-btn-group .layui-btn:hover::before {background:rgb(24, 144, 255);}

.layui-btn-group .layui-btn:first-child {border-radius: 6px 0 0 6px;}

.layui-btn-group .layui-btn:first-child::before {width:0;}

.layui-btn-group .layui-btn:last-child {border-radius: 0 6px 6px 0;}



/*layui-date组件样式覆盖*/

.layui-laydate tbale td.layui-this:first-child {border-top-left-radius:3px;}

.layui-laydate tbale td.layui-this:last-child {border-bottom-right-radius:3px;}



/* tab选项卡样式覆盖 */

.layui-tab {margin:0;}

.layui-tab .layui-tab-title {height:60px;}

.layui-tab .layui-tab-title li {height:60px;line-height:60px;padding:0;min-width:auto;margin-left:20px;}

.layui-tab .layui-tab-title .layui-this::after {height:60px;}

.layui-tab-brief > .layui-tab-title .layui-this::after {border-bottom-width:3px;}

.layui-tab .notice {display:inline-block;margin-left:5px;display:inline-block;height:16px;line-height:14px;background:red;color:#fff;font-size:11px;padding:0 5px;border-radius:16px;}



/* layui表单样覆盖 */

.layui-input-bg {background:#F5F7F9;border-color:#F5F7F9;}



/* 1.下拉框 */

.layui-form-select .layui-edge {width:auto;height:38px;line-height:38px;border:0!important;top:0;margin-top:0;font-size:15px;}

.layui-form-select .layui-input {padding-right:25px;}



/*2.错误表单*/

.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus {

  border-color: #FF0000!important;

  outline: 0;

  -webkit-box-shadow: 0 0 0 2px rgba(255,0,0,.2);

  box-shadow: 0 0 0 2px rgba(255,0,0,.2);

}



/*3.disabled样式*/

.layui-form-disabled {background:#fbfbfb!important;color:#aaa;cursor:not-allowed!important;}

.layui-form-disabled:hover {border-color:#eee!important;}