.layui-table td, .layui-table th {
    font-size: 12px;
}

.layui-console-card {
    min-height: 165px;
    height: 165px;
}

.layui-form-select dl {
    max-height: 500px
}

.pointer {
    cursor: pointer;
}

/* float --begin-- */
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/* float --end-- */

/* text-align --begin-- */
.tc {
    text-align: center !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

/* text-align --end-- */

/* border --begin-- */
.border {
    border: 1px solid #ddd;
}

.border-eee {
    border: 1px solid #eee;
}

.border_blue {
    border: 1px solid #488fe1;
}

.border-red {
    border: 1px solid #cc0000;
}

.border-top {
    border-top: 1px solid #ccc;
}

.border-top-ddd {
    border-top: 1px solid #ddd;
}

.border-top-dotted {
    border-top: 1px dotted #ccc;
}

.border-top-dashed {
    border-top: 1px dashed #ccc;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #ccc;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #ccc;
}

/* border --end-- */

/* background-color --begin-- */
.bgFFF {
    background-color: #fff;
}

.bgGreen {
    background-color: #5eb95e;
}

.bgYellow {
    background-color: #FFE4B5;
}

.bgYellow2 {
    background-color: #FAEBD7;
}

.bgYellow3 {
    background-color: #FFF6D9;
}

.bgGray {
    background-color: #f2f2f2;
}

.bgF5F5F5 {
    background-color: #f5f5f5;
}

.bgFFFBox {
    background-color: #fff;
    margin-bottom: 8px;
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* background-color --end-- */

/* margin+padding --begin-- */
.m0 {
    margin: 0px !important;
}

.m3 {
    margin: 3px !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mr200 {
    margin-right: 200px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.p0 {
    padding: 0px !important;
}

.p1 {
    padding: 1px !important;
}

.p2 {
    padding: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.p5 {
    padding: 5px !important;
}

.p8 {
    padding: 8px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl100 {
    padding-left: 100px !important;
}

/* margin+padding --end-- */

/* color --begin-- */
.white {
    color: #fff !important;
}

.white1 {
    color: #fff !important;
}

.black {
    color: #333 !important;
}

.green {
    color: #358e00 !important;
}

.yellow {
    color: #ff0 !important;
}

.gray {
    color: #666 !important;
}

.gray1 {
    color: #999 !important;
}

.gray2 {
    color: #b2b2b2 !important;
}

.gray3 {
    color: #ccc !important;
}

.blue {
    color: #488fe1 !important;
}

.blue2 {
    color: #186db4 !important;
}

.blue3 {
    color: #006699 !important;
}

.blue-origin {
    color: #0000ff !important;
}

.red {
    color: #f00 !important;
}

.red2 {
    color: #c00 !important;
}

.red3 {
!important;
    color: #830000 !important;
}

.orange {
    color: #ff8400 !important;
}

.orange2 {
    color: #f60 !important;
}

.orange3 {
    color: #d53e16 !important;
}

/* color --end-- */

/* font-weight + font-size --begin-- */
.fb {
    font-weight: bold !important;
}

.fn {
    font-weight: normal !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;
}

/* font-weight + font-size --end-- */

.PicBox22 {
    border: 1px solid #ddd;
    width: 22px;
    height: 22px;
    line-height: 20px;
    padding: 1px;
    text-align: center;
}

.PicBox32 {
    border: 1px solid #ddd;
    width: 32px;
    height: 32px;
    line-height: 30px;
    padding: 1px;
    text-align: center;
}

.PicBox42 {
    border: 1px solid #ddd;
    width: 42px;
    height: 42px;
    line-height: 40px;
    padding: 1px;
    text-align: center;
}

.PicBox52 {
    border: 1px solid #ddd;
    width: 52px;
    height: 52px;
    line-height: 50px;
    padding: 1px;
    text-align: center;
}

.PicBox62 {
    border: 1px solid #ddd;
    width: 62px;
    height: 62px;
    line-height: 60px;
    padding: 1px;
    text-align: center;
}

.PicBox82 {
    border: 1px solid #ddd;
    width: 82px;
    height: 82px;
    line-height: 80px;
    padding: 1px;
    text-align: center;
}

.PicBox102 {
    border: 1px solid #ddd;
    width: 102px;
    height: 102px;
    line-height: 100px;
    padding: 1px;
    text-align: center;
}

.PicBox202 {
    border: 1px solid #ddd;
    width: 202px;
    height: 202px;
    line-height: 200px;
    padding: 1px;
    text-align: center;
}

.PicBox302 {
    border: 1px solid #ddd;
    width: 302px;
    height: 302px;
    line-height: 300px;
    padding: 1px;
    text-align: center;
}