index.wxss 7.11 KB
/* pages/reservr/index.wxss */
page{
  background-color: #efefef;
}
.pages{
  width: 100%;
  margin: 0 0 0;
  color:#353535;
}
.map{

}
.tab-patch{
  position: fixed;
  background-color: #fefefe;
  height: 20rpx;
  width: 100%;
  bottom: -120rpx;
}
.moveToLocation{
  position: fixed;
  bottom: 520rpx;
  right: 20rpx;
  width: 62rpx;
  height: 62rpx;
}
.moveToLocation cover-image{
  width: 62rpx;
  height: 62rpx;
}

.transverse-view{
  position: relative;
  height: 464rpx;
  width: 100%;
  background-color: #fefefe;
  overflow: hidden;
}

.transverse-list{
  background-color: #fefefe;
  /*height: 264rpx;*/
  width: 100%;
}
.transverse-list .seller{
  width: 98%;
  margin: 0 auto;
}
.transverse-list .seller .empty{
  height: 300rpx;
  overflow: hidden;
  color: #353535;
  width: 86%;
  border: 2rpx solid #E0E0E0;
  border-left: 6rpx solid #F05522;
  border-radius: 6rpx;
  box-shadow: 0 4rpx 8rpx 0 #E0E0E0;
  position: relative;
}
.transverse-list .seller-last .empty{
  width: 99%;
}
.seller .empty .info{
  height: 124rpx;
  font-size: 28rpx;
  margin-left: 34rpx;
  margin-top: 88rpx;
}
.seller .empty .info .info-msg{
  font-size: 32rpx;
  color:#F05522;
  margin-bottom: 40rpx;
  height: 44rpx;
  line-height: 44rpx;
}
.info-txt{
  line-height: 40rpx;
  height: 40rpx;
}
.seller .empty .icon{
  background-image: url("http://qn.colorcun.com/reserve/images/hasClick.png");
  background-size: 100% 100%;
  width: 54rpx;
  height: 56rpx;
  position: absolute;
  top:82rpx;
  right:40rpx;
}
.seller-last .empty .icon{
  background-image: url("http://qn.colorcun.com/reserve/images/%E7%BC%A9%E6%94%BE.png");
  background-size: 100% 100%;
  width: 98rpx;
  height: 76rpx;
  position: absolute;
  top:40rpx;
  right:68rpx;
}

.picker{
  height: 30rpx;
  line-height: 30rpx;
}
.picker .input{
  height: 30rpx;
  line-height: 30rpx;
  margin-right: 10rpx;
}
.picker .more{
  background-image: url("http://qn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB.png");
  width: 12rpx;
  height: 16rpx;
  min-width:12rpx;
}
.disabled .tags{
  color: #999;
}
.enabled .tags{
  color: #353535;
}
.disabled .fingSeller{
  color: #999;
}
.disabled .fingSeller .icon{
  position: relative;
  background: none;
}
.disabled .fingSeller .icon:after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('http://qn.colorcun.com/reserve/images/find-black.png');
  background-size: 100% 100%;
  opacity: 0.5;
}
.enabled .fingSeller,.fingSeller{
  height: 70rpx;
  line-height: 70rpx;
  width: 172rpx;
  box-shadow:-12rpx 0 10rpx -8rpx rgba(178,177,177,0.5);
  box-sizing: border-box;
  padding-left: 28rpx;
  font-weight:600;
  color:rgba(240,85,34,1);
}
.enabled .fingSeller .icon,.fingSeller .icon{
  width: 32rpx;
  height: 30rpx;
  margin-right: 6rpx;
  background-image: url("http://qn.colorcun.com/reserve/images/find.png");
  background-size: 100% 100%;
}
.enabled .fingSeller .icon:after{
  opacity: 0;
  background:none;
}

.tags.active .picker .more{
  background-image: url("http://qn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB%E9%80%89%E4%B8%AD.png");
}
.disabled .picker .more{
  background-image: url("http://qn.colorcun.com/custom/lite-yd/image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20190925174046.png");
}
.enabled .picker .more{
  background-image: url("http://qn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB%E9%80%89%E4%B8%AD.png");
}
.searchAddr {
  margin-left: 15rpx;
  width: 400rpx;
  height: 60rpx;
  background-color: #fefefe;
  border-radius: 30rpx;
  line-height: 60rpx;
  color:#999999;
  font-size: 24rpx;
}
.searchAddr .icon{
  min-width: 22rpx;
  width: 22rpx;
  height: 22rpx;
  margin: 0 20rpx;
}
.searchAddr .title{
  line-height: 60rpx;
  height: 60rpx;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.searchList{
  margin-left: 26rpx;
  width: 100rpx;
  height: 60rpx;
  background-color: #fefefe;
  border-radius: 30rpx;
  line-height: 60rpx;
  color:#C28C56;
  font-size: 20rpx;
}
.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;
}
.empty-txt{
  height: 300rpx;
  line-height: 300rpx;
  font-size: 34rpx;
}
.empty-txt .seller{

}
.empty-txt .seller .empty{
  background-image: url("http://qn.colorcun.com/reserve/images/empty-seller.png");
  background-size: 100% 100%;
  border-left-width: 0;
  margin: 0 auto;
  width: 90%;
}
.empty-txt .seller .empty .info{
  margin-top: 52rpx;
  margin-left: 30rpx;
}
.empty-txt .seller .empty .info .info-msg{
  margin-bottom: 14rpx;
  font-size: 34rpx;
  margin-top: 78rpx;
  height: 48rpx;
  line-height: 48rpx;
}
.empty-txt .seller .empty .info .info-txt{
  font-size: 24rpx;
}
.info-button{
  border: 2rpx solid #F05522;
  border-radius: 28rpx;
  height: 56rpx;
  line-height: 56rpx;
  padding: 0 20rpx;
  color: #F05522;
  font-size: 28rpx;
  min-width: 146rpx;
  max-width: 170rpx;
  box-sizing: border-box;
}
.info-button-gt{
  background-image: url("http://qn.colorcun.com/reserve/images/gt-cheng.png");
  background-size: 100% 100%;
  width: 10rpx;
  height: 20rpx;

}
.info-button.full{
  background-color: #F05522;
  color:#fefefe;
}
.info-button.full .info-button-gt{
  background-image: url("http://qn.colorcun.com/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20190925175650.png");
}
.transverse-search .tags{
  height: 30rpx;
  line-height: 30rpx;
  /*background-color: #F0F0F9;*/
  /*border-radius: 4rpx;*/
  padding: 0 22rpx;
  border-right:2rpx solid #E0E0E0;
}
.transverse-search .tags:first-child{
  padding-left: 0;
}
.transverse-search .tags:last-child{
  margin-right: 0;
  border-right-width:0;
}
.transverse-search .tags.active{
  /*background:linear-gradient(to bottom ,#F4DAB9,#E9BE94);*/
  color:#C0A369;
  font-weight: 900;
}


  /* seller-view start*/
.seller-view{
  height: 470rpx;
  position:fixed;
  bottom: 0;
  width: 100%;
  background-color: #fefefe;
  border-radius: 20rpx 20rpx 0 0;
  box-shadow: -4rpx 0 4rpx 2rpx #C5C1C1;
  overflow: hidden;
}
.seller-view.disabled{
  height: 410rpx;
}
.transverse-view-top{
  height: 58rpx;
  overflow: hidden;
  background-color:#FFFFFF;
  border-radius: 20rpx 20rpx 0 0;
  position: fixed;
  width: 100%;
}
.transverse-view-top .line{
  height: 6rpx;
  width: 70rpx;
  margin-top: 14rpx;
  background-color: #E0E0E0;
}
.transverse-view-top .text{
  height: 34rpx;
  line-height: 34rpx;
  font-size: 24rpx;
  color: #999999;
  margin-top: 6rpx;
}
.transverse-search{
  background-color: #fefefe;
  height: 90rpx;
  font-size: 24rpx;
  padding-left: 40rpx;
  line-height: 90rpx;
  padding-top: 58rpx;
}
.disabled .transverse-search{
  padding-top: 0;
}
.toast{
  background-color: #000;
  width: calc(100% - 272rpx);
  position: fixed;
  bottom:490rpx;
  color: #fefefe;
  height:60rpx;
  font-size:26rpx;
  line-height:60rpx;
  left: 136rpx;
  text-align: center;
  border-radius:30rpx;
  opacity:0.64;
}
.disabled .toast{
  background-color: #000;
  width: calc(100% - 72rpx);
  position: fixed;
  bottom:430rpx;
  color: #fefefe;
  height:60rpx;
  font-size:26rpx;
  line-height:60rpx;
  left: 36rpx;
  text-align: center;
  border-radius:30rpx;
  opacity:0.64;
}