.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}
.float-none {
    float: none !important;
}
.flex {
    display: flex !important
}
.hidden {
    display: none !important
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-5 {
    margin-top: 1.25rem !important;
}
.mt-7 {
    margin-top: 1.75rem !important;
}
.ml-2 {
    margin-left: 0.5rem !important;
}
.ml-5 {
    margin-left: 1.25rem;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-4 {
    margin-bottom: 1rem !important;
}
.p-10 {
    padding: 2.5rem !important;
}
.pt-12 {
    padding-top: 3rem !important;
}
.pl-20 {
    padding-left: 5rem !important;
}
.cursor-pointer {
    cursor: pointer;
}
.w-full {
    width: 100% !important;
}
.h-full {
    height: 100% !important;
}
/*字体*/
.text-xs {
    font-size: 0.75rem;
}
.text-sm {
    font-size: 0.875rem;
}
.text-base {
    font-size: 1rem;
}
.text-lg {
    font-size: 1.125rem;
}
.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
.text-2xl {
    font-size: 1.5rem;
}
.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-white {
    color: #fff;
}
.text-black {
    color: #000;
}
.font-bold {
    font-weight: 700;
}
.indent-5 {
    text-indent: 1.25rem !important;
}
/** 背景 */
.bg-black {
    background-color: #000;
}