/* 字号 */
.font18{
    font-size: 1.125rem;
    line-height: 2rem;
}
.font24{
    font-size: 1.5rem;
    line-height: 2.5rem;
}
.font36{
    font-size: 2.25rem;
    line-height: 3rem;
}
.font40{
    font-size: 2.5rem;
    line-height: 6rem;
}
.font64{
    font-size: 4rem;
    line-height: 6rem;
}
.font96{
    font-size: 6rem;
    line-height: 6rem;
}
/* 字体颜色 */
.white{
    color: #fff;
}
.white5{
    color: rgba(255, 255, 255, 0.50);
}
.color0075C9{
    color: #0075C9;
}
.color303133{
    color: #303133;
}
.color005CB9{
    color: #005CB9;
}
.color606266{
    color: #606266;
}
/* 背景颜色 */
.bg-white{
    background: #fff;
}
/* 字体对齐方式 */
.text-start{
    text-align: start;
}
.text-center{
    text-align: center;
}
.text-end{
    text-align: end;
}
/* 模块间距 */
/* 上 */
.margin-top30{
    margin-top: 1.875rem;
}
.margin-top80{
    margin-top: 5rem;
}
.padding-top120{
    padding-top: 7.5rem;
}
/* 下 */
.margin-bottom24{
    margin-bottom: 1.5rem;
}
.margin-bottom40{
    margin-bottom: 2.5rem;
}
.padding-bottom40{
    padding-bottom: 2.5rem;
}

/* 上下 */
.margin-tb12{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.margin-tb20{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.margin-tb140{
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
}
.padding-tb40{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.padding-tb120{
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
/* 左 */
.margin-left30{
    margin-left: 1.875rem;
}
/* 右 */
.margin-right20{
    margin-right: 1.25rem;
}
.margin-right40{
    margin-right: 2.5rem;
}
/* 左右 */
.margin-lr40{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.padding-lr200{
    padding-left: 12.5rem;
    padding-right: 12.5rem;
}
/* 上下左右 */
.padding20{
    padding: 1.25rem;
}
.padding30{
    padding: 1.875rem;
}
/* flex布局 */
.flex{
    display: flex;
}
.flex-column{
    flex-direction: column;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.align-start{
    align-items: flex-start;
}
.justify-item-end{
    justify-items: flex-end;
}
.align-center{
    align-items: center;
}
.align-end{
    align-items: flex-end;
}
/* grid布局 */
.grid{
    display: grid;
}
.grid-column2{
    grid-template-columns: repeat(2,1fr);
}
.grid-column3{
    grid-template-columns: repeat(3,1fr);
}
.row-gap40{
    row-gap: 2.5rem;
}
.column-gap40{
    column-gap:2.5rem
}
/* 定位 */
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.left{
    left: 0rem;
}
.left25{
    left: 25%;
}
.top{
    top: 0rem;
}
.top30{
    top: 30%;
}
.top140{
    top: 8.75rem;
}
.bottom120{
    bottom: 7.5rem;
}
/* 模块宽高 */
.width30{
    width: 30%;
}
.width35 {
    width: 35%;
}
.width70 {
    width: 70%;
}
.width100 {
    width: 100%;
}
.height100{
    height: 100%;
}
.height100vh{
    height: 100vh;
}
/* icon大小 */
.width80{
    width: 5rem;
}