.page { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); overflow: hidden; display: flex; flex-direction: column; top:0; left: 0; z-index: 999999; } .page .main1 { position: fixed; bottom: 0; z-index: 9999999; left: 0; background-color: rgba(0,0,0,0.4); } .page .group1 { display: flex; flex-direction: column; width: 750rpx; } .page .section1 { height: 469rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 40rpx; width: 750rpx; } .page .bd1 { width: 750rpx; height: 357rpx; display: flex; flex-direction: column; } .page .main2 { width: 690rpx; height: 30rpx; margin-left: 30rpx; flex-direction: row; display: flex; } .page .box1 { width: 8rpx; height: 26rpx; background-color: rgba(82,161,255,1); margin-top: 2rpx; display: flex; flex-direction: column; } .page .txt1 { 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; margin-left: 10rpx; } .page .info1 { 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: 419rpx; } .page .main3 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 40rpx; display: flex; flex-direction: column; } .page .main4 { 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; margin: 30rpx 0 0 30rpx; } .page .box2 { width: 630rpx; height: 36rpx; flex-direction: row; display: flex; justify-content: space-between; } .page .txt2 { width: 80%; 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; margin-top: 4rpx; } .page .icon1 { width: 36rpx; height: 36rpx; } .page .main5 { width: 134rpx; height: 28rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 40rpx 0 0 308rpx; } .page .icon2 { width: 28rpx; height: 28rpx; flex-shrink: 0; } .page .info2 { width: 96rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(109,186,26,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; margin-top: 2rpx; margin-left: 20rpx; } .page .error { color: red; } .page .main6 { width: 532rpx; height: 68rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 40rpx 0 0 109rpx; } .page .mod1 { 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; } .page .word1 { 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; } .page .mod2 { 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; } .page .box3 { width: 150rpx; height: 28rpx; flex-direction: row; display: flex; justify-content: space-between; } .mod3 { height: 28rpx; display: flex; flex-direction: column; width: 28rpx; padding: 9rpx 0 0 7rpx; } .outer1 { width: 16rpx; height: 12rpx; display: flex; flex-direction: column; } .info3 { width: 100%; 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: center; } .bd1 { width: 750rpx; height: 1334rpx; display: flex; flex-direction: column; } .mod1 { height: 40rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .block1 { width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .icon1 { width: 33rpx; height: 20rpx; margin-top: 2rpx; } .word1 { width: 74rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: Helvetica; white-space: nowrap; line-height: 29rpx; margin-left: 7rpx; } .box1 { width: 29rpx; height: 20rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 17rpx; } .txt1 { width: 90rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: Helvetica; white-space: nowrap; line-height: 29rpx; text-align: center; margin-left: 158rpx; } .box22 { width: 12rpx; height: 20rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 177rpx; } .info1 { width: 66rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: Helvetica; white-space: nowrap; line-height: 29rpx; text-align: right; margin-left: 5rpx; } .img1 { width: 53rpx; height: 23rpx; margin: 2rpx 0 0 6rpx; } .mod2 { height: 88rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 24rpx; width: 750rpx; justify-content: center; } .section1 { width: 710rpx; flex-direction: row; display: flex; } .label1 { width: 48rpx; height: 48rpx; margin-top: 8rpx; } .txt2 { 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; */ } .img2 { width: 174rpx; height: 64rpx; margin-left: 113rpx; } .mod33 { z-index: 42; height: 184rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 750rpx; position: relative; } .main99 { width: 750rpx; height: 152rpx; display: flex; flex-direction: column; } .layer1 { width: 198rpx; height: 30rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .outer11 { width: 8rpx; height: 26rpx; background-color: rgba(82,161,255,1); margin-top: 2rpx; display: flex; flex-direction: column; } .word2 { 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; } .layer2 { width: 592rpx; height: 58rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 32rpx 0 0 79rpx; } .main22 { width: 152rpx; height: 58rpx; border-radius: 29rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; } .main33 { width: 152rpx; height: 58rpx; border-radius: 29rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; } .main44 { width: 152rpx; height: 58rpx; border-radius: 29rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; } .layer3 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 31rpx; display: flex; flex-direction: column; } .word3 { z-index: 45; position: absolute; left: 103rpx; top: 110rpx; 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; } .word4 { z-index: 48; position: absolute; left: 323rpx; top: 110rpx; 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; } .word5 { z-index: 51; position: absolute; left: 543rpx; top: 110rpx; 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; } .mod4 { height: 98rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .main55 { width: 690rpx; height: 78rpx; flex-direction: row; display: flex; justify-content: space-between; } .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; margin-top: 24rpx; } .info2 { width: 70%; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; text-align: right; margin: 24rpx 0 0 30rpx; } picker{ width: fit-content!important; margin-right: 20rpx; } .picker{ display: flex; } .label2 { width: 22rpx; height: 12rpx; margin: 33rpx 0 0 8rpx; } .wrap1 { height: 78rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); margin-left: 56rpx; display: flex; flex-direction: column; width: 164rpx; justify-content: center; align-items: center; margin-right: 0; } .info33 { width: 112rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 28rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: center; } .info4 { width: 183rpx; height: 33rpx; display: block; overflow-wrap: break-word; color: rgba(155,155,155,1); font-size: 24rpx; letter-spacing: 1rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 33rpx; text-align: left; margin: 24rpx 0 0 30rpx; } .mod5 { width: 750rpx; height: 308rpx; margin-top: 24rpx; display: flex; flex-direction: column; justify-content: space-between; } .group1-0 { z-index: 63; height: 154rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 750rpx; position: relative; } .group2-0 { width: 750rpx; height: 122rpx; display: flex; flex-direction: column; } .main6-0 { width: 662rpx; height: 35rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .info5-0 { width: 257rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 28rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 7rpx; } .word7-0 { width: 72rpx; 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; } .main7-0 { width: 690rpx; height: 50rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 5rpx 0 0 30rpx; } .word8-0 { width: 216rpx; 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; margin-top: 19rpx; } .outer2-0 { width: 128rpx; height: 50rpx; border-radius: 8rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; } .main8-0 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 31rpx; display: flex; flex-direction: column; } .word9-0 { z-index: 70; position: absolute; left: 612rpx; top: 86rpx; width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: center; } .group1-1 { z-index: 63; height: 154rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 750rpx; position: relative; } .group2-1 { width: 750rpx; height: 122rpx; display: flex; flex-direction: column; } .main6-1 { width: 662rpx; height: 35rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .info5-1 { width: 257rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 28rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 7rpx; } .word7-1 { width: 72rpx; 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; } .main7-1 { width: 690rpx; height: 50rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 5rpx 0 0 30rpx; } .word8-1 { width: 216rpx; 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; margin-top: 19rpx; } .outer2-1 { width: 128rpx; height: 50rpx; border-radius: 8rpx; border: 1px solid rgba(82,161,255,1); display: flex; flex-direction: column; } .main8-1 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 31rpx; display: flex; flex-direction: column; } .word9-1 { z-index: 70; position: absolute; left: 612rpx; top: 86rpx; width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(82,161,255,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: center; } .mod6 { width: 750rpx; height: 20rpx; background-color: rgba(246,246,246,1); margin-top: 266rpx; display: flex; flex-direction: column; } .mod7 { height: 148rpx; border-radius: NaNrpx; background-color: rgba(255,255,255,1); margin-top: 101rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .bd2 { 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: 690rpx; justify-content: center; align-items: center; } .word10 { 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; } .words{ margin-left: 20rpx; margin-top: 10rpx; }