@charset "UTF-8";
/*
 * @Author: whj 
 * @Date: 2021-08-06 14:06:03 
 * @Last Modified by: whj
 * @Last Modified time: 2021-11-04 10:43:32
 */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a,
button {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
img {
  vertical-align: top;
}
mark {
  background-color: transparent;
}
ul,
li {
  list-style: none;
}
html {
  font-size: 100px;
}
@font-face {
  font-family: 'iconfont';
  /* Project id 2719783 */
  src: url("//at.alicdn.com/t/font_2719783_y8ayte8sed.woff2?t=1628499125153") format("woff2"), url("//at.alicdn.com/t/font_2719783_y8ayte8sed.woff?t=1628499125153") format("woff"), url("//at.alicdn.com/t/font_2719783_y8ayte8sed.ttf?t=1628499125153") format("truetype");
}
.iconfont, .d-close::before {
  font-family: "iconfont";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.d-bg {
  position: fixed;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-bar {
  position: relative;
  width: 4.36rem;
  margin-top: -1rem;
  -webkit-animation: aniDialog 0.1s ease;
          animation: aniDialog 0.1s ease;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 0.1rem;
}
.d-hd {
  text-align: center;
  padding: 0.2rem 0;
}
.d-ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 0;
}
.d-close {
  position: absolute;
  z-index: 5;
  top: .06rem;
  right: .06rem;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.4rem;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-close::before {
    content: "\E643";
    color: #333;
}
.d-btn {
  min-width: 0.74rem;
  height: 0.4rem;
  margin: 0 .1rem;
  text-decoration: none;
}
.alert-bar {
  text-align: center;
}
.area-bar {
  width: 5.8rem;
}
.area-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.86rem;
  margin-left: 0.4rem;
  margin-bottom: 0.26rem;
  position: relative;
}
.area-item, .area-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5rem;
  background-color: #eee;
  border-radius: 0.16rem;
}
.area-label {
  width: 1.28rem;
  text-align: right;
  margin-right: 0.18rem;
}
.area-ipt {
  width: 3.5rem;
  height: 0.8rem;
  line-height: 0.8rem;
}
.area-select {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0.64rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.16rem;
}
.area-option {
  width: 50%;
  text-align: center;
  padding: 0.1rem 0;
}
.area-select, .area-option {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.area-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #bc5316;
}
.area-tips__icon {
    margin-right: 0.1rem;
}
.d-msg {
  position: fixed;
  left: 50%;
  top: -100vh;
  z-index: 201;
  max-width: 7.2rem;
  padding: 0.1rem 0.2rem;
  border: 1px solid;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  word-break: break-all;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.d-msg.fn-show {
    top: 1.6rem;
}
.d-msg__icon {
    margin-right: 0.1rem;
}
.d-msg__success {
    color: #67c23a;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}
.d-msg__warning {
    color: #e6a23c;
    background-color: #fdf6ec;
    border-color: #faecd8;
}
.d-msg__error {
    color: #f56c6c;
    background-color: #fef0f0;
    border-color: #fde2e2;
}
.d-msg__ua {
    font-size: 24px;
    color: #f56c6c;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
}
.d-msg__ua.fn-show {
      top: 0;
}
.fn-tips {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.fn-tips__desc {
    max-width: 360px;
    font-size: 12px;
    background-color: #1b1a18;
    padding: 10px;
    background-color: #1f1c1a;
    border: 1px solid #76582a;
    -webkit-box-shadow: 0 0 1px #3d301c inset;
            box-shadow: 0 0 1px #3d301c inset;
}
#fn-loading {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 100vh;
  color: #e28b69;
}
#fn-loading__pic {
    font-size: 0.36rem;
    -webkit-animation: aniRotate 1.5s linear infinite;
            animation: aniRotate 1.5s linear infinite;
}
.fn-tips {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
}
.fn-tips__bd {
    width: 100%;
    max-width: 750px;
}
.fn-tips__desc {
    font-size: .2rem;
    padding: 0.2rem;
    max-width: 750px;
}
.fn-tips__pic {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
@-webkit-keyframes aniDialog {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@keyframes aniDialog {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes aniRotate {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes aniRotate {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes aniRotateHalf {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
@keyframes aniRotateHalf {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
/*
 * @Author: whj 
 * @Date: 2021-06-24 15:04:24 
 * @Last Modified by: whj
 * @Last Modified time: 2021-11-08 18:02:16
 */
body {
  padding-top: 0 !important;
  cursor: default;
  font: 0.24rem/1.6 '\5FAE\8F6F\96C5\9ED1';
  background-color: #fffae7;
  color: #777777;
}
a,
button {
  border: 0;
  cursor: pointer;
  font: 0.24rem/1.6 '\5FAE\8F6F\96C5\9ED1';
}
img {
  vertical-align: top;
}
.fc-mark,
mark {
  color: #ea583f;
}
@font-face {
  font-family: "price";
  src: url("https://web-resource.17m3.com/cdn/fonts/BEBASNEUECYRILLIC.ttf");
}
.m-eq {
  width: .68rem;
  height: .68rem;
  display: inline-block;
  text-indent: -9999px;
}
.m-point {
  z-index: 99;
  position: fixed;
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background-color: #ea583f;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
.m-title {
  display: block;
  margin: 0 auto .2rem;
  width: 7.5rem;
  height: 1.4rem;
}
.is-price, .mall-after__price {
  font-family: "price";
  color: #ea583f;
}
.bg-none, .m-eq, .ic-unit::after, .mall-after__price::after, .pdd-car__price::after, .pdd-info__after::after, .limit-price::after, .group-bag__price::after, .gift-name__target::after, .history-price__desc::after, .car-bill__mb::after, .car-ft__total::after, .ic, .ic-close, .pdd-info__close, .ic-next, .car-bill__btn::after, .ic-prev, .car-back, .ic-remove, .pdd-info__remove, .ic-sel, .area-side:after, .ic-true, .sale-friends__item.is-player::after, .ic-delete, .group-bag__remove, .nav-item, .banner-logo, .banner-ft, .mall-item, .mall-item.is-limit::before, .mall-sub, .mall-sub::before, .pdd-sale, .pdd-car__icon, .group-nav__item, .group-mall {
  background: no-repeat 0 0;
  background-size: 100% 100%;
}
.is-light, .mall-push, .pdd-car__sum, .group-submit, .d-btn, .car-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fef6db;
  padding: 0 .2rem;
  min-width: 1.6rem;
  min-height: .54rem;
  background: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/btn-bg-side.png") no-repeat 0 0 #ea583f;
  background-size: 1.12rem auto;
  border-radius: .4rem;
}
.ic-unit::after, .mall-after__price::after, .pdd-car__price::after, .pdd-info__after::after, .limit-price::after, .group-bag__price::after, .gift-name__target::after, .history-price__desc::after, .car-bill__mb::after, .car-ft__total::after {
  content: "";
  margin-left: .02rem;
  display: inline-block;
  width: .23rem;
  height: .22rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-unit.png");
}
.ic, .ic-close, .pdd-info__close, .ic-next, .car-bill__btn::after, .ic-prev, .car-back, .ic-remove, .pdd-info__remove, .ic-sel, .area-side:after, .ic-true, .sale-friends__item.is-player::after, .ic-delete, .group-bag__remove {
  width: .4rem;
  height: .4rem;
}
.ic-close, .pdd-info__close {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-close.png");
}
.ic-next, .car-bill__btn::after {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-next.png");
}
.ic-prev, .car-back {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-prev.png");
}
.ic-remove, .pdd-info__remove {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-remove.png");
}
.ic-sel, .area-side:after {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-sel.png");
}
.ic-true, .sale-friends__item.is-player::after {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-true.png");
}
.ic-delete, .group-bag__remove {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-delete.png");
}
.wrap, .wrap-ft, .nav-list, .car-bar {
  width: 100%;
  max-width: 750px;
  min-width: 375px;
  margin: 0 auto;
}
.wrap-ft {
  padding-bottom: 1.2rem;
}
#app {
  min-height: 100vh;
}
.nav-bar {
  position: fixed;
  z-index: 99;
  left: 0;
  bottom: 0;
  width: 100%;
}
.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-bg.png") no-repeat center center #fcf9f2;
  background-size: 100% 100%;
  padding-top: .1rem;
}
.nav-item {
  width: 25%;
  height: .96rem;
  text-indent: -9999px;
  margin: 0 .01rem;
}
.nav-item__pdd {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-pdd-default.png");
}
.nav-item__pdd.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-pdd-crt.png");
}
.nav-item__limit {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-limit-default.png");
}
.nav-item__limit.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-limit-crt.png");
}
.nav-item__group {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-group-default.png");
}
.nav-item__group.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-group-crt.png");
}
.nav-item__gift {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-gift-default.png");
}
.nav-item__gift.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/nav-gift-crt.png");
}
.banner-bar {
  position: relative;
}
.banner-logo {
  position: absolute;
  left: .26rem;
  top: .1rem;
  width: 1.31rem;
  height: 1.08rem;
  text-indent: -9999px;
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/logo.png");
}
.banner-ft {
  height: 2.1rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/banner-ft.jpg");
  padding-top: .32rem;
}
.user-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .2rem;
}
.user-link {
  color: #ea583f;
  background-color: transparent;
}
.user-next {
  text-align: center;
  margin-bottom: .85rem;
}
.user-next__link {
    margin: 0 .14rem;
    width: 1.24rem;
    height: .48rem;
    background-color: #ea583f;
    border-radius: .48rem;
    color: #fef6db;
    font-size: .2rem;
}
.mall-bar {
  margin: 0 auto;
  width: 7.2rem;
  background-color: #ffecca;
  border: .1rem solid #fff4da;
  border-radius: .1rem;
  padding-top: .1rem;
}
.mall-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: .4rem .08rem 0;
}
.mall-item {
  width: 3.22rem;
  min-height: 3.62rem;
  border-radius: .1rem;
  margin: 0 .1rem;
  padding-top: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/goods-bg.png");
  margin-bottom: .4rem;
  -webkit-box-shadow: 0 0.06rem 0.1rem 0.06rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.06rem 0.1rem 0.06rem rgba(0, 0, 0, 0.1);
  position: relative;
}
.mall-item.is-limit::before {
    position: absolute;
    left: .2rem;
    top: -.06rem;
    content: "";
    width: .69rem;
    height: .79rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/side-limit-bg.png");
}
.mall-name {
  padding-top: .1rem;
  color: #4c4c4c;
  font-size: .28rem;
  height: .7rem;
}
.mall-sub {
  position: absolute;
  left: .12rem;
  top: -.05rem;
  min-width: .69rem;
  height: .79rem;
  text-align: center;
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/side-sub-bg.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: .1rem;
  color: #feeba9;
  font-size: .22rem;
}
.mall-sub::before {
    width: .4rem;
    height: .2rem;
    content: "";
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/side-sub-hd.png");
}
.mall-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mall-price__pdd {
    width: 2.8rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mall-after {
  line-height: 1.4;
}
.mall-after__title {
    display: block;
    color: #ea583f;
}
.mall-after__price {
    font-size: .64rem;
}
.mall-before__price, .mall-before__title {
  color: #adadad;
}
.mall-before__title {
  border-radius: .08rem;
  padding: 0 .06rem;
  border: .01rem solid #adadad;
  font-size: .2rem;
}
.mall-before__price {
  font-size: .22rem;
  text-decoration: line-through;
}
.pdd-bar {
  position: relative;
}
.pdd-bar.is-car {
    padding-bottom: 2.6rem;
}
.pdd-sale {
  width: 6.365rem;
  height: 1.59rem;
  margin: 0 auto;
  position: relative;
}
.pdd-sale__btn {
    position: absolute;
    width: 1.08rem;
    height: 1.08rem;
    right: .22rem;
    top: .22rem;
    text-indent: -9999px;
    border-radius: 50%;
    background-color: transparent;
}
.pdd-car {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: .96rem;
}
.pdd-car__bd {
    position: relative;
    background-color: #fcf9f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: .34rem .18rem;
    border-radius: .2rem .2rem 0 0;
    -webkit-box-shadow: 0 0 0.18rem 0.1rem rgba(0, 0, 0, 0.14);
            box-shadow: 0 0 0.18rem 0.1rem rgba(0, 0, 0, 0.14);
}
.pdd-car__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #999999;
}
.pdd-car__icon {
    width: .64rem;
    height: .53rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/ic-car.png");
    margin-right: .14rem;
    position: relative;
}
.pdd-car__num {
    position: absolute;
    right: 0;
    top: -.04rem;
    width: .3rem;
    height: .3rem;
    color: #fff;
    text-align: center;
    font-size: .2rem;
}
.pdd-car__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pdd-car__total {
    color: #4c4c4c;
    margin-right: .1rem;
}
.pdd-car__price {
    color: #ea583f;
    font-size: .36rem;
}
.pdd-car__sum {
    height: .66rem;
    border-radius: .33rem;
}
.pdd-car__main {
    line-height: 1.2;
}
.pdd-info {
  position: absolute;
  bottom: 1.04rem;
  left: 0;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  height: 0;
  opacity: 0;
}
.pdd-info.is-show {
    padding-top: 1.84rem;
    height: 100vh;
    opacity: 1;
}
.pdd-info__bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
}
.pdd-info__bd {
    position: absolute;
    z-index: 2;
    background-color: #fcf9f2;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: .1rem .1rem 0 0;
    -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);
    overflow: hidden;
}
.pdd-info__title {
    font-size: .36rem;
    font-weight: bold;
    color: #ea583f;
    margin: 0 .2rem;
    padding: .2rem 0;
    border-bottom: .01rem solid #f8d8ce;
    text-align: center;
}
.pdd-info__close {
    position: absolute;
    right: .3rem;
    top: .3rem;
    text-indent: -9999px;
}
.pdd-info__scroll {
    max-height: 56vh;
    overflow: auto;
}
.pdd-info__list {
    padding: .2rem;
}
.pdd-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    background-color: #fffcf2;
    border: .01rem solid #f7d3c8;
    margin-bottom: .2rem;
    padding: .24rem .33rem;
    border-radius: .1rem;
}
.pdd-info__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90%;
}
.pdd-info__eq {
    margin-right: .2rem;
}
.pdd-info__name {
    color: #4c4c4c;
}
.pdd-info__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
}
.pdd-info__after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: .3rem;
    color: #ea583f;
    margin-right: .16rem;
}
.pdd-info__after::before {
      content: "\52B2\7206\4EF7";
      color: #fdf5da;
      font-size: .16rem;
      background-color: #ea583f;
      font-weight: bold;
      border-radius: .1rem;
      padding: .04rem .06rem;
      margin-right: .06rem;
}
.pdd-info__before {
    text-decoration: line-through;
    color: #adadad;
    font-size: .22rem;
}
.pdd-info__before__title {
      font-size: .16rem;
      color: #adadad;
      border-radius: .2rem;
      border: .01rem solid #adadad;
      padding: .02rem .04rem;
      margin-right: .06rem;
}
.pdd-info__remove {
    text-indent: -9999px;
}
.pdd-sale__default {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/sale-default.png");
}
.pdd-sale__1 {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/sale-1.png");
}
.pdd-sale__5 {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/sale-5.png");
}
.pdd-sale__8 {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/sale-8.png");
}
.limit-price {
  padding: .4rem 0 .2rem;
  line-height: 1;
  font-size: .48rem;
  font-family: 'price';
  color: #ea583f;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.limit-price::before {
    content: "\4F18\60E0\4EF7";
    font-weight: bold;
    font-size: .22rem;
    color: #666666;
    margin-right: .08rem;
}
.limit-price::after {
    margin-left: .1rem;
}
.limit-price::after, .limit-price::before {
    margin-bottom: .08rem;
}
.group-bar .mall-bar {
  padding: 0 0 .5rem;
}
.group-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: .42rem;
}
.group-nav__item {
    width: 2.3rem;
    height: .97rem;
    text-indent: -9999px;
    -webkit-box-shadow: 0 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
    border-radius: .1rem;
}
.group-nav__item.is-crt {
      -webkit-box-shadow: none;
              box-shadow: none;
}
.group-mall {
  width: 6.6rem;
  min-height: 8.61rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-bg.png");
  margin: 0 auto;
  padding-top: .05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: .3rem;
}
.group-mall__title {
    width: 3.2rem;
    height: 1.1rem;
}
.group-mall__next {
    font-size: .22rem;
    color: #808080;
    margin-bottom: .2rem;
}
.group-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.group-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.96rem;
  height: .96rem;
  background-color: #fef9e7;
  border: .02rem solid #e1e0dd;
  border-radius: .1rem;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.group-item::after, .group-item::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    left: 50%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.group-item::before {
    z-index: 2;
    width: .16rem;
    height: .16rem;
    margin-left: -.1rem;
    bottom: -.35rem;
    background-color: #fef9e5;
    border: .02rem solid #e2e1dd;
}
.group-item::after {
    z-index: 3;
    width: .1rem;
    height: .1rem;
    margin-left: -.05rem;
    bottom: -.3rem;
    background-color: #e54b3a;
    opacity: 0;
}
.group-item.is-crt {
    background-color: #fef9e9;
    border-color: #f4b0a0;
}
.group-item.is-crt::before {
      border-color: #fac0a7;
      background-color: #fdf5da;
}
.group-item.is-crt::after {
      opacity: 1;
}
.group-item__111 {
    margin: 0 .38rem .62rem;
}
.group-item__1111, .group-item__11111 {
    margin: 0 .16rem .62rem;
}
.group-bag__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ea583f;
  font-weight: bold;
  padding-bottom: .15rem;
}
.group-bag__title::before, .group-bag__title::after {
    content: "";
    width: 2.28rem;
    height: .01rem;
    background-color: #fbc0a0;
    margin: 0 .2rem;
}
.group-bag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .4rem;
}
.group-bag__item {
  background-color: #fdf5da;
  border: .02rem solid #e1e0dd;
  width: .96rem;
  height: .96rem;
  border-radius: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.group-bag__item.is-have {
    border-color: #f4ac94;
}
.group-bag__111 {
  margin: 0 .35rem;
}
.group-bag__1111 {
  margin: 0 .12rem;
}
.group-bag__11111 {
  margin: 0 .05rem;
}
.group-bag__remove {
  position: absolute;
  left: 50%;
  margin-left: -.2rem;
  bottom: -.4rem;
}
.group-bag__price {
  font-family: 'price';
  color: #ea583f;
  font-size: .48rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: .08rem;
}
.group-bag__price:before {
    content: "\6253\5305\4EF7";
    font-size: .22rem;
    color: #666666;
}
.group-bag__price:before, .group-bag__price::after {
    margin-bottom: .06rem;
}
.group-submit {
  width: 2.6rem;
  height: .66rem;
  display: block;
  margin: 0 auto .08rem;
}
.group-submit.is-gray {
    cursor: default;
    background-color: gray;
}
.group-ft {
  color: #908f8e;
  font-size: .22rem;
}
.group-nav__111 {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-nav-111-gray.png");
}
.group-nav__111.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-nav-111.png");
}
.group-nav__1111 {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-nav-1111-gray.png");
}
.group-nav__1111.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-nav-1111.png");
}
.group-nav__11111 {
  background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-nav-11111-gray.png");
}
.group-nav__11111.is-crt {
    background-image: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/group-nav-11111.png");
}
.gift-name {
  color: #4c4c4c;
  margin: .3rem 0 .26rem;
}
.gift-name__target {
    color: #ea583f;
}
.gift-name__next {
    color: #999999;
    margin-bottom: .16rem;
}
.gift-price {
  padding: .1rem 0 .2rem;
}
.d-bar {
  border: 0.03rem #ea583f solid;
  -webkit-box-shadow: 0 0 0 .06rem #fef0c8 inset;
          box-shadow: 0 0 0 .06rem #fef0c8 inset;
  background-color: #fff9e5;
  width: 5rem;
  font-size: .22rem;
}
.d-bar::after, .d-bar::before {
    content: "";
    position: absolute;
    background-color: #fee9bd;
    height: 98%;
    width: .01rem;
    top: .06rem;
}
.d-bar::before {
    left: .04rem;
}
.d-bar::after {
    right: .04rem;
}
.d-title {
  width: 1.6rem;
  height: .4rem;
}
.d-btn {
  min-width: 1.9rem;
}
.d-hd {
  padding-bottom: .1rem;
}
.d-bd {
  padding: 0 .2rem;
}
.alert-bar {
  padding: .4rem 0 .1rem;
}
.area-bar {
  width: 5.88rem;
  color: #a1837d;
}
.area-item {
  background-color: #fffdf7;
  border: .02rem solid #f4d0ba;
  margin-left: .2rem;
}
.area-side {
  position: relative;
}
.area-side:after {
    content: "";
    left: 2.96rem;
    top: .2rem;
    position: absolute;
}
.area-select {
  left: -.02rem;
  background-color: #fffdf7;
  border: .02rem solid #f4d0ba;
  border-top: 0;
  border-radius: 0 0 .16rem .16rem;
}
.rule-bar {
  width: 6.88rem;
  padding: .1rem .2rem .2rem;
}
.rule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: .1rem;
}
.rule-label {
  width: .24rem;
  height: .24rem;
  background-color: #ea583f;
  color: #fef6db;
  border-radius: .06rem;
  font-size: .2rem;
  line-height: 1.2;
  margin-right: .2rem;
  margin-top: .02rem;
}
.rule-desc {
  width: 5.8rem;
  text-align: left;
  line-height: 1.4;
}
.history-bar {
  width: 6.9rem;
  background-color: #ffffff;
  padding: .08rem;
}
.history-bar .d-hd {
    background-color: #f1eee4;
    padding: .06rem 0;
    margin-bottom: .02rem;
}
.history-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .02rem;
  background-color: #f1eee4;
  padding: .1rem 0;
  color: #666565;
}
.history-hd .history-goods {
    padding-left: .2rem;
}
.history-bd__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .1rem;
  background-color: #f1eee4;
  color: #9d9593;
  padding: .14rem 0;
}
.history-bd__item .history-goods {
    padding-left: .34rem;
}
.history-goods {
  width: 3rem;
}
.history-price {
  padding-right: .1rem;
  width: 1.6rem;
  text-align: center;
}
.history-date {
  width: 1.7rem;
  text-align: right;
}
.history-eq {
  display: inline-block;
  margin-right: .06rem;
}
.history-eq:nth-child(n + 4) {
    margin-top: .06rem;
}
.history-scroll {
  min-height: 4rem;
  max-height: 7rem;
  overflow: auto;
}
.sale-bar {
  width: 5.9rem;
}
.sale-hd__next {
  text-align: center;
  margin-bottom: .1rem;
}
.sale-hd__get {
  letter-spacing: .06rem;
}
.sale-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .2rem;
}
.sale-gift__item {
    width: 1.06rem;
    height: 1.06rem;
    margin: 0 .22rem;
    text-align: center;
}
.sale-friends__item {
  margin: 0 auto .1rem;
  width: 4.2rem;
  line-height: .72rem;
  text-align: center;
  border: 0.01rem solid #ea583f;
  border-radius: .1rem;
  color: #99a08a;
}
.sale-friends__item.is-player {
    color: #ea583f;
    position: relative;
}
.sale-friends__item.is-player::after {
      position: absolute;
      content: "";
      right: .2rem;
      top: .18rem;
}
.sale-friends__item:last-child {
    margin-bottom: 0;
}
.sale-get {
  padding: .4rem 0 .2rem;
}
.sale-get__desc {
    margin-top: .2rem;
}
.copy-bar {
  width: 5.9rem;
  padding: .5rem .2rem .2rem;
}
.copy-btn {
  margin-top: .2rem;
  width: 2.86rem;
  height: .8rem;
  border-radius: .4rem;
}
.car-bar {
  height: 100vh;
  background-color: #fcf9f2;
  position: relative;
}
.car-hd {
  text-align: center;
  color: #ea583f;
  font-size: .36rem;
  padding: .1rem 0;
  border-bottom: .01rem solid #f8d8ce;
  margin: 0 .2rem .1rem;
}
.car-back {
  position: absolute;
  left: .16rem;
  top: .2rem;
  text-indent: -9999px;
}
.car-bd {
  overflow: auto;
  height: 100vh;
  padding-bottom: 1.8rem;
}
.car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-bill {
  background-color: #fffcf2;
  border: .01rem solid #f7d3c8;
  margin: 0 .2rem .4rem;
  border-radius: .1rem;
  padding: .2rem;
}
.car-bill__item {
    padding: .1rem .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: .01rem solid #fff;
}
.car-bill__before {
    color: #4c4c4c;
}
.car-bill__mb:after {
    margin-left: .06rem;
}
.car-bill__btn {
    margin-right: -.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    color: #ea583f;
}
.car-bill__btn::after {
      content: "";
}
.car-ft {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fcf9f2;
  padding: .2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: .01rem solid #f8d8ce;
}
.car-ft__price {
    padding-left: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.car-ft__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ea583f;
    font-size: .36rem;
    margin-right: .1rem;
}
.car-ft__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #adadad;
    font-size: .2rem;
    line-height: 1;
    border: .01rem solid #adadad;
    border-radius: .2rem;
    padding: .04rem .08rem;
}
.car-ft__sub::before {
      content: "\5DF2\4F18\60E0";
      font-size: .16rem;
      margin-right: .04rem;
}
.car-submit {
  margin-right: .1rem;
  width: 1.7rem;
  height: .66rem;
}
.order-bar {
  width: 5.2rem;
  padding: .4rem 0 .2rem;
}
.order-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: .2rem;
}
.order-hd__eq {
    margin: 0 .1rem;
}
.order-bd {
  text-align: center;
  margin-bottom: .2rem;
}
.success-bar {
  padding: .6rem 0 .2rem;
}
.success-bar .d-bd {
    margin-bottom: .2rem;
}
.is-gray {
  cursor: default;
  background: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/btn-bg-side-gray.png") no-repeat #666261;
  background-size: 1.12rem auto;
}
@media screen and (max-width: 452px) {
html {
    font-size: 50px;
}
}
/*
 * @Author: whj 
 * @Date: 2021-11-02 13:50:34 
 * @Last Modified by: whj
 * @Last Modified time: 2021-11-02 15:20:38
 */
.pc {
  padding-top: 42px !important;
  font-size: 14px;
}
.pc a,
  .pc button {
    font-size: 12px;
}
.pc .topBar,
  .pc #M3-footer {
    display: block;
    font-size: 14px;
}
.pc-bar {
  position: relative;
  max-width: 1920px;
  min-width: 1280px;
  height: 960px;
  margin: 0 auto;
  background: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/pc-bg.jpg") no-repeat center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5.4rem;
}
.pc-logo {
  position: absolute;
  left: 50%;
  top: 12px;
  width: 131px;
  height: 108px;
  background: url("https://web-resource.17m3.com/m3guo/202111/mall-17cc60c396b/logo.png") no-repeat 0 0;
  text-indent: -9999px;
  margin-left: -485px;
}
.pc-code {
  width: 1.9rem;
  height: 1.9rem;
  background-color: #a11f25;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
}
.pc-code__pic {
    border: 5px solid #bf483e;
    width: 175px;
    height: 175px;
    border-radius: 6px;
}
.pc-code__next {
    background-color: #a11f25;
    color: #ffe8a3;
    width: 240px;
    text-align: center;
    border-radius: 13px;
    font-size: 16px;
    font-style: italic;
}