.detail-container{
  position: relative;
  top:-40rpx;
  border-radius: 40rpx;
  background:{
    color:#F5F5F6;
  }
  padding:24rpx 26rpx;
  padding-bottom:150rpx;
  .detail-item{
    background:{
      color:#FEFEFE;
    }
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    margin-bottom:20rpx;
    padding:20rpx 24rpx;

    justify-content: flex-start;
    .cell-two-container{
      align-items: center;
      line-height:1;
      .cell-title {
        font-size: 32rpx;
        font-weight: 400;
        color: #020B18;
        line-height: 1;
      }
      .cell-border{
        height:40rpx;
        width: 8rpx;
        margin:{
          right:12rpx;
        }
        background:{
          color:#FF9545;
        }
      }
    }
    &.price{
      padding:20rpx 0;
      .pad-26{
        padding-left:24rpx;
        padding-right:24rpx;
      }
      width:auto;
      align-items: flex-end;
      justify-content: space-between;
      .price-container{
        justify-content: flex-start;
        align-items: flex-end;
        width:auto;
      }
      .item-desc{
        margin-top:26rpx;
        justify-content: space-between;
        .item{
          text-align: left;
          justify-content: left;
        }
      }
      .tags{
        margin-top:20rpx;
        .tag{
          font-size:24rpx;
          color:#AFB5BE;
          font-weight: 400;
          padding:10rpx 12rpx;
          background-color:rgba(175, 181, 190, 0.1);
          border-radius: 8rpx;
          margin-right:8rpx;
          margin-bottom:8rpx;
        }
      }
      .hr{
        width:100%;
        height: 2rpx;
        background: #F5F5F6;
      }
      .address{
        justify-content: space-between;
        padding-top:24rpx;
        .address-btn{
          padding:10rpx;
          background:{
            color:#FF9545;
          }
          border-radius: 50%;
        }
      }
    }
    &.info,&.detail{
      .body{
        padding:50rpx 14rpx;
        .item{
          .check-item{
            margin-bottom:32rpx;
          }
        }
      }
    }
  }
}
::v-deep .u-text__price{
  display:none;
}
.foot-button{
  padding:40rpx 26rpx;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 9999;
  width: 100%;
  background: {
    color:#FFFFFF;
  };
  justify-content: space-between;
  .button-group{
    display:flex;
    .desc{
      align-items: center;
      margin-right: 38rpx;
    }
    .button{
      padding:22rpx 40rpx;
      border-radius: 40rpx;
      &.phone{
        background-color:#80C5B6;
        display: flex;
        margin-right:16rpx;
      }
      &.exchange{
        background-color:#FF9545;
      }

    }
  }
}
.cell-title{
  margin-bottom:18rpx;
}
.cell-title-desc{
  align-items: center;
  .icon{
    margin-right:6rpx;
  }
}
.cell-icon{
  align-items: flex-start;
  margin-right:40rpx;
}
.detail-image{
  width:100%;
}
.price-container-out{
  width:100%;
  display: flex;
  height:auto;
  margin-bottom:68rpx;
  margin-top:48rpx;
  align-items: flex-end;
}
.popup-container{
  align-items: flex-end;
  justify-content: space-between;

  .price-container{
    align-items: flex-end;
  }
  .hr{
    width:100%;
    height: 2rpx;
    background: #F5F5F6;
  }
  .pad-26{
    padding-left:24rpx;
    padding-right:24rpx;
  }
  .tags{
    margin-top:20rpx;
    .tag{
      font-size:28rpx;
      color:#020B18;
      font-weight: 400;
      padding:18rpx 50rpx;
      background-color:rgba(175, 181, 190, 0.1);
      border-radius: 8rpx;
      margin-right:16rpx;
      margin-bottom:16rpx;
      flex-wrap: wrap;
      border: 2rpx solid transparent;
      &.active{
        background:{
          color:#fff;
        }
        border: 2rpx solid #FF9545;
        color:#FF9545;
      }
    }
  }
}
.pop-cell{
  align-items: center;
  padding:{
    top:28rpx;
    bottom:28rpx;
  }
  .left{
    margin-right:44rpx;
  }
}

.submit-button{
  margin-top:78rpx;
}