page { background-color: #ffffff; } .head { width: 100%; height: 342rpx; background-color: #00C7C6; border-bottom-left-radius: 920rpx 3em; border-bottom-right-radius: 920rpx 3em; } .moeny { display: flex; flex-direction: row; align-items:baseline; justify-content: center; } .headicon { text-align: right; margin-right: 0.5%; } .headcount { text-align: left; } .txtheadicon { font-size: 44rpx; font-weight:bold; color: #ffffff; } .txtheadcount { font-size: 74rpx; font-weight:900; color: #ffffff; } .txthead { margin-top: 12rpx; font-size: 32rpx; font-weight: Bold; color: #ffffff; text-align: center; } .zjsshow { margin-top: 30rpx; display: flex; width: 92%; height: 174rpx; background-color: #ffffff; border-radius: 30rpx; box-shadow:0rpx 14rpx 24rpx 2rpx rgba(161,161,161,0.5); flex-direction: column; } .zjsshowcount { margin-top: 30rpx; width: 100%; display: flex; flex-direction: row; } .flexzjsshow { flex: 1; text-align: center; } .txtcount { font-size: 40rpx; font-weight: Bold; color: #000000; } .flexzjsshow { flex: 1; text-align: center; } .zjsshowtitle { margin-top: 4rpx; width: 100%; display: flex; flex-direction: row; } .txttitle { font-size: 24rpx; font-weight: Regular; color: #666666; } .myzjs { width: 100%; margin-top: -130rpx; display: flex; justify-content: center; } .boxextract { padding-top: 74rpx; /* width: 92%; */ display: flex; height: 56rpx; align-items:baseline; } .extractleft { flex: 8; } .txtextract { text-align: left; flex: 100; } .txticon { text-align: center; flex: 12; } .txtmoenyleft { flex: 3; } .moenytxt { text-align: left; flex: 130; } .txtlog { flex: 74; text-align: right; } .imglog { flex: 11; display: flex; align-content:flex-end; } .extractright { flex: 8; } .extracttxt { font-size: 40rpx; font-weight: 500; color: #000000; } .icontxt { font-weight: 500; font-size: 40rpx; color: #FF5B60; } .extractmoney { font-weight: 500; font-size: 50rpx; color: #FF5B60; } .logtxt { font-weight: Regular; font-size: 32rpx; color: #9B9B9B; } .txtlogright { flex: 2; } .simage { width: 26rpx; height: 26rpx; } .boxrecommended { margin-top: 48rpx; /* width: 92%; */ height: 296rpx; box-shadow:0rpx 14rpx 44rpx 2rpx rgba(148,148,148,0.5); border-radius:30rpx; display: flex; flex-direction:column; } .recommended { margin-top: 28rpx; display: flex; flex-direction: row; } .txtrecommendedleft { flex: 15; } .txtrecommended { font-size: 32rpx; font-weight: 500; color: #000000; text-align: left; flex: 75; } .txtphone { font-size: 32rpx; font-weight: 500; color: #000000; flex: 161; } .txttagmdj { border-radius:22rpx; border:2rpx solid; font-size: 24rpx; font-weight: Bold; color: #FCC66E; text-align: center; flex: 54; line-height: 40rpx; } .txttag { flex: 54; } .txttagright { flex: 15; } .step { width: 100%; display: flex; flex-direction: row; margin-top: 46rpx; justify-content: center; } .step1 { display: 20; width: 22rpx; height: 25rpx; background:#ffffff; box-shadow:0rpx 2rpx 5rpx 0rpx rgba(166,166,166,1); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 8rpx solid #00C7C6; } .stepline { width: 90rpx; height: 10rpx; margin-top: 14rpx; background-color: #00C7C6; margin-right: -2rpx; } .steplinelunright { width: 36rpx; height: 10rpx; border-radius:0rpx 500rpx 500rpx 0rpx; margin-top: 14rpx; background-color: #EEF5F7; } .steplineright { width: 36rpx; height: 10rpx; border-radius:0rpx 500rpx 500rpx 0rpx; margin-top: 14rpx; background-color: #00C7C6; margin-right: -2rpx; } .steplineleft { width: 36rpx; border-radius:500rpx 0rpx 0rpx 500rpx; height: 10rpx; margin-top: 14rpx; background-color: #00C7C6; } .steplinel { width: 90rpx; height: 10rpx; margin-top: 14rpx; background-color: #00C7C6; } .stepdesc { display: flex; width: 90%; margin-left: 5%; margin-right: 5%; flex-direction: row; margin-top: 18rpx; text-align: center; } .setpspace1 { flex: 10; } .setpspace2 { flex: 10; } .stepdesctxt { flex: 102; font-size: 24rpx; font-weight: 500; color: #00C7C6; } .stepdesctxtun { flex: 102; font-size: 24rpx; font-weight: 500; color: #9F9F9F; } .stepdate { display: flex; width: 100%; flex-direction: row; margin-top: 28rpx; text-align: left; } .stepdatetxt { margin-left: 34rpx; font-size: 28rpx; font-weight: 500; color: #9F9F9F; } .steplinelun { width: 90rpx; height: 10rpx; margin-top: 14rpx; background-color: #EEF5F7; } .step1un { display: 20; width: 22rpx; height: 25rpx; background:#EEF5F7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 8rpx solid #EEF5F7; } .pay { height:170rpx; width: 100%; position: fixed; left:0; bottom:0rpx; background:#ffffff; z-index: 10; display: flex; flex-direction: row; justify-content: center; } .buttonextract { margin-top: 28rpx; width: 588rpx; height: 82rpx; background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%); box-shadow:0px 14rpx 44rpx 2rpx rgba(0,199,198,0.2); border-radius:42rpx; text-align: center; font-size: 36rpx; font-weight: 500; color:#FFFFFF; line-height: 82rpx; } .load { width: 100%; height: 2400rpx; position: absolute; left: 0; top: 0; z-index: 9999; background-color: #ffffff; text-align: center; line-height: 1300rpx; } .loadimg { width: 200rpx; height: 200rpx; } .intro-box{ margin: 0 auto 40rpx; width: 92%; }