/* components/search/search.wxss */
@import "../../style/iconfont";

.searchWrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 24rpx;
  background: #f8f9fb;
  display: flex;
  align-items: center;
  z-index: 100;
}

.searchWrap .icon-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 48rpx;
  font-size: 30rpx;
  color: #a2a2a2;
}

.searchWrap .input {
  flex: 1;
  width: 0;
  height: 84rpx;
  padding-left: 68rpx;
  padding-right: 24rpx;
  font-size: 30rpx;
  color: #282828;
  background: #fff;
  border-radius: 8rpx;
  box-shadow: 6rpx 6rpx 35rpx rgba(178, 221, 250, .2);
}

.placeholderStyle {
  font-size: 30rpx;
  color: #c4c4c4;
}