*{
    padding: 0;
    margin:0
}
html,body{
    background: #fff;
}

.pagebox{
    padding: 0.64rem 0.4rem 0rem;
    box-sizing: border-box;
    background: #fff;
}


.logo {
    width:3rem;
    height:0.36rem;
    font-size:0

}
.logo img{
    width:100%;
    height:100%;
}

.pinhzhi{
   color:#8C9198;
    font-size:0.22rem;
    margin-top:0.1rem
}
.pinright{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-top:5px;
}
.pinrightl{
    width:0.36rem;
    height:0.34rem;
    font-size:0;
}
.pinrightl img{
    width: 100%;
    height:100%;
}
.pinrightr{
    display:flex;
    align-items: center;
}
.diliname{
    color:#06121E;
    font-size: 0.26rem;
    font-weight: bold;
    margin:0 0.1rem;
    width:2.6rem;
    overflow: hidden;
    text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
}
.xuanz{
    width:0.26rem;
    height:0.22rem;
    font-size:0;
}
.xuanz img{
    width:100%;
    height:100%
}
.pin{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.pinright{
    display:flex;
    align-items: center;
}
.bannerimg{
    margin-top:0.3rem;
    background: #fff;
}
.swiper-wrapper{
    width:6.7rem;
    height:3.92rem;
    border-radius: 0.12rem;
}


.swiper-slide{
    width:6.7rem;
    height:3.92rem;
    font-size: 0;
    margin:0 auto;
    border-radius: 0.12rem;
}
.swiper-slide img{
    width:100%;
    height:100%;
    border-radius: 0.12rem;
}
.swiper-container{
    width:6.9rem;
    height:3.92rem;

}
.navbar{
    display:flex;
    align-items: center;
}
.navbaritem{

    color:#777777;
    font-size:0.27rem;
    text-align: center;
}
/*.xie{*/
/*    width:1.4rem;*/
/*}*/
.chanshai{
    color:#232323;
    font-size:0.28rem;
}
.hezibox{
    background: #fff;
}
.zhi{
    display:flex;
    align-items: center;
 }
.navtop{
    width:100%;
    background: #fff;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:0 0.3rem ;
    box-sizing: border-box;
    height:0.88rem;
    margin-top:0.1rem;
    border-bottom:0.01rem solid #f5f5f5;
    position: relative;
}
.navbar{
    display:flex;
    align-items: center;
}
.navimg{
    width:0.6rem;
    height:0.6rem;
    font-size:0;

}
.navimg img{
    width:100%;
    height:100%;
}
.navbar{
    width:6.1rem;
    justify-content: space-between;
}
.selitemactive{
   color:#D12E7D;
    font-size:0.28rem;
    text-align: center;
    position: relative;
}
.selitemactive:after{
    display:block;
    content:'';
    width:0.8rem;
    height:0.04rem;
    background: #D12E7D;
    position: absolute;
    bottom:-0.2rem;
    left:50%;
    transform: translateX(-50%);
}

.noaddress{
    width:4.2rem;
    height:1.2rem;
    color:#8C9198;
    font-size: 0.28rem;
    margin:1.02rem auto 0;
    text-align: center;
    line-height: 1.5;
    text-indent: 0.15rem;
    display:none
}
.dilihezi{
    display:none
}
.diliheziitem{
    display:flex;
    align-items: center;
    padding: 0.38rem 0.32rem;
    box-sizing: border-box;
    /*border-bottom:0.01rem solid #f5f5f5;*/
    justify-content: space-between;
}
.dilihezilefttop{
    display:flex;
    align-items: center;
}
.hezishou{

    padding: 0.04rem 0.12rem;
    background:#000000 ;
    color:#fff;
    font-size: 0.24rem;
    text-align: center;
    border-radius:0.04rem
}
.hezishouname{
    color:#06121E;
    font-size:0.34rem;
    font-weight: bold;
    margin-left:0.16rem;
    width:2.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hezijuli{
   color:#C4C5C6;
    font-size:0.24rem;
    margin-left:0.16rem
}
.heziaddress{
    width:4.76rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color:#06121E;
    font-size:0.24rem;
    margin-top:0.24rem;
    line-height: 1.5;
    letter-spacing: 0.02rem;
}
.hezibottom{
    display:flex;
    align-items: center;
    margin-top:0.08rem;
}
.hezibottomleft{
    color:#C4C5C6;
    font-size: 0.24rem;
}
.hezibottomzhong{
    padding: 0.01rem 0.12rem;
    box-sizing: border-box;
    border:0.01rem solid #C4C5C6;
    margin-left:0.12rem;
    border-radius: 0.04rem;
    color:#C4C5C6;
    font-size: 0.18rem;
    margin-top:0.05rem;
}
.dizhihezitop{
    width:1.48rem;
    height:0.64rem;
    background:rgba(233,233,235,1);
    opacity:1;
    border-radius:0.36rem;
    display:flex;
    align-items: center;
    justify-content: center;
}
.dizhihezidao{
    color:#3D444D;
    font-size: 0.24rem;
    margin-left:0.12rem
}
.dizhihezitopl{
    width:0.48rem;
    height:0.48rem;
    font-size: 0;
}
.dizhihezitopl img{
    width:100%;
    height:100%;
}
/*.daoone{*/
/*    margin-top:0.46rem*/
/*}*/
.daotwo{
    margin-top:0.2rem
}
.zhuanmai{
    background:#D12E7D;
}
.shaibox{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top:0.32rem;
    height:2.4rem;
    overflow-y: scroll;
}
.shaiboxitem{
    padding: 0.12rem 0.6rem;
    box-sizing: border-box;
    color:#3D444D;
    font-size: 0.24rem;
    margin-bottom:0.24rem;

    background:rgba(255,255,255,1);
    border:0.02rem solid rgba(112,112,112,1);
    opacity:1;
    border-radius:0.32rem;
    margin-right:0.18rem
}
.shaixuan{
    width:7.5rem;
    height:4.72rem;
    background: #fff;
    position: absolute;;
    top:0.89rem;
    left:0;
    display:none

}
.shaiwrap{
    padding: 0.4rem;
    box-sizing: border-box;
}
.shaitop{
    color:#06121E;
    font-size: 0.28rem;
}
.actbottom{
    display:flex;
    align-items: center;
}
.actbottomleft{
    width:3.75rem;
    height:0.84rem;
    background:rgba(244,244,244,1);
    opacity:1;
    color:#8C9198;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.84rem;
}
.actbottomright{
    width:3.75rem;
    height:0.84rem;
    background:#343434;
    opacity:1;
    color:#fff;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.84rem;
}
#container{
    min-width:6rem;
    min-height:6rem;
    margin-top:0.03
}
/*底部弹层*/
.xialaname{
    width:0.3rem;
    height:0.3rem;
    font-size:0;
    margin:0.42rem auto 0;
    /*color:#000000;*/
    /*font-size:0.3rem;*/
    /*transform: rotate(-90deg);*/
}
.xialaname img{
    width:100%;
    height:100%;
}
.dibuwrapper{
    width:7.5rem;
    /*height:4.64rem;*/
    /*height:5.05rem;*/
    background:#FFFFFF ;
    position: fixed;
    bottom:0;
    left:0;
    padding: 0 0.32rem;
    box-sizing: border-box;
    border-radius:0.2rem 0.2rem 0 0;
    display:none;
}
.weizhidetail{
    padding: 0;
    margin-top:0.32rem
}
.huiyuanping{
    display:flex;
    align-items: center;
    margin-top:0.16rem;
}
.huiyuanpingleft{
    padding: 0.03rem 0.12rem;
    box-sizing: border-box;
    border:0.02rem solid rgba(209,47,125,1);
    opacity:1;
    border-radius:0.04rem;
    color:#D12E7D;
    font-size: 0.24rem;
    margin-right:0.2rem;
    letter-spacing: 0.02rem;
}
.dibuimg{
    width:0.28rem;
    height:0.28rem;
    font-size:0;
}
.dibu{
    display:flex;
    justify-content: flex-end;
    padding-bottom: 0.1rem;
    border-bottom: 0.01rem solid #f5f5f5;

}
.dibuimg img{
    width:100%;
    height:100%;
}
.tantanbot{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.15rem 0;
    box-sizing: border-box;


}
.gantanbotleft{
    display:flex;
    align-items: center;
}
.gantanbotleftimg{
    width:0.48rem;
    height:0.48rem;
    font-size: 0;
}
.gantanleftname{
    color:#F5C67E;
    font-size: 0.24rem;
    margin-left:0.1rem;
    letter-spacing: 0.02rem;
}
.gantanright{
    width:0.28rem;
    height:0.28rem;
    font-size:0
}
/*门店报错*/
.heng{
    width:7.5rem;
    background:rgba(255,255,255,1);
    box-shadow:0rem 0.08rem 0.24rem rgba(0,0,0,0.06);
    opacity:1;
}
.shopbox{
    padding: 0 0.34rem ;
    box-sizing: border-box;
    background: #fff;

}
.shopboxhead{
    color:#232323;
    font-size: 0.32rem;
    padding:0.24rem 0.34rem;
    box-sizing: border-box;
    background: #F6F6F6;
}
.shopboxitem{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.28rem 0;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #f5f5f5;
}
.shopboxitemleftshang{
    color:#232323;
    font-size: 0.28rem;
}
.shopboxitemleftxia{
    color:#BDC4CE;
    font-size: 0.24rem;
    margin-top:0.15rem;
}
.shopitemright{
    width:0.32rem;
    height:0.32rem;
    font-size: 0;
    display:none
}
.lianxi{
    width:6rem;
   color:#BDC4CE;
    font-size: 0.28rem;
    padding: 0.3rem 0 0;
    box-sizing: border-box;
}
.lianxi input{
    width:100%;
    height:100%;
    border:none;
    outline:none
}
.wenti{
    width:6.86rem;
    height:2.04rem;
    padding: 0.28rem  0 0;
    box-sizing: border-box;
    position: relative;
}
.wenti textarea{
    width:100%;
    height:100%;
    border:none;
    outline:none
}
.zishu{
    color:#999999;
    font-size:0.24rem;
    text-align: right;
    /*position: absolute;*/
    /*bottom:0.14rem;*/
    /*right:0*/
}
.wentiitem{
    border-bottom:none;
}
.itemleft{
    position: relative;
}
.bottombtn{
    height:1.68rem;
    background: #F9F9F9;
    position: relative;


}
.buttonsize{
    width:6.86rem;
    height:0.84rem;
    background:rgba(6,18,30,1);
    opacity:1;
    border-radius:0.04rem;
    color:#fff;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.84rem;
    margin:0.8rem auto 0;
    position: absolute;
    bottom:0.2rem;
    left:0.3rem;
}
 .xuanactive{
   color:#DE6BA3;

}
.diliheziright{
    margin-top:0.3rem
}