/* packageH/schoolCompany/schoolCompanyExtend/schoolCompanyExtend.wxss */

view,
text {
  box-sizing: border-box;
}

.header {
  display: flex;
  align-items: center;
  height: 194rpx;
  background-color: #ee2e2b;
}

.header .info {
  display: flex;
  align-items: center;
  padding-left: 50rpx;
}

.header .info .face {
  width: 92rpx;
  height: 92rpx;
}

.header .info .face image {
  width: 92rpx;
  height: 92rpx;
  border-radius: 50%;
}

.header .info .name {
  padding-left: 20rpx;
  font-size: 32rpx;
  color: #fff;
}

.esp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 31rpx;
  padding-right: 30rpx;
  color: #fff;
  width: 100%;
  height: 72rpx;
  background-color: #f14e4e;
  font-size: 30rpx;
}

.esp .iconfont {
  display: flex;
}

.cumulative {
  display: grid;
  grid-template-columns: 1fr 2rpx 1fr;
  align-items: center;
  width: 690rpx;
  height: 176rpx;
  margin: 31rpx auto 19rpx;
  background: #fff;
  border-radius: 10rpx;
}

.cumulative .split {
  width: 2rpx;
  height: 109rpx;
  background-color: #ffd5cd;
}

.cumulative .child {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cumulative .child .price {
  font-size: 36rpx;
  font-weight: bold;
  color: #fe5e56;
}

.cumulative .child .text {
  font-size: 26rpx;
  color: #333;
}

.specific {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20rpx;
  grid-row-gap: 20rpx;
  width: 690rpx;
  margin: 0 auto 29rpx;
}

.specific .child {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 176rpx;
  padding: 15rpx 23rpx 8rpx;
  background: #fff;
  border-radius: 10rpx;
}

.specific .child .c1 {
  flex: 1;
  font-size: 30rpx;
  color: #202020;
}

.specific .child .c2 {
  margin-top: 10rpx;
  font-size: 24rpx;
  color: #666;
}

.specific .child .c3 {
  font-size: 36rpx;
  color: #fe5e56;
  font-weight: bold;
}

.listData {
  background: #fff;
}

.listData .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 116rpx;
  padding-left: 31rpx;
  padding-right: 29rpx;
  border-bottom: 2rpx solid #f3f3f3;
}

.listData .item .rt {
  text-align: right;
}

.listData .item .c1 {
  font-size: 30rpx;
  color: #333;
}

.listData .item .c2 {
  font-size: 24rpx;
  color: #202020;
}

.listData .item .c3 {
  font-size: 36rpx;
  color: #f14e4e;
}

.listData .item .c4 {
  font-size: 22rpx;
  color: #666;
}
