.ml-11 { margin-left: 20.63rpx; } .mt-15 { margin-top: 28.13rpx; } .ml-1 { margin-left: 1.88rpx; } .page { background-color: #f7f7f7; width: 100%; height: 100vh; display: flex; flex-direction: column; } .content { flex: 1; overflow-y: auto; } .section { padding: 20.63rpx 22.5rpx 27.58rpx; background-color: #ffffff; border-radius: 3.94rpx; } .image { border-radius: 9.38rpx; width: 208.13rpx; height: 133.13rpx; } .text { color: #000000; font-size: 30rpx; font-family: SourceHanSansCN; line-height: 35.63rpx; width: 429.38rpx; } .group { padding: 0 4.29rpx; } .text_2 { color: #f84947; font-size: 30rpx; font-family: SourceHanSansCN; line-height: 22.76rpx; } .text_3 { color: #8c8c8c; font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 19.93rpx; } .divider { background-color: #8c8c8c; width: 69.56rpx; height: 1.88rpx; } .pos { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .section_2 { padding: 48.69rpx 29.21rpx 43.35rpx 44.96rpx; background-color: #ffffff; } .font { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 27.96rpx; color: #323232; } .text_4 { line-height: 22.91rpx; } .section_3 { padding: 39.38rpx 46.88rpx 897.38rpx 48.75rpx; background-color: #ffffff; } .image_2 { width: 52.5rpx; height: 52.5rpx; } .image_3 { width: 41.25rpx; height: 41.25rpx; } .section_4 { padding: 16.88rpx 24.38rpx 16.88rpx 31.09rpx; background-color: #ffffff; } .text_5 { color: #000000; line-height: 28.05rpx; } .text-wrapper { padding: 14.07rpx 0 19.07rpx; background-color: #ff8d1a; border-radius: 75rpx; width: 268.13rpx; height: 71.25rpx; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } .text_6 { color: #ffffff; line-height: 28.11rpx; } .footer { margin-top: auto; width: 100%; position: fixed; bottom: 0; left: 0; }