liedou_uniapp/static/style/goodsDetail....

.page-wrap {
  min-height: 100vh;
  background-color: #F5F5F5;
  padding-bottom: 200rpx;
  .back-btn {
    position: fixed;
    left: 38rpx;
    top: 80rpx;
    width: 52rpx;
    height: 52rpx;
    z-index: 9;
  }
  .swiper-wrap {
    width: 100vw;
    height: 100vw;
  }
  .con-block{
	  margin: 24rpx;
	  border-radius: 30rpx;
	  padding: 24rpx;
	  background-color: #fff;
  }
  .salesVolume{
  	background: url('https://ld.726p.com/ldyx_static/imgs/huo-bg.png') no-repeat;
  	background-size: 100%;
  	width: 200rpx;
  	line-height: 28rpx;
  	color: #FF4040;
  	font-size: 24rpx;
  	line-height: 54rpx;
  	text-align: center;
  	padding-left: 16rpx;
  }
  .info-wrap {
    .tp-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      .lt-wrap {
        display: flex;
        align-items: baseline;
		.price-title{
			color: #FF4040;
			font-size: 28rpx;
			line-height: 40rpx;
		}
        .price {
          font-size: 48rpx;
          color: #FF4040;
		  font-weight: bold;
		  line-height: 66rpx;
		  margin-left: 12rpx;
        }
        .price-old {
          margin-left: 16rpx;
          font-size: 24rpx;
		  line-height: 34rpx;
          text-decoration: line-through;
          color: #999999;
        }

      }
      .rt-wrap {
        display: flex;
        align-items: center;
        .btn-wrap {
          display: flex;
          align-items: center;
          .btn-img {
            width: 32rpx;
            height: 32rpx;
          }
          .btn-text {
            font-size: 25rpx;
            color: #999;
          }
        }
      }
    }
    .bm-wrap {
      margin-top: 20rpx;
      font-size: 34rpx;
	  font-weight: bold;
	  line-height: 48rpx;
      color: #333333;
      .shop-icon {
        margin-right: 6rpx;
        width: 32rpx;
        height: 32rpx;
		margin-top: -10rpx;
        border-radius: 10rpx;
        vertical-align: middle; // 解决图片下边框缝隙问题
      }
    }
	.quan-block{
		width: 100%;
		height: 132rpx;
		background: url('https://ld.726p.com/ldyx_static/imgs/quan-bg.png') no-repeat;
		background-size: 100%;
		margin-top: 44rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.quan-button{
			width: 213rpx;
			color: #FFFFFF;
			font-size: 36rpx;
			line-height: 50rpx;
			text-align: center;
		}
		.quan-info{
			flex:1;
			padding-left: 20rpx;
			.quan-info-1{
				color: #FFFFFF;
				font-size: 24rpx;
				line-height: 34rpx;
				.quan-price{
					color:#FFFFFF;
					font-size:56rpx;
					line-height: 70rpx;
				}
			}
			.quan-time{
				color: #FFFFFF;
				font-size: 22rpx;
				line-height: 32rpx;
			}
		}
	}
    .btm-wrap {
      margin-top: 10rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .commission-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 346rpx;
        height: 108rpx;
        padding-left: 20rpx;
        color: #9F5C0A;
        background-color: #FEF5E3;
        border-radius: 4rpx;
        .price {
          font-size: 32rpx;
        }
        .tips {
          margin-top: 6rpx;
          font-size: 22rpx;
        }
      }
      .coupon-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 346rpx;
        height: 108rpx;
        padding-left: 20rpx;
        background-image: url("https://ld.726p.com/ldyx_static/imgs/bg-quan-medium.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #F23D45;
        .price {
          font-size: 32rpx;
        }
        .tips {
          margin-top: 6rpx;
          font-size: 22rpx;
        }
      }
    }
  }
  .shop-wrap {
    background-color: #fff;
    margin-top: 10rpx;
    display: flex;
    align-items: center;
    .lt-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      .shop-img {
        border-radius: 10rpx;
        width: 90rpx;
        height: 90rpx;
      }
    }
    .rt-wrap {
      flex: 1;
      margin-left: 20rpx;
      padding-right: 40rpx;
      .tp-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .shop-name {
          width: 430rpx;
          font-size: 34rpx;
		  line-height: 40rpx;
          color: #333;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow:ellipsis;
        }
        .enter-wrap {
          display: flex;
          align-items: center;
          font-size: 24rpx;
          color: #333;
          .enter-img {
            width: 10rpx;
            height: 20rpx;
            margin-left: 6rpx;
          }
        }
      }
      .point-wrap {
        margin-top: 20rpx;
        display: flex;
        justify-content: space-between;
        color: #999;
        font-size: 24rpx;
		line-height: 30rpx;
      }
    }
  }
  .recommend-wrap {
    margin-top: 10rpx;
    padding-top: 22rpx;
    background-color: #fff;
    .goods-list-wrap {
      padding: 20rpx 6rpx 10rpx;
      display: flex;
      justify-content: space-between;
      .goods-item-wrap {
        width: 200rpx;
        .goods-img {
          width: 200rpx;
          height: 200rpx;
          border-radius: 10rpx;
          vertical-align: middle;
        }
        .goods-commission {
          padding: 4rpx 0;
          text-align: center;
          background: linear-gradient(45deg, #F57B2A 0%,  #F13840 100%);
          color: #fff;
          font-size: 20rpx;
        }
        .goods-title {
          margin-top: 4rpx;
          padding-right: 4rpx;
          font-size: 26rpx;
		  line-height: 40rpx;
          color: #333;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow:ellipsis;
        }
        .goods-price {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 4rpx;
          .price {
            font-size: 26rpx;
            color: #F51400;
          }
          .price-old {
            margin-right: 4rpx;
            font-size: 20rpx;
            color: #999;
            text-decoration: line-through;
          }
        }
      }
    }
  }
  .detail-wrap {
    margin-top: 10rpx;
    padding-top: 10rpx;
    background-color: #fff;
	padding-top: 20rpx;
    .content {
      .price-img {
        width: 100%;
        height: 368rpx;
      }
    }
  }
  .guess-wrap {
    padding-top: 10rpx;
    background-color: transparent;
	padding: 0;
    .goods-list-double-wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
	  background: #f5f5f5;
      margin:auto;
      margin-top: 22rpx;
      .verticalGoodItem{
    	  margin-bottom: 22rpx;
      }
    }
  }
  .footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	height: 150rpx;
	padding: 25rpx;
	border-top: 1rpx solid #eee;
    .btn-wrap {
      background-color: #FFBB93;
      display: flex;
      align-items: center;
	  width: 600rpx;
	  height: 84rpx;
      border-radius: 84rpx;
      overflow: hidden;
      .btn-item {
        height: 100%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        .btn-icon {
          margin-right: 10rpx;
        }
        .btn-text {
          color: #fff;
          font-size: 36rpx;
		  font-weight: bold;
		  line-height: 84rpx;
        }
        &.lt-btn {
          .btn-icon {
            width: 42rpx;
            height: 38rpx;
          }
        }
        &.rt-btn {
			background: linear-gradient(90deg, #FF9048 0%, #FB3F3C 100%);
			border-radius: 42rpx;
          .btn-icon {
            width: 42rpx;
            height: 44rpx;
          }
        }
      }
    }
  }
}
.btn-collect-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 28rpx;
	.btn-collect-img{
		width: 42rpx;
		height: 42rpx;
	}
	.btn-collect-text{
		color: #666666;
		font-size: 20rpx;
		line-height: 28rpx;
	}
}
.block-title{
	line-height: 60rpx;
	font-size: 34rpx;
	padding: 0;
	font-weight: bold;
	text-align: center;
}
.sales2{
	color: #999;
	font-size: 24rpx;
	margin-left: 4rpx;
	text-decoration: line-through;
}
.commission-price-view{
	width: 100%;
	line-height: 72rpx;
	background: linear-gradient(90deg, #FF9048 0%, #FB3F3C 100%);
	border-radius: 20rpx 20rpx 0px 0px;
	color: #FFFFFF;
	font-size: 32rpx;
	padding: 0 44rpx;
	position: relative;
	margin-top: -30rpx;
}