.page-box{
    box-sizing: border-box;
    padding-bottom: env(safe-area-inset-bottom);
}


/*字体大小*/
.sys-size-16{
    font-size: 16rpx;
}
.sys-size-20{
    font-size: 20rpx;
}
.sys-size-22{
    font-size: 22rpx;
}
.sys-size-24{
    font-size: 24rpx;
}
.sys-size-26{
    font-size: 26rpx;
}
.sys-size-28{
    font-size: 28rpx;
}
.sys-size-30{
    font-size: 30rpx;
}
.sys-size-32{
    font-size: 32rpx;
}
.sys-size-34{
    font-size: 34rpx;
}
.sys-size-36{
    font-size: 36rpx;
}
.sys-size-40{
    font-size: 40rpx;
}
.sys-size-44{
    font-size: 44rpx;
}
.sys-size-48{
    font-size: 48rpx;
}
.sys-size-64{
    font-size: 64rpx;
}

/*字体粗细*/
.sys-weight-600{
    font-weight: 600;
}
.sys-weight-400{
    font-weight: 400;
}
.sys-weight-500{
    font-weight: 500;
}


/* box 圆角 */
.sys-radius-4{
    border-radius: 4rpx;
}
.sys-radius-8{
    border-radius: 8rpx;
}
.sys-radius-12{
    border-radius: 12rpx;
}
.sys-radius-16{
    border-radius: 16rpx;
}
.sys-radius-20{
    border-radius: 20rpx;
}
.sys-radius-30{
    border-radius: 30rpx;
}
.sys-radius-50{
    border-radius: 50rpx;
}
.sys-radius-100{
    border-radius: 100rpx;
}
.sys-radius-200{
    border-radius: 200rpx;
}


/*按钮样式*/
.sys-selected-but{
    height: 88rpx;
    line-height: 88rpx;
    text-align: center;
    transition: .5s ease;
}

.sys-unselected-but{
    opacity: 0.5;
    transition: .5s ease;
}

/*文字排版*/
.sys-webkit-box{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sys-webkit-box-2{
    -webkit-line-clamp: 2 !important;
}
.sys-webkit-box-3{
    -webkit-line-clamp: 3 !important;
}


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