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

.banner_box { 
  padding: 28rpx 25rpx 0 25rpx;
}
.gogogo{
        text-align: center;
        line-height: 500rpx;
        color: #888;
        font-size: 32rpx;
}
.banner_box {
  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;
}

.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 {
        height: 57rpx;
        line-height: 57rpx;
        font-size: 60rpx;
        font-weight: bold;
        color: #333;
        display: flex;
        margin-top: 18rpx;
}
.balance_num text{
        font-size: 30rpx;
        height: 30rpx;
        line-height: 30rpx;
        margin-top:27rpx;
}

.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;
  align-items: center;
  padding: 42rpx 0; 
  box-sizing: border-box;
}

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

.species1 {
width:300rpx;
height:170rpx;
  padding: 40rpx 25rpx 24rpx 25rpx;
  box-sizing: border-box;
  border: 2rpx solid #ffda44;
  border-radius: 16rpx;
  margin-bottom: 20rpx;
}
.species1.active{
        background: #ffda44
}
.species1view{
  font-size: 54rpx;
  height: 41rpx;
  font-family:PingFang-SC-Heavy;
font-weight:800;
color:rgba(51,51,51,1);
line-height: 41rpx;
margin-bottom: 33rpx
}
.species1view text{
        margin:11rpx 0 0 0;
        height: 30rpx;
        font-size:34rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height: 30rpx
}

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

.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;
}
.item_list:last-child{
        border-bottom: none
}

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

.time {
  font-size: 22rpx;
  color: #949a9a;
}