*{box-sizing:border-box;}
body{margin: 0;padding: 0}
.container{width: 100%;min-height: 100vh;}
.layui-layer-hui .layui-layer-content{padding: 4px 15px !important;}
.c0{color: #000000;}
.c2{color: #222222;}
.c3{color: #333333;}
.c6{color: #666666;}
.c9{color: #999999;}
.cc{color: #cc0000;}
.ca5{color: #A5A5A5;}
.cf{color: #ffffff;}
.cde{color: #dedede;}
.c5c{color: #C5C2D1;}
.cd{color: #D0D0D0;}
.c14{color: #141416;}
.c7b{color: #7B7B7B;}
.cb0{color: #B0B3B8;}
.cfd{color: #FD5C52;}
.cblue{color: #43b5ff;}
.cd8{color: #D8D8D8;}
.cf55{color: #F55959;}
.cffd{color: #FFD626;}
.c5f3{color: #5F3D19;}
.f22{font-size: 0.22rem;}
.f24{font-size: 0.24rem;}
.f26{font-size: 0.26rem;}
.f28{font-size: 0.28rem;}
.f30{font-size: 0.3rem;}
.f32{font-size: 0.32rem;}
.f34{font-size: 0.34rem;}
.f36{font-size: 0.36rem;}
.f38{font-size: 0.38rem;}
.f40{font-size: 0.4rem;}
.f42{font-size: 0.42rem;}
.lh1{line-height: 1;}
.wb{font-weight: 600;}
.e3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.e1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ml10{margin-left: 0.1rem;}
.ml15{margin-left: 0.15rem;}
.ml20{margin-left: 0.20rem;}
.ml25{margin-left: 0.25rem;}
.ml30{margin-left: 0.30rem;}
.ml28{margin-left: 0.28rem;}
.mt10{margin-top: 0.10rem;}
.mt15{margin-top: 0.15rem;}
.mt20{margin-top: 0.20rem;}
.mt25{margin-top: 0.25rem;}
.mt30{margin-top: 0.30rem;}
.mt60{margin-top: 0.60rem;}
.t-c{text-align: center}

/*  -- flex弹性布局 -- */
.flex {
    display: flex;
}

.basis-xs {
    flex-basis: 20%;
}

.basis-sm {
    flex-basis: 40%;
}

.basis-df {
    flex-basis: 50%;
}

.basis-lg {
    flex-basis: 60%;
}

.basis-xl {
    flex-basis: 80%;
}

.flex-shrink{
    flex-shrink:0;
}

.flex-sub {
    flex: 1;
}

.flex-twice {
    flex: 2;
}

.flex-treble {
    flex: 3;
}

.flex-direction {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.align-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.align-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}