rank-list.scss

page-rank-list {
  .main-container{
    height: 100%;
  }
  .learn-item{
    height: 100%;
  }
  .top-container{
    text-align: center;
    padding: 1.5rem;
    background: linear-gradient(to bottom,#89a2cd 0%,#ccd4e3 25%,#e6e8ed 100%);
    min-height: 100%;
  }
  .grid{
  }
  .top-row{
    color: #577ab9;
    font-size: 1.8rem;
  }
  .top-col{
    background-color: #fff;
    margin: .5rem;
    height: 3rem;
    line-height: 2rem;
    font-size: 1.5rem;
    border-radius: 4px;
    img{
      width: 2rem;
    }
  }
  .tips{
    position: fixed;
    bottom: 2rem;
    left: 0;
    text-align: center;
    color: #577ab9;
    width: 100%;
  }
  .span-rank{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-color: #bfcbe0;
    border-radius: 2px;
    color: #fff;
    font-size: 1.2rem;
    vertical-align: middle;
    line-height: 2rem;
  }
}