.policySupport{ width: 100%; .header{ width: 100%; height: 200rpx; background-color: #FFFFFF; .headSearch{ display: flex; padding-top: 30rpx; .Search{ width: 670rpx; margin-left: 40rpx; background-color: #F4F4F7; border-radius: 30rpx; padding-left: 30rpx; box-sizing: border-box; margin-right: 10rpx; vertical-align: middle ; image{ width: 30rpx; height: 30rpx; vertical-align: middle ; } input{ background-color: #F4F4F7; width: 400rpx; height: 70rpx; display: inline-block; vertical-align: middle ; margin-left: 10rpx; } } .headScreen{ vertical-align: middle ; padding-top: 10rpx; image{ width: 40rpx; height: 40rpx; vertical-align: middle; } text{ vertical-align: middle; color: #697BFF; } } } } .order_top { margin-top: 20rpx; display: flex; align-items: center; justify-content: space-around; background-color: #FFFFFF; margin-bottom: 30rpx; } .swiper_tab_list { color: #888888; } .uni_tab_bar .active { color: #000000; margin-top: 17rpx; background-color: #FFFFFF; } .active .swiper_tab_line { border-bottom: 6rpx solid #697BFF; width: 50rpx; margin: auto; margin-top: 17rpx; } .popup-content{ display: flex; flex-wrap: wrap; padding-top: 40rpx; .find{ width: 157rpx; height: 52rpx; line-height: 52rpx; background-color: #FFFFFF; margin-left: 25rpx; margin-top: 50rpx; border-radius: 10rpx; color: #909399; font-size: 26rpx; text-align: center; } .active{ color: #697BFF; background-color: #F8F9FF; border: #697BFF 1rpx solid; } } }