Agency_WxApp/miniprogram/pages/index/index.wxss

.block-line>view {
  width: 50%;
  text-align: center;
  color: #fff;
  height: 220rpx;
}

.block-line:first-child>view:first-child {
  background: #27ae60;
}

.block-line:first-child>view:last-child {
  background: #27ae60;
}

.block-line:last-child>view:first-child {
  background: #e67e22;
}

.block-line:last-child>view:last-child {
  background: #2980b9;
}

.block-line>view>view:first-child {
  margin-top: 40rpx;
  margin-bottom: 30rpx;
}

.search {
  border: 1rpx solid grey;
  width: 80%;
  background: #fff;
}

.tabs {
  width: 100%;
  height: 100rpx;
  background: #fff;
  box-shadow: rgb(209, 206, 206) 5rpx 5rpx 10rpx
}

.tabs>view {
  width: 100rpx;
  height: 60rpx;
}

.tools {
  height: calc(100vh - 480rpx);
}

.tools>view {
  height: 50%;
}

.tools>view>view {
  width: 50vw;
  text-align: center;
}

.tools>view>view>image {
  width: 25vw;
  height: 25vw;
  margin-top: 20%;
}

.go-to {
  position: relative;
}

.badge {
  position: absolute;
  width: 50rpx;
  height: 50rpx;
  text-align: center;
  line-height: 50rpx;
  background: #f86065;
  border-radius: 25rpx;
  color: #fff;
  font-size: 30rpx;
  top: 12vw;
  right: 12vw;
}