/* page/subPackage/pages/allowance/allowance.wxss */

.allowance-container {
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.top-container {
  position: relative;
  height: 380rpx;
  width: 100%;
  background-color: #444;
}

.top-container .image-bg {
  position: absolute;
  height: 100%;
  width: 500rpx;
  left: 126rpx;
  top: 0rpx;
}
.top-container .bottom-bg {
  width: 100%;
  height: 58rpx;
  position: absolute;
  bottom: -29rpx;
  left: 0rpx;
}

.top-container .red-pac-detail {
  position: absolute;
  height: 100%;
  width: 500rpx;
  left: 126rpx;
  top: 0rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-container .red-pac-detail .tip1 {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  color: #d79c49;
  letter-spacing: 0;
  margin-top: 68rpx;
}

.top-container .red-pac-detail .red-num-container {
  vertical-align: bottom;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: wrap;
  height: wrap;
}

.top-container .red-pac-detail .red-num-container .red-num {
  font-family: SFProText-Bold;
  font-size: 72rpx;
  color: #d0021b;
  letter-spacing: 0;
  width: wrap;
  height: 86rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.top-container .red-pac-detail .red-num-container .yuan {
  font-family: PingFang-SC-Semibold;
  font-size: 24rpx;
  color: #d0021b;
  letter-spacing: 0;
  width: 24rpx;
  height: 17rpx;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: bold;
}

.top-container .red-pac-detail .go-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 140rpx;
  height: 45rpx;
  justify-content: center;
  background-color: #d79c49;
  border-radius: 100rpx;
  margin-top: 22rpx;
}

.red-explain-chain {
  width: 100%;
  height: wrap;
  padding-top: 56rpx;
  padding-bottom: 40rpx;
  /* padding-left: 44rpx;
  padding-right: 36rpx; */
  display: flex;
  flex-direction: column;
}

.red-explain-chain .explain-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 670rpx;
  margin-left: 40rpx;
}

.red-explain-chain .explain-item .point {
  background-color: #444;
  width: 10rpx;
  height: 10rpx;
  border-radius: 10rpx;
}

.red-explain-chain .explain-item .text {
  margin-left: 20rpx;
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #000;
  letter-spacing: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.red-explain-chain .explain-item .go-explain {
  color: #b0b0b0;
  font-size: 24rpx;
  letter-spacing: 0;
  align-items: center;
}

.line-short {
  height: 2rpx;
  width: 670rpx;
  margin-left: 40rpx;
  background-color: #e0e0e0;
}

.red-banner {
  width: 670rpx;
  margin-left: 40rpx;
  height: 241rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.red-banner .banner {
  flex: 1;
  height: 160rpx;
  border-radius: 12rpx;
  /* background-color: yellowgreen; */
}

.may-like-title {
  width: 100%;
  height: 88rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 2rpx solid #e0e0e0;
}

.may-like-title .line {
  margin-left: 32rpx;
  width: 4rpx;
  height: 30rpx;
  background-color: #444;
}

.may-like-title .text {
  margin-left: 20rpx;
  font-family: PingFang-SC-Medium;
  font-size: 32rpx;
  color: #444444;
  font-weight: 500;
  letter-spacing: 0;
}

.likeContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: white;
}

.load-more{
  width:100%;
  height:60rpx;
  background:#f0f0f0;
  color:#444444;
  font-size:24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}