.w {
    width: 100%;
}

.h {
    height: 100%;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

.l0 {
    left: 0;
}

.t0 {
    top: 0;
}

.r0 {
    right: 0;
}

.b0 {
    bottom: 0;
}

.zx1 {
    z-index: 1;
}

.zx2 {
    z-index: 2;
}

.zx8 {
    z-index: 8;
}

.zx9 {
    z-index: 9;
}

.zx99 {
    z-index: 99;
}

.o0 {
    opacity: 0;
}

.cur {
    cursor: pointer;
}

.cd {
    color: #00B3C7;
}

.cb {
    color: #14CEE2;
}

.cw {
    color: #ffffff;
}

.c0 {
    color: #000000;
}

.c3 {
    color: #303133;
}

.c9 {
    color: #909399;
}

.db {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.bg_cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.b {
    font-weight: bold;
}

.f0 {
    font-size: 0;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.lh1 {
    line-height: 1;
}

.lh24 {
    line-height: 24px;
}

.ell, .ell_2, .ell_3{
    text-overflow: ellipsis;
    overflow: hidden;
}
.ell_2, .ell_3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ell{
    white-space: nowrap;
}
.ell_2{
    -webkit-line-clamp: 2;
}
.ell_3{
    -webkit-line-clamp: 3;
}


.trans{
    transition: all .3s;
    
}
.delay-0_1{
    transition-delay: 0.1s;
}
.delay-0_2{
    transition-delay: 0.2s;
}
.delay-0_3{
    transition-delay: 0.3s;
}
.delay-0_4{
    transition-delay: 0.4s;
}
.delay-0_5{
    transition-delay: 0.5s;
}
.delay-0_6{
    transition-delay: 0.6s;
}
.delay-0_7{
    transition-delay: 0.7s;
}
.delay-0_8{
    transition-delay: 0.8s;
}
.delay-0_9{
    transition-delay: 0.9s;
}