.box1 { width: 750rpx; display: flex; flex-direction: column; } .layer4 { height: 128rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .bd1 { height: 80rpx; border-radius: 8rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 690rpx; justify-content: center; } .word2 { width: 280rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; } .layer5 { width: 695rpx; height: 94rpx; margin-top: 24rpx; flex-direction: row; display: flex; } .main1 { height: 94rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 180rpx; } .van-tree-select{ width: 200rpx; } .van-sidebar-item__text{ font-size: 35rpx;} .outer1 { width: 200rpx; height: 94rpx; flex-direction: row; display: flex; justify-content: space-between; font-size: 40rpx; } .bd2 { font-weight: bold !important; border-color: rgba(70,153,255,1) !important; } .van-tree-select__content{ width: 650rpx; } .right{ width: 550rpx; /* background-color: aliceblue; */ display: flex; flex-direction: row; flex-wrap: wrap } .word3 { 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: center; margin-top: 32rpx; } .main2 { height: 68rpx; border-radius: 8rpx; /* background-color: rgba(70,153,255,1); */ margin-left: 40rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 26rpx; border: 2px solid #4699FF; } .word4 { /* width: 190rpx; */ overflow-wrap: break-word; color: #4699FF; font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 28rpx; text-align: left; padding: 10rpx; display: block; } .main3 { width: 205rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); margin-left: 32rpx; display: flex; flex-direction: column; } .word5 { width: 157rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 20rpx 24rpx 0 -181rpx; } .layer6 { width: 629rpx; height: 94rpx; flex-direction: row; display: flex; } .layer7 { height: 94rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 180rpx; } .layer8 { width: 180rpx; height: 62rpx; display: flex; flex-direction: column; justify-content: space-between; } .txt2 { width: 60rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; margin-left: 60rpx; } .bd3 { width: 180rpx; height: 1rpx; background-color: rgba(229,229,229,1); margin-top: 31rpx; display: flex; flex-direction: column; } .layer9 { width: 172rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); display: flex; flex-direction: column; margin: 6rpx 0 0 40rpx; } .word6 { width: 57rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 26rpx 0 0 -114rpx; } .layer10 { width: 205rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); display: flex; flex-direction: column; margin: 6rpx 0 0 89rpx; } .info3 { width: 157rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 26rpx 24rpx 0 -181rpx; } .layer11 { width: 662rpx; height: 94rpx; flex-direction: row; display: flex; } .mod1 { height: 94rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 180rpx; } .block1 { width: 180rpx; height: 62rpx; display: flex; flex-direction: column; justify-content: space-between; } .info4 { width: 90rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; margin-left: 45rpx; } .group2 { width: 180rpx; height: 1rpx; background-color: rgba(229,229,229,1); margin-top: 31rpx; display: flex; flex-direction: column; } .mod2 { width: 238rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); display: flex; flex-direction: column; margin: 12rpx 0 0 40rpx; } .word7 { width: 190rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 32rpx 0 0 -214rpx; } .mod3 { width: 172rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); display: flex; flex-direction: column; margin: 12rpx 0 0 56rpx; } .word8 { width: 124rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 32rpx 24rpx 0 -148rpx; } .layer12 { width: 662rpx; height: 94rpx; flex-direction: row; display: flex; } .layer13 { height: 94rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 180rpx; } .mod4 { width: 180rpx; height: 62rpx; display: flex; flex-direction: column; justify-content: space-between; } .info5 { width: 60rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; margin-left: 60rpx; } .main4 { width: 180rpx; height: 1rpx; background-color: rgba(229,229,229,1); margin-top: 31rpx; display: flex; flex-direction: column; } .layer14 { width: 172rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); display: flex; flex-direction: column; margin: 18rpx 0 0 40rpx; } .word9 { width: 57rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 38rpx 0 0 -114rpx; } .layer15 { width: 238rpx; height: 68rpx; border-radius: 8rpx; border: 2px solid rgba(70,153,255,1); display: flex; flex-direction: column; margin: 18rpx 0 0 89rpx; } .word10 { width: 190rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 38rpx 24rpx 0 -214rpx; } .layer16 { height: 94rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 180rpx; } .bd4 { width: 180rpx; height: 62rpx; display: flex; flex-direction: column; justify-content: space-between; } .word11 { width: 60rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; margin-left: 60rpx; } .bd5 { width: 180rpx; height: 1rpx; background-color: rgba(229,229,229,1); margin-top: 31rpx; display: flex; flex-direction: column; } .layer17 { height: 584rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; width: 180rpx; } .box2 { height: 94rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-top: 32rpx; width: 180rpx; } .wrap1 { width: 180rpx; height: 62rpx; display: flex; flex-direction: column; justify-content: space-between; } .word12 { width: 60rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 30rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 30rpx; text-align: center; margin-left: 60rpx; } .bd6 { width: 180rpx; height: 1rpx; background-color: rgba(229,229,229,1); margin-top: 31rpx; display: flex; flex-direction: column; }