.user_rank{position:fixed;bottom:0;left:0;border:none;width:100%;padding:0 15px;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box}.user_rank .rank_list{border-radius:0;padding:0 10px;margin:0}.page_rank{background:url(../img/rank_bg.4c12d0c5.png) top no-repeat;padding:0 15px 72px;box-sizing:border-box;background-size:100% 208px}.top_bar{display:block;text-align:left}.top_bar a{display:inline-block;font-size:18px;color:#fff;margin-top:10px}.rank_content{margin-top:112px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.rank_content .tip_name{text-align:center;color:#fff;width:100%;font-size:20px;font-weight:700}.rank_list{background:#fff;width:100%;padding:10px;margin-top:32px;border-radius:10px}.rank_list ul{margin-top:10px}.rank_list li{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #f0f0f0;padding:10px 0}.rank_list li:first-child{border-top:1px solid #f0f0f0}.rank_list li .rank_info{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.rank_list li .rank_order{font-size:20px;color:#949494}.rank_list li div{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.rank_list img{width:62px;height:62px;border-radius:50%}.rank_list li img{width:50px;height:50px;border-radius:50%}.rank_info p em{font-style:normal;float:right}.rank_info p{width:100%;font-size:12px;color:#999}.rank_info span{width:50%;text-align:left}.rank_info span:first-child{text-align:left}.rank_info span:nth-child(2){text-align:right}.rank_top{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.rank_top .top_2{width:29%}.rank_top .top_1{position:absolute;box-sizing:border-box;width:32%;left:35%;margin-top:-37px}.top_1 div{width:100%;border-top-right-radius:10px;border-top-left-radius:10px;padding-top:34px;background:#fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}.rank_top div span{width:100%;text-align:center;display:block;font-size:14px;color:#333}.rank_top div span img{display:inline-block}.rank_top div em{width:100%;text-align:center;font-style:normal;color:#963;font-size:18px;font-weight:700;display:block}.rank_order{width:7%;text-align:left}.rank_pic{width:20%;text-align:center}.rank_top s{width:20px;height:20px;border-radius:50%;text-align:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:absolute;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration:none;line-height:20px;color:#fff;font-size:14px;border:1px solid #fff}.rank_top .s1{background:red;margin-top:33px;right:12%}.rank_top .s2{left:25%}.rank_top .s2,.rank_top .s3{background:#ff8100;margin-top:33px}.rank_top .s3{right:8%}