.header{
    
    font-size: 0;
    width: 100%;
    background-color: #0085ff;
    box-sizing: border-box;

}
/*上半部分*/
.header_top{
padding: 0.28rem 0.2rem;
width: 100%;
display: flex;
align-items: center;
justify-content:flex-start;
padding-bottom: 0;
box-sizing: border-box;

}
.icon-dingwei,.icon-gengduo{
    color: #ffff;
}
.header_top h2{
    padding-left: 0.06rem;
    padding-right: 0.1rem;
    font-size: 0.4rem;
    width: 3.62rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffff;
}
/*搜索框*/
.header_bottom{
width: 100%;
background-color: #0085ff;
padding: 0.15rem 0.28rem;
box-sizing: border-box;
/* position: fixed;
z-index: 999;
right: 0;
left: 0; */
}
.header_bottom .shou{
  background-color: #ffff;
  height: 36px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content:center
  
}
.shou span{
    color: #999;
    font-size: 0.3rem;
}
/*底部*/
.footer{
    width: 100%;
    height: 0.99rem;
    border-top: 1px solid#0000;/*为实现*/
    font-size: 0;
    background-color: #ffff;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
}
.footer_layout{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.footer_layout li{
    text-align: center;
    margin-top: 0.1rem;
}
.footer_layout li i{
    font-size: 25px;
    color: #999;
}
.footer_layout li p{
    font-size: 0.26rem;
    color: #8e8e93;
}
.content{
    font-size: 0;
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 2.2rem;

}
/*导航*/
.content_top{
    width: 100%;
    
}
.content_top_1{
    display: flex;
    align-items: center;
   
    flex-wrap:wrap;

}
.content_top_1 li{
    margin-top: 0.12rem;
    text-align: center;
    width: 20%;
    
}
.content_top_1 li img{
    width: 0.9rem;
    height: 0.9rem;
}
.content_top_1 li p{
    margin-top: 0.12rem;
    font-size: 0.1rem;
    color: #666;
}
/*文字*/
.tup{
    width: 6.97rem;
    height:2.21rem;
    background-color: #f4f4f4;
    display: flex;
    justify-content: space-between;
    
    padding-top: 12px;
    padding-left: 15px;
    box-sizing: border-box;
    margin-top: 20px;
    
}
.tup img{
    width: 129px;
    height: 94px;
}
.wenzi{
    margin-top: 7px;
}
.wenzi h2{
    font-size: 0.35rem;
    color: #333;
    padding-bottom: 3px;
}
.wenzi .wenzi_1{
    font-size: 0.2rem;
    color: #777;
    padding-bottom: 5px;
}
.wenzi .wenzi_2{
    font-size: 0.2rem;
    color: #af8260;
}
/*会员*/
.huiyuan{
    width: 6.97rem;
    height: 0.8rem;
    background-color: #f3dda0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.06rem;
}
.huiyuan_left{
    display: flex;
    align-items: center;
    padding-left: 0.3rem;

}
.huiyuan_left img{ 
    width: 0.34rem;
    height: 0.34rem;
    padding-right: 0.1rem;
}
.huiyuan_left .left_1{
    font-size: 0.28rem;
    font-weight: 700;
    padding-right: 0.06rem;
}
.huiyuan_left .left_2{
    font-size: 0.17rem;
}
.huiyuan_right{
    display: flex;
    align-items: center;
    padding-right: 0.06rem;
}
.huiyuan_right span{
    font-size: 0.2rem;
}
.huiyuan_righ .icon-gengduo-copy{
font-size: 0.1rem;/*没加上去*/
}
.shop_top{
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.4rem;

}
/*推荐商家*/
.shop_top span{
    font-size: 0.33rem;
    position: relative;
    
    
}
.shop_top span::before{
    content: "";
    width: 0.52rem;
    height: 0.02rem;
    position: absolute;
    background-color: #999;
    top: 50%;
    transform: translateY(-50%);
    left: -0.68rem;
}
.shop_top span::after{
    content: "";
    width: 0.52rem;
    height: 0.02rem;
    position: absolute;
    background-color: #999;
    top: 50%;
    transform: translateY(-50%);
    right:-0.68rem;
}
/*导航*/
.list{
    margin-top: 0.4rem;
    margin-bottom: 0.3rem;
}
.list_1{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list_1 li{
}
.list_1 li span{
    color: #666;
    font-size: 0.3rem;
}
/*商店列表*/
.shop{
    padding-top: 15px;
}
.shop_1{
}
.shop_1 li{
    display: flex;
}
 .din{
    width: 65px;
    height: 65px;
}
.shop_right{
    height: 100px;
    width: 280px;
    margin-left: 10px;
}
.shop_right  .mz{/*店铺名字*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop_right  .mz h3{
    font-size: 0.3rem;
}
/*评星*/
.shop_right  .px{
    margin-top: 0.06rem;
    display: flex;
    align-items: center;
}
.shop_right  .px .px_1{
    background: url(../img/xing.svg);
    width: 1.22rem;
    height: 0.22rem;
    display: inline-block;
}
.shop_right  .px span{
    font-size: 0.01rem;/*缩放属性忘了*/
    padding-left: 0.08rem;

}
/*起送*/
.shop_right .qs{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.06rem;

}
.qs_left span{
    font-size: 0.1rem; 
    color: #666;
    
}
.qs_left .qs_1::before{
    content: "|";
    color: #ddd;
    margin-left: 3px;
    margin-right: 3px;

}
.qs_right .qs_2::before{
    content: "|";
    color: #ddd;
    margin-left: 3px;
    margin-right: 3px;

}
.qs_right span{
    font-size: 0.1rem; 
    color: #666;
}
/*类别*/
.leibie{/*问题*/
    margin-top: 0.1rem;
    border:2px solid #124;
    color: rgb(102, 102, 102);
    font-size: 0.01rem;
}
.xxxx{
    width: 100%;
    height: 1px;
    background: #000;
    margin-top: 20px;
}
/*报错*/
.jm{
    
}
.jm_a{
    margin-top: 0.06rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    
}
.jm_left{
    display: flex;
}

.jm_left span{
    font-size: 0.01rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 3.52rem;

}
.jm_1{
    width: 0.35rem !important;
    font-size: 0.01rem;
    color: #fff;
    background-color: crimson;
    text-align: center;
    margin-right: 0.2rem;
}
.jm_right {
    display: flex;
    align-items: center;

}
.jm_right span{
    font-size: 0.01rem;
    color: #666;
    margin-right: 0.06rem;
}