/* 平台公共样式 */

/* 分页样式 begin */
#page {
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 4px;
}

.pagination li {
    display: inline;
}

.pagination li a, .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination li:first-child a {
    margin-left: 0;
}

.pagination li a:hover, .pagination li a:focus {
    background-color: #eee;
}

.pagination .active span, .pagination .active span:hover, .pagination .active span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #009688;
    border-color: #009688;
}

.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination-lg li a {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-sm li a, .pagination-sm li span {
    padding: 5px 10px;
    font-size: 12px;
}
/* 分页 end */

/* layui-table表格居中 */
.layui-table th, .layui-table td {
    /*text-align: center!important;*/
}

.overflow-x {
    overflow-x: scroll
}

.overflow-y {
    overflow-y: scroll
}

/* 常用样式 */
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}

.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70px!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}

.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}

.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

.pl10 {padding-left: 10px!important;}
.pl20 {padding-left: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}
.pl90 {padding-left: 90px!important;}
.pl100 {padding-left: 100px!important;}

.pr10 {padding-right: 10px!important;}
.pr20 {padding-right: 20px!important;}
.pr30 {padding-right: 30px!important;}
.pr40 {padding-right: 40px!important;}
.pr50 {padding-right: 50px!important;}
.pr60 {padding-right: 60px!important;}
.pr70 {padding-right: 70px!important;}
.pr80 {padding-right: 80px!important;}
.pr90 {padding-right: 90px!important;}
.pr100 {padding-right: 100px!important;}

.pt10 {padding-top: 10px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt60 {padding-top: 60px!important;}
.pt70 {padding-top: 70px!important;}
.pt80 {padding-top: 80px!important;}
.pt90 {padding-top: 90px!important;}
.pt100 {padding-top: 100px!important;}

.pb10 {padding-bottom: 10px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb80 {padding-bottom: 80px!important;}
.pb90 {padding-bottom: 90px!important;}
.pb100 {padding-bottom: 100px!important;}

.blank10, .blank20, .blank30, .blank40, .blank50, .blank60, .blank70, .blank80, .blank90, .blank100 {
    clear: both!important;
    padding: 0!important;
    margin: 0!important;
    overflow: hidden!important;
    line-height: 0!important;
    font-size: 0!important;
}
.blank10 {height: 10px!important;}
.blank20 {height: 20px!important;}
.blank30 {height: 30px!important;}
.blank40 {height: 40px!important;}
.blank50 {height: 50px!important;}
.blank60 {height: 60px!important;}
.blank70 {height: 70px!important;}
.blank80 {height: 80px!important;}
.blank90 {height: 90px!important;}
.blank100 {height: 100px!important;}

.f10 {font-size: 10px!important;}
.f12 {font-size: 12px!important;}
.f14 {font-size: 14px!important;}
.f16 {font-size: 16px!important;}
.f18 {font-size: 18px!important;}
.f20 {font-size: 20px!important;}
.f22 {font-size: 22px!important;}
.f24 {font-size: 24px!important;}
.f26 {font-size: 26px!important;}
.f28 {font-size: 28px!important;}
.f30 {font-size: 30px!important;}
.f32 {font-size: 32px!important;}
.f34 {font-size: 34px!important;}
.f36 {font-size: 36px!important;}
.f38 {font-size: 38px!important;}
.f40 {font-size: 40px!important;}
.f42 {font-size: 42px!important;}
.f44 {font-size: 44px!important;}
.f46 {font-size: 46px!important;}
.f48 {font-size: 48px!important;}


.layui-file {
    width: 100%;
    position: relative;
    display: flex;
}

.layui-file input[type="file"] {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    cursor: pointer;
    opacity: 0;
}

.layui-file::before {
    /*content: '请选择要上传的文件';*/
    content:attr(data-content-before);
    flex: 3;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 2px;
    text-indent: 12px;
    color: #333
}

.layui-file::after {
    content: '选择文件';
    flex: 1;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.layui-text-red {
    color: #FF5722!important;
}
.layui-text-orange {
    color: #FFB800!important;
}
.layui-text-green {
    color: #009688!important;
}
.layui-text-cyan {
    color: #2F4056!important;
}
.layui-text-blue {
    color: #005aea!important;
}
.layui-text-black {
    color: #393D49!important;
}
.layui-text-gray {
    color: #eee!important;
}