.header { height: 1.6rem; position: fixed; top: 0; width: 100%; left: 0; z-index: 9; } .header_search { height: 0.88rem; display: flex; justify-content: space-between; padding: 0 0.3rem; align-items: center; box-sizing: border-box; } .search { width: 82%; background: #fff; height: 0.6rem; border-radius: 0.6rem; display: flex; align-items: center; box-sizing: border-box; padding-left: 0.3rem; } .search i { color: #999; font-size: 0.26rem; margin-right: 0.1rem; padding-top: 0.02rem; } .search span { font-size: 0.24em; color: #999; } .header_search a { font-size: 0; } .icon-wo { font-size: 0.4rem; } .icon-taozi1{ font-size: 0.45rem; } .header_menu{ position: relative; height: 0.72rem; display: flex; background: #fe7fa2; } .header_menu .menu_list{ display: flex; width: calc(100% - 0.8rem); overflow-x: scroll; align-items: center; padding-left: 0.3rem; box-sizing: border-box; } .menu_list li { font-size: 0.26rem; flex-shrink: 0; margin-right: 0.26rem; color: #d3d2d2; } .header_menu i{ width: 0.8rem; height: 0.72rem; position: absolute; right: 0; top: 0; font-size: 0.3rem; background: #fe7fa2; color: #e3e3e3; line-height: 0.72rem; text-align: center; } .swiper-slide { display: flex; justify-content: space-around; margin-top: 0.28rem; } .item_content { margin-top: 0.2rem; } .item_content .title{ font-size: 0.32rem; color: #333; margin-bottom: 0.2rem; } .item_content ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .item_content li{ width: 48%; margin-bottom: 0.3rem; } .item_content .item_top { position: relative; } .item_content .item_top img{ width: 100%; } .item_content .item_top span { position: absolute; right: 0.2rem; bottom: 0.52rem; padding: 0.02rem 0.1rem; background: #000; color: #fff; border-radius: 0.6rem; font-size: 0.24rem; } .item_bottom .item_title{ font-size: 0.32rem; margin-bottom: 0.1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; } .source { font-size: 0.26rem; color: #666; } .menu_active { color: #ffffff !important; }