@charset "UTF-8";
/** 全局基础定义*/
html,
body {
  width: 100%;
  height: 100%; }

a {
  color: #565656; }

a, a:hover, a:visited {
  text-decoration: none; }

/*点击时避免有background*/
a, li, div, label, i {
  -webkit-tap-highlight-color: transparent; }

html {
  height: 100%;
  font-size: 625%; }

body {
  height: 100%;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  background-color: #f8f7fa;
  line-height: 1.5;
  font-size: 0.13rem;
  color: #565656;
  margin: 0; }

input, button, textarea {
  outline: none;
  border: none; }

::-webkit-input-placeholder {
  color: #d4d4d4;
  font-weight: normal; }

::-moz-placeholder {
  color: #d4d4d4;
  font-weight: normal; }

:-ms-input-placeholder {
  color: #d4d4d4;
  font-weight: normal; }

ul, ol, li {
  list-style: none;
  padding: 0;
  margin: 0; }

* {
  margin: 0;
  padding: 0; }

.root {
  width: 100%;
  height: 100%;
  padding-bottom: env(safe-area-inset-bottom); }

.root_desktop {
  width: 100%;
  font-size: 12px; }

@media (min-width: 768px) {
  .root {
    width: 768px;
    margin: 0 auto; } }

/* 特殊字体颜色 */
.red {
  color: #dd4848; }

.grey {
  color: #959595; }

.light-grey {
  color: #e2e2e2; }

.white {
  color: #fff; }

/* 特殊字体大小 */
.text-sm {
  font-size: 0.12rem; }

.text-lg {
  font-size: 0.15rem; }

.text-xl {
  font-size: 0.2rem; }

/* 提示文字 */
.help-block {
  display: block;
  color: #959595;
  font-size: 0.12rem; }

.fl {
  float: left; }

.fr {
  float: right; }

.fc {
  /*// overflow: hidden;*/
  zoom: 1; }

/*badge*/
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px; }

.btn.active {
  border-color: #3b7cf1; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.ui-btn {
  width: 100%;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 1.8rem;
  background-color: #4083df;
  display: inline-block;
  text-align: center;
  border-radius: 5px; }

.bottom {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  position: fixed;
  bottom: 0; }

.btn-bottom {
  position: fixed;
  bottom: 0; }

.two-row-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.O6 {
  color: #E5791B; }

/* module UI */
.btn {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #b8b8b8;
  padding: 0.1rem 0.13rem;
  font-size: 0.15rem;
  border-radius: 4px;
  background: #ffffff;
  color: #565656;
  line-height: 1;
  text-align: center;
  box-sizing: border-box; }
  .btn:active {
    background-color: #fafafa; }

.btn-no-radius {
  border-radius: 0; }

.btn-lg {
  width: 100%;
  padding: 0.15rem;
  font-size: 0.16rem; }

.btn-sm {
  min-width: 0.75rem;
  padding: 0.06rem;
  border-color: #dddddd;
  font-size: 0.12rem;
  text-align: center; }

.btn-primary {
  background: #7B4DD6;
  border-color: #7B4DD6;
  color: #ffffff; }
  .btn-primary:active {
    background-color: #7246ca; }

.btn-disable {
  pointer-events: none;
  color: #FFFFFF;
  border-color: #CCCCCC;
  background-color: #CCCCCC; }

/* 按钮组 */
.btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .btn-group .btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
            flex: 1;
    padding: 0.12rem;
    line-height: 0.24rem;
    border: none;
    border-right: 1px solid #f8f6fa;
    border-radius: 0; }
    .btn-group .btn:last-child {
      border: none; }

/* 按钮换行的容器 */
.btn-wrap-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .btn-wrap-group .btn {
    margin-right: 10px;
    margin-bottom: 13px; }

.tag-box {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 0.35rem;
  height: 0.15rem;
  overflow: hidden; }
  .tag-box .tag {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    width: 0.7rem;
    height: 0.3rem;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    line-height: 1.5;
    font-style: normal; }

.tag-box-deduction {
  width: 0.9rem;
  height: 0.16rem;
  margin-bottom: 0.03rem; }

.tag-box-over {
  width: 0.4rem;
  box-shadow: 0px 1px 16px rgba(67, 67, 67, 0.45);
  background: rgba(94, 94, 94, 0.8);
  border-radius: 100px; }

.tag-new {
  background: #eeb879; }

.tag-buy {
  background: #6b76db; }

.tag-timelimit {
  background: #ff5252; }

.tag-quantitylimit {
  background: #ffbf59; }

.tag-recommend {
  background: #6b76db;
  padding-right: 0.08rem;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  text-align: left;
  width: 0.5rem;
  padding-left: 0.06rem; }

.tag-deduction {
  border: 1px solid #eeb879;
  color: #eeb879;
  border-radius: 0.05rem;
  width: 1.7rem; }

.tag-over {
  width: 0.8rem; }

.top-back {
  width: 40px;
  height: 40px;
  background: #ccc;
  overflow: hidden;
  line-height: 100px;
  border-radius: 50%;
  position: relative; }
  .top-back:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    height: 7px;
    width: 7px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    right: 16px;
    top: 17px; }

/* 表单元素 */
input,
textarea {
  font-size: 0.13rem; }

input[type="radio"],
input[type="checkbox"] {
  display: none; }

input[type="radio"] + span,
.radio-wp input[type="checkbox"] + span {
  position: relative;
  margin: 0; }

input[type="radio"] + span:before,
.radio-wp input[type="checkbox"] + span:before {
  display: inline-block;
  content: " ";
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  box-shadow: inset 0 0 0 1px #ddd;
  border-radius: 100%;
  background-color: #fff;
  overflow: hidden; }

input[type="radio"]:checked + span:before,
.radio-wp input[type="checkbox"]:checked + span:before {
  background-color: #6b76db;
  box-shadow: none; }

input[type="radio"]:checked + span:after,
.radio-wp input[type="checkbox"]:checked + span:after {
  position: absolute;
  top: -1px;
  left: 3px;
  content: "";
  width: 10px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

textarea {
  height: 0.58rem;
  line-height: 1.5; }

.error {
  position: relative;
  color: #E64340; }
  .error:after {
    position: absolute;
    top: 0.12rem;
    right: -0.07rem;
    content: "!";
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    background-color: #E64340;
    width: 0.4rem;
    height: 0.4rem;
    font-size: 0.26rem;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    line-height: 1.5; }
  .error input, .error textarea {
    color: #E64340; }

/* 数字输入框 */
.number-wp {
  display: inline-block;
  height: 25px;
  text-align: center; }
  .number-wp input[type="number"] {
    width: 40px;
    height: 100%;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0;
    vertical-align: middle;
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield; }
  .number-wp input::-webkit-outer-spin-button, .number-wp input::-webkit-inner-spin-button {
    -webkit-appearance: none;
            appearance: none;
    margin: 0; }
  .number-wp .number-btn-left, .number-wp .number-btn-right {
    width: 30px;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    vertical-align: middle; }
  .number-wp .number-btn-left {
    border-right: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .number-wp .number-btn-right {
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.number-wp.disabled input[type="number"], .number-wp.disabled button {
  color: #ddd; }

/* 开关按钮 */
.switch-wp {
  display: inline-block;
  vertical-align: middle; }
  .switch-wp .switch-input {
    display: none; }

.switch-box {
  position: relative;
  display: block;
  width: 0.45rem;
  height: 0.225rem;
  outline: 0;
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 0.225rem;
  overflow: hidden;
  -webkit-transition: background-color 0.1s, border 0.1s;
  transition: background-color 0.1s, border 0.1s; }
  .switch-box:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 0.225rem;
    height: 0.225rem;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); }

.switch-input:checked + .switch-box {
  border-color: #6b76db;
  background-color: #6b76db; }
  .switch-input:checked + .switch-box:before {
    -webkit-transform: translateX(0.225rem);
        -ms-transform: translateX(0.225rem);
            transform: translateX(0.225rem); }

/* 有限制字数的文本框 */
.limit-textarea {
  position: relative; }
  .limit-textarea textarea {
    width: 100%;
    resize: none;
    padding-bottom: 0.15rem;
    background-color: #fff; }
  .limit-textarea .limit-tips {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    color: #e2e2e2;
    font-size: 0.1rem;
    text-align: right;
    background-color: #fff; }

/* 导航栏 */
.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.47rem;
  line-height: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-align: center;
  background-color: #fff; }
  .nav .icon {
    display: block;
    margin: 0 auto; }

.nav-item {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .nav-item a {
    display: block;
    width: 100%;
    height: 100%; }
  .nav-item.active, .nav-item.active a {
    color: #6b76db; }

/* 底部主菜单 */
.main-nav {
  position: fixed;
  padding-bottom: env(safe-area-inset-bottom);
  bottom: 0;
  z-index: 25;
  width: 100%;
  max-width: 768px;
  color: #959595;
  font-size: 0.1rem;
  border-top: 1px solid #e1e1e1; }

/* 左右滑动的tab栏 */
.tab-container {
  width: 100%;
  height: 0.45rem;
  overflow: hidden;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -webkit-overflow-scrolling: touch; }

.tab {
  padding: 0 0.22rem;
  font-size: 0.15rem;
  white-space: nowrap;
  overflow-x: auto;
  background-color: #fff; }
  .tab::-webkit-scrollbar {
    display: none; }

.tab-item {
  display: inline-block;
  height: .43rem;
  margin-right: .44rem;
  line-height: .45rem;
  border-bottom: 0.02rem solid transparent;
  cursor: pointer; }
  .tab-item:last-child {
    margin-right: 0; }
  .tab-item a {
    display: block;
    width: 100%;
    height: 100%; }
  .tab-item.active, .tab-item.active a {
    border-color: #ef5555; }

/* 顶部tab */
.main-tab {
  z-index: 2; }

/* 等分tab */
.average-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  .average-tab .tab-item {
    margin: 0; }

@media (min-width: 768px) {
  .tab-container {
    height: auto; }
  .tab {
    white-space: initial; } }

/* 头像 */
.avatar {
  display: inline-block;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  overflow: hidden; }
  .avatar img {
    width: 100%;
    height: 100%; }

/* 商品推荐 */
.product-recommend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.product-item {
  display: inline-block;
  position: relative;
  width: 30%;
  font-size: 0.12rem;
  text-align: center;
  overflow: hidden; }
  .product-item .product-img {
    position: relative;
    display: block;
    height: 1.15rem;
    margin-bottom: 5px;
    overflow: hidden; }
    .product-item .product-img img {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 100%;
      margin: 0 auto; }
  .product-item .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .product-item .price {
    color: #dd4848; }
  .product-item .disabled {
    color: #999; }
  .product-item .tag-box {
    position: absolute;
    top: 0.09rem;
    left: 0.09rem;
    z-index: 10; }

/* 商品推荐版块 */
.product-board {
  margin: 0 9px 9px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff; }
  .product-board .banner {
    position: relative;
    width: 100%;
    display: block;
    /*height: 125px;*/
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .product-board .banner img {
      width: 100%;
      vertical-align: bottom; }
    .product-board .banner .icon-more {
      position: absolute;
      right: 4px;
      bottom: 4px; }
  .product-board .product-recommend {
    padding: 8px 0 14px; }

/* 商品搜索列表 */
.product-list {
  padding: 0 10px;
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.15);
  background-color: #fff; }

.product-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #fcf6f6;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .product-list-item:last-child {
    border-bottom: none; }
  .product-list-item .product-img {
    position: relative;
    display: inline-block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    height: 1.14rem;
    width: 1.14rem;
    overflow: hidden;
    vertical-align: middle; }
    .product-list-item .product-img .tag-box {
      position: absolute;
      bottom: 17px;
      left: 50%;
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0); }
    .product-list-item .product-img img {
      height: 100%;
      vertical-align: bottom; }
  .product-list-item .product-info {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 63%;
    margin-left: 7%;
    padding: 0.22rem 0;
    vertical-align: middle; }
  .product-list-item .title-text, .product-list-item .desc {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .product-list-item .title {
    margin-bottom: 0.12rem;
    font-size: 0.14rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .product-list-item .title .tag-group {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 4px; }
  .product-list-item .desc {
    margin-bottom: 0.16rem;
    color: #959595;
    font-size: 0.12rem; }
  .product-list-item .price {
    display: inline-block;
    color: #E5791B;
    font-size: 0.14rem;
    font-weight: 500; }
  .product-list-item .disabled {
    display: inline-block;
    margin-left: 5px;
    color: #959595;
    font-size: 0.12rem;
    text-decoration: line-through; }

/* 商品详情 */
.product-detail {
  padding: 17px;
  font-size: 0.12rem; }
  .product-detail .detail-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.05rem;
    padding: 0.05rem 0.07rem;
    background-color: #f8f7fa; }
    .product-detail .detail-item:last-child {
      margin: 0; }
  .product-detail .title {
    margin-bottom: 0.12rem; }
  .product-detail .prop {
    display: inline-block;
    width: 0.8rem;
    margin-right: 0.05rem;
    color: #959595;
    vertical-align: top;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .product-detail .desc {
    display: inline-block;
    vertical-align: top; }

/* 组合列表 */
.group {
  margin-bottom: 14px;
  line-height: 0.24rem;
  /* 应对需要跳转的情况 */ }
  .group .item {
    padding: 0.12rem 0.18rem;
    border-bottom: 1px solid #f8f6fa;
    background-color: #fff; }
    .group .item:last-child {
      border-bottom: none; }
  .group .btn-group {
    margin: 0;
    padding: 0; }
  .group .link-item {
    display: block;
    padding: 0;
    border-bottom: 1px solid #f8f6fa;
    background-color: #fff; }
    .group .link-item:last-child {
      border-bottom: none; }
  .group a.link-item, .group .link-item > a {
    display: block;
    padding: 0.12rem 0.18rem; }

/* 地址信息 */
.address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.12rem 0.18rem;
  background-color: #fff;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .address .address-contact {
    margin-bottom: 0.03rem;
    font-weight: bold; }
    .address .address-contact .name, .address .address-contact .phone {
      display: inline;
      margin-right: 0.16rem; }
  .address .address-location {
    line-height: 0.18rem; }
  .address .icon {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .address .address-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-box-align: center; }
    .address .address-main .center {
      margin-left: 0.15rem; }
  .address .center {
    margin-right: 0.15rem; }

/* 订单商品栏 */
.order-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.17rem;
  background-color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .order-product .product-img {
    width: 0.58rem;
    height: 0.58rem;
    overflow: hidden; }
    .order-product .product-img img {
      height: 100%; }
  .order-product .product-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0.08rem; }
  .order-product .title {
    font-size: 0.16rem;
    font-weight: 500;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden; }
  .order-product .prop, .order-product .count {
    color: #999999; }
  .order-product .price {
    display: block;
    color: #999999; }

.page-dot {
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  opacity: 0.5;
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
  margin: 0 0.03rem;
  border-radius: 100px; }

.page-dot-active {
  opacity: 1; }

.page-dot-lg {
  width: 0.19rem;
  height: 0.03rem;
  margin: 0 0.02rem; }

.ad-group-two {
  padding: 0.08rem 0.07rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .ad-group-two .ad-item {
    display: block;
    width: 50%;
    box-sizing: border-box; }
  .ad-group-two .ad-item-l {
    padding-right: 0.04rem; }
  .ad-group-two .ad-item-r {
    padding-left: 0.04rem; }
  .ad-group-two .ad-item-img {
    display: block;
    width: 100%;
    background-color: #abcabc; }

.intro-product {
  width: 100%;
  box-sizing: border-box;
  line-height: 1;
  background: #ffffff; }
  .intro-product .title {
    font-size: 0.18rem;
    text-align: left;
    color: #565656;
    padding: 0.18rem 0.175rem 0.05rem 0.175rem; }
  .intro-product .money {
    font-size: 0.16rem;
    text-align: left;
    color: #E5791B; }
    .intro-product .money span {
      font-size: 0.129rem; }
  .intro-product .money-remove {
    padding-right: 0.1rem;
    font-size: 0.14rem;
    text-align: left;
    color: #ccc;
    text-decoration: line-through; }
  .intro-product .money-line {
    color: #E5791B;
    font-size: 0.14rem;
    font-weight: 500; }
  .intro-product .money-failure {
    height: 0.12rem;
    line-height: 0.12rem;
    color: #959595;
    font-size: 0.12rem;
    text-decoration: line-through;
    margin-left: 0.075rem; }
  .intro-product .prop-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.08rem 0.175rem 0.13rem 0.175rem; }
    .intro-product .prop-group .prop-item {
      font-size: 0.12rem;
      font-weight: 300;
      line-height: 1.67;
      color: #959595; }
  .intro-product .activity .activity_banner {
    display: inline-block;
    border-radius: 0.03rem;
    padding: 0rem 0.08rem;
    font-size: 0.14rem;
    color: #fff;
    vertical-align: middle; }
    .intro-product .activity .activity_banner.red {
      background-color: #ff5252; }
    .intro-product .activity .activity_banner.yellow {
      background-color: #ff7b3a; }
    .intro-product .activity .activity_banner.grey {
      background-color: #ababab; }
    .intro-product .activity .activity_banner.purple {
      background-color: #6b76db; }
    .intro-product .activity .activity_banner .small {
      font-size: 0.1rem; }
    .intro-product .activity .activity_banner a {
      color: #fff; }

.product-info .intro-product {
  padding: 0; }

.box-start, .box-center, .box-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

/*竖直居中、水平靠左布局*/
.box-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.box-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

/*等比布局*/
.box-average {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  background: #fff; }
  .box-average .average-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.box-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.box-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  box-orient: vertical;
  box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box; }
  .box-vertical .footer {
    padding: 0 0.18rem 0.18rem; }

.box-vertical-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto; }

.icon {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background: url(//a1.dxycdn.com/gitrepo/dxy_mall/dist/static/icons.8af5203.png) no-repeat;
  background-size: 3.75rem 6.67rem;
  background-position: -37px -5px;
  overflow: hidden;
  line-height: 100rem;
  vertical-align: middle; }

.icon-lg {
  width: 0.44rem;
  height: 0.44rem; }

.icon-sm {
  width: 0.18rem;
  height: 0.18rem; }

.icon-img {
  background: inherit; }

.icon-deliver {
  background-position: -3px -5px; }

.icon-gift {
  background-position: -73px -4px; }

.icon-sale {
  background-position: -111px -5px; }

.icon-home {
  background-position: -6px -36px; }

.icon-type {
  background-position: -37px -38px; }

.icon-mine {
  background-position: -74px -38px; }

.active .icon-home,
.icon-home.active,
.icon-home-active {
  background-position: -5.5px -69px; }

.active .icon-type,
.icon-type.active,
.icon-type-active {
  background-position: -38px -69px; }

.active .icon-mine,
.icon-mine.active,
.icon-mine-active {
  background-position: -74px -70px; }

.icon-home-back {
  background-position: -111px -38px; }

.icon-ask {
  background-position: -111px -71px; }

.icon-dxy {
  background-position: -2px -96px; }

.icon-basket {
  background-position: -48px -98px; }

.icon-heart {
  background-position: -97px -99px; }

.icon-camera {
  background-position: -149px -99.5px; }

.icon-sofa {
  background-position: -3px -142.5px; }

.icon-bottle {
  background-position: -48px -144px; }

.icon-phone {
  background-position: -96.5px -144px; }

.icon-book {
  background-position: -148px -142px; }

.icon-yes-lg {
  background-position: -4px -208px; }

.icon-excl-lg {
  background-position: -328px -208px; }

.icon-write {
  background-position: -57px -222px; }

.icon-place {
  background-position: -87px -223px; }

.icon-yes {
  background-position: -120px -221px; }

.icon-yes-sm {
  background-position: -152px -223px; }

.icon-up {
  background-position: -11px -272px; }

.icon-close {
  background-position: -146px -8px; }

.icon-add {
  background-position: -147px -42px; }

.icon-lock {
  background-position: -53px -276px; }

.icon-people {
  background-position: -88px -276px; }

.icon-or {
  background-position: -123px -277px; }

.icon-delete {
  background-position: -147.5px -70px; }

.icon-number {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  background: #ef5656;
  border-radius: 100px;
  font-size: 0.2rem;
  color: #ffffff;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top; }

.icon-number-lg {
  width: inherit;
  height: 0.3rem;
  padding: 0 0.08rem;
  line-height: 0.3rem;
  text-align: center;
  background: #ef5656;
  border-radius: 100px;
  font-size: 0.2rem;
  color: #ffffff;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top; }

.icon-bubble-l {
  background-position: -160px -270px; }

.icon-bubble-r {
  background-position: -80px -304px; }

.icon-arrow-right {
  position: relative;
  background: none; }

.icon-arrow-right:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  content: " ";
  width: 50%;
  height: 50%;
  box-shadow: inset -1px -1px 0 #d1d1d1;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) rotate(-45deg);
      transform: translateX(-50%) rotate(-45deg); }

.icon-box-bottom {
  display: inline-block;
  text-align: center;
  color: #7d7d7d;
  line-height: 1;
  position: relative; }
  .icon-box-bottom .text {
    font-size: 0.12rem;
    line-height: 0.18rem;
    color: #58595b;
    margin: 0; }
  .icon-box-bottom .warning-number {
    position: absolute;
    top: -0.03rem;
    left: 60%; }

.icons-group {
  padding: 0.08rem 0;
  font-size: 0.12rem; }

.icons-group-home {
  padding: 0.1rem 0;
  background: #ffffff; }

.icons-group-index {
  padding: 0 15px 0 15px; }
  .icons-group-index .icon-box-bottom {
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 0.16rem; }

.icon-more {
  position: relative;
  width: 33px;
  height: 15px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.3); }
  .icon-more:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ". . .";
    color: #fff;
    line-height: 7.5px;
    text-align: center; }

.icon-vip-invalid {
  background-position: -353px -40px; }

.icon-vip-valid {
  background-position: -353px -60px; }

.qa_group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.265rem 0 0.18rem; }

.qa-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 0.07rem; }
  .qa-item span {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 0.13rem;
    height: 0.13rem;
    display: inline-block;
    line-height: 0.13rem;
    text-align: center;
    background-color: #565656;
    color: #ffffff;
    font-size: 0.13rem;
    margin-right: 0.07rem;
    margin-top: 0.02rem; }
  .qa-item p {
    font-size: 0.12rem; }

.a-item {
  color: #959595;
  padding-bottom: 0.15rem; }
  .a-item span {
    background-color: #959595; }

/* 组列表中的表单元素 */
.group input[type="text"],
.group textarea {
  width: 100%;
  border: none;
  outline: 0; }

.bubble-group {
  overflow: hidden;
  zoom: 1;
  padding: 0.15rem 0; }

.contact-time {
  text-align: center;
  margin-bottom: 0.12rem;
  clear: both; }

.bubble {
  position: relative;
  display: inline-block;
  padding: 0.08rem 0.165rem;
  border-top-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  font-size: 0.15rem;
  font-weight: 300;
  color: #565656;
  max-width: 77%;
  margin-bottom: 0.12rem; }

.bubble-l-group, .bubble-r-group {
  margin-bottom: 0.18rem;
  overflow: hidden;
  zoom: 1; }

.bubble-l {
  float: left;
  clear: both;
  background-color: #f8f7fa;
  margin-left: 0.18rem; }

.bubble-l:last-of-type, .bubble-r:last-of-type {
  margin-bottom: 0; }

.bubble-r {
  float: right;
  clear: both;
  color: #fff;
  background-color: #6b76db;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0;
  margin-right: 0.18rem; }
  .bubble-r .bubble-icon {
    bottom: 0;
    left: inherit;
    right: -4px;
    z-index: 10; }

.bubble-icon {
  display: block;
  position: absolute;
  bottom: 0;
  left: -4px;
  z-index: 10;
  width: 21px;
  height: 17px; }

.path-group {
  font-size: 0.1rem;
  line-height: 1.8;
  padding: 0.18rem 0;
  text-align: center;
  color: #959595; }
  .path-group .path {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .path-group .path .dot {
      width: 0.1rem;
      height: 0.1rem;
      background: #dddddd;
      border-radius: 100px;
      margin: 0 0.02rem;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .path-group .path .line {
      width: 200px;
      height: 0.03rem;
      background: #dddddd; }

.info {
  margin-bottom: 0.1rem; }

.text {
  font-size: 0.13rem;
  line-height: 1.38;
  color: #565656;
  margin-top: 0.1rem; }

.path-item:first-child .path span:first-child {
  visibility: hidden; }

.path-item:last-child .path span:last-child {
  visibility: hidden; }

.path-item {
  overflow: hidden; }

.path-item-active .info {
  position: relative;
  display: inline-block;
  padding: 0 0.1rem;
  border-radius: 100px;
  background-color: #6e7fa5;
  color: #ffffff;
  margin-bottom: 0.09rem; }
  .path-item-active .info:before {
    width: 1px;
    height: 1px;
    content: '';
    display: block; }
  .path-item-active .info:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    border: 6px solid #6e7fa5;
    border-color: #6e7fa5 transparent transparent transparent; }

.path-item-active .path .dot {
  background: #6e7fa5; }

/* 弹出窗口 */
.modal-container {
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }

.modal {
  position: fixed;
  right: 0;
  bottom: -100%;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  -webkit-transition: all 0.15s;
  transition: all 0.15s; }
  .modal .modal-header {
    padding: 16px 18px;
    text-align: center;
    border-bottom: 1px solid #f8f7fa; }
    .modal .modal-header .modal-title {
      font-size: 0.13rem; }
    .modal .modal-header .modal-close {
      position: absolute;
      top: 12px;
      right: 14px;
      padding: 4px; }
    .modal .modal-header .order-product {
      width: 100%;
      padding: 0; }
    .modal .modal-header .price {
      color: #E5791B;
      font-size: 0.14rem;
      font-weight: 500; }
  .modal .modal-body {
    max-height: 3.2rem;
    margin: 16px 0;
    padding: 5px 18px;
    overflow-y: auto; }
  .modal .modal-footer {
    padding: 0 18px 18px; }

.modal-container.in,
.modal.in {
  visibility: visible;
  pointer-events: auto; }

.in .modal {
  bottom: 0; }

.modal-buy .modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  text-align: left; }

.modal-buy .modal-body {
  max-height: 2.3rem; }

.modal-buy .product-img {
  width: 0.88rem;
  height: 0.88rem;
  text-align: center;
  border: 1px solid rgba(213, 213, 213, 0.3);
  border-radius: 4px;
  background-color: #f5f5f5;
  overflow: hidden; }

@media (min-width: 768px) {
  .modal {
    width: 768px;
    margin: 0 auto; } }

/* 遮罩层 */
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all .15s;
  transition: all .15s; }

.in .mask {
  opacity: 1; }

.over-warning {
  padding: 0.275rem 0 0.23rem 0;
  text-align: center; }

.express-list {
  padding: 0 0.18rem;
  font-size: 0.13rem;
  line-height: 1.38;
  color: #959595;
  background: #ffffff;
  border-top: 1px solid #f8f7fa; }
  .express-list .express-item {
    padding: 0.18rem 0 0.15rem; }
    .express-list .express-item .info {
      margin: 0; }
      .express-list .express-item .info span {
        color: #959595;
        display: inline-block; }
    .express-list .express-item .time {
      font-size: 0.01rem;
      line-height: 1.8;
      color: #959595; }

.express-item-active {
  color: #565656; }
  .express-item-active .info span {
    color: #6b76db; }

/* 提示框 */
.alert-container {
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }
  .alert-container.in {
    visibility: visible;
    pointer-events: auto; }

.in .alert {
  opacity: 1; }

.alert {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  opacity: 0;
  z-index: 10;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 4px; }
  .alert .alert-header {
    padding: 15px 0 5px;
    font-size: 0.15rem;
    font-weight: bold; }
  .alert .alert-body {
    padding: 5px 20px; }
  .alert .alert-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #f8f7fa; }
    .alert .alert-footer .btn {
      display: block;
      padding: 0;
      line-height: 0.4rem;
      border: none;
      border-right: 1px solid #f8f6fa;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .alert .alert-footer .btn:last-child {
        color: #0bb20c;
        border-right: none; }

@media screen and (min-width: 700px) {
  .alert {
    width: 60%; } }

@media screen and (min-width: 900px) {
  .alert {
    width: 50%; } }

@media screen and (min-width: 1200px) {
  .alert {
    width: 40%; } }

@media screen and (min-width: 1500px) {
  .alert {
    width: 30%; } }

.mask_transparent {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "weui";
  src: url("data:application/octet-stream;base64,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") format("truetype"); }

[class*=" icon_"]:before, [class^=icon_]:before {
  font-family: weui;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

[class*=" icon_"]:before, [class^=icon_]:before {
  margin: 0; }

.toast {
  position: fixed;
  z-index: 50000;
  width: 7.6em;
  min-height: 7.6em;
  top: 180px;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #fff; }

.icon_toast {
  margin: 22px 0 0;
  display: block; }

.icon_toast:before {
  content: '\EA08';
  color: #fff;
  font-size: 55px; }

.toast_content {
  margin: 0 0 15px; }

.toast_loading .toast_content {
  margin-top: 64%;
  font-size: 14px; }

.loading {
  position: absolute;
  width: 0;
  z-index: 1;
  left: 50%;
  top: 38%; }

.loading_leaf {
  position: absolute;
  top: -1px;
  opacity: .25; }

.loading_leaf:before {
  content: " ";
  position: absolute;
  width: 8.14px;
  height: 3.08px;
  background: #d1d1d5;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.0980392);
  border-radius: 1px;
  -webkit-transform-origin: left 50% 0;
      -ms-transform-origin: left 50% 0;
          transform-origin: left 50% 0; }

.loading_leaf_0 {
  -webkit-animation: a 1.25s linear infinite;
          animation: a 1.25s linear infinite; }

.loading_leaf_0:before {
  -webkit-transform: rotate(0deg) translate(7.92px);
      -ms-transform: rotate(0deg) translate(7.92px);
          transform: rotate(0deg) translate(7.92px); }

.loading_leaf_1 {
  -webkit-animation: b 1.25s linear infinite;
          animation: b 1.25s linear infinite; }

.loading_leaf_1:before {
  -webkit-transform: rotate(30deg) translate(7.92px);
      -ms-transform: rotate(30deg) translate(7.92px);
          transform: rotate(30deg) translate(7.92px); }

.loading_leaf_2 {
  -webkit-animation: c 1.25s linear infinite;
          animation: c 1.25s linear infinite; }

.loading_leaf_2:before {
  -webkit-transform: rotate(60deg) translate(7.92px);
      -ms-transform: rotate(60deg) translate(7.92px);
          transform: rotate(60deg) translate(7.92px); }

.loading_leaf_3 {
  -webkit-animation: d 1.25s linear infinite;
          animation: d 1.25s linear infinite; }

.loading_leaf_3:before {
  -webkit-transform: rotate(90deg) translate(7.92px);
      -ms-transform: rotate(90deg) translate(7.92px);
          transform: rotate(90deg) translate(7.92px); }

.loading_leaf_4 {
  -webkit-animation: e 1.25s linear infinite;
          animation: e 1.25s linear infinite; }

.loading_leaf_4:before {
  -webkit-transform: rotate(120deg) translate(7.92px);
      -ms-transform: rotate(120deg) translate(7.92px);
          transform: rotate(120deg) translate(7.92px); }

.loading_leaf_5 {
  -webkit-animation: f 1.25s linear infinite;
          animation: f 1.25s linear infinite; }

.loading_leaf_5:before {
  -webkit-transform: rotate(150deg) translate(7.92px);
      -ms-transform: rotate(150deg) translate(7.92px);
          transform: rotate(150deg) translate(7.92px); }

.loading_leaf_6 {
  -webkit-animation: g 1.25s linear infinite;
          animation: g 1.25s linear infinite; }

.loading_leaf_6:before {
  -webkit-transform: rotate(180deg) translate(7.92px);
      -ms-transform: rotate(180deg) translate(7.92px);
          transform: rotate(180deg) translate(7.92px); }

.loading_leaf_7 {
  -webkit-animation: h 1.25s linear infinite;
          animation: h 1.25s linear infinite; }

.loading_leaf_7:before {
  -webkit-transform: rotate(210deg) translate(7.92px);
      -ms-transform: rotate(210deg) translate(7.92px);
          transform: rotate(210deg) translate(7.92px); }

.loading_leaf_8 {
  -webkit-animation: i 1.25s linear infinite;
          animation: i 1.25s linear infinite; }

.loading_leaf_8:before {
  -webkit-transform: rotate(240deg) translate(7.92px);
      -ms-transform: rotate(240deg) translate(7.92px);
          transform: rotate(240deg) translate(7.92px); }

.loading_leaf_9 {
  -webkit-animation: j 1.25s linear infinite;
          animation: j 1.25s linear infinite; }

.loading_leaf_9:before {
  -webkit-transform: rotate(270deg) translate(7.92px);
      -ms-transform: rotate(270deg) translate(7.92px);
          transform: rotate(270deg) translate(7.92px); }

.loading_leaf_10 {
  -webkit-animation: k 1.25s linear infinite;
          animation: k 1.25s linear infinite; }

.loading_leaf_10:before {
  -webkit-transform: rotate(300deg) translate(7.92px);
      -ms-transform: rotate(300deg) translate(7.92px);
          transform: rotate(300deg) translate(7.92px); }

.loading_leaf_11 {
  -webkit-animation: l 1.25s linear infinite;
          animation: l 1.25s linear infinite; }

.loading_leaf_11:before {
  -webkit-transform: rotate(330deg) translate(7.92px);
      -ms-transform: rotate(330deg) translate(7.92px);
          transform: rotate(330deg) translate(7.92px); }

@-webkit-keyframes a {
  0%, 0.01% {
    opacity: .25; }
  0.02% {
    opacity: 1; }
  60.01%, to {
    opacity: .25; } }

@keyframes a {
  0%, 0.01% {
    opacity: .25; }
  0.02% {
    opacity: 1; }
  60.01%, to {
    opacity: .25; } }

@-webkit-keyframes b {
  0%, 8.34333% {
    opacity: .25; }
  8.35333% {
    opacity: 1; }
  68.3433%, to {
    opacity: .25; } }

@keyframes b {
  0%, 8.34333% {
    opacity: .25; }
  8.35333% {
    opacity: 1; }
  68.3433%, to {
    opacity: .25; } }

@-webkit-keyframes c {
  0%, 16.6767% {
    opacity: .25; }
  16.6867% {
    opacity: 1; }
  76.6767%, to {
    opacity: .25; } }

@keyframes c {
  0%, 16.6767% {
    opacity: .25; }
  16.6867% {
    opacity: 1; }
  76.6767%, to {
    opacity: .25; } }

@-webkit-keyframes d {
  0%, 25.01% {
    opacity: .25; }
  25.02% {
    opacity: 1; }
  85.01%, to {
    opacity: .25; } }

@keyframes d {
  0%, 25.01% {
    opacity: .25; }
  25.02% {
    opacity: 1; }
  85.01%, to {
    opacity: .25; } }

@-webkit-keyframes e {
  0%, 33.3433% {
    opacity: .25; }
  33.3533% {
    opacity: 1; }
  93.3433%, to {
    opacity: .25; } }

@keyframes e {
  0%, 33.3433% {
    opacity: .25; }
  33.3533% {
    opacity: 1; }
  93.3433%, to {
    opacity: .25; } }

@-webkit-keyframes f {
  0% {
    opacity: .270958333333333; }
  41.6767% {
    opacity: .25; }
  41.6867% {
    opacity: 1; }
  1.67667% {
    opacity: .25; }
  to {
    opacity: .270958333333333; } }

@keyframes f {
  0% {
    opacity: .270958333333333; }
  41.6767% {
    opacity: .25; }
  41.6867% {
    opacity: 1; }
  1.67667% {
    opacity: .25; }
  to {
    opacity: .270958333333333; } }

@-webkit-keyframes g {
  0% {
    opacity: .375125; }
  50.01% {
    opacity: .25; }
  50.02% {
    opacity: 1; }
  10.01% {
    opacity: .25; }
  to {
    opacity: .375125; } }

@keyframes g {
  0% {
    opacity: .375125; }
  50.01% {
    opacity: .25; }
  50.02% {
    opacity: 1; }
  10.01% {
    opacity: .25; }
  to {
    opacity: .375125; } }

@-webkit-keyframes h {
  0% {
    opacity: .479291666666667; }
  58.3433% {
    opacity: .25; }
  58.3533% {
    opacity: 1; }
  18.3433% {
    opacity: .25; }
  to {
    opacity: .479291666666667; } }

@keyframes h {
  0% {
    opacity: .479291666666667; }
  58.3433% {
    opacity: .25; }
  58.3533% {
    opacity: 1; }
  18.3433% {
    opacity: .25; }
  to {
    opacity: .479291666666667; } }

@-webkit-keyframes i {
  0% {
    opacity: .583458333333333; }
  66.6767% {
    opacity: .25; }
  66.6867% {
    opacity: 1; }
  26.6767% {
    opacity: .25; }
  to {
    opacity: .583458333333333; } }

@keyframes i {
  0% {
    opacity: .583458333333333; }
  66.6767% {
    opacity: .25; }
  66.6867% {
    opacity: 1; }
  26.6767% {
    opacity: .25; }
  to {
    opacity: .583458333333333; } }

@-webkit-keyframes j {
  0% {
    opacity: .687625; }
  75.01% {
    opacity: .25; }
  75.02% {
    opacity: 1; }
  35.01% {
    opacity: .25; }
  to {
    opacity: .687625; } }

@keyframes j {
  0% {
    opacity: .687625; }
  75.01% {
    opacity: .25; }
  75.02% {
    opacity: 1; }
  35.01% {
    opacity: .25; }
  to {
    opacity: .687625; } }

@-webkit-keyframes k {
  0% {
    opacity: .791791666666667; }
  83.3433% {
    opacity: .25; }
  83.3533% {
    opacity: 1; }
  43.3433% {
    opacity: .25; }
  to {
    opacity: .791791666666667; } }

@keyframes k {
  0% {
    opacity: .791791666666667; }
  83.3433% {
    opacity: .25; }
  83.3533% {
    opacity: 1; }
  43.3433% {
    opacity: .25; }
  to {
    opacity: .791791666666667; } }

@-webkit-keyframes l {
  0% {
    opacity: .895958333333333; }
  91.6767% {
    opacity: .25; }
  91.6867% {
    opacity: 1; }
  51.6767% {
    opacity: .25; }
  to {
    opacity: .895958333333333; } }

@keyframes l {
  0% {
    opacity: .895958333333333; }
  91.6767% {
    opacity: .25; }
  91.6867% {
    opacity: 1; }
  51.6767% {
    opacity: .25; }
  to {
    opacity: .895958333333333; } }

.toast {
  left: 50%;
  top: 35%;
  margin-left: -3.8em; }

.toast_forbidden {
  color: #F76260; }

.toast_cancel .icon_toast:before {
  content: "\EA0D"; }

.toast_forbidden .icon_toast:before {
  content: "\EA0B";
  color: #F76260; }

.toast.toast_visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform-origin: 0px 0px 0px;
      -ms-transform-origin: 0px 0px 0px;
          transform-origin: 0px 0px 0px;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); }

.img-popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  right: 0; }
  .img-popup img {
    width: 2rem;
    height: 2rem; }
  .img-popup p {
    width: 2rem;
    padding: 0.08rem 0;
    color: #444;
    background-color: #fff;
    text-align: center; }

.page-html img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  vertical-align: top; }

.page-html ul, .page-html ol {
  padding-left: 40px; }

.page-html .imgbox {
  line-height: 0; }

.detail-page-html {
  padding-top: 12px; }
  .detail-page-html p {
    padding: 0 10px; }

.active-wrap .time-block {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  text-align: center;
  line-height: 0.2rem; }

/* 桌面端的一些样式 */
body {
  background-color: #f6f5f7; }

/* 所有的样式全都写在 root_desktop 的类名下 */
.root_desktop {
  /*桌面版样式*/
  /* 最上方主导航 */
  /* 次级导航 */
  /* 右下角top back */
  /* 右下角和topbar的二维码 */
  /* 商品 */
  /* 商品详情 */
  /* tag */ }
  .root_desktop .container {
    width: 1200px;
    margin: 0 auto; }
  .root_desktop .main_nav {
    background-color: #fff;
    width: 100%; }
    .root_desktop .main_nav .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .root_desktop .main_nav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .root_desktop .main_nav li {
      margin-right: 40px;
      height: 40px;
      line-height: 40px; }
      .root_desktop .main_nav li a {
        color: #afb2bf; }
      .root_desktop .main_nav li.cur a,
      .root_desktop .main_nav li a:hover {
        color: #585a73; }
    .root_desktop .main_nav .user_info {
      height: 40px;
      line-height: 40px; }
      .root_desktop .main_nav .user_info, .root_desktop .main_nav .user_info a {
        color: #afb2bf; }
      .root_desktop .main_nav .user_info .divider {
        padding: 0 22px; }
      .root_desktop .main_nav .user_info .usephone {
        display: inline-block;
        vertical-align: middle;
        line-height: 40px;
        height: 17px;
        width: 10px;
        background-size: 10px 17px;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAjCAYAAAB7NEEmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAABYlAAAWJQFJUiTwAAABOklEQVRIx+2WP0sDMRiHn5TToXQTKQjOinvByUEcXV0O1NNPkLWWTAfVzfsCVlHIp+ggXZ39szuIuDtUuXPwPQzF5qjXzfzgIPnlved982ZIFIA2dh/oAWv8XU9AP0vjG6WNTYDLGrBJJRFw4Ql4AIbAguN9ADvAxpR/BhHQ8EDvgXOgJfMCeAdWPNBGVLGVPflmUgl9BkYyV25W8QrHU8AnkDteId4WsFpCh1kaH89a0aS0sQPgqOxnsy7Q5ZRQVQPkSrnQuSpAAzRAAzRA/ys0r0X5Ue5Cx3OCjgGUNrYAXoE7YJHfb9YWsCTjN76fPq4KAXaAdvmYaAO7FVX0ZGdpVbmR9KHqwE6yND4F0MY2ga6vr0obewhcVUBHwLYUcQtsemITJdkPJPu6J/hFoMtT1h+BsyyNr78AnJ8+YD2+op4AAAAASUVORK5CYII=); }
      .root_desktop .main_nav .user_info .user_nav {
        display: inline-block;
        vertical-align: middle;
        line-height: 40px;
        height: 17px;
        width: 14px;
        background-position: 47px -7px;
        background-size: 200px 200px;
        background-image: url(//a1.dxycdn.com/gitrepo/dxy_mall/dist/static/desktop_icons.f7cbf3a.png); }
  .root_desktop .category_nav {
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0 !important; }
    .root_desktop .category_nav .logo {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .root_desktop .category_nav .logo img {
        height: 32px;
        margin-left: 20px; }
    .root_desktop .category_nav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .root_desktop .category_nav ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 48px; }
        .root_desktop .category_nav ul li a {
          font-size: 14px;
          color: #585a73;
          cursor: pointer; }
        .root_desktop .category_nav ul li:hover a,
        .root_desktop .category_nav ul li.cur a {
          color: #6b76db;
          font-weight: bold; }
  .root_desktop .phone_tip {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 43px; }
    .root_desktop .phone_tip a {
      display: block;
      width: 100%;
      height: 43px;
      background-color: #dedee3; }
      .root_desktop .phone_tip a:hover {
        background-color: #bcbdc7; }
    .root_desktop .phone_tip .usephone {
      background-size: 14px 24px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAtCAYAAABf9xDlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEE0NERENkY4MEJFMTFFN0FDOUFBMDMyNTQ2M0VBNzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEE0NERENzA4MEJFMTFFN0FDOUFBMDMyNTQ2M0VBNzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTQ0REQ2RDgwQkUxMUU3QUM5QUEwMzI1NDYzRUE3NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTQ0REQ2RTgwQkUxMUU3QUM5QUEwMzI1NDYzRUE3NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvTXZuwAAAEfSURBVHjaYvr//z8DFBcB8eX/1AUg8wpgdsAsWvuftgBkPgMTAwNDAxAHMdAWgMyvZwTa+BfIYCKg+DEQz4WykdX+g9LJQCxLwIx/LERYBAIPgbgRymZGEv8Lpd2IsIyJhchgsAHi/5SGJRMDHQGyz+qB+CYQs1LR/N9ArA6LAlACgQWPBBC/pIGHxIH4BXowytEo9OQGJM5GLRu1bNSyUctGLRu1bNSyUctGLRu1bNQyGHhFIzteYesy2QHxOSDmIMIADqhDvxFQ9wOIjbBZtmgwxtlzaB/aAoiPkNrzBHUGGUnQEwvEe6FsFyD+QGTQ/2NCGgUgFiCPFpDiyCZyRnheArE7ENsC8WFSRngYkMauCmkwdnURai7YDoAAAwByrsDdMNrllQAAAABJRU5ErkJggg==);
      border-radius: 4px 4px 0 0; }
    .root_desktop .phone_tip .top-back {
      border-radius: 0 0 4px 4px; }
  .root_desktop .usephone {
    position: relative; }
    .root_desktop .usephone img {
      position: absolute;
      top: 0;
      right: 14px;
      z-index: 1;
      display: none;
      width: 74px;
      height: 74px;
      padding: 5px;
      border-radius: 6px;
      background-color: #fff;
      box-shadow: 0 1px 5px 0 rgba(169, 169, 169, 0.3);
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .root_desktop .usephone:hover img {
      display: block; }
  .root_desktop .commodities {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -16px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .root_desktop .commodities .item {
      width: 288px;
      height: 375px;
      background-color: #fff;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      text-align: center;
      position: relative;
      margin-bottom: 16px;
      margin-left: 15px;
      border-radius: 3px;
      overflow: hidden; }
      .root_desktop .commodities .item:nth-child(4n+1) {
        margin-left: 0; }
      .root_desktop .commodities .item:hover {
        box-shadow: 0px 4px 24px 4px rgba(0, 0, 0, 0.08); }
      .root_desktop .commodities .item .badge {
        color: #afb2bf;
        background-color: transparent;
        border: 1px solid #afb2bf;
        border-radius: 3px;
        padding: 1px 6px;
        position: absolute;
        top: 9px;
        right: 9px; }
      .root_desktop .commodities .item img {
        display: block;
        width: 184px;
        height: 184px;
        border: 0;
        margin: 0 auto;
        margin-top: 52px; }
      .root_desktop .commodities .item .title {
        padding: 0 32px;
        text-align: center;
        color: #585a73;
        font-size: 16px;
        margin-bottom: 7px;
        margin-top: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .root_desktop .commodities .item .desc {
        padding: 0 18px;
        color: #afb2bf;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .root_desktop .commodities .item .tags {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0; }
        .root_desktop .commodities .item .tags .tag {
          display: inline-block;
          color: #fff;
          margin-right: 10px;
          padding: 1px 7px; }
          .root_desktop .commodities .item .tags .tag:last-child {
            margin-right: 0; }
      .root_desktop .commodities .item .topic img {
        margin: 0;
        width: 100%;
        height: 100%; }
    .root_desktop .commodities .sold_out {
      margin-top: 28px;
      color: #afb2bf; }
    .root_desktop .commodities .price {
      position: relative;
      color: #ff5252;
      margin-top: 28px; }
      .root_desktop .commodities .price .current {
        font-size: 14px; }
      .root_desktop .commodities .price .old {
        position: absolute;
        top: -18px;
        left: 0;
        width: 100%;
        color: #afb2bf;
        text-decoration: line-through; }
  .root_desktop .main_box {
    width: 100%;
    background-color: #fff;
    padding-bottom: 60px; }
  .root_desktop .sub_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    margin-bottom: 60px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .root_desktop .crumb {
    padding: 30px 0;
    color: #565656; }
    .root_desktop .crumb span:nth-child(n + 2):before {
      color: #565656;
      content: "/ "; }
    .root_desktop .crumb span:last-child {
      color: #afb2bf; }
  .root_desktop .commodity_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.1; }
    .root_desktop .commodity_box .vertical_imgs {
      width: 90px; }
      .root_desktop .commodity_box .vertical_imgs .img {
        position: relative;
        display: block;
        width: 90px;
        height: 90px;
        margin-bottom: 8px;
        border-radius: 4px;
        background-color: #eee;
        overflow: hidden; }
        .root_desktop .commodity_box .vertical_imgs .img:last-child {
          margin-bottom: 0; }
        .root_desktop .commodity_box .vertical_imgs .img.cur:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          box-shadow: inset 0 0 0 3px #aaa; }
        .root_desktop .commodity_box .vertical_imgs .img img {
          width: 100%;
          height: 100%; }
    .root_desktop .commodity_box .main_img {
      width: 480px;
      height: 480px;
      margin-left: 22px;
      border-radius: 4px;
      background-color: #eee;
      overflow: hidden; }
      .root_desktop .commodity_box .main_img img {
        width: 100%;
        height: 100%; }
    .root_desktop .commodity_box .commodity_info {
      width: 528px;
      margin-left: 80px; }
  .root_desktop .commodity_info h1 {
    width: 435px;
    max-height: 60px;
    overflow: hidden;
    color: #585a73;
    font-size: 24px;
    line-height: 1.25; }
  .root_desktop .commodity_info .desc_box {
    color: #afb2bf;
    margin: 20px 0 40px 0;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 300;
    line-height: 1.1; }
  .root_desktop .commodity_info .desc {
    width: 435px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .root_desktop .commodity_info .price_old {
    position: absolute;
    top: -16px;
    left: 0;
    font-size: 12px;
    color: #afb2bf; }
    .root_desktop .commodity_info .price_old.price_remove {
      text-decoration: line-through; }
  .root_desktop .commodity_info .price_box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .root_desktop .commodity_info .price_box .grade {
      color: #afb2bf;
      font-size: 12px;
      line-height: 12px;
      margin-top: 15px;
      margin-left: 12.5px; }
      .root_desktop .commodity_info .price_box .grade .origin {
        display: inline-block;
        text-decoration: line-through; }
      .root_desktop .commodity_info .price_box .grade .level {
        display: inline-block;
        margin-left: 5px; }
        .root_desktop .commodity_info .price_box .grade .level span {
          color: #d4872d; }
  .root_desktop .price_box .price .price_now {
    color: #ff5252;
    font-size: 16px; }
  .root_desktop .price_box .price .price_now .number {
    font-size: 32px;
    font-weight: bold; }
  .root_desktop .price_box .activity_banner {
    display: inline-block;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 16px;
    color: #fff;
    vertical-align: middle; }
    .root_desktop .price_box .activity_banner.red {
      background-color: #ff5252; }
    .root_desktop .price_box .activity_banner.yellow {
      background-color: #ff7b3a; }
    .root_desktop .price_box .activity_banner.grey {
      background-color: #ababab; }
    .root_desktop .price_box .activity_banner.purple {
      background-color: #6b76db; }
    .root_desktop .price_box .activity_banner .small {
      font-size: 12px; }
    .root_desktop .price_box .activity_banner a {
      color: #fff; }
  .root_desktop .commodity_info .spec_box {
    background-color: #f6f5f7;
    border-radius: 4px;
    padding: 20px 24px;
    margin-top: 27px; }
  .root_desktop .commodity_info .spec_box p {
    font-size: 16px;
    color: #afb2bf;
    font-weight: 300;
    margin-bottom: 16px; }
  .root_desktop .commodity_info .spec_box p:last-child {
    margin-bottom: 0; }
  .root_desktop .commodity_info .tag_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .root_desktop .commodity_info .tag_box .tag {
    font-size: 16px;
    color: #afb2bf;
    margin-top: 16px;
    position: relative; }
  .root_desktop .commodity_info .tag_box .tag:before {
    display: inline-block;
    content: " ";
    margin: 0 10px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    border-radius: 100%;
    background-color: #747689;
    overflow: hidden; }
  .root_desktop .commodity_info .tag_box .tag:after {
    position: absolute;
    top: 1px;
    left: 4px;
    content: "";
    width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .root_desktop .commodity_info .btn-buy {
    position: relative;
    display: block;
    margin-top: 60px;
    background-color: #7d8aff;
    border-color: #7d8aff;
    width: 160px; }
    .root_desktop .commodity_info .btn-buy .qr-code {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 50%;
      left: 184px;
      padding: 20px;
      border-radius: 3px;
      background-color: #fff;
      box-shadow: 0 1px 5px 0 rgba(169, 169, 169, 0.3);
      -webkit-transition: all .3s;
      transition: all .3s;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .root_desktop .commodity_info .btn-buy:hover {
      background-color: #6e7cff;
      border-color: #6e7cff; }
      .root_desktop .commodity_info .btn-buy:hover .qr-code {
        opacity: 1;
        color: #555; }
  .root_desktop .sub_box .left_box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 28px;
    border-radius: 4px;
    background-color: #fff; }
  .root_desktop .left_box .imgbox img {
    width: 100%; }
  .root_desktop .sub_box .right_box {
    width: 288px;
    margin-left: 16px; }
  .root_desktop .right_box .recommend_box {
    border-radius: 4px;
    background-color: #fff;
    padding: 28px;
    box-sizing: border-box; }
  .root_desktop .right_box > .title {
    border-radius: 4px;
    background-color: #f6f5f7;
    color: #585a73;
    padding: 1px 16px;
    font-size: 16px; }
  .root_desktop .right_box .commodity_board {
    display: block;
    width: 100%;
    margin-top: 16px;
    border-radius: 4px;
    overflow: hidden;
    line-height: 0; }
  .root_desktop .right_box .commodity_board img {
    width: 100%; }
  .root_desktop .tag-red {
    background-color: #ff5252; }
  .root_desktop .tag-blue {
    background-color: #6b76db; }
  .root_desktop .tag-yellow {
    background-color: #ffce52; }
  .root_desktop .features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 125px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 60px;
    margin-bottom: 15px; }
  .root_desktop .features > a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center; }
  .root_desktop .features .divider {
    width: 2px;
    height: 20px;
    background-color: #cfd0de;
    margin-top: 54px; }
  .root_desktop .features .ico {
    background-image: url(/images/desktop_icons.png);
    background-size: 200px 200px;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    margin-top: 28px; }
  .root_desktop .features .ico-dingdang {
    background-position: 6px 1px; }
  .root_desktop .features .ico-traffic {
    width: 50px;
    background-position: -98px 0px; }
  .root_desktop .features .ico-flash {
    background-position: 1px 0px; }
  .root_desktop .features .ico-service {
    background-position: 1px 0px; }
  .root_desktop .features .ico-flash {
    background-position: -28px 2px; }
  .root_desktop .features .ico-service {
    background-position: -63px 1px; }
  .root_desktop .features .desc {
    font-size: 16px;
    color: #585a73;
    margin-top: 20px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
    .root_desktop .features i {
      background-size: 400px 400px; } }
  .root_desktop footer {
    width: 100%;
    padding: 80px 0 28px 0;
    background-color: #fff; }
  .root_desktop footer .footer_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px; }
  .root_desktop footer .copyright {
    border-top: 1px solid #e7e7ee;
    padding-top: 28px;
    color: #9e9e9e;
    font-weight: 200;
    text-align: center; }
  .root_desktop footer .copyright img.wlgs {
    width: 38px;
    height: 42px;
    display: inline-block;
    margin-top: 20px; }
  .root_desktop footer .copyright a {
    color: inherit; }
  .root_desktop footer .copyright a:hover {
    text-decoration: underline; }
  .root_desktop footer .links-box {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .root_desktop footer .links-box li {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2; }
  .root_desktop footer .links-box li:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .root_desktop footer .links-box li h5 {
    margin-bottom: 15px;
    color: #4a4a4a; }
  .root_desktop footer .links li {
    margin-bottom: 4px; }
  .root_desktop footer .links li a {
    color: #9e9e9e;
    font-weight: 200; }
  .root_desktop footer .links li a:hover {
    color: #6b76db; }
  .root_desktop footer .code2d {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center; }
  .root_desktop .code2d img {
    width: 74px;
    height: 74px; }
  .root_desktop .code2d h5 {
    margin-top: 12px; }

.qa_group {
  padding: 0; }
  .qa_group .a-item {
    padding-bottom: 20px; }

.qa-item span, .qa-item p {
  font-size: 14px; }

.qa-item p {
  color: #585a73; }

.qa-item span {
  margin-top: 5px;
  height: 14px;
  line-height: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

/*@import 'views/desktop_main';*/
/*@import 'views/desktop_category';*/