page{ padding-bottom: 160rpx; } .page { position: relative; width: 750rpx; background-color: rgba(248,248,248,1); overflow: hidden; display: flex; flex-direction: column; } .mod1 { width: 750rpx; display: flex; flex-direction: column; } .outer1 { height: 40rpx; background-color: rgba(255, 255, 255, 0.39); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .layer1 { width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .label1 { width: 33rpx; height: 20rpx; margin-top: 2rpx; } .word1 { 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; } .box1 { 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; } .word2 { 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; } .box2 { 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; } .txt1 { 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; } .outer2 { height: 88rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 24rpx; width: 750rpx; justify-content: center; } .block1 { width: 710rpx; height: 64rpx; flex-direction: row; display: flex; } .label2 { width: 48rpx; height: 48rpx; margin-top: 8rpx; } .txt2 { width: 216rpx; 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: center; margin: 14rpx 0 0 195rpx; } .img2 { width: 174rpx; height: 64rpx; margin-left: 77rpx; } .outer3 { height: 136rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 750rpx; justify-content: center; } .mod2 { width: 431rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; } .info1 { width: 431rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; } .info2 { width: 271rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-top: 24rpx; } .outer4 { height: 72rpx; background-color: rgba(253,252,236,1); display: flex; flex-direction: column; width: 750rpx; } .section1 { width: 658rpx; height: 72rpx; flex-direction: row; display: flex; justify-content: space-between; } .group1 { height: 72rpx; background-color: rgba(253,252,236,1); display: flex; flex-direction: column; width: 78rpx; padding: 23rpx 0 0 35rpx; } .group2 { width: 23rpx; height: 28rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng50c6219b854abc66ffd4b2a44737069729a5fba13080138ad3c80e1a59c762b9) 0rpx 0rpx no-repeat; background-size: 23rpx 28rpx; display: flex; flex-direction: column; } .word3 { width: 576rpx; 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: left; margin-top: 24rpx; } .outer5 { border-radius: 12rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 24rpx; width: 710rpx; margin: 20rpx 0 0 20rpx; } .section2 { width: 710rpx; display: flex; flex-direction: column; padding-bottom: 50rpx; } .info3 { 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; margin-left: 30rpx; } .outer6 { width: 710rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 24rpx; display: flex; flex-direction: column; } .outer7 { width: 301rpx; height: 120rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 30rpx 0 0 30rpx; } image{ width: 120rpx; height: 120rpx;} .group3 { height: 120rpx; border-radius: 4rpx; border: 1px solid rgba(237,237,237,1); background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 120rpx; } .wrap1 { width: 120rpx; height: 120rpx; display: flex; flex-direction: column; margin: auto; } .group4 { width: 157rpx; height: 80rpx; margin-top: 20rpx; display: flex; flex-direction: column; justify-content: space-between; } .word4 { width: 157rpx; 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; } .info4 { width: 32rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 24rpx; } .outer8 { width: 646rpx; height: 120rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 40rpx 0 0 30rpx; } .outer9 { height: 120rpx; border-radius: 4rpx; border: 1px solid rgba(237,237,237,1); background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 120rpx; justify-content: center; align-items: center; } .bd1 { width: 74rpx; height: 100rpx; display: flex; flex-direction: column; } .outer10 { width: 504rpx; height: 116rpx; margin-top: 2rpx; display: flex; flex-direction: column; justify-content: space-between; } .infoBox1 { width: 504rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; font-family: PingFangSC-Regular; line-height: 28rpx; text-align: left; overflow: hidden; text-overflow: ellipsis; } .word5 { width: 26rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 24rpx; } .outer11 { width: 301rpx; height: 120rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 40rpx 0 0 30rpx; } .layer2 { height: 120rpx; border-radius: 4rpx; border: 1px solid rgba(237,237,237,1); background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 120rpx; padding: 9rpx 0 0 26rpx; } .wrap2 { width: 68rpx; height: 101rpx; display: flex; flex-direction: column; } .layer3 { width: 157rpx; height: 80rpx; margin-top: 20rpx; display: flex; flex-direction: column; justify-content: space-between; } .word6 { width: 157rpx; 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; } .txt3 { width: 32rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 24rpx; } .outer12 { height: 328rpx; border-radius: 24px 24px 0px 0px; background-color: rgba(255,255,255,1); margin-top: 75rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; position: fixed; bottom: 0; } .group5 { width: 690rpx; height: 208rpx; display: flex; flex-direction: column; justify-content: space-between; } .layer4 { z-index: 85; height: 80rpx; border-radius: 8rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; width: 690rpx; position: relative; justify-content: center; align-items: center; } .bd2 { width: 650rpx; height: 36rpx; flex-direction: row; display: flex; } .group6 { width: 36rpx; height: 36rpx; background-color: rgba(0,0,0,0); display: flex; flex-direction: column; } .word7 { width: 80%; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: -4rpx 0 0 20rpx; } .group7 { height: 28rpx; background-size: 66rpx 66rpx; display: flex; flex-direction: column; width: 28rpx; margin: 4rpx 0 0 286rpx; padding: 9rpx 0 0 7rpx; } .box3 { width: 15rpx; height: 11rpx; background-size: 48rpx 45rpx; display: flex; flex-direction: column; } .bd3 { z-index: 88; height: 36rpx; display: flex; flex-direction: column; padding-left: 6rpx; width: 36rpx; position: absolute; left: 21rpx; top: 23rpx; justify-content: center; } .group8 { width: 36rpx; height: 36rpx; border-radius: NaNrpx; line-height: 36rpx; /* background-color: rgba(82,161,255,1); display: flex; flex-direction: column; */ } .group8 image{ width: 36rpx; height: 36rpx; } .layer5 { width: 532rpx; height: 68rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 60rpx 0 0 79rpx; } .section3 { height: 68rpx; border-radius: 4rpx; border: 1px solid rgba(204,204,204,1); display: flex; flex-direction: column; width: 216rpx; justify-content: center; align-items: center; } .txt4 { 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; } .section4 { height: 68rpx; border-radius: 4rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 216rpx; justify-content: center; align-items: center; } .txt5 { 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; } .sure{ width:100%; position: fixed; bottom: 5vh; left:0; margin:0; } .sure button{ width: 92%; margin:0 auto } .box71 { z-index: 56; border-radius: 12rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 24rpx; width: 710rpx; position: relative; margin: 20rpx 0 0 20rpx; } .main11 { width: 710rpx; display: flex; flex-direction: column; } .layer11 { width: 662rpx; height: 28rpx; margin-left: 24rpx; flex-direction: row; display: flex; justify-content: space-between; } .word41 { 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; } .word51 { width: 63rpx; 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; margin-top: 2rpx; } .layer21 { width: 710rpx; height: 1rpx; background: #ccc; margin-top: 24rpx; display: flex; flex-direction: column; } .layer31 { width: 662rpx; height: 100rpx; flex-direction: row; display: flex; margin: 31rpx 0 0 24rpx; } .pic21 { width: 100rpx; height: 100rpx; } .main21 { width: 199rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 12rpx 0 0 24rpx; } .word61 { width: 199rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .layer41 { width: 166rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .word71 { width: 78rpx; 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; } .block31 { z-index: 83; height: 26rpx; background-color: rgba(228,228,228,1); width: 26rpx; position: relative; display: flex; flex-direction: column; justify-content: space-between; } .group11 { width: 26rpx; height: 8rpx; flex-direction: row; display: flex; justify-content: space-between; } .section11 { width: 8rpx; height: 8rpx; background-color: rgba(80,80,154,1); display: flex; flex-direction: column; } .section21 { width: 9rpx; height: 8rpx; background-color: rgba(237,52,36,1); display: flex; flex-direction: column; } .section31 { width: 9rpx; height: 8rpx; background-color: rgba(85,197,245,1); display: flex; flex-direction: column; } .group21 { width: 26rpx; height: 9rpx; flex-direction: row; display: flex; justify-content: space-between; } .outer21 { width: 9rpx; height: 9rpx; background-color: rgba(198,212,255,1); display: flex; flex-direction: column; } .outer31 { width: 9rpx; height: 9rpx; background-color: rgba(198,212,255,1); display: flex; flex-direction: column; } .group31{ width: 26rpx; height: 9rpx; flex-direction: row; display: flex; justify-content: space-between; } .box81 { width: 9rpx; height: 9rpx; background-color: rgba(85,197,245,1); display: flex; flex-direction: column; } .box91 { width: 9rpx; height: 9rpx; background-color: rgba(80,80,154,1); display: flex; flex-direction: column; } .group41 { z-index: 88; position: absolute; left: 8rpx; top: 8rpx; width: 9rpx; height: 9rpx; background-color: rgba(123,130,171,1); display: flex; flex-direction: column; } .group51 { z-index: 91; position: absolute; left: 8rpx; top: 17rpx; width: 9rpx; height: 9rpx; background-color: rgba(237,52,36,1); display: flex; flex-direction: column; } .word81 { width: 52rpx; 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-left: 10rpx; } .info31 { width: 207rpx; 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: right; margin: 62rpx 0 0 132rpx; } .layer51 { width: 552rpx; height: 120rpx; flex-direction: row; display: flex; justify-content: start; margin: 32rpx 0 0 24rpx; flex-wrap: wrap; } .mod4-01 { z-index: 97; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; margin-right: 24rpx; display: flex; flex-direction: column; } .pic3-01 { z-index: 98; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .mod4-11 { z-index: 97; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; margin-right: 24rpx; display: flex; flex-direction: column; } .pic3-11 { z-index: 98; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .mod4-21 { z-index: 97; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; margin-right: 24rpx; display: flex; flex-direction: column; } .pic3-21 { z-index: 98; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .mod4-31 { z-index: 97; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; margin-right: 24rpx; display: flex; flex-direction: column; } .pic3-31 { z-index: 98; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .layer61 { width: 654rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; margin: 32rpx 0 0 24rpx; } .layer71 { width: 662rpx; height: 100rpx; flex-direction: row; display: flex; margin: 32rpx 0 0 24rpx; } .img21 { width: 100rpx; height: 100rpx; } .section41 { width: 166rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 12rpx 0 0 24rpx; } .word91 { width: 139rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .bd21 { width: 166rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .word101 { width: 78rpx; 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; } .bd31 { width: 26rpx; height: 26rpx; background-color: rgba(228,228,228,1); display: flex; flex-direction: column; } .info41 { width: 52rpx; 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-left: 10rpx; } .info51 { width: 207rpx; 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: justify; margin: 62rpx 0 0 165rpx; } .layer81{ width: 678rpx; height: 120rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 32rpx 0 0 24rpx; } .main31 { z-index: 110; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; display: flex; flex-direction: column; } .img31 { z-index: 111; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .main41 { z-index: 113; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; display: flex; flex-direction: column; } .pic41 { z-index: 114; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .main51 { z-index: 116; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; display: flex; flex-direction: column; } .img41 { z-index: 117; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .main61 { z-index: 119; position: relative; width: 120rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng22127b51e26a297a9e81a389eb4707cbf2f6a5b083640a3ebbd0652b80390548) 100% no-repeat; display: flex; flex-direction: column; } .pic51 { z-index: 120; position: absolute; left: 0rpx; top: 0rpx; width: 120rpx; height: 120rpx; } .main71 { z-index: 124; position: relative; width: 102rpx; height: 120rpx; border-radius: 4rpx; overflow: hidden; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng62c479a6d78985843a3855460c85494b54756d47566fef47ab06552067c5fd9d) 100% no-repeat; display: flex; flex-direction: column; } .pic61 { z-index: 125; position: absolute; left: 0rpx; top: 0rpx; width: 102rpx; height: 120rpx; } .main81 { z-index: 126; position: absolute; left: 686rpx; top: 557rpx; width: 24rpx; height: 120rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; } .box101 { height: 148rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); margin-top: 121rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; position: fixed; bottom: 0; } .box111 { width: 690rpx; height: 88rpx; flex-direction: row; display: flex; justify-content: space-between; } .mod51 { height: 88rpx; border-radius: 8rpx; background-color: rgba(189,189,189,1); display: flex; flex-direction: column; width: 330rpx; justify-content: center; align-items: center; } .txt31 { 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; } .mod61 { 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; } .info61 { 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; }