body{ background:#f5f7fe}

i{ font-style: normal;}

button,.layui-btn{cursor:pointer;}

.w100{ width:100%;}

.head-top-bg{  height:63px; background:#262f3e}

.head-top-bg div{ line-height:63px;}



.head-logo img{ width:50px; height:50px; float:right; margin-top:9%;}

.head-title img{ width:90%; margin-top:2%;}

.head-desc{ color:#fff; text-align: right;}

.head-pic img{ margin-left:10%; width:38px; height:38px; border-radius: 50%;}



.hideDiv{ display: none;}

.showDiv{ display: block!important;}



.red-font{ color:#DD0912!important; }

.blue-font{ color:#1B26EE!important; }

.org-font{ color:#F0A400!important; }

.purple-font{ color:#951BEE!important;}

.green-font{ color:#46C48F!important; }

.ash-font{ color:#B4B4B4!important;}



.clear{ clear:both; width:100%; height:0; line-height:0; overflow: hidden;}



.back-fff{ background:#fff;}

.tit-icon-red{ width:5px; height:28px; background:#DD0912}

.font20{ font-size:20px; font-weight: 600;}

.fiex{ display: flex;}



.m-l25{ margin-left:25px; }



.m-l15{ margin-left:15px; }

.m-t15{ margin-top:15px; }

.m-r15{ margin-right:15px; }

.m-b15{ margin-bottom:15px; }



.p-l15{ padding-left:15px;}

.p-t15{ padding-top:15px;}

.p-r15{ padding-right:15px;}

.p-b15{ padding-bottom:15px;}



.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: #DD0912!important;}



div::-webkit-scrollbar {

    width: 6px;

}

div::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);

    opacity: 0.3;

    /* background: fade(@primary-color, 60%); */

}

div::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    border-radius: 0;

    /* background: fade(@primary-color, 30%); */

}


.s_detail{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }


.layui-table td, .layui-table th {padding: 9px 5px!important; }

.bank-tables >div{ overflow-x:auto;}