147 lines
2.6 KiB
CSS
147 lines
2.6 KiB
CSS
.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;
|
|
}
|
|
|