seller-box.wxss 6.5 KB
/* components/reserve/seller-box/seller-box.wxss */
@import "../../../app.wxss";
.seller{
  height: 300rpx;
  overflow: hidden;
  color: #353535;
  width: 99%;
  border: 2rpx solid #E0E0E0;
  border-radius: 6rpx;
  box-shadow: 0 0 8rpx 0 #E0E0E0;
}
.seller.noborder{
  border-width: 0;
}
.seller.noshadow{
  box-shadow: none;
}
.seller.noradius{
  border-radius: 0;
}
.seller.noborder.noshadow{
  width: 100%;
}
.seller image{
  width: 100%;
  height: 100%;
}
.seller .image{
  width: 200rpx;
  height: 300rpx;
  background-color: #4C4E4F;
  min-width: 200rpx;
  position: relative;
}
.seller .image .room_num{
  height: 34rpx;
  width: 120rpx;
  line-height: 34rpx;
  color: #fefefe;
  background-color: rgba(248, 137, 68, 0.86);
  border-radius: 18rpx;
  text-align: center;
  position: absolute;
  top:10rpx;
  left: 40rpx;
  font-size: 24rpx;
}
.seller .info{
  padding: 10rpx 3% 20rpx;
  height: 270rpx;
  width: 94%;
  overflow: hidden;
}
.seller .name{
  font-size: 34rpx;
  height: 48rpx;
  line-height: 48rpx;
  overflow: hidden;
  white-space:nowrap;
  width: 100%;
}
.seller .slogan{
  font-size: 26rpx;
  height: 36rpx;
  line-height: 36rpx;
  margin-top: 10rpx;
  white-space:nowrap;
  overflow: hidden;
}
.seller .text{
  font-size: 24rpx;
  color: #999999;
  height: 34rpx;
  line-height: 34rpx;
  margin-top: 10rpx;
  overflow: hidden;
  white-space:nowrap;
}
.seller .text .text-item{
  text-indent: 10rpx;
  border-left: 2rpx solid #999999;
  padding-right: 10rpx;
  height: 24rpx;
  line-height: 24rpx;
  overflow: hidden;
  white-space:nowrap;
}
.seller .text .text-item:first-child{
  border-left-width: 0;
  text-indent: 0;
}
.seller .text .text-item:last-child{
  padding-right: 0;
}
.seller .price{
  font-size: 28rpx;
  color: #353535;
  height: 50rpx;
  line-height: 50rpx;
  width: 100%;
}
.seller .phone{
  width: 140rpx;
  height: 50rpx;
  background:linear-gradient(to bottom, #838383, #4C4C4C);
  border-radius: 26rpx;
  font-size: 26rpx;
  color: #F0CEA1;
  line-height: 50rpx;
}
.seller .phone image{
  width: 28rpx;
  height: 26rpx;
  margin-right: 8rpx;
  margin-left: 24rpx;
}

.stat{
  font-size: 24rpx;
  color:#999999;
  height: 24rpx;
  line-height: 24rpx;
}
.activity{
  color: #F05522;
  margin-top: 10rpx;
  height: 34rpx;
  line-height: 34rpx;
}
.activity .activity-item{
  height:36rpx;
  border-radius:6rpx;
  border:2rpx solid #F98E47;
  margin-left: 10rpx;

  font-size:22rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(240,85,34,1);
  padding: 0 10rpx;
  box-sizing: border-box;
}
.activity .activity-item-1{
  height:36rpx;
  border-radius:6rpx;
  border:2rpx solid rgba(225,183,127,1);
  margin-left: 10rpx;


  font-size:22rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(225,183,127,1);
  padding: 0 10rpx;
}
.activity .activity-item:first-child{
  margin-left: 0;
}

.activity-swiper{
  font-size: 28rpx;
  color: #F05025;
  margin-top: 20rpx;
  height: 32rpx;
  overflow: hidden;
  position: relative;
}
.activity-mask{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 32rpx;
}
.activity-swiper swiper{
  width: 100%;
  height: 32rpx;
}
.activity-swiper .activity-item{
  text-indent: 10rpx;
  height: 32rpx;
  width: 100%;
  line-height: 32rpx;
  overflow: hidden;
  max-height: 32rpx;
  overflow: hidden;
  white-space:nowrap;
}
.activity-swiper .icon-hui{
  background-image: url("http://nosqn.colorcun.com/reserve/images/%E6%83%A0.png");
  background-size: 100% 100%;
  height: 32rpx;
  width: 32rpx;
  min-width: 32rpx;
}
.reserve-text{
  text-shadow:0 2rpx 6rpx #505050;
}


/*2019-06-27*/
.ActivityShort{
  height: 32rpx;
  width: 32rpx;
  margin-left: 10rpx;
  min-width: 32rpx;
  background-image: url("http://nosqn.colorcun.com/reserve/images/huizi.png");
  background-size: 100% 100%;
}
.seller .image .room_num.hasBrand{
  left:0;
  top:0;
  font-size: 20rpx;
  background: repeating-linear-gradient(to bottom,#F98E47,#F05522);
  border-radius: 4rpx 4rpx 16rpx 0;
  height: 32rpx;
  line-height: 32rpx;
}
.hasActivityTese .activity-item{
  font-size: 24rpx;
  height: 40rpx;
  padding: 0 10rpx 0;
  line-height: 40rpx;
  max-height: 40rpx;
  text-align: center;
  overflow: hidden;
  white-space:nowrap;
  background: none;
  color:#C0A369;
  text-shadow:none;
  background-color: #FFF5EB;
  margin-left: 0;
  border-radius: 0;
  border-width: 0;
}
.sellername{
  overflow: hidden;
  text-overflow:ellipsis;
  max-width: 320rpx;
}
.reserve-icon{
  background-image: url("http://nosqn.colorcun.com/reserve/images/ding.png");
  width: 24rpx;
  height: 24rpx;
  background-size: 100% 100%;
  margin-right: 10rpx;
}
.isopen_md{
  width:92rpx;
  height:32rpx;
  background:rgba(255,243,240,1);
  border-radius:4rpx;

  font-size:20rpx;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:rgba(254,142,103,1);
  line-height:32rpx;

  margin-left: 20rpx;
}
.reserve-button{
  width:130rpx;
  height:62rpx;
  background:linear-gradient(360deg,rgba(249,142,71,1) 0%,rgba(240,85,34,1) 100%);
  border-radius:31rpx;

  font-size:30rpx;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:rgba(255,255,255,1);
}

.activity-list{
  box-sizing: border-box;
  padding: 30rpx;
  height: 280rpx;
  position: relative;
}
.activity-list .image{
  width:190rpx;
  height:220rpx;
  background:rgba(216,216,216,1);
  border-radius:10rpx;
  overflow: hidden;
  min-width: 190rpx;
}
.activity-list .info{
  height:220rpx;
  margin-left: 20rpx;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.activity-list .price{
  height: 62rpx;
  line-height: 62rpx;
}
.hasNewActivityList{
  height:40rpx;
  line-height:40rpx;
  margin-top: 10rpx;
  margin-bottom: 14rpx;
  font-size:28rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.hasNewActivityList .text-item{
  height:40rpx;
  line-height:40rpx;
  border-right: 2rpx solid #999999;
  height: 24rpx;
  line-height: 24rpx;
  padding-right: 10rpx;
}
.hasNewActivityList .text-item:last-child{
  border-width: 0;
  padding-left: 10rpx;
}
.activity-list .average{
  height:40rpx;
  font-size:28rpx;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:rgba(240,85,34,1);
  line-height:40rpx;
}
.hasNewActivityList-txt{
  height:34rpx;
  font-size:24rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(231,42,38,1);
  line-height:34rpx;
}
.scroll-view_H{
  white-space: nowrap;
  height: 108rpx;
  overflow-y: hidden;
}
.scroll-view-item_H{
  display: inline-block;
  margin-right: 20rpx;
}
.scroll-view-item_H:last-child{
  margin-right: 0;
}