.required{color:red;}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 7px;
}


html {
    background-color: #f0f2f5 !important;
    color: rgba(0,0,0,.65) !important;
}

.layui-side-menu .layui-nav{ margin-top: 80px !important; }

.layui-layout-admin .layui-logo{background-color: #001529 !important; }
.layui-side-menu, .layadmin-pagetabs .layui-tab-title li:after, .layadmin-pagetabs .layui-tab-title li.layui-this:after, .layui-layer-admin .layui-layer-title, .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color: #001529 !important; }

.layui-side-menu .layui-nav .layui-nav-item a{ height: 30px !important; line-height: 30px !important;margin-top: 10px !important; margin-bottom: 10px !important;}

.layui-side-menu .layui-nav .layui-nav-item dl dd a {  height: 40px !important; line-height: 40px !important;margin-top: 0px !important; margin-bottom: 0px !important;  }

.layui-card-header{border-bottom: 1px solid #e8e8e8 !important; border-radius: 2px 2px 0 0 !important; font-weight: 500 !important; font-size: 16px !important;  }

.col-block{ padding-left: 12px; padding-right: 12px; margin-bottom: 24px; }
.col-card{ box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: "tnum"; position: relative; background: #fff; border-radius: 2px; transition: all .3s; }

.col-card-head{ min-height: 48px; margin-bottom: -1px; padding: 0 20px; color: rgba(0,0,0,.85); font-weight: 500; font-size: 14px; background: 0 0; border-bottom: 1px solid #e8e8e8; ccccc zoom: 1;}
.col-card-head-title{  flex: 1 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-card-body{padding: 20px;}
.col-panl{ width: 100%; overflow: visible; padding: 5px 2px; }
.col-margin{ margin: 5px 0px; }




.my-datatable .layui-border-box { border-left: none!important; border-right: none !important; border-top: none !important; border-bottom: none !important; }
.my-datatable .layui-table thead tr{ background-color: #fff; color: #000; border-bottom: 1px solid #e8e8e8; background: #f8f8f8 !important; }

.my-datatable .layui-table thead tr th,.my-datatable .layui-table td  { color: #666; border-right: none !important; height: 50px; word-break:break-all;word-wrap:break-word }

.my-datatable .layui-table .layui-table-hover{ background: #e6f7ff; }
.my-datatable .layui-table td a { color: #0b7de7!important; cursor: pointer; }
.my-datatable .layui-table td a:hover { color: #4397e4!important; }

.my-datatable .layui-table-fixed{ box-shadow: none; }
.my-datatable .layui-table thead tr th{ font-weight: 600; color: #333 !important; }
.my-datatable .layui-table thead tr th:hover{  background: #f5f6fa; }
.my-datatable .layui-table-page{ height: 60px; }
.my-datatable .layui-table-page>div{ float: right;margin-top: 12px; margin-right: 10px; }
.my-datatable .layui-table-page .layui-laypage-prev {border: 1px solid #d9d9d9; padding: 0px 8px; margin-top: 1px; }
.my-datatable .layui-table-page .layui-laypage-next{border: 1px solid #d9d9d9; padding: 0px 8px; margin-top: 1px; }
.my-datatable .layui-laypage .layui-laypage-curr{ padding: 2px 12px; margin-top: 0px;}
.my-datatable .layui-laypage .layui-laypage-curr .layui-laypage-em{ background: none; border: 1px solid #1890ff; }
.my-datatable .layui-laypage .layui-laypage-curr em { color: #1890ff;  }

.my-datatable .layui-table-page .layui-laypage a, .my-datatable .layui-table-page .layui-laypage span.layui-laypage-curr {margin-left: 3px; margin-right: 3px;}
.my-datatable .layui-table-page .layui-laypage a:hover { color: #1890ff;}
.my-datatable .layui-table-page .layui-laypage input{ height: 29px; line-height: 29px; }
.my-datatable .layui-table-page .layui-laypage input:focus {border:1px solid #1890ff !important; box-shadow:0px 0px 5px #1890ff !important; }
.my-datatable .layui-table-page .layui-laypage select:focus {border:1px solid #1890ff !important; box-shadow:0px 0px 5px #1890ff !important; }

.my-datatable .layui-table-page .layui-laypage button{height: 29px; line-height: 29px; }
.my-datatable .layui-table-page .layui-laypage .layui-laypage-limits select { height: 22px; }
.my-datatable .layui-table-page .layui-laypage .layui-laypage-skip{ margin-left: 5px;}

.my-datatable .layui-form-checked[lay-skin=primary] i { border-color: #1890ff !important; background-color: #1890ff !important; }
.my-datatable .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#1890ff !important;color:#fff}

.my-datatable .layui-table-cell{
            height:auto;
   overflow:visible;
  text-overflow:inherit;
 white-space:normal;
}


.page-line-info{background-color: #e6f7ff; border: 1px solid #91d5ff; width: 94.6%; margin: 5px auto;  padding: 8px 2% 8px 2%;}


.my-form .layui-this{ background: none !important; color:#1890ff !important; }
.my-form .layui-form-selected dl dd:hover{ background: #e6f7ff; }
.my-form .layui-btn-primary:hover{ border-color: #1890ff; color: #1890ff;  }
.my-form .layui-form-checked[lay-skin=primary] i { border-color: #1890ff !important; background-color: #1890ff!important; }
.my-form .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#1890ff !important;color:#fff}
.my-form input:focus {border:1px solid #1890ff !important; box-shadow:0px 0px 5px #1890ff !important; }
.my-form textarea:focus {border:1px solid #1890ff !important; box-shadow:0px 0px 5px #1890ff !important; }
.my-form .layui-form-radio>i:hover { color: #1890ff; }
.my-form .layui-form-radioed>i { color: #1890ff; }
.my-form .inputfile{padding-top: 5px;}

.my-form .layui-form-onswitch{ border-color:#6fb5f5 !important; background-color:#6fb5f5 !important; }

.my-form .xm-form-selected .xm-select,.xm-form-selected .xm-select:hover{ border-color: #1890ff!important ; }
.my-form .xm-select-parent dd .xm-cz:hover{ color: #1890ff; }
.my-form .xm-form-checkbox > i{  border: 1px solid #1890ff;}
.my-form .xm-form-checkbox > i:hover{  border: 1px solid #1890ff;}

.my-form  div[xm-select-skin] .xm-select-title div.xm-select-label>span{     border: 1px solid #1890ff;}
.my-form  .xm-select-parent .xm-select-title div.xm-select-label>span{ background-color: #1890ff;}
.my-form  .xm-select-parent dl dd.xm-select-this div i{ color: #1890ff; }



.layui-tab-brief>.layui-tab-title .layui-this { color: #1890ff !important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #4096e6;}

.layui-laydate .layui-this { background-color: #1890ff!important; }
.layui-laydate-footer span:hover{color:#1890ff!important;}
.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#1890ff!important}
.laydate-day-mark::after{background-color:#1890ff!important}
.layui-laydate-footer span[lay-type=date]{color:#1890ff!important}



.buttonGroup { background: none;font-size: 12px!important; padding:0px 0px 0px 0px; height: 30px; }
.buttonGroup li { height: 30px; }
.buttonGroup li button { font-size: 12px; }
.buttonGroup .layui-nav-bar { background:none; }
.buttonGroup li dl dd { height: 32px; line-height: 32px; padding: 2px 14px; }
.buttonGroup li dl dd a{ font-size: 12px!important; display: block; }
.buttonGroup li dl dd a:hover{ color:#1890ff !important; }