/* 自定义字体 */
@font-face {
    font-family: "athena";
    src: url('../font/athena-unicode-2.ttf') format('truetype');
}

/* 基础样式 */
*{
    font-family: Roboto
}
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-503, .bg-006{
    background-color: #006ee5;
}
.bg-top{
    background-image: linear-gradient(to bottom, rgba(0,110,229,1), rgba(74,154,252,1));
}
.bg-btn{
    background-color: #006ee5; background-image: linear-gradient(to right, #006ee5, #4a9afc);
    color: #ffffff; font-size: 14px; border: 0px;
}
/* 文字颜色 */
.text-fff{
    color: #ffffff;
}
.text-eee{
    color: #eeeeee;
}
.text-000{
    color: #000000;
}
.text-503, .text-006{
    color: #006ee5;
}
/* 显示行数 */
.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-layer-title{
    color: #006ee5; font-weight: bold;
}
.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 li{
    width: 40px; height: 40px; background: #ffffff; border: #ececec solid 1px; display: flex; justify-content: center; align-items: center;
    margin-left: 20px; border-radius: 6px; overflow: hidden;
}
.pagination li a{
    display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 14px;
}
.pagination li:first-child{
    margin-left: 0px;
}
.pagination li:hover{
    background: #006ee5; color: #ffffff; border-color: #006ee5;
}
.pagination li:hover a{
    color: #ffffff;
}