@charset "utf-8";
/*
    MYB2B Copyright (C)2008-2023
    author：kefu@mbkfw.com
    This is NOT a freeware,Use is subject to license.txt
*/
/**/
.list-box {width:100%;height: 4.8rem;background:#de1515 url(images/hits/bg2.png);background-size:cover;box-sizing:border-box;padding-top: 0.25rem;position:relative;background-position-x:center;margin: 0;border-radius: 0;}
.bestDescription {padding:0 10px;margin: 0.15rem auto 0 auto;overflow-y:auto;height: 0.53rem;}
.bestDescription p {font-size: 0.12rem;color:rgba(255,255,255,0.5);line-height: 0.18rem;}
.list-box-top {width:100%;display:flex;flex-direction:column;align-items:center;position:relative;}
.list-box-top>p {position:absolute;right:0;top:0;padding:0;width: 0.64rem;height: 0.24rem;line-height: 0.24rem;font-size: 0.12rem;text-align:center;color:#FFFFFF;background:#F0BC89;border-radius:0.75rem 0 0 0.75rem;border: 0;}
.list-box-top>p:focus,.list-box-top>p:active,.list-box-top>p:visited,.list-box-top>p:hover {color:#FFFFFF;}
.list-box-title {display:flex;align-items:center;justify-content:center;}
.list-box-title>svg {font-size:3.4375rem;}
.list-box-title .iconsvg {display:block;width: 0.61rem;height:auto;opacity:0.5;}
.list-box-title>div {height: 0.58rem;display:flex;flex-direction:column;align-items:center;}
.list-box-title h1 {font-size: 0.2rem;color:#F8F2BB;margin: 0.05rem 0 0.05rem 0;}
.list-box-title h3 {font-size:1.4375rem;color:#F8F2BB;margin:0.3125rem 0 0.5rem 0;}
.list-box-title p {color:#F8F2BB;font-size: 0.14rem;}
.top-tabBar {display:flex;align-items:center;justify-content:space-between;width:94%;height: 0.35rem;margin: 0.13rem auto;background:rgba(255,255,255,0.2);border-radius:3.125rem;overflow:hidden;}
.top-tabBar li {width:24.8%;width: 33%;text-align:center;height: 0.35rem;line-height: 0.35rem;border-radius:3.125rem;color:rgba(255,255,255,1);font-size: 0.16rem;}
.top-tabBar li h3 {color:#FFF;font-size: 0.16rem;line-height: 0.35rem;font-weight: normal;}
.top-tabBar .barChosing {background:rgba(255,255,255,1);color:#F32C2C;}
.top-tabBar .barChosing h3 {color:#F32C2C;}
.top-three-box {width:100%;position:absolute;bottom: 0.46rem;}
.sentiment .top-three-box {width:100%;position:absolute;bottom:2.1875rem;}
.topThree {width: 100%;margin:0 auto;display:flex;align-items:flex-end;justify-content:center;}
.topThree>div {width: 1.1rem;display:flex;flex-direction:column;align-items:center;}
.topThree>.top1 {width: 1.3rem;}
.topThree .top-dedail {display:flex;flex-direction:column;align-items:center;margin-bottom: 0.08rem;}
.topThree img {width: 0.55rem;}
.topThree .top2-img,.topThree .top3-img {width: 0.8rem;height: 0.33rem;border:1px solid #F0F0F0;margin: 0.1rem 0 0.25rem 0;border-radius:5px;box-sizing: border-box;}
.topThree .top1-img {width: 1.05rem;height: 0.43rem;border-radius:5px;margin: 0.1rem 0 0.39rem 0;border:1px solid #F0F0F0;box-sizing: border-box;}
.sentiment .topThree .top2-img,.sentiment .topThree .top3-img {margin:0.375rem 0 1.25rem 0;}
.sentiment .topThree .top1-img {margin:0.375rem 0 2.5rem 0;}
.sentiment .topThree .compnay {margin:0.3125rem 0;}
.topThree .compnay {font-size: 0.12rem;text-align:center;max-width: 0.85rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin: 0.02rem 0;overflow:hidden;}
.topThree p {color:#FFFFFF;}
.topThree .voteNum {font-size: 0.14rem;display:flex;align-items:center;}
.vote {display:flex;flex-direction:row;align-items:center;justify-content:center;width: 0.6rem;height: 0.24rem;line-height: 0.24rem;text-align:center;background:#F32C2C;border-radius:3.125rem;font-size: 0.12rem;color: #FFFFFF !important;}
.vote:active,.vote:focus,.vote:visited,.vote:hover {color:#FFFFFF;outline:none;}
.vote>span {font-size: 0;margin-left: 0;}
/**/
.list-content1,.list-content2, .list-content3.on {width:100%;background: linear-gradient(rgb(251,94,94) 10px,#FFFFFF 1rem);}
.list-content1 .bd,.list-content2 .bd {width:94%;margin:0 auto;}
.bd>:first-child .companyNam, .bd>:first-child .company {color:#FFFFFF;}
.bd>:first-child .company_main_describe {color:#808080;}
.bd li {width:100%;display:flex;flex-direction:column;border-bottom:1px solid rgba(238,238,238,1);padding: .1rem 0;box-sizing:content-box;}
/* 2020-12-24日修改，添加排名列表上的品牌描述文字*/
.company_main_msg {display:flex;align-items:center;}
.company_main_describe {color: #666666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size: .12rem;line-height: 0.2rem;}
/* 2020-12-24--*/
.bd li:first-child {border-bottom:1px solid rgb(231,177,177);}
.bd>li>svg {font-size:1.75rem;margin-right:0.3125rem;}
.bdImg img {width: 0.9rem;height: 0.36rem;border-radius: 0.05rem;border:1px solid #F0F0F0;}
.bdMsg {width: 2.1rem;display:flex;flex-direction:column;margin-left: 0.15rem;}
.companyNam,.company {width: 2.1rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.companyNam {font-size: 0.16rem;font-weight:bold;line-height: 0.26rem;color:rgba(64,64,64,1);opacity:1;}
.company {font-size: 0.12rem;line-height: 0.18rem;color: rgb(142 142 142);opacity:1;margin-top: 0.02rem;}
.sLogo {height: 0.2rem;display:flex;align-items:center;}
.sLogo>div {display:flex;margin-right:0.625rem;}
.sLogo>div>a {display:flex;align-items:center;}
.sLogo span {display:block;height:0.875rem;font-size:0.625rem;line-height:0.875rem;color:rgba(51,51,51,1);opacity:1;}
.sLogo .noChose {color:#999999;}
.sLogo svg {font-size:1.125rem;margin-right:0.125rem;}
.xiangqing>a>svg {font-size:3.125rem;}
.xiangqing>a {display:block;height:1.875rem;}
.xiangqing {height:1.875rem;width:3.125rem;position:relative;}
.xiangqing svg {position:absolute;top:0;right:0;height:1.875rem;}
.sLogo_div svg {margin-right:0.125rem;}
.nums {width: 0.28rem;height: 0.28rem;font-size: 0.16rem;line-height: 0.28rem;margin-right: 0.08rem;text-align:center;border-radius:50%;color:#E09F4D;background:#FFF0C2;}
.list-content2 .sLogo_div {height:1.875rem;display:flex;align-items:center;font-size:0.75rem;color:#404040;}
.list-content2 .sLogo>div {margin-right:0;}
.list-content2 .sLogo_div>span {color:#F32C2C;}
.list-content2 .sLogo {justify-content:space-between;}
.list-content3{}
.list-content3 .topTitle{padding-top:20px;padding-bottom:5px;}
.list-content3.on{background: linear-gradient(#E52727 10px,#FFFFFF 1rem);}
.list-content3.on .topTitle h3{color:#ffffff}
.list-content3.on .ui-list-mix{background:none;border-bottom: 1px solid rgb(239 239 239);}
.list-content3.on .ui-list-mix>a.b-img{}
.noheight{height:auto}