/* 鍩虹鏍峰紡 */
*{
    font-family: Roboto; font-size: 14px
}
body{
    padding: 0px; margin: 0px; background: #f2f2f2;
}
div{
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 10px;height: 1px;
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);background: #535353;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);border-radius: 0px;background: #EDEDED;
}
/* 鍩烘湰鏍峰紡 */
.d-bet{
    display: flex; justify-content: space-between; align-items: center; flex-direction: row;
}
.d-cet{
    display: flex; justify-content: center; align-items: center; flex-direction: row;
}
/* 鏂囧瓧绮楃粏 */
.text-bold{
    font-weight: bold;
}
.text-light{
    font-weight: lighter;
}
.text-unline{
    text-decoration: underline;
}
/* 鑳屾櫙鏍疯壊 */
.bg-fff{
    background-color: #ffffff;
}
.bg-f8f{
    background-color: #f8f8f8;
}
.bg-eee{
    background-color: #eeeeee;
}
.bg-ccc{
    background-color: #cccccc;
}
.bg-ff0{
    background-color: #ff0147;
}
.bg-001{
    background: #001e28;
}
.bg-btn{
    background-color: #001e28;  color: #ffffff; font-size: 14px; border: 0px;
}
/* 鏂囧瓧棰滆壊 */
.text-fff{
    color: #ffffff;
}
.text-eee{
    color: #eeeeee;
}
.text-ff0{
    color: #ff0147;
}
.text-001{
    color: #001e28;
}
/* 鏄剧ず琛屾暟 */
.text-line1{
    overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.text-line2{
    overflow: hidden !important; text-overflow: ellipsis; lines: 2; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;
}
.text-line3{
    overflow: hidden !important; text-overflow: ellipsis; lines: 3; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical;
}
.text-thro{
    text-decoration: line-through;
}
/* 鍐呭闂磋窛 */
.mt-06{
    margin-top: 6px;
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.ml-06{
    margin-left: 6px;
}
.ml-10{
    margin-left: 10px;
}
.ml-20{
    margin-left: 20px;
}
.mr-06{
    margin-right: 6px;
}
.mr-10{
    margin-right: 10px;
}
.mr-20{
    margin-right: 20px;
}
.mb-06{
    margin-bottom: 6px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.m-06{
    margin: 6px;
}
.m-10{
    margin: 10px;
}
.m-20{
    margin: 20px;
}
.pt-06{
    padding-top: 6px;
}
.pt-10{
    padding-top: 10px;
}
.pt-20{
    padding-top: 20px;
}
.pl-06{
    padding-left: 6px;
}
.pl-10{
    padding-left: 10px;
}
.pl-20{
    padding-left: 20px;
}
.pr-06{
    padding-right: 6px;
}
.pr-10{
    padding-right: 10px;
}
.pr-20{
    padding-right: 20px;
}
.pb-06{
    padding-bottom: 6px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-20{
    padding-bottom: 20px;
}
.p-06{
    padding: 6px;
}
.p-10{
    padding: 10px;
}
.p-20{
    padding: 20px;
}

/* 瀹氫箟鍦嗚 */
.rad-cicle{
    border-radius: 50%;
}
.rad-06{
    border-radius: 6px;
}
.rad-10{
    border-radius: 10px;
}
.rad-20{
    border-radius: 20px;
}
.rad-30{
    border-radius: 30px;
}


/* layui样式修改 */
/* 斑马纹效果 */
.layui-table tbody tr:nth-child(odd) {
    background-color: #f8f9fa;  /* 奇数行 - 浅灰色 */
}

.layui-table tbody tr:nth-child(even) {
    background-color: #ffffff;  /* 偶数行 - 白色 */
}

/* 鼠标悬停效果 */
.layui-table tbody tr:hover {
    background-color: #e3f2fd !important;  /* 悬停 - 浅蓝色 */
}

.layui-layer{
    border-radius: 10px; overflow: hidden;
}
.layui-input, .layui-select, .layui-textarea{
    border-radius: 6px; border-color: #d3d3d3;
}
.layui-form-checkbox[lay-skin=primary]:hover>i{
    border-color: #006ee5;
}
.layui-form-checked[lay-skin=primary]>i{
    border-color: #006ee5 !important; background-color:#006ee5;
}

/* 分页样式 */
.pagination{
    display: flex; justify-content: center; align-items: center; padding: 50px 0px;
}
.pagination a{
    display: flex; justify-content: center; align-items: center;
    min-width: 20px; height: 40px; background: #ffffff; border: #ececec solid 1px;
    margin-left: 10px; border-radius: 6px; overflow: hidden; padding: 0px 10px;
}
.pagination a:first-child{
    margin-left: 0px;
}
.pagination a:hover{
    background: #00181e; color: #ffffff; border-color: #00181e;
}
.pagination a.current{
    background: #00181e; color: #ffffff; border-color: #00181e;
}
.pagination div.page-total{
    margin-left: 10px; height: 40px; background: #FFFFFF; border: #ececec solid 1px;
    line-height: 40px; padding: 0px 10px; border-radius: 6px; color: #999999;
}