.alter-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;

  .box{
    width: 807px;
    height: 468px;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    .icon{
      width: 100px;
      height: 100px;
      object-fit: cover;
      margin-top: 130px;
    }
    .label{
      font-weight: 500;
      font-size: 18px;
      color: #333333;
      line-height: 1.5;
      margin-top: 20px;
    }
    .desp{
      font-weight: 400;
      font-size: 16px;
      color: #A7A7A7;
      margin-top: 10px;
    }
    .btn-back{
      width: 108px;
      height: 36px;
      background: #FAFAFA;
      border-radius: 2px;
      border: 1px solid #DFE4E8;

      font-weight: 400;
      font-size: 16px;
      color: #6E6E6E;

      margin-top: 85px;

    }

  }

}


// 媒体查询
@media screen and (max-width: 768px) {
  .alter-wrap {
    .box{
      width: 3rem;
      height: 2.42rem;
      background: #FFFFFF;
      border-radius: 0.04rem;
      .icon{
        width: 0.8rem;
        height: 0.8rem;
        object-fit: cover;
        margin-top: 0.25rem;
      }
      .label{
        font-size: 0.16rem;
        margin-top: 0.06rem;
      }
      .desp{
        font-weight: 400;
        font-size: 0.14rem;
        color: #A7A7A7;
        margin-top: 0.08rem;
      }
      .btn-back{
        width: 0.96rem;
        height: 0.36rem;
        background: #12BF89;
        border-radius: 0.04rem;
        border: 0.01rem solid #12BF89;
        font-size: 0.14rem;
        color: #FFFFFF;
        margin-top: 0.25rem;
      }
    }
  }
}

// 媒体查询
@media screen and (min-width: 769px) {

}