.page_container{

    background-color: #f5f7fa;

}

.rank_banner{

    width: 100%;

    min-width: 1200px;

    height: 400px;

    background: url("../images/rank/banner.jpg") no-repeat center;

}

.explainx{

    width: 1100px;

    margin: auto;

    background: #fff;

    border-radius: 8px;

    padding: 20px 50px;

    margin-top: 20px;

    line-height: 30px;

    text-indent: 36px;

}

.explainx a{

    color:#f00;

    text-decoration:underline;

}

.rank_content{

    width: 1100px;

    margin: 0 auto;

    background-color: #fff;

    padding: 10px 50px 20px 50px;

    /*border-radius:0 0 10px 10px;*/

    margin-top: 30px;

    border-radius: 10px;



}

.search{

    float: right;

    width: 335px;

    height: 38px;

    margin-top: 30px;

    margin-bottom: 15px;

}

#search{

    width: 230px;

    height: 45px;

    background-color: #fcfcfc;

    border: 1px #e4e4e4 solid;

    border-radius: 5px;

    outline: none;

    padding-left: 15px;

    font-size: 16px;

}

#search:active,#search:hover{

    border: 1px #2b60fa solid;

    box-shadow:  0 0 5px #2b60fa;

}

input::-webkit-input-placeholder{

    color:#999;

}

/* Mozilla Firefox 19+ */

input::-moz-placeholder{

    color:#999;

}

/* Mozilla Firefox 4 to 18 */

input:-moz-placeholder{

    color:#999;/JavaScript Console:1

}

/* Internet Explorer 10-11 */

input:-ms-input-placeholder{

    color:#999;

}

.s_btn{

    float: right;

    display: inline-block;

    width: 77px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    color: #fff;

    padding-left: 23px;

    background: url("../images/search_1_05.png") no-repeat;

    background-size: 14px 13px;

    background-position:14px center;

    background-color: #2b60fa;

    border:none;

    outline: none;

    font-size: 16px;

    border-radius: 5px;

}



.award_level{

    float: left;

    width: 765px;

    margin-top: 30px;

    margin-bottom: 30px;

}

.award_level a{

    display:block;

    color:#333;

}

.level_item{

    float: left;

    width: 172px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border: 1px #e4e4e4 solid;

    border-radius: 10px;

    margin-right: 10px;

    color: #333;

    font-weight: bold;

}



.groups_level{

    width: 1200px;

    margin:auto;

    margin-top: 30px;

    background-color: #fff;

    border: 1px #2b60fa solid;

}

.groups_level a{

    display:block;

    color:#333;

}

.groups_level .level_item{

    width:33.333333333333333333%;

    margin: 0;

    border: none;

    border-radius: 0;

    height: 60px;

    line-height: 60px;

}



.tab_type_active,.tab_list_active{

    color: #fff;

    background-color: #548bfb;

    border: 1px #548bfb solid;

}

.groups_level .tab_type_active{

    background-color: #2b60fa;

}

.tab_type_active a,.tab_list_active a{

    color: #fff;

}



.table_rank{

    width:100%;

    margin: 0 auto;

}

.table_rank tr:first-child{

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-weight: bold;

    background-color: #e3e3e3;

}

.table_rank tr td{

    width: 25%;

    height: 82px;

    text-align: center;

    border-bottom: 1px #e3e3e3 solid;

}

.table_rank tr:last-child td{

    border: none;

}





.more{

    width:1000px;

    margin:auto;

    margin-top:20px;

    padding-bottom:20px

}

.more ul li{

    float:left;

    margin-left:10px;

    margin-top:10px;

}