.home { width: 92%; margin: 0 auto; } .home .top { height: 300rpx; } .home .top swiper-item { width: 100%; height: 300rpx; border-radius: 20rpx; } .home .top image { width: 100%; height: 300rpx; border-radius: 20rpx; } .home .top swiper { height: 300rpx; } .flex-box { display: flex; align-items: center; justify-content: center; margin-top: 30rpx; } .bck { background: #dbe9f6; border-radius: 6px; color: #3994f7; margin-left: 20rpx; padding: 10rpx 20rpx; width: 90%; } .shu-top2 { margin-top: 20rpx; display: flex; align-items: center; } .shu { height: 36rpx; width: 8rpx; background: rgba(31, 135, 247, 1); border-radius: 4px; } .top2 { font-family: SourceHanSansCN; font-weight: bold; margin-left: 20rpx; } .top3 { display: flex; margin-top: 20rpx; } .top3-box { background-color: #e5f6ff; width: 220rpx; height: 224rpx; border-radius: 10rpx; text-align: center; } .top3-box:nth-child(2) { margin-left: 20rpx; } .top3-box:nth-child(3) { margin-left: 20rpx; } .top3-title { color: #9eb7c9; font-size: 30rpx; font-family: SourceHanSansCN; font-weight: 500; margin-top: 5rpx; } top3-num { font-size: 36rpx; font-family: SourceHanSansCN; font-weight: 500; color: #9DB7C9; margin-top: 20rpx; } .top4 { display: flex; margin-top: 20rpx; } .top4-box { display: flex; width: 330rpx; height: 150rpx; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.15); border-radius: 10rpx; align-items: center; justify-content: space-around; } .top4-box:nth-child(2) { margin-left: 25rpx; } .top4-box:nth-child(4) { margin-left: 25rpx; } .top4-title { color: #333333; font-family: SourceHanSansCN; font-weight: 400; font-size: 30rpx; } .top4-smalltitle { font-family: SourceHanSansCN; font-weight: 400; font-size: 26rpx; color: #999999; } .top4-box1 { margin-right: 20rpx; } .swiper_container { height: 50rpx; width: 80vw; margin-left: 20rpx; line-height: 50rpx; background: #dbe9f6; color: #2087f7; border-radius: 6rpx; padding-left: 20rpx; box-sizing: border-box; } .swiper_item { font-size: 30rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 2px; }