.header { height: 1.6rem; position: fixed; top: 0; width: 100%; left: 0; z-index: 9; } .header_search { background-color: var(--themeColor); display: flex; align-items: center; justify-content: space-between; padding: 0 0.3rem; box-sizing: border-box; height: 0.88rem; } .header_search .icon-taozi1, .header_search .icon-wo{ font-size: 0.45rem; color: var(--whiteColor); } .header_search .search{ width: 82%; height: 0.6rem; border-radius: 0.6rem; display: flex; align-items: center; box-sizing: border-box; padding-left: 0.3rem; background: var(--whiteColor); } .header_search .search .icon-search{ color: #999; font-size: 0.26rem; margin-right: 0.1rem; } .header_search .search span{ font-size: 0.24em; color: #999; } .header_menu { height: 0.72rem; display: flex; background: #fe7fa2; } .header_menu a { display: inline-block; width: 0.8rem; height: 0.72rem; text-align: center; line-height: 0.72rem; color: var(--whiteColor); } .header_menu ul { display: flex; height: 100%; align-items: center; flex: 1; overflow-x: scroll; padding-left: 0.3rem; } .header_menu ul li { font-size: 0.26rem; flex-shrink: 0; margin-right: 0.26rem; color: #d3d2d2; } .header_menu .active { color: var(--whiteColor) !important; } .content { margin-top: 1.6rem !important; } .model_banner { overflow-x: scroll !important; flex-wrap: nowrap !important; } .pic_list {} .pic_title { font-size: 0.34rem; color: #333; margin-top: 0.3rem; align-items: center; display: flex; } .pic_title i{ color: var(--themeColor); margin-right: 0.15rem; } .pic_title span{ }