/* pages/my/balance _center/balance _center.wxss */

.banner_box {
  padding: 28rpx 25rpx 0 25rpx;
    background-color: #ffda44;
}

.banner_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hello {
  font-size: 34rpx;
  font-weight: bold;
  color: #333;
}

.charge_code {
  font-size: 28rpx;
}

.sign_in_box1 {
  display: flex;
  justify-content: space-between
}

.icon-qiandao{
        margin-right:10rpx;
}

.banner_middle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35rpx;
}

.banner_img {
  width: 238rpx;
  height: 210rpx;
}

.banner_img image {
  width: 100%;
}

.my_balance {
  margin-left: 56rpx;
}

.balance {
  font-size: 30rpx;
  color: #333;
}

.balance_num {
  font-size: 76rpx;
  font-weight: bold;
  color: #333;
}

.banner_bottom {
  display: flex;
  margin-top: 32rpx;
  background: #f4f6f4;
  border-radius: 16rpx 16rpx 0 0;
}

.bottom_btn, .bottom_btn1 {
  color: #949a9a;
  width: 100%;
  font-size: 30rpx;
  padding: 32rpx 0;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #f4f6f4;
  border-radius: 16rpx 16rpx 0rpx 0rpx;
  flex: 1
}

.bottom_btn1 {
    color: red;
  background-color: #fff;
  border-radius: 16rpx 16rpx 0rpx 0rpx;
}

.btn_character {
  margin-left: 15rpx;
}

.content_item {
  padding: 0 55rpx;
  box-sizing: border-box;
}

.content_title {
  display: flex;
  padding: 42rpx 0; 
  box-sizing: border-box;
}

.recharge_amount {
  font-size: 30rpx;
  font-weight: bold;
}
.amount_hint{
  font-size:22rpx;
  color: #888; 
}
.species_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.species1 {
  padding: 47rpx 33rpx 24rpx 33rpx;
  border: 2rpx solid #ffda44;
  border-radius: 16rpx;
  margin-bottom: 20rpx;
}

.species_content {
  font-size: 25rpx;
  color: #333;
  margin-top: 33rpx;
}

.bottom_btn2 {
  width: 90%;
  height: 80rpx;
  background-color: #ffda44;
  border-radius: 40rpx;
  box-shadow: 10rpx 10rpx 30rpx rgba(255, 204, 68, 0.6);
  font-size: 26rpx;
  color: #333;
  text-align: center;
  line-height: 80rpx;
  margin: 100rpx auto 0 auto;
}

.hint {
  font-size: 22rpx;
  color: #222;
  text-align: center;
  margin-top: 44rpx;
  margin-bottom: 58rpx;
}

.hint_font {
  color: #f44;
}

.content_item {
  padding: 20rpx 65rpx;
}

.item_list {
  padding: 50rpx 0;
  border-bottom: 1rpx solid #f2f2f2;
}
.bottom{
  border: 0;
}

.list_information {
  font-size: 30rpx;
  color: #27363b;
  display: flex;
  justify-content: space-between;
}

.time {
  font-size: 22rpx;
  color: #949a9a;
}
.bottom{
        padding:36rpx 65rpx 0;
        box-sizing: border-box;
}
.integral_detail{
         font-size:30rpx;
        font-family:PingFang-SC-Heavy;
        font-weight:800;
        color:rgba(39,54,59,1);
        margin-bottom:36rpx;
}
.custom,.custom1{
        padding-top:20rpx;
        height: 147rpx;
        border-bottom:1rpx solid rgba(242,242,242,1);
        position: relative
}
.custom1{
        border:none;
        }
.custom_one{
        font-size:30rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(39,54,59,1);
        margin-bottom:19rpx;    
}
.custom_two{
        font-size:22rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(148,154,154,1);
}
.price{
        position: absolute;
        right:40rpx;
        top:54rpx;
        font-size:30rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(39,54,59,1);        
}
.mask_box {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup {
  width: 668rpx;
}

.popup_box {
  width: 668rpx;
  height: 250rpx;
  background-image: url(http://hifresh.w.bronet.cn/assets/wxapp/bg@2x.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  /* padding: 30rpx 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.icon-quxiao {
  position: absolute;
  top: 33rpx;
  right: 33rpx;
  font-size: 33rpx;
  color: RGBA(255, 255, 255, 0.6);
}

.popup_title {
  font-size: 62rpx;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}

.total {
  width: 227rpx;
  height: 54rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 27rpx;
  font-size: 24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 20rpx;
}

.day {
  font-size: 28rpx;
  font-weight: bold;
  color: #f44;
}

.popup_content {
  height: 500rpx;
  background-color: #fff;
  border-radius: 0 0 16rpx 16rpx;
  padding: 40rpx 40rpx 50rpx 40rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.look {
  font-size: 24rpx;
  color: #949a9a;
  text-align: center;
  /* margin-top: 40rpx; */
}

.sign_in_box1 {
  display: flex;
}

.sign_in_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 60rpx 0 40rpx 0;
}

.sign_in_days {
  width: 66rpx;
  height: 80rpx;
  background: rgba(240, 240, 240, 1);
  border-radius: 20rpx;
  text-align: center;
  font-size: 26rpx;
  color: #222;
}

.icon-chuxuyouli {
  font-size: 26rpx;
}

.sign_in_hint {
  font-size: 30rpx;
  color: #27363b;
}

.popup_btn {
  width: 500rpx;
  height: 70rpx;
  font-size: 30rpx;
  color: #f44;
  border: 1rpx solid #f44;
  border-radius: 35rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50rpx;
}