.rank-page{
    height:100%;
    overflow: hidden;
  /*  position: relative;*/
}
.rank-list{
    width:100%;
    height:100%;
    overflow: auto;
    position:absolute;

}
.brand-search{
    background-color: black;
    /*border-bottom: 1px solid #fff;*/
    position: relative;
    padding:0 0 1% 0;
    height:5%;
}
.search-icon {
    padding:2% 1% 1% 1%;
}
.brand-name{
    width: 70%;
    font-weight: lighter;
}
.search-btn{
    padding:10px 0;
    z-index: 2;
    width: 20%;
    color:#f494aa;
    text-align: right;
    font-size: 1.5em;
    font-weight:lighter;
}
.rank-list .rank-item {
    background-color: #000;

    width: 100%;
    height:22%;
}

.rank-list .rank-item .rank-bg {
    margin:0 auto;

    height:60%;
}

.rank-list .rank-item .brand-bg .brand-text {
    width: 100%;
    font-size: 1.2em;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-top: 2%;
}
.rank-list .rank-item .brand-bg .brand-text .title{
    font-weight: lighter;

}
.rank-list .rank-item .brand-logo {
    text-align: center;
    width: 100%;
    height: 50%;
    /* padding: 5% 20%; */
    display: inline-block;


}
.rank-list .rank-item .brand-bg .brand-logo img{
    margin: 5% 0;
    border: 1px solid #fff;
    padding: 2%;
    text-align: center;
    height: 45%;

}
.rank-item .logo img{
    padding: 2px 0px;

    border-radius: 3px;
    margin-right: 8px;
    width:98px;;
    height:48px;
}