mzxiaochengxu/pages/index/index.wxss

.home {
  width: 92%;
  margin: 0 auto;
}

.home .top {
  height: 350rpx;

}

.home .top swiper-item {
  width: 100%;
  height: 350rpx;
  border-radius: 20rpx;
}

.home .top image {
  width: 100%;
  height: 350rpx;
  border-radius: 20rpx;
}

.home .top swiper {
  height: 350rpx;
}

.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;
}