/* 品牌大全排行榜首页样式 */
html,
body {
  background: #fff;
}

/* 头部样式开始 */
.brand-ranking_head{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
}
.brand-ranking_head>.rank-head_title {
  width: 100%;
  height: 0.98rem;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 0.3rem;
  box-sizing: border-box;
  font-size: 0.34rem;
  color: #333333;
}

.brand-ranking_head>.rank-head_title>h3 {
  font-size: 0.34rem;
}

.brand-ranking_head>.rank-head_title>a>i {
  font-size: 0.4rem;
}

/* 头部样式结束 */

/* 导航样式开始 */
.brand-ranking_nav{
  position: fixed;
  width: 100%;
  top: 0.98rem;
  z-index: 1;
}
.brand-ranking_nav>.ranking-nav_title {
  width: 100%;
  height: 1.01rem;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 0.1rem 0rem #dcdcdc;
}

.brand-ranking_nav>.ranking-nav_title>ul {
  display: flex;
  justify-content: space-between;
  padding: 0.37rem 0.7rem;
  font-size: 0.28rem;
  color: #666666;
}

.brand-ranking_nav>.ranking-nav_title>ul>li>i {
  font-size: 0.18rem;
  vertical-align: middle;
}

.select {
  color: red;
}

.select::after {
  display: block;
  content: "";
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.09rem;
  border-color: transparent transparent #d5d5d5 transparent;
}

.ranking-nav_content {
  position: relative;
}

.ranking-nav_content>.ranking-nav_content_txt {
  position: absolute;
  width: 100%;
  height: 5.37rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.02rem 0.07rem 0rem rgba(72, 72, 72, 0.31);
  z-index: 1;
  padding: 0 0.3rem 0.3rem;
  box-sizing: border-box;
  overflow: scroll;
}

.ranking-nav_content>.ranking-nav_content_txt>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ranking-nav_content>.ranking-nav_content_txt>ul>li {
  width: 3.37rem;
  height: 0.7rem;
  background-color: #e7e7e7;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.7rem;
  color: #333333;
  margin-top: 0.2rem;
}

.ranking-nav_content_txt>.ranking-nav_conten_more {
  width: 1.51rem;
  height: 0.47rem;
  border-radius: 0.24rem;
  border: solid 0.01rem #999999;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.47rem;
  color: #999999;
  margin: 0.2rem auto;
}

.ranking-nav_content>.ranking-nav_content_txt>ul>.nav-select {
  color: #e00b0b;
}

.nav-content_food,
.nav-content_class,
.nav-content_goods {
  display: none;
}

/* 导航样式结束 */

/* 排行榜样式开始 */
.brand-rank {
  margin-top:2rem;
  padding: 0.2rem;
  background: #fff;
}


.brand-rank>.brand-rank_nav>ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.brand-rank>.brand-rank_nav>ul>li {
  width: 1.25rem;
  height: 0.66rem;
  border-radius: 0.33rem;
  border: solid 0.01rem #555ba7;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.66rem;
  color: #e00b0b;
}

.brand-rank>.brand-rank_nav>ul>.select {
  background-color: #555ba7;
  color: #ffffff;
}

.brand-rank>.brand-rank_nav_content>.rank-brand_text>p {
  width: 6.9rem;
  height: 1.41rem;
  background-color: #f6eced;
  font-size: 0.34rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.5rem;
  color: #e00b0b;
  padding: 0.23rem 0.24rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.rank-brand_text>ul>li>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.12rem;
  box-sizing: border-box;
  border-bottom: 0.01rem solid #ccc;
}

.rank-brand_text>ul>li>a>.brand-rank_Rankings {
  font-size: 0.2rem;
  color: #ffffff;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #e68512;
  border: 0.05rem solid rgba(251, 228, 220);
  border-radius: 50%;
  text-align: center;
  line-height: 0.4rem;
}

.rank-brand_text>ul>li:first-of-type>a>.brand-rank_Rankings {
  font-size: 0.4rem;
  color: #e00b0b;
  background: none;
  border: none;
  margin-right: 0.05rem;
}

.rank-brand_text>ul>li:nth-of-type(2)>a>.brand-rank_Rankings {
  background-color: #e64912;
}

.rank-brand_text>ul>li>a>.brand-rank_pic {
  width: 2.02rem;
  height: 0.92rem;
  border-radius: 0.04rem;
}

.rank-brand_text>ul>li>a>.brand-rank_pic>img {
  display: block;
  width: 2.02rem;
  height: 0.92rem;
  border-radius: 0.04rem;

}

.rank-brand_text>ul>li>a>.brand-rank_brand {
  font-size: 0.34rem;
  font-weight: 600;
  color: #e00b0b;

}

.rank-brand_text>ul>li>a>.brand-rank_brand>p {
  font-size: 0.34rem;
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rank-brand_text>ul>li>a>.brand-rank_brand>div {
  width: 2.17rem;
  height: 0.24rem;
  border-radius: 0.04rem;
  margin-top: 0.18rem;
  box-shadow: 0rem 0rem 0.06rem 0rem rgba(5, 5, 5, 0.13);
  position: relative;
}

.rank-brand_text>ul>li>a>.brand-rank_brand>div>span {
  display: block;
  content: "";
  width: 70%;
  height: 0.24rem;
  background-color: #ffa8a8;
  border-radius: 0.04rem;
  position: absolute;
}

/* .rank-brand_text>ul>li>a>.brand-rank_brand>div::before {
  display: block;
  content: "";
  width: 1.89rem;
  height: 0.24rem;
  background-color: #ffa8a8;
  border-radius: 0.04rem;
  position: absolute;
}

.rank-brand_text>ul>li:first-of-type>a>.brand-rank_brand>div::before {
  width: 2.17rem;
  background-color: #e00b0b;
} */

.rank-brand_text>ul>li>a>.brand-rank_trend {
  font-size: 0.24rem;
  color: #e00b0b;
}

.rank-brand_text>ul>li>a>.go-up {
  background: url("../img/to_up.png") no-repeat center/100% 100%;
}

.rank-brand_text>ul>li>a>.go-down {
  background: url("../img/to_down.png") no-repeat center/100% 100%;
}

.rank-brand_text>a {
  display: block;
  width: 1.51rem;
  height: 0.47rem;
  border-radius: 0.24rem;
  border: solid 0.01rem #999999;
  margin: 0.2rem auto 0;
  font-size: 0.28rem;
  color: #999999;
  text-align: center;
  line-height: 0.47rem;
}

/* 品牌榜样式 */
.rank-brand_content>ul>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.12rem;
  box-sizing: border-box;
  border-bottom: 0.01rem solid #ccc;
}

.rank-brand_content>ul>li>a {
  border-bottom: none;
}

.rank-brand>a>.rank-brand_top {
  display: flex;
  justify-content: space-between;
}

.rank-brand>a>.rank-brand_top>h6 {
  font-size: 0.34rem;
  color: #e00b0b;
  width: 1.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rank-brand>a>.rank-brand_top>p {
  font-size: 0.24rem;
  line-height: 0.45rem;
  color: #e00b0b;
}

.rank-brand>ul {
  width: 4.1rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}

.rank-brand>ul>li {
  width: 1.3rem;
  height: 0.35rem;
  border-radius: 0.04rem;
  border: solid 0.01rem #e00b0b;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.35rem;
  color: #e00b0b;
}
.rank-brand>ul>li>a{
  color: #e00b0b;
}
.rank-brand>ul>li:nth-of-type(2) {
  border: solid 0.01rem #68b46e;
  color: #68b46e;
}
.rank-brand>ul>li:nth-of-type(2)>a{
  color: #68b46e;
}
.rank-brand>ul>li:nth-of-type(3) {
  border: solid 0.01rem #45a2e7;
  color: #45a2e7;
}
.rank-brand>ul>li:nth-of-type(3)>a{
  color: #45a2e7;
}
/* 品牌榜样式结束 */
/* 投票榜样式开始 */
.brand-rank_vote>p {
  font-size: 0.24rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #e00b0b;
}

.brand-rank_vote>button {
  width: 1.35rem;
  height: 0.47rem;
  background-color: #e00b0b;
  border-radius: 0.24rem;
  font-size: 0.28rem;
  color: #ffffff;
  margin-top: 0.2rem;
}

/* 投票榜样式结束 */
.rank-vote_content,
.rank-share_content,
.rank-start_content,
.rank-follow_content {
  display: none;
}

/* 排行榜样式结束 */

/* 品牌推荐样式开始 */
.brand-rank_recommend {
  padding: 0 0.3rem;
}

.brand-rank_recommend>h3 {
  font-size: 0.34rem;
  color: #333333;
}

.brand-rank_recommend>ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.brand-rank_recommend>ul>li>a {
  display: block;
  width: 2.16rem;
  text-align: center;
  font-size: 0.3rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  margin-top: 0.2rem;
}

.brand-rank_recommend>ul>li>a>p {
  font-size: 0.3rem;
}

.brand-rank_recommend>ul>li>a>div {
  width: 2.16rem;
  height: 1.39rem;
  background-color: #cccccc;
  border-radius: 0.04rem;
  margin-bottom: 0.2rem;
}

.brand-rank_recommend>ul>li>a>div>img {
  display: block;
  width: 2.16rem;
  height: 1.39rem;
}

.brand-rank_recommend_more>a {
  display: block;
  width: 6.61rem;
  height: 0.53rem;
  background-color: #ededed;
  border-radius: 0.27rem;
  margin: 0.12rem auto 0;
  text-align: center;
  line-height: 0.53rem;
  font-size: 0.24rem;
  font-weight: normal;
  font-stretch: normal;
  color: #333333;
}

.brand-rank_recommend_more>a>i {
  vertical-align: middle;
}

/* 品牌推荐样式结束 */
/* 更多相关行业榜单样式开始 */
.other-rank {
  /* margin-top: 0.3rem; */
  padding: 0.3rem 0.4rem;
  box-sizing: border-box;
}

.other-rank>h6 {
  font-size: 0.34rem;
  color: #333333;
}

.other-rank>ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.other-rank>ul>li>a {
  display: block;
  width: 3.2rem;
  height: 0.67rem;
  border-radius: 0.34rem;
  border: solid 0.01rem #e67d12;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.67rem;
  color: #e67d12;
  margin-top: 0.28rem;
}

/* 更多相关行业榜单样式结束 */

/* 热门区域样式开始 */
.hot {
  width: 100%;
  background-color: #ffffff;
  /* margin-bottom: 0.8rem; */
  box-sizing: border-box;
  padding: 0.21rem 0.30rem 0.53rem;
}

.hot>h3 {
  font-size: 0.34rem;
  color: #333333;
  margin-bottom: 0.19rem;
}

.hot>ul {
  display: flex;
  justify-content: space-between;
}

.hot>ul>li {
  /* width: 2.05rem; */
  height: 0.67rem;
  font-size: 0.3rem;
  color: #333333;
  text-align: center;
}

.hot>.hot-content {
  margin-top: 0.32rem;
}

.hot>.hot-content>div .hot-content_detail>a {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.01rem solid #ccc;
  margin-bottom: 0.3rem;
  padding-bottom: 0.2rem
}

.hot>.hot-content>div .hot-content_detail>a>div>h6 {
  width: 3.88rem;
  font-size: 0.3rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.hot>.hot-content>div .hot-content_detail>a>div>p {
  font-size: 0.24rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot>.hot-content>div .hot-content_detail>a>div>p:first-of-type {
  margin: 0.19rem 0;
}

.hot>.hot-content>div .hot-content_detail>a>div>p:last-of-type {
  color: #999;
}

.hot>.hot-content>div .hot-content_detail>a>div>p:last-of-type i {
  font-size: 0.15rem;
  color: #ff602e;
  vertical-align: middle;
}

.hot>.hot-content>div>ul>li img {
  display: block;
  width: 2.4rem;
  height: 1.43rem;
  background-color: #000000;
  border-radius: 0.04rem;
}

.hot>.hot-content>.hot-content_article,
.hot>.hot-content>.hot-content_knowledge {
  display: none;
}

.hot>ul>.chooce::after {
  display: block;
  content: "";
  width: 0.77rem;
  height: 0.02rem;
  background-color: #e00b0b;
  margin: 0.19rem auto 0;
}

/* 热门区域样式结束 */
/* 猜你喜欢 */
.guess-like {
  margin-bottom: 1.2rem;
}

/* 主菜单样式开始 */
/* .mainMenu {
  width: 100%;
  height: 1rem;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 100;
  box-sizing: border-box;
  padding: 0.1rem 0.42rem;
}

.mainMenu>ul {
  display: flex;
  justify-content: space-between;
}

.mainMenu>ul>li {
  text-align: center;
  font-size: 0.38rem;
}

.mainMenu>ul>li>a {
  display: block;
}

.mainMenu>ul>li>.select {
  color: #e00b0b;
  font-size: 0.4rem;
} */

/* 主菜单样式结束 */