/*
    表格头部筛选功能-基于layui
*/
 /*筛选 start*/
.sift-con div, .sift-con a {
    box-sizing: border-box;
}

.sift-con {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    height: 351px;
    background: #F8F9FF;
    border: 1px solid #B7B6D2;
    box-shadow: 0 2px 8px 0 rgba(61, 112, 179, 0.43);
    border-radius: 2px;
    font-size: 0;
    display: none;
    z-index:999999;
}

.sift-con .sift-title {
    height: 36px;
    width: 100%;
    line-height: 36px;
    border-bottom: 1px solid #EAEAFF;
    text-indent: 14px;
    font-size: 14px;
    color: #505050;
    letter-spacing: 1.08px;
    margin-bottom: 10px;
}

.sift-con .sift-close {
    background: url("../images/sift_close_off.png") no-repeat center;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
}

.sift-close:hover {
    background: url("../images/sift_close_on.png") no-repeat center;
}

.sift-btn-order {
    display: inline-block;
    width: 88px;
    height: 32px;
    background: url("../images/sift_order_off.png") -12px -3px;
    margin-left: 36px;
    border:solid 1px #B7B6D2;
}

.sift-con .current[class~="sift-btn-order"] /*, .sift-btn-order:hover*/
{
    background: url("../images/sift_order_on.png")  -12px -3px;
    cursor:pointer;
}

.sift-btn-desc {
    display: inline-block;
    width: 88px;
    height: 32px;
    background: url("../images/sift_desc_off.png") -13px -3px;
    margin-left: 8px;
    cursor:pointer;
    border:solid 1px #B7B6D2;
}
.qkyx{
    display: block;
    width: 60px;
    height: 22px;
    text-align:center;
    margin-left: 8px;
    position:absolute;
    right:20px;top:48px;
        background-color: #ffeeec;
    color: #ff4d4d !important;
    font-size:12px;
    line-height:20px;
    border:solid 1px #ffd8d3;
    cursor:pointer;
}
.sift-con .current[class~="sift-btn-desc"] /*, .sift-btn-desc:hover */
{
    background: url("../images/sift_desc_on.png") no-repeat  -13px -3px;
}

.sift-check-con {
    width: 228px;
    height: 227px;
    margin: 6px 0 8px 16px;
    background: #FFFFFF;
    border: 1px solid #EEEFF1;
    border-radius: 1px;
    padding: 16px 14px;
    padding-right: 0;
    position:relative;
}

.sift-check-con .checkAll + .layui-form-checkbox span {
    color: #0C60E1;
}

.sift-check-con .layui-form-checkbox[lay-skin=primary] span {
    font-size: 13px;
    line-height: 16px;
    padding-left: 6px;
}

.sift-check-con .layui-form-checkbox i {
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    line-height: 11px;
    top: 2px;
}

.sift-check-con .sift-checkbox-scroll {
    width: 100%;
    height: calc(100% - 16px);
}

.sift-checkbox-scroll .layui-form-checkbox {
    margin-top: 10px;
}

.sift-checkbox-scroll .layui-form-checkbox span {
    color: #4E4E4E;
    width: 186px;
    padding-right: 0;
}

.sift-btn {
    display: inline-block;
    width: 72px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    letter-spacing: 1px;
}

.sift-btn-ok, .sift-btn-ok:hover {
    background: #5F93FF;
    color: #ffffff;
    border: 1px solid #5F93FF;
    margin-left: 54px;
    margin-right: 8px;
}

.sift-btn-no, .sift-btn-no:hover {
    background: #ffffff;
    color: #787878;
    border: 1px solid #D2D2D2;
    margin-left: 0 !important;
}

.sift-click-btn {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 8px;
    top: 10px;
    background: url("../images/sift_off.png") no-repeat center;
    cursor: pointer;
}

.sift-click-btn[class~="clickOn"] {
    background: url("../images/sift_on.png") no-repeat center;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 98;
}

.mCSB_scrollTools {
    width: 7px !important;
    margin-right: 6px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px !important;
    opacity: 0.55;
    background: #C8C8C8 !important;
    border-radius: 3.5px;
}
#checkBoxCon .btn-loading-icon{  
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 55px;
    margin-left: 79px;
    font-size:40px;
    color:rgb(150, 142, 142);

}.layui-form-checkbox[lay-skin=primary]{padding-left:12px;}

 .sift-input-cont{width:229px;margin-left:15px;}
  .sift-input-cont input{height:24px;line-height:24px;}
  .sift-btn-px{position:absolute;top: 46px;
    right: 16px;
    width: 23px;
    height: 24px;}
  .sift-btn-desc{position:absolute;top: 46px;
    right: 43px;
    width: 23px;
    height: 24px;}