@import "../../public/page/strategy.css"; lifestyle { height: 100rpx; width: 100%; position: fixed; top: 0; } /* introduction */ .introduction>image { width: 616rpx; height: 160rpx; margin: 26rpx auto 32rpx; } .introduction>text:nth-child(2) { margin-bottom: 24rpx; } /* advantage */ .advantage-1, .advantage-2, .advantage-3, .advantage-4 { font-family: PingFangSC-Semibold; font-size: 34rpx; color: #28C1BD; margin: 50rpx 0 20rpx 56rpx; } .advantage-1 { margin-top: 60rpx; } .advantage-1+text, .advantage-2+text, .advantage-3+text, .advantage-4+text { font-family: PingFangSC-Regular; font-size: 30rpx; color: #666666; line-height: 48rpx; margin: 0 56rpx 0; } .advantage-4+text { margin-bottom: 72rpx; } .advantage>view:last-child { width: 100%; background-color: #009FBD; display: flex; flex-direction: column; } .advantage>view:last-child>text:first-child { font-family: PingFangSC-Semibold; font-size: 32rpx; color: white; margin: 44rpx 0 0 56rpx; } .advantage>view:last-child>text:last-child { font-family: PingFangSC-Semibold; font-size: 30rpx; color: white; line-height: 48rpx; margin: 16rpx 56rpx 52rpx; } .advantage>view:nth-child(6) { width: 600rpx; height: 660rpx; display: flex; flex-direction: column; margin: 8rpx auto 0; box-shadow: 0 12rpx 48rpx 0 rgba(85,198,216,0.20); border-radius: 16rpx; } .advantage>view:nth-child(6)>view:nth-child(1), .advantage>view:nth-child(6)>view:nth-child(3) { width: 100%; height: 40rpx; display: flex; } .advantage>view:nth-child(6)>view:nth-child(1) { margin-top: 70rpx; } .advantage>view:nth-child(6)>view:nth-child(3) { margin-top: 60rpx; } .advantage>view:nth-child(6)>view:nth-child(1)>image, .advantage>view:nth-child(6)>view:nth-child(3)>image { width: 40rpx; height: 40rpx; margin-left: 60rpx; } .advantage>view:nth-child(6)>view:nth-child(1)>text, .advantage>view:nth-child(6)>view:nth-child(3)>text { font-family: PingFangSC-Semibold; font-size: 30rpx; color: #28C1BD; line-height: 40rpx; margin-left: 22rpx; } .advantage>view:nth-child(6)>view:nth-child(2), .advantage>view:nth-child(6)>view:nth-child(4) { width: 480rpx; margin: 20rpx auto 0; } .advantage>view:nth-child(6)>view:nth-child(2)>text, .advantage>view:nth-child(6)>view:nth-child(4)>text { font-family: PingFangSC-Regular; font-size: 30rpx; color: #666666; line-height: 46rpx; } /* rights */ .rights { height: 1560rpx; } .rights-banner { width: 580rpx; height: 184rpx; background-image: linear-gradient(-270deg, #19B1E8 0%, #0FDE9B 100%); border-radius: 8rpx; margin: 40rpx auto 0; display: flex; } .rights-banner>image { width: 184rpx; height: 184rpx; margin-left: auto; } .rights-banner+view { width: 580rpx; height: 184rpx; display: flex; flex-direction: column; margin: -184rpx auto 54rpx; } .rights-banner+view>text:first-child { font-family: PingFangSC-Semibold; font-size: 40rpx; color: white; margin: 40rpx 0 0 32rpx; } .rights-banner+view>text:last-child { font-family: PingFangSC-Semibold; font-size: 30rpx; color: white; margin: 6rpx 0 0 32rpx; } /* payment */ .payment>view:nth-child(14) { width: 580rpx; margin: 32rpx auto 60rpx; display: flex; } .payment>view:nth-child(14)>view { width: 112rpx; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; } .payment>view:nth-child(14) image { width: 92rpx; height: 92rpx; margin: 0 auto 16rpx; } .payment>view:nth-child(14)>view:last-child { margin-right: 0; } .payment>view:nth-child(14)>view:first-child { margin-left: 0; } .payment>view:nth-child(14) text { font-family: PingFangSC-Regular; font-size: 28rpx; color: #999999; text-align: center; }