indexList.wxss 4.62 KB
/* pages/reserve/indexList.wxss */
@import "/colorui/main.wxss";
.content{
  overflow: hidden;
}
.searchAddrView{
  position: relative;
  z-index: 99998;
}
.transverse-search{
  background-color: #fefefe;
  height: 60rpx;
  margin: 0 auto;
  font-size: 24rpx;
  padding-left: 20rpx;

  width: calc(100% - 20rpx);
  overflow-x: auto;
  white-space:nowrap;
}
.transverse-search view{
  display: inline-block;
}
.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;
}
.disabled .tags{
  color: #999;
}
.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");
}
.disabled .picker .more{
  background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20190925174046.png");
}
.pages{
  width: 100%;
  margin: 160rpx auto 0;
  color:#fff;
  font-size: 28rpx;
}
.follow {
  padding-top: 0;
  padding-bottom: 10rpx;
}
.follow .seller{
  background-color: #ffffff;
  overflow: hidden;
  border-bottom: 20rpx solid #f5f5f5;
}
.follow .seller:last-child{
  border-bottom: 20rpx solid #ffffff;
}
.follow .seller:first-child{
  border-top:2rpx solid #f5f5f5;
}
.nomore{
  color: #999;
  font-size: 28rpx;
  width: calc(100% - 36rpx);
  margin: 0rpx auto 40rpx;
}
.hr{
  height: 2rpx;
  width: 90%;
  margin: 19rpx auto 0;
}
.empty{margin-top: 151rpx; color: #353535}
.empty image{
  width: 191px;
  height: 158px;
}
.empty view{
  font-size: 28rpx;
  margin-top: 60rpx;
}
.empty view.empry-info2{
  margin-top: 20rpx;
}

.searchAddrView{
  width: 100%;
  height: 70rpx;
  background-color: #ffffff;
}
.searchAddr {
  width: 90%;
  height: 60rpx;
  background-color: #F5F5F5;
  border-radius: 30rpx;
  line-height: 60rpx;
  color:#999999;
  line-height: 60rpx;
  font-size: 28rpx;
  margin:0 auto;
}
.searchAddr .icon{
  min-width: 32rpx;
  width:32rpx;
  height: 30rpx;
  margin: 0 20rpx;
}
.info-button{
  width:140rpx;
  height:50rpx;
  background:rgba(192,163,105,1);
  border-radius:25rpx;
  font-size:24rpx;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height: 50rpx;
  margin-top: 42rpx;
}

.transverse-flxed{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.line-push{
  background-image: url("http://nosqn.colorcun.com/reserve/images/line-push.png");
  width: 328rpx;
  height: 42rpx;
  background-size: 100% 24rpx;
  margin: 0 auto;
  font-size:30rpx;
  color: #C0A369;
  line-height: 24rpx;
  background-repeat: no-repeat;
  text-align: center;
}
.transverse-list{
  background-color: #fefefe;
  margin-top: 20rpx;
}
.transverse-list .seller{
  width: 98%;
  margin: 0 auto;
}
.timg-txt{
  height:40rpx;
  font-size:28rpx;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:rgba(53,53,53,1);
  line-height:40rpx;
  margin-top: 30rpx;
}

.searchKeyword{
  height: 64rpx;
  line-height: 64rpx;
  margin-bottom: 0rpx;
}
.searchKeyword .searchAddr{
  height:64rpx;
  background:rgba(254,254,254,1);
  border-radius:32rpx;
  border:2rpx solid rgba(204,204,204,1);
  box-sizing: border-box;
  line-height:64rpx;
}
.placeholder{
  font-size:28rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);

}
.searchKeyword .searchAddr .icon{
  min-width: 22rpx;
  width:22rpx;
  height: 22rpx;
  margin: 0 10rpx 0 40rpx;
}
.searchAddr .clean{
  position: relative;
  width: 100rpx;
  height: 60rpx;
  min-width: 100rpx;
}
.searchAddr .clean:after{
  background-image: url("http://nosqn.colorcun.com/clean.png");
  background-size: 100% 100%;
  display: block;
  content: "";
  width:28rpx;
  height:28rpx;
  position: absolute;
  top:16rpx;
  left:32rpx;
}



.header{
  max-width: 468rpx;
  height: 80rpx;
  background: #F4FAFF;
  border-radius: 48rpx;
  border: 2rpx solid #4C91F8;
  position: fixed;
  font-weight: 500;
}
.header .line{
  width: 2rpx;
  height: 32rpx;
  background: #42A5FF;
}
.header .clean{
  position: relative;
  background-image: url("http://nosqn.colorcun.com/clean.png");
  width: 28rpx;
  height: 28rpx;
}
.header .clean:after{
  display: block;
  content: "";
  width:80rpx;
  height:80rpx;
  position: absolute;
  top:-30rpx;
  left:-30rpx;
}