list.wxss 1.72 KB
/* components/reserve/caixi.wxss */
@import "../../../app.wxss";
.list{
  background-color: #fefefe;
  position: fixed;
  bottom: 0;
  width: 95%;
  padding: 40rpx 0 40rpx 5%;
  color: #353535;
  overflow-y:scroll;
}
.seller{
  margin-bottom: 40rpx;
}
.header{
  background-color: #fefefe;
  width: 100%;

}
.header .title{
  font-size: 34rpx;
}
.header .icon{
  min-width: 100rpx;
  width: 100rpx;
}
.searchList{
  margin-left: 26rpx;
  width: 100rpx;
  height: 60rpx;
  background-color: #fefefe;
  border-radius: 30rpx;
  line-height: 60rpx;
  color:#C28C56;
  box-shadow: 0 4rpx 8rpx 0 #E0E0E0;
  border: 2rpx solid #E0E0E0;
}
.searchList .icon{
  min-width: 24rpx;
  width: 24rpx;
  height: 24rpx;
  margin: 0 8rpx 0 14rpx;
}
.searchList .title{
  line-height: 60rpx;
  height: 60rpx;
  overflow: hidden;
  width: 100%;
  text-align: left;
  font-size: 20rpx;
}
.transverse-search{
  background-color: #fefefe;
  height: 60rpx;
  width: 100%;
  margin: 0 auto;
  font-size: 24rpx;
  padding-left: 40rpx;

}
.transverse-search .tags{
  height: 50rpx;
  line-height: 50rpx;
  background-color: #F0F0F9;
  border-radius: 4rpx;
  margin-right: 30rpx;
  padding: 0 16rpx;
}
.transverse-search .tags:last-child{
  margin-right: 0;
}
.transverse-search .tags.active{
  background-color: #F4DAB9;
  color:#8B5318;
  font-weight: 900;
}

.picker{
  height: 50rpx;
  line-height: 50rpx;
}
.picker .input{
  height: 50rpx;
  line-height: 50rpx;
  margin-right: 10rpx;
}
.picker .more{
  background-image: url("http://nosqn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB.png");
  width: 12rpx;
  height: 16rpx;
  min-width:12rpx;
}
.tags.active .picker .more{
  background-image: url("http://nosqn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB%E9%80%89%E4%B8%AD.png");
}