.container {
  height: 100%;
  background-color: #F9F9F9;


  .card {
    width: 100%;
    padding: 30rpx;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 20rpx;

    .card_text {
      width: 100%;
      font-size: 32rpx;
      line-height: 60rpx;
      color: #06121F;
      font-weight: 700;
      margin-bottom: 20rpx;
    }

    .card_box {
      width: 100%;
      display: flex;

      .card_left {
        flex: 5;
        align-items: center;
        line-height: 55rpx;

        .price_dP {
          display: flex;
          align-items: center;


          .del {
            display: flex;
            margin-left: 20rpx;
            padding-top: 10rpx;

            .del_price {
              color: #ccc;
              font-size: 24rpx;
              text-decoration: line-through;

            }

            .money_icon {
              font-size: 24rpx;
              line-height: 52rpx;
              color: #ccc;
            }
          }

          .zan_price {
            font-weight: bold;
            display: flex;
            align-items: flex-end;
            line-height: 55rpx;

            .icon_name {
              font-size: 28rpx;
              color: #FF444B;
            }

            .money_icon {
              margin-left: 10rpx;
              font-size: 20rpx;
              line-height: 42rpx;
              color: #FF444B;
            }

            .price_big {
              color: #FF444B;
              font-size: 32rpx;
            }
          }
        }

        .num_buy {
          font-size: 24rpx;
          display: flex;
          align-items: center;

          .sales {
            font-size: 28rpx;
          }

          .sales_per {
            margin-left: 5rpx;
            font-size: 28rpx;
          }
        }
      }

      .card_right {
        flex: 3;
        align-items: center;
        line-height: 55rpx;

        .collar {
          font-size: 24rpx;
          color: #000;

          .yun {
            margin-right: 20rpx;
          }
        }

        .count_num {
          font-size: 26rpx;
        }

      }
    }
  }


  /* 详情  评价 */
  .details {
    width: 100%;
    height: 130rpx;
    background-color: #fff;
    padding: 32rpx 32rpx;
    box-sizing: border-box;
    display: flex;

    .details_name {
      font-size: 28rpx;
      height: 90rpx;
      line-height: 90rpx;
    }

    .appraise_name {
      font-size: 28rpx;
      height: 90rpx;
      line-height: 90rpx;
      margin: 0 70rpx;
    }

    .cur {
      border-bottom: 4rpx solid #E8370F;
      font-weight: 700;
      font-size: 36rpx !important;
    }
  }

  .details_img {
    padding: 32rpx;
    box-sizing: border-box;
    background-color: #fff;
    padding-bottom: 150rpx;
  }

  //  评价内容
  .praise {
    width: 100%;
    padding: 32rpx 32rpx;

    box-sizing: border-box;

    .person_content {
      display: flex;

      justify-content: space-between;

      .left_ziliao {
        display: flex;

        align-items: center;

        .imgNum {
          width: 80rpx;
          height: 80rpx;

          image {
            width: 100%;
          }
        }

        .per_item {
          display: flex;

          justify-content: space-between;
          flex-direction: column;
          height: 80rpx;
          margin-left: 20rpx;

          .nickname {
            font-size: 28rpx;
            line-height: 40rpx;
            font-weight: 600;
          }

          .dateTime {
            color: #BDC4CE;
            font-size: 24rpx;
            line-height: 34rpx;
          }
        }

      }

      .praise_star {
        width: 140rpx;
        display: flex;
        align-items: center;


        image {
          width: 48rpx;
          height: 48rpx;

        }

        text {
          margin-left: 20rpx;
          font-size: 28rpx;
          line-height: 40rpx;
        }
      }

    }

    .praise_text {
      // padding-left: 80rpx;
      margin-left: 80rpx;
      height: 100rpx;
    }
  }

  /* 立刻购买 */
  .box_buy {
    width: 100%;
    background-color: #fff;
    border-top: solid 1rpx #F9F9F9;
    padding: 20rpx 0;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .kefu {
      width: 170rpx;
      height: 44rpx;
      display: flex;
      align-items: center;
      padding-left: 30rpx;
      position: relative;

      .transparent {
        background: transparent;
        top: -2rpx;
        left: 38rpx;
        border: none;
        // border: 1rpx solid royalblue;
        position: absolute;
        width: 48rpx;
        height: 48rpx;
        padding: 0;

      }

      .img1 {
        width: 44rpx;
        height: 44rpx;
        margin: 0 10rpx;
      }



    }

    .buy {
      flex: 1;
      display: flex;
      align-items: center;


      .bind {
        width: 260rpx;
        height: 68rpx;
        color: #fff;
        line-height: 68rpx;
        padding: 0;
        font-weight: 400;
        margin: 0 10rpx;
      }

      .btn1 {
        background-color: #FFBA00;
      }

      .btn2 {
        background-color: #E8370F;
      }
    }
  }
}