.comm{
    padding-left: .4rem;
    padding-right: .4rem;
}
.comms{
    padding-left: .8rem;
    padding-right: .8rem;
}
/* ----------------------------------------- */
.three_meals_item{
    width: 100%;
}
.text{
    font-size: .6rem !important;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.desc{
    margin-top: .3rem;
    font-size: .55rem;
    color: #ff8d8d;
    line-height: .7rem;
    background: #fff2f2;
    border-radius: .1rem;
    padding: .2rem .3rem;
}


.three_meals_list {
    display: flex;
    justify-content: space-around;
}
.three_meals_item{
    width: 10rem;
}
.three_meals_item img{
    width: 10rem;
    height: 13.5rem;
    border-radius: 0.7rem;
}
/* -------------------------------------------- */

/* --------------------------------------------------- */



.tuitupian{
    width: 9.5rem;
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
}
.tuitupian span:nth-child(2){
    margin-top: .3rem;
    font-size: .9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-weight: 600;
}
.tuitupian span:nth-child(3){
    margin-top: .3rem;
    width: 10%;
    padding: 0 .15rem;
    background: #ff8d8d;
    color: #fff;
    font-size: .4rem;
}
.tuitupian span:nth-child(4){
    margin-top: .3rem;
    font-size: .55rem;
    color: #ff8d8d;
    line-height: .7rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff2f2;
    border-radius: .1rem;
    padding: .2rem .3rem;
}

.tuitupian img{
    width: 100%;
    border-radius: .5rem;
}

.yonghu{
    margin-top: .3rem;
   display: flex;
   justify-content: space-between;
}
.yonghu img{
    width: .9rem;
    height: .9rem;
}
.yonghu div span{
    font-size: .5rem !important;
    color: #666 !important;
}


.distupian{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* ------------------------------------------------------- */
/* 每日三餐激活样式 */
.activesan,.dajia_actives{
    font-size: 1.4rem !important;
    color: #333 !important;
}

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

/* 为你推荐激活样式 */
.tui_actives{
    background: #fe9b95 !important;
    box-shadow: 0px 0px 0.6rem rgb(255 155 149 / 50%) !important;
}
.tui_actives span{
    color: #fff !important;
}



/* 首页底部激活样式 */
.flood .floot_active{
    color: #f15a4f;
}