.page { position: relative; width: 750rpx; background-color: rgba(248,248,248,1); overflow: hidden; display: flex; flex-direction: column; } .section1 { width: 750rpx; /* height: 1220rpx; */ display: flex; flex-direction: column; margin-bottom: 50vh; } .group3 { height: 172rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 32rpx; width: 750rpx; justify-content: center; } .mod3 { width: 688rpx; height: 112rpx; flex-direction: row; display: flex; } .box2 { width: 336rpx; height: 104rpx; margin-top: 4rpx; display: flex; flex-direction: column; justify-content: space-between; } .txt2 { width: 336rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 24rpx; text-align: left; } .word2 { width: 224rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 16rpx; } .word3 { width: 224rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 16rpx; } .box3 { height: 112rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); margin-left: 34rpx; display: flex; flex-direction: column; width: 146rpx; justify-content: center; align-items: center; } .bd1 { width: 74rpx; height: 68rpx; display: flex; flex-direction: column; justify-content: space-between; } .word4 { width: 30rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(0,0,0,1); font-size: 28rpx; letter-spacing: 1rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 28rpx; text-align: center; margin-left: 22rpx; } .word5 { width: 74rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 1rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: center; margin-top: 16rpx; } .box4 { height: 112rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); margin-left: 8rpx; display: flex; flex-direction: column; padding-left: 27rpx; width: 164rpx; justify-content: center; } .section3 { width: 111rpx; height: 68rpx; display: flex; flex-direction: column; justify-content: space-between; } .word6 { width: 43rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; margin-left: 34rpx; } .word7 { width: 111rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 1rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: center; margin-top: 16rpx; } .group4 { height: 72rpx; background-color: rgba(253,252,236,1); display: flex; flex-direction: column; width: 750rpx; } .box5 { width: 514rpx; height: 72rpx; flex-direction: row; display: flex; justify-content: space-between; } .img1 { width: 40rpx; height: 40rpx; margin: 2% auto; } .info3 { 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; } .word8 { width: 302rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 24rpx 0 0 32rpx; } .group5 { height: 156rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); width: 686rpx; display: flex; flex-direction: column; margin: 16rpx 0 0 32rpx; } .layer1 { width: 225rpx; height: 28rpx; display: flex; flex-direction: row; margin: 24rpx 0 0 24rpx; } .word9 { width: 225rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .layer2 { width: 224rpx; height: 24rpx; display: flex; flex-direction: row; margin: 16rpx 0 0 24rpx; } .txt3 { width: 224rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .layer3 { width: 391rpx; height: 28rpx; flex-direction: row; display: flex; margin: 14rpx 0 22rpx 24rpx; } .txt4 { width: 160rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 2rpx; } .info4 { width: 74rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 64rpx; } .block1 { width: 28rpx; height: 28rpx; background-color: rgba(216,216,216,1); display: flex; flex-direction: column; } .word10 { width: 49rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 16rpx; } .txt5 { width: 286rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 32rpx 0 0 32rpx; } .group6 { height: 156rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); width: 686rpx; display: flex; flex-direction: column; justify-content: flex-center; margin: 16rpx 0 0 32rpx; } .section4 { width: 638rpx; height: 28rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 0 0 24rpx; } .word11 { width: 225rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .info5 { width: 85rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .section5 { width: 224rpx; height: 24rpx; display: flex; flex-direction: row; margin: 16rpx 0 0 24rpx; } .word12 { width: 224rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .section6 { width: 391rpx; height: 28rpx; flex-direction: row; display: flex; margin: 12rpx 0 24rpx 24rpx; } .info6 { width: 160rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 4rpx; } .info7 { width: 74rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 64rpx; } .block2 { width: 28rpx; height: 28rpx; background-color: rgba(216,216,216,1); display: flex; flex-direction: column; } .word13 { width: 49rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 16rpx; } .info8 { width: 369rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 32rpx 0 0 32rpx; } .group7 { height: 156rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); width: 686rpx; display: flex; flex-direction: column; justify-content: flex-center; margin: 16rpx 0 0 32rpx; } .mod4 { width: 638rpx; height: 28rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 0 0 24rpx; } .txt6 { width: 225rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .info9 { width: 85rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .mod5 { width: 224rpx; height: 24rpx; display: flex; flex-direction: row; margin: 16rpx 0 0 24rpx; } .info10 { width: 224rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .mod6 { width: 391rpx; height: 28rpx; flex-direction: row; display: flex; margin: 12rpx 0 24rpx 24rpx; } .txt7 { width: 160rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 4rpx; } .info11 { width: 74rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 64rpx; } .layer4 { width: 28rpx; height: 28rpx; background-color: rgba(216,216,216,1); display: flex; flex-direction: column; } .txt8 { width: 49rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 16rpx; } .group8 { height: 156rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); width: 686rpx; display: flex; flex-direction: column; justify-content: flex-center; margin: 16rpx 0 0 32rpx; } .mod7 { width: 638rpx; height: 28rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 0 0 24rpx; } .txt9 { width: 225rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .info12 { width: 85rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .mod8 { width: 224rpx; height: 24rpx; display: flex; flex-direction: row; margin: 16rpx 0 0 24rpx; } .info13 { width: 224rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .mod9 { width: 391rpx; height: 28rpx; flex-direction: row; display: flex; margin: 12rpx 0 24rpx 24rpx; } .info14 { width: 160rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 4rpx; } .info15 { width: 74rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 64rpx; } .block3 { width: 28rpx; height: 28rpx; background-color: rgba(216,216,216,1); display: flex; flex-direction: column; } .txt10 { width: 49rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 24rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 2rpx 0 0 16rpx; } .section7 { height: 148rpx; border-radius: 24px 24px 0px 0px; background-color: rgba(255,255,255,1); box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.06); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; margin-top: 20rpx; position: fixed; bottom: 0; } .main1 { width: 690rpx; height: 88rpx; flex-direction: row; display: flex; justify-content: space-between; } .layer5 { height: 88rpx; border-radius: 8rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; width: 330rpx; position: relative; justify-content: center; align-items: center; } .outer1 { width: 230rpx; height: 32rpx; flex-direction: row; display: flex; justify-content: space-between; } .mod10 { width: 32rpx; height: 32rpx; background-color: rgba(0,0,0,0); display: flex; flex-direction: column; } .mod10 image{ width: 32rpx; height: 32rpx } .txt11 { width: 182rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 30rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: left; margin-top: 1rpx; } .outer2 { height: 32rpx; background-size: 32rpx 32rpx; display: flex; flex-direction: column; padding-top: 14rpx; width: 32rpx; position: absolute; left: 51rpx; top: 29rpx; align-items: center; } .group9 { width: 20rpx; height: 3rpx; border-radius: NaNrpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; } .layer6 { height: 88rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 330rpx; justify-content: center; align-items: center; } .txt12 { width: 210rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; } .wrap-1 { height: 388rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 60rpx; width: 750rpx; align-items: center; } .mod-1 { width: 690rpx; height: 256rpx; display: flex; flex-direction: column; justify-content: space-between; } .bd-1 { height: 80rpx; border-radius: 8rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; width: 690rpx; justify-content: center; align-items: center; } .section-2 { width: 630rpx; height: 36rpx; flex-direction: row; display: flex; justify-content: space-between; } .info-1 { width: 280rpx; 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: 4rpx; } .label-1 { width: 36rpx; height: 36rpx; } .bd-2 { width: 532rpx; height: 68rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 108rpx 0 0 79rpx; } .mod-2 { 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; } .word-1 { 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; } .mod-3 { 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; } .info-2 { 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; } .layer11 { z-index: 4; height: 620rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 72rpx; width: 750rpx; position: relative; align-items: center; } .bd11 { width: 690rpx; height: 504rpx; display: flex; flex-direction: column; } .group11 { height: 172rpx; border-radius: 8rpx; /* border: 2px solid rgba(70,153,255,1); */ background-color: rgba(241,247,255,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 690rpx; justify-content: center; margin: 10rpx auto; } .mod11 { flex-direction: row; display: flex; justify-content: space-between; } .icon11 { width: 40rpx; height: 40rpx; margin-top: 18rpx; } .main11 { display: flex; flex-direction: column; justify-content: space-between; } .info11 { display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .info21 { display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 1rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 24rpx; } .group21 { height: 172rpx; border-radius: 8rpx; border: 2px solid rgba(237,237,237,1); margin-top: 36rpx; display: flex; flex-direction: column; padding-left: 30rpx; width: 690rpx; justify-content: center; } .group31 { width: 40rpx; height: 40rpx; border: 2px solid rgba(189,189,189,1); border-radius: 50%; display: flex; flex-direction: column; } .group41 { width: 532rpx; height: 68rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 56rpx 0 0 79rpx; } .bd21 { 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; } .word11 { 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; } .bd31 { 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; } .word21 { 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; } .info31 { z-index: 11; position: absolute; left: 134rpx; top: 328rpx; width: 170rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; } .word31 { position: absolute; left: 370rpx; top: 322rpx; width: 271rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,102,61,1); font-size: 24rpx; letter-spacing: 1rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: right; } .txt11 { /*z-index: 13; */ /* position: absolute; */ /* left: 134rpx; */ /* top: 0; */ width: 541rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; letter-spacing: 1rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-left: 15rpx; }