.p-t-0{
     padding-top: 0;
}

.p-t-5{
    padding-top: 5px;
}

.p-t-10{
    padding-top: 10px;
}

.p-t-15{
    padding-top: 15px;
}

.p-t-20{
    padding-top: 20px;
}

.p-t-25{
    padding-top: 25px;
}

.p-t-30{
    padding-top: 30px;
}

.p-b-0{
    padding-bottom: 0;
}

.p-b-5{
    padding-bottom: 5px;
}

.p-b-10{
    padding-bottom: 10px !important;
}

.p-b-15{
    padding-bottom: 15px;
}

.p-b-20{
    padding-bottom: 20px;
}

.p-b-25{
    padding-bottom: 25px;
}

.p-b-30{
    padding-bottom: 30px;
}

.p-r-0{
    padding-right: 0;
}

.p-r-5{
    padding-right: 5px;
}

.p-r-10{
    padding-right: 10px;
}

.p-r-15{
    padding-right: 15px;
}

.p-r-20{
    padding-right: 20px;
}

.p-r-25{
    padding-right: 25px;
}

.p-r-30{
    padding-right: 30px;
}

.p-r-40{
    padding-right: 40px;
}

.p-r-50{
    padding-right: 50px;
}

.p-r-60{
    padding-right: 60px;
}

.p-r-65{
    padding-right: 65px;
}

.p-r-70{
    padding-right: 70px;
}

.m-t-0{
    margin-top: 0;
}

.m-t-10{
    margin-top: 10px;
}

.m-t-15{
    margin-top: 15px !important;
}

.m-t-20{
    margin-top: 20px !important;
}

.m-t-25{
    margin-top: 25px;
}

.m-t-30{
    margin-top: 30px !important;
}

.m-t-40{
    margin-top: 40px;
}

.m-t-50{
    margin-top: 50px;
}

.m-t-60{
    margin-top: 60px;
}

.m-t-70{
    margin-top: 70px;
}

.m-t-80{
    margin-top: 80px;
}

.m-t-90{
    margin-top: 90px;
}

.m-t-100{
    margin-top: 100px;
}

.m-l-20{
    margin-left: 20px;
}

.m-l-22{
    margin-left: 22px;
}

.m-r-0{
    margin-right: 0;
}

.m-r-5{
    margin-right: 5px !important;
}

.m-r-8{
    margin-right: 8px;
}

.m-r-10{
    margin-right: 10px;
}

.m-r-15{
    margin-right: 15px !important;
}

.m-r-20{
    margin-right: 20px !important;
}

.m-r-25{
    margin-right: 25px;
}

.m-r-30{
    margin-right: 30px !important;
}

.m-r-40{
    margin-right: 40px;
}

.m-r-50{
    margin-right: 50px;
}

.m-r-60{
    margin-right: 60px;
}

.m-r-70{
    margin-right: 70px;
}

.m-r-80{
    margin-right: 80px;
}

.m-r-90{
    margin-right: 90px;
}

.m-r-100{
    margin-right: 100px;
}

.m-b-0{
    margin-bottom: 0;
}

.m-b-10{
    margin-bottom: 10px;
}

.m-b-20{
    margin-bottom: 20px;
}

.m-b-30{
    margin-bottom: 30px;
}

.m-b-35{
    margin-bottom: 35px;
}

.m-b-40{
    margin-bottom: 40px;
}

.m-b-50{
    margin-bottom: 50px;
}

.m-b-60{
    margin-bottom: 60px;
}

.m-b-70{
    margin-bottom: 70px;
}

.m-b-80{
    margin-bottom: 80px;
}

.m-b-90{
    margin-bottom: 90px;
}

.m-b-100{
    margin-bottom: 100px;
}

.color-white{
    color: #FFFFFF !important;
}

.color-2{
    color: #222 !important;
}

.color-3{
    color: #333 !important;
}

.color-6{
    color: #666 !important;
}

.color-9{
    color: #999 !important;
}

.c-a{
    color: #e9545d;
}

.b-c-a{
    background-color: #e9545d;
}

.c-b{
    color: #f19975;
}

.b-c-b{
    background-color: #f19975;
}

.c-c{
    color: #4652a1;
}

.b-c-c{
    background-color: #4652a1;
}

.c-d{
    color: #0098d8;
}

.b-c-d{
    background-color: #0098d8;
}

.b-c-e{
    background-color: #ad3395;
}

.b-c-f{
    background-color: #b8783f;
}

.b-c-g{
    background-color: #e0732a;
}

.b-c-h{
    background-color: #8bc24a;
}

.bg-c-id{
    background-color: #0098d8;
}

.bg-c-f{
    background-color: #FFFFFF;
}

.bg-c-f4{
    background-color: #F4F4F4;
}

.bg-c-d{
    background-color: #DDD;
}

.bg-c-c{
    background-color: #CCC;
}

.bg-c-3{
    background-color: #333;
}

.bg-c-6{
    background-color: #666;
}

.bg-c-9{
    background-color: #999;
}

.bg-c-f1{
    background-color: #F1F1F1;
}

.bg-c-f5{
    background-color: #F5F5F5;
}

.bg-c-f8{
    background-color: #F8F8F8;
}

.bg-c-white{
    background-color: #FFFFFF;
}

.h-auto{
    height: auto !important;
}

.h-1{
    height: 1px;
}

.h-20{
    height: 20px;
}

.h-30{
    height: 30px;
}

.h-40{
    height: 40px !important;
}

.h-50{
    height: 50px;
}

.h-60{
    height: 60px;
}

.h-70{
    height: 70px;
}

.h-80{
    height: 80px;
}

.h-90{
    height: 90px;
}

.h-125{
    height: 125px;
}

.h-145{
    height: 145px;
    margin-bottom: 10px;
}

.w-420{
    width: 420px;
}

.w-10{
    width: 10px;
}

.w-20{
    width: 20px;
}

.w-30{
    width: 30px;
}

.w-35{
    width: 35px;
}

.w-40{
    width: 40px;
}

.w-45{
    width: 45px;
}

.w-50{
    width: 50px;
}

.w-60{
    width: 60px;
}

.w-70{
    width: 70px;
}

.w-80{
    width: 80px;
}

.b-r-5{
    border-radius: 5px;
}

.b-r-10{
    border-radius: 10px;
}

.f-l{
    float: left;
}

.f-r{
    float: right;
}

.fit {
    object-fit: cover;
    flex: 1;
}

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsis-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.clearfix::after{
    content: '';
    display: block;
    clear: both;
}

.text-l{
    text-align: left !important;
}

.text-c{
    text-align: center !important;
}

.b-t-1{
    border-bottom: 1px dashed #eee;
}