@charset "UTF-8";
/*********************************************************
公共变量
 */
.afcl:after {
  display: block;
  content: '';
  clear: both;
  visibility: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
/*公共类*/
input {
  outline: none;
}
.flex {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-vc {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-jc {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-jc-lr {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/*********************************************************
                    首页  开始
 ***********************************************************/
.page-home {
  background: #F8F8F8;
}
.page-home #banner {
  height: 4.46666667rem;
  -webkit-border-radius: 0.16rem;
          border-radius: 0.16rem;
  margin: 0.32rem;
}
.page-home #banner .swiper-slide {
  color: #fff;
  width: 100%;
  height: 4.46666667rem;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.page-home #banner .swiper-pagination {
  position: absolute;
  bottom: 0.16rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.page-home #banner .swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 0.10666667rem;
  height: 0.10666667rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.3;
  margin-right: 0.08rem;
}
.page-home #banner .swiper-pagination .swiper-pagination-switch:last-child {
  margin-right: 0;
}
.page-home #banner .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
  background-color: #fff;
  opacity: 1;
  width: 0.32rem;
  height: 0.10666667rem;
  -webkit-border-radius: 0.06666667rem;
  border-radius: 0.06666667rem;
}
.page-home #duihaoli {
  padding-top: 0.66666667rem;
  padding-bottom: 0.48rem;
}
.page-home #duihaoli #banner-btm-img {
  margin: 0 0.32rem;
}
.page-home #duihaoli #banner-btm-img img {
  display: block;
  max-width: 100%;
}
.page-home #duihaoli ul {
  padding: 0 0.32rem;
  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-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-home #duihaoli ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333333;
}
.page-home #duihaoli ul li a .img {
  width: 1.17333333rem;
  height: 1.17333333rem;
  margin-bottom: 0.18666667rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
}
.page-home #duihaoli ul li a .img img {
  width: 100%;
  height: auto;
}
.page-home #duihaoli ul li a .title {
  font-size: 0.32rem;
  line-height: 1;
  text-align: center;
}
.page-home #news {
  margin: auto 0.32rem;
}
.page-home #news-swiper {
  -webkit-border-radius: 0.16rem;
          border-radius: 0.16rem;
  background-color: #fff;
  height: 1.44rem;
  line-height: 1.44rem;
}
.page-home #news-swiper .swiper-slide a {
  font-size: 0.34666667rem;
  text-align: left;
  position: relative;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  width: 100%;
  height: 100%;
  color: #666666;
}
.page-home #news-swiper .swiper-slide img {
  width: 0.66666667rem;
  height: 0.64rem;
  margin-right: 0.32rem;
  margin-bottom: 0.13333333rem;
}
.page-home #news-swiper .swiper-slide .news-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}
.page-home #news-swiper .swiper-slide .news-container span {
  width: 100%;
}
.page-home #onSell {
  margin: 0.32rem;
  background: url("../img/icon-hot.png") no-repeat;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-background-size: cover;
          background-size: cover;
  height: 6.21333333rem;
}
.page-home #onSell .goodsOnsell {
  padding-top: 1.6rem;
}
.page-home #onSell .goodsOnsell .common-title {
  padding: 0.48rem 0;
  padding-top: 1.06666667rem;
}
.page-home #onSell .goodsOnsell .list {
  margin-left: 0.21333333rem;
  width: 9.36rem;
}
.page-home #onSell .goodsOnsell .list:after {
  display: block;
  content: '';
  clear: both;
  visibility: hidden;
}
.page-home #onSell .goodsOnsell .list .cell {
  background-color: #fff;
  width: 2.93333333rem;
  height: 4.13333333rem;
  -webkit-border-radius: 0.16rem;
          border-radius: 0.16rem;
  float: left;
  margin-right: 0.08rem;
  position: relative;
}
.page-home #onSell .goodsOnsell .list .cell:last-child {
  margin-right: 0;
}
.page-home #onSell .goodsOnsell .list .cell .subtitle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-border-radius: 0.16rem 0 0.16rem 0;
          border-radius: 0.16rem 0 0.16rem 0;
  background-color: #FF4D4D;
  background: -webkit-gradient(linear, left top, right top, from(#FF4234), to(#FF683F));
  background: -webkit-linear-gradient(left, #FF4234 0%, #FF683F 100%);
  background: -o-linear-gradient(left, #FF4234 0%, #FF683F 100%);
  background: linear-gradient(to right, #FF4234 0%, #FF683F 100%);
  background: -webkit-gradient(linear, 0 0, 0 right, from(#FF4234), to(#FF683F));
  color: #fff;
  width: 1.53333333rem;
  height: 0.4rem;
  line-height: 0.45333333rem;
  font-size: 0.32rem;
  text-align: center;
  overflow: hidden;
}
.page-home #onSell .goodsOnsell .list .cell .tit {
  margin: auto 0.18666667rem;
}
.page-home #onSell .goodsOnsell .list .cell .tit h1 {
  font-size: 0.32rem;
  color: #333333;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.16rem;
}
.page-home #onSell .goodsOnsell .list .cell .tit p {
  color: #FF4234;
  font-size: 0.32rem;
  text-align: center;
}
.page-home #onSell .goodsOnsell .list .cell .img {
  -webkit-border-top-right-radius: 0.16rem;
          border-top-right-radius: 0.16rem;
  -webkit-border-top-left-radius: 0.16rem;
          border-top-left-radius: 0.16rem;
  overflow: hidden;
  width: 2.85333333rem;
  height: 2.85333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  margin-left: 0.04rem;
}
.page-home #onSell .goodsOnsell .list .cell .img img {
  max-width: 100%;
  max-height: 100%;
}
.page-home #sortList {
  padding-bottom: 0.32rem;
  border-bottom: 0.21333333rem solid #f0f0f0;
}
.page-home #sortList .goodsSort {
  margin-top: 0.34666667rem;
}
.page-home #sortList .ban {
  margin: 0 0.32rem;
  -webkit-border-radius: 0.16rem;
          border-radius: 0.16rem;
  height: 2.66666667rem;
  overflow: hidden;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-home #sortList .ban img {
  max-width: 100%;
}
.page-home #sortList .list {
  margin: 0.32rem 0.32rem 0;
  margin-top: 0;
  background-color: #fff;
  -webkit-border-bottom-right-radius: 0.16rem;
          border-bottom-right-radius: 0.16rem;
  -webkit-border-bottom-left-radius: 0.16rem;
          border-bottom-left-radius: 0.16rem;
}
.page-home #sortList .list .content {
  padding-top: 0.33333333rem;
  padding-bottom: 0.26666667rem;
  margin-left: 0.37333333rem;
  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;
}
.page-home #sortList .list .content:after {
  display: block;
  content: '';
  clear: both;
  visibility: hidden;
}
.page-home #sortList .list .content .cell {
  width: 2.66666667rem;
  min-height: 3.6rem;
  float: left;
  text-align: left;
  position: relative;
  -webkit-border-radius: 0.16rem;
          border-radius: 0.16rem;
  overflow: hidden;
}
.page-home #sortList .list .content .cell .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  width: 2.66666667rem;
  height: 2.66666667rem;
  margin-bottom: 0.26666667rem;
}
.page-home #sortList .list .content .cell .img img {
  max-width: 100%;
  max-height: 100%;
}
.page-home #sortList .list .content .cell .subtitle {
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.53333333rem;
  margin-bottom: 0.13333333rem;
  font-weight: bolder;
  min-height: 1.06666667rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.page-home #sortList .list .content .cell .discribe {
  font-size: 0.32rem;
  color: #FF4234;
  margin-bottom: 0.05333333rem;
}
.page-home #sortList .list .content .cell .discribe span {
  margin: 0 0.01333333rem;
}
.page-home #sortList .list .content .cell .discribe1 {
  color: #333333;
  font-size: 0.32rem;
  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;
}
.page-home #sortList .list .content .cell .discribe1 .img {
  width: 0.53333333rem;
  height: 0.53333333rem;
  margin-bottom: 0;
}
.page-home #sortList .list .content .cell .discribe1 .img img {
  width: 100%;
}
.page-home .common-title {
  background: #fff;
  margin: 0.32rem;
  margin-bottom: 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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 1.33333333rem;
  -webkit-border-top-left-radius: 0.16rem;
          border-top-left-radius: 0.16rem;
  -webkit-border-top-right-radius: 0.16rem;
          border-top-right-radius: 0.16rem;
  border-bottom: 1px solid #E9E9E9;
}
.page-home .common-title .left {
  font-size: 0.48rem;
  color: #FF3E30;
  font-weight: bold;
  width: 3.01333333rem;
  text-align: center;
  height: 0.8rem;
  letter-spacing: 2;
  background: url("../img/biaoti-bg.png") no-repeat;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-background-size: cover;
          background-size: cover;
  margin-left: 0.26666667rem;
}
.page-home .common-title .more {
  height: 0.48rem;
  font-size: 0.32rem;
  color: #999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  margin-right: 0.26666667rem;
}
.page-home .common-title .more a {
  color: #999999;
}
.page-home .common-title .more img {
  margin-left: 0.13333333rem;
  width: 0.34666667rem;
  height: 0.34666667rem;
}
.page-home #buy-container {
  position: fixed;
  bottom: -8rem;
  width: 100%;
  z-index: 99;
  background: #fff;
  display: none;
}
.page-home #buy-container .xuanze-container-top {
  padding: 0.4rem 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.13333333rem;
}
.page-home #buy-container .xuanze-container-top .img-container {
  width: 2.66666667rem;
  min-width: 2.66666667rem;
  height: 2.66666667rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.4rem;
  overflow: hidden;
  -webkit-border-radius: 0.08rem;
          border-radius: 0.08rem;
}
.page-home #buy-container .xuanze-container-top .img-container img {
  display: block;
  max-width: 99%;
  max-height: 99%;
}
.page-home #buy-container .guige {
  min-height: 1.6rem;
  padding: 0 0.32rem;
}
.page-home #buy-container .guige .guige-cell {
  margin-bottom: 0.26666667rem;
}
.page-home #buy-container .guige .guige-cell .guige-title {
  font-size: 0.34666667rem;
  color: #333333;
  min-width: 1.33333333rem;
  padding-bottom: 0.26666667rem;
}
.page-home #buy-container .guige .guige-cell .guige-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-home #buy-container .guige .guige-cell .guige-list .chicun {
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  min-width: 1.46666667rem;
  text-align: center;
  margin-right: 0.10666667rem;
  margin-bottom: 0.10666667rem;
  background-color: #f0f0f0;
  border: none;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}
.page-home #buy-container .guige .guige-cell .guige-list .chicun span {
  padding: 0.09333333rem 0;
  font-size: 0.37333333rem;
  line-height: 1;
  color: #333333;
}
.page-home #buy-container .guige .guige-cell .guige-list .chicun.active {
  background-color: #e42f45;
}
.page-home #buy-container .guige .guige-cell .guige-list .chicun.active span {
  color: #fff;
}
.page-home #buy-container #price {
  font-size: 0.37333333rem;
  color: #FB4545;
}
.page-home #buy-container #count {
  padding: 0 0.4rem;
  margin-bottom: 0.66666667rem;
  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-size: 0.37333333rem;
}
.page-home #buy-container #count .count-label {
  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;
  height: 0.48rem;
  font-size: 0.34666667rem;
  color: #333333;
}
.page-home #buy-container #count .ui-widget-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.6rem;
}
.page-home #buy-container #count .ui-widget-content .ui-spinner-input {
  width: 1.2rem;
  height: 0.53333333rem;
  line-height: 0.53333333rem;
  font-size: 0.4rem;
  color: #181818;
  text-align: center;
  padding: 0.05333333rem 0.08rem;
  margin: 0 0.08rem;
  background-color: #f6f6f6;
  -webkit-border-radius: 0.05333333rem;
          border-radius: 0.05333333rem;
}
.page-home #buy-container #count .ui-widget-content .ui-spinner-up {
  right: 0;
  width: 0.64rem;
  height: 0.64rem;
  border: none;
  background-color: transparent;
}
.page-home #buy-container #count .ui-widget-content .ui-spinner-down {
  left: 0;
  width: 0.58666667rem;
  height: 0.58666667rem;
  border: none;
  background-color: transparent;
}
.page-home #buy-container #count .ui-widget-content .ui-icon {
  width: 0.26666667rem;
  height: 0.26666667rem;
  margin-top: 0.18666667rem;
  margin-left: 0.18666667rem;
}
.page-home #buy-container #count .ui-widget-content .ui-icon-triangle-1-n {
  background: url("../img/icon-num-add.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.page-home #buy-container #count .ui-widget-content .ui-icon-triangle-1-s {
  background: url("../img/icon-num-jian.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.page-home #buy-container #submit-xuanze {
  height: 1.30666667rem;
  line-height: 1.30666667rem;
  width: 100%;
  background-color: #e42f45;
  color: #fff;
  text-align: center;
  font-size: 0.53333333rem;
}
.page-home #buy-container .re {
  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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-home #buy-container .re #price {
  padding-left: 0;
  margin-left: 0;
  border-top: none;
  color: #FB4545;
  font-weight: bold;
}
.page-home #buy-container .re #price .money-font {
  font-size: 0.53333333rem;
  margin-left: 0.05333333rem;
  line-height: 0.74666667rem;
}
.page-home #buy-container .re #kucun {
  margin-bottom: 0;
}
.page-home #buy-container #stop-guan {
  width: 0.66666667rem;
  height: 0.66666667rem;
  position: absolute;
  right: 0.37333333rem;
}
.page-home #buy-container #stop-guan img {
  width: 100%;
  height: 100%;
}
.page-home .products {
  padding: 0.13333333rem 0.13333333rem;
  font-size: 0.32rem;
}
.page-home #kucun {
  font-size: 0.32rem;
  color: #999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.26666667rem;
  line-height: 0.53333333rem;
}
.page-home #kucun span {
  display: block;
}
/*********************************************************
                    首页  结束
 ***********************************************************/
/*********************************************************
                    商品列表  开始
 ***********************************************************/
.page-goods-list #searchBar {
  margin: 0.26666667rem 0.32rem;
  height: 0.74666667rem;
  background: #f0f0f0;
  -webkit-border-radius: 0.74666667rem;
          border-radius: 0.74666667rem;
  padding-left: 0.8rem;
  position: relative;
  padding-right: 0.4rem;
}
.page-goods-list #searchBar form {
  display: block;
  width: 100%;
  height: 100%;
}
.page-goods-list #searchBar img {
  position: absolute;
  width: 0.37333333rem;
  left: 0.4rem;
  height: 0.37333333rem;
  top: 0.18666667rem;
}
.page-goods-list #searchBar input {
  width: 100%;
  height: 100%;
  text-indent: 0.32rem;
  font-size: 0.32rem;
  border: none;
  background: none;
}
.page-goods-list #goods-list-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 2.45333333rem;
  left: 0;
  width: 100%;
  bottom: 1.33333333rem;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 0.01333333rem solid #dddddd;
}
.page-goods-list #goods-list-container #aside {
  width: 2.26666667rem;
  height: 100%;
  background: #f5f5f5;
  overflow-y: scroll;
}
.page-goods-list #goods-list-container #aside #sort-list li {
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  text-align: center;
  font-size: 0.4rem;
  color: #333333;
}
.page-goods-list #goods-list-container #aside #sort-list li.active {
  color: #fff;
  background: #e42f45;
}
.page-goods-list #goods-list-container .minirefresh-scroll {
  top: -0.2rem;
}
.page-goods-list #goods-list-container #minirefresh {
  width: 7.73333333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  top: 0;
  bottom: 0;
  left: 2.26666667rem;
  overflow-y: scroll;
  padding-left: 0.13333333rem;
  padding-bottom: 0.32rem;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.4rem;
  padding-right: 0.32rem;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .left {
  width: 2.66666667rem;
  height: 2.66666667rem;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.16rem;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .left img {
  max-width: 100%;
  max-height: 100%;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .right .title {
  font-size: 0.34666667rem;
  color: #333333;
  font-weight: bolder;
  line-height: 0.46666667rem;
  max-height: 0.93333333rem;
  margin-bottom: 0.13333333rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .right .jifen {
  font-size: 0.32rem;
  color: #e42f45;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .right .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  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;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .right .bottom .l {
  font-size: 0.32rem;
  color: #999999;
}
.page-goods-list #goods-list-container #minirefresh .goods-item > a .right .bottom .r {
  height: 0.66666667rem;
  width: 1.73333333rem;
  background: #e42f45;
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  color: #fff;
  text-align: center;
  font-size: 0.32rem;
}
/*********************************************************
                    商品列表  结束
 ***********************************************************/
/*********************************************************
公共模块
 */
#titleBar {
  height: 1.17333333rem;
  line-height: 1.17333333rem;
  position: relative;
}
#titleBar .container {
  position: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  background: #fff;
}
#titleBar .container .title {
  font-size: 0.53333333rem;
  text-align: center;
  color: #333333;
}
#titleBar .container .left {
  position: absolute;
  left: 0;
  padding-left: 0.32rem;
  top: 0;
  width: 1.06666667rem;
  text-align: left;
}
#titleBar .container .left img {
  width: 0.32rem;
  height: 0.58666667rem;
}
#titleBar .container .left .back-normal {
  display: inline-block;
}
#titleBar .container .left .back-mine {
  display: none;
}
#titleBar .container .right {
  position: absolute;
  right: 0;
  padding-right: 0.32rem;
  top: 0;
  text-align: right;
  width: 1.06666667rem;
}
#titleBar .container .right img {
  width: 0.58666667rem;
  height: 0.58666667rem;
}
#menu {
  position: relative;
  padding-bottom: 1.30666667rem;
}
#menu .container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.30666667rem;
  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;
  background: #fff;
  z-index: 10;
}
#menu .container .nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  overflow: hidden;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #999999;
  padding: 0.13333333rem 0;
}
#menu .container .nav-item i {
  font-size: 0.53333333rem;
}
#menu .container .nav-item span {
  font-size: 0.34666667rem;
}
#menu .container .nav-item.active {
  color: #e42f45;
}
#tool-list {
  position: fixed;
  right: 0.06666667rem;
  bottom: 2.66666667rem;
  z-index: 10;
}
#tool-list li {
  margin-bottom: 0.13333333rem;
}
#tool-list li img {
  width: 1.33333333rem;
  height: 1.33333333rem;
}
#cover-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  opacity: 0;
}
.common-guige {
  height: 0.53333333rem;
  line-height: 0.53333333rem;
}
.rich-page-container {
  padding: 0.32rem;
}
.rich-page-container img {
  max-width: 100%;
}
.wuliu-title {
  font-size: 0.37333333rem;
}
.wuliu-cell {
  font-size: 0.37333333rem;
  color: #333333;
  text-align: center;
  padding: 0.32rem;
}
.page-view-logistics {
  padding: 0.32rem 0.32rem;
}
.page-view-logistics .logistics-name {
  font-size: 0.37333333rem;
  color: #fe6e01;
  margin-bottom: 0.32rem;
}
.page-view-logistics .transport-list {
  font-size: 0.34666667rem;
  line-height: 1.5;
  color: #999999;
  padding-top: 0.16rem;
}
.page-view-logistics .transport-list .transport-item .mes {
  position: relative;
  margin-left: 0.45333333rem;
  padding-left: 0.72rem;
  padding-bottom: 0.32rem;
  border-left: 0.02666667rem dashed #dddddd;
}
.page-view-logistics .transport-list .transport-item .mes:before {
  content: '';
  display: block;
  position: absolute;
  top: 0.04rem;
  left: -0.21333333rem;
  width: 0.32rem;
  height: 0.32rem;
  border: 0.05333333rem solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #999999;
}
.page-view-logistics .transport-list .transport-item .mes p {
  margin-top: 0.10666667rem;
}
.page-view-logistics .transport-list .transport-item:first-child .mes {
  color: #333333;
  font-size: 0.37333333rem;
}
.page-view-logistics .transport-list .transport-item:first-child .mes:before {
  content: '';
  display: block;
  position: absolute;
  top: -0.16rem;
  left: -0.45333333rem;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.05333333rem solid #fe6e01;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: url("../img/view-logistics-icon.png") #fe6e01 center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.page-view-logistics .transport-list .transport-item:last-child .mes {
  border-left: none;
  padding-bottom: 0;
}
body .layui-m-layerbtn {
  min-height: 50px;
  height: auto;
  background-color: #fff;
  border-top: none;
}
body .layui-m-layerbtn span {
  font-size: 0.37333333rem;
  line-height: 1.33333333rem;
}
body .layui-m-layerbtn span[no] {
  background-color: #bbbbbb;
  border-right: none;
  color: #fff;
}
body .layui-m-layerbtn span[yes] {
  background-color: #e42f45;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  color: #fff;
}
body .layui-m-layercont {
  font-size: 0.37333333rem;
  padding: 0.93333333rem 0.4rem;
}
.common-no-msg {
  padding: 2rem 0.66666667rem;
  font-size: 0.4rem;
  text-align: center;
}
/*********************************************************
                    商品详情  开始
 ***********************************************************/
.commodity {
  background-color: #f5f5f5;
}
.commodity .heard {
  background-color: #fff;
}
.commodity .banner {
  height: 10rem;
  background-color: #fff;
}
.commodity .banner #banner {
  height: 100%;
  width: 100%;
  color: #fff;
}
.commodity .banner #banner .swiper-slide {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.commodity .banner #banner .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}
.commodity .banner #banner .swiper-pagination {
  position: absolute;
  bottom: 0.26666667rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.commodity .banner #banner .swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #dddddd;
  margin: 0 6px;
}
.commodity .banner #banner .swiper-pagination .swiper-active-switch {
  background-color: #e42f45;
}
.commodity .goods {
  margin-bottom: 0.2rem;
  padding: 0.32rem 0.32rem;
  background-color: #fff;
}
.commodity .goods .goodsbox {
  width: 100%;
}
.commodity .goods .goodsbox p {
  line-height: 0.56rem;
  font-size: 0.37333333rem;
  color: #e42f45;
  margin-bottom: 0.08rem;
}
.commodity .goods .goodsbox p:last-child {
  margin-bottom: 0;
}
.commodity .goods .goodsbox h3 {
  font-weight: 600;
  font-size: 0.4rem;
  line-height: 0.58666667rem;
  margin-bottom: 0.16rem;
}
.commodity .freight,
.commodity .dianshang {
  margin-bottom: 0.2rem;
  min-height: 1.12rem;
  background-color: #fff;
  padding: 0 0.32rem;
  color: #333333;
  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;
}
.commodity .freight img,
.commodity .dianshang img {
  margin-right: 0.26666667rem;
  min-width: 0.66666667rem;
  max-width: 0.66666667rem;
  width: 0.66666667rem;
}
.commodity .freight span,
.commodity .dianshang span {
  font-size: 0.32rem;
  line-height: 1.5;
}
.commodity .freight a,
.commodity .dianshang a {
  font-size: 0.32rem;
}
.commodity #news {
  background: #fff;
  margin-bottom: 0.2rem;
}
.commodity #news-swiper {
  height: 0.93333333rem;
  line-height: 0.93333333rem;
}
.commodity #news-swiper .swiper-slide a {
  font-size: 0.32rem;
  text-align: left;
  position: relative;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
}
.commodity #news-swiper .swiper-slide img {
  width: 0.37333333rem;
  height: 0.34666667rem;
  margin-right: 0.32rem;
}
.commodity #news-swiper .swiper-slide .news-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}
.commodity #news-swiper .swiper-slide .news-container span {
  width: 100%;
}
.commodity .dianshang .tel {
  float: right;
  border-left: 1px solid #f5f5f5;
}
.commodity .dianshang .tel img {
  margin: 0.32rem;
}
.commodity .tab {
  background-color: #fff;
  margin-bottom: 0.21333333rem;
  padding-bottom: 1.33333333rem;
}
.commodity .tab .ul1 {
  height: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.32rem;
}
.commodity .tab .ul1 li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.34666667rem;
  color: #333333;
  text-align: center;
}
.commodity .tab .ul1 li span {
  border-bottom: none;
  display: inline-block;
  padding: 0.33333333rem 0;
}
.commodity .tab .ul1 li.active {
  color: #e42f45;
  border-bottom: none;
}
.commodity .tab .ul1 li.active span {
  border-bottom: 0.05333333rem solid #e42f45;
}
.commodity .tab .products .main {
  position: relative;
  display: none;
  font-size: 0.34666667rem;
  color: #666666;
  max-width: 100%;
  width: 100%;
  overflow: auto;
}
.commodity .tab .products img {
  width: 100%;
}
.commodity .tab .products .main.selected {
  display: block;
}
.commodity .active {
  color: red;
  border-bottom: 1px solid red;
}
.commodity .bottom {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  height: 1.33333333rem;
  width: 100%;
  z-index: 99;
  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;
  font-size: 0;
}
.commodity .bottom .btm-left {
  max-width: 3.6rem;
  width: 3.6rem;
  height: 100%;
  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;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 0 0.24rem;
}
.commodity .bottom .btm-left .btm-left-item {
  min-width: 0.93333333rem;
  padding: 0.2rem 0.2rem;
  position: relative;
}
.commodity .bottom .btm-left .btm-left-item #car-right-dot {
  position: absolute;
  top: 0.06666667rem;
  background: #e42f45;
  -webkit-border-radius: 0.13333333rem;
          border-radius: 0.13333333rem;
  font-size: 0.32rem;
  padding: 0.06666667rem;
  line-height: 1;
  color: #fff;
  left: 0.8rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 0.33333333rem;
  text-align: center;
  height: 0.33333333rem;
}
.commodity .bottom .btm-left .btm-left-item > a {
  display: block;
  width: 100%;
  height: 100%;
}
.commodity .bottom .btm-left .btm-left-item p {
  font-size: 0.29333333rem;
  line-height: 1;
  color: #333333;
  text-align: center;
}
.commodity .bottom .btm-left .btm-left-item .item-icon {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  margin: 0 auto 0.13333333rem;
}
.commodity .bottom .btm-left .btm-left-item .item-icon img {
  max-width: 100%;
  max-height: 100%;
}
.commodity .bottom .list {
  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;
  width: 6.4rem;
  min-width: 6.4rem;
  max-width: 6.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.commodity .bottom .list > div {
  text-align: center;
  background: #e42f45;
  color: #fff;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  width: 50%;
  font-size: 0.4rem;
}
.commodity .bottom .list .add {
  background-color: #666666;
}
.commodity .bottom .list > input {
  display: inline-block;
  width: 3.46666667rem;
  height: 0.93333333rem;
  background-color: red;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  color: #fff;
  text-align: center;
  line-height: 0.93333333rem;
  margin-top: 0.13333333rem;
  border: 0;
}
.commodity .bottom .list1 {
  float: left;
  width: 0.93333333rem;
  font-size: 0.18666667rem;
  margin-top: 0.13333333rem;
  margin-left: 0.32rem;
}
.commodity .bottom .list1 img {
  width: 0.56rem;
  height: 0.53333333rem;
}
.commodity .buy-list {
  position: relative;
  bottom: 0;
  height: 6.66666667rem;
  width: 100%;
  background-color: #fff;
}
.commodity .buy-list .imgs {
  position: absolute;
  height: 4rem;
  width: 3.33333333rem;
  background-color: red;
  top: -0.66666667rem;
  left: 0.4rem;
}
.commodity .buy-list .title {
  position: absolute;
  left: 4rem;
  top: 0.4rem;
}
.commodity .buy-list .title p {
  margin-bottom: 10px;
}
.commodity .buy-list .title .jiage-p {
  color: red;
  font-size: 0.4rem;
}
.commodity .buy-list .title .kucun-p {
  font-size: 0.18666667rem;
  color: black;
}
.commodity .buy-list .title .chicun {
  margin: 10 0.13333333rem;
  font-size: 0.24rem;
  padding: 0 0.26666667rem;
}
.commodity .buy-list .title .yanse {
  margin: 10 0.13333333rem;
  font-size: 0.24rem;
  padding: 0 0.26666667rem;
}
.commodity .buy-list .title .active1 {
  background-color: #999999;
  color: #fff;
}
.commodity .buy-list .guan {
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}
.commodity .buy-list .shuliang {
  position: absolute;
  top: 3.73333333rem;
  width: 100%;
}
.commodity .buy-list .shuliang p {
  display: inline-block;
}
.commodity .buy-list .shuliang .one {
  margin-left: 0.4rem;
}
.commodity .buy-list .shuliang .tow {
  float: right;
  margin-right: 0.4rem;
  width: 2rem;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}
.commodity .buy-list .shuliang .tow input {
  width: 0.66666667rem;
  height: 0.33333333rem;
}
.commodity .buy-list .shuliang .tow button {
  margin: 0 0.06666667rem;
  border: none;
  background-color: transparent;
  outline: none;
}
.commodity .buy-list .shuliang .tow .ui-button {
  display: none;
  width: 0.13333333rem;
}
.commodity .buy-list .shuliang .tow .add2 {
  padding: 0 0.06666667rem;
  border-left: 1px solid #ccc;
}
.commodity .buy-list .shuliang .tow .add1 {
  padding: 0 0.13333333rem;
  border-right: 1px solid #ccc;
}
.commodity .buy-list .sure {
  position: absolute;
  bottom: 0.26666667rem;
  text-align: center;
}
.commodity .buy-list .sure .btn {
  margin-left: 0.26666667rem;
  width: 9.33333333rem;
  height: 1.2rem;
  line-height: 1.2rem;
  background-color: red;
  color: #fff;
  border: 0px;
}
.commodity #buy-container {
  position: fixed;
  bottom: -8rem;
  width: 100%;
  z-index: 99;
  background: #fff;
  display: none;
}
.commodity #buy-container .xuanze-container-top {
  padding: 0.4rem 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.commodity #buy-container .xuanze-container-top .img-container {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.26666667rem;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.commodity #buy-container .xuanze-container-top .img-container img {
  max-width: 99%;
  max-height: 99%;
}
.commodity #buy-container .xuanze-container-top .guige {
  min-height: 1.6rem;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.26666667rem;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell .guige-title {
  font-size: 0.37333333rem;
  color: #333333;
  min-width: 1.33333333rem;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell .guige-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell .guige-list .chicun {
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  min-width: 1.46666667rem;
  text-align: center;
  margin-right: 0.10666667rem;
  margin-bottom: 0.10666667rem;
  background-color: #f0f0f0;
  border: none;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell .guige-list .chicun span {
  padding: 0.09333333rem 0;
  font-size: 0.37333333rem;
  line-height: 1;
  color: #333333;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell .guige-list .chicun.active {
  background-color: #e42f45;
}
.commodity #buy-container .xuanze-container-top .guige .guige-cell .guige-list .chicun.active span {
  color: #fff;
}
.commodity #buy-container #price {
  margin: 0 0.32rem;
  padding: 0.32rem 0;
  font-size: 0.37333333rem;
  color: #e42f45;
  border-top: 0.02666667rem solid #dddddd;
}
.commodity #buy-container #count {
  padding: 0 0.32rem;
  margin-bottom: 0.4rem;
  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-size: 0.37333333rem;
}
.commodity #buy-container #count .count-label {
  display: block;
  height: 0.58666667rem;
  line-height: 0.58666667rem;
}
.commodity #buy-container #count .ui-widget-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.6rem;
}
.commodity #buy-container #count .ui-widget-content .ui-spinner-input {
  width: 1.04rem;
  height: 0.42666667rem;
  line-height: 0.42666667rem;
  font-size: 0.4rem;
  color: #333333;
  text-align: center;
  border: 0.02666667rem solid #f0f0f0;
  padding: 0.05333333rem 0.08rem;
  margin: 0;
}
.commodity #buy-container #count .ui-widget-content .ui-spinner-up {
  right: 0;
  width: 0.58666667rem;
  height: 0.58666667rem;
  border: none;
}
.commodity #buy-container #count .ui-widget-content .ui-spinner-down {
  left: 0;
  width: 0.58666667rem;
  height: 0.58666667rem;
  border: none;
}
.commodity #buy-container #count .ui-widget-content .ui-icon {
  width: 0.21333333rem;
  height: 0.21333333rem;
  margin-top: 0.18666667rem;
  margin-left: 0.18666667rem;
}
.commodity #buy-container #count .ui-widget-content .ui-icon-triangle-1-n {
  background: url("../img/icon-num-add.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.commodity #buy-container #count .ui-widget-content .ui-icon-triangle-1-s {
  background: url("../img/icon-num-jian.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.commodity #buy-container #submit-xuanze {
  height: 1.30666667rem;
  line-height: 1.30666667rem;
  width: 100%;
  background-color: #e42f45;
  color: #fff;
  text-align: center;
  font-size: 0.53333333rem;
}
.commodity .products {
  padding: 0.32rem;
  font-size: 0.32rem;
}
.commodity #kucun {
  font-size: 0.37333333rem;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.26666667rem;
  line-height: 0.53333333rem;
}
.commodity #kucun span {
  display: block;
}
.commodity #kucun #kucun-title {
  min-width: 1.33333333rem;
}
.commodity #kucun #kucun-inner {
  font-size: 0.37333333rem;
  color: #333333;
}
.bg-color {
  height: 14.66666667rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 90;
  position: fixed;
  top: 0%;
}
/*********************************************************
                    商品详情  结束
 ***********************************************************/
/*********************************************************
                   购物车  开始
***********************************************************/
.shoppingCart {
  background-color: #f0f0f0;
}
.shoppingCart .heard {
  background-color: #fff;
}
.shoppingCart .list-cart {
  margin-bottom: 0.2rem;
  padding-bottom: 1.2rem;
}
.shoppingCart .list {
  background-color: #fff;
  margin-top: 0.2rem;
  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;
  padding: 0.26666667rem 0.32rem;
}
.shoppingCart .list .list-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 8.45333333rem;
  min-width: 8.45333333rem;
  width: 8.45333333rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.shoppingCart .list .fl {
  margin-right: 0.26666667rem;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 0.32rem;
  color: #999999;
  min-width: 0.64rem;
  text-align: center;
}
.shoppingCart .list .fl .fl-icon {
  width: 0.58666667rem;
  height: 0.58666667rem;
  background: url("../img/cart-normal-icon.png") center center no-repeat;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-background-size: 100% 100% ;
          background-size: 100% 100% ;
  margin: 0 auto;
}
.shoppingCart .list .fl .fl-icon.active {
  background: url("../img/cart-checked-icon.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.shoppingCart .list .img1 {
  width: 2.66666667rem;
  max-width: 2.66666667rem;
  min-width: 2.66666667rem;
  height: 2.66666667rem;
  margin-right: 0.26666667rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.shoppingCart .list .img1 a {
  width: 100%;
  height: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.shoppingCart .list .img1 img {
  max-width: 100%;
  max-height: 100%;
}
.shoppingCart .list .title {
  max-width: 5.46666667rem;
  min-width: 5.46666667rem;
  width: 5.46666667rem;
  min-height: 2.66666667rem;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shoppingCart .list .title .title-top {
  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: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 0.48rem;
  padding-top: 0.08rem;
  color: #333333;
}
.shoppingCart .list .title .title-top .tit1 {
  font-size: 0.37333333rem;
  font-weight: 600;
  max-width: 4.66666667rem;
  padding-top: 0.05333333rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.shoppingCart .list .title .title-top .tit1 a {
  color: #333333;
}
.shoppingCart .list .title .title-top .top-del {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.58666667rem;
  height: 0.58666667rem;
}
.shoppingCart .list .title .title-top .top-del .img {
  width: 0.4rem;
  height: 0.4rem;
}
.shoppingCart .list .title .title-top .top-del .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.shoppingCart .list .title .title-top .top-del .title1 {
  font-size: 0.32rem;
  color: #999999;
  margin-left: 0.10666667rem;
}
.shoppingCart .list .title .tit2 {
  font-size: 0.32rem;
  color: #e42f45;
  margin: 0.10666667rem 0;
}
.shoppingCart .list .title .tit2 .span1 {
  padding-left: 0.13333333rem;
  border-left: 1px solid #e42f45;
}
.shoppingCart .list .title .tit2 .span2 {
  padding-right: 0.13333333rem;
}
.shoppingCart .list .title .chicun {
  width: 100%;
  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-bottom: 0.08rem;
}
.shoppingCart .list .title .chicun .size {
  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;
  max-width: 3.73333333rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.shoppingCart .list .title .chicun .size span {
  display: block;
  font-size: 0.32rem;
  border: 1px solid #999999;
  padding: 0 0.13333333rem;
  margin: 0.05333333rem 0.10666667rem 0.05333333rem 0;
  min-height: 0.48rem;
  line-height: 0.48rem;
  min-width: 0.64rem;
}
.shoppingCart .list .title .chicun .tow {
  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;
}
.shoppingCart .list .title .chicun .tow input {
  width: 0.66666667rem;
  text-align: center;
  padding: 0 0.13333333rem;
  height: 0.53333333rem;
  border: 0.02666667rem solid #f0f0f0;
  margin: 0 0.13333333rem;
  background-color: #fff;
}
.shoppingCart .list .title .chicun .tow button {
  border: none;
  background-color: #f0f0f0;
  outline: none;
  width: 0.58666667rem;
  height: 0.58666667rem;
  line-height: 0.58666667rem;
  font-size: 0.4rem;
}
.shoppingCart .list .title .chicun .tow .ui-button {
  display: none;
  width: 0.13333333rem;
}
.shoppingCart .list .title .chicun .tow .add2 {
  -webkit-border-radius: 0 0.06666667rem 0.06666667rem 0;
          border-radius: 0 0.06666667rem 0.06666667rem 0;
}
.shoppingCart .list .title .chicun .tow .add1 {
  -webkit-border-radius: 0.06666667rem 0 0 0.06666667rem;
          border-radius: 0.06666667rem 0 0 0.06666667rem;
}
.shoppingCart .list .title .chicun .tow .addBtn {
  height: 0.58666667rem;
  line-height: 0.58666667rem;
  padding: 0 0.26666667rem;
  font-size: 0.4rem;
  background-color: #f0f0f0;
}
.shoppingCart .list .title .chicun .tow .addBtn:first-child {
  -webkit-border-radius: 0.06666667rem 0 0 0.06666667rem;
          border-radius: 0.06666667rem 0 0 0.06666667rem;
}
.shoppingCart .list .title .chicun .tow .addBtn:last-child {
  -webkit-border-radius: 0 0.06666667rem 0.06666667rem 0;
          border-radius: 0 0.06666667rem 0.06666667rem 0;
}
.shoppingCart .list.disable .fl .fl-icon {
  background: #f0f0f0;
}
.shoppingCart .list-sum {
  position: fixed;
  bottom: 1.30666667rem;
  width: 100%;
  -webkit-box-shadow: 0 0 0.10666667px 0 rgba(14, 5, 9, 0.1);
          box-shadow: 0 0 0.10666667px 0 rgba(14, 5, 9, 0.1);
  border-bottom: 1px solid #999999;
  z-index: 2;
}
.shoppingCart .sum {
  height: 1.2rem;
  left: 0;
  right: 0;
  padding: 0 0.32rem;
  background-color: #fff;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shoppingCart .sum .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.shoppingCart .sum .left .fl {
  height: 0.58666667rem;
  width: 0.58666667rem;
  margin-right: 0.10666667rem;
  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;
}
.shoppingCart .sum .left .fl .fl-icon {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../img/cart-normal-icon.png") center center no-repeat;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-background-size: 100% 100% ;
          background-size: 100% 100% ;
  margin: 0 auto;
}
.shoppingCart .sum .left .fl .fl-icon.active {
  background: url("../img/cart-checked-icon.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.shoppingCart .sum .left .tit {
  color: #333333;
  font-size: 0.34666667rem;
  margin-right: 0.26666667rem;
  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;
  min-width: 0.8rem;
}
.shoppingCart .sum .left .heji {
  font-size: 0.29333333rem;
  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;
}
.shoppingCart .sum .left .heji .span0 {
  color: #333333;
  min-width: 1.06666667rem;
}
.shoppingCart .sum .left .heji .span1 {
  color: #e42f45;
  padding-right: 0.13333333rem;
}
.shoppingCart .sum .left .heji .span2 {
  color: #e42f45;
  padding-left: 0.13333333rem;
  border-left: 1px solid #e42f45;
}
.shoppingCart .sum .left .heji #jiage-container {
  color: #e42f45;
}
.shoppingCart .sum button {
  border: none;
  outline: none;
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  background-color: #e42f45;
  min-width: 1.81333333rem;
  width: 1.81333333rem;
  font-size: 0.37333333rem;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 0.18666667rem 0;
}
.shoppingCart #yunfei-container .yunfei-inner {
  margin-bottom: 1.57333333rem;
  padding: 0.32rem 0.32rem;
  font-size: 0.34666667rem;
  line-height: 0.53333333rem;
  color: #666666;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
}
.shoppingCart #yunfei-container .yunfei-inner #yunfei-main {
  color: #e42f45;
}
/*********************************************************
                   购物车  结束
***********************************************************/
.list-wrapper {
  height: 100%;
}
/*********************************************************
                   确认订单  开始
***********************************************************/
.page-confirm-order {
  padding-bottom: 1.2rem;
}
.page-confirm-order #address-container {
  position: relative;
}
.page-confirm-order #addIcon {
  font-size: 0;
  height: 0.58666667rem;
  line-height: 0.58666667rem;
  width: 0.58666667rem;
}
.page-confirm-order #addIcon span {
  font-size: 0.58666667rem;
  color: #ff5f7b;
}
.page-confirm-order .address-area {
  padding: 0.32rem 0.32rem;
  border-bottom: 0.13333333rem solid #f0f0f0;
}
.page-confirm-order .address-area .address-area-icon,
.page-confirm-order .address-area .address-area-enter {
  max-width: 0.58666667rem;
  width: 0.58666667rem;
  height: 0.58666667rem;
  background: url("../img/confirmOrder-address-icon.png") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.page-confirm-order .address-area .address-area-enter {
  background-image: url("../img/confirmOrder-address-enter.png");
}
.page-confirm-order .address-area .address-area-inner {
  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;
}
.page-confirm-order .address-area .address-left {
  width: 7.65333333rem;
  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;
}
.page-confirm-order .address-area .address-left .address-area-mid {
  max-width: 6.8rem;
  margin-left: 0.24rem;
  padding-right: 0.18666667rem;
  font-size: 0.37333333rem;
}
.page-confirm-order .address-area .address-right {
  width: 1.73333333rem;
  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-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-confirm-order .address-area .address-right .address-area-enter {
  position: relative;
}
.page-confirm-order .address-area .address-right .address-area-enter:before {
  content: '';
  display: block;
  height: 0.53333333rem;
  width: 0.02666667rem;
  position: absolute;
  top: 0.02666667rem;
  left: -0.26666667rem;
}
.page-confirm-order .goods-list .goods-item {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.26666667rem 0.32rem;
  border-bottom: 0.13333333rem solid #f0f0f0;
}
.page-confirm-order .goods-list .goods-item .goods-item-img {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  text-align: center;
}
.page-confirm-order .goods-list .goods-item .goods-item-img a {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  width: 100%;
  height: 100%;
}
.page-confirm-order .goods-list .goods-item .goods-item-img a img {
  max-width: 100%;
  max-height: 100%;
}
.page-confirm-order .goods-list .goods-item .goods-item-mes {
  width: 6.42666667rem;
  font-size: 0.34666667rem;
  color: #333333;
}
.page-confirm-order .goods-list .goods-item .goods-item-mes .goods-item-title {
  margin-bottom: 0.21333333rem;
  font-weight: bold;
  line-height: 0.48rem;
}
.page-confirm-order .goods-list .goods-item .goods-item-mes .goods-item-price {
  font-size: 0.32rem;
  color: #e42f45;
  margin-bottom: 0.21333333rem;
}
.page-confirm-order .goods-list .goods-item .goods-item-mes .goods-item-btm {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-confirm-order .goods-list .goods-item .goods-item-mes .goods-item-btm .goods-format .common-guige {
  line-height: 1;
  height: auto;
}
.page-confirm-order .goods-list .goods-item .goods-item-mes .goods-item-btm .goods-format span {
  font-size: 0.34666667rem;
  display: inline-block;
  vertical-align: middle;
  border: 0.02666667rem solid #999999;
  padding: 0.05333333rem 0.13333333rem;
  margin-right: 0.18666667rem;
}
.page-confirm-order .coupon {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.32rem;
  height: 1.17333333rem;
  line-height: 1.17333333rem;
  border-bottom: 0.02666667rem solid #dddddd;
  font-size: 0.37333333rem;
}
.page-confirm-order .coupon .part-name {
  color: #333333;
  font-weight: bold;
}
.page-confirm-order .coupon .part-enter {
  color: #999999;
}
.page-confirm-order .coupon .part-enter a {
  color: #999999;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-confirm-order .coupon .part-enter a span {
  margin-left: 0.16rem;
  display: block;
}
.page-confirm-order .coupon .part-enter a .enter-icon {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-confirm-order .coupon .part-enter a .enter-icon img {
  width: 0.29333333rem;
  height: 0.29333333rem;
}
.page-confirm-order .leave-mes {
  margin: 0.42666667rem 0.32rem;
}
.page-confirm-order .leave-mes textarea {
  display: block;
  margin: 0 auto;
  font-size: 0.37333333rem;
  height: 2.02666667rem;
  width: 8.56rem;
  color: #333333;
  padding: 0.32rem 0.4rem;
  background: #f0f0f0;
  -webkit-border-radius: 0.13333333rem;
  border-radius: 0.13333333rem;
  border: none;
}
.page-confirm-order .leave-mes textarea :focus {
  outline: none;
}
.page-confirm-order .leave-mes textarea:focus {
  outline: none;
}
.page-confirm-order .confirm-btm {
  position: fixed;
  bottom: 0;
  width: 10rem;
  left: 0;
  border-top: 0.02666667rem solid #dddddd;
  background-color: #fff;
  height: 1.17333333rem;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-confirm-order .confirm-btm .btm-left {
  font-size: 0.37333333rem;
  color: #333333;
  padding-left: 0.32rem;
}
.page-confirm-order .confirm-btm .btm-left .price-num {
  color: #e42f45;
}
.page-confirm-order .confirm-btm .btm-right {
  text-align: center;
  padding-right: 0.32rem;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-confirm-order .confirm-btm .btm-right .btn {
  display: block;
  font-size: 0.37333333rem;
  margin-left: 0.21333333rem;
  line-height: 1;
  padding: 0.18666667rem 0;
  width: 2.08rem;
  color: #fff;
  -webkit-border-radius: 0.06666667rem;
  border-radius: 0.06666667rem;
  background: #e42f45;
}
.page-confirm-order .flex {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-confirm-order .flex-vc {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-confirm-order .flex-jc {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-confirm-order .flex-jc-lr {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/*********************************************************
                   确认订单  结束
***********************************************************/
/*********************************************************
                   个人中心  开始
***********************************************************/
.page-mine #titleBar {
  background-color: #e42f45;
  margin: 0;
  color: #fff;
}
.page-mine #titleBar .container {
  background-color: #e42f45;
}
.page-mine #titleBar .container .title {
  color: #fff;
}
.page-mine #titleBar .container .left .back-normal {
  display: none;
}
.page-mine #titleBar .container .left .back-mine {
  display: inline-block;
}
.page-mine .mine-top {
  padding: 0.56rem 0.66666667rem;
  background: url("../img/mine-top-bg.png") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 0.66666667rem;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-mine .mine-top .mine-top-headPic {
  display: block;
  width: 2.53333333rem;
  min-width: 2.53333333rem;
  max-width: 2.53333333rem;
  height: 2.53333333rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 0.05333333rem solid #fff;
  margin-right: 0.56rem;
}
.page-mine .mine-top .mine-top-headPic img {
  width: 100%;
}
.page-mine .mine-top .mine-top-name {
  font-size: 0.4rem;
  color: #fff;
  font-weight: bold;
  max-width: 7.33333333rem;
}
.page-mine .mine-top .mine-top-name .name-txt {
  margin-bottom: 0.32rem;
}
.page-mine .mine-btm {
  padding: 0 0.32rem;
  font-size: 0.4rem;
  color: #333333;
}
.page-mine .mine-btm .mine-btm-item {
  border-bottom: 0.02666667rem solid #dddddd;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner {
  width: 100%;
  padding: 0.26666667rem 0;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner .item-left span {
  display: inline-block;
  vertical-align: middle;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner .item-left .item-left-icon {
  width: 0.53333333rem;
  height: 0.53333333rem;
  margin-right: 0.10666667rem;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner .item-left .item-left-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner .item-right {
  font-size: 0.32rem;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner .item-right .item-right-icon {
  margin-left: 0.10666667rem;
  width: 0.29333333rem;
  height: 0.29333333rem;
}
.page-mine .mine-btm .mine-btm-item .mine-btm-item-inner .item-right .item-right-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
/*********************************************************
                   个人中心  结束
***********************************************************/
/*********************************************************
                   订单列表  开始
***********************************************************/
.page-order-list .order-tab-title {
  padding: 0.21333333rem 0;
  border: 0.02666667rem solid #f0f0f0;
  border-left: none;
  border-right: none;
  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;
}
.page-order-list .order-tab-title li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.37333333rem;
  color: #333333;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  position: relative;
  text-align: center;
}
.page-order-list .order-tab-title li:after {
  content: '';
  position: absolute;
  top: 0;
  right: -0.01333333rem;
  display: block;
  height: 100%;
  width: 0.02666667rem;
  background-color: #f0f0f0;
}
.page-order-list .order-tab-title li:last-child::after {
  display: none;
}
.page-order-list .order-tab-title li.active {
  color: #e42f45;
}
.page-order-list .order-search {
  padding: 0.26666667rem 0.32rem;
  border-bottom: 0.02666667rem solid #f0f0f0;
  font-size: 0.34666667rem;
}
.page-order-list .order-search .order-search-inner {
  background-color: #f0f0f0;
  padding: 0 0.37333333rem 0 1.01333333rem;
  height: 0.74666667rem;
  -webkit-border-radius: 0.38666667rem;
  border-radius: 0.38666667rem;
  position: relative;
}
.page-order-list .order-search .order-search-inner form {
  background: none;
  border: none;
  height: 100%;
  width: 100%;
}
.page-order-list .order-search .order-search-inner form .search-icon {
  position: absolute;
  top: 0.18666667rem;
  left: 0.37333333rem;
  width: 0.37333333rem;
  height: 0.37333333rem;
}
.page-order-list .order-search .order-search-inner form .search-icon img {
  width: 100%;
  display: block;
}
.page-order-list .order-search .order-search-inner form input {
  width: 100%;
  height: 100%;
  font-size: 0.32rem;
  border: none;
  background: none;
}
.page-order-list #minirefresh {
  position: fixed;
  top: 3.65333333rem;
  bottom: 0;
  z-index: 999;
  width: 100%;
  overflow-y: scroll;
}
.page-order-list #minirefresh .order-tab-item {
  display: none;
}
.page-order-list #minirefresh .order-tab-item.selected {
  display: block;
}
.page-order-list #minirefresh .order-tab-item .order-list-item {
  padding: 0.26666667rem 0.32rem 0.4rem;
  font-size: 0.34666667rem;
  color: #333333;
  border-bottom: 0.21333333rem solid #f0f0f0;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top .left span {
  margin-right: 0.13333333rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top .right {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top .right span {
  display: block;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top .right .status {
  color: #e42f45;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top .right .del-icon {
  width: 0.37333333rem;
  height: 0.37333333rem;
  margin-left: 0.13333333rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-top .right .del-icon img {
  width: 100%;
  display: block;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods {
  margin-bottom: 0.32rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item {
  border-bottom: 0.02666667rem solid #f0f0f0;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item:after {
  display: block;
  content: '';
  clear: both;
  visibility: hidden;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .btn {
  text-align: center;
  margin-left: 0.26666667rem;
  line-height: 1;
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  background: #e42f45;
  float: right;
  margin-bottom: 0.2rem;
  font-size: 0.29333333rem;
  padding: 0.13333333rem;
  border: 1px solid #e42f45;
  background: none;
  color: #333;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-main {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.26666667rem 0.32rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-img {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  text-align: center;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-img a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  width: 100%;
  height: 100%;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-img a img {
  max-width: 100%;
  max-height: 100%;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-mes {
  width: 6.02666667rem;
  font-size: 0.34666667rem;
  color: #333333;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-mes .goods-item-title {
  margin-bottom: 0.21333333rem;
  font-weight: bold;
  line-height: 0.48rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-mes .goods-item-format {
  margin-bottom: 0.21333333rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-mes .goods-item-format span {
  display: inline-block;
  vertical-align: middle;
  border: 0.02666667rem solid #999999;
  min-height: 0.48rem;
  line-height: 0.48rem;
  margin-bottom: 0.13333333rem;
  min-width: 0.64rem;
  text-align: center;
  padding: 0 0.13333333rem;
  margin-right: 0.18666667rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-mes .goods-item-btm {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-goods .goods-item .goods-item-mes .goods-item-btm .goods-price {
  font-size: 0.32rem;
  color: #e42f45;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-btm .total-price {
  margin-bottom: 0.32rem;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-btm .total-price span {
  color: #e42f45;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-btm .ope-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-order-list #minirefresh .order-tab-item .order-list-item .item-btm .ope-area .btn {
  text-align: center;
  font-size: 0.37333333rem;
  margin-left: 0.26666667rem;
  line-height: 1;
  padding: 0.18666667rem 0;
  width: 2.08rem;
  color: #fff;
  -webkit-border-radius: 0.06666667rem;
  border-radius: 0.06666667rem;
  background: #e42f45;
}
/*********************************************************
                   订单列表  结束
***********************************************************/
/*********************************************************
                   订单详情  开始
***********************************************************/
.details {
  background-color: #f5f5f5;
  padding-bottom: 1.41333333rem;
}
.details .heard {
  background: #fff;
}
.details .top {
  padding: 0.26666667rem 0.32rem 0.4rem;
  border-top: 0.02666667rem solid #f0f0f0;
  margin-bottom: 0.21333333rem;
  background: url("../img/order-detail-top-bg.png") #fff left bottom repeat-x;
  -webkit-background-size: auto 0.13333333rem;
          background-size: auto 0.13333333rem;
}
.details .top .dizhi {
  width: 100%;
}
.details .top .dizhi .one,
.details .top .dizhi .two {
  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-bottom: 0.26666667rem;
  color: #333333;
}
.details .top .dizhi .one .img,
.details .top .dizhi .two .img {
  min-width: 0.53333333rem;
  max-width: 0.53333333rem;
  width: 0.53333333rem;
  margin-right: 0.16rem;
}
.details .top .dizhi .one .img img,
.details .top .dizhi .two .img img {
  width: 100%;
}
.details .top .dizhi .one .title,
.details .top .dizhi .two .title {
  font-size: 0.34666667rem;
  line-height: 1.5;
}
.details .top .dizhi .two {
  margin-bottom: 0;
}
.details .top .dizhi .two span {
  margin-right: 0.26666667rem;
}
.details .dingdan {
  padding: 0 0.32rem;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.details .dingdan:after {
  display: block;
  content: '';
  clear: both;
  visibility: hidden;
}
.details .dingdan .list {
  padding: 0.32rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.details .dingdan .list .img {
  height: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  margin-right: 0.32rem;
  width: 2rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.details .dingdan .list .img a {
  width: 2rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2rem;
  min-width: 2rem;
  max-width: 2rem;
}
.details .dingdan .list .img img {
  max-width: 100%;
  max-height: 100%;
}
.details .dingdan .list .title {
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #333333;
  width: 7.41333333rem;
}
.details .dingdan .list .title .one {
  font-size: 0.34666667rem;
  font-weight: 600;
  margin-bottom: 0.26666667rem;
}
.details .dingdan .list .title .two {
  font-size: 0.32rem;
  margin-bottom: 0.26666667rem;
}
.details .dingdan .list .title .two span {
  padding: 0.05333333rem 0.2rem;
  border: 0.02666667rem solid #999999;
  margin-left: 0.13333333rem;
}
.details .dingdan .list .title .last {
  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-size: 0.32rem;
  color: #e42f45;
}
.details .dingdan .list .title .last .spa3 {
  font-size: 0.37333333rem;
  color: #333333;
}
.details .dingdan .btn {
  background-color: #e42f45;
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  line-height: 1;
  padding: 0.18666667rem 0;
  outline: none;
  text-align: center;
  margin-left: 0.21333333rem;
  margin-bottom: 0.2rem;
  float: right;
  font-size: 0.29333333rem;
  padding: 0.13333333rem;
  border: 1px solid #e42f45;
  background: none;
  color: #333;
}
.details .time {
  width: 100%;
  background-color: #fff;
}
.details .time .list {
  margin: 0 0.32rem;
  font-size: 0.32rem;
  line-height: 0.48rem;
  padding: 0.4rem 0 0.13333333rem;
}
.details .time .list div {
  margin-bottom: 0.26666667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.details .time .list .spa1 {
  font-weight: 600;
  min-width: 1.6rem;
  width: 1.6rem;
  max-width: 1.6rem;
}
.details .time .list .one .spa2 {
  font-size: 0.32rem;
  color: #e42f45;
  margin-right: 0.13333333rem;
}
.details .time .list .one .spa3 {
  font-size: 0.32rem;
  color: #e42f45;
}
.details .time .list .one .span4 {
  font-weight: 600;
  display: inline-block;
  margin-left: 0.8rem;
}
.details .wuliu {
  width: 100%;
  background: #fff;
  margin-top: 0.21333333rem;
}
.details .wuliu .list {
  font-size: 0.32rem;
  margin: 0 0.32rem;
  padding: 0.4rem 0 0.13333333rem;
}
.details .wuliu .list .spa1 {
  font-weight: 600;
  min-width: 1.6rem;
  width: 1.6rem;
  max-width: 1.6rem;
}
.details .wuliu .list .spa2 {
  margin-right: 0.13333333rem;
}
.details .wuliu .list div {
  margin-bottom: 0.26666667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.details .wuliu .list .wuliu-list {
  display: block;
  padding-top: 0.26666667rem;
  color: #999999;
}
.details .floot {
  height: 1.2rem;
  width: 100%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
}
.details .floot .list {
  margin: 0 0.32rem;
  height: 100%;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.details .floot .list .left {
  font-size: 0.37333333rem;
}
.details .floot .list .left .spa1 {
  font-weight: 600;
}
.details .floot .list .left .spa2 {
  color: #e42f45;
}
.details .floot .list .left .spa3 {
  color: #e42f45;
  border-left: 1px solid #e42f45;
}
.details .floot .list .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.details .floot .list .right .btn {
  width: 2.08rem;
  color: #fff;
  border: none;
  background-color: #e42f45;
  -webkit-border-radius: 0.06666667rem;
          border-radius: 0.06666667rem;
  line-height: 1;
  padding: 0.18666667rem 0;
  outline: none;
  text-align: center;
  margin-left: 0.21333333rem;
  font-size: 0.37333333rem;
}
/*********************************************************
                   订单详情  结束
***********************************************************/
/*********************************************************
                   支付结果  开始
***********************************************************/
#result-page .pay-result-container {
  text-align: center;
  font-size: 0.4rem;
  padding: 2rem 0;
}
/*********************************************************
                   支付结果  结束
***********************************************************/
/*********************************************************
                   分行内购  开始
***********************************************************/
.internal a {
  margin: 0px;
  padding: 0px;
}
.internal .banner {
  height: 5.12rem;
  background-color: #e42f45;
  margin-bottom: 0.42666667rem;
}
.internal .banner img {
  width: 100%;
  height: 100%;
}
.internal .goods-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.internal .goods-list .goods {
  width: 4.53333333rem;
  height: 7.46666667rem;
  margin-left: 0.32rem;
  margin-bottom: 0.38666667rem;
  background-color: #e42f45;
  -webkit-border-top-left-radius: 5% ;
          border-top-left-radius: 5% ;
  -webkit-border-top-right-radius: 5% ;
          border-top-right-radius: 5% ;
  position: relative;
}
.internal .goods-list .goods .hot {
  height: 0.4rem;
  width: 0.8rem;
  position: absolute;
  left: 0.4rem;
}
.internal .goods-list .goods .hot em {
  position: absolute;
  left: 0px;
  top: 0px;
  border-style: solid;
  border-color: #f4cc66 #f4cc66 transparent #f4cc66;
  border-width: 0.4rem 0.4rem 0.26666667rem 0.4rem;
}
.internal .goods-list .goods .hot .tit {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0.13333333rem;
  font-size: 0.18666667rem;
}
.internal .goods-list .goods .imgs {
  display: block;
  height: 3.6rem;
  width: 3.33333333rem;
  background-color: black;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.internal .goods-list .goods .line {
  height: 0.02666667rem;
  width: 4rem;
  background-color: #f4cc66;
  margin: 0 auto;
  margin-top: 0.4rem;
  margin-bottom: 0.26666667rem;
}
.internal .goods-list .goods .title {
  margin-left: 0.2rem;
}
.internal .goods-list .goods .title .delete {
  text-decoration: line-through;
}
.internal .goods-list .goods .title .goods-tit {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.internal .goods-list .goods .title p {
  font-size: 0.37333333rem;
  color: #fff;
  margin-bottom: 0.13333333rem;
}
.internal .goods-list .goods .title .btn {
  height: 0.53333333rem;
  line-height: 0.53333333rem;
}
.internal .goods-list .goods .title .btn button {
  background-color: #f4cc66;
  border: 0px;
  -webkit-border-radius: 5%;
          border-radius: 5%;
  height: 0.64rem;
  width: 4rem;
  outline: none;
  font-size: 0.24rem;
  margin-left: 0.06666667rem;
}
.internal .goods-list .goods .title .btn p {
  font-size: 0.4rem;
  color: #f4cc66;
}
/*********************************************************
                   分行内购  结束
***********************************************************/
/*********************************************************
                    客服电话  开始
 ***********************************************************/
.consumer-hotline {
  padding-top: 2.13333333rem;
  border-top: 0.02666667rem solid #f5f5f5;
}
.consumer-hotline .consumer-hotline-img {
  width: 6.45333333rem;
  height: 6.45333333rem;
  margin: 0 auto 1.33333333rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.consumer-hotline .consumer-hotline-img img {
  max-width: 100%;
  max-height: 100%;
}
.consumer-hotline .consumer-hotline-txt {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.58666667rem;
}
.consumer-hotline .consumer-hotline-txt .icon {
  width: 0.50666667rem;
  height: 0.50666667rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.13333333rem;
}
.consumer-hotline .consumer-hotline-txt .icon img {
  max-width: 100%;
  max-height: 100%;
}
.consumer-hotline .consumer-hotline-txt .txt {
  font-size: 0.34666667rem;
  color: #333333;
  line-height: 0.37333333rem;
}
.consumer-hotline #callService {
  margin: 0 auto;
  width: 1.93333333rem;
  height: 0.74666667rem;
  border: 0.02666667rem solid #dddddd;
  -webkit-border-radius: 0.05333333rem;
          border-radius: 0.05333333rem;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.32rem;
  color: #333333;
}
/*********************************************************
                   客服电话  结束
***********************************************************/