.page { position: relative; width: 750rpx; background-color: rgba(246,246,246,1); overflow: hidden; display: flex; flex-direction: column; } .box1 { width: 750rpx; /* height: 1334rpx; */ display: flex; flex-direction: column; } .main1 { height: 40rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .layer1 { width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .info1 { 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; } .main2 { 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; } .icon2 { width: 48rpx; height: 48rpx; margin-top: 8rpx; } .info2 { 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; } .pic2 { width: 174rpx; height: 64rpx; margin-left: 113rpx; } .main3 { height: 270rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; } .mod1 { width: 690rpx; height: 30rpx; flex-direction: row; display: flex; margin: 35rpx 0 0 30rpx; } .txt1 { 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; } .main4 { width: 12rpx; height: 12rpx; background-color: rgba(85,190,23,1); border-radius: 50%; display: flex; flex-direction: column; margin: 9rpx 0 0 300rpx; } .word3 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(85,190,23,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin: 2rpx 0 0 10rpx; } .mod2 { width: 669rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 25rpx 0 0 10rpx; flex-wrap: wrap; } .mod3 { width: 94rpx; height: 26rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; margin: 20rpx; } .word9 { width: 68rpx; 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; } .word4 { font-size: 26rpx; font-family: PingFangSC-Regular; color: rgba(102,102,102,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .txt2 { font-size: 26rpx; font-family: PingFangSC-Medium; color: rgba(51,51,51,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .mod4 { width: 94rpx; height: 26rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; font-size: 0rpx; } .word5 { font-size: 26rpx; font-family: PingFangSC-Regular; color: rgba(102,102,102,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .txt3 { font-size: 26rpx; font-family: PingFangSC-Medium; color: rgba(51,51,51,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .mod5 { width: 89rpx; height: 26rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; font-size: 0rpx; } .txt4 { font-size: 26rpx; font-family: PingFangSC-Regular; color: rgba(102,102,102,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .txt5 { font-size: 26rpx; font-family: PingFangSC-Medium; color: rgba(51,51,51,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .mod6 { width: 89rpx; height: 26rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; font-size: 0rpx; } .txt6 { font-size: 26rpx; font-family: PingFangSC-Regular; color: rgba(102,102,102,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .info3 { font-size: 26rpx; font-family: PingFangSC-Medium; color: rgba(51,51,51,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .mod7 { width: 89rpx; height: 26rpx; display: flex; flex-direction: row; margin: 30rpx 0 40rpx 30rpx; } .section1 { width: 89rpx; height: 26rpx; overflow-wrap: break-word; text-align: left; white-space: nowrap; font-size: 0rpx; } .info4 { font-size: 26rpx; font-family: PingFangSC-Regular; color: rgba(102,102,102,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .word6 { font-size: 26rpx; font-family: PingFangSC-Medium; color: rgba(51,51,51,1.000000); line-height: 26rpx; overflow: hidden; text-overflow: ellipsis; } .main5 { height: 90rpx; background-color: rgba(255,255,255,1); margin-top: 30rpx; display: flex; flex-direction: column; padding-top: 30rpx; width: 750rpx; } .layer2 { width: 750rpx; /* height: 60rpx; */ display: flex; flex-direction: column; justify-content: space-between; } .outer1 { width: 690rpx; height: 30rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .word7 { 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; } .txt7 { width: 68rpx; 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; } .outer2 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 29rpx; display: flex; flex-direction: column; } .main6 { /* height: 364rpx; */ background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .layer3 { width: 692rpx; /* height: 284rpx; */ flex-wrap: wrap; display: flex; margin-top:21rpx; margin-left: 54rpx; flex-direction: row; } .outer3-0 { width: 80rpx; /* height: 122rpx; */ display: flex; flex-direction: column; margin: 0 59rpx 40rpx 0; } .layer4-0 { width: 80rpx; /* height: 122rpx; */ display: flex; flex-direction: column; justify-content: space-between; } .main7-0 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; justify-content: center; } .active-tag { background-color: #FF7300; color: #fff; border: 1px solid #FF7300; } .word8-0 { height: 50rpx; display: block; overflow-wrap: break-word; font-size: 50rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 50rpx; text-align: left; margin: 0 auto; } .word9-01 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; margin: 16rpx 0 0 14rpx; color: rgba(255,115,0,1); } .outer3-1 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; } .layer4-1 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-1 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-1 { 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: left; } .outer3-2 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; } .layer4-2 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-2 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 29rpx; width: 80rpx; justify-content: center; } .word8-2 { 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: left; } .outer3-3 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; } .layer4-3 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-3 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-3 { 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: left; } .outer3-4 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; margin-right: 0rpx; } .layer4-4 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-4 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-4 { 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: left; } .word9-4 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; margin: 16rpx 0 0 14rpx; color: rgba(209,1,29,1); } .outer3-5 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; margin-bottom: 0rpx; } .layer4-5 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-5 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-5 { 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: left; } .word9-5 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; margin: 16rpx 0 0 14rpx; color: rgba(85,190,25,1); } .outer3-6 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; margin-bottom: 0rpx; } .layer4-6 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-6 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-6 { 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: left; } .word9-6 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; margin: 16rpx 0 0 14rpx; color: rgba(85,190,25,1); } .outer3-7 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; margin-bottom: 0rpx; } .layer4-7 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-7 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-7 { 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: left; } .word9-7 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; margin: 16rpx 0 0 14rpx; color: rgba(85,190,25,1); } .outer3-8 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; margin: 0 73rpx 40rpx 0; margin-bottom: 0rpx; } .layer4-8 { width: 80rpx; height: 122rpx; display: flex; flex-direction: column; justify-content: space-between; } .main7-8 { height: 80rpx; border-radius: 50%; border: 1px solid #CCCCCC; display: flex; flex-direction: column; padding-left: 24rpx; width: 80rpx; justify-content: center; } .word8-8 { 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: left; } .word9-8 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: center; margin: 16rpx 0 0 14rpx; color: rgba(85,190,25,1); } .main8 { height: 148rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); margin-top: 342rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .info5 { width: 352rpx; 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; } .mod9 { height: 148rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); margin-top: 342rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; position: fixed; bottom: 0; } .bd2 { width: 690rpx; height: 88rpx; flex-direction: row; display: flex; justify-content: space-between; } .outer-8 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 26rpx; display: flex; flex-direction: column; } .outer8 { 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: 516rpx; justify-content: center; align-items: center; } .word12 { width: 128rpx; 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; } .outer9 { 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: 144rpx; justify-content: center; align-items: center; } .word12 { width: 128rpx; 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; } .outer-9 { width: 716rpx; height: 236rpx; flex-wrap: wrap; display: flex; flex-direction: row; margin: 16rpx 0 0 16rpx; } .word13 { 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; } .group4 { 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: 144rpx; justify-content: center; align-items: center; } .group5 { width: 56rpx; height: 32rpx; background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/icon_jiantou_white%402x.png?sign=4ad8b07fe082b4a4c58f0ffe06dbf727&t=1645095599) -1rpx -28rpx no-repeat; background-size: 64rpx 52rpx; display: flex; flex-direction: column; } .outer6 { z-index: 95; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding: 26rpx 0; width: 750rpx; position: fixed; bottom: 0; box-shadow: 0px -10rpx 20rpx 0px rgba(0, 0, 0, 0.06); border-radius: 24rpx 24rpx 0px 0px; } .wrap1 { width: 750rpx; display: flex; flex-direction: column; } .outer7 { width: 690rpx; height: 58rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .info8 { width: 133rpx; 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: 14rpx; } .mod11 { width: 152rpx; height: 58rpx; border-radius: 29rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; } .empt{ width: 750rpx; height: 148rpx; background: #FFFFFF; box-shadow: 0px -10rpx 20rpx 0px rgba(0, 0, 0, 0.06); border-radius: 24rpx 24rpx 0px 0px; text-align: center; line-height: 148rpx; bottom: 0; } .empt text{ width: 352rpx; height: 32rpx; font-size: 32rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; line-height: 32rpx; text-shadow: 0px -10px 20px rgba(0, 0, 0, 0.06); } .bd6-0 { height: 112rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); display: flex; flex-direction: column; width: 348rpx; justify-content: center; align-items: center; margin: 0 20rpx 8rpx 0; } .layer9-0 { width: 252rpx; height: 72rpx; display: flex; flex-direction: column; justify-content: space-between; } .word9-0 { width: 266rpx; 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: center; } .word10-0 { width: 96rpx; 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: 20rpx 0 0 102rpx; } .bd6-1 { height: 112rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); display: flex; flex-direction: column; width: 348rpx; justify-content: center; align-items: center; margin: 0 20rpx 8rpx 0; margin-right: 0rpx; } .layer9-1 { width: 252rpx; height: 72rpx; display: flex; flex-direction: column; justify-content: space-between; } .word9-1 { width: 266rpx; 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; } .word10-1 { width: 96rpx; 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: 20rpx 0 0 102rpx; } .bd6-2 { height: 112rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); display: flex; flex-direction: column; width: 348rpx; justify-content: center; align-items: center; margin: 0 20rpx 8rpx 0; margin-bottom: 0rpx; } .layer9-2 { width: 252rpx; height: 72rpx; display: flex; flex-direction: column; justify-content: space-between; } .word9-2 { width: 266rpx; 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; } .word10-2 { width: 96rpx; 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: 20rpx 0 0 102rpx; } .bd6-3 { height: 112rpx; border-radius: 8rpx; background-color: rgba(248,248,248,1); display: flex; flex-direction: column; width: 348rpx; justify-content: center; align-items: center; margin: 0 20rpx 8rpx 0; margin-right: 0rpx; margin-bottom: 0rpx; } .layer9-3 { width: 252rpx; height: 72rpx; display: flex; flex-direction: column; justify-content: space-between; } .word9-3 { width: 266rpx; 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; } .word10-3 { width: 96rpx; 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: 20rpx 0 0 102rpx; } .outer10 { width: 690rpx; height: 31rpx; flex-direction: row; display: flex; margin: 33rpx 0 0 30rpx; } .info9 { width: 400rpx; 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: 2rpx; } .section3 { height: 31rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5a3d90bd436c32c37686a738faa6678e155c31d354a61989010918d980ca98f6) -21rpx -30rpx no-repeat; background-size: 72rpx 70rpx; margin-left: 197rpx; display: flex; flex-direction: column; width: 31rpx; padding: 15rpx 0 0 6rpx; } .box3 { width: 12rpx; height: 9rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93fa9dda6d4208f51a4c2b980af5fdfb40fb41fe258d3b9a01dd928d95dd4c4d) -18rpx -29rpx no-repeat; background-size: 47rpx 47rpx; display: flex; flex-direction: column; } .info10 { width: 52rpx; 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: 2rpx 0 0 10rpx; } .outer11 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 32rpx; display: flex; flex-direction: column; } .outer12 { width: 690rpx; height: 88rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 30rpx 0 0 30rpx; } .group3 { 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: 516rpx; justify-content: center; align-items: center; } .txt6 { width: 128rpx; 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; } .txt7 { z-index: 127; position: absolute; left: 592rpx; top: 42rpx; 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: left; } /*开门*/ .layer12 { z-index: 96; height: 1334rpx; background-color: rgba(0,0,0,0.4); display: flex; flex-direction: column; padding-top: 510rpx; width: 750rpx; position: absolute; left: 0rpx; top: 0rpx; } .outer5 { z-index: 97; height: 706rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; position: relative; justify-content: center; } .mod6 { width: 750rpx; height: 626rpx; display: flex; flex-direction: column; } .section10 { width: 690rpx; height: 30rpx; margin-left: 30rpx; flex-direction: row; display: flex; } .layer13 { width: 8rpx; height: 26rpx; background-color: rgba(82,161,255,1); margin-top: 2rpx; display: flex; flex-direction: column; } .word17 { width: 150rpx; 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-left: 10rpx; } .txt14 { width: 73rpx; 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-left: 449rpx; } .section11 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 40rpx; display: flex; flex-direction: column; } .section12 { z-index: 111; 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; margin: 30rpx 0 0rpx 30rpx; } .section13 { width: 630rpx; height: 36rpx; flex-direction: row; display: flex; justify-content: space-between; } .txt15 { 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-top: 4rpx; } .section14 { width: 36rpx; height: 36rpx; background-color: rgba(0,0,0,0); display: flex; flex-direction: column; } .section15 { z-index: 114; height: 36rpx; background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/saomiao%E5%A4%87%E4%BB%BD%208%402x.png?sign=b820eee3bece6661cdec7be7112b4856&t=1645101544) 0rpx 0rpx no-repeat; background-size: 36rpx 36rpx; display: flex; flex-direction: column; padding-left: 6rpx; width: 36rpx; position: absolute; left: 625rpx; top: 23rpx; justify-content: center; } .section16 { width: 23rpx; height: 4rpx; border-radius: NaNrpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; } .section17 { width: 532rpx; height: 68rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 20rpx auto; } .group1 { 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; } .txt16 { 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; } .group2 { 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; } .info12 { 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; } .section18 { width: 750rpx; height: 20rpx; background-color: rgba(246,246,246,1); margin-top: 40rpx; display: flex; flex-direction: column; } .section19 { width: 198rpx; height: 30rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 40rpx 0 0 30rpx; } .outer16 { width: 8rpx; height: 26rpx; background-color: rgba(82,161,255,1); margin-top: 2rpx; display: flex; flex-direction: column; } .txt17 { width: 180rpx; 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; } .section20 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 40rpx; display: flex; flex-direction: column; } .section21 { width: 334rpx; height: 58rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 40rpx 0 0 30rpx; } .outer17 { width: 152rpx; height: 58rpx; border-radius: 29rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; justify-content: center; } .outer18 { width: 152rpx; height: 58rpx; border-radius: 29rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; text-align: center; justify-content: center; } .txt18 { display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; margin: 0 auto; } .word18 { display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 26rpx; font-family: PingFangSC-Regular; margin: 0 auto; } .txt19 { width: 517rpx; display: block; overflow-wrap: break-word; color: rgba(255,115,0,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin: 20rpx auto; } .whole{ width: 100%; }