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