/* 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;
  left: 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%A7%BB%E5%8A%A8%E5%9C%B0%E5%9B%BE.png");
  background-size: 100% 100%;
  width: 116rpx;
  height: 88rpx;
  position: absolute;
  top:40rpx;
  right:68rpx;
}

.picker{
  height: 50rpx;
  line-height: 50rpx;
}
.picker .input{
  height: 50rpx;
  line-height: 50rpx;
  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;
}
.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");
}

.searchAddr {
  margin-left: 15rpx;
  width: 380rpx;
  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;
}
.empty-txt .seller .empty .info .info-txt{
  font-size: 24rpx;
}
.info-button{
  margin-top: 50rpx;
  border: 2rpx solid #F05522;
  border-radius: 28rpx;
  height: 56rpx;
  line-height: 56rpx;
  padding: 0 20rpx;
  color: #F05522;
  font-size: 28rpx;
  width: 106rpx;
  max-width: 106rpx;
}
.info-button-gt{
  background-image: url("http://qn.colorcun.com/reserve/images/gt-cheng.png");
  background-size: 100% 100%;
  width: 10rpx;
  height: 20rpx;

}

.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:linear-gradient(to bottom ,#F4DAB9,#E9BE94);
  color:#8B5318;
  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;
}
.transverse-view-top{
  height: 58rpx;
  overflow: hidden;
  background-color:#FFFFFF;
  border-radius: 20rpx 20rpx 0 0;
}
.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: 4rpx;
}
.transverse-search{
  background-color: #fefefe;
  height: 90rpx;
  font-size: 24rpx;
  padding-left: 40rpx;
  line-height: 90rpx;
}