.databox { margin-top:5px; padding:10px; min-height: 500px; background: #fff;}
.layui-table {
    
}
.layui-table-view .layui-table{
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
    color: #000;
}
.layui-table thead tr{
    background-color: #c33d;
    color: #fff;
}
.layui-table tbody tr{
    border-bottom: 2px solid #c33d;
}
.layui-table tbody tr:last{
    border-bottom: 3px solid #c33d;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #c33d;
}
.preview{
    display: none;
    text-align: center;
}
.preview img{
    height: 150px;
}

.layui-table-sort{
    margin: 5px;
}

.rili .layui-table-cell {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: normal;
}

.big-font .layui-table-cell {
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    white-space: normal;
    font-size: 28px;
}

.big-font .layui-table-cell a {
    color: #000;
}
.big-font .layui-laypage-count{
    font-size: 26px;
    font-weight: 700;
}

.sub-table{
    margin: 0 10px;
}
.sub-table .layui-table thead tr {
    background-color: #c33d;
    color: #fff;
}
.sub-table .layui-table-cell {
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    white-space: normal;
}
.sub-table .layui-table tbody tr{
    border-bottom: 2px solid #c336;
}

.title-box{text-align: center; width: 100%;height: 65px;margin: 5px 0;}
.title{font-size: 36px;font-weight: bold;}
.pre{font-size: 16px;float: left;margin-left: 25%;line-height: 60px;}
.after{font-size: 16px;float: right; margin-right: 25%;line-height: 60px;}
.red,.layui-none{color:#c33d!important;font-weight:700!important;}
.bond{font-weight:700!important;font-size: 16px;}
.hide{display:none!important;}
i.circle{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
}
.red-bg{background-color: #c00;}
.green-bg{background-color:#0a5;}
.gray-bg{background-color: #aaa;}
.orangle-bg{background-color: #fa0;}
.red2{color: #e00;}
.green{color: #282;font-weight:700!important;}
.green2{color: #282;}

table thead a,table thead a:visited {color:#fff; text-decoration:none; }
table thead a:hover, table thead a:active {color:#eee; text-decoration:none; }

.tabs{display: flex;justify-content: space-between;width: 100%;margin: 10px 0 0;height: 35px;}
.tabs .page{float: left;width: auto;}
.tabs .btns{float: right;padding: 0 5px;width: auto;}
.tabs button{border: 2px solid #c33d;}
.tabs button.active{background-color: #c33d; color: #fff!important;}


.yz .main{
    width: 700px;
    margin-left: 26%;
    font-weight: bold;
    background: #fff;
    padding: 0 20px;
}
.yz .title{
    font-size: 50px;
    font-weight: bold;
    margin-top: 50px;
    border: 0;
    border-bottom: 5px solid #000;
    margin-bottom: 10px;
    padding-bottom: 25px;
}
.yz .red{color: #e00!important;}
.yz .green{color: #282;}
.yz .youzi{
    margin-top: 15px;
    padding: 0 5px;
    border-bottom: 3px solid #333;
}
.yz .youzi-title{
    font-size: 36px;
    margin-top: 25px;
}
.yz .companys{
    font-size: 30px;
    margin: 15px 0;
    line-height: 50px;
}


.filter-box{float:right;margin-right:20px;}
.filter{padding:0;list-style:none}
.filter li{float:left}
.filter li span{display:block;color:#666;cursor:pointer;font-size:13px}
.filter li span.active{background:#c33d;color:#fff}



.accout-table .layui-table-cell {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    white-space: normal;
}