detail.wxss 4.75 KB
/* pages/reserve/detail.wxss */
@import "../../colorui/main.wxss";
page{
  background-color: #EEF0F2;
}
.swiper-view{
  position: relative;
}
.swiper-image{
  width: 100%;
  height: 540rpx;
}
.swiper-num{
  position: absolute;
  right:30rpx;
  bottom: 60rpx;

  height: 48rpx;
  background: rgba(0,0,0,0.6);
  border-radius: 24rpx;

  font-size: 26rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48rpx;

}
.broad{
  display: inline-block;
  height: 32rpx;
  margin-left: 16rpx;

}
.broad-1{
  background-image: url("http://nosqn.colorcun.com/detail/x%20%282%29.png");
  width: 6rpx;
  height: 38rpx;
  background-size: 100% 100%;
  float: left;
}
.broad-2{
  background-image: url("http://nosqn.colorcun.com/detail/x%20%283%29.png");
  height: 38rpx;
  background-size: 100% 100%;
  font-size: 24rpx;
  color: #FFFFFF;
  line-height: 34rpx;
  font-weight: bold;
  float: left;
}
.broad-3{
  background-image: url("http://nosqn.colorcun.com/detail/x%20%284%29.png");
  width: 18rpx;
  height: 38rpx;
  background-size: 100% 100%;
  float: left;
}
.label_c{
  border-radius: 4rpx;
  border: 2rpx solid #AAD6FF;
  height: 38rpx;
  line-height: 38rpx;
}
.label_c.text-cyan{
  border: 2rpx solid #AAEBFF;
}
.slogan{
  width: 100%;
  height: 64rpx;
  background: #F4FAFF;
  border-radius: 10rpx;
}
.slogan-icon{
  background-image: url("http://nosqn.colorcun.com/detail/x%20%285%29.png");
  width: 28rpx;
  height: 28rpx;
}
.localtion{
  width: 18rpx;
  height: 22rpx;
  background-image: url("http://nosqn.colorcun.com/detail/x%20%286%29.png");
}
.map-icon{
  width: 44rpx;
  height: 40rpx;
  background-image: url("http://nosqn.colorcun.com/detail/x%20%287%29.png");
  margin-bottom: 6rpx;
}
.tel-icon{
  width: 40rpx;
  height: 40rpx;
  background-image: url("http://nosqn.colorcun.com/detail/x%20%288%29.png");
  margin-bottom: 6rpx;
}
.footer{
  width: 100%;
  height: 116rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 8rpx 0px #EEF0F2;

  position: fixed;
  bottom: 0;
  z-index: 2;
}
.reserve-button{
  width: 270rpx;
  height: 84rpx;
  border-radius: 42rpx;
}
.room_image{
  display: inline-block;
  margin-left: 40rpx;
  width: 500rpx;
  height: 320rpx;
  background: #FFFFFF;
  border-radius: 10rpx;
}
.dishes-image-views{
  display: inline-block;
  margin-left: 40rpx;
}
.room_image:last-child,.dishes-image-views:last-child{
  margin-right: 40rpx;
}
.dishes-image{
  width: 260rpx;
  height: 190rpx;
  background: #F6B3B3;
  border-radius: 10rpx;
}
.cais-text{
  background: #F8F8F8;
  border-radius: 10rpx;
}
.commentLabel{
  height: 52rpx;
  background: #F1F1F1;
  border-radius: 26rpx;

  font-size: 26rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 52rpx;
  text-align: center;
}

.me{
  width: 84rpx;
  height: 84rpx;
  position: fixed;
  left:30rpx;
  top:40rpx;
  z-index: 9;
}

.activity-view-easy{

}
.activity-view-easy .activity-left{

}
.activity-view-easy .icon{
  background-image: url("http://nosqn.colorcun.com/reserve/images/ad2.png");
  width: 30rpx;
  height: 32rpx;
  background-size: 100% 100%;
}
.activity-view-easy .discount{
  border-right: 2rpx #C0A369 solid;
  height: 30rpx;
  line-height: 30rpx;
  font-size: 30rpx;
  padding-right: 20rpx;
  padding-left: 20rpx;
  margin-right: 0;
  font-weight:500;
}
.activity-view-easy .discount:last-child{
  border-right-width: 0;
}
.activity-view-easy-old .activity-right{
  min-width: 100rpx;
}
.activity-view-tit{
  height:42rpx;
  font-size:30rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(53,53,53,1);
  line-height:42rpx;
  margin-right: 42rpx;
  min-width: 60rpx;
}
.activity-view-activityStr{
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 26rpx;
}
.activity-view-blk{
  height:34rpx;
  border-top:2rpx solid rgba(240,88,36,1);
  border-bottom:2rpx solid rgba(240,88,36,1);
  box-sizing: border-box;
  font-size:24rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(240,88,36,1);
  line-height:30rpx;
  margin-right: 22rpx;
  padding: 0 12rpx;
  position: relative;
  border-radius: 6rpx;
}
.activity-view-blk:before,.activity-view-blk:after{
  background-size: 100% 100%;
  width: 12rpx;
  height: 34rpx;
  background-image: url("http://nosqn.colorcun.com/sellerbaobao/left-1.png");
  content: "";
  position: absolute;
  left:0;
  top:-2rpx;
}
.activity-view-blk:after{
  background-image: url("http://nosqn.colorcun.com/sellerbaobao/right-1.png");
  right:0;
  left:auto;
}
.activityStr{
  width: calc(100% - 140rpx);
  padding-left: 100rpx;

  height: 36rpx;
  font-size: 26rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #353535;
  line-height: 36rpx;

  white-space:nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}