page { font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; } button { margin: 0; padding: 0; border: 1px solid transparent; outline: none; background-color: transparent; } button:active { opacity: 0.6; } .flex-col { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .flex-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .justify-start { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .justify-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .justify-end { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .justify-evenly { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; } .justify-around { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } .justify-between { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .align-start { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .align-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .align-end { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .page { background-color: rgba(255, 255, 255, 1); position: relative; width: 750rpx; height: 1624rpx; overflow: hidden; } .section_1 { background-image: -webkit-linear-gradient(355deg, rgba(255, 251, 232, 1) 0, rgba(237, 250, 253, 1) 100%); background-image: linear-gradient(95deg, rgba(255, 251, 232, 1) 0, rgba(237, 250, 253, 1) 100%); width: 750rpx; height: 558rpx; } .section_2 { background-color: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 414rpx; width: 750rpx; height: 1216rpx; } .box_1 { width: 750rpx; height: 88rpx; margin-top: -412rpx; } .text_1 { width: 108rpx; height: 44rpx; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 32rpx; letter-spacing: -0.2800000011920929px; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 32rpx; margin: 28rpx 0 0 42rpx; } .group_1 { background-color: rgba(0, 0, 0, 1); width: 34rpx; height: 22rpx; margin: 36rpx 0 0 438rpx; } .group_2 { background-color: rgba(0, 0, 0, 1); width: 32rpx; height: 22rpx; margin: 36rpx 0 0 10rpx; } .image_1 { width: 50rpx; height: 24rpx; margin: 36rpx 28rpx 0 8rpx; } .box_2 { width: 750rpx; height: 1542rpx; margin-bottom: 2rpx; } .text_2 { width: 96rpx; height: 68rpx; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 48rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 48rpx; } .image-text_1 { width: 80%; height: 80rpx; margin-left: 10%; } input[type="number"]::-webkit-input-placeholder { /* Firefox, Chrome, Opera */ text-align: left; } input[type="number"]::placeholder { /* Firefox, Chrome, Opera */ text-align: left; } .label_1 { width: 250rpx; height: 50rpx; } .zhuce { padding-top: 10rpx; border-bottom: 1px solid darkgray; color: darkgray; } .picker { color: darkgray; padding-left: 180rpx; } .text-group_1 { width: 192rpx; height: 44rpx; overflow-wrap: break-word; color: rgba(174, 174, 174, 1); font-size: 32rpx; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 32rpx; margin-top: 6rpx; } .box_3 { width: 608rpx; height: 64rpx; } .image-text_2 { width: 80%; height: 80rpx; margin-top: 12rpx; margin-left: 10%; } .label_2 { width: 44rpx; height: 44rpx; } .text-group_2 { width: 192rpx; height: 44rpx; overflow-wrap: break-word; color: rgba(174, 174, 174, 1); font-size: 32rpx; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 32rpx; } .text-wrapper_1 { background-color: rgba(255, 219, 88, 1); border-radius: 29px; height: 64rpx; width: 188rpx; } .text_3 { width: 140rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(72, 72, 72, 1); font-size: 28rpx; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; margin: 12rpx 0 0 26rpx; } .box_4 { width: 368rpx; height: 40rpx; margin: 66rpx 0 0 75rpx; } .group_3 { background-color: rgba(255, 255, 255, 1); border-radius: 50%; width: 36rpx; height: 36rpx; border: 1px solid rgba(204, 204, 204, 1); } .text-wrapper_2 { width: 308rpx; height: 40rpx; overflow-wrap: break-word; font-size: 0; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 28rpx; } .text_4 { width: 308rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(94, 94, 94, 1); font-size: 28rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 28rpx; } .text_5 { width: 308rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(246, 196, 18, 1); font-size: 28rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 28rpx; } .text_6 { width: 308rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(94, 94, 94, 1); font-size: 28rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 28rpx; } .text_7 { width: 308rpx; height: 40rpx; overflow-wrap: break-word; color: rgba(246, 196, 18, 1); font-size: 28rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 28rpx; } .text-wrapper_3 { background-color: rgba(255, 219, 88, 1); border-radius: 36px; height: 98rpx; width: 598rpx; margin: 20rpx 0 0 64rpx; } .text_8 { width: 128rpx; height: 44rpx; overflow-wrap: break-word; color: black; font-size: 32rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; margin: 26rpx 0 0 234rpx; } .text_9 { width: 64rpx; height: 44rpx; overflow-wrap: break-word; color: rgba(94, 94, 94, 1); font-size: 32rpx; font-family: PingFang SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 32rpx; margin: 44rpx 0 0 326rpx; } .text_10 { width: 192rpx; height: 44rpx; overflow-wrap: break-word; color: rgba(179, 179, 179, 1); font-size: 32rpx; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 32rpx; margin: 232rpx 0 0 278rpx; } .image-wrapper_1 { background-color: rgba(19, 204, 109, 1); border-radius: 50%; height: 114rpx; width: 114rpx; margin: 24rpx 0 126rpx 308rpx; } .label_3 { width: 78rpx; height: 78rpx; margin: 18rpx 0 0 18rpx; }