body {
    font-family: "PingFang SC",Segoe UI,Roboto,Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/* color */
.primary-color {
    color: #3899ff;
}
/*margin*/
.marginTop10{
    margin-top: 10% !important;
}
.m1rem{
    margin: 1rem !important;
}
.mT1rem{
    margin-top: 1rem !important;
}
.ma0{
    margin: 0px !important;
}
.ma20{
    margin: 20px !important;
}
.ml0{
    margin-left: 0px !important;
}
.ml2{
    margin-left: 2px !important;
}
.ml4{
    margin-left: 4px !important;
}
.ml6{
    margin-left: 6px !important;
}
.ml10{
    margin-left: 10px !important;
}
.ml20{
    margin-left: 20px !important;
}
.ml30{
    margin-left: 30px !important;
}
.ml50{
    margin-left: 50px !important;
}
.ml79{
    margin-left: 79px !important;
}
.ml96{
    margin-left: 96px !important;
}
.ml110{
    margin-left: 110px !important;
}
.ml120{
    margin-left: 120px !important;
}
.ml129{
    margin-left: 129px !important;
}
.ml170{
    margin-left: 170px !important;
}
.mr0{
    margin-right: 0px !important;
}
.mr8{
    margin-right: 8px !important;
}
.mr10{
    margin-right: 10px !important;
}
.mr12{
    margin-right: 12px !important;
}
.mr14{
    margin-right: 14px !important;
}
.mr16{
    margin-right: 16px !important;
}
.mr20{
    margin-right: 20px !important;
}
.mr24{
    margin-right: 24px !important;
}
.mr30{
    margin-right: 30px !important;
}
.mt1rem{
    margin-top: 1rem !important;
}
.mt0{
    margin-top: 0px !important;
}
.mt2{
    margin-top: 2px !important;
}
.mt3{
    margin-top: 3px !important;
}
.mt4{
    margin-top: 4px !important;
}
.mt5{
    margin-top: 5px !important;
}
.mt6{
    margin-top: 6px !important;
}
.mt7{
    margin-top: 7px !important;
}
.mt8{
    margin-top: 8px !important;
}
.mt10{
    margin-top: 10px !important;
}
.mt14{
    margin-top: 14px !important;
}
.mt15{
    margin-top: 15px !important;
}
.mt16{
    margin-top: 16px !important;
}
.mt20{
    margin-top: 20px !important;
}
.mt22{
    margin-top: 22px !important;
}
.mt30{
    margin-top: 30px !important;
}
.mt40{
    margin-top: 40px !important;
}
.mt50{
    margin-top: 50px !important;
}
.mt120{
    margin-top: 120px !important;
}
.mb0{
    margin-bottom: 0px !important;
}
.mb4{
    margin-bottom: 4px !important;
}
.mb15{
    margin-bottom: 15px !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;
}
.mb80{
    margin-bottom: 80px !important;
}

/*padding*/
.pTb0rem{
    padding: 0 1rem !important;
}
.p1rem{
    padding: 1rem !important;
}
.pl1rem{
    padding-left: 1rem !important;
}
.pr1rem{
    padding-right: 1rem !important;
}
.pa0{
    padding: 0px !important;
}
.pa22{
    padding: 22px !important;
}
.pt0{
    padding-top: 0px !important;
}
.pt20{
    padding-top: 20px !important;
}
.pt30{
    padding-top: 30px !important;
}
.pt40{
    padding-top: 40px !important;
}
.pt46{
    padding-top: 46px !important;
}
.pt50{
    padding-top: 50px !important;
}
.pt60{
    padding-top: 60px !important;
}
.pt70{
    padding-top: 70px !important;
}
.pt80{
    padding-top: 80px !important;
}
.pt100{
    padding-top: 100px !important;
}
.pt120{
    padding-top: 120px !important;
}
.pt1rem{
    padding-top: 1rem !important;
}
.pl0{
    padding-left: 0px !important;
}
.pl10{
    padding-left: 10px !important;
}
.pl15{
    padding-left: 15px !important;
}
.pr0{
    padding-right: 0px !important;
}
.pr10{
    padding-right: 10px !important;
}
.pr15{
    padding-right: 15px !important;
}
.pb0{
    padding-bottom: 0px !important;
}
.pb20{
    padding-bottom: 10px !important;
}
.pb30{
    padding-bottom: 30px !important;
}
.pb40{
    padding-bottom: 40px !important;
}
.pb60{
    padding-bottom: 60px !important;
}
.pb66{
    padding-bottom: 66px !important;
}
.pb70{
    padding-bottom: 70px !important;
}
.pb80{
    padding-bottom: 80px !important;
}
.pb100{
    padding-bottom: 100px !important;
}
.pb120{
    padding-bottom: 120px !important;
}
.pb140{
    padding-bottom: 140px !important;
}
.paddingLr0{
    padding-left: 0px;
    padding-right: 0px;
}
.padding1{
    padding: 1rem;
}
.pb1rem{
    padding-bottom: 1rem !important;
}
/*width*/
.wdAuto{
    width: auto !important;
}
.width100{
    width: 100% !important;
}
.wd56{
    width: 56px !important;
}
.wd100{
    width: 100px !important;
}
.wd70{
    width: 70px !important;
}
.wd110{
    width: 110px !important;
}
.wd148{
    width: 148px !important;
}
.wd170{
    width: 170px !important;
}
.wd200{
    width: 200px !important;
}
/*height*/
.height42{
    height: 42px !important;
}
/*line-height*/
.lh28{
    line-height: 28px !important;
}
/*border*/
.borderNone{
    border: none !important;
}
/*font-size*/
.fs15{
    font-size: 15px !important;
}
.fs16{
    font-size: 16px !important;
}
.fs18{
    font-size: 18px !important;
}
.fwBold{
    font-weight: bold;
}
/*color*/
.colorW{
    color: #fff !important;
    background-color: #0087fa !important;
    border-color: #0087fa !important;
}

.layui-layout-admin .nav-side-custom{
    position: initial;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

/*background*/
.bgw{
    background: #fff;
}

/*color*/
.colorWhite{
    color: #fff;
}

/* 清除浮动 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0;
}

.clearfix { *zoom:1;}

.headline-title{
    font-size: 17px;
    font-weight: bold;
    color: #3899ff;
}

.verticalMiddle{
    vertical-align: middle;
}

.uniformColor{
    color: #3899ff !important;
}

.layui-table-page {
    overflow-x: auto !important;
}

.layui-form-switch{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.layui-form-onswitch{
    border-color: #3899ff;
    background-color: #3899ff;
}

.layui-table td, .layui-table th {
    font-size: 14px !important;
}

.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 6px 0;
}
.layui-laypage-btn, .layui-laypage-limits select{
    font-size: 14px;
}

.fontOrange{
    color: #FFB800;
}

.fontGreen{
    color: #009688;
}

.fontRed{
    color: #FF5722 !important;
}

.fontBlue{
    color: #01AAED;
}

.number-counter {
    user-select: none;
}

.number-counter .number-value{
    border: 1px solid #5d5b5b;
    height: 22px !important;
    width: 43px;
    text-align: center;
    line-height: 22px !important;
    float: left;
    border-left: 0;
    border-right: 0;
}

.number-counter .number-vary{
    border: 1px solid #5d5b5b;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    float: left;
    cursor: pointer;
    background-color: white;
    font-size: 14px;
    box-sizing: content-box;
}

.ui-modal {
    padding: 15px 15px 0 15px;
}

.boxShadow{
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.03);
}
.layui-form-select dl{
    max-height: 188px !important;
}
/**
更改默认的input的placeholder的字体颜色
 */
input::-webkit-input-placeholder{
    color: #cccccc;
}
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #cccccc;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cccccc;
}

body .layui-form-label {
    width: auto;
    margin-bottom: auto;
}

.iblock{
    display: inline-block;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.no-event {
    pointer-events: none;
    cursor: default;
}

.btn-default:hover{
    background-color: #fff;
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}