.header { height: 1.6rem; position: fixed; top: 0; width: 100%; left: 0; z-index: 9; } .header_logo { height: 0.88rem; display: flex; justify-content: space-between; align-items: center; } .header_logo i{ color: white; font-size: 18px; } .header_logo .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; } .header_logo .search i{ color: #999; font-size: 0.26rem; margin-right: 0.1rem; padding-top: 0.02rem; } .header_logo .search span{ font-size: 0.24em; color: #999; } .header_menu { height: 0.72rem; display: flex; background: #fe7fa2; justify-content: space-between; align-items: center; } .left_menu { display: flex; flex: 1; margin-right: 0.26rem; overflow-x: scroll; } .left_menu .active { color: #ffffff !important; } .left_menu li{ font-size: 0.26rem; flex-shrink: 0; margin-right: 0.26rem; color: #d3d2d2; } .header_menu .icon-edit{ color: #e3e3e3; font-size: 17px; } .model_list { margin: 20px 0; } .model-slide { display: flex; align-items: center; justify-content: space-around; } .model-slide .model-item{ position: relative; text-align: center; width: 22%; } .model-slide .model-item p{ font-size: 0.24rem; color: #7e7979; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .model-slide .item-img { position: relative; } .model-slide .item-img img{ width: 1.2rem; height: 1.2rem; border-radius: 100%; } .model-slide .item-img span{ font-size: 0.22rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.06rem; padding: 0.02rem 0.1rem; background: rgb(0 0 0 / 58%); color: #fff; border-radius: 0.2rem; }