page { font-family: PingFangSC-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC-Light,Microsoft YaHei; } button { background-color: transparent; border: 1px solid transparent; margin: 0; outline: none; padding: 0; } button:active { opacity: .6; } .flex-col { -webkit-box-orient: vertical; flex-direction: column; } .flex-col,.flex-row { -webkit-box-direction: normal; display: flex; } .flex-row { -webkit-box-orient: horizontal; flex-direction: row; } .justify-start { -webkit-box-pack: start; justify-content: flex-start; } .justify-center,.justify-start { display: flex; } .justify-center { -webkit-box-pack: center; justify-content: center; } .justify-end { -webkit-box-pack: end; justify-content: flex-end; } .justify-end,.justify-evenly { display: flex; } .justify-evenly { -webkit-box-pack: space-evenly; justify-content: space-evenly; } .justify-around { justify-content: space-around; } .justify-around,.justify-between { display: flex; } .justify-between { -webkit-box-pack: justify; justify-content: space-between; } .align-start { -webkit-box-align: start; align-items: flex-start; } .align-center,.align-start { display: flex; } .align-center { -webkit-box-align: center; align-items: center; } .align-end { -webkit-box-align: end; align-items: flex-end; display: flex; } .page { background-color: #fff; height: 1624rpx; overflow: hidden; position: relative; width: 750rpx; } .section_1 { background-image: linear-gradient(95deg,#fffbe8,#edfafd); height: 558rpx; width: 750rpx; } .section_2 { background-color: #fff; height: 1216rpx; left: 0; position: absolute; top: 414rpx; width: 750rpx; } .box_1 { height: 88rpx; margin-top: -412rpx; width: 750rpx; } .text_1 { color: #000; font-family: PingFang SC-Semibold; font-size: 32rpx; font-weight: 600; height: 44rpx; letter-spacing: -.2800000011920929px; line-height: 32rpx; margin: 28rpx 0 0 42rpx; overflow-wrap: break-word; text-align: center; white-space: nowrap; width: 108rpx; } .group_1 { margin: 36rpx 0 0 438rpx; width: 34rpx; } .group_1,.group_2 { background-color: #000; height: 22rpx; } .group_2 { margin: 36rpx 0 0 10rpx; width: 32rpx; } .image_1 { height: 24rpx; margin: 36rpx 28rpx 0 8rpx; width: 50rpx; } .box_2 { height: 1542rpx; margin-bottom: 2rpx; width: 750rpx; } .text_2 { color: #000; font-family: PingFang SC-Medium; font-size: 48rpx; font-weight: 500; height: 68rpx; line-height: 48rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 96rpx; } .image-text_1 { height: 80rpx; margin-left: 10%; width: 80%; } .label_1 { height: 50rpx; width: 50rpx; } .text-group_1 { color: #aeaeae; font-family: PingFang SC-Regular; font-size: 32rpx; font-weight: NaN; height: 44rpx; line-height: 32rpx; margin-top: 6rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 192rpx; } .box_3 { height: 64rpx; width: 608rpx; } .image-text_2 { height: 80rpx; margin-left: 10%; margin-top: 12rpx; width: 80%; } .label_2 { height: 44rpx; width: 44rpx; } .text-group_2 { color: #aeaeae; font-family: PingFang SC-Regular; font-size: 32rpx; font-weight: NaN; height: 44rpx; line-height: 32rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 192rpx; } .text-wrapper_1 { background-color: #ffdb58; border-radius: 29px; height: 64rpx; width: 188rpx; } .text_3 { color: #484848; font-family: PingFang SC-Regular; font-size: 28rpx; font-weight: NaN; height: 40rpx; margin: 12rpx 0 0 26rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 140rpx; } .box_4 { height: 40rpx; margin: 66rpx 0 0 75rpx; width: 368rpx; } .group_3 { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; height: 36rpx; width: 36rpx; } .text-wrapper_2 { font-family: PingFang SC-Medium; font-size: 0; font-weight: 500; height: 40rpx; line-height: 28rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 308rpx; } .text_4 { color: #5e5e5e; } .text_4,.text_5 { font-family: PingFang SC-Medium; font-size: 28rpx; font-weight: 500; height: 40rpx; line-height: 28rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 308rpx; } .text_5 { color: #f6c412; } .text_6 { color: #5e5e5e; } .text_6,.text_7 { font-family: PingFang SC-Medium; font-size: 28rpx; font-weight: 500; height: 40rpx; line-height: 28rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 308rpx; } .text_7 { color: #f6c412; } .text-wrapper_3 { background-color: #ffdb58; border-radius: 36px; height: 98rpx; margin: 90rpx 0 0 64rpx; width: 598rpx; } .text_8 { color: #000; margin: 26rpx 0 0 234rpx; width: 128rpx; } .text_8,.text_9 { font-family: PingFang SC-Medium; font-size: 32rpx; font-weight: 500; height: 44rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; } .text_9 { color: #5e5e5e; margin: 44rpx 0 0 326rpx; width: 64rpx; } .text_10,.text_9 { line-height: 32rpx; } .text_10 { color: #b3b3b3; font-family: PingFang SC-Regular; font-size: 32rpx; font-weight: NaN; height: 44rpx; margin: 232rpx 0 0 278rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; width: 192rpx; } .image-wrapper_1 { background-color: #13cc6d; border-radius: 50%; height: 114rpx; margin: 24rpx 0 126rpx 308rpx; width: 114rpx; } .label_3 { height: 78rpx; margin: 18rpx 0 0 18rpx; width: 78rpx; }