.header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 1.6rem; z-index: 999; box-sizing: border-box; } .header_search { display: flex; justify-content: space-between; height: 0.88rem; align-items: center; } .header_search i { font-size: 0.45rem; color: #fff; } .header_menu { background: #fe7fa2; } .search { background: #fff; border-radius: 32px; display: flex; align-items: center; width: 100%; height: 0.6rem; padding-left: 10px; box-sizing: border-box; margin: 0 0.2rem; } .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_menu { display: flex; height: 0.72rem; align-items: center; } .header_menu ul{ display: flex; flex: 1; margin-right: 10px; overflow-x: scroll; } .header_menu ul li{ flex-shrink: 0; font-size: 0.26rem; margin-right: 0.26rem; color: #d3d2d2; } .header_menu .active { color: #fff !important; } .header_menu i { color: #fff; } .content { margin-top: 80px; padding-bottom: 50px; position: absolute; width: 100%; height: calc(100vh - 1.6rem - 1rem); } .model-container ul { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } .model-container ul li{ text-align: center; width: 22%; } .model-container ul .top { position: relative; } .model-container ul .top img{ width: 1.2rem; height: 1.2rem; border-radius: 100%; } .model-container ul .top 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; } .model-container ul p { font-size: 0.24rem; color: #7e7979; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 7px; } .eee, .home{ overflow-y: scroll; } .eee, .swiper-container{ height: 100%; }