/* 头部开始 */ .header{ position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding-top: .6rem; padding-bottom: .6rem; background-color: #fff; } .header a{ display: flex; align-items: center; } .icon-touxiang:before { content: "\e640"; font-size: 1.5rem; color: #ccc; } .header div{ width: 85%; height: 1.8rem; padding-left: .95rem; margin-left: .5rem; background: #f1f1f4; border-radius: 1.5rem; font-size: .75rem; line-height: 1.8rem; color: #ccc; } /* 头部结束 */ /* 中间内容开始 */ .content{ margin-top: 2.9rem; } .jiu{ margin-top: .6rem; } .jiu ul li img{ width: 3rem; height: 3rem; } .jiu ul li span{ padding-top: .3rem; font-size: .6rem; color: #666; } .jiu_ul{ display: flex; flex-wrap: wrap; } .jiu_ul li{ width: 20%; } .jiu_ul li a{ display: flex; flex-direction: column; align-items: center; } .sancan{ margin-top: 2rem; } .sancan>span,.dajia>span{ font-size: 1rem; font-weight: 600; color: #999; line-height: 1.1rem; margin-bottom: 5rem; } .sancan ul:nth-child(2){ display: flex; margin-bottom: .5rem; } /* --------------------------------------- */ /* ----------------------------------------------- */ .sancan_ul li,.dajia_ul li{ margin-top: .6rem; position: relative; font-size: .9rem; margin-right: 1.5rem; color: #666; padding-bottom: .25rem; display: flex; align-items: flex-end; } .three_meals_item img{ width: 10rem; height: 13.5rem; border-radius: 0.7rem; } .tuijian{ margin-top: 2rem; } .tuijian>span{ font-size: 1.5rem; font-weight: 600; color: #333; } .tuijian_title{ display: flex; flex-wrap: wrap; } .tuijian_title li{ box-shadow: 0px 0px 0.6rem rgb(0 0 0 / 10%); background: #fff; border-radius: 1.05rem; align-items: center; justify-content: center; height: 2rem; display: flex; flex: 20%; margin:.6rem; } .tuijian_title li span{ font-size: .6rem; color: #333; font-weight: 600; } .tuijian_title img{ width: .9rem; height: .9rem; } /* 中间内容结束 */ /* 底部内容开始 */ .flood{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background-color: #fff; } .flood img{ width: 1.5rem; height: 1.5rem; } .flood p{ font-size: .6rem; } .flood ul{ display: flex; align-items: center; justify-content: space-around; } .flood ul li{ display: flex; flex-direction: column; } /* 底部内容结束 */