* {
    margin: 0;
    padding: 0;
}

p,
span {
    box-sizing: border-box;
}

body, html {
    font-size: 14px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.cursor-pointer {
    cursor: pointer;
}

/* 清除button样式 */
.btn-none {
    display: block;
    margin: 0;
    padding: 0;
    line-height: normal;
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-size: unset;
    text-align: unset;
    overflow: visible;
    color: inherit;
}

/* 清除button::after样式 */
.btn-none::after {
    border: none;
}

.fw-b {
    font-weight: bold;
}

.text-up {
    text-transform: uppercase;
}

.text-low {
    text-transform: lowercase;
}

.text-cap {
    text-transform: capitalize;
}

.text-r {
    text-align: right;
}

.text-c {
    text-align: center;
}

.text-last-justify {
    text-align-last: justify;
}

.text-lh {
    text-decoration: line-through;
}

/* 外边距 */
.mar-3 {
    margin: 3px;
}

.mar-l3 {
    margin-left: 3px;
}

.mar-r3 {
    margin-right: 3px;
}

.mar-lr3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mar-t3 {
    margin-top: 3px;
}

.mar-b3 {
    margin-bottom: 3px;
}

.mar-tb3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.mar-6 {
    margin: 6px;
}

.mar-l6 {
    margin-left: 6px;
}

.mar-r6 {
    margin-right: 6px;
}

.mar-lr6 {
    margin-left: 6px;
    margin-right: 6px;
}

.mar-t6 {
    margin-top: 6px;
}

.mar-b6 {
    margin-bottom: 6px;
}

.mar-tb6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mar-12 {
    margin: 12px;
}

.mar-l12 {
    margin-left: 12px;
}

.mar-r12 {
    margin-right: 12px;
}

.mar-lr12 {
    margin-left: 12px;
    margin-right: 12px;
}

.mar-t12 {
    margin-top: 12px;
}

.mar-b12 {
    margin-bottom: 12px;
}

.mar-tb12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.mar-16 {
    margin: 16px;
}

.mar-l16 {
    margin-left: 16px;
}

.mar-r16 {
    margin-right: 16px;
}

.mar-lr16 {
    margin-left: 16px;
    margin-right: 16px;
}

.mar-t16 {
    margin-top: 16px;
}

.mar-b16 {
    margin-bottom: 16px;
}

.mar-tb16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mar-28 {
    margin: 28px;
}

.mar-l28 {
    margin-left: 28px;
}

.mar-r28 {
    margin-right: 28px;
}

.mar-lr28 {
    margin-left: 28px;
    margin-right: 28px;
}

.mar-t28 {
    margin-top: 28px;
}

.mar-b28 {
    margin-bottom: 28px;
}

.mar-tb28 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.mar-40 {
    margin: 40px;
}

.mar-l40 {
    margin-left: 40px;
}

.mar-r40 {
    margin-right: 40px;
}

.mar-lr40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mar-t40 {
    margin-top: 40px;
}

.mar-b40 {
    margin-bottom: 40px;
}

.mar-tb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mar-42 {
    margin: 42px;
}

.mar-l42 {
    margin-left: 42px;
}

.mar-r42 {
    margin-right: 42px;
}

.mar-lr42 {
    margin-left: 42px;
    margin-right: 42px;
}

.mar-t42 {
    margin-top: 42px;
}

.mar-b42 {
    margin-bottom: 42px;
}

.mar-tb42 {
    margin-top: 42px;
    margin-bottom: 42px;
}

.mar-48 {
    margin: 48px;
}

.mar-l48 {
    margin-left: 48px;
}

.mar-r48 {
    margin-right: 48px;
}

.mar-lr48 {
    margin-left: 48px;
    margin-right: 48px;
}

.mar-t48 {
    margin-top: 48px;
}

.mar-b48 {
    margin-bottom: 48px;
}

.mar-tb48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.mar-56 {
    margin: 56px;
}

.mar-l56 {
    margin-left: 56px;
}

.mar-r56 {
    margin-right: 56px;
}

.mar-lr56 {
    margin-left: 56px;
    margin-right: 56px;
}

.mar-t56 {
    margin-top: 56px;
}

.mar-b56 {
    margin-bottom: 56px;
}

.mar-tb56 {
    margin-top: 56px;
    margin-bottom: 56px;
}

.mar-auto {
    margin: 0 auto;
}

/* 内边距 */
.padd-3 {
    padding: 3px;
}

.padd-l3 {
    padding-left: 3px;
}

.padd-r3 {
    padding-right: 3px;
}

.padd-lr3 {
    padding-left: 3px;
    padding-right: 3px;
}

.padd-t3 {
    padding-top: 3px;
}

.padd-b3 {
    padding-bottom: 3px;
}

.padd-6 {
    padding: 6px;
}

.padd-l6 {
    padding-left: 6px;
}

.padd-r6 {
    padding-right: 6px;
}

.padd-lr6 {
    padding-left: 6px;
    padding-right: 6px;
}

.padd-t6 {
    padding-top: 6px;
}

.padd-b6 {
    padding-bottom: 6px;
}

.padd-tb6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.padd-12 {
    padding: 12px;
}

.padd-l12 {
    padding-left: 12px;
}

.padd-r12 {
    padding-right: 12px;
}

.padd-lr12 {
    padding-left: 12px;
    padding-right: 12px;
}

.padd-t12 {
    padding-top: 12px;
}

.padd-b12 {
    padding-bottom: 12px;
}

.padd-tb12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.padd-16 {
    padding: 16px;
}

.padd-l16 {
    padding-left: 16px;
}

.padd-r16 {
    padding-right: 16px;
}

.padd-lr16 {
    padding-left: 16px;
    padding-right: 16px;
}

.padd-t16 {
    padding-top: 16px;
}

.padd-b16 {
    padding-bottom: 16px;
}

.padd-tb16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.padd-28 {
    padding: 28px;
}

.padd-l28 {
    padding-left: 28px;
}

.padd-r28 {
    padding-right: 28px;
}

.padd-lr28 {
    padding-left: 28px;
    padding-right: 28px;
}

.padd-t28 {
    padding-top: 28px;
}

.padd-b28 {
    padding-bottom: 28px;
}

.padd-tb28 {
    padding-top: 28px;
    padding-bottom: 28px;
}

.padd-40 {
    padding: 40px;
}

.padd-l40 {
    padding-left: 40px;
}

.padd-r40 {
    padding-right: 40px;
}

.padd-lr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padd-t40 {
    padding-top: 40px;
}

.padd-b40 {
    padding-bottom: 40px;
}

.padd-tb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padd-42 {
    padding: 42px;
}

.padd-l42 {
    padding-left: 42px;
}

.padd-r42 {
    padding-right: 42px;
}

.padd-lr42 {
    padding-left: 42px;
    padding-right: 42px;
}

.padd-t42 {
    padding-top: 42px;
}

.padd-b42 {
    padding-bottom: 42px;
}

.padd-tb42 {
    padding-top: 42px;
    padding-bottom: 42px;
}

.padd-48 {
    padding: 48px;
}

.padd-l48 {
    padding-left: 48px;
}

.padd-r48 {
    padding-right: 48px;
}

.padd-lr48 {
    padding-left: 48px;
    padding-right: 48px;
}

.padd-t48 {
    padding-top: 48px;
}

.padd-b48 {
    padding-bottom: 48px;
}

.padd-tb48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padd-56 {
    padding: 56px;
}

.padd-l56 {
    padding-left: 56px;
}

.padd-r56 {
    padding-right: 56px;
}

.padd-lr56 {
    padding-left: 56px;
    padding-right: 56px;
}

.padd-t56 {
    padding-top: 56px;
}

.padd-b56 {
    padding-bottom: 56px;
}

.padd-tb56 {
    padding-top: 56px;
    padding-bottom: 56px;
}

/* 文本大小 */
.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-38 {
    font-size: 38px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-42 {
    font-size: 42px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-82 {
    font-size: 82px !important;
}

/* 文本间距 */
.ls-1 {
    letter-spacing: 1px;
}

/* 圆角大小 */
.border-r8 {
    border-radius: 8px;
}

.border-r_100 {
    border-radius: 100%;
}

.border-r_50 {
    border-radius: 50%;
}

/* 边框 */


/* 宽高度 */
.wh-20 {
    width: 20px;
    height: 20px;
}

.wh-54 {
    width: 54px;
    height: 54px;
}

.wh-90 {
    width: 90px;
    height: 90px;
}

.wh-130 {
    width: 130px;
    height: 130px;
}

.wh-280 {
    width: 280px;
    height: 280px;
}

.wh-360 {
    width: 360px;
    height: 360px;
}

.wh-600 {
    width: 600px;
    height: 600px;
}

.wh-650 {
    width: 650px;
    height: 650px;
}

/* 宽度 */
.w-54 {
    width: 54px;
}

.w-60 {
    width: 60px;
}

.w-130 {
    width: 130px;
}

.w-280 {
    width: 280px;
}

.w-360 {
    width: 360px;
}

.w-600 {
    width: 600px;
}

.w-650 {
    width: 650px;
}

/* 高度 */
.h-54 {
    height: 54px;
}

.h-114 {
    height: 114px;
}

.h-130 {
    height: 130px;
}

.h-280 {
    height: 280px;
}

.h-360 {
    height: 360px;
}

.h-600 {
    height: 600px;
}

.h-650 {
    height: 650px;
}

.wh_100 {
    width: 100%;
    height: 100%;
}

.w_100 {
    width: 100%;
}

.h_100 {
    height: 100%;
}

.wh_50 {
    width: 50%;
    height: 50%;
}

.w_50 {
    width: 50%;
}

.h_50 {
    height: 50%;
}

.input-box {
    text-align: right !important;
}

.textarea-class,
.placeholder-class {
    color: #999 !important;
    font-size: 14px;
    line-height: 14px;
}

.parse {
    line-height: 26px;
}

.hover-class {
    background-color: #f3f4f6;
}

.position-r {
    position: relative;
}

.position-a {
    position: absolute;
}

.position-f {
    position: fixed;
}

.position-s {
    position: sticky;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 98;
}

.search-box {
    background-color: #fafafa;
    padding: 6px 8px;
    border-radius: 8px;
}

.require-field_before::before {
    content: '*';
    color: #ff0000;
    margin-right: 3px;
}

.require-field_after::after {
    content: '*';
    color: #ff0000;
    margin-left: 3px;
}

.title-line {
    width: 3px;
    height: 14px;
    border-radius: 1px;
    background-color: #BF0C13;
    margin-right: 6px;
}