YouTuan_wxapp/pages/companyrecord/companyrecord.wxss

/* pages/companyrecord/companyrecord.wxss */
page {
  background-color: #f7f7f7;
}

.cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30rpx;
}

.tab {
  display: flex;
  width: 80%;
  height: 80rpx;
  color: #656565;
  font-size: 32rpx;
  display: flex;
  justify-content: space-around;
  margin-bottom: 20rpx;
  font-weight: 600;
}

.tab>view {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tab>view>view>image {
  width: 52rpx;
  height: 8rpx;
}

.body {
  width: 710rpx;
  height: 178rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 30rpx;
}

.body>view {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 49%;
}

.body>view:first-child>p:first-child {
  font-size: 32rpx;
  color: #464646;
}

.body>view:first-child>p:last-child {
  color: #11CD6A;
  font-size: 24rpx;
}

.body>view:last-child {
  display: flex;
}

.body>view:last-child>button {
  height: 56rpx;
  width: 156rpx;
  font-size: 24rpx;
  border-radius: 50rpx;
  border: 1px solid #FF874E;
  color: #FF874E;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0rpx;
}

.body>view:last-child>view>p:first-child {
  color: #FF874E;
  font-size: 32rpx;
}

.body>view:last-child>view>p:last-child {
  font-size: 42rpx;
  color: #FF874E;
}