.boxes{
  padding:15px 0px;
  .roundBox{
    margin:20px auto;
    display: flex;
    justify-content: center;
    & >div{
      margin:0px 30px;
    }
  }
  .pBox{
    width: 400px;
    margin:40px auto 20px;
    .progress{
      width: 360px;
      margin:0px auto;
      display: flex;
      background-color: #fafafa;
      border-radius: 10px;
      height: 7px;
      span:first-child {
        border-radius: 10px 0px 0px 10px;
      }
      span:last-child {
        border-radius: 0px 10px 10px 0px;
      }
    }
    .progresstip {
      margin-top: 15px;
      flex-wrap: wrap;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      & > span {
        padding-left: 15px;
        position: relative;
        min-width: 33%;
        display: flex;
        justify-content: flex-start;
        i.zero {
          display: block;
          border-radius: 50%;
          height: 8px;
          width: 8px;
          margin-top:10px;
          margin-right: 5px;
        }
        span {
          color: #666;
        }
        span:last-child {
          color: #999;
          margin-left: 5px;
        }
      }
    }
  }
}