@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.receivable_head {
  background-color: #fff;
  margin-top: 5rpx;
  text-align: center;
  padding: 0 0 10rpx 0;
  margin-bottom: 20rpx;
}
.receivable_head .box {
  width: 690rpx;
  height: 300rpx;
  background: #008EFF;
  margin: 20rpx auto;
  display: flex;
  flex-wrap: wrap;
  border-radius: 20rpx;
}
.receivable_head .head_item {
  width: 50%;
  color: #fff;
}
.receivable_head .head_item :first-child {
  font-size: 30rpx;
  color: #fff;
}
.receivable_head .head_item :last-child {
  color: #FFFFFF;
  font-size: 34rpx;
  font-weight: 600;
  margin-top: 15rpx;
}
.receivable_head .head_item :last-child {
  font-size: 28rpx;
}
.receivable_content .con_item {
  margin-bottom: 20rpx;
  background-color: #fff;
  border-radius: 10rpx;
}
.receivable_content .con_item .item_head {
  display: flex;
  justify-content: space-between;
  border-bottom: 1rpx solid #ededed;
  padding: 20rpx 62rpx;
}
.receivable_content .con_item .item_head :first-child {
  font-size: 32rpx;
  color: #999;
  font-weight: 700;
}
.receivable_content .con_item .item_body {
  padding-left: 62rpx;
}
.receivable_content .con_item .item_body .body_style {
  padding-top: 35rpx;
  color: #999;
  font-size: 32rpx;
}
.receivable_content .con_item .item_body .body_style text {
  color: #333;
  float: right;
  margin-right: 30rpx;
  font-size: 32rpx;
  font-weight: 600;
}
.button_bottom {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  padding-top: 10rpx;
  color: #999;
}
.button_bottom :first-child {
  flex: 1;
}
.button_bottom :last-child {
  flex: 1;
}
.button_bottom .icon-follow {
  margin-top: 8rpx;
}
