.banner {
  line-height: 0;
  width: 100%; }

.list1 {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  max-width: 750px; }

.list1-pic {
  text-align: center;
  overflow: hidden; }

.list1-text {
  position: relative; }

.list1-text h3, .list2-text h3 {
  padding-top: 0.4rem; }

.list1-text h3 a {
  font-size: 1.1rem;
  color: #333;
  font-weight: normal;
  line-height: 1.5rem; }

.list1-text h3 a:hover, .list2-text h3 a:hover {
  color: #fa5154; }

.content {
  font-size: 1rem;
  color: #f04848;
  line-height: 1.8rem;
  height: 1.8rem; }

.coupon {
  font-size: 1rem;
  color: #777;
  line-height: 1.8rem;
  height: 1.8rem;
  overflow: hidden;
  background: url("../img/coupon.png") no-repeat;
  padding-left: 2.2rem; }

.btn-coupon {
  background-color: #fa932a;
  height: 100%;
  line-height: 100%;
  text-align: center;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem; }

.list-quan {
  height: 28px; }
  @media screen and (max-width: 320px) {
    .list-quan {
      height: 26px; } }
  @media screen and (min-width: 321px) {
    .list-quan {
      height: 28px; } }
  .list-quan .list-coupon-label {
    position: relative;
    float: left;
    height: 28px;
    background: url("../img/coupon_bg.png") no-repeat;
    background-size: contain;
    color: white;
    text-align: center; }
    @media screen and (max-width: 400px) and (min-width: 325px) {
      .list-quan .list-coupon-label {
        font-size: 13px; } }
    @media screen and (max-width: 320px) {
      .list-quan .list-coupon-label {
        font-size: 12px; } }
    @media screen and (max-width: 320px) {
      .list-quan .list-coupon-label {
        padding: 2px 14px 5px 10px;
        width: 90px; } }
    @media screen and (min-width: 325px) and (max-width: 400px) {
      .list-quan .list-coupon-label {
        width: 100px;
        padding: 3px 11px 5px 10px; }
        .list-quan .list-coupon-label span {
          font-size: 12px; } }
    @media screen and (min-width: 400px) {
      .list-quan .list-coupon-label {
        padding: 4px 25px 5px 10px;
        width: 130px; } }
  .list-quan .product-sold {
    margin: 3px 0 0 3px;
    float: left;
    position: relative;
    color: #909090; }
    .list-quan .product-sold span {
      line-height: 1.8;
      float: right; }

.list-quan-price {
  font-size: 1.6rem;
  color: #d90000; }
  @media screen and (min-width: 750px) {
    .list-quan-price {
      font-size: 40px; } }

.red-box1 {
  color: #f32d16;
  border: solid 1px;
  margin: 0 2px;
  padding: 1px;
  font-size: 0.6rem; }
  @media screen and (min-width: 750px) {
    .red-box1 {
      font-size: 13px; } }

.list-btn-group {
  min-width: 180px;
  margin-bottom: 0.4rem;
  display: inline-block;
  background-color: #ff614f;
  border-radius: 1.5rem;
  box-shadow: 1px 1px 1px #013; }

.list-btn-group1 {
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;
  background-color: #ff614f;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #013; }
  @media screen and (max-width: 413px) and (min-width: 375px) {
    .list-btn-group1 {
      min-width: 170px;
      margin-left: 3px; } }
  @media screen and (max-width: 374px) and (min-width: 320px) {
    .list-btn-group1 {
      min-width: 145px;
      margin-left: 1px; } }
  @media screen and (min-width: 414px) and (max-width: 749px) {
    .list-btn-group1 {
      min-width: 180px;
      margin-left: 7.5px; } }
  @media screen and (min-width: 750px) {
    .list-btn-group1 {
      min-width: 330px;
      margin-left: 5px; } }

.doublemain {
  width: 50%;
  float: left; }
  .doublemain .product-list {
    border-width: 1px;
    border-style: solid;
    border-color: #eeeeee;
    margin-bottom: 0px;
    background-color: #ffffff; }

.list-prices {
  height: 6.5rem; }
  .list-prices .list-quan1 {
    margin-left: 0.3rem;
    color: darkgray; }
    @media screen and (min-width: 750px) {
      .list-prices .list-quan1 {
        font-size: 15px; } }
    .list-prices .list-quan1 .list-quan1-price {
      font-size: 1.8rem;
      color: #d90000;
      margin-right: 0.4rem; }
      @media screen and (min-width: 750px) {
        .list-prices .list-quan1 .list-quan1-price {
          font-size: 25px; } }
  .list-prices .list-price1, .list-prices .list-price-tao-bao, .list-prices .list-price-tao, .list-prices .list-price-tmall, .list-prices .list-price-tmall-bao, .list-prices .list-price-jd-bao, .list-prices .list-price-pdd-bao, .list-prices .list-prices-h5 .list-price-tmall-h5, .list-prices-h5 .list-prices .list-price-tmall-h5 {
    font-size: 0.8rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    margin-top: 0.3rem;
    color: #ff624f;
    padding-top: 0.5rem; }
    @media screen and (min-width: 750px) {
      .list-prices .list-price1, .list-prices .list-price-tao-bao, .list-prices .list-price-tao, .list-prices .list-price-tmall, .list-prices .list-price-tmall-bao, .list-prices .list-price-jd-bao, .list-prices .list-price-pdd-bao, .list-prices .list-prices-h5 .list-price-tmall-h5, .list-prices-h5 .list-prices .list-price-tmall-h5 {
        font-size: 15px; } }
    .list-prices .list-price1 .list-price1-price, .list-prices .list-price-tao-bao .list-price1-price, .list-prices .list-price-tao .list-price1-price, .list-prices .list-price-tmall .list-price1-price, .list-prices .list-price-tmall-bao .list-price1-price, .list-prices .list-price-jd-bao .list-price1-price, .list-prices .list-price-pdd-bao .list-price1-price, .list-prices .list-prices-h5 .list-price-tmall-h5 .list-price1-price, .list-prices-h5 .list-prices .list-price-tmall-h5 .list-price1-price {
      font-size: 1rem;
      margin-left: 55%;
      border: #f0473e 1px solid;
      border-radius: 0.8rem;
      text-align: center;
      color: white;
      background-color: #f0473e; }
      @media screen and (min-width: 750px) {
        .list-prices .list-price1 .list-price1-price, .list-prices .list-price-tao-bao .list-price1-price, .list-prices .list-price-tao .list-price1-price, .list-prices .list-price-tmall .list-price1-price, .list-prices .list-price-tmall-bao .list-price1-price, .list-prices .list-price-jd-bao .list-price1-price, .list-prices .list-price-pdd-bao .list-price1-price, .list-prices .list-prices-h5 .list-price-tmall-h5 .list-price1-price, .list-prices-h5 .list-prices .list-price-tmall-h5 .list-price1-price {
          font-size: 16px; } }
  .list-prices .list-price-tao-bao {
    background: url("../img/tao_baoyou.png") no-repeat 0.2rem 0.7rem;
    background-size: 3rem; }
  .list-prices .list-price-tao {
    background: url("../img/tao1.png") no-repeat 0.2rem 0.7rem;
    background-size: 3rem; }
  .list-prices .list-price-tmall {
    background: url("../img/tmall1.png") no-repeat 0.2rem 0.7rem;
    background-size: 3rem; }
  .list-prices .list-price-tmall-bao {
    background: url("../img/cat_bao.png") no-repeat 0.2rem 0.7rem;
    background-size: 3rem; }
  .list-prices .list-price-jd-bao {
    background: url("../img/icon_jd.png") no-repeat 0.2rem 0.7rem;
    background-size: 3rem; }
  .list-prices .list-price-pdd-bao {
    background: url("../img/icon_pdd.png") no-repeat 0.2rem 0.7rem;
    background-size: 3rem; }
  .list-prices .red-box-main {
    line-height: 1.2rem;
    margin: 0.2rem 0.3rem 0 0.3rem; }
    @media screen and (max-width: 413px) and (min-width: 375px) {
      .list-prices .red-box-main {
        padding-top: 3px; } }
    @media screen and (min-width: 414px) and (max-width: 749px) {
      .list-prices .red-box-main {
        padding-top: 6px; } }
    @media screen and (min-width: 750px) {
      .list-prices .red-box-main {
        padding-top: 3px; } }
    .list-prices .red-box-main .score {
      float: left;
      background-color: darkorange;
      color: white;
      padding: 0 0.1rem;
      font-size: 0.8rem;
      border-radius: 0.3rem; }
    .list-prices .red-box-main .salenum {
      color: darkgray;
      float: right;
      margin-top: 0.1rem; }
      .list-prices .red-box-main .salenum :after {
        clear: both; }

.btn-buy1 {
  margin-left: 0.3rem;
  color: white;
  line-height: 2rem;
  height: 2rem;
  display: inline-block; }
  @media screen and (min-width: 750px) {
    .btn-buy1 {
      font-size: 20px;
      margin-top: 5px;
      margin-bottom: 5px; } }

.btn-buy {
  margin-left: 0.4rem;
  color: white;
  line-height: 2rem;
  height: 2rem;
  display: inline-block; }

@media screen and (max-width: 374px) {
  .list-product-name {
    color: #3b0202;
    margin: 10px 0 5px 0; } }
@media screen and (min-width: 375px) {
  .list-product-name {
    color: #3b0202;
    margin: 10px 0 5px 0; } }

@media screen and (max-width: 749px) {
  .list-product-name1 {
    color: #555555;
    margin: 0 0 0 0;
    margin-bottom: 0.3rem;
    height: 1.5rem; } }

.list-product-coupon {
  color: #3b0202;
  line-height: 1.6rem;
  float: left;
  min-width: 120px; }

.tao-header {
  height: 5rem;
  line-height: 5rem;
  background-color: #ff614f; }

.pay-header {
  height: 4rem;
  line-height: 4rem;
  position: relative;
  background-color: #ff614f; }
  .pay-header .back {
    margin-left: 0.8rem;
    background: url(../img/back_circle.png) no-repeat;
    line-height: 5rem;
    height: 2.5rem;
    width: 2.5rem;
    position: relative;
    top: -3.5rem;
    background-size: 100%; }
  .pay-header .pay-top-banner {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center;
    width: 100%;
    height: 100%; }
    .pay-header .pay-top-banner img {
      max-width: 260px;
      width: 65%; }
  .pay-header .home {
    margin-right: 0px;
    background: url(../img/home.jpg) no-repeat;
    line-height: 5rem;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    background-size: 100%; }

.pay-return {
  position: absolute;
  right: 0;
  top: 3.8rem; }
  .pay-return a {
    background-color: #fa6b11;
    height: 100%;
    line-height: 100%;
    text-align: center;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 1.3rem; }
    .pay-return a .red {
      margin-left: 0.1rem;
      background-color: #ff614f; }
    .pay-return a .orange {
      margin-left: 0.1rem;
      background-color: #ff614f; }

.list-header {
  height: 4rem;
  line-height: 3.5rem;
  position: relative;
  background-color: #ff614f; }
  .list-header .left-banner {
    padding-left: 0.4rem;
    width: 50%;
    display: block;
    float: left; }
    .list-header .left-banner img {
      width: 18rem; }
  .list-header .right-banner {
    padding-right: 0.4rem;
    padding-left: 0.8rem;
    float: right;
    width: 50%;
    display: block; }
    .list-header .right-banner img {
      width: 18rem; }

.red-box {
  color: #f32d16;
  border: solid 1px;
  margin: 0 2px;
  padding: 1px;
  font-size: 0.8rem; }

.left-corner {
  color: #fff;
  border-radius: 0 20px 20px 0;
  padding: 0.8rem;
  height: 1.5rem; }

.green {
  background-color: #3ebe11; }

.blue {
  background-color: #4db8fc; }

.red {
  background-color: #ff614f; }

.buy-button-group-right {
  float: right;
  height: 2rem;
  line-height: 2rem; }

.list-product-img {
  padding: 5px;
  float: left;
  position: relative; }
  @media screen and (max-width: 374px) {
    .list-product-img {
      margin-top: 5px;
      width: 130px; } }
  @media screen and (min-width: 375px) {
    .list-product-img {
      margin-top: 8px;
      width: 150px; } }
  .list-product-img .tag {
    position: absolute;
    font-size: 0.9rem;
    top: 0.4rem;
    left: 0.4rem;
    line-height: 1.5rem;
    padding: 0 0.4rem 0 0.4rem; }

.list-product-img1 {
  height: 13rem;
  padding: 0.4rem;
  position: relative;
  text-align: center; }
  .list-product-img1 .tag {
    position: absolute;
    font-size: 0.9rem;
    top: 0.4rem;
    left: 0.4rem;
    line-height: 1.5rem;
    padding: 0 0.4rem 0 0.4rem; }

.list-product-desc1 {
  margin: 0 0.2rem;
  padding-left: 0.2rem; }

.list-price {
  height: 1.5rem; }
  @media screen and (max-width: 374px) and (min-width: 321px) {
    .list-price {
      margin: 3px 0; } }
  @media screen and (max-width: 374px) and (min-width: 321px) {
    .list-price {
      margin: 7px 0;
      margin-bottom: 8px; } }
  @media screen and (min-width: 375px) {
    .list-price {
      margin: 7px 0;
      margin-bottom: 8px; } }

.search {
  height: 3rem;
  padding: 0.5rem 0.8rem;
  background-color: #f3f3f3;
  text-align: center; }
  .search .search-options {
    float: left; }
    .search .search-options select {
      width: 5.3rem;
      height: 2.2rem;
      font-size: 1rem; }
  .search .search-text {
    background: url(../img/mag.png) no-repeat 0.3rem 0.5rem;
    background-size: 1.5rem 1.1rem;
    padding-left: 2.1rem;
    height: 2.3rem;
    border: 0;
    background-color: white;
    border-radius: 2px 0 0 2px;
    box-shadow: none;
    display: inline; }
  .search .btn {
    width: 3.6rem;
    display: inline;
    float: right;
    color: #fff;
    height: 2.4rem;
    background-color: #ff8601;
    border: 0;
    padding: 0 1rem;
    border-radius: 0 2px 2px 0;
    font-size: 0.9rem; }
  .search .downApp {
    color: #fff;
    height: 2.2rem;
    width: 4rem;
    float: right;
    margin-left: 0.3rem;
    background-color: #ff8601;
    border: 0;
    padding: 0 0.3rem;
    border-radius: 2px;
    font-size: 0.9rem; }

.searchFilter {
  width: 100%;
  height: 2rem;
  margin: 0.8rem 0; }
  .searchFilter .item {
    text-align: center;
    line-height: 1.8rem;
    width: 50%;
    height: 1.8rem;
    border-bottom: solid #9c9c9c 1px;
    float: left; }
  .searchFilter .active {
    color: red;
    border-bottom: solid red 1px; }
  .searchFilter :after {
    zoom: 1;
    clear: both; }

.top-static {
  position: static; }

.top-fixed {
  position: fixed;
  background-color: white;
  z-index: 1000000;
  top: 0; }

.top-total {
  display: flex;
  justify-content: space-around;
  height: 2.2rem;
  line-height: 2.2rem;
  background-color: white;
  border-bottom: 1px #e4e4e4 solid;
  text-align: center;
  overflow: hidden; }
  .top-total .top-filter {
    background: url("../img/filter.png") no-repeat right;
    background-size: 1rem;
    padding-right: 1rem; }
  .top-total .top-filter-active {
    background: url("../img/filter-active.png") no-repeat right;
    background-size: 1rem;
    padding-right: 1rem;
    color: #f75552;
    padding-bottom: 0.2rem; }
  .top-total .amount {
    font-size: 0.9rem;
    color: #ff614f; }
  .top-total .l1 {
    font-size: 0.9rem;
    color: #989898; }
  .top-total .l2 {
    font-size: 0.8rem;
    color: #4db8fc; }
  .top-total .price-asc {
    transform: rotate(180deg);
    margin-left: 0.5rem;
    height: 0.8rem; }
  .top-total .price-desc {
    transform: rotate(0deg);
    margin-left: 0.5rem;
    height: 0.8rem; }
  .top-total span a {
    color: black; }
    .top-total span a img {
      height: 0.8rem; }
  .top-total span a.active, .top-total span a:hover {
    color: #f75552 !important;
    padding-bottom: 0.2rem; }

.top-total-l {
  padding-left: 0.4rem;
  margin-right: 17.5rem;
  margin-top: 2px; }
  @media screen and (max-width: 320px) {
    .top-total-l {
      margin-right: 20rem; } }

.top-total-r {
  float: right;
  width: 20rem; }
  @media screen and (max-width: 320px) {
    .top-total-r {
      width: 20rem; } }
  .top-total-r span {
    margin: 0 3px; }
    @media screen and (max-width: 320px) {
      .top-total-r span {
        margin: 0 0; } }

.price-range {
  text-align: center;
  background-color: #f3f3f3;
  padding-bottom: 0.3rem; }
  .price-range .sel-btn {
    outline: none;
    border: 1px solid #cecece;
    border-radius: 3px;
    margin-top: 0.3rem;
    background-color: #fff;
    padding: 0.3rem 0.3rem;
    margin-left: 0.3rem;
    font-size: 0.8rem; }

.top-container {
  position: absolute;
  margin-top: 2.2rem;
  width: 100%;
  left: 0;
  height: 1000px;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.5); }
  .top-container .top-container-content {
    position: absolute;
    z-index: 1000;
    right: 0;
    width: 15rem;
    text-align: left;
    background-color: white;
    font-size: 1.1rem;
    padding-bottom: 5px; }
    .top-container .top-container-content .filter .tip {
      margin: 0.3rem 0 0 1.5rem;
      font-size: 1rem; }
    .top-container .top-container-content .filter .filter-content {
      height: 2.4rem; }
      .top-container .top-container-content .filter .filter-content .item-left, .top-container .top-container-content .filter .filter-content .item-right, .top-container .top-container-content .filter .filter-content .item-right-null {
        cursor: pointer;
        width: 5rem;
        height: 1.8rem;
        line-height: 1.8rem;
        margin: 0 0.7rem 0 1.5rem;
        display: block;
        float: left;
        color: #9c9c9c;
        background-color: #e1e1e1;
        text-align: center;
        border-radius: 0.3rem;
        font-size: 0.9rem; }
      .top-container .top-container-content .filter .filter-content .item-right {
        margin: 0 1.5rem 0 0.7rem; }
      .top-container .top-container-content .filter .filter-content .item-right-null {
        margin: 0 1.5rem 0 0.7rem;
        color: white;
        background: white; }
      .top-container .top-container-content .filter .filter-content .item-center {
        cursor: pointer;
        margin-top: 0.7rem;
        margin-left: 1.5rem;
        width: 12rem;
        background-color: #eee;
        color: #9c9c9c;
        text-align: center; }
      .top-container .top-container-content .filter .filter-content .active {
        background-color: pink;
        color: red; }
      .top-container .top-container-content .filter .filter-content :after {
        zoom: 1;
        clear: both; }
    .top-container .top-container-content .price-range1 .sel-btn {
      border-bottom: solid 1px #9c9c9c;
      margin-top: 0.3rem;
      padding: 0.3rem 0.3rem 0.2rem 0.9rem;
      text-align: left;
      font-size: 0.9rem;
      display: block; }
    .top-container .top-container-content .price-range1 a {
      color: black;
      font-size: 0.9rem;
      margin-top: 0.3rem;
      padding: 0.3rem 0.3rem 0.2rem 0.9rem; }
    .top-container .top-container-content .price-range1 a.active, .top-container .top-container-content .price-range1 a:hover {
      font-size: 0.9rem;
      margin-top: 0.3rem;
      padding: 0.3rem 0.3rem 0.2rem 0.9rem;
      color: #f75552 !important; }

.step {
  width: 70%;
  color: #ff614f;
  margin-top: 1.5rem;
  position: absolute;
  right: 2px;
  text-align: right; }
  .step span {
    background-color: white;
    padding: 0 0.7rem;
    font-size: 1.1rem; }

.taoToken {
  border-radius: 1rem;
  color: #fff;
  /*color: #ff614f;*/
  padding: 0.7rem 0.7rem 0.7rem 0.7rem;
  position: relative;
  margin-top: 0.7rem;
  font-size: 1.1rem;
  text-align: center;
  background-color: #ff614f; }
  .taoToken .dashed {
    border-radius: 1rem;
    padding: 0 0.2rem;
    border: dashed 1px white; }

.more-btn-bg {
  width: 35%;
  min-width: 180px;
  height: 2.2rem;
  line-height: 2.2rem;
  display: inline-block;
  background-color: #ff8601;
  border-radius: 1.2rem;
  color: white !important; }

.bottomArrow {
  border-top: 0.5rem solid #9c9c9c;
  display: inline-block;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  width: 0;
  height: 0; }

.topArrow {
  display: inline-block;
  border-bottom: 0.5rem solid #ff614f;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  width: 0;
  height: 0; }

.bottomArrowActive {
  display: inline-block;
  border-top: 0.5rem solid #ff614f;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  width: 0;
  height: 0; }

.down-msg {
  position: relative;
  margin-bottom: -2.2rem; }
  .down-msg .close {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    z-index: 100;
    font-size: 1.5rem;
    color: #fff;
    text-decoration: none;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    background: rgba(215, 130, 11, 0.5);
    border-radius: 1.8rem; }
  .down-msg a:hover {
    color: #fff; }
  .down-msg img {
    position: relative;
    top: -2.2rem; }

.list-prices-h5 {
  height: 3.4rem;
  margin-top: 0.1rem; }
  .list-prices-h5 .list-quan1-h5 {
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    color: darkgray; }
    .list-prices-h5 .list-quan1-h5 .list-price1-quan-h5 {
      float: left; }
      .list-prices-h5 .list-quan1-h5 .list-price1-quan-h5 .list-quan1-price-h5 {
        font-size: 1.5rem;
        color: #d90000;
        margin-right: 0.3rem; }
      .list-prices-h5 .list-quan1-h5 .list-price1-quan-h5 .list-quan1-desc-price-h5 {
        font-size: 0.8rem; }
    .list-prices-h5 .list-quan1-h5 .list-price1-price-h5 {
      float: right;
      font-size: 0.8rem;
      margin-top: 0.3rem;
      width: 4rem;
      border: #f0473e 1px solid;
      border-radius: 0.7rem;
      text-align: center;
      color: white;
      background-color: #f0473e; }
  .list-prices-h5 .list-price1-h5, .list-prices-h5 .list-price-tao-bao-h5, .list-prices-h5 .list-price-tao-h5, .list-prices-h5 .list-price-tmall-bao-h5, .list-prices-h5 .list-price-jd-bao-h5, .list-prices-h5 .list-price-pdd-bao-h5 {
    font-size: 0.9rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    color: #ff624f; }
  .list-prices-h5 .list-price-tao-bao-h5 {
    background: url("../img/tao_baoyou.png") no-repeat 0.2rem;
    background-size: 2.5rem; }
  .list-prices-h5 .list-price-tao-h5 {
    background: url("../img/tao1.png") no-repeat 0.2rem;
    background-size: 1.2rem; }
  .list-prices-h5 .list-price-tmall-h5 {
    background: url("../img/tmall1.png") no-repeat 0.2rem;
    background-size: 1.2rem; }
  .list-prices-h5 .list-price-tmall-bao-h5 {
    background: url("../img/cat_bao.png") no-repeat 0.2rem;
    background-size: 2.5rem; }
  .list-prices-h5 .list-price-jd-bao-h5 {
    background: url("../img/icon_jd.png") no-repeat 0.2rem;
    background-size: 2.5rem; }
  .list-prices-h5 .list-price-pdd-bao-h5 {
    background: url("../img/icon_pdd.png") no-repeat 0.2rem;
    background-size: 2.5rem; }
  .list-prices-h5 .salenum-h5 {
    color: darkgray;
    text-align: right; }
  .list-prices-h5 .red-box-main-h5 {
    line-height: 1.6rem;
    margin: 0px 0.3rem; }
    .list-prices-h5 .red-box-main-h5 .score-h5 {
      float: left;
      border: darkorange 1px solid;
      background-color: darkorange;
      color: white;
      padding: 0 2px;
      font-size: 0.8rem;
      border-radius: 0.3rem; }

.totop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 100; }
  .totop img {
    border-radius: 3rem;
    width: 3rem !important; }

.noproduct {
  width: 100%;
  text-align: center; }

.newHomePage_box {
  width: 99vw;
  padding-left: 1vw; }
  .newHomePage_box .show {
    display: inline-block;
    width: 30vw;
    height: 42vw;
    margin-left: 2vw; }
    .newHomePage_box .show .goodsPic {
      width: 30vw;
      height: 30vw;
      margin: auto;
      border-radius: 2vw; }
    .newHomePage_box .show .title {
      width: 26vw;
      height: 4vw;
      font-size: 3vw;
      text-align: center;
      overflow: hidden;
      padding: 0 2vw; }
    .newHomePage_box .show .priceBox {
      width: 30vw;
      height: 4vw;
      font-size: 3vw;
      text-align: center;
      margin-top: 1vw; }
      .newHomePage_box .show .priceBox .price {
        display: inline-block;
        height: 4vw;
        line-height: 4.5vw;
        font-size: 3vw;
        color: #aaa; }
      .newHomePage_box .show .priceBox .quanPrice {
        display: inline-block;
        height: 4vw;
        line-height: 4.5vw;
        font-size: 2.5vw;
        color: #fff;
        background: red;
        margin-left: 1vw;
        padding: 0 2vw;
        border-radius: 2vw; }
      .newHomePage_box .show .priceBox .JDQuanPrice {
        display: inline-block;
        height: 4vw;
        line-height: 4.5vw;
        font-size: 2.5vw;
        color: red;
        margin-left: 1vw; }

.newHomePage_hotIdx {
  width: 96vw;
  height: 33vw;
  margin-left: 3vw;
  overflow-x: scroll;
  white-space: nowrap; }
  .newHomePage_hotIdx .hotIdx {
    display: inline-block;
    margin-right: 3vw;
    width: 43vw;
    height: 30vw;
    border-radius: 3vw;
    background: #f8f8f8; }
    .newHomePage_hotIdx .hotIdx .title {
      margin: 2vw auto auto 3vw;
      font-size: 4vw; }
    .newHomePage_hotIdx .hotIdx .desc {
      margin: auto auto auto 3vw;
      font-size: 3vw;
      color: #aaaaaa; }
    .newHomePage_hotIdx .hotIdx .img {
      width: 20vw;
      margin: -3vw auto auto 21.5vw; }

.newHomePage_goodShop {
  display: inline-block;
  width: 45.5vw;
  margin-left: 3vw;
  height: 10vw; }
  .newHomePage_goodShop .img {
    position: absolute;
    width: 10vw;
    height: 10vw;
    margin-left: 3vw; }
  .newHomePage_goodShop .title {
    position: absolute;
    width: 30vw;
    height: 5vw;
    line-height: 5.5vw;
    margin: 1vw auto auto 15vw;
    font-size: 3vw;
    overflow: hidden;
    color: #333; }
  .newHomePage_goodShop .desc {
    position: absolute;
    width: 30vw;
    height: 5vw;
    line-height: 5.5vw;
    margin: 5vw auto auto 15vw;
    font-size: 3vw;
    overflow: hidden;
    color: #aaa; }

.jdIdxBanner {
  width: 96vw;
  margin: 1vw auto auto 2vw; }

.footer {
  margin: 0 auto;
  text-align: center;
  height: 3.2rem;
  font-size: 1rem;
  line-height: 3.2rem;
  max-width: 750px;
  min-width: 320px;
  background-color: #f3f3f3;
  color: #404040; }

.loading {
  margin: 0.8rem auto;
  text-align: center;
  height: 3.2rem;
  font-size: 1rem;
  line-height: 3.2rem;
  max-width: 750px;
  min-width: 320px;
  color: #ccc;
  clear: both; }
  .loading .load, .loading .loadForWx {
    width: 11rem;
    margin-left: 35%;
    color: #4c4c4c;
    background: url("../img/loading.gif") no-repeat left;
    background-size: 1.2rem;
    padding-right: 1.2rem; }
  .loading .loadForWx {
    background: none; }

.top-contain {
  border: #000000 1px solid; }

#app {
  margin: 0 auto; }

html body {
  margin: 0; }

#banner {
  margin-top: 3rem; }

.header-all {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  margin: 0 auto;
  background-color: linear-gradient(rgba(0, 0, 0, 0.3), transparent); }

.banner-contain {
  width: 100%; }
  .banner-contain .banner-header {
    height: 4.4rem;
    background-color: #fff1a2; }
    .banner-contain .banner-header .banner-left {
      height: 4.4rem;
      float: left; }
      .banner-contain .banner-header .banner-left img {
        margin-left: 0.5rem;
        margin-top: 0.6rem;
        width: 3rem; }
      .banner-contain .banner-header .banner-left .title {
        float: right;
        padding-top: 10px;
        margin-left: 10px; }
        .banner-contain .banner-header .banner-left .title .title-head {
          font-size: 1.1rem;
          color: #202020; }
        .banner-contain .banner-header .banner-left .title .title-footer {
          font-size: 0.9rem;
          color: #5c5c5c; }
      .banner-contain .banner-header .banner-left .closePublic, .banner-contain .banner-header .banner-left .closeAndroid, .banner-contain .banner-header .banner-left .closeIos {
        position: absolute;
        left: 13.5rem;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        top: 1.6rem;
        color: #3e3e3e;
        margin-left: 2rem;
        margin-right: 0.9rem;
        border: #3e3e3e solid 1px;
        border-radius: 6rem; }
        .banner-contain .banner-header .banner-left .closePublic span, .banner-contain .banner-header .banner-left .closeAndroid span, .banner-contain .banner-header .banner-left .closeIos span {
          font-size: 1.5rem; }
        .banner-contain .banner-header .banner-left .closePublic :after, .banner-contain .banner-header .banner-left .closeAndroid :after, .banner-contain .banner-header .banner-left .closeIos :after {
          clear: both; }
    .banner-contain .banner-header .banner-right {
      height: 4.6rem;
      text-align: center;
      margin-right: -3rem;
      line-height: 4.6rem;
      margin-top: 0.2rem; }
      .banner-contain .banner-header .banner-right button {
        color: #890704;
        font-size: 1rem;
        border: #840000 1px solid;
        outline: none;
        padding: 0.3rem 1rem;
        background-color: #fff1a2;
        border-radius: 0.5rem; }
      .banner-contain .banner-header .banner-right :after {
        clear: both; }
  .banner-contain .banner-footer {
    height: 3rem;
    background-color: #ff614f; }
    .banner-contain .banner-footer img {
      width: 9rem;
      height: 100%; }
    .banner-contain .banner-footer .banner-footer-right {
      text-align: center; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5 {
        margin: 0.5rem auto 0.2rem auto;
        background: url("../img/H5_search_dark.png") no-repeat 0.5rem 0.35rem;
        background-size: 1.5rem;
        padding-bottom: 0.2rem;
        width: 21rem;
        outline: none;
        font-size: 1.1rem;
        height: 1.6rem;
        line-height: 1.6rem;
        background-color: #ffffff;
        padding-left: 2rem;
        padding-top: 0.2rem;
        border: none;
        border-radius: 1.5rem;
        text-indent: 0.1rem; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5::-webkit-input-placeholder {
        color: #bebebe;
        font-size: 1rem; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5::-webkit-input-placeholder {
        color: #bebebe;
        font-size: 1rem; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5::-webkit-input-placeholder {
        color: #bebebe;
        font-size: 1rem; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5::-moz-placeholder {
        color: #bebebe;
        font-size: 1rem; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5::-moz-placeholder {
        color: #bebebe;
        font-size: 1rem; }
      .banner-contain .banner-footer .banner-footer-right .searchForH5::-moz-placeholder {
        color: #bebebe;
        font-size: 1rem; }
      .banner-contain .banner-footer .banner-footer-right .download {
        color: #ffffff;
        font-size: 0.9rem;
        background-color: transparent;
        outline: none;
        border: none; }
      .banner-contain .banner-footer .banner-footer-right :after {
        clear: both; }

.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-slide {
    text-align: center;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .swiper-container .swiper-pagination-bullet {
    background-color: #ffffff;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
  .swiper-container .swiper-pagination-bullet-active {
    background-color: #d64445; }

.categoryBody {
  width: 100%;
  margin-top: 0.2rem;
  margin-bottom: 0.8rem; }
  .categoryBody .cateboryItem {
    float: left;
    width: 20%; }
    .categoryBody .cateboryItem .itemHead {
      width: 4rem;
      height: 4rem;
      margin: 0 auto;
      margin-top: 0.6rem;
      margin-bottom: 0.2rem; }
      .categoryBody .cateboryItem .itemHead img {
        border: #c7c7c7 solid 1px;
        border-radius: 70%;
        width: 100%;
        height: 100%; }
    .categoryBody .cateboryItem .itemFoot {
      text-align: center; }
      .categoryBody .cateboryItem .itemFoot span {
        margin: 0 auto; }

.nav-item {
  width: 6rem !important;
  margin-bottom: 0.3rem;
  padding-top: 0.2rem;
  border-top: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px; }
  .nav-item .nav-item-head {
    margin-top: 0.2rem; }
    .nav-item .nav-item-head .nav-item-head-head {
      font-size: 0.9rem; }
    .nav-item .nav-item-head .nav-item-head-foot {
      color: #ff4c37;
      font-size: 0.6rem; }
  .nav-item .nav-item-foot img {
    width: 100%; }

.h5-foot-contain {
  max-width: 750px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }

.recommend-header {
  height: 3rem;
  background-color: #f0eeee;
  width: 100%;
  text-align: center;
  line-height: 3rem; }
  .recommend-header .recommend-header-one {
    float: left;
    margin-left: 1rem; }
    .recommend-header .recommend-header-one img {
      width: 0.8rem;
      margin-top: 0.6rem; }
  .recommend-header .recommend-header-two {
    float: left;
    margin-left: 4rem;
    width: 14rem; }
    .recommend-header .recommend-header-two .recommend-header-left {
      color: #232222;
      font-size: 1.2rem; }
    .recommend-header .recommend-header-two .recommend-header-left-share {
      color: #232222;
      font-size: 1.2rem; }
  .recommend-header .recommend-header-three {
    float: right; }
    .recommend-header .recommend-header-three .recommend-header-right-main {
      outline: none;
      margin-top: 0.65rem;
      margin-right: 0.8rem;
      border: #ff4c37 1px solid;
      border-radius: 0.5rem;
      padding: 0.3rem;
      font-size: 0.8rem;
      float: right;
      background-color: #f0eeee;
      color: #ff4c37; }
    .recommend-header .recommend-header-three .recommend-header-right {
      outline: none;
      border: none;
      line-height: 2.2rem;
      float: right;
      padding: 0.4rem;
      font-size: 1rem;
      background-color: transparent;
      color: #ff4c37; }
    .recommend-header .recommend-header-three :after {
      clear: both; }

.recommend-main .recommend-item, .recomment-item-foot-main .recommend-item, .recommend-main .recomment-item-foot-main, .recomment-item-foot-main .recomment-item-foot-main {
  margin-top: 0.2rem; }
  .recommend-main .recommend-item .recommend-item-head img, .recomment-item-foot-main .recommend-item .recommend-item-head img, .recommend-main .recomment-item-foot-main .recommend-item-head img, .recomment-item-foot-main .recomment-item-foot-main .recommend-item-head img {
    width: 100%; }
  .recommend-main .recommend-item .recommend-introduce, .recomment-item-foot-main .recommend-item .recommend-introduce, .recommend-main .recomment-item-foot-main .recommend-introduce, .recomment-item-foot-main .recomment-item-foot-main .recommend-introduce {
    border: #f4f4f4 1px solid;
    border-top: none;
    height: 4rem;
    color: #7d7d7d; }
    .recommend-main .recommend-item .recommend-introduce .recommend-introduce-left, .recomment-item-foot-main .recommend-item .recommend-introduce .recommend-introduce-left, .recommend-main .recomment-item-foot-main .recommend-introduce .recommend-introduce-left, .recomment-item-foot-main .recomment-item-foot-main .recommend-introduce .recommend-introduce-left {
      height: 3.5rem;
      margin-left: 1.5rem;
      line-height: 3.5rem;
      float: left; }
    .recommend-main .recommend-item .recommend-introduce .recommend-introduce-right, .recomment-item-foot-main .recommend-item .recommend-introduce .recommend-introduce-right, .recommend-main .recomment-item-foot-main .recommend-introduce .recommend-introduce-right, .recomment-item-foot-main .recomment-item-foot-main .recommend-introduce .recommend-introduce-right {
      height: 3.5rem;
      line-height: 3.5rem;
      margin-right: 1.5rem;
      float: right; }

.recomment-item-foot-main {
  border: #f4f4f4 1px solid;
  border-top: none; }
  .recomment-item-foot-main .recommend-item-foot {
    float: left;
    width: 80%;
    overflow: scroll;
    overflow-wrap: normal;
    display: inline-block;
    margin-left: 0; }
    .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra {
      width: 10000rem; }
      .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body {
        width: 8rem;
        float: left;
        border-right: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        border-top: 1px solid #f4f4f4; }
        .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body .idxClass-body-head img {
          max-width: 100%; }
        .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body .idxClass-body-body {
          color: #555555;
          height: 1.4rem;
          font-size: 0.9rem;
          text-align: center; }
        .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body .idxClass-body-foot {
          color: #f0473e;
          text-align: right;
          margin: 0.2rem 0.8rem 0.5rem 0.8rem; }
          .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body .idxClass-body-foot .idxClass-body-foot-left {
            float: left;
            font-size: 1.2rem; }
          .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body .idxClass-body-foot .idxClass-body-foot-right {
            color: #ffffff;
            font-size: 0.6rem; }
            .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .idxClass-body .idxClass-body-foot .idxClass-body-foot-right span {
              line-height: 1.5rem;
              padding: 0.2rem 0.3rem;
              background-color: #f0473e;
              border-radius: 1rem; }
      .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .recommend-item-foot-body {
        margin: 0 0.2rem;
        width: 5rem !important;
        border: none;
        float: left; }
        .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .recommend-item-foot-body .recommend-item-foot-body-head img {
          width: 100%; }
        .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .recommend-item-foot-body .recommend-item-foot-body-foot .recommend-item-foot-body-foot-price {
          font-size: 0.9rem;
          color: #ff0000; }
        .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra .recommend-item-foot-body .recommend-item-foot-body-foot .recommend-item-foot-body-foot-org {
          margin-left: 0.1rem;
          text-decoration: line-through;
          font-size: 0.9rem;
          color: #7d7d7d; }
      .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra div:first-child {
        margin-left: 0; }
      .recomment-item-foot-main .recommend-item-foot .recomment-item-foot-wra div:last-child {
        margin-right: 0; }
  .recomment-item-foot-main .recommend-more {
    color: #e4e4e4;
    font-size: 2.8rem;
    padding-top: 0.7rem;
    padding-right: 1.2rem;
    float: right; }

.idx-class-head .idx-class-head-head {
  padding: 0.5rem 0.5rem 0.7rem 0.5rem;
  text-align: right; }
  .idx-class-head .idx-class-head-head .idx-class-head-head-left {
    float: left; }
    .idx-class-head .idx-class-head-head .idx-class-head-head-left span {
      padding-left: 1.3rem; }
    .idx-class-head .idx-class-head-head .idx-class-head-head-left .idx-head-left-span-oneprice {
      background: url("../img/oneprice.png") no-repeat left;
      background-size: 1rem; }
    .idx-class-head .idx-class-head-head .idx-class-head-head-left .idx-head-left-span-chaozhi {
      background: url("../img/chaozhi.png") no-repeat left;
      background-size: 1rem; }
    .idx-class-head .idx-class-head-head .idx-class-head-head-left .idx-head-left-span-top {
      background: url("../img/top.png") no-repeat left;
      background-size: 1rem; }
  .idx-class-head .idx-class-head-head .idx-class-head-head-right {
    font-size: 0.9rem;
    color: #7d7d7d; }
.idx-class-head .top-foot {
  width: 100%;
  margin-bottom: 0.5rem; }
  .idx-class-head .top-foot .top-border-public, .idx-class-head .top-foot .top-border-one-head, .idx-class-head .top-foot .top-border-one-other, .idx-class-head .top-foot .top-border-two-other {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4; }
  .idx-class-head .top-foot .top-border-one-head {
    border-left: 1px solid #e4e4e4; }
  .idx-class-head .top-foot .top-border-two-head {
    border: 1px solid #e4e4e4; }
  .idx-class-head .top-foot .top-border-two-other {
    border-bottom: 1px solid #e4e4e4; }
  .idx-class-head .top-foot .top-foot-body {
    float: left; }
    .idx-class-head .top-foot .top-foot-body .top-num, .idx-class-head .top-foot .top-foot-body .top-num-android, .idx-class-head .top-foot .top-foot-body .top-num-ios {
      text-align: center;
      padding-top: 0.1rem;
      background-color: #ff7441;
      color: #ffffff;
      font-size: 0.8rem;
      position: absolute;
      z-index: 1;
      margin-left: 5.1rem;
      margin-top: 0.2rem;
      border-radius: 3rem; }
    .idx-class-head .top-foot .top-foot-body .top-num-android {
      width: 1.2rem;
      height: 1.1rem;
      line-height: 1.1rem; }
    .idx-class-head .top-foot .top-foot-body .top-num-ios {
      width: 1.3rem;
      height: 1.2rem;
      line-height: 1.2rem; }
    .idx-class-head .top-foot .top-foot-body .top-foot-body-head img {
      max-width: 100%; }
    .idx-class-head .top-foot .top-foot-body .top-foot-body-body {
      color: #555555;
      height: 1.4rem;
      text-align: center;
      font-size: 0.8rem; }
    .idx-class-head .top-foot .top-foot-body .top-foot-body-foot {
      color: #f0473e;
      text-align: right;
      margin: 0.2rem 0.5rem 0.5rem 0.5rem; }
      .idx-class-head .top-foot .top-foot-body .top-foot-body-foot .top-foot-body-foot-left {
        float: left;
        font-size: 0.8rem; }
      .idx-class-head .top-foot .top-foot-body .top-foot-body-foot .top-foot-body-foot-right {
        color: #ffffff;
        font-size: 0.4rem;
        padding-bottom: 0.1rem; }
        .idx-class-head .top-foot .top-foot-body .top-foot-body-foot .top-foot-body-foot-right span {
          line-height: 1rem;
          padding: 0.1rem 0.4rem;
          background-color: #f0473e;
          border-radius: 1rem; }

.idx-class-img {
  padding-top: 0.2rem; }
  .idx-class-img img {
    max-width: 100%; }

.more-product {
  float: left;
  line-height: 11.2rem;
  width: 8rem;
  border-top: 1px solid #f4f4f4;
  text-align: center; }
  .more-product .more-product-point {
    margin-left: 0.5rem;
    background-color: #ff0000;
    padding: 0.1rem 0.4rem;
    border-radius: 9rem;
    color: #ffffff; }

.cid-head {
  width: 100%;
  background-color: #ffffff; }
  .cid-head .cid-head-head {
    text-align: right;
    background-color: #ff503b;
    padding: 0.4rem 0.8rem; }
    .cid-head .cid-head-head .cid-head-head-left {
      margin-top: 0.3rem;
      float: left; }
      .cid-head .cid-head-head .cid-head-head-left img {
        width: 0.8rem; }
    .cid-head .cid-head-head input {
      outline: none;
      border: none;
      width: 18.7rem;
      background: url("../img/H5_search_dark.png") no-repeat 0.6rem;
      background-size: 1.6rem;
      background-color: #ffffff;
      border-radius: 1.5rem;
      padding: 0.1rem 1.5rem 0 3rem;
      line-height: 2.2rem;
      font-size: 1rem; }
    .cid-head .cid-head-head input::-webkit-input-placeholder {
      color: #bebebe;
      font-size: 1rem; }
    .cid-head .cid-head-head input::-webkit-input-placeholder {
      color: #bebebe;
      font-size: 1rem; }
    .cid-head .cid-head-head input::-webkit-input-placeholder {
      color: #bebebe;
      font-size: 1rem; }
    .cid-head .cid-head-head input::-moz-placeholder {
      color: #bebebe;
      font-size: 1rem; }
    .cid-head .cid-head-head input::-moz-placeholder {
      color: #bebebe;
      font-size: 1rem; }
    .cid-head .cid-head-head input::-moz-placeholder {
      color: #bebebe;
      font-size: 1rem; }
  .cid-head .cid-head-foot {
    border-bottom: solid  0.1rem #e4e4e4; }
    .cid-head .cid-head-foot .menu {
      list-style-type: none;
      white-space: nowrap;
      overflow: auto;
      margin-left: 0;
      line-height: 1.3rem;
      margin-bottom: 0.1rem;
      padding-left: 0.8rem;
      margin-top: 0.8rem;
      height: 2rem; }
      .cid-head .cid-head-foot .menu li {
        color: #575757;
        padding: 0 1rem 0 0;
        font-size: 1.2rem;
        display: inline-block;
        width: 10.4%;
        text-align: center; }
        .cid-head .cid-head-foot .menu li a {
          color: #9c9c9c; }
        .cid-head .cid-head-foot .menu li a.active {
          color: #ef362c !important;
          padding-bottom: 0.2rem;
          border-bottom: solid 0.25rem #ff503b; }

.search-head {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  background-color: #ffffff;
  text-align: right; }
  .search-head img {
    float: left;
    margin-top: 0.9rem;
    margin-left: 0.8rem;
    width: 0.8rem; }
  .search-head .search-head-body {
    float: right;
    margin: 0.5rem 0.4rem 0.5rem;
    background: url("../img/H5_search_dark.png") no-repeat 0.6rem;
    background-size: 1.8rem;
    background-color: #f2f2f2;
    border-radius: 0.3rem;
    padding-right: 0.8rem; }
    .search-head .search-head-body input {
      margin-left: 2.8rem;
      outline: none;
      border: none;
      line-height: 2.3rem;
      background-color: #f2f2f2;
      font-size: 1rem;
      width: 16rem; }
    .search-head .search-head-body input::-webkit-input-placeholder {
      color: #838383;
      font-size: 1rem; }
    .search-head .search-head-body input::-webkit-input-placeholder {
      color: #838383;
      font-size: 1rem; }
    .search-head .search-head-body input::-webkit-input-placeholder {
      color: #838383;
      font-size: 1rem; }
    .search-head .search-head-body input::-moz-placeholder {
      color: #838383;
      font-size: 1rem; }
    .search-head .search-head-body input::-moz-placeholder {
      color: #838383;
      font-size: 1rem; }
    .search-head .search-head-body input::-moz-placeholder {
      color: #838383;
      font-size: 1rem; }
    .search-head .search-head-body button {
      background-color: #f2f2f2;
      font-size: 1rem;
      outline: none;
      border: none;
      padding-left: 0.8rem;
      border-left: 0.13rem #c2c2c2 solid;
      color: #313131; }

.search-body {
  width: 100%;
  font-size: 1.2rem; }
  .search-body .hotword-title {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 0.8rem;
    border-bottom: #f1f1f1 1px solid; }
  .search-body .hotword-body {
    padding: 0.35rem;
    border-bottom: #f1f1f1 1px solid; }
    .search-body .hotword-body button {
      font-size: 0.8rem;
      outline: none;
      border: #dedede 1px solid;
      border-radius: 0.5rem;
      background-color: #ffffff;
      padding: 0.5rem 0.5rem;
      margin: 0.3rem 0.3rem;
      color: #4a4a4a; }
  .search-body .history-title {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 0.8rem;
    border-bottom: #f1f1f1 1px solid; }
  .search-body .history-body {
    padding: 0.35rem; }
    .search-body .history-body button {
      font-size: 0.8rem;
      outline: none;
      border: #dedede 1px solid;
      border-radius: 0.5rem;
      background-color: #ffffff;
      padding: 0.5rem 0.5rem;
      margin: 0.3rem 0.3rem;
      color: #4a4a4a; }
  .search-body .clear-history {
    padding: 0.8rem 0 3rem 0;
    text-align: center; }
  .search-body .find-quan img {
    width: 100%; }

.like-word {
  margin-top: 1.5rem; }
  .like-word .like-word-item {
    border-bottom: 1px #dedede solid;
    padding: 0.4rem 0;
    padding-left: 1rem;
    font-size: 1.3rem;
    margin-top: 0.8rem;
    color: #838383; }

.share-main {
  width: 100%; }
  .share-main .share-main-head {
    text-align: center;
    margin: 0.5rem;
    margin-bottom: 0.2rem; }
    .share-main .share-main-head img {
      width: 90%; }
  .share-main .share-main-head-share {
    text-align: center; }
    .share-main .share-main-head-share img {
      width: 80%; }
  .share-main .share-desc {
    font-size: 1.1rem;
    margin: 0.4rem 0.8rem; }
  .share-main .share-main-body {
    margin-left: 1.4rem; }
    .share-main .share-main-body .share-main-body-left {
      width: 50%;
      float: left;
      color: red; }
      .share-main .share-main-body .share-main-body-left .left {
        float: left; }
        .share-main .share-main-body .share-main-body-left .left .share-price {
          font-size: 1.7rem; }
        .share-main .share-main-body .share-main-body-left .left .share-price-desc {
          color: #9c9c9c; }
      .share-main .share-main-body .share-main-body-left .right img {
        width: 3rem;
        margin-left: 0.5rem;
        margin-top: 0.55rem; }
    .share-main .share-main-body .share-main-body-right {
      float: right;
      margin-top: 0.3rem;
      margin-right: 0.5rem; }
      .share-main .share-main-body .share-main-body-right .share-quan {
        background-color: red;
        color: #ffffff;
        padding: 0.3rem 0.8rem;
        border-radius: 1.5rem; }
      .share-main .share-main-body .share-main-body-right .share-num {
        color: #9c9c9c; }
  .share-main .wx-main-body {
    padding: 0 1.5rem; }
    .share-main .wx-main-body .wx-main-body-left {
      float: left;
      width: 64%; }
      .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-title {
        font-size: 1.3rem;
        padding: 0.5rem 0; }
      .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-quan {
        line-height: 1.5rem;
        margin-right: 1.2rem;
        color: red; }
        .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-quan .wx-left {
          float: left; }
          .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-quan .wx-left .wx-price {
            font-size: 1.4rem; }
          .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-quan .wx-left .wx-price-desc {
            color: #9c9c9c; }
        .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-quan .wx-right {
          float: right; }
          .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-quan .wx-right .wx-quan {
            font-size: 1rem;
            background-color: red;
            color: #ffffff;
            padding: 0.3rem 0.8rem;
            border-radius: 1rem; }
      .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-n {
        padding: 0.5rem 0;
        margin-right: 1.2rem; }
        .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-n img {
          max-width: 4rem; }
        .share-main .wx-main-body .wx-main-body-left .wx-main-body-left-n .wx-num {
          font-size: 1rem;
          float: right;
          color: #9c9c9c; }
    .share-main .wx-main-body .wx-main-body-right {
      text-align: center;
      float: right;
      color: #f0473e; }
      .share-main .wx-main-body .wx-main-body-right canvas {
        margin-top: -0.5rem;
        width: 10rem;
        margin-right: -1.5rem; }
      .share-main .wx-main-body .wx-main-body-right .wx-main-body-right-text {
        position: absolute;
        text-align: center;
        font-size: 0.9rem;
        margin-left: 0.6rem;
        margin-top: -0.9rem; }
  .share-main .wx-main-foot {
    margin: 0.5rem 0.5rem;
    text-align: center;
    background-color: #ff9ba3;
    color: #404145;
    font-size: 1.3rem;
    line-height: 2.5rem; }
  .share-main .share-main-foot {
    clear: both;
    padding-top: 1rem; }
    .share-main .share-main-foot button {
      width: 100%;
      padding: 1rem;
      font-size: 1.5rem;
      color: #ffffff;
      background-color: #f23030;
      outline: none;
      border: none; }

.share-foot {
  width: 100%; }
  .share-foot img {
    width: 100%; }
  .share-foot .flower-deco {
    background: url(../img/flower_deco.png) repeat-x;
    background-size: 1.5rem 0.5rem;
    height: 0.5rem; }
  .share-foot .more-products {
    background-color: #f3f3f3;
    text-align: center;
    margin: 0; }
    .share-foot .more-products span {
      font-size: 1rem;
      color: #909090;
      line-height: 2rem; }

.wx .wxhead {
  text-align: center; }
  @media screen and (max-width: 749px) {
    .wx .wxhead {
      height: 38rem; } }
  .wx .wxhead img {
    max-width: 100%; }
.wx .wx-contain {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 1000px;
  z-index: 200;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5); }
  .wx .wx-contain img {
    max-width: 95%;
    margin: 0 0.5rem; }
.wx .wxBody {
  padding: 0 0.5rem;
  background-color: #f0f0f0; }
  .wx .wxBody .wxBody-head {
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.3rem;
    color: #454545; }
.wx .wxfoot {
  max-width: 750px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }

.tao-main {
  width: 49%;
  padding: 0.5rem 0;
  margin: 0.1rem;
  background-color: #ffffff;
  float: left; }
  .tao-main .tao-left {
    width: 40%;
    float: left;
    padding-right: 0.3rem;
    padding-left: 0.2rem; }
    .tao-main .tao-left img {
      max-width: 100%; }
  .tao-main .tao-right .tao-right-head {
    font-size: 0.9rem;
    padding: 0.4rem 0; }
  .tao-main .tao-right .tao-right-body {
    font-size: 0.8rem;
    color: red;
    padding: 0 0 0.2rem 0; }
    .tao-main .tao-right .tao-right-body img {
      max-width: 0.8rem; }
    .tao-main .tao-right .tao-right-body .tao-right-price {
      font-size: 1.2rem; }
    .tao-main .tao-right .tao-right-body .tao-right-price-desc {
      font-size: 0.6rem;
      color: #c1c1c1; }
  .tao-main .tao-right .tao-right-foot {
    width: 80%;
    text-align: right; }
    .tao-main .tao-right .tao-right-foot span {
      color: #ffffff;
      background-color: #d64445;
      font-size: 0.6rem;
      border-radius: 1rem;
      text-align: center;
      padding: 0.2rem 0.4rem; }

/*# sourceMappingURL=style.css.map */