.page { position: relative; width: 750rpx; background-color: rgba(246,246,246,1); overflow: hidden; display: flex; flex-direction: column; } .outer1 { width: 750rpx; display: flex; flex-direction: column; justify-content: space-between; } .section1 { height: 40rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .mod1 { width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .icon1 { width: 33rpx; height: 20rpx; margin-top: 2rpx; } .txt1 { 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; } .txt2 { 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; } .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; } .img1 { width: 53rpx; height: 23rpx; margin: 2rpx 0 0 6rpx; } .section2 { height: 88rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 24rpx; width: 750rpx; justify-content: center; } .bd1 { width: 710rpx; height: 64rpx; flex-direction: row; display: flex; } .label1 { 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; } .pic1 { width: 174rpx; height: 64rpx; margin-left: 113rpx; } .section3 { height: 128rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .outer2 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; justify-content: space-between; } .bd2 { height: 80rpx; border-radius: 8rpx; background-color: rgba(246,246,246,1); display: flex; flex-direction: column; padding-left: 30rpx; width: 510rpx; justify-content: center; } .info3 { width: 168rpx; 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; } .bd3 { height: 80rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 164rpx; justify-content: center; align-items: center; } .word1 { 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; } .section4 { height: 1078rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-top: 48rpx; width: 750rpx; } .box3 { width: 750rpx; height: 1030rpx; display: flex; flex-direction: column; } .layer1 { height: 254rpx; border: 2px solid rgba(231,231,231,1); background-color: rgba(255,255,255,1); margin-left: 175rpx; display: flex; flex-direction: column; padding-left: 14rpx; width: 400rpx; justify-content: center; } .bd4 { height: 222rpx; display: flex; flex-direction: column; width: 370rpx; } .bd5 image{ width: 370rpx; height: 220rpx; display: flex; flex-direction: column; } .txt3 { width: 364rpx; 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; margin: 48rpx 0 0 193rpx; } .layer2 { height: 464rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9836575d1002525500247f36d1fe09341aa0d34a60d956f48392e2632338f3ed) 100% no-repeat; margin-top: 236rpx; display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .layer3 { width: 718rpx; height: 432rpx; display: flex; flex-direction: column; justify-content: space-between; } .section5 { width: 718rpx; height: 320rpx; flex-wrap: wrap; display: flex; flex-direction: row; } .mod2 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 229rpx; justify-content: center; align-items: center; margin: 0 16rpx 16rpx 0; } .info4 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod3 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 101rpx; width: 228rpx; justify-content: center; margin: 0 16rpx 16rpx 0; } .word2 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod4 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); margin-bottom: 16rpx; display: flex; flex-direction: column; width: 229rpx; } .mod5 { height: 96rpx; border-radius: 8rpx; background-color: rgba(0,0,0,0.1); display: flex; flex-direction: column; width: 229rpx; justify-content: center; align-items: center; } .word3 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,0.7); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod6 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 229rpx; justify-content: center; align-items: center; margin: 0 16rpx 16rpx 0; } .word4 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod7 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 101rpx; width: 228rpx; justify-content: center; margin: 0 16rpx 16rpx 0; } .info5 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod8 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); margin-bottom: 16rpx; display: flex; flex-direction: column; width: 229rpx; justify-content: center; align-items: center; } .txt4 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod9 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 229rpx; justify-content: center; align-items: center; margin: 0 16rpx 16rpx 0; } .word5 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod10 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 101rpx; width: 228rpx; justify-content: center; margin: 0 16rpx 16rpx 0; } .word6 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .mod11 { height: 96rpx; border-radius: 4rpx; background-color: rgba(255,255,255,1); margin-bottom: 16rpx; display: flex; flex-direction: column; width: 229rpx; justify-content: center; align-items: center; } .txt5 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .section6 { width: 718rpx; height: 96rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .mod12 { height: 96rpx; border-radius: 8rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 473rpx; justify-content: center; align-items: center; } .word7 { width: 27rpx; height: 64rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 50rpx; font-family: DINPro-Medium; white-space: nowrap; line-height: 50rpx; text-align: center; } .pic2 { width: 229rpx; height: 96rpx; } .section7 { height: 430rpx; background-color: rgba(74,144,226,1); display: flex; flex-direction: column; width: 750rpx; padding: 20rpx 0 0 48rpx; } .layer4 { width: 658rpx; height: 366rpx; display: flex; flex-direction: column; justify-content: space-between; } .word8 { width: 138rpx; height: 48rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 34rpx; letter-spacing: 0rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 48rpx; text-align: left; margin-left: 258rpx; } .paragraph1 { width: 658rpx; height: 290rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 28rpx; letter-spacing: 0rpx; font-family: PingFangSC-Regular; line-height: 40rpx; text-align: left; margin-top: 28rpx; overflow: hidden; text-overflow: ellipsis; }