/* pages/my/my.wxss */

page {
  background-color: #f7f7f7;
}

.banner_box {
  background-image: url(http://hifresh.w.bronet.cn/assets/wxapp/bg@2x.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 550rpx;
}

.head_info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 27rpx;
}

.hint_box {
  display: flex;
  justify-content: space-between;
  padding: 30rpx;
  font-size: 28rpx;
  color: #333;
}

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

.sign_in_box1 {
  display: flex;
}

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

.intetral {
  font-size: 24rpx;
  color: #222;
}

.interal_label {
  display: inline-block;
  width: 53rpx;
  height: 25rpx;
  background: linear-gradient(94deg, rgba(255, 91, 34, 1), rgba(255, 140, 16, 1));
  border-radius: 5rpx;
  font-size: 20rpx;
  color: #fff;
  margin-bottom: 5rpx;
  line-height: 25rpx;
  text-align: center;
  margin-left: 10rpx;
}

.intetral1 {
  font-size: 38rpx;
  font-weight: bold;
  color: #222;
  text-align: center;
}

.head_portrait {
  width: 190rpx;
  height: 190rpx;
  margin: 0 auto;
  position: relative;
  border-radius: 90rpx;
  border: 1rpx solid red;
}

.icon-vip {
  font-size: 47rpx;
  color: #b9b9b9;
  position: absolute;
  bottom: 0;
  right: 0;
}

.head_portrait image {
  width: 100%;
  height: 100%;
}

.user_name {
  font-size: 34rpx;
  color: #222;
}

.member_center_box {
  font-size: 24rpx;
  color: #222;
  display: flex;
}

.member_center {
  font-size: 20rpx;
  color: #fff;
  background: linear-gradient(to left, #ff5b22, #ff8c10);
  border-radius: 15rpx;
  padding: 0 8rpx;
  margin-left: 10rpx;
}

.exchange_code_recharge {
  width: 93%;
  height: 100rpx;
  background: linear-gradient(to left, #ff5b22, #ff8c10);
  border-radius: 8rpx;
  font-size: 24rpx;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  margin-top: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.exchange_code_recharge view{
  width: 100%;
}
.exchange_info{
  font-size: 34rpx;
  font-weight: bold;
}
.item_list {
  padding: 29rpx 25rpx 39rpx 25rpx;
  background: #fff;
  margin-top: 30rpx;
}

.item_list2 {
  /* padding: 29rpx 49rpx 39rpx 49rpx; */
  background: #fff;
  margin-top: 30rpx;
}

.content_title {
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #f2f2f2;
  padding: 0rpx 25rpx 30rpx 25rpx;
}

.line {
  width: 5rpx;
  height: 28rpx;
  background: #ffda44;
}

.title {
  font-size: 30rpx;
  font-weight: bold;
  color: #222;
  margin-left: 15rpx;
}

.content_img {
  width: 70rpx;
  height: 70rpx;
}

.content_img image {
  width: 100%;
  height: 100%;
}

.my_order {
  display: flex;
  justify-content: space-around;
}

.order_item {
  font-size: 24rpx;
  color: #222;
}

.stored_value {
  display: flex;
  align-items: center;
  padding: 30rpx 40rpx ;
}
.scroll_box{
  white-space: nowrap;
  padding:0 30rpx 30rpx 30rpx;
}
.stored_value_item {
  display: inline-block;
  width: 265rpx;
  height: 149rpx;
  background: pink;
  border-radius: 16px;
  margin-right: 20rpx;
  padding: 30rpx;
}
.line2{
  width: 100%;
  height: 1rpx;
  background: #F2F2F2;
  margin: 40rpx 0;
}
.money {
  font-size: 48rpx;
}

.money text {
  font-size: 30rpx;
}

.package {
  font-size: 22rpx;
  color: #222;
}

.item_list3 {
  background: #fff;
  margin-top: 20rpx;
  padding: 48rpx 50rpx;
}

.list_content {
  display: flex;
  justify-content: space-between;
  font-size: 30rpx;
}

.list_content1 {
  display: flex;
  justify-content: space-between;
  font-size: 30rpx;
  /* border-top: 1rpx solid #f2f2f2; */
}

.list_left {
  display: flex;
  align-items: center;
  font-size: 30rpx;
  color: #222;
}

.list_right {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  color: #949a9a;
}

.icon-fenxiangyouli {
  font-size: 31rpx;
  margin-right: 16rpx;
}

.icon-jinru {
  font-size: 26rpx;
  color: #c7c7c7;
  margin-left: 20rpx;
}

.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;
}