yoshop_pro_wxapp/pages/search/index.wxss

.seconds-kill-li {
  padding: 10rpx;
  box-sizing: border-box;
  width: 33.3%;
  float: left;
}

.title-box {
  font-size: 10pt;
  padding: 50rpx 0 0 0;
  color: #777;
}

.title-box .icon-lajixiang {
  float: right;
}

.sale-button-box {
  padding: 10px 0;
  overflow: hidden;
}

.sale-button, .recent-button {
  background: #fff;
  padding: 10rpx;
  border-radius: 50px;
  justify-content: center;
  text-align: center;
  font-size: 26rpx;
  border: 1px solid #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30rpx;
  line-height: 30rpx;
}

.serch-button button {
  background: #ff495e;
}

/* asd */

.search-input-box {
  height: 64rpx;
}

.search-input {
  width: 80%;
  background: #fff;
  border-radius: 5px 0 0 5px;
  padding-left: 10rpx;
  box-sizing: border-box;
  overflow: hidden;
}

.search-input input {
  font-size: 30rpx;
  height: 64rpx;
  line-height: 64rpx;
}

.serch-button {
  width: 20%;
  box-sizing: border-box;
}

.serch-button button {
  line-height: 64rpx;
  height: 64rpx;
  font-size: 28rpx;
  border-radius: 0 5px 5px 0;
}

.seconds-kill-li {
  padding: 10rpx;
  box-sizing: border-box;
}

.title-box {
  font-size: 10pt;
  padding: 50rpx 0 0 0;
  color: #777;
}

.sale-button, .recent-button {
  background: #fff;
  padding: 10rpx;
  border-radius: 50px;
  justify-content: center;
  text-align: center;
  font-size: 26rpx;
  border: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30rpx;
  line-height: 30rpx;
}

.search-cont {
  padding: 0 15px;
  background: #fff;
}

.search-box .left {
  width: 28px;
}

.search-box .right {
  flex: 1;
}

.sale-button-box .seconds-kill-li {
  width: 33.3%;
  float: left;
}

.title-box image {
  width: 35rpx;
  height: 35rpx;
  float: right;
}