.mt-9 { margin-top: 16.88rpx; } .mt-37 { margin-top: 69.38rpx; } .mt-1 { margin-top: 1.88rpx; } .page { background-color: #f6f7f9; padding-bottom: 100rpx; width: 100%; overflow-y: auto; overflow-x: hidden; height: 100%; } .image { width: 100vw; height: 54.75vw; } .section { padding: 37.5rpx 11.25rpx 30rpx 18.75rpx; background-color: #ffffff; } .group { padding: 0 3.75rpx; } .group_2 { line-height: 28.8rpx; height: 30.58rpx; } .text { color: #f84947; font-size: 37.5rpx; font-family: SourceHanSansCN; font-weight: 700; line-height: 28.8rpx; } .group_3 { margin-right: 453.75rpx; width: 75.02rpx; } .divider { background-color: #8c8c8c; width: 75.02rpx; height: 1.88rpx; } .pos { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .text_4 { color: #000000; font-size: 33.75rpx; font-family: SourceHanSansCN; line-height: 41.25rpx; } .section_2 { padding: 0 30rpx 52.5rpx; background-color: #ffffff; } .group_4 { padding: 26.25rpx 0; } .image_2 { width: 39.38rpx; height: 39.38rpx; } .font { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 25.97rpx; } .text_3 { width: 100rpx; color: #8c8c8c; line-height: 31.88rpx; word-break: break-all; } .text_2 { color: #f84947; line-height: 24.43rpx; } .text_5 { color: #000000; font-size: 28.13rpx; } .section_3 { height: auto; padding-bottom: 40rpx; /* 以下是新增 */ white-space: normal; /* 允许换行 */ word-break: break-all; /* 在任意字符处断行,数字也会换行 */ } .section_4 { padding: 15rpx 26.25rpx; background-color: #ffffff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; /* 确保它在最上层 */ } .image_3 { width: 52.5rpx; height: 52.5rpx; } .text_7 { color: #000000; font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 20.94rpx; } .text-wrapper { padding: 22.5rpx 0 18.75rpx; background-color: #ff8d1a; border-radius: 75rpx; width: 268.13rpx; height: 71.25rpx; } .text_6 { color: #ffffff; font-size: 30rpx; font-family: SourceHanSansCN; line-height: 28.11rpx; }