/* subpages/oneKeyService/pages/search/search.wxss */ page { background: #fff; } .top { margin-top: 3rpx; width: 100%; height: 94rpx; background: #fff; display: flex; align-items: center; } .search { /* margin-top: 17rpx; */ width: calc(100% - 60rpx); height: 66rpx; margin-left: 30rpx; background: rgba(242, 242, 242, 1); border-radius: 33rpx; display: flex; align-items: center; justify-content: center; } .search .item-all { height: 30rpx; width: 100%; width: calc(100% - 60rpx); display: flex; align-items: center; justify-content: space-between; } .search .item-all .item-left { /* background: red; */ width: calc(100% - 73rpx); height: 30rpx; border-right: 1rpx solid #BFBFBF; display: flex; align-items: center; justify-content: space-between; } .search .item-all .item-left image { width: 30rpx; height: 28rpx; } .search .item-all .item-left input { width: calc(100% - 41rpx); height: 30rpx; font-size: 28rpx; color: #333; } .placeholder-style { font-size: 28rpx; font-weight: 500; color: rgba(168, 168, 168, 1); } .search .item-all .item-right { font-size: 28rpx; font-weight: 500; color: rgba(51, 51, 51, 1); background-color: rgba(242, 242, 242, 1); } button { width: 100rpx; height: 58rpx; padding: 0; border-radius: 0; line-height: 58rpx; } button::after { border-radius: 0px; border: none; } .history { padding-left: 30rpx; } .history-label { width: 100rpx; border-radius: 25rpx; text-align: center; height: 50rpx; background-color: lightgray; } .hot-label { background-color: lightblue; }