.page { position: relative; width: 750rpx; background-color: rgba(246,246,246,1); overflow: hidden; display: flex; flex-direction: column; } .wrap1 { width: 750rpx; margin-bottom: 100rpx; display: flex; flex-direction: column; } .layer1 { height: 40rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .section1 { width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .icon1 { width: 33rpx; height: 20rpx; margin-top: 2rpx; } .info1 { width: 79rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: SFProText-Regular; white-space: nowrap; line-height: 29rpx; margin-left: 7rpx; } .outer1 { width: 29rpx; height: 20rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5f3ad165c123fbded6e0fa697748977e2746aed8e69b16f7f768997af4af2979) -1rpx 0rpx no-repeat; background-size: 30rpx 20rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 12rpx; } .info2 { width: 98rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: SFProText-Semibold; white-space: nowrap; line-height: 29rpx; text-align: center; margin-left: 154rpx; } .outer2 { width: 12rpx; height: 20rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0efed2d58f84e5f45072ee057c875a49c4309a72e36f032844aa111ca0a435af) -1rpx -3rpx no-repeat; background-size: 15rpx 26rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 173rpx; } .info3 { width: 66rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: SFProText-Regular; white-space: nowrap; line-height: 29rpx; text-align: right; margin-left: 5rpx; } .img1 { width: 53rpx; height: 23rpx; margin: 2rpx 0 0 6rpx; } .layer2 { height: 88rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 24rpx; width: 750rpx; justify-content: center; } .bd1 { width: 710rpx; height: 64rpx; flex-direction: row; display: flex; } .icon2 { width: 48rpx; height: 48rpx; margin-top: 8rpx; } .word1 { width: 144rpx; height: 36rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 36rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 36rpx; text-align: left; margin: 14rpx 0 0 231rpx; } .pic1 { width: 174rpx; height: 64rpx; margin-left: 113rpx; } .layer3 { height: 177rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 30rpx 0 0 30rpx; } .mod1 { width: 468rpx; height: 123rpx; display: flex; flex-direction: column; justify-content: space-between; } .mod2 { width: 366rpx; height: 40rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon3 { width: 40rpx; height: 40rpx; } .word2 { width: 316rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; margin-top: 5rpx; } .mod3 { width: 468rpx; height: 64rpx; margin-top: 19rpx; flex-direction: row; display: flex; justify-content: space-between; } .bd2 { height: 64rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 142rpx; justify-content: center; align-items: center; } .txt1 { width: 72rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .bd3 { height: 64rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 142rpx; justify-content: center; align-items: center; } .word3 { width: 96rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .bd4 { height: 64rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 142rpx; justify-content: center; align-items: center; } .info4 { width: 96rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .layer4 { height: 90rpx; background-color: rgba(255,255,255,1); margin-top: 20rpx; display: flex; flex-direction: column; padding-top: 30rpx; width: 750rpx; } .outer3 { width: 750rpx; height: 60rpx; display: flex; flex-direction: column; justify-content: space-between; } .bd5 { width: 690rpx; height: 30rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .info5 { width: 120rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .info6 { width: 79rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-top: 2rpx; } .bd6 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 29rpx; display: flex; flex-direction: column; } .layer5 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .section2 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: flex-end; margin: 30rpx 0 0 30rpx; } .mod4 { height: 82rpx; border: 1px solid rgba(204,204,204,1); border-radius: 50%; /* background: url(https; */ /* background-size: 82rpx 82rpx; */ display: flex; flex-direction: column; /* padding-left: 31rpx; */ width: 82rpx; justify-content: center; line-height: 82rpx; } .txt2 { color: rgba(51,51,51,1); font-size: 50rpx; white-space: nowrap; /* line-height: 50rpx; */ text-align: center; } .mod5 { width: 103rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 29rpx; } .info7 { width: 103rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .outer4 { width: 74rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; justify-content: space-between; } .wrap2 { width: 12rpx; height: 12rpx; background-color: rgba(85,190,23,1); border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; } .txt3 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; } .mod6 { height: 30rpx; border-radius: 2rpx; background-color: rgba(255,243,234,1); display: flex; flex-direction: column; width: 100rpx; justify-content: center; align-items: center; margin: 2rpx 0 0 10rpx; } .txt4 { width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(255,115,0,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; } .mod7 { height: 60rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 128rpx; justify-content: center; align-items: center; margin: 10rpx 0 0 239rpx; } .txt5 { width: 48rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .section3 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .bd7 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .layer6 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .mod8 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: flex-end; margin: 30rpx 0 0 30rpx; } .bd8 { height: 82rpx; border: 1px solid rgba(204,204,204,1); border-radius: 50%; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf915fb89b9c54db0ccfc8b13c62050629efd77d39cc2214e150ad2d2b78f6f4a) -1rpx -1rpx no-repeat; background-size: 82rpx 82rpx; display: flex; flex-direction: column; width: 82rpx; justify-content: center; align-items: center; } .txt6 { width: 30rpx; height: 50rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 50rpx; text-align: center; } .bd9 { width: 178rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 29rpx; } .word4 { width: 108rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .block1 { width: 178rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; justify-content: space-between; } .bd10 { width: 12rpx; height: 12rpx; background-color: rgba(82,161,255,1); border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; } .info8 { width: 156rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; } .bd11 { height: 60rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 128rpx; justify-content: center; align-items: center; margin: 10rpx 0 0 274rpx; } .word5 { width: 48rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .mod9 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group1 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .layer7 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .bd12 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: flex-end; margin: 30rpx 0 0 30rpx; } .outer5 { height: 82rpx; border: 1px solid rgba(204,204,204,1); border-radius: 50%; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf915fb89b9c54db0ccfc8b13c62050629efd77d39cc2214e150ad2d2b78f6f4a) -1rpx -1rpx no-repeat; background-size: 82rpx 82rpx; display: flex; flex-direction: column; width: 82rpx; justify-content: center; align-items: center; } .word6 { width: 30rpx; height: 50rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 50rpx; text-align: center; } .outer6 { width: 178rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 29rpx; } .word7 { width: 108rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .group2 { width: 178rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; justify-content: space-between; } .group3 { width: 12rpx; height: 12rpx; background-color: rgba(255,115,0,1); border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; } .word8 { width: 156rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; } .outer7 { height: 60rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 128rpx; justify-content: center; align-items: center; margin: 10rpx 0 0 274rpx; } .info9 { width: 48rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .bd13 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .outer8 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .layer8 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .section4 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: flex-end; margin: 30rpx 0 0 30rpx; } .outer9 { height: 82rpx; border: 1px solid rgba(204,204,204,1); border-radius: 50%; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf915fb89b9c54db0ccfc8b13c62050629efd77d39cc2214e150ad2d2b78f6f4a) -1rpx -1rpx no-repeat; background-size: 82rpx 82rpx; display: flex; flex-direction: column; width: 82rpx; justify-content: center; align-items: center; } .info10 { width: 30rpx; height: 50rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 50rpx; text-align: center; } .outer10 { width: 108rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 29rpx; } .txt7 { width: 108rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .block2 { width: 74rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; justify-content: space-between; } .main1 { width: 12rpx; height: 12rpx; background-color: rgba(85,190,23,1); border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; } .word9 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; } .outer11 { height: 60rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 128rpx; justify-content: center; align-items: center; margin: 10rpx 0 0 344rpx; } .word10 { width: 48rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .section5 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .main2 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .layer9 { height: 140rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .layer10 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: flex-end; } .section6 { height: 82rpx; border: 1px solid rgba(204,204,204,1); border-radius: 50%; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf915fb89b9c54db0ccfc8b13c62050629efd77d39cc2214e150ad2d2b78f6f4a) -1rpx -1rpx no-repeat; background-size: 82rpx 82rpx; display: flex; flex-direction: column; width: 82rpx; justify-content: center; align-items: center; } .info11 { width: 30rpx; height: 50rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 50rpx; text-align: center; } .section7 { width: 108rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 29rpx; } .info12 { width: 108rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .bd14 { width: 74rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; justify-content: space-between; } .box1 { width: 12rpx; height: 12rpx; background-color: rgba(85,190,23,1); border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; } .info13 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; } .section8 { height: 60rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 128rpx; justify-content: center; align-items: center; margin: 10rpx 0 0 344rpx; } .word11 { width: 48rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .layer11 { height: 98rpx; background-color: rgba(255,255,255,1); margin-top: 20rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; position: fixed; bottom: 0; } .word12 { width: 240rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; } .wrap3 { z-index: 131; height: 1334rpx; background-color: rgba(0,0,0,0.4); display: flex; flex-direction: column; padding-top: 830rpx; width: 750rpx; position: absolute; left: 0rpx; top: 0rpx; } .mod10 { height: 504rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.06); display: flex; flex-direction: column; padding-top: 88rpx; width: 750rpx; align-items: center; } .mod11 { width: 452rpx; height: 356rpx; display: flex; flex-direction: column; } .word13 { width: 144rpx; height: 36rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 36rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 36rpx; text-align: center; margin-left: 154rpx; } .word14 { width: 240rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; margin: 24rpx 0 0 106rpx; } .layer12 { width: 452rpx; height: 68rpx; margin-top: 198rpx; flex-direction: row; display: flex; justify-content: space-between; } .outer12 { height: 68rpx; border-radius: 4rpx; border: 1px solid rgba(204,204,204,1); display: flex; flex-direction: column; width: 176rpx; justify-content: center; align-items: center; } .info14 { width: 56rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .outer13 { height: 68rpx; border-radius: 4rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 176rpx; justify-content: center; align-items: center; } .info15 { width: 84rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; }