/* 公共样式表 */
page {
    min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
    font-size: 28rpx;
    background-color: #f4f4f4;
    color: #333333;
    overflow: hidden;
}

image {
    width: 100%;
    height: 100%;
}

.page-body {
    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
}

body,
html {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

/* 布局调整 */


/* 控制hover */
.opctiy_8 {
    opacity: 0.8 !important;
}

.opctiy_7 {
    opacity: 0.7 !important;
}

.opctiy_6 {
    opacity: 0.6 !important;
}

.opctiy_5 {
    opacity: 0.5 !important;
}

.opctiy_4 {
    opacity: 0.4 !important;
}

.opctiy_3 {
    opacity: 0.3 !important;
}

.opctiy_2 {
    opacity: 0.2 !important;
}

.opctiy_1 {
    opacity: 0.1 !important;
}

/* 控制文字大小 */
.fs_10 {
    font-size: 20rpx !important;
}

.fs_12 {
    font-size: 24rpx !important;
}

.fs_14 {
    font-size: 28rpx !important;
}

.fs_16 {
    font-size: 32rpx !important;
}

.fs_18 {
    font-size: 36rpx !important;
}

.fs_20 {
    font-size: 40rpx !important;
}

.fs_22 {
    font-size: 44rpx !important;
}

.fs_24 {
    font-size: 48rpx !important;
}

.fs_26 {
    font-size: 52rpx !important;
}

.fs_28 {
    font-size: 56rpx !important;
}

.fs_30 {
    font-size: 60rpx !important;
}

.fs_32 {
    font-size: 64rpx !important;
}

/* 控制字体粗细 */
.fw_blod {
    font-weight: bold;
}

/* 控制字体颜色 */
.color_D16B3F {
    color: #D16B3F !important;
}

.color_C7331D {
    color: #C7331D !important;
}

.color_666666 {
    color: #666666 !important;
}

.color_F8A52F {
    color: #F8A52F !important;
}

.color_999999 {
    color: #999999 !important;
}

.color_C7331D {
    color: #C7331D !important;
}

.color_333333 {
    color: #333333 !important;
}

.color_FFFFFF {
    color: #FFFFFF !important;
}

.color_E7612E {
    color: #E7612E !important;
}

.color_EF4B37 {
    color: #EF4B37 !important;
}

.color_5F5F5F {
    color: #5F5F5F !important;
}

.color_FB7307 {
    color: #FB7307 !important;
}

.color_4873D9 {
    color: #4873D9 !important;
}

.color_4E8ADE {
    color: #4E8ADE !important;
}

.color_D9D9D9 {
    color: #D9D9D9 !important;
}

/* 控制左右距离 */
.mar_le30 {
    margin-left: 60rpx !important;
}

.mar_le25 {
    margin-left: 50rpx !important;
}

.mar_le20 {
    margin-left: 40rpx !important;
}

.mar_le15 {
    margin-left: 30rpx !important;
}

.mar_le10 {
    margin-left: 20rpx !important;
}

.mar_le5 {
    margin-left: 10rpx !important;
}

.mar_ri5 {
    margin-right: 10rpx !important;
}

.mar_ri10 {
    margin-right: 20rpx !important;
}

.mar_ri15 {
    margin-right: 30rpx !important;
}

.mar_ri20 {
    margin-right: 40rpx !important;
}

.mar_ri25 {
    margin-right: 50rpx !important;
}

.mar_top0 {
    margin-top: 0 !important;
}

.mar_top5 {
    margin-top: 10rpx !important;
}

.mar_top10 {
    margin-top: 20rpx !important;
}

.mar_top15 {
    margin-top: 30rpx !important;
}

.mar_top20 {
    margin-top: 40rpx !important;
}

.mar_top25 {
    margin-top: 50rpx !important;
}

/* 控制字体粗细  */
.fw_blod {
    font-weight: bold !important;
}

/* 控制背景色 */
.bg_e8 {
    background-color: #e8e8e8 !important;
}

/* 控制背景色 */
.bg_cc {
    background-color: #CCCCCC !important;
}

/* 控制背景色 */
.bg_ff {
    background-color: #ffffff !important;
}



/* 弹性布局 */
.fl_box {
    display: flex;
}

.fl_deri {
    flex-direction: column;
}

.fl_row {
    flex-direction: row;
}

.fl_justmiddle {
    justify-content: center;
}

.fl_juststart {
    justify-content: flex-start;
}

.fl_justbet {
    justify-content: space-between;
}

.fl_justround {
    justify-content: space-around;
}

.fl_justend {
    justify-content: flex-end;
}

.fl_almiddle {
    align-items: center;
}

.fl_alstart {
    align-items: flex-start;
}

.fl_alend {
    align-items: flex-end;
}

.fl_1 {
    flex: 1;
}

.line_2 {
    display: -webkit-box;
    /* 让文本内容成为弹性盒 */
    -webkit-box-orient: vertical;
    /* 设置盒子的方向为垂直 */
    -webkit-line-clamp: 2;
    /* 限制最多显示两行 */
    overflow: hidden;
    /* 隐藏超出的文本 */
    text-overflow: ellipsis;
    /* 使用省略号 */
}