/* 小程序已定稿的界面，管理端能对上的部分用同一套。 */
html, body, #app {
  background: #f3e6d4;
}
.phone:before {
  background: #f6efe6 url(/mp/page-bg.jpg) center top / cover no-repeat;
}
.tabs {
  background: #f3e6d4 url(/mp/tab-bg.jpg) center / cover no-repeat;
  border-top: 0;
}
.tabs a,
.tabs a.on {
  color: #81281f;
}
.tab-ico {
  width: 28px;
  height: 28px;
  margin: 0 auto 2px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tabs a:nth-child(1) .tab-ico { background-image: url(/mp/tab-home.png); }
.tabs a:nth-child(2) .tab-ico { background-image: url(/mp/tab-order.png); }
.tabs a:nth-child(3) .tab-ico { background-image: url(/mp/tab-menu.png); }
.tabs a:nth-child(4) .tab-ico { background-image: url(/mp/tab-mine.png); }
.tabs a:not(.on) .tab-ico { opacity: .72; }

.hero[data-v-801d9996] {
  background: #f3e6d4 url(/mp/page-bg.jpg) center / cover no-repeat;
  color: #81281f;
}
.en[data-v-801d9996],
.brand[data-v-801d9996],
.hero[data-v-801d9996] p {
  color: #81281f;
  text-shadow: none;
}

.account[data-v-a5e112e0] {
  background: #f6efe6 url(/mp/mine-header.jpg) right center / cover no-repeat;
  color: #81281f;
  box-shadow: 0 8px 24px rgba(90, 45, 20, .08);
}
.acc-sub[data-v-a5e112e0],
.switch[data-v-a5e112e0] {
  color: #81281f;
}
.avatar[data-v-a5e112e0] {
  background: rgba(129, 40, 31, .08);
  color: #81281f;
}

.hero[data-v-d680de16] {
  background: #f6efe6 url(/mp/tab-bg.jpg) center / cover no-repeat;
  color: #81281f;
}
.hero-k[data-v-d680de16],
.hero[data-v-d680de16] p {
  color: #81281f;
}