.space-status {
  border-left: 1px solid rgba(98, 97, 101, 0.4);
  //height: 98.5vh;
  overflow: auto;
  //padding-bottom:50px;
  .no-data-text {
    text-align:center;
    padding-top:10%;
    
 }
  .service-list {
    position: relative;
    .action-btn {
      cursor: pointer;
      border-radius: 5px;
      margin-top: 15px;
      padding: 5px 12px;
      font-size: 12px;
      display: inline-block;
      background-color: #1cc0f3;
      color: white;
      position: absolute;
      right: 20px;
      bottom: 12px;
      font-weight: 700;
      &:hover {
        background-color: darken(#1cc0f3, 10%);
      }
      .share-icon {
        position: relative;
        top: -1px;
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
      }
    }
  }
  .nomal-title {
    font-size: 10px;
    color: #8d8d8d;
    font-weight: bolder;
  }

  .note,
  .nomal-text {
    font-size: 10px;
    color: #8d8d8d;
  }
  .strong-text {
    font-size: 10px;
    font-weight: 700;
    color: #dbdbdb;
  }
  .deadline-title {
    font-size: 16px;
    color: #8d8d8d;
    font-weight: bolder;
    .deadline-time {
      color: #1cc0f3;
    }
  }
  .info-text {
    color: #fafafa;
    font-weight: bolder;
    .info-num {
      font-size: 26px;
      font-weight: 600;
    }
    .info-note{
      color: #fafafa;
    }
    
  }
  .over-used{
    color: red;
  }
  .main-wrap {
    padding: 30px;
  }
  .chart-wrap {
    margin-top: 30px;
  }
  .buy-list {
    border-top: 1px solid rgba(98, 97, 101, 0.4);
   
    .list-wrap {
      height: 280px;
      overflow: auto;
      border-bottom: 1px solid rgba(98, 97, 101, 0.4);
    }

    .service-listTitle {
      padding: 10px 0px;
      font-size: 10px;
    }
    .buy-item {
      &:last-child{
        border-bottom:none
      }
      .tmd-icon {
        font-size: 30px;
        position: relative;
        top: 5px;
        left: -5px;
      }
      .title {
        font-size: 16px;
        font-weight: 600;
      }
      margin-left: 20px;
      padding: 20px;
      border-bottom: 1px solid rgba(98, 97, 101, 0.4);
    }
  }

  .buy-btn {
    cursor: pointer;
    border-radius: 5px;
    margin: 20px 11%;
    width: 80%;
    padding: 5px 12px;
    font-size: 20px;
   
    background-color: #1cc0f3;
    color: white;
    text-align: center;
   
    font-weight: 700;
    &:hover {
      background-color: darken(#1cc0f3, 10%);
    }
  }
  .remail-data{
    z-index:2;
    width: 100px;
    position: relative;
    top:-199px;
    margin-bottom:-120px;
    left:37%;
    .title{
      color:rgb(141, 141, 141);
      font-weight: bolder;
      font-size: 10px;
    }
    .num{
      white-space: nowrap;
      color: white;
      font-weight: 500;
      font-size: 28px;
      line-height: 28px;
      margin-bottom:5px;
      .small-text{
        font-size: 12px;
      }
    }

  }

}

