@import '../homepage/homepage.wxss';
image {
  width: 100%;
  height: 100%;
}

page {
  overflow-x: hidden;
}

.box {
  overflow-x: hidden
}

.taildot {
  width: 74rpx;
  height: 38rpx;
  background: rgba(140, 145, 152, 1);
  opacity: 0.77;
  border-radius: 180rpx;
  color: #fff;
  font-size: 26rpx;
  text-align: center;
  position: absolute;
  right: 32rpx;
  bottom:120rpx;
}

/* 轮播图 */

.swiper_image {
  width: 750rpx;
  height: 320rpx;
  font-size: 0;
  position: relative;
}

swiper {
  width: 750rpx;
  height: 320rpx;
}

.swiper_image image {
  width: 100%;
  height: 100%;
}

.swiper_item_img swiper-item {
  width: 750rpx;
  height: 320rpx;
}

.swiper_item_img swiper-item image {
  width: 100%;
  height: 100%;
}

.dots {
  height: 36rpx;
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10rpx;
}

/*未选中时的小圆点样式 */

.dot {
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin-right: 26rpx;
  background-color: #b9c0f7;
}

/*选中以后的小圆点样式  */

.active {
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  background-color: #fff;
  border: 4rpx solid #fff;
}

.detailtop {
  width: 686rpx;
  /* height: 300rpx; */
  background: rgba(255, 255, 255, 1);
  box-shadow: 0rpx 6rpx 12rpx rgba(41, 27, 6, 0.1);
  opacity: 1;
  border-radius: 8rpx;
  position: absolute;
  bottom: -268rpx;
  left: 32rpx;
  padding: 36rpx 40rpx;
  box-sizing: border-box;
}

.tailtopimg {
  width: 36rpx;
  height: 36rpx;
  font-size: 0;
}

.tailname {
  color: #06121e;
  font-size: 22rpx;
  margin-top: 4rpx;
}

.tailitem {
  width: 65rpx;
  margin-right: 40rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.tailitem:last-child {
  margin-right: 0;
}

.tailtopleft {
  color: #000;
  font-size: 36rpx;
  font-weight: bold;
     

}

/* 菜系 */

.floweritem {
  width: 32rpx;
  height: 32rpx;
  font-size: 0;
  margin-left: 6rpx;
}

.huaname {
  padding: 0 10rpx;
      box-sizing: border-box;
      height: 42rpx;
      background: rgba(255, 255, 255, 1);
      border: 2rpx solid rgba(112, 112, 112, 1);
      opacity: 1;
      border-radius: 180rpx;
      color: #3d444d;
      font-size: 20rpx;
      text-align: center;
      line-height: 42rpx;
      margin-left:20rpx;
    
}

.cai {
  margin-top: 10rpx;
}

.sanleft {
  width: 36rpx;
  height: 36rpx;
  font-size: 0;
}

.star {
  margin-left: 16rpx;
}

.comment {
  margin-top: 20rpx;
}

.fen {
  color: #fca052;
  font-size: 24rpx;
  font-weight: bold;  
  margin-left: 16rpx;
}

.tiao {
  color: #8c9198;
  font-size: 24rpx;
  margin-left: 16rpx;
}

.commentone {
  margin-top: 20rpx;
}

.jianintro {
  /* width: 686rpx; */
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  border-radius: 8rpx;
  margin: 24rpx auto 0;
  margin-top: 300rpx;
  padding: 40rpx;
  box-sizing: border-box;
}
.commentitem{
  margin-top:0
}

page {
  background: #fbf8fb;
}

.jianintrotop {
  color: #000;
  font-size: 28rpx;
  font-weight: bold;
}

.jiantext {
  color: #707070;
  line-height: 2.5;
 
}

.bodybox {
  padding: 0 24rpx;
  box-sizing: border-box;
}

.xiang {
  color: #000;
  font-size: 36rpx;
  font-weight: bold;
}

.photo {
  margin-top: 24rpx;
}

.photobox {
  /* width: 686rpx; */
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  padding: 40rpx 20rpx 40rpx 40rpx;
  margin-top: 22rpx;
  overflow-x: scroll;
}

.photoitem {
  width: 245rpx;
  height: 188rpx;
  font-size: 0;
  /* padding-right: 15rpx; */
  margin-bottom: 20rpx;
  margin-right:15rpx;
  flex: 0 0 auto;
}

.photoitem:last-child {
  padding-right: 32rpx;
}

.morename {
  color: #707070;
  font-size: 24rpx;
  margin-right: 16rpx;
}

/* 评论 */

.comleft {
  width: 74rpx;
  height: 74rpx;
  font-size: 0;
  border-radius: 50%;
}

.comleft image {
  border-radius: 50%;
}

.comrname {
  color: rgb(103, 118, 138);
  font-size: 28rpx;
}

.comright {
  margin-left: 12rpx;
  flex: 1;
  width: 518rpx;
}

.comdate {
  color: #8c9198;
  font-size: 24rpx;
  margin-top: 12rpx;
}

.fenxia {
  margin-top: 16rpx;
}

.starone {
  margin-left: 0;
}

.text {
  color: #06121e;
  font-size: 24rpx;
  /* margin-top: 26rpx; */
  line-height: 1.47;
  display:block;
  /* height:138rpx; */
  overflow-y: hidden;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
  
}

.boxitem {
  width: 184rpx;
  height: 184rpx;
  font-size: 0;
  margin-right: 10rpx;
  margin-bottom:10rpx;
}

.textboximg {
  /* margin-top: 26rpx; */
}

.clockwrap {
  width: 590rpx;
  height: 500rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  border-radius: 8rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clockwrapy {
  height: 420rpx;
}

.gantanimg {
  width: 120rpx;
  height: 120rpx;
  font-size: 0;
  margin: 64rpx auto 0;
}

.shibai {
  color: #06121e;
  font-size: 32rpx;
  text-align: center;
  margin-top: 32rpx;
}

.shebei {
  color: #8c9198;
  font-size: 24rpx;
  margin-top: 18rpx;
  text-align: center;
}

.bot {
  padding: 0 76rpx;
  box-sizing: border-box;
  margin-top: 58rpx;
}

.botleft {
  width: 204rpx;
  height: 60rpx;
  border: 2rpx solid rgba(189, 196, 206, 1);
  opacity: 1;
  border-radius: 8rpx;
  color: #bdc4ce;
  font-size: 24rpx;
  text-align: center;
  line-height: 60rpx;
}

.botright {
  width: 204rpx;
  height: 60rpx;
  background: rgba(253, 170, 42, 1);
  opacity: 1;
  border-radius: 8rpx;
  color: #fff;
  font-size: 24rpx;
  text-align: center;
  line-height: 60rpx;
  margin-left: 30rpx;
}

.successname {
  color: #06121e;
  font-size: 32rpx;
  text-align: center;
  margin-top: 44rpx;
}

.clocksure {
  width: 204rpx;
  height: 60rpx;
  background: rgba(253, 170, 42, 1);
  opacity: 1;
  border-radius: 8rpx;
  color: #fff;
  font-size: 24rpx;
  text-align: center;
  line-height: 60rpx;
  margin: 38rpx auto 0;
}

/* 评论 */

.phoetopleft {
  width: 36rpx;
  height: 36rpx;
  font-size: 0;
}

.phonenumber {
  color: #000;
  font-size: 28rpx;
  margin-left: 22rpx;
  /* font-weight: bold; */
}

.addresstop {
  margin-top: 12rpx;
}

.addbox {
  width: 686rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  padding: 12rpx 16rpx 36rpx 36rpx;
  box-sizing: border-box;
  margin-top: 24rpx;
}

.additem {
  padding: 20rpx 0;
  border-bottom: 1rpx solid rgb(216, 222, 230);
}

.shouimg {
  width: 36rpx;
  height: 36rpx;
  font-size: 0;
}

.timebox {
  color: #8c9198;
  font-size: 28rpx;
  padding-left: 16rpx;
  margin-left: 26rpx;
  border-left: 1rpx solid #f5f5f5;
}

.yingshi {
  color: #000;
  font-size: 28rpx;
}

.pricepeopel {
  color: #000;
  font-size: 28rpx;
  line-height: 1
}

.pricepeopelk {
  margin-left: 22rpx;
}

.canone {
  font-size: 24rpx;
  margin-top: 16rpx;
}

.cantwo {
  font-size: 24rpx;
  margin-top: 6rpx;
}

.cantext {
  color: #707070;
  font-size: 28rpx;
  margin-top: 20rpx;
  line-height: 1.5
}

.yuyueitem {
  padding: 2rpx 38rpx;
  box-sizing: border-box;
  color: #000;
  font-size: 24rpx;
  border: 1rpx solid #8c9198;
  margin-right: 16rpx;
  border-radius: 8rpx;
}

.boitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
}

.botitemtop {
  width: 48rpx;
  height: 48rpx;
  font-size: 0;
  margin: 0 auto;
}

.botname {
  color: #000;
  font-size: 22rpx;
  margin-top: 5rpx;
}

.botfix {
  padding: 14rpx 170rpx;
  box-sizing: border-box;
  background: #fff;
}

.photoact {
  margin-top: 300rpx;
}

.recommend {
  color: #fc8083;
}

.shareitem {
  position: relative;
}

.share {
  width: 36rpx;
  height: 72rpx;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  outline: none;
}

button::after {
  border: none;
  outline: none;
}

.shopname {
  margin-top: 70rpx;
  line-height: 1
}

.yuyuelsit {
  margin-top: 26rpx;
}
.dianbox{
  margin-top:24rpx;
}
.flowername{
  color: #fca052;
  font-size: 24rpx;
  font-weight: bold;
  margin-right:10rpx;
}
.starnametext{
  color: #fca052;
  font-size: 24rpx;
  font-weight: bold;

}
.case-page{
  padding: 0;
  margin-top:24rpx;
}
.flowernamek{
  font-size:18rpx;
}
.introleft {
  font-size: 19rpx;
}
.goodbot{
  padding: 0 10rpx;
}
.noitem{
  box-shadow: none;
}

/* 海报图 */
.posterwrap{
  width:480rpx;
  /* height:646rpx; */
  font-size: 0;
  background: #fff;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.kuaizinum{
  color: #fca052;
font-size: 24rpx;
margin-right: 10rpx;
font-weight: bold;

}
.textboximg {
  flex-wrap: wrap;
  margin-top:20rpx;
}
.btnshare{
  width:480rpx;
  position:absolute ;
  top:76%;
  left:50%;
  transform: translateX(-50%);
}
.sharebtn{
  width:210rpx;
height:70rpx;
background:rgba(66,66,66,1);
border-radius:40rpx;
color:#ECD17C;
font-size: 28rpx;
text-align: center;
line-height: 70rpx;
}
.pingji{
  margin-left:20rpx;
}
.pingjiac{
  padding: 40rpx 0;
  box-sizing: border-box;
}