page { background-color: #fff; width: 100%; } .page { width: 100%; overflow-x: hidden; } .banner { width: 100%; overflow: hidden; background: #fff; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; font-size: 34rpx; color: #222; padding: 32rpx 32rpx 50rpx 32rpx; box-sizing: border-box; } .serach { font-size: 30rpx; font-family: PingFang SC; font-weight: 400; color: rgba(19, 26, 46, 1); } .input_box { width: 80%; height: 72rpx; background-color: #f5f5f5; display: flex; align-items: center; position: relative; padding: 0 20rpx; line-height: 72rpx; background: rgba(246, 246, 246, 1); border-radius: 4rpx; } .input_box_child { width: 100%; padding-left: 50rpx; box-sizing: border-box; position: relative; } .real_search_icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 32rpx; height: 32rpx; } .center { width: 284rpx; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; font-size: 28rpx; font-family: PingFang SC; font-weight: 400; line-height: 40rpx; color: rgba(204, 204, 204, 1); } .false_search_icon { width: 32rpx; height: 32rpx; } .banner_input { font-size: 24rpx; color: #94999a; } .icon-quxiao { font-size: 25rpx; color: #455255; position: absolute; right: 20rpx; z-index: 999; } .content_item { background-color: #fff; padding: 0 32rpx; box-sizing: border-box; } .item_list { margin-bottom: 20rpx; } .title_box { display: flex; display: -webkit-flex; } .title_box image { width: 24rpx; height: 25rpx; } .icon-remensousuo { font-size: 32rpx; color: #989d9e; } .search_icon { width: 40rpx; height: 28rpx; } .search_icon image { width: 24rpx; height: 28rpx; } .title { font-size: 30rpx; font-family: PingFang SC; font-weight: 400; line-height: 42rpx; color: rgba(19, 26, 46, 1); } .position { display: flex; align-items: center; } .recommendation_box { font-size: 26rpx; color: #222; display: flex; flex-wrap: wrap; margin-top: 44rpx; } .recommendation_item { background: #f7f7f7; border-radius: 30rpx; padding: 13rpx 46rpx; margin-right: 20rpx; margin-bottom: 36rpx; max-width: 90%; overflow-x: hidden; } .clear_box { font-size: 26rpx; font-family: PingFang SC; font-weight: 400; line-height: 36rpx; color: rgba(142, 142, 142, 1); margin: 60rpx auto 0; text-align: center; } .icon-shanchu { font-size: 25rpx; color: #333; margin-right: 14rpx; } .input_placeholder { font-size: 24rpx; font-family: PingFang-SC-Medium; font-weight: 500; width: 100% !important; }