/* 头部css */

.menu{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height:3.75rem;
    z-index: 2;
    background: #fff;
    align-items: center;
    display: flex;
        box-shadow: 0 3px 6px rgba(0,0,0,0.1);

}
/* 头部搜索框css */
.menu input[type="text"]{
    border: none;
    height: 2rem;
    width: 17.15rem;
display: block;
background: #f5f5f5;
border-radius: 50rem;
margin: 0 auto;
font-size: 0.8rem;
padding-left: 1rem;
color: #555;
line-height: 2rem;
align-content: center;
}

/* 内容css */
.content{
    padding:3.75rem 0.45rem ;
    box-sizing: border-box;
    overflow: hidden;
}
.swiper-slide a img{
    width: 100%;
}

/* 菜单css */
.menus{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menus li{
    width: 20%;
}
.menus a img{
    width: 2.5rem;
}
.menus a{
    display: block;
    font-size:.6rem ;
    color: #666;
    text-align: center;
    margin-top: 0.5rem;
}

/* 每日三餐css */
.mrsc_t{
padding: 1.6rem 0.8rem 0.8rem;

}
.mrsc_t p{
    font-size: 0.8rem;
    color: #666;
    margin: 0.75rem 0;
}
.mrsc ul{
    display: flex;
    justify-content: center;
    /* padding: 1.5rem 0.5rem; */
    box-sizing: border-box;
}
.mrsc ul li{
    color: #666;
    width: 20%;
    font-size: .8rem;

    
}

.mrsc ul .li_active::after,
.do_together_title .active::after {
 content: '';
 height: .3rem;
 border-radius: .15rem;
 width: 100%;
 left: 0px;
 bottom: .15rem;
 background: #ff9d9b;
 position: absolute;
 z-index: 50;
 display: block;
}

.li_active{
    color: #666;
width: 20%;
border-bottom: 6px solid;
border-block-color:  #ccc;
border-radius: 4px;
font-size: 0.8rem;
color: #333;
}

/* 每日三餐轮播 */
.ms_img{
   margin: 1rem 0.25rem;
   box-shadow: 0 3px 6px rgba(0,0,0,0.1);
   border-radius:0.35rem ;
   overflow: hidden;
   width:8.375rem;
   float: left;
   box-sizing: border-box;

}
.ms_img a img{
  width: 100%;
  
    height:11.15rem;
    width:8.375rem;
   
 
}
.img_t{
    padding-left: 0.5rem;
    box-sizing: border-box;
    margin:0px 0.5rem 0.5rem 0rem;
}

.ms_img p{
    font-size: 0.9rem;
    color: #000;
    font-weight: bolder;
    /* 文字超出部分省略号 */
    width: 8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.5rem 0rem;
}
.yang{
    width: 0.7rem;
    height: 0.7rem;
    background: #ff8d8d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.15rem;
}
.yang span{
    font-size: 0.4rem;
    color: #fff;
    font-weight: bolder;
}
.b_t{
    height: 1.1rem;
    width: 5.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(245, 235, 235);
    border-radius: 0.15rem;
    margin: 0.5rem 0rem;
    
}
.b_t span{
    font-size: 0.55rem;
    color: #ff8d8d;
  
}
.tf{
    display: flex;
    justify-content: space-between;

}
.tf_l{}
.tf_r span{
    font-size:0.45rem;
}
.tf_l img{
    width: 0.9rem !important;
    height: 0.9rem !important;
    border-radius: 50%;
}
.tf_l span{
    font-size: 0.45rem;
    color: #333;
}


.spance_bottom{
    height: 3.5rem;
    width: 100%;
    background: #000;

}


/* 底部css */
.footer{
    position: fixed;
    bottom: 0;
    height: 3.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    box-sizing: border-box;
    z-index: 999;
    background: #fff;
    box-shadow: 3px 3px 3px 6px rgba(0,0,0,0.1);
  
}
.footer a img{
    width: 1.5rem;
    height: 1.5rem;
}
.footer a{
    color: #333;
    font-size: 0.75rem;
}
.footer a p{
  margin-top: 0.05rem;
}