/*=============================================================================*/
/*排行榜内页*/
/*排行榜banner*/
.rank_banner{
    width: 95.9%;
    overflow: hidden;
    background: #fff;
    padding: 0.453rem 0;
    padding-left: 0.4rem;
}
.rank_banner h1{
    font-size: 0.427rem;
}
.rank_banner p{
    font-size: 0.347rem;
    color: #545454;
    margin-top: 0.24rem;
}
.rank_banner ul{
    margin-top: 0.4rem;
}
.rank_banner ul a{
    width: 2.13rem;
    height: 1.2rem;
    float: left;
    margin-right: 0.213rem;
}
.rank_banner ul a:last-child{
    margin-right: 0;
}
.rank_banner ul a img{
    width: 100%;
    height: 100%;
}
/*==========================================*/

/*rank_wrap主体内容*/
/*选项卡tab头*/
#contrast{
    width: 100%;
    height:1.32rem;
    font-size: 0.4266rem;
    background-color:#fff;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.2466rem;
    position: relative;
    top: 0;
    z-index: 9;
}

.contrast_float{
    position: sticky!important;
    z-index: 10000!important;
    top:0!important;
}

#contrast div{
    width: 33.33%;
    height: 1.2533rem;
    float: left;
    text-align: center;
    color: #545454;
}

#contrast .default{
    height: 1.2533rem;
    color:#000000;
    font-weight: bold;
    background-image: url("https://static.fangxiaoer.com/m/static/images/rank/xz0310.jpg");
    background-repeat: no-repeat;
    background-position: center 1.2rem;
    background-size: 16px;
}

/*==============================================================*/
/*排行榜信息内容详情*/
.rank_info_li{
    width: 9.2rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}
.rank_wrap2 .rank_info_li .rank_info:first-child{
    margin-top: 0.4rem !important;
}

.rank_info{
    background:#ffffff;
    height: 2.93rem;
    margin-top: 0 !important;
}
.rank_num{
    position: absolute;
    margin: 0.453rem 0;
    width: 0.64rem;
    height: 0.7866rem;
    background-image: url(https://static.fangxiaoer.com/m/static/images/rank/page_lpphb_ph_img.png);
    background-size:6.266rem;
    background-repeat: no-repeat;
    z-index: 1;
}
.rank_img{
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    overflow: hidden;
    top: 0.2666rem;
    left: 0.2666rem;
    border-radius: 0.08rem;
    z-index: 0;
    float: left;
    overflow: hidden;
}

.rank_img img{
    width: 100%;
    height: 100%;
    vertical-align:top;
}
.uuipe{
    width: 100%;
    height: 0.773rem;
    z-index: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.rank_img .rank_ico{
    width: 0.773rem;
    height: 0.773rem;
}
.havePanorama{
    width: 0.773rem !important;
    height: 0.773rem !important;
}

/*rank文字信息样式*/
.rank_text{
    width: 67%;
    position: relative;
    margin-left:0.6rem;
    top: 0.2666rem;
    float: left;
}

.rank_text .title{
    width: 100%;
    position: relative;
    margin-top: 0.11rem;
    overflow: hidden;
}
.rank_wrap2{
    margin-top: 0.4rem !important;
}
.rank_text .title h1{
    font-size: 0.466rem;
    float: left;
    margin-right: 0.1066rem;
}
.rank_wrap{
    margin-top: 10px;
}
.rank_text .title span{
    font-size: 0.3266rem;
    display: block;
    background: #ffe8de;
    height: 0.5rem;
    float: left;
    color: #ff5200;
    transform: scale(0.825);
    text-align: center;
    line-height: 0.5rem;
    border-radius: 4px;
    left: 0px;
    position: relative;
    margin-top: 2px;
    padding: 0 4px;
}

.rank_text .mian{
    position: relative;
    height: 17px;
    margin-top: 0.4rem;
}

.rank_text .mian p{
    font-size: 0.37rem;
    color: #545454;
    float: left;
    position: relative;
}

.rank_text .jia{
    margin-top: 0.2rem;
    position: relative;
    line-height:0.56rem;
}

.rank_text .jia span{
    color: #ff6f28;
    font-size: 0.35rem;
    display: block;
}

.rank_text .jia b{
    font-size: 0.45rem !important;
    font-weight: bold;
    color: #ff6f28;
}
.determined{
    font-size: 0.45rem !important;
    font-weight: bold;
    color: #ff6f28;
    float: left;
    margin-top: -0.025rem;
}
.jia img{
    width: 0.43rem;
    height: 0.39rem;
    vertical-align: middle;
    margin-left: 0.107rem;
    margin-top: -0.15rem;
}
.introduction{
    width:8.9rem;
    background: #e9e9e9;
    padding:0.12rem 0.15rem;
    font-size: 0.293rem;
    color: #545454;
    line-height:0.45rem;
}
.shadow{
    width:9.2rem;
    height: 0.24rem;
    background: url(https://static.fangxiaoer.com/m/static/images/rank/page_lpphb_tj_img_qc.png);
    background-size:100% 100%;
}
/*底部文字*/
.footer_text{
    color: #999999;
    font-size: 0.32rem;
    padding: 0 0.5rem;
    line-height: 0.5rem;
    margin:0.6666rem 0;
}

/*排行榜排名图标单个图标宽度0.8266rem 从左至右 偏移量单个0.8266rem*/
.rank_1{
    background-position: 0rem;
}

.rank_2{
    background-position:-0.61rem;
}

.rank_3{
    background-position:-1.23rem;
}

.rank_4{
    background-position: -1.9rem;
}

.rank_5{
    background-position: -2.48rem;
}

.rank_6{
    background-position: -3.11rem;
}

.rank_7{
    background-position: -3.75rem;
}

.rank_8{
    background-position: -4.37rem;
}

.rank_9{
    background-position: -5rem;
}

.rank_10{
    background-position: -5.64rem;
}
.quotation{
    height: 0.45rem;
    background: url(https://static.fangxiaoer.com/m/static/images/rank/page_lpphb_img_kpsj_bg.png);
    background-size: 100% 100%;
    padding: 0 0.08rem;
    float: left;
    font-size: 0.293rem;
    color: #fff;
    margin-top: 0.03rem;
    margin-right: 0.133rem;
    line-height: 0.45rem;
}

/*=============================================================================*/

/*详情页品牌馆入口*/
.entrance{
    background: #ffffff;
    margin-bottom: 10px;
    padding: 0 0.7143rem;
    font-size: 0.8190rem;
    color: #545454;
    /*1rem等于21px 谷歌iPhone678*/
}

.assort{
    height: 2.6142rem;
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: 19px;
    padding-left: 1.9285rem;
    line-height: 2.72642rem;
    background-position-y: center;
}

.brand{
    background-image:url("https://static.fangxiaoer.com/m/static/images/rank/pai.jpg");
}

.ranking{
    background-image:url("https://static.fangxiaoer.com/m/static/images/rank/bang.jpg");
}

.assort img{
    width: 19px;
    height: 19px;
    position: relative;
    top: 4px;
    margin-right: 10.5px;
}

.only_span{
    margin-top: 0.9242rem
}
/*详情页品牌馆入口*/

/*切换*/
.urban{
    width: 100%;
    height: 1.33rem;
    background: #fff;
    margin-top: 1.3466rem;
    margin-bottom: 0.4rem;
    background: #fff;
    z-index: 99;
}
.rank_wrap2 .swiper-container {
    width:100%;
    height: 100%;
    background: #fff;
    /*margin: 20px auto;*/
}
.rank_wrap2 .swiper-slide {
    width: auto;
    margin-left: 0.4rem;
    padding: 0 0.366rem;
    margin-top: 0.24rem;
    height: 0.827rem;
    text-align: center;
    font-size: 0.3467rem;
    color: #545454;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.orange{
    color: #fff !important;
    background: #ff6f28 !important;
}