﻿@media screen and (max-width: 767px) {
  body {
    padding-bottom: 2.453rem !important;
  }
  .pos_info{display: none !important}
  .footer{display: none !important}
  .full {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
  }
  .all,
  .m_all {
    width: 100% !important;
    padding-left: 0.533rem;
    padding-right: 0.533rem;
  }
  .cdgsdb_pc_elem {
    display: none !important;
  }
  .cdgsdb_m_elem {
    display: block !important;
  }
  .pc_elem {
    display: none !important;
  }
  .m_elem {
    display: block !important;
  }
  .top_wrap {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    background-color: #F7F8FC;
  }
  .top_wrap .top_content {
    width: 100%;
    height: 100%;
    padding-top:0.267rem;
  }
  .top_wrap .top_content .search {
    width: 9.36rem;
    height: 0.853rem;
    line-height: 0.853rem;
    border-radius: 38px;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    padding-left: 1.147rem;
    padding-right: 0.267rem;
    margin: 0;
    background: #ffffff;
    position: relative;
    /* top: 0.267rem; */
    left: 0.32rem;
  }
  .top_wrap .top_content .search .search_input {
    width: 8rem;
    height: 0.467rem;
    border-radius: 16px;
    border:0px;
    box-sizing: border-box;
    font-size: 0.347rem;
    padding-left: 0.13rem;
    padding-right: 0.2rem;
    margin: 0.15rem 0 0 0;
    color: #BEBEBE;
    background:#fff;
  }
  .top_wrap .top_content .search .search_btn {
    width: 0.48rem;
    height: 0.48rem;
    background: url('../img/20215111421_m.png') no-repeat center center;
    background-size: 0.48rem 0.48rem;
    border-radius: 0px;
    display: inline-block;
    position: absolute;
    top: 0.173rem;
    left: 0.533rem;
    cursor: pointer;
  }
  .top_wrap .top_content .search .search_btn:hover {
    background: url('../img/20215111421_m.png') no-repeat center center;
    background-size: 0.48rem 0.48rem;
  }
  .mrbanner {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
    background-color: #F7F8FC;
    height: auto;
    position: unset;
    margin: 0 auto;
    text-align: center;
  }
  .mrbanner #nav {
    height: 0px;
    width: auto;
    position: unset;
  }
  .mrbanner .absolute_box {
    position: unset;
  }
  .mrbanner .content {
    display: none;
  }
  .mrbanner .pro_banner {
    padding-top: 0.587rem;
    max-width: unset;
    min-width: unset;
    position: unset;
    height: auto;
    width: 100%;
  }
  .mrbanner .pro_banner .swiper-container {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 4.267rem;
  }
  .mrbanner .pro_banner .swiper-container .swiper-wrapper {
    width: 100%;
  }
  .mrbanner .pro_banner .swiper-container .swiper-pagination {
    color: white;
    width: 0.72rem;
    height: 0.427rem;
    padding: 0.013rem 0.16rem;
    letter-spacing: -1.3px;
    border-top-left-radius: 13px;
    border-bottom-right-radius: 0.267rem;
    position: absolute;
    bottom: 0rem;
    left: 8.533rem;
    font-size: 0.32rem;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .mrbanner .pro_banner .swiper-container .banimg {
    height: auto !important;
    width: 100% !important;
  }
  .mrbanner .pro_banner .swiper-container .banimg img {
    width: 9.147rem !important;
    border-radius: 0.267rem;
    text-align: center;
    margin: 0 auto;
  }
  .mr_shops {
    width: 2.8rem !important;
    height: 4.533rem !important;
    border-radius: 0.213rem;
    background: white;
    position: relative;
    display: inline-block;
    margin-right: 0rem !important;
  }
  .mr_shops .sale_code {
    font-family: 'SourceHanSansSC-Regular';
    font-size: 0.267rem;
    position: absolute;
    top: 0.133rem;
    left: 0.133rem;
    color: #E83B18;
    background: #FDECE8;
    padding: 0.04rem 0.053rem 0.027rem 0.053rem;
    border-top-left-radius: 0.147rem;
    border-bottom-right-radius: 0.147rem;
  }
  .mr_shops .shop_img {
    padding-top: 0.8rem;
    padding-bottom: 0.387rem;
  }
  .mr_shops .shop_img img {
    width: 1.28rem;
    height: 1.28rem;
  }
  .mr_shops .shop_title {
    font-size: 0.32rem;
    font-family: 'SourceHanSansSC-Regular';
    text-align: center;
    padding: 0 0.253rem;
    height: 0.907rem;
    line-height: 0.453rem;
  }
  .mr_shops .price {
    font-size: 0.373rem;
    padding-top: 0.16rem;
  }
  .mr_shops .desc {
    font-size: 0.343rem;
    color: #999999;
  }

  .mr_shops .price .now_price {
    color: #E83A17;
  }
  .mr_shops .price .orig_price {
    color: #999999;
    text-decoration: line-through;
  }
  .appwares {
    width: 100%;
    max-width: 767px;
    min-width: 320px;
  }
  .appwares .content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 0.573rem;
  }
  .appwares .content h3 {
    padding-left: 0.427rem;
    font-weight: 700;
    font-size: 0.427rem;
  }
  .appwares .content .row {
    padding-left: 0.427rem;
  }
  .appwares .content .row .mrkillshop {
    margin: 0px;
  }
  .appwares .content .row .mrkillshop .shop_list {
    width: auto;
    margin-top: 0.187rem;
  }
  .appwares .content .row .mrkillshop .shop_list .stkill {
    margin-top: 0;
    width: 2.8rem !important;
    height: 4.533rem !important;
    background: url('../img/20212131644.png') no-repeat center center;
    background-size: 100%;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 0.213rem;
    margin-right: 0.133rem !important;
  }
  .appwares .content .row .mrkillshop .shop_list .mr_shops {
    margin-right: 0.133rem !important;
  }
  .appwares .content .row .mrkillshop .shop_list .stkill .title {
    font-weight: 700;
    font-size: 0.4rem;
    padding-top: 0.707rem;
  }
  .appwares .content .row .mrkillshop .shop_list .stkill .electric {
    width: 0.413rem;
    height: 0.747rem;
    padding-top: 0.173rem;
    display: block;
    margin: 0 auto;
  }
  .appwares .content .row .mrkillshop .shop_list .stkill .surplus {
    display: block;
    padding-top: 0.48rem;
    font-weight: 400;
    font-size: 0.32rem;
    font-family: 'SourceHanSansSC-Regular';
  }
  .appwares .content .row .mrkillshop .shop_list .stkill .surplus p {
    padding-bottom: 0.2rem;
  }

  .appwares .content .row .mrkillshop .shop_list .stkill .surplus .countdown {
    font-size: 0.347rem;
    font-family: 'SourceHanSansSC-Regular';
    font-weight: 700;
  }
  .appwares .content .row .mrkillshop .shop_list .stkill .surplus .hour label:nth-child(1){
    display: none;
  }
  .appwares .content .row .mrkillshop .shop_list .stkill .surplus .countdown span{
    color: #ffffff;
    background-color: #E83A17;
    font-size: 0.347rem;
    /* font-size: 0.12rem; */
    padding: 0.01rem 0.03rem;
    margin: 0 0.03rem;
    border-radius: 0.12rem;
    border: 1px solid #E83A17;

    vertical-align: top;
  }

  .appwares .content .row .recommend {
    margin-top: 0.187rem;
  }
  .appwares .content .row .recommend {
    margin-top: 0.187rem;
  }
  .appwares .content .row .recommend .mr_shops {
    width: 3.467rem !important;
    height: 4.8rem !important;
    border-radius: 0.213rem;
    margin-right: 0.213rem !important;
  }
  .appwares .content .row .recommend .mr_shops .sale_code {
    font-family: 'SourceHanSansSC-Regular';
    font-size: 0.267rem;
    position: absolute;
    top: 0.133rem;
    left: 0.133rem;
    color: #E83B18;
    background: #FDECE8;
    padding: 0.04rem 0.053rem 0.027rem 0.053rem;
    border-top-left-radius: 0.147rem;
    border-bottom-right-radius: 0.147rem;
  }
  .appwares .content .row .recommend .mr_shops .shop_img {
    padding-top: 1.013rem;
    padding-bottom: 0.573rem;
  }
  .appwares .content .row .recommend .mr_shops .shop_title {
    padding: 0 0.587rem;
    height: 0.907rem;
  }
  .appshops,.shoptype_list{
    width: 100%;
    max-width: 767px;
    min-width: 320px;
  }
  .appshops .content,.shoptype_list .content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
  .appshops .content .goodslist {
    display: none !important;
  }
  .appshops .content h3 {
    font-weight: 700;
    font-size: 0.427rem;
  }
  .appshops .content .row,.shoptype_list .content .shop_content{
    padding: 0 0.427rem;
  }
  .appshops .content .row .shop_list {
    padding-top: 0.56rem;
    max-width: 767px;
    min-width: 320px;
  }
  .shoptype_list .content .paths{
    height: auto;
    text-align: left;
    font-weight: 400;
    font-family: 'SourceHanSansSC-Regular';
    padding: 0.6rem 0rem 0.5rem 0.45rem;
  }
  .appshops .content .row .shop_list .shop_content,.shoptype_list .content .shop_content{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .appshops .content .row .shop_list .shop_content .mr_shops,.shoptype_list .content .shop_content .mr_shops{
    width: 48.8% !important;
    height: 5.333rem !important;
    border-radius: 0.213rem;
    margin-bottom: 0;
    margin-top: 0.213rem;
  }
  .appshops .content .row .shop_list .shop_content .mr_shops .shop_img,.shoptype_list .content .shop_content .mr_shops .shop_img{
    padding-top: 1.067rem;
    padding-bottom: 0.76rem;
  }
  .appshops .content .row .shop_list .shop_content .mr_shops .shop_img img,.shoptype_list .content .shop_content .mr_shops .shop_img img{
    width: 1.707rem;
    height: 1.707rem;
  }
  .appshops .content .row .shop_list .shop_content .mr_shops .shop_title,.shoptype_list .content .shop_content .mr_shops .shop_title{
    padding: 0 0.32rem;
    height: 0.907rem;
  }
  .appshops .content .row .shop_list .shop_content .mr_shops .price,.shoptype_list .content .shop_content .mr_shops .price{
    padding-top: 0.173rem;
  }
  .m_tab_end {
    width: 100%;
    height: 1.387rem;
    max-width: 767px;
    min-width: 320px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: white;
  }
  .m_tab_end .content {
    padding: 0.227rem 0.733rem 0.133rem 0.733rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .m_tab_end .content .tabs {
    position: relative;
  }
  .m_tab_end .content .tabs .tab-ico {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-bottom: 0.04rem;
  }
  .m_tab_end .content .tabs .ico-home {
    background: url('../img/20215141615.png') no-repeat center center;
    background-size: 100%;
    width: 0.533rem;
    height: 0.533rem;
  }
  .m_tab_end .content .tabs .ico-home-activ {
    background: url('../img/20215141634.png') no-repeat center center;
    background-size: 100%;
    width: 0.533rem;
    height: 0.533rem;
  }
  .m_tab_end .content .tabs .ico-type {
    background: url('../img/20215141616.png') no-repeat center center;
    background-size: 100%;
    width: 0.533rem;
    height: 0.533rem;
  }
  .m_tab_end .content .tabs .ico-type-activ {
    background: url('../img/20215141635.png') no-repeat center center;
    background-size: 100%;
    width: 0.533rem;
    height: 0.533rem;
  }
  .m_tab_end .content .tabs .ico-order {
    background: url('../img/20215141617.png') no-repeat center center;
    background-size: 100%;
    width: 0.493rem;
    height: 0.533rem;
  }
  .m_tab_end .content .tabs .ico-order-activ {
    background: url('../img/20215141636.png') no-repeat center center;
    background-size: 100%;
    width: 0.493rem;
    height: 0.533rem;
  }
  .m_tab_end .content .tabs .ico-my {
    background: url('../img/20215141618.png') no-repeat center center;
    background-size: 100%;
    width: 0.493rem;
    height: 0.56rem;
  }
  .m_tab_end .content .tabs .ico-my-activ {
    background: url('../img/20215141637.png') no-repeat center center;
    background-size: 100%;
    width: 0.493rem;
    height: 0.56rem;
  }
  .m_tab_end .content .tabs .title {
    font-family: 'SourceHanSansSC-Regular';
    font-size: 0.267rem;
    color: #333333;
  }
  .m_tab_end .content .tabs .remind {
    width: 0.16rem;
    height: 0.16rem;
    background: url('../img/20215141638.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: -0.133rem;
  }
  .mr_page{
    padding: 0 0.733rem;
  }

  .reachtop{
    width: 0.987rem;
    height: 0.987rem;
    position: fixed;
    right: 0.267rem;
    bottom: 3.12rem;
    background: url(../img/20215251532.png) no-repeat center center;
    background-size: 100%;
  }
  .shop_pages {
    position: absolute;
    top: 0.583rem;
    right: 0.427rem;
  }
}
