fastNetwork/pages/home/home.wxss

.main {
  float: left;
  width: 95%;
  height: 100%;
  /* background-image: linear-gradient(#ff0000, #ffffff); */
  background-color: #f6f6f6;
  padding: 20rpx 20rpx 0 20rpx;
}

.one {
  float: left;
  width: 100%;
  height: 192px;
  margin: 0 0 20rpx 0;
}

.one video {
  width: 100%;
  height: 192px;
}

.personal {
  float: left;
  width: 94%;
  background-color: #ffffff;
  margin: 0 0 20rpx 0;
  padding: 20rpx;
  border-radius: 10rpx;
}

.personal image {
  float: left;
  width: 150rpx;
  height: 150rpx;
  border-radius: 90rpx;
}

.personal .userInfo {
  float: left;
  width: 77%;
}

.personal .userInfo text {
  float: left;
  width: 100%;
  padding: 6rpx 0 0 10rpx;
  font-size: 30rpx;
  color: #666;
}

.personal .userInfo text:nth-child(1) {
  font-weight: bold;
  color: #000;
  font-size: 35rpx;
}

.two {
  float: left;
  width: 94%;
  min-height: 200rpx;
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  border-radius: 10rpx;
  margin: 0 0 20rpx 0;
  padding: 0 20rpx;
}

.two .btn {
  float: left;
  width: 25%;
  text-align: center;
  margin: 20rpx 0;
}

.two .btn image {
  width: 70rpx;
  height: 70rpx;
}

.two .btn text {
  float: left;
  width: 100%;
  text-align: center;
}

.three {
  float: left;
  width: 100%;
  min-height: 200rpx;
  margin: 0 0 20rpx 0;
}

.three .num {
  float: left;
  width: 46%;
  height: 150rpx;
  background-color: #ffffff;
  margin: 0 50rpx 20rpx 0;
  border-radius: 10rpx;
  box-shadow: 0 0 5rpx #ccc;
}

.three .num:nth-child(2n) {
  margin: 0;
  padding: 0 5rpx 0 0;
}

.three .num:nth-child(3) {
  margin: 0 50rpx 0 0;
}

.three .num .numOne {
  float: left;
  width: 100%;
}

.three .num .numOne text {
  float: left;
  margin: 25rpx 0 0 20rpx;
  font-family: monospace;
  font-weight: bold;
}

.three .num .numOne image {
  width: 60rpx;
  height: 60rpx;
  float: right;
  margin: 15rpx 20rpx 0 0;
}

.three .num .numTwo {
  float: left;
  width: 100%;
  text-align: center;
  padding: 15rpx 0;
  font-weight: bold;
}

.three .num:nth-child(1) .numTwo {
  color: #00FFFF;
}

.three .num:nth-child(2) .numTwo {
  color: #00FF00;
}

.three .num:nth-child(3) .numTwo {
  color: #FFA500;
}

.three .num:nth-child(4) .numTwo {
  color: #ff0000;
}

.four {
  float: left;
  width: 100%;
  min-height: 200rpx;
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  border-radius: 10rpx;
  margin: 0 0 20rpx 0;
}

.four .num {
  float: left;
  width: 25%;
  text-align: center;
  margin: 20rpx 0;
}

.four .num image {
  width: 70rpx;
  height: 70rpx;
}

.four .num text {
  float: left;
  width: 100%;
  text-align: center;
}

/* 公共标题样式 */
.comTitle {
  float: left;
  width: 96%;
  font-size: 40rpx;
  padding: 10rpx 15rpx;
  font-weight: bold;
}