.page { position: relative; width: 750rpx; background-color: rgba(244,244,244,1); overflow: hidden; display: flex; flex-direction: column; } .group1 { width: 750rpx; display: flex; flex-direction: column; } .group2 { height: 40rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .group3 { 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; } .section1 { 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; } .txt1 { 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; } .section2 { 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; } .word1 { 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; } .pic1 { width: 53rpx; height: 23rpx; margin: 2rpx 0 0 6rpx; } .group4 { height: 220rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .bd1 { width: 690rpx; height: 160rpx; display: flex; flex-direction: column; justify-content: space-between; } .word2 { width: 353rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 28rpx; text-align: left; } .bd2 { width: 690rpx; height: 102rpx; margin-top: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .section3-0 { height: 102rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); margin-right: 30rpx; display: flex; flex-direction: column; width: 150rpx; justify-content: center; align-items: center; } .main1-0 { width: 88rpx; height: 70rpx; display: flex; flex-direction: column; justify-content: space-between; } .word3-0 { width: 33rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: center; margin-left: 28rpx; } .word4-0 { width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: center; margin-top: 16rpx; } .section3-1 { height: 102rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); margin-right: 30rpx; display: flex; flex-direction: column; width: 150rpx; justify-content: center; align-items: center; } .main1-1 { width: 88rpx; height: 70rpx; display: flex; flex-direction: column; justify-content: space-between; } .word3-1 { width: 33rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: center; margin-left: 28rpx; } .word4-1 { width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: center; margin-top: 16rpx; } .section3-2 { height: 102rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); margin-right: 30rpx; display: flex; flex-direction: column; width: 150rpx; justify-content: center; align-items: center; } .main1-2 { width: 88rpx; height: 70rpx; display: flex; flex-direction: column; justify-content: space-between; } .word3-2 { width: 33rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: center; margin-left: 28rpx; } .word4-2 { width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: center; margin-top: 16rpx; } .section3-3 { height: 102rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); margin-right: 30rpx; display: flex; flex-direction: column; width: 150rpx; justify-content: center; align-items: center; } .main1-3 { width: 88rpx; height: 70rpx; display: flex; flex-direction: column; justify-content: space-between; } .word3-3 { width: 33rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: center; margin-left: 28rpx; } .word4-3 { width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: center; margin-top: 16rpx; } .group5 { width: 750rpx; height: 80rpx; margin-top: 20rpx; flex-direction: row; display: flex; justify-content: space-between; background: #fff; } .section4 { height: 80rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 187rpx; padding: 25rpx 0 0 33rpx; } .wrap1 { width: 120rpx; height: 55rpx; display: flex; flex-direction: column; justify-content: space-between; } .word5 { width: 120rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: left; } .group6 { width: 96rpx; height: 4rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; margin: 21rpx 0 0 13rpx; } .section5 { height: 80rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 22rpx; width: 188rpx; align-items: center; } .info2 { width: 120rpx; 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: left; } .section6 { height: 80rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 188rpx; padding: 22rpx 0 0 34rpx; } .info3 { width: 90rpx; 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: left; } .section7 { height: 80rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 187rpx; padding: 22rpx 0 0 34rpx; } .word6 { width: 90rpx; 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: left; } .group7 { height: 128rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .group8 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: space-between; } .bd3 { height: 80rpx; border-radius: 8rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 524rpx; justify-content: center; } .word7 { width: 240rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .bd4 { height: 68rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); margin-top: 6rpx; display: flex; flex-direction: column; width: 136rpx; justify-content: center; align-items: center; } .txt2 { width: 56rpx; 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; } .group9 { width: 710rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 20rpx 0 0 20rpx; } .section8-0 { border-radius: 8rpx; background-color: rgba(255,255,255,1); margin-bottom: 20rpx; display: flex; flex-direction: column; width: 710rpx; position: relative; justify-content: center; } .main2-0 { padding-top: 40rpx; padding-bottom: 40rpx; width: 710rpx; display: flex; flex-direction: column; } .box1-0 { width: 650rpx; height: 26rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .word8-0 { width: 337rpx; 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; } .word9-0 { width: 72rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,102,61,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: right; } .box2-0 { height: 134rpx; background-color: rgba(249,249,249,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 650rpx; justify-content: center; margin: 24rpx 0 0 30rpx; } .box3-0 { width: 208rpx; height: 94rpx; flex-direction: row; display: flex; } .box4-0 { height: 94rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 94rpx; position: relative; } .layer1-0 { width: 48rpx; height: 71rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7b8dcf095e4fc14354c4c7b06958e8d6d62992f2c0f9f7dd9774e86672c82f68) 0rpx -1rpx no-repeat; background-size: 48rpx 72rpx; display: flex; flex-direction: column; } .layer2-0 { height: 30rpx; background-color: rgba(25,28,39,0.5); display: flex; flex-direction: column; padding-left: 27rpx; width: 94rpx; position: absolute; left: 0rpx; top: 64rpx; justify-content: center; } .txt3-0 { width: 39rpx; height: 20rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 20rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 20rpx; text-align: center; } .box6-0 { height: 94rpx; background-color: rgba(255,255,255,1); margin-left: 20rpx; display: flex; flex-direction: column; width: 94rpx; position: relative; } .bd5-0 { width: 71rpx; height: 71rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge6abbedff387a8dda02710b807819b5ddfcd71d3f039a18941c69f47c6746544) 2rpx -1rpx no-repeat; background-size: 67rpx 72rpx; display: flex; flex-direction: column; } .bd6-0 { height: 30rpx; background-color: rgba(25,28,39,0.5); display: flex; flex-direction: column; padding-left: 25rpx; width: 94rpx; position: absolute; left: 0rpx; top: 64rpx; justify-content: center; } .word10-0 { width: 43rpx; height: 20rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 20rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 20rpx; text-align: center; } .box7-0 { width: 650rpx; height: 24rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 0 0 30rpx; } .info5-0 { width: 355rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .word11-0 { width: 111rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .box8-0 { width: 710rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 24rpx; display: flex; flex-direction: column; } .info6-0 { width: 112rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 24rpx 0 0 30rpx; } .word12-0 { width: 655rpx; height: 56rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; line-height: 24rpx; text-align: left; overflow: hidden; text-overflow: ellipsis; margin: 16rpx 0 0 30rpx; } .box9-0 { height: 58rpx; border-radius: 6rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; width: 144rpx; justify-content: center; align-items: center; margin: 24rpx 0 0 536rpx; } .word13-0 { width: 104rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; } .section8-1 { height: 511rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); margin-bottom: 20rpx; display: flex; flex-direction: column; width: 710rpx; position: relative; justify-content: center; } .main2-1 { width: 710rpx; height: 463rpx; display: flex; flex-direction: column; } .box1-1 { width: 650rpx; height: 26rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .word8-1 { width: 337rpx; 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; } .word9-1 { width: 72rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,102,61,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: right; } .box2-1 { height: 134rpx; background-color: rgba(249,249,249,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 650rpx; justify-content: center; margin: 24rpx 0 0 30rpx; } .box3-1 { width: 208rpx; height: 94rpx; flex-direction: row; display: flex; } .box4-1 { height: 94rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 94rpx; position: relative; } .layer1-1 { /* width: 48rpx; height: 71rpx; */ display: flex; flex-direction: column; } image{ width: 94rpx; height: 94rpx; } .box5-1 { width: 60rpx; height: 80rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 7rpx 30rpx 0 24rpx; } .txt4-1 { width: 60rpx; 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; } .info4-1 { width: 24rpx; 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: center; margin-top: 24rpx; } .box7-1 { width: 650rpx; height: 24rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 0 0 30rpx; } .info5-1 { width: 355rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .word11-1 { width: 111rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .box8-1 { width: 710rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 24rpx; display: flex; flex-direction: column; } .info6-1 { width: 112rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 24rpx 0 0 30rpx; } .word12-1 { width: 655rpx; height: 56rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; line-height: 24rpx; text-align: left; overflow: hidden; text-overflow: ellipsis; margin: 16rpx 0 0 30rpx; } .box9-1 { height: 58rpx; border-radius: 6rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; width: 144rpx; justify-content: center; align-items: center; margin: 24rpx 0 0 536rpx; } .word13-1 { width: 104rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; } .main3-1 { height: 120rpx; box-shadow: 0px 10px 20px 0px rgba(0,37,112,0.2); border-radius: 50%; background: #52A1FF; display: flex; flex-direction: column; width: 120rpx; position: absolute; left: 590rpx; align-items: center; } .block1-1 { width: 66rpx; height: 110rpx; /* display: flex; flex-direction: column; justify-content: space-between; */ line-height: 70rpx; text-align: center; } .label1-1 { width: 32rpx; height: 32rpx; margin: auto; } .word14-1 { width: 66rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; margin-top: auto; } .group10 { height: 148rpx; border-radius:24px 24px 0px 0px; background-color: rgba(255,255,255,1); margin-top: 24rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; position: fixed; bottom: 0; } .section9 { width: 690rpx; height: 88rpx; flex-direction: row; display: flex; justify-content: space-between; } .outer1 { height: 88rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3); display: flex; flex-direction: column; width: 330rpx; justify-content: center; align-items: center; } .word15 { width: 64rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: center; } .outer2 { height: 88rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3); display: flex; flex-direction: column; width: 330rpx; justify-content: center; align-items: center; } .txt5 { width: 64rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: center; } .group11 { height: 88rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 24rpx; width: 750rpx; position: absolute; left: 0rpx; top: 40rpx; justify-content: center; } .wrap2 { width: 710rpx; height: 64rpx; flex-direction: row; display: flex; } .icon2 { width: 48rpx; height: 48rpx; margin-top: 8rpx; } .word16 { width: 108rpx; 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 249rpx; } .img1 { width: 174rpx; height: 64rpx; margin-left: 131rpx; } .group12 { position: absolute; left: 0rpx; top: 443rpx; width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .section10 { height: 386rpx; border-radius: 16rpx; background-color: rgba(255,255,255,1); width: 690rpx; display: flex; flex-direction: column; } .layer1 { width: 405rpx; height: 60rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 20rpx 0 0 265rpx; } .txt5 { width: 160rpx; height: 32rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 32rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 32rpx; text-align: left; margin-top: 28rpx; } .icon2 { width: 32rpx; height: 32rpx; } .layer2 { width: 390rpx; height: 26rpx; display: flex; flex-direction: row; margin: 32rpx 0 0 150rpx; } .txt6 { width: 390rpx; 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; } .layer3 { width: 580rpx; height: 120rpx; display: flex; flex-direction: row; margin: 64rpx 0 64rpx 55rpx; } .pic2 { width: 580rpx; height: 120rpx; display: flex; flex-flow: row nowrap; justify-content: space-between; position: relative; } .cover{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; /* z-index: 99999; */ background: rgba(0,0,0,.3); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .pic2 .input{ background: #f2f2f2; color: #222; width: 14%; height: 100rpx; line-height: 100rpx; text-align: center; } .pic2 input{ position: absolute; height: 100rpx; line-height: 100rpx; opacity: 0; width: 200%; color: #fff0; caret-color: #FFF; left: -100%; top: 0; }