.page { background-color: rgba(255, 255, 255, 1.000000); position: relative; width: 750rpx; // height: 1624rpx; overflow: hidden; padding-left: 0rpx; padding-right: 0rpx; padding-top: 0rpx; padding-bottom: 32rpx; display: flex; flex-direction: column; } .box_2 { width: 698rpx; margin-top: 32rpx; flex-direction: row; display: flex; justify-content: space-between; } .image-text_1 { width: 256rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 6rpx 0 6rpx 0; } .thumbnail_1 { width: 40rpx; height: 40rpx; margin: 4rpx 0 4rpx 0; } .text-group_1 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 32rpx; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 48rpx; } .image_2 { width: 180rpx; height: 60rpx; } .block_2 { background-color: rgba(255, 255, 255, 1.000000); display: flex; flex-direction: column; padding: 24rpx 32rpx 0 32rpx; } .text_3 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 28rpx; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 44rpx; margin: 0 398rpx 0 64rpx; } .box_3 { flex-direction: row; display: flex; margin: 24rpx 238rpx 0 0; } .group_1 { background-color: rgba(255, 255, 255, 1.000000); border-radius: 16rpx; width: 32rpx; height: 32rpx; border: 1px solid rgba(221, 221, 221, 1); display: flex; flex-direction: column; margin: 28rpx 0 28rpx 0; } .group_2 { margin-left: 32rpx; display: flex; flex-direction: column; } .image-text_2 { width: 156rpx; flex-direction: row; display: flex; justify-content: space-between; } .thumbnail_2 { width: 28rpx; height: 28rpx; margin: 4rpx 0 4rpx 0; } .text-group_2 { overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; } .group_3 { width: 156rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .thumbnail_3 { width: 28rpx; height: 28rpx; margin: 4rpx 0 4rpx 0; } .text_4 { overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; } .text-wrapper_2 { display: flex; flex-direction: column; } .text_5 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; margin-right: 180rpx; } .text_6 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; margin-top: 16rpx; } .text-wrapper_3 { width: 212rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 410rpx 0 64rpx; } .text_7 { overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 20rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; margin-top: 4rpx; } .text_8 { overflow-wrap: break-word; color: rgba(237, 86, 159, 1); font-size: 28rpx; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 44rpx; } .box_4 { background-color: rgba(238, 238, 238, 1.000000); width: 686rpx; height: 2rpx; margin-top: 32rpx; display: flex; flex-direction: column; } .text_11 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; margin-right: 180rpx; } .text_12 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 24rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; margin-top: 16rpx; } .text-wrapper_5 { width: 212rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 410rpx 0 64rpx; } .text_13 { overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 20rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 36rpx; margin-top: 4rpx; } .text_14 { overflow-wrap: break-word; color: rgba(237, 86, 159, 1); font-size: 28rpx; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 44rpx; } .box_6 { background-color: rgba(238, 238, 238, 1.000000); width: 686rpx; height: 2rpx; margin-top: 32rpx; display: flex; flex-direction: column; } .block_3 { background-color: rgba(247, 247, 247, 1.000000); border-radius: 50rpx; width: 686rpx; align-self: center; flex-direction: row; display: flex; position: fixed; bottom: 140rpx; justify-content: space-between; padding: 20rpx 32rpx 20rpx 40rpx; } .text_15 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 28rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; line-height: 44rpx; } .image-text_4 { width: 132rpx; flex-direction: row; display: flex; justify-content: space-between; } .text-group_4 { overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 28rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: right; white-space: nowrap; line-height: 44rpx; } .thumbnail_6 { width: 32rpx; height: 32rpx; margin: 6rpx 0 6rpx 0; } .text-wrapper_6 { background-color: rgba(255, 224, 92, 1.000000); border-radius: 54rpx; align-self: center; margin-top: 24rpx; display: flex; flex-direction: column; width: 686rpx; padding: 20rpx 314rpx 20rpx 316rpx; } .text_16 { overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 28rpx; font-family: PingFangSC-Regular; font-weight: normal; text-align: center; white-space: nowrap; line-height: 44rpx; } .tabBarLineHeight { height: 170rpx; } .tabBarView { position: fixed; bottom: 32rpx; left: 32rpx; .submitButton { text-align: center; line-height: 84rpx; width: 686rpx; height: 84rpx; background: #FFE05C; border-radius: 54rpx; } }