.header { position: fixed; width: 100%; left: 0; top: 0; right: 0; z-index: 9999; padding: 0.16rem; box-sizing: border-box; background: #fff; } .search { height: 0.4rem; display: flex; justify-content: center; align-items: center; background: #f5f5f5; border-radius: 4px; padding-left: 0.2rem; } .search i { color: #999; } .search span { font-size: 0.16rem; color: #999; margin-left: 0.08rem; } .padd_16 { padding: 0 0.16rem; } .content { padding-top: 0.72rem; padding-bottom: 51px; } .footer { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; height: 51px; display: flex; justify-content: space-around; align-items: center; background: #fff; z-index: 9999; border-top: 1px solid #eaeaea; } .footer .jihuo { color: #f15a4f; } .footer li a { text-align: center; } .footer li img { width: 30px; height: 30px; } .footer li p { font-size: 10px; color: #666666; } .three_meals_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .djdzz_list .djdzz_item:nth-child(2n) { margin-right: 0 !important; } .djdzz_item { box-shadow: 0 3px 6px rgb(0 0 0 / 10%); border-bottom-left-radius: 0.07rem; border-bottom-right-radius: 0.07rem; margin-bottom: 14px; width: 49%; float: left; margin-right: 5px; } .djdzz_item img { height: 222px; width: 100%; border-top-left-radius: 0.07rem; border-top-right-radius: 0.07rem; } .cons { box-sizing: border-box; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .user { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } .user_left img { width: 18px; height: 18px; border-radius: 100%; vertical-align: bottom; } .user_left span { height: 18px; font-size: 9px; color: #666; padding-left: 5px; } .user_right i { font-size: 10px; } .user_right span { padding-left: 15px; color: #666; font-size: 9px; } .text{ font-size: 0.18rem; font-weight: 600; color: #333; padding: 0.12rem 0px 0.02rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .yang { font-size: 8px; height: 12px; border-radius: 2px; color: #fff; padding: 0px 3px; font-weight: 600; background: #ff8d8d; margin-bottom: 10px; } .desc{ background: #fff2f2; border-radius: 2px; margin: 5px 0 5px 0px; padding: 4px 0px 4px 6px; font-size: 0.11rem; color: #ff8d8d; line-height: 0.14rem; overflow: hidden; text-overflow: ellipsis; } .three_meals_item { width: 1.65rem; } .three_meals_item img{ width: 1.65rem; height: 2.23rem; border-radius: 0.07rem; }