body {
  background-color: #f8f8f8;
}

/* -------------头部-------------- */

.header {
  background-color: #fff;
}

.header-title .goBack img {
  width: 100%;
  height: 100%;
}

.header-title .goBack {
  width: 6.67vw;
  height: 5.73vw;
  position: relative;
}

/* 公司名称 */

.header-title .name {
  font-size: 4.67vw;
  padding-left: 2.8vw;
  width: 76vw;
  color: #fff;
}

/* 更多 */

.header-title .more img {
  width: 100%;
  height: 100%;
}

.header-title .more {
  width: 0.93vw;
  height: 4.4vw;
}

.header-title {
  display: flex;
  align-items: center;
  background-color: #ff2732;
  padding-top: 4vw;
  padding-left: 3.8vw;
  padding-bottom: 5vw;
  position: fixed;
  width: 100vw;
  z-index: 999;
}

.header-title-wrapper {
  height: 13.854vw;
}

/* ----------------头像、余额--------------- */

.information {
  background-color: #ff2732;
  padding-top: 3.2vw;
  padding-bottom: 3.5vw;
}

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

/* 余额 */

.information .balance .img img {
  width: 100%;
  height: 100%;
}

.information .balance .img {
  width: 6.07vw;
  height: 3.33vw;
}

.information .integral .img {
  margin-right: 1vw;
}

.information .balance .number {
  font-size: 4.27vw;
  color: #ffffff;
}

.information .balance .number span {
  font-size: 3.47vw;
}

.information .balance .num {
  align-items: center;
  display: flex;
}

.information .balance .name {
  font-size: 3.2vw;
  color: #ffffff;
  border-radius: 0.67vw;
  background-color: #e1c079;
  display: inline-block;
  padding: 0.93vw 2.4vw 0.93vw 2.4vw;
  margin-top: 2vw;
}

/* 头像 */

.information .member .img img {
  width: 100%;
  height: 100%;
}

.information .member .img {
  width: 12vw;
  height: 12vw;
  display: inline-block;
}

.information .member .name {
  color: #ffffff;
  font-size: 3.47vw;
}

.information .member .id {
  color: #ffffff;
  font-size: 2.67vw;
}

.information .member {
  text-align: center;
}

/* ----------------我的订单--------------- */

.my-order {
  padding: 3.07vw 2.53vw 4.9vw 2.53vw;
  background-color: #fff;
  border-radius: 1.33vw;
  margin-top: 2.93vw;
}

/* 标题 */

.my-order .title .text {
  font-size: 3.73vw;
  color: #000000;
}

.my-order .title .more img {
  width: 100%;
  height: 100%;
}

.my-order .title .more {
  width: 1.73vw;
  height: 3.33vw;
}

.my-order .title {
  display: flex;
  justify-content: space-between;
}

/* 列表 */

.my-order .item .img img {
  width: 100%;
  height: 100%;
}

.my-order .item .img {
  width: 6vw;
  height: 4.67vw;
  display: inline-block;
}

.my-order .item .text {
  font-size: 3.47vw;
  color: #060606;
  text-align: center;
}

.my-order .item {
  text-align: center;
}

.my-order .list {
  display: flex;
  justify-content: space-between;
  margin-top: 6vw;
}

/* ----------------我的服务--------------- */

.my-service {
  padding: 3.07vw 2.53vw 4.9vw 2.53vw;
  background-color: #fff;
  border-radius: 1.33vw;
  margin-top: 2.93vw;
  margin-bottom: 20vw;
}

/* 标题 */

.my-service .title .text {
  font-size: 3.73vw;
  color: #000000;
}

/* 列表 */

.my-service .item .img img {
  width: 100%;
  height: 100%;
}

.my-service .item .img {
  width: 6vw;
  height: 4.67vw;
  display: inline-block;
}

.my-service .item .text {
  font-size: 3.47vw;
  color: #060606;
  text-align: center;
}

.my-service .item {
  text-align: center;
  width: 25%;
  box-sizing: border-box;
  margin-bottom: 5.2vw;
}

.my-service .list-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6vw;
  border-bottom: 0.13vw solid #d2d2d2;
}

.my-service .borderNone {
  border-bottom: 0.13vw solid rgba(0, 0, 0, 0);
}

/* ----------------底部导航--------------- */

.footer-list .item .img img {
  width: 100%;
  height: 100%;
}

.footer-list .item .img {
  width: 5.6vw;
  height: 5.6vw;
  display: inline-block;
}

.footer-list .item .text {
  letter-spacing: 0.09vw;
  color: #707070;
  font-size: 3.47vw;
}

.footer-list .item:nth-child(5) .text {
  color: #ff2732;
}

.footer-list .item .item-wrapper {
  text-align: center;
}

.footer-list .item {
  box-sizing: border-box;
  width: 25%;
}

.footer-list {
  display: flex;
  justify-content: center;
  padding: 2.4vw 0 3.07vw 0;
  width: 100%;
}

.footerNav {
  background-color: #fff;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 99;
}