body {
  background-color: #f9f9f9;
}

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

.header {
  background-color: #fff;
}

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

.header-title .goBack {
  width: 9.87vw;
  height: 4.67vw;
  position: relative;
}


/* 公司名称 */

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

/* 更多 */

.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: #fff;
  padding-top: 4vw;
  padding-left: 3.8vw;
  padding-bottom: 4vw;
  position: fixed;
  width: 100vw;
  z-index: 999;
}

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

/* ----------------amount----------------- */

.amount {
  background-color: #fff;
  padding-top: 5.33vw;
  padding-bottom: 6.78vw;
  border-bottom: 0.13vw solid #e5e5e5;
}

/* 可提现金额 */

.amount .title .text {
  font-size: 2.67vw;
  color: #9d9d9d;
  margin-right: 1vw;
  margin-left: 1vw;
}

.amount .title .line {
  width: 22vw;
  height: 0.13vw;
  background-color: #e5e5e5;
}

.amount .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 金额显示 */

.amount .number {
  color: #000000;
  text-align: center;
  font-size: 3.47vw;
  margin-top: 5.73vw;
}

.amount .number span {
  font-size: 6.4vw;
}

/* 提现按钮 */

.extract-btn {
  text-align: center;
  padding-top: 4vw;
}

.amount .extract {
  width: 34.93vw;
  height: 6vw;
  background-color: #ff2732;
  border-radius: 2.93vw;
  color: #fff;
  font-size: 3.47vw;
  border: 0;
  outline: 0;
}

/* 提现记录 */

.amount .history {
  text-align: center;
  margin-top: 2.8vw;
}

.amount .history a {
  color: #686868;
  font-size: 2.93vw;
}

.amount .history a span {
  margin-left: 1vw;
}

/* -----------------statistics------------------- */

.statistics {
  background-color: #fff;
  padding: 6.8vw 0 7.33vw 0;
  border-bottom: 0.13vw solid #ccc;
}

.statistics .container {
  display: flex;
}

.statistics .list {
  text-align: left;
  width: 50%;
  box-sizing: border-box;
}

.statistics .total {
  padding-left: 3.73vw;
  border-left: 0.13vw solid #e5e5e5;
}

/* 小标题 */

.statistics .name {
  font-size: 3.2vw;
  color: #686868;
  opacity: 0.77;
}

/* 金额显示 */

.statistics .number {
  color: #000000;
  font-size: 3.47vw;
  margin-top: 2.27vw;
}

.statistics .number span {
  font-size: 6.4vw;
}

/* 查看明细 */

.statistics .detail {
  margin-top: 2.8vw;
}

.statistics .detail a {
  color: #000000;
  font-size: 2.93vw;
}

.statistics .detail a span {
  margin-left: 1vw;
}

/* ------------order-title------------- */

.order-title {
  display: flex;
  justify-content: space-between;
  padding: 3.73vw 3.07vw 2.93vw 4.27vw;
}

/* 待处理订单数 */

.order-title .order-num {
  font-size: 3.47vw;
  color: #000000;
}

.order-title .order-num span {
  color: #ff2732;
}

/* 查看全部 */

.order-title .view-all a {
  font-size: 2.93vw;
  color: #000000;
  opacity: 0.8;
}

.order-title .view-all a span {
  margin-left: 1vw;
}

/* ---------------order-list------------- */

.order-list {
  background-color: #fff;
  padding: 5.07vw 0 15vw 0;
}

.order-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3.6vw;
  border-bottom: 0.13vw solid #ccc;
  margin-bottom: 3.2vw;
}

.order-list .item:last-child {
  border-bottom: 0;
}

/* 商品 */

.order-list .goods {
  display: flex;
}

/* 展示图 */

.order-list .goods .img img {
  width: 100%;
  height: 100%;
}

.order-list .goods .img {
  width: 12.67vw;
  height: 12.4vw;
  margin-right: 2.93vw;
}

/* 商品信息 */

.order-list .goods .inf .name {
  color: #000000;
  width: 43.47vw;
  font-size: 3.47vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 1.33vw 0 2.4vw 0;
}

.order-list .goods .inf .price {
  font-size: 3.2vw;
  color: #ff2732;
}

/* 查看详情 */

.order-list .view-goods .view {
  color: #383636;
  font-size: 3.73vw;
  border-radius: 2.93vw;
  border: solid 0.13vw #aaaaaa;
  padding: 1.33vw 3.2vw 1.2vw 2.8vw;
  display: inline-block;
}

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

.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(3) .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;
}