page { /* background-color: #f6f7f9; */ } .sort { display: flex; height: 50upx; margin-top: -4upx; } .sort0 { background-color: rgba(255, 255, 255, 0.7); line-height: 50upx; margin-right: 20upx; height: 50upx; border-radius: 25upx; text-indent: 20upx; text-align: left; background-repeat: no-repeat; font-size: 26upx; } .sort1 { background-size: 20upx 12upx; width: 120upx; background-position: 80upx center; } .sort2 { background-size: 20upx 12upx; width: 170upx; background-position: 130upx center; } .sort3 { background-size: 25upx 25upx; width: 120upx; background-position: 80upx center; } .swiper_box { width: 750upx; height: 566upx; } .pos_box { display: flex; align-items: center; height: 70upx; } .search_box { display: flex; background-color: rgba(245, 245, 245, 0.3); align-items: center; height: 70upx; overflow: hidden; border-radius: 40upx; width: 500upx; color: #e3e3e3; justify-content: space-between; } .search_box_in { display: flex; align-items: center; } .search_box input { font-size: 28upx; color: #ffffff; width: 320upx; margin-left: 20upx; } .top_search { display: flex; justify-content: space-between; margin-top: 15upx; } .top_box { position: relative; } .index_bot { width: 750upx; height: 120upx; position: absolute; top: 454upx; left: 0; background-size: 100% 110upx; background-repeat: no-repeat; background-position: center bottom; display: flex; align-items: center; justify-content: flex-end; } .dis_item { width: 33.33%; float: left; text-align: center; padding: 10upx 0; box-sizing: border-box; } .dis_item_focus { color: #39d9b5; } .filter_title { clear: both; text-align: center; line-height: 80upx; font-size: 32upx; border-bottom: 8upx solid #f4f6f5; padding-top: 0upx; } .filter_con { margin-top: 20upx; } .filter_btn_box { border-top: 2upx solid #e5e5e5; display: flex; height: 120upx; align-items: center; } .filter_btn_box view { text-align: center; height: 80upx; border-radius: 6upx; line-height: 80upx; } .serverUrl_tab_nav { height: 120upx; width: 49%; position: absolute; top: 0; } .tab_nav_next1 { background: linear-gradient(180deg, #eef9f7 0%, #ffffff 100%); } .tab_nav_next2 { background: linear-gradient(180deg, #faf6f0 0%, #ffffff 100%); }