/* 资讯 */
.qa-page,
.bk-page,
.brand-zh-page,
.brand-zhInside-page,
.industry-news-page,
.detail-plate-page,
.detail-qaplate-page {
  background-color: #F2F3F7;
}  
/* 行业热门资讯. */
.industry-hot-info {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F2F3F7 100%);
  padding: 0.5625rem 0.75rem 0;
  overflow: hidden;
}
.industry-hot-info .hot-cont { 
  background: url(../images/yy-hot-bg.png) no-repeat left top;
	background-size: 100%;   
  height: 22.3125rem;
}
.industry-hot-info .hot-title {
  padding: 1.1875rem 1rem 0.4375rem;
  height: 4.3125rem; 
  font-size: 0.625rem;
  color: #714E4E; 
  font-weight: 400;
}
.industry-hot-info .hot-title .main-title{
  height: 1.25rem;
  display: flex;
  align-items: center; 
  font-size: 1.125rem;
  color: #471E1E; 
  font-weight: 600;
}
.industry-hot-info .hot-title .main-title .icon {
  margin-right: 0.5rem;
  display: inline-block;
  width: 1.375rem;
  height: 1.25rem; 
  background: url(../images/icon-yhhot-tit.png) no-repeat left top;
	background-size: 100%;  
}
.industry-hot-info .hot-title .sub-title{
  height: 1.25rem;
  display: flex;
  align-items: center;
  margin-top: 0.1875rem;
}

 
.industry-hot-info .hot-new-list {  
  border: 0.03125rem solid #FFFFFF;
  border-radius: 0.5rem;
  margin: 0 0.625rem;
  height: 17.625rem;
  padding: 1rem 0.625rem 0.125rem;
  position: relative; 
  overflow: hidden;
}  
.industry-hot-info .hot-new-list::before{
  display: block;
  content: "";
  height: 17.625rem; 
  background-image: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, #FFFFFF 0%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  filter: blur(6px);
}
.industry-hot-info .hot-new-list::after{
  background-color: #fff;
  display: block;
  content: ""; 
  position: absolute;
  top: 15rem;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; 
}
.industry-hot-info .hot-new-list ul {
  position: relative;
  z-index: 2;
}
.hot-new-list li{
  height: 4.375rem;
  margin-bottom: 1.25rem;   
}
.hot-new-list li a{
  display: block;
  height: 4.375rem;
  position: relative;
  padding-right: 7.5rem;
}
.hot-new-list h3{
  font-size: 0.9375rem;
  color: #101010;
  letter-spacing: 0;
  line-height: 1.375rem;
  font-weight: 400;
  height: 2.75rem;
  overflow: hidden;
}
.hot-new-list .other {
  font-size: 0.75rem;
  color: #999999;
  display: flex;
  height: 1.125rem;
  line-height: 1.125rem; 
  margin-top: 0.5rem;
  justify-content: space-between;
}
.hot-new-list .other .n{
  padding: 0 0.25rem;
  height: 1.125rem;
  background: #FFF4F4;
  border-radius: 2px;
  color: #B92D36;
  display: inline-flex;
  align-items: center;
}
.hot-new-list .other .lock{
  display: inline-flex;
  align-items: center;
}
.hot-new-list .other .lock::before {
  display: block;
  content: "";
  width: 0.75rem;
  height: 0.5625rem;
  background: url(../images/icon-eye.png) no-repeat left top;
	background-size: 100%;  
  margin-right: 0.125rem;
}
.hot-new-list .img{
  width: 6.5625rem;
  height: 4.375rem;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #f5f5f5;
}
.hot-new-list li .img img{
  width: 100%;
  height: 100%;
}
.hot-new-list li .img::before {
  display: block;
  content: "";
  width: 2.25rem;
  height: 0.875rem; 
  position: absolute;
  top: 0;
  left: 0;
}
.hot-new-list li:nth-child(1) .img::before {
  background: url(../images/icon-top1.png) no-repeat left top;
	background-size: 100%;  
}
.hot-new-list li:nth-child(2) .img::before {
  background: url(../images/icon-top2.png) no-repeat left top;
	background-size: 100%;  
}
.hot-new-list li:nth-child(3) .img::before {
  background: url(../images/icon-top3.png) no-repeat left top;
	background-size: 100%;  
}

/* tab */
.tab-title-box{
  margin-top: 0.875rem;
  padding: 0 0.75rem;
}
.tab-title-box .tab-slide{ 
  overflow: hidden; 
  display: flex;
  flex-wrap: nowrap; 
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* 兼容iOS设备的滚动效果 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
} 
.tab-title-box .swiper-container {
  margin: 0;
}
.tab-title-box .tab-slide .items{
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  height: 2.625rem;  
  margin-right: 1rem; 
  flex: 0 0 auto;
  flex: 1;
  cursor: pointer;
}
.tab-title-box .tab-slide .items:last-child{
  margin-right: 0;
}
.tab-title-box .tab-slide .items .text{
  font-size: 0.875rem;
  display: block;  
  text-align: center;
  color: #333333;
  position: relative;
}  
.tab-title-box .tab-slide .items.active .text{
  font-size: 1rem;
  color: #101010;
  font-weight: 600;
} 
.tab-title-box .tab-slide .items.active::after {
  display: block;
  content: "";
  width: 1.125rem;
  height: 0.375rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5625rem;
  background: url(../images/tab_bg.png) no-repeat left top;
  background-size: 100%;
}

.tab-news-content{
  padding: 0.8125rem 0.75rem 0.625rem;
  display: none;
  position: relative;
  z-index: 2;
}
.news-tw-box{
  width: 21.875rem;
  height: 10.5rem;
  border: 1px solid #fff;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.625rem;
}
.news-tw-box a {
  display: block;
  width: 100%;
  height: 100%;
}
.news-tw-box img{
  width: 100%;
  height: 100%;
}
.news-tw-box .desc{
  position: absolute;
  height: 2.125rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter:blur(6px); 
  backdrop-filter:blur(6px); 
  bottom: 0;
  width: 100%;
  padding: 0 0.75rem;
  font-size: 0.9375rem;
  color: #FFFFFF; 
  font-weight: 500;
  display: flex;
  align-items: center;
}
.tab-news-content .public-hy-news {  
  margin: 0;
  padding-top: 0.125rem;
  padding-bottom: 1rem;
}
.tab-news-content .public-hy-news .items {
  margin-top: 0.875rem;
}
.tab-news-content .public-hy-news .list .items .time {
  font-size: 0.75rem;
}
.tab-news-content .public-hy-news .list .items .m-img {
  background-color: #f5f5f5;
}
/* 知识百科 */ 
.new-wiki-list li {
  background: #FFFFFF;
  border-radius: 0.5rem;
  padding: 0.875rem 0.75rem;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  color: #999999;
}
.new-wiki-list li:first-child {
  margin-top: 0;
}
.new-wiki-list .other-info{
  margin-top: 0.625rem;
  height: 1.125rem;
  display: flex;
  justify-content: space-between; 
}
.new-wiki-list .tag-box {
  flex: 1;
  overflow: hidden;
  /* white-space: nowrap; */
}
.new-wiki-list .tag-box span{
  display: inline-flex;
  margin-right: 0.375rem;
  height: 100%;
  align-items: center;
  padding: 0 0.3125rem;
  background: #FFF4F4;
  border-radius: 0.125rem;
  font-size: 0.625rem;
  color: #B92D36;
}
.new-wiki-list .tag-box span:last-child{
  margin-right: 0;
}
.new-wiki-list .tag-box span.red{
  background: #E81B29;
  color: #FFFFFF;
}
.new-wiki-list .cont{
  position: relative;
  display: block;
  /* height: 4.375rem; */
  padding-right: 7.25rem;
  overflow: hidden;
}
.new-wiki-list .cont .m-img{
  width: 6.625rem;
  height: 4.375rem;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #f5f5f5;
}
.new-wiki-list .total{
  height: 1.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #999999;
  justify-content: space-between;
}
.new-wiki-list .total .lock{
  display: inline-flex;
  align-items: center;
}
.new-wiki-list .total .lock::before {
  display: block;
  content: "";
  width: 0.75rem;
  height: 0.5625rem;
  background: url(../images/icon-eye.png) no-repeat left top;
	background-size: 100%;  
  margin-right: 0.125rem;
}
.new-wiki-list .title{
  height: 2.875rem;
  overflow: hidden;
  font-size: 0.9375rem;
  color: #101010; 
  line-height: 1.375rem;
  font-weight: 400;
}
.new-wiki-list li.no-img .cont{
  padding: 0;
}
.new-wiki-list li.no-img .cont .title {
  height: auto;
}
.new-wiki-list li .cont .m-desc {
  display:  none;
}
.new-wiki-list li.no-img .cont .m-desc {
  display: block;
  font-size: 0.75rem;
  color: #999999;
  padding: 0.3rem 0 0.125rem;
}

/* 最新品牌资讯 */
.zxppzx-info .hot-cont{
  background: url(../images/bg-zxppzx.png) no-repeat left top;
  background-size: 100%;
  height: 33.5625rem;
}
.zxppzx-info .hot-new-list {
  height: 28.875rem;
}
.zxppzx-info .hot-title .main-title .icon {
  margin-right: 0.5rem;
  display: inline-block;
  width: 1.25rem; 
  height: 1.375rem;
  background: url(../images/icon-zxppzx.png) no-repeat left top;
	background-size: 100%;  
}
.zxppzx-info .hot-new-list li .img::before{
  display: none;
}

.mt10{
  margin-top: 0.625rem;
}


/* 品牌知识问答 */



/* 品牌知识问答-列表 */ 
.qa-lists{
  position: relative;
  z-index: 2;
}
.qa-lists li{
  background: #FFFFFF;
  border-radius: 0.5rem;
  margin-top: 0.625rem;
  padding: 0.9375rem 0.625rem;
  font-size: 0.75rem;
  color: #999999;
}
.qa-lists li:first-child {
  margin-top: 0;
}
.qa-lists li .other-info{
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
}
.qa-lists li .other-info .line{
  margin: 0 0.3125rem;
  display: inline-block;
  width: 1px;
  height: 0.5625rem;
  background-color: #c5c5c5;
  /* position: relative;
  top: 0.25rem; */
}
.qa-lists li .other-info .lock{
  display: inline-flex;
  align-items: center;
}
.qa-lists li .other-info .lock::before {
  display: block;
  content: "";
  width: 0.75rem;
  height: 0.5625rem;
  background: url(../images/icon-eye.png) no-repeat left top;
	background-size: 100%;  
  margin-right: 0.125rem;
}
.qa-lists li .other-info .tag-box {
  flex: 1;
  overflow: hidden;
  height: 100%;
}
.qa-lists li .other-info .tag-box span{
  display: inline-flex;
  margin-right: 0.375rem;
  height: 100%;
  align-items: center;
  padding: 0 0.3125rem;
  background: #FFF4F4;
  border-radius: 0.125rem;
  font-size: 0.625rem;
  color: #B92D36;
}
.qa-lists li .other-info .c{ 
  display: flex;
  justify-content: center;
  align-items: center
}
.qa-lists li .qa-desc{
  padding: 0.625rem;
  background: #F6F6F6;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  font-size: 0.75rem;
  color: #666666; 
  line-height: 1.125rem;
  font-weight: 400;
  margin-top: 0.8125rem;
}
.qa-lists li .qa-desc > div {
  max-height: 3.5rem;
  overflow: hidden;
  word-break: break-all;
  overflow-wrap: break-word; 
  white-space: pre-wrap;
}
.qa-lists .qa-title{
  height: 1.25rem;
  display: flex; 
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  color: #101010; 
  line-height: 1.375rem;
  font-weight: 600;
}
.qa-lists .qa-title::after{
  width: 0.625rem;
  height: 0.375rem;
  display: block;
  content: ""; 
  background: url(../images/icon-sjbottom.png) no-repeat left top;
	background-size: 100%;  
  transform: rotate(-90deg);  
} 
.qa-lists .qa-title .m-icon{
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/icon-wen.png) no-repeat left top;
	background-size: 100%;   
  color: #fff;
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qa-lists .qa-title .title{
  flex: 1;
  margin-right: 0.75rem;
}
/* 背景 */
.qa-page .main{
  position: relative;
}
.qa-page .main::before {
  display: block;
  content: "";
  height: 22.375rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/bg-qa.png) no-repeat left top;
	background-size: 100%;  
}

.qa-header-box{
  height: 8.5rem; 
  padding: 2.25rem 1.125rem 1rem;
  position: relative;
  z-index: 2;
  font-size: 0.75rem;
  color: #999999;
}
.qa-header-box .main-title {
  width: 8.8125rem;
  height: 1.375rem; 
  overflow: hidden;
}
.qa-header-box .main-title img{
  width: 100%;
}
.qa-header-box .sub-title {
  margin-bottom: 0.25rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
}
.qa-header-box .qa-total{
  height: 1.375rem; 
}
.qa-header-box .qa-total span{
  display: inline-flex;
  align-items: center;
  width: 13.375rem;
  padding-left: 0.5625rem;
  height: 100%;
  background-image: linear-gradient(270deg, rgba(232,208,198,0.00) 0%, #CF9B8A 69%);
  font-size: 0.625rem;
  color: #fff; 
}
.bk-page .qa-header-box .qa-total span{ 
  background-image: linear-gradient(270deg, rgba(232,208,198,0.00) 0%, #008CFF 69%);
}
/* 本周热议 */
.qa-hot-dis {
  position: relative;
  z-index: 2;
  margin: 0 0.75rem;
  background-image: linear-gradient(180deg, #fff 0%, #FFFFFF 100%);
  border-radius: 0.5rem;
  padding: 0.0625rem;
}
.qa-hot-dis .dis-cont{ 
  background-image: linear-gradient(180deg, #fbf6f4 0%, #FFFFFF 20%); 
  border-radius: 0.5rem;
  position: relative;
  padding: 1.125rem 0.75rem 0.625rem; 
}
.qa-hot-dis .qa-title{ 
  height: 1.25rem;
  display: flex; 
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  color: #101010; 
  line-height: 1.375rem;
  font-weight: 600;
}
.qa-hot-dis .qa-title::after{
  width: 0.625rem;
  height: 0.375rem;
  display: block;
  content: ""; 
  background: url(../images/icon-sjbottom.png) no-repeat left top;
	background-size: 100%;  
  transform: rotate(-90deg);  
} 
.qa-hot-dis .qa-title .m-icon{
  width: 2.875rem;
  margin-right: 0.5rem; 
  height: 1rem;
  background-color: #ff4f15; 
  border-radius: 0 0.1875rem;
  color: #fff;
  font-size: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.qa-hot-dis .qa-title .title{
  flex: 1;
  margin-right: 0.75rem;
}
.qa-hot-dis .qa-desc{  
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  font-size: 0.75rem;
  color: #666666; 
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 0.625rem;
}
.qa-hot-dis .qa-desc > div {
  max-height: 3.5rem;
  overflow: hidden;
  word-break: break-all;
  overflow-wrap: break-word; 
  white-space: pre-wrap;
}
.qa-hot-dis .other-info{
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: #999999;
}
.qa-hot-dis .other-info .icon-hot{
  display: inline-flex;
  align-items: center;
  color: #FF4F15;
}
.qa-hot-dis .other-info .icon-hot::before {
  display: block;
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  background: url(../images/icon-hot.png) no-repeat left top;
	background-size: 100%;  
  margin-right: 0.25rem;
  position: relative;
  top: -0.0625rem;
}
.qa-hot-dis .other-info .tag-box {
  flex: 1;
  overflow: hidden;
  height: 100%;
}
.qa-hot-dis .other-info .tag-box span{
  display: inline-flex;
  margin-right: 0.375rem;
  height: 100%;
  align-items: center;
  padding: 0 0.3125rem;
  background: #FFF4F4;
  border-radius: 0.125rem;
  font-size: 0.625rem;
  color: #B92D36;
}

/* 热门问答|热门搜索 */
.qs-hot-plate{  
  margin-top: 1rem;
}
.qs-hot-plate .swiper-container{ 
  margin: 0 auto;
  position: relative;
  padding-right: 0.75rem;
} 
.qs-hot-plate .swiper-slide {
  width: 80%;
  width: 13.75rem; 
  margin-left: 0.75rem!important;
  background-size: 100%!important; 
  border-radius: 0.5rem;
  background-image: linear-gradient(180deg, #F5986C 0%, #FFFFFF 100%);
  border: 0.0625rem solid #FFFFFF; 
  padding: 0.1875rem 0.4375rem 0.4375rem;
} 
.bk-page .qs-hot-plate .swiper-slide{
  background-image: linear-gradient(180deg, #F56C6C 0%, #FFFFFF 100%); 
}
.qs-hot-plate .swiper-slide:nth-child(2) {
  background-image: linear-gradient(180deg, #FFB463 0%, #FFFFFF 100%); 
}
.qs-hot-plate .swiper-slide.zxct-swiper{
  background-image: linear-gradient(180deg, #AB8CDD 0%, #FFFFFF 100%);
}
.qs-hot-plate .swiper-slide img {
  width: 1rem;
}
.qs-hot-plate .swiper-slide .hot-title{
  height: 2.1875rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 0.375rem;
}
.qs-hot-plate .swiper-slide .hot-title .icon{
  display: inline-block;
  width: 3.875rem;
  height: 0.9375rem;
  overflow: hidden;
}
.qs-hot-plate .swiper-slide .hot-title .icon img{
  width: 100%;
}
.hot-plate-list{
  background: #FFFFFF;
  border-radius: 0.5rem;
  height: 11.375rem;
}
.hot-plate-list a {
  display: inline-flex;
  vertical-align: top;
  height: 2rem;
  margin-top: 0.25rem; 
  align-items: center;
  padding: 0 0.4375rem;
  font-size: 0.75rem;
  color: #333333;
  width: 100%;
}
.hot-plate-list a .number{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.375rem;
  background: #D1A68A;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  color: #FFFFFF;  
}
.hot-plate-list a:nth-child(1) .number {
  background-image: linear-gradient(180deg, #FFB08D 0%, #F2380C 100%);
}
.hot-plate-list a:nth-child(2) .number {
  background-image: linear-gradient(180deg, #FFCDA7 0%, #FF8700 100%);
}
.hot-plate-list a:nth-child(3) .number {
  background-image: linear-gradient(180deg, #FFF5A7 0%, #FFC919 100%);
}
.hot-plate-list a .c{
  flex: 1;
}
.zxct-swiper .hot-plate-list a::before {
  display: inline-block;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.375rem;
  background: url(../images/icon-new3.png) no-repeat left top;
	background-size: 100%;  
}
.swiper-hotsearch .hot-plate-list a::before {
  display: inline-block;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.375rem;
  background: url(../images/icon-hotsearch.png) no-repeat left top;
	background-size: 100%;  
}

/* 百科 */
.bk-page .main{
  position: relative;
}
.bk-page .main::before {
  display: block;
  content: "";
  height: 22.375rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/bk-bg.png) no-repeat left top;
	background-size: 100%;  
}

/* 品牌展会-活动-资讯 */
.brand-zh-page .main{
  position: relative;
}
.brand-zh-page .main::before {
  display: block;
  content: "";
  height: 22.375rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/brand-zh-bg.png) no-repeat left top;
	background-size: 100%;  
}
.brand-zh-page .qa-header-box .sub-title{
  color: #fff;
}
.brand-zh-page .qa-header-box .qa-total{
  background-image: linear-gradient(90deg, #97cbee 0%, transparent 100%); 
  padding: 0.0625rem;
  overflow: hidden;
  width: 13.375rem;
}
.brand-zh-page .qa-header-box .qa-total span { 
  background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #3197DD 69%);
  color: #fff;
}
/* 热门展会活动推荐 */
.brand-zhhdtj-box {
  position: relative;
  z-index: 2;
  margin: 0 0.75rem;
  background-image: linear-gradient(180deg, #fff 0%, #FFFFFF 100%);
  border-radius: 0.5rem;
  padding: 0.0625rem;
}
.brand-zhhdtj-box .brand-zhhdtj-cont{ 
  background-image: linear-gradient(180deg, #d2e7f9 0%, #FFFFFF 10%); 
  border-radius: 0.5rem;
  position: relative;
  padding: 0.8125rem 0.75rem 0.75rem; 
}
.zhhdtj-title{
  height: 1.875rem; 
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
.zhhdtj-title::before,
.zhhdtj-title::after{
  display: block;
  content: "";
  width: 2.375rem;
  height: 0.375rem; 
}
.zhhdtj-title::before{
  background-image: linear-gradient(90deg, rgba(238,238,238,0.00) 2%, #305A98 100%);
  border-radius: 0.1875rem;
}
.zhhdtj-title::after{
  background-image: linear-gradient(90deg, #305A98 2%, rgba(238,238,238,0.00) 100%);
  border-radius: 0.1875rem;
}
.zhhdtj-title span{
  margin: 0 0.5rem;
  font-size: 1.125rem;
  color: #305A98; 
  font-weight: 600;
}

.news-address-list li{ 
  margin-bottom: 2rem; 
  position: relative;
}
.news-address-list li::after{
  display: block;
  content: "";
  height: 0.125rem;
  width: 100%;
  background-color: #fdfdfd;
  position: absolute;
  bottom: -1.0625rem;
}
.news-address-list li:last-child{
  margin-bottom: 0;
}
.news-address-list li:last-child::after{
  display: none;
}
.news-address-list li a{
  height: 5.625rem;
  display: flex;
  justify-content: space-between;
}
.news-address-list .m-img{
  margin-right: 0.75rem;
  width: 8.75rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
}
.news-address-list .m-cont{
  flex: 1;
  height: 100%; 
  font-size: 0.75rem;
  color: #666666;
  overflow: hidden;
}
.news-address-list .tit {
  height: 2.875rem;
  overflow: hidden;
  font-size: 1rem;
  color: #101010; 
  line-height: 1.375rem;
  font-weight: 400;
}
.news-address-list .time,
.news-address-list .address {
  height: 1rem;
  display: flex;
  align-items: center;
  margin-top: 0.375rem;
  overflow: hidden; 
  position: relative;
  padding-left: 1rem;
}
.news-address-list .time::before,
.news-address-list .address::before {
  display: block;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.35rem;
  background-size: 100% !important;
  position: absolute;
  left: 0;
}
.news-address-list .time::before {
  background: url(https://m.jiangjiujie.com/static/exhibit/img/icon-time.png) no-repeat center;
} 
.news-address-list .address::before {
  background: url(https://www.jiangjiujie.com/static/skin/mobile-2025/img/ico-hits.png) no-repeat center;
}
/* 展会活动 */
.zh-hd-cont .news-address-list li{
  background-color: #fff;
  margin-bottom: 0.625rem;
  padding: 0.875rem 0.75rem;
  border-radius: 0.5rem;
}
.zh-hd-cont .news-address-list li:last-child {
  margin-bottom: 0;
}
.search-keyword-plate{
  height: 0.8125rem;
  margin-bottom: 1.0625rem;
  overflow: hidden; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: #101010;
}
.search-keyword-plate .search-item{ 
  height: 0.8125rem;
  display: flex;
  align-items: center;
}
.search-keyword-plate .m-icon {
  margin-left: 0.375rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/icon-ysj.png) no-repeat center;
  background-size: 100% !important;
  border-radius: 50%;
} 

/* 展会资讯 */
.brand-zh-page .public-hy-news{
  background-color: transparent;
  padding: 0;
} 
.brand-zh-page .public-hy-news .items {
  background-color: #fff;
  margin-bottom: 0.625rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  height: 5.75rem;
}
.zh-news-tag{
  height: 1.5rem; 
  margin-bottom: 0.9375rem;
  overflow: hidden;
  white-space: nowrap;  
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;  
  scrollbar-width: none;  
  -ms-overflow-style: none;    
}
.zh-news-tag::-webkit-scrollbar {
  display: none;
}
.zh-news-tag span{
  display: inline-flex;
  align-items: center;
  background: #E8E8E8;
  border-radius: 0.75rem;
  padding: 0 0.55rem;
  margin-right: 0.375rem;
  font-size: 0.75rem;
  color: #666666;
  height: 1.5rem; 
  cursor: pointer;
}
.zh-news-tag span:last-child{
  margin-right: 0;
}
.zh-news-tag .active {
  background: #E81B29;
  color: #fff;
}

/* 展会内页 */
.brand-zhInside-page .brand-zhhdtj-box {
  margin-bottom: 0.75rem;
}
.brand-zhInside-page .main::before {
  display: block;
  content: "";
  height: 17.125rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(https://m.jiangjiujie.com/static/exhibit/img/bg-zhInside.png) no-repeat left top;
	background-size: 100%;  
}
/* 内页头部 */
.zh-inside-header{
  /* height: 14.375rem;  */
  position: relative;
  z-index: 2;
  padding: 2rem 1.5rem 1rem;
  font-size: 0.75rem;
  color: #666666;
  font-weight: 500;
}
.zh-inside-header h1 {
  /* height: 4.5rem; */
  overflow: hidden;
  font-size: 1.5rem;
  color: #101010; 
  font-weight: 600;
  line-height: 1.5; 
}
.zh-inside-header .time::before,
.zh-inside-header .dw::before,
.zh-inside-header .address::before{
  display: inline-block;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.375rem; 
  position: absolute;
  top: 0.1875rem;
  left: 0;
}
.zh-inside-header .time::before{
  background: url(../images/icon-time-s.png) no-repeat left top;
	background-size: 100%;  
}
.zh-inside-header .dw::before{
  background: url(../images/icon-zbf.png) no-repeat left top;
	background-size: 100%;  
}
.zh-inside-header .address::before{
  background: url(../images/icon-address-s.png) no-repeat left top;
	background-size: 100%;  
}
.zh-inside-header .time,
.zh-inside-header .dw,
.zh-inside-header .address{
  padding-left: 1.125rem;
  position: relative;
  margin-top: 0.625rem;
  line-height: 1.6;
  font-size: 0.75rem;
  color: #666666; 
  font-weight: 500;
}
.zh-inside-cntent{
  background: #FFFFFF;
  border-radius: 1rem 1rem 0 0;
  padding: 2.9375rem 0.75rem 1rem;
  position: relative;
  z-index: 5;
  margin-bottom: 0.75rem;
}
.anchor-point-nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #333333;
  height: 2.1875rem;
  padding: 0 0.75rem 0.3125rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.75rem;
  z-index: 5;
}
.brand-zhInside-scroll .anchor-point-nav{
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 3rem;
  background: #fff;
}
.anchor-point-nav span{
  display: inline-flex;
  height: 1.875rem;
  align-items: center;
  position: relative;
}
.anchor-point-nav .active {
  color: #101010; 
  font-weight: 600;
}
.anchor-point-nav .active::after{
  display: block;
  content: "";
  width: 1.125rem;
  height: 0.375rem;
  position: absolute;
  bottom: -0.25rem;
  left: 50%;
  margin-left: -0.5625rem;
  background: url(../images/tab_bg.png) no-repeat left top;
  background-size: 100%;
}

.insde-details{
  /*max-height: 50rem;*/
  overflow: hidden;
  position: relative;
} 
.insde-details .open{
  max-height: none;
} 
.insde-details .inside-title{
  height: 1.5rem;
  background-image: linear-gradient(270deg, #FFFFFF 0%, #8EA9BF 100%);
  padding-left: 0.75rem;
  font-size: 1rem;
  color: #FFFFFF; 
  line-height: 1.5rem;
  font-weight: 600;
  margin-top: 1.375rem;
}
.insde-details .destials-cont {
  padding-top: 1rem;
  font-size: 1rem;
  color: #101010; 
  line-height: 1.8rem;
  font-weight: 400;
}
.insde-details .destials-cont p{
  margin-bottom: 1rem;
}
.insde-details .destials-cont p:last-child{
  margin-bottom: 0;
}
.insde-details .destials-imgbox {
  margin-top: 0.7rem;
  padding-bottom: 0.125rem;
  overflow: hidden;
}
.insde-details .destials-imgbox img {
  width: 100%;
}

.price-form{
  padding-top: 0.75rem;
}
.price-form .desc {
  font-size: 0.875rem;
  color: #333333; 
  font-weight: 600;
}
.price-form .desc span { 
  color: #EC1D1D; 
  margin-right: 0.125rem;
}
.price-form .btns-box {
  margin-top: 1.25rem;
  height: 2.875rem;
}
.price-form .btns-box button {
  background: #E81B29;
  border-radius: 1.4375rem;
  border: 0;
  font-size: 1rem;
  color: #FFFFFF; 
  font-weight: 600;
  height: 100%;
  width: 100%;
}
.price-form .input-item {
  height: 2.75rem;
  padding: 0.625rem;
  background: #F2F2F2;
  border-radius: 0.5rem;
  margin-top: 0.875rem;
} 
.price-form .textarea-item {
  height: 7.875rem;
  padding: 0.625rem;
  background: #F2F2F2;
  border-radius: 0.5rem;
  margin-top: 0.875rem;
}
.price-form .input-item input,
.price-form .textarea-item textarea { 
  border: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

/* 品牌主页 */
.brand-home-page .main{ 
  padding-top: 3.62rem;
  padding-bottom: 4.0625rem; 
  background-image: linear-gradient(to bottom, #fff, #f4f5f8 50%, #f2f3f7 100%);
}

/* 品牌导航 */
.brand-flex-nav{
  padding-top: 0.5rem;
  margin: 0 0.75rem 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.brand-flex-nav .items {
  width: 3.125rem;
  margin-top: 0.5rem;
  margin-right: 1.5rem;
}
.brand-flex-nav .items:nth-child(n+5) {
  margin-right: 0;
}
.brand-flex-nav .m-img {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  overflow: hidden;
}
.brand-flex-nav .m-img img {
  width: 100%;
}
.brand-flex-nav .m-title {
  height: 1.25rem;
  line-height: 1.25rem;
  overflow: hidden;
  display: inline-block;
  font-size: 0.75rem;
  color: #333333; 
  font-weight: 400; 
  margin-top: 0.1875rem;
}

.wyrb-banner{
  padding: 0 0.75rem;
  overflow: hidden;
  margin-top: 0.625rem;
}
.wyrb-banner img{
  width: 100%;
}
.brand-home-cont{
  padding-top: 5.5625rem;
  position: relative;
}
.brand-home-cont .home-search-box{ 
  padding-bottom: 0.75rem;
  position: absolute;
  top: 0;
  width: 100%;
}
.brand-home-scroll .home-search-box{
  position: fixed;
  z-index: 2;
  top: 3rem;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.50);
}
.brand-home-scroll .home-search-box .tab-title-box{
  margin-top: 0rem;
}

.brand-home-cont .search-keyword-plate{ 
  margin-top: 0.875rem;
  padding: 0 0.75rem;
  margin-bottom: 0;
}
.brand-home-cont .f-brand-list .base-info .cont{
  padding-right: 0;
}
.brand-home-cont .f-brand-list .home-desc{
  padding-top: 0.6875rem;
  font-size: 0.75rem;
  color: #666666; 
  line-height: 1.25rem;
  font-weight: 400;
}
/* 榜单首页 */
.rankings-home-page .main::before {
  display: block;
  content: "";
  height: 23.4375rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/rankings-bg.png) no-repeat left top;
  background-size: 100%;
}
.rankings-header{
  height: 21rem;
  width: 100%; 
  overflow: hidden;
  position: relative;
}
.rankings-header .m-title{
  width: 100%; 
  overflow: hidden; 
  margin-top: 6.875rem;  
  text-align: center;
  margin-bottom: 0.3125rem;
}
.rankings-header .m-title img {
  width: 17.8125rem;
  height: 2.75rem;
  display: inline-block;
}
.rankings-header .sub-title{
  width: 100%;
  text-align: center; 
  font-size: 0.75rem;
  color: rgba(255,240,219,0.80); 
  font-weight: 400;
  margin-bottom: 1.4375rem;
}

.rankings-header-swiper{ 
  height: 4.375rem;
  margin-top: 0.8125rem;
}
.rankings-header-swiper .swiper-container{ 
  margin: 0 auto;
  position: relative;
  padding-right: 0.75rem;
} 
.rankings-header-swiper .swiper-slide { 
  width: 8.125rem; 
  height: 4.375rem;
  margin-left: 0.375rem!important;
  background-size: 100%!important; 
  border-radius: 0.5rem; 
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
} 
.rankings-header-swiper .swiper-slide.swiper01{
  background: url(../images/bk-bg01.png) no-repeat left top;
  background-size: 100%;
}
.rankings-header-swiper .swiper-slide.swiper02{
  background: url(../images/bk-bg02.png) no-repeat left top;
  background-size: 100%;
}
.rankings-header-swiper .swiper-slide.swiper03{
  background: url(../images/bk-bg03.png) no-repeat left top;
  background-size: 100%;
}
.rankings-header-swiper .swiper-slide.swiper04{
  background: url(../images/bk-bg04.png) no-repeat left top;
  background-size: 100%;
}
.rankings-header-swiper .swiper-slide.swiper05{
  background: url(../images/bk-bg05.png) no-repeat left top;
  background-size: 100%;
}
.rankings-header-swiper .main-t{
  font-size: 1rem;
  color: #101010;
  letter-spacing: 0.28px;
  font-weight: 600;
}
.rankings-header-swiper .sub-t{
  font-size: 0.75rem;
  color: #333333;
  letter-spacing: 0.28px;
  font-weight: 400;
  margin-top: 0.125rem;
} 

.rankings-content {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F2F3F7 63%);
  border-radius: 1rem 1rem 0 0;
  padding: 6rem 0.75rem 0.75rem;
  position: relative;
  z-index: 5; 
}
.rankings-home-scroll .rankings-content{
  border-radius: 0;
}
 
.rankings-content .rankings-search-box{ 
  padding-bottom: 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
} 
.rankings-content .tab-title-box {
  margin-top: 0.25rem;
}
.rankings-home-scroll .rankings-search-box{
  position: fixed;
  z-index: 1002;
  left: 0;
  top: 3rem;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.50);
}
.rankings-home-scroll .rankings-search-box.radius{
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rankings-home-scroll .rankings-search-box .tab-title-box{
  margin-top: 0rem;
} 
.rankings-home-scroll .dialog-mask{
  z-index: 1001;
  display: block;
}

/* 可滑动二级分类 */
.swiper-search-keyword{
  margin-top: 0.375rem!important;
  padding: 0 0.75rem;
  padding-right: 2rem;
  position: relative;
  z-index: 2;
} 
.swiper-search-keyword .tab-slide{ 
  overflow: hidden; 
  display: flex;
  flex-wrap: nowrap; 
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* 兼容iOS设备的滚动效果 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  z-index: 2;
} 
.swiper-search-keyword .swiper-container {
  margin: 0;
}
.swiper-search-keyword .tab-slide .items{
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;   
  flex: 0 0 auto;
  flex: 1;

  margin-top: 0.5rem;
  display: inline-block;
  padding: 0 0.625rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-right: 0.375rem;
  background: #F6F6F6;
  border-radius: 0.8125rem;
  font-size: 0.75rem;
  color: #666666;
  font-weight: 400;
}
.swiper-search-keyword .tab-slide .items:last-child{
  margin-right: 0;
}
.swiper-search-keyword .tab-slide .items .text{ 
  font-size: 0.75rem!important;
}  
.swiper-search-keyword .tab-slide .items.active::after{
  display: none;
}
.swiper-search-keyword .tab-slide .items.active{
  font-weight: 600;
  background: #CC212E; 
}
.swiper-search-keyword .tab-slide .items.active .text{
  color: #FFFFFF!important; 
}
.swiper-search-keyword .m-btns {
  width: 1.875rem;
  height: 1.5rem; 
  position: absolute;
  right: 0;
  top: 0.4rem;
  z-index: 100000002;
  background: url(../images/icon-downjt.png) no-repeat left top;
  background-size: 100%;
}  

.search-keyword-rankings{ 
  display: none;
  margin: 0 0.75rem;
  margin-top: 0.875rem;  
  white-space: nowrap; 
  position: relative;
} 
.search-keyword-rankings .classy {
  font-size: 0.875rem;
  color: #333333; 
  line-height: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
  display: none;
}
.search-keyword-rankings .classy .sub-tit{
  font-size: 0.75rem;
  color: #999999; 
  font-weight: 400;
}

.search-keyword-rankings ul {
  margin-top: -0.5rem;
  max-height: 16.75rem;
  overflow: hidden;
  overflow-y: auto;
}
.search-keyword-rankings li{
  margin-top: 0.5rem;
  display: inline-block; 
  padding: 0 0.625rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-right: 0.375rem;
  background: #F6F6F6;
  border-radius: 0.8125rem;
  font-size: 0.75rem;
  color: #666666; 
  font-weight: 400;
}
.search-keyword-rankings li span{
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center; 
}
.search-keyword-rankings li a{
  color: #666666; 
}
.search-keyword-rankings .active {
  background: #CC212E;
  font-size: 0.75rem;
  color: #FFFFFF; 
  font-weight: 600;
}
.search-keyword-rankings .m-btns {
  width: 1.875rem;
  height: 1.5rem; 
  position: absolute;
  right: -0.75rem;
  top: 0.5rem;
  z-index: 2;
  background: url(../images/icon-downjt.png) no-repeat left top;
  background-size: 100%;
}  
.ceiling-container .search-keyword-rankings.open,
.rankings-content .search-keyword-rankings.open {
  white-space: inherit;
  display: block;
  margin-top: 1.375rem;
}
.ceiling-container .search-keyword-rankings.open .m-btns,
.rankings-content .search-keyword-rankings.open .m-btns{
  display: none;
}
.ceiling-container .search-keyword-rankings.open li,
.rankings-content .search-keyword-rankings.open li{ 
  width: 4.875rem;
  height: 1.875rem;
  border: 0.0625rem solid #F6F6F6;
  border-radius: 0.5rem;
} 
.ceiling-container .search-keyword-rankings.open li.active,
.rankings-content .search-keyword-rankings.open li.active{
  background: #FFF0F1;
  border-color: #E81B29; 
  color: #E81B29; 
}
.ceiling-container .search-keyword-rankings.open .classy,
.rankings-content .search-keyword-rankings.open .classy{
  display: block;
} 
 
.rankings-list li{
  margin-top: 0.5rem;
  height: 9.375rem; 
  background-image: linear-gradient(180deg, #E7DCCB 0%, #FFFFFF 100%);
  border-radius: 0.5rem;
  padding: 0.0625rem;
}
.rankings-list li .cont{
  background-image: linear-gradient(180deg, #FFEFD7 0%, #FFFFFF 24%);
  height: 100%;
  border-radius: 0.5rem;
  padding: 0.6875rem 0 0.6875rem 0.6875rem;
}
.rankings-list .r-header {
  height: 1.5rem;
  padding-right: 0.6875rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between; 
  line-height: 1.5rem;
  font-size: 0.75rem;
  color: #64400B; 
  font-weight: 400;
  margin-bottom: 0.875rem;
}
.rankings-list .r-header .m-hot::before {
  display: inline-block;
  content: "";
  height: 0.75rem;
  width: 0.5rem; 
  background: url(../images/icon-qa-hot.png) no-repeat left top;
  background-size: 100%;
  margin-right: 0.25rem;
  position: relative;
  top: 0.07rem;
}
.rankings-list .r-header .m-title {
  font-size: 1rem;
  color: #64400B; 
  font-weight: 600;
}
.rankings-list .r-header .m-title::after {
  display: inline-block;
  content: "";
  height: 0.75rem;
  width: 0.5rem; 
  background: url(../images/jt-zs-right.png) no-repeat left top;
  background-size: 100%;
  margin-left: 0.5rem;
  position: relative;
  top: 0.05rem;
}


.rankings-list-swiper{ 
  height: 5.625rem; 
}
.rankings-list-swiper .swiper-container{ 
  margin: 0 auto;
  position: relative; 
} 
.rankings-list-swiper .swiper-slide { 
  display: inline-block;
  width: 6rem; 
  height: 5.625rem; 
  margin-left: 0.375rem!important;   
  display: flex;
  flex-direction: column;
  justify-content: center; 
  position: relative;
} 
.rankings-list-swiper .swiper-slide:first-child{
  margin-left: 0!important;
}
.rankings-list-swiper .swiper-slide .m-img{
  width: 5.875rem;
  height: 3.625rem;
  background: #f5f5f5;
  border: 0.0625rem solid #EDEDED;
  border-radius: 0.375rem;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.rankings-list-swiper .swiper-slide .m-desc{ 
  margin-top: 0.375rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
  color: #101010; 
  font-weight: 400;
  width: 100%;
  align-items: center;
  text-align: center;
}
.rankings-list-swiper .swiper-slide::before{
  display: inline-block;
  content: "";
  height: 1.625rem;
  width: 1.375rem;   
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%!important; 
}
.rankings-list-swiper .swiper-slide.swiper01::before{
  background: url(../images/icon-r-top01.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper02::before{
  background: url(../images/icon-r-top02.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper03::before{
  background: url(../images/icon-r-top03.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper04::before{
  background: url(../images/icon-r-top04.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper05::before{
  background: url(../images/icon-r-top05.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper06::before{
  background: url(../images/icon-r-top06.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper07::before{
  background: url(../images/icon-r-top07.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper08::before{
  background: url(../images/icon-r-top08.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper09::before{
  background: url(../images/icon-r-top09.png) no-repeat left top;
}
.rankings-list-swiper .swiper-slide.swiper10::before{
  background: url(../images/icon-r-top10.png) no-repeat left top;
}

/* 详情 */
.details-style{
  border-top: 0.0625rem solid #f2f3f7;
  padding: 1.5rem 1.5rem 0.75rem;
  font-size: 0.875rem;
  color: #101010; 
  line-height: 1.5rem;
  font-weight: 400;
  background-color: #fff;
}
.details-style .details-title{
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #101010; 
  font-weight: 600;
}
.details-style .brand-tag-box{
  overflow: hidden;
  margin-top: 0.5625rem;
}
.details-style .brand-tag-box span{
  display: inline-block;
  background: #FFF4F4;
  border-radius: 0.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.3125rem;
  font-size: 0.625rem;
  color: #B92D36;  
  font-weight: 400;
  margin-right: 0.375rem;
}
.details-style .brand-tag-box span:last-child{
  margin-right: 0;
}
.details-style .brand-tag-box .active {
  background: #E81B29;
  color: #fff;
}
.user-info-box{
  height: 1.5rem;
  overflow: hidden; 
  margin: 1rem 0 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: #999999;
}
.user-info-box .user-info-right{
  display: flex;
  align-items: center;
}
.user-info-box .user-info{
  display: flex; 
  align-items: center;
  flex: 1;
  padding-right: 0.75rem;
  overflow: hidden;
}
.user-info-box .m-img{
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f5f5f5;
}
.user-info-box .m-name{
  flex: 1;
  color: #666;
} 
.user-info-box .user-info-right .lock{
  display: inline-flex;
  align-items: center;
}
.user-info-box .user-info-right .lock::before {
  display: block;
  content: "";
  width: 0.75rem;
  height: 0.5625rem;
  background: url(../images/icon-eye.png) no-repeat left top;
	background-size: 100%;  
  margin-right: 0.125rem;
}
.user-info-box .user-info-right .line{
  display: inline-block;
  width: 0.0625rem;
  height: 0.5625rem;
  background-color: #c5c5c5;
  overflow: hidden;
  margin: 0 0.3125rem;
}
.details-style .takeaway{
  background: #F6F6F6;
  border-radius: 0.5rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  color: #999999;
  letter-spacing: 0;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0.5rem;

  display: -webkit-box!important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis; 
  position: relative;
}
.details-style .takeaway::before {
  background: #F6F6F6;
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  display: block;
  content: "";
  height: 0.6rem;
  bottom: 0;
}
.details-cont-style{
  max-height: 50rem;
  overflow: hidden;
  position: relative;
} 
.details-cont-style.open{
  max-height: none;
} 
.details-cont-style p{
  font-size: 1rem;
  color: #101010; 
  line-height: 1.8rem;
  font-weight: 400;
  margin-top: 1rem;
  text-indent: 2em;
}
.details-cont-style .details-pic{
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 1rem;
}
.details-cont-style .details-pic img {
  width: 100%;
}
.business-card{
  height: 5.75rem;
  background: #FFFFFF;
  border: 0.03125rem solid #DEDEDE;
  padding: 0.75rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.business-card .m-img{
  width: 6.5rem;
  height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 1rem;
  overflow: hidden;
  background-color: #f5f5f5;
  border: 0.03125rem solid #eeeeee;
}
.business-card .m-cont { 
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.business-card .m-cont .m-name{
  margin-bottom: 0.5625rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
.business-card .m-cont .m-link{
  background: #E81B29;
  border-radius: 0.75rem;
  display: inline-block;
  width: 4rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  color: #FFFFFF; 
  font-weight: 400;
}

.details-fold{ 
  display: flex;
  justify-content: center;
  align-items: center; 
  font-size: 0.75rem;
  color: #666666; 
  font-weight: 400;
  margin-top: 0.75rem;
}
.details-fold::after {
  display: block;
  content: "";
  width: 0.6875rem;
  height: 0.45rem;
  background: url(../images/icon-sjbottom.png) no-repeat left top;
	background-size: 100%;  
  margin-left: 0.25rem; 
}
.details-fold.open::after{
  transform: rotate(180deg);
}

/* 文章内页 Start */ 
.details-style a {
  color: #101010;
}     
.details-style .details-cont-style img{
  width:auto;
  max-width:100%;
  margin: 0.625rem 0;
  height: auto;
}

.details-style .pinpai-dd {
  height: 5.75rem;
  background: #FFFFFF;
  border: 0.03125rem solid #DEDEDE;
  padding: 0.75rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.details-style .pinpai-dd p{
  padding: 0;
  margin: 0;
  text-indent: inherit;
}
.details-style .pinpai-dd p:nth-child(1) {
  width: 6.5rem;
  height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 1rem;
  overflow: hidden;
  background-color: #f5f5f5;
  border: 0.03125rem solid #eeeeee;
}
.details-style .pinpai-dd img{
  margin: 0;
}
.details-style .pinpai-dd>p:nth-of-type(1) img {
  width: 100%;
  height: 4.0625rem;
}
.details-style .pinpai-dd > p:nth-child(2) {
  height: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.details-style .pinpai-dd > p:nth-child(2)>a:nth-of-type(1) {
  margin-bottom: 0.5625rem;
  height: 1.875rem;
  line-height: 1.875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.details-style .pinpai-dd > p:nth-child(2)>a:nth-of-type(2) {
  background: #E81B29;
  border-radius: 0.75rem;
  display: inline-block;
  width: 4rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  color: #FFFFFF; 
  font-weight: 400;
}
/* 文章详情 End  */

/* 百科目录 */
.baike-directory{
  background: #F6F6F6;
  border-radius: 0.5rem;
  padding: 0.75rem; 
  font-size: 0.875rem;
  color: #666666; 
  line-height: 1.5rem;
  font-weight: 400;
  margin-top: 1rem;
}
.baike-directory p{
  color: #666666; 
  font-size: 0.875rem;
  text-indent: 0;
  margin: 0;
  padding: 0;
}
/* 您可能感兴趣的其他回答内容 */
.qa-other-plate {
  padding: 0.75rem;
}
.qa-other-plate .qa-other-title{
  font-size: 0.75rem;
  color: #a6a6a6; 
  padding: 0.0625rem 0 0.3125rem;
}
.qa-other-plate .qa-lists li {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 1.1875rem;
  margin-top: 0.375rem;
}
.qa-other-plate .qa-lists li:last-child{
  border: 0;
  padding-bottom: 0.375rem;
} 
.qa-other-plate .qa-lists li:first-child{
  margin-top: 0!important;
}
/* 问答内页 */
.detail-qaplate-page .main::before{
  display: block;
  content: "";
  height: 22.375rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background-image: linear-gradient(180deg, #FFE7D5 0%, #F2F3F7 77%); 
}
.detail-qaplate-page .qa-other-plate,
.detail-qaplate-page .rankings-list{
  position: relative;
  z-index: 2; 
}
.detail-qa-header{
  position: relative;
  z-index: 2; 
  margin: 1rem 0.75rem 0;  
  background-image: linear-gradient(180deg, #fff 0%, #FFFFFF 100%);
  border-radius: 0.5rem;
  padding: 0.0625rem;
}
.detail-qa-header .content {
  background-image: linear-gradient(180deg, #fef2e9 0%, #FFFFFF 24%);
  height: 100%;
  border-radius: 0.5rem;
  padding: 0.75rem;
} 
.detail-qa-header .details-title{
  font-size: 1.25rem;
  line-height: 1.375rem;
  color: #101010; 
  font-weight: 600;  
}
.detail-qa-header .brand-tag-box{
  overflow: hidden;
  margin-top: 0.75rem;
}
.detail-qa-header .brand-tag-box span{
  display: inline-block;
  background: #FFF4F4;
  border-radius: 0.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 0.3125rem;
  font-size: 0.625rem;
  color: #B92D36;  
  font-weight: 400;
  margin-right: 0.375rem;
}
.detail-qa-header .brand-tag-box span:last-child{
  margin-right: 0;
}
.detail-qa-header .brand-tag-box .active {
  background: #E81B29;
  color: #fff;
}
.detail-qa-header .user-info-box {
  margin: 0.9375rem 0 0.25rem;
} 
/* 最佳答案 */
.best-answer-plate{
  background: #FFFFFF;
  border-radius: 0.5rem;
  position: relative;
  z-index: 2;
  margin: 0.75rem 0.75rem 0;
  padding: 1rem 0.75rem;
}
.best-answer-plate .icon-zjda{
  width: 2.875rem;
  height: 2.875rem;
  position: absolute;
  z-index: 2;
  right: 0.5rem;
  top: 0.5rem;
  background: url(../images/icon-zjda.png) no-repeat left top;
	background-size: 100%;  
}
.best-answer-plate .best-header{
  height: 2.125rem;
  margin-bottom: 0.9375rem;
  overflow: hidden;
}
.best-answer-plate .user-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.125rem;
}
.best-answer-plate .user-info .m-img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.125rem;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.5rem;
  background-color: #f5f5f5;
}
.best-answer-plate .user-info .m-cont{
  flex: 1;
  font-size: 0.625rem;
  color: #999999; 
  font-weight: 400;
}
.best-answer-plate .user-info .m-name{
  display: block;
  height: 1.125rem;
  line-height: 1.125rem; 
  font-size: 0.875rem;
  color: #FF4F15; 
  font-weight: 500;
}
.best-answer-plate .user-info .m-time {
  display: block;
  height: 0.875rem;
  line-height: 0.875rem;
  margin-top: 0.125rem;
  overflow: hidden;
}
.best-answer-plate .best-answer-content { 
  font-size: 1rem;
  color: #101010; 
  line-height: 1.5rem;
  font-weight: 400;
  overflow: hidden;
}
.best-answer-plate .best-btns-box{ 
  height: 1.875rem;
  margin-top: 0.9375rem;
  display: flex;
  justify-content: center;
}
.best-answer-plate .best-btns-box span{
  display: inline-flex;
  height: 1.875rem;
  align-items: center;
  justify-content: center;
  background: #E81B29;
  border-radius: 0.9375rem;
  font-size: 0.75rem;
  color: #FFFFFF; 
  font-weight: 500;
  padding: 0 0.625rem;
  cursor: pointer;
}
.best-answer-plate .best-btns-box span::before{
  display: inline-block;
  content: "";
  margin-right: 0.3125rem;
  width: 0.625rem;
  height: 0.75rem;
  background: url(../images/icon-z.png) no-repeat left top;
	background-size: 100%;  
}
.best-answer-plate .best-btns-box.no-like span {
  background: #EDEDED;
}

.new-wiki-list .lazyloaded{
  width:100%
}

/* 知识百科-新增自动轮播 */
.basecard-info-x{
  height: 7.5rem;
} 
.basecard-info-x .swiper-wrapper {
  padding-left: 0.65rem;
}
.basecard-info-x .swiper-container{
    height: 7.5rem;
    margin: 0 auto;
    position: relative;
} 
.basecard-info-x .swiper-slide {
    width: 80%;
    width: 5rem; 
    margin-left: 0.425rem!important;
    background-size: 100%!important;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 0 0.6875rem;
} 
.basecard-info-x .swiper-slide > a {
  display: flex;
  flex-direction: column; 
  justify-content: center;
}
.basecard-info-x .swiper-slide .m-img {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 0.625rem;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
}
.basecard-info-x .swiper-slide .m-img img {
  width: 100%;
}
.basecard-info-x .swiper-slide .m-title {
  font-size: 0.875rem;
  color: #101010; 
  font-weight: 400;
  text-align: center;
  height: 1.875rem;
  line-height: 1.875rem;
}
.basecard-info-x .swiper-slide .m-btn {
  border: 0.03125rem solid #E81B29;
  border-radius: 0.8125rem;
  width: 3.625rem;
  height: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  color: #E81B29;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.basecard-info-x .swiper-slide:first-child{
    margin-right: 0!important;
}
.basecard-info-x .swiper-slide:last-child{
  margin-right: 0.75rem!important;
}

/* 标签推荐 */
.bk-tagtjbox { 
  height: 1.5rem;
  line-height: 1.5rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-top: 0.75rem;
  padding: 0 0.75rem;
  display: flex;
}
.bk-tagtjbox .m-label {
  font-size: 0.75rem;
  color: #433434; 
  font-weight: 400;
  padding-right: 0.25rem;
}
.bk-tagtjbox .m-cont{
  flex: 1; 
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.bk-tagtjbox .m-cont .m-tag{
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-left: 0.375rem;
  background: #ECE2E2;
  border-radius: 0.8125rem;
  font-size: 0.75rem;
  color: #896363; 
  font-weight: 400;
  padding: 0 0.5rem;
  max-width: 5.5rem;
}

/* 问答二级页面 */
.qa-page-leveltwo .main::before {
  display: block;
  content: "";
  height: 18.75rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/qa-listbg.png) no-repeat left top;
  background-size: 100%;
}
.qa-baseinfo-box {
  position: relative;
  padding: 1.6875rem 0.625rem 1.375rem;
  height: 7.8125rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.qa-baseinfo-box .m-img {
  width: 4.625rem;
  height: 4.625rem;
  background: #f5f5f5;
  border-radius: 50%;
  margin-right: 0.875rem; 
  overflow: hidden;
  border: 0.125rem solid #fff;
}
.qa-baseinfo-box .m-img img {
  width: 4.625rem;
  height: 4.625rem; 
}
.qa-baseinfo-box .m-cont{
  overflow: hidden;
  flex: 1;
}
.qa-baseinfo-box .m-title{
  font-size: 1.25rem;
  color: #FFFFFF; 
  font-weight: 500;
}
.qa-baseinfo-box .m-total{
  background: rgba(255,255,255,0.19);
  border-radius: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.625rem;
  display: inline-block;
  font-size:0.75rem;
  color: #FFFFFF;  
  font-weight: 400;
  margin-top: 0.75rem;
}
/* 问答列表 */
.qa-list-box{ 
  padding: 0.75rem;
  position: relative; 
}
.qa-list-box::after{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 2rem;
  right: 0; 
  bottom: 0;
  background:#F2F3F7;
  z-index: 0;
}
.qa-list-box::before{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  /* background-color: #f00; */
  height: 15.6875rem;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F2F3F7 24%);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  bottom: 0;
  z-index: 1;
}
.qa-list-box .new-wiki-list {
    position: relative;
    z-index: 2;
}
.qa-list-header{
  height: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}
.qa-list-header .m-title {
  font-size: 1.125rem;
  color: #101010; 
  font-weight: 600;
}
.qa-list-header .qa-tab{
  background: #E8E8E8;
  border-radius: 1.75rem;
  display: inline-block;
  border: 0.125rem solid #E8E8E8;
}
.qa-list-header .qa-tab span{
  display: inline-block;
  width: 3.5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  font-size: 0.875rem; 
  color: #101001;
  font-weight: 400;
  cursor: pointer;
}
.qa-list-header .qa-tab span.active {
  background: #FFFFFF;
  border-radius: 1.75rem;
  color: #E81B29; 
}

/* 品牌基本信息 */
.brand-sing-baseinfo{ 
  background: #FFFFFF;
  border-radius: 0.5rem;
  height: 6.5rem;
  margin: 0.625rem 0.75rem 0;
  padding: 0.6875rem;
}
.brand-sing-baseinfo .base-info { 
  height: 3.125rem;
  display: flex;
  justify-content: space-between;
}
.brand-sing-baseinfo .base-info .m-img{
  width: 4.875rem;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-sing-baseinfo .base-info .m-img img{
  width: 100%;
}
.brand-sing-baseinfo .base-info .cont{
  flex: 1; 
  padding: 0 0.625rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 0;
}
.brand-sing-baseinfo .base-info .cont.center-y{
  justify-content: center;
}
.brand-sing-baseinfo .base-info .cont.center-y .tag-box{
  display: none;
}
.brand-sing-baseinfo .source-info { 
  overflow: hidden;
  margin-top: 0.75rem; 
  font-size: 0.75rem;
  color: #999999;
  line-height: 1.5; 
  display: flex;
  align-items: center;
} 
.brand-sing-baseinfo .source-info .text{
  color: #101010;
  display: inline-block;
  margin-left: 0.2rem;
}
.brand-sing-baseinfo .source-info span:nth-child(2),
.brand-sing-baseinfo .source-info span:nth-child(8){
  overflow: hidden; /* 隐藏超出内容 */
	white-space: nowrap; /* 强制不换行 */
	text-overflow: ellipsis; /* 文字溢出显示省略号 */ 
}
.brand-sing-baseinfo .source-info span:nth-child(2){
  max-width: 3.7rem;
}
.brand-sing-baseinfo .source-info span:nth-child(8){
  flex: 1.8;
} 
.brand-sing-baseinfo .source-info .line {
  display: inline-block;
  width: 1px;
  height: 0.5rem;
  background-color: #ededed;
  margin: 0 0.5rem;
}
.brand-sing-baseinfo .base-info .base-title{
  height: 1.625rem;
  margin-bottom: 0.375rem;
  overflow: hidden; 
  display: flex;
  align-items: center;
}
.brand-sing-baseinfo .base-info .base-title .t{
  font-size: 1rem;
  color: #101010; 
  font-weight: 600;
  overflow: hidden; /* 隐藏超出内容 */
	white-space: nowrap; /* 强制不换行 */
	text-overflow: ellipsis; /* 文字溢出显示省略号 */
}
.brand-sing-baseinfo .base-info .base-title .b-icon{
  flex: 1;
  display: flex;
}
.brand-sing-baseinfo .base-info .tag-box{
  height: 1rem;
  overflow: hidden;
  display: flex;
}
.brand-sing-baseinfo .base-info .tag-box .tag {
  border: 1px solid #e0ccb8;
  background-color: #fff;
  width: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  margin-right: 0.25rem;
  font-size: 0.625rem;
  color: #9F6831;
  border-radius: 0.1rem;
}

/* 生活用品十大品牌 */
.ten-brands-desc{
  background-image: linear-gradient(0deg, #FFC3C3 0%, #E72020 100%);
  border-radius: 0.5rem;
  margin: 0.625rem 0.75rem 0;
  height: 9.25rem;
  padding: 0.8125rem 0.75rem 0.75rem;
}
.ten-brands-desc .m-desc{
  background: #FFFFFF;
  border-radius: 0.25rem; 
  color: #999999; 
  font-size: 0.5rem;
  /* line-height: 1rem; */
  font-weight: 400;
  overflow-y: auto;
  height: 2.75rem;
  padding: 0.5rem;

  padding: 0.35rem 0.5rem 0.5rem;
  line-height: 2.2;
} 
.ten-brands-desc .m-desc::-webkit-scrollbar {
  display: none; /* 对于Webkit浏览器 */
}
.ten-brands-desc .m-baseinfo{
  margin-bottom: 0.5625rem;
  height: 4.375rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ten-brands-desc .m-baseinfo .m-cont{
  overflow: hidden;
  flex: 1; 
}
.ten-brands-desc .m-baseinfo .m-img{
  background-color: #f5f5f5;
  border: 0.125rem solid #fff;
  width: 4.125rem;
  height: 4.125rem;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.75rem;
}
.ten-brands-desc .m-baseinfo .m-img img {
  width: 100%;
}
.ten-brands-desc .m-baseinfo .m-title {
  font-size: 1.125rem;
  color: #FFFFFF;  
  font-weight: 500;
  margin-bottom: 0.3125rem;
}
.ten-brands-desc .m-baseinfo .m-c {
  font-size: 0.75rem;
  color: #FFFFFF; 
  line-height: 1.125rem;
  font-weight: 400;
}
/* 热门搜索 */
.qa-hot-searchbox{
  margin: 0 0.75rem;
  width: 21.9375rem; 
  background-image: linear-gradient(180deg, #f1dfce 0%, #FFFFFF 100%);
  border-radius: 0.5rem;
  padding: 0.0625rem;   
  margin-top: 0.625rem;
}
.qa-hot-searchbox .m-brand-news-cont{
  background-image: linear-gradient(180deg, #FBF3E5 0%, #FFFFFF 59%);
}
.qa-hot-searchbox .news-header .title-icon {
  background: url(../images/title_rmsearch.png) no-repeat center!important;
  background-size: 100%!important;
}
.qa-hot-searchbox .news-list a {
  height: 2.0625rem;
  line-height: 2.0625rem;
  padding-left: 1.6rem;
  font-size: 0.9375rem;
  color: #101010; 
  font-weight: 400;
}
.qa-hot-searchbox .news-list a::before{
  display: block;
  content: "#";
  width: 1rem;
  height: 1rem;
  transform: rotate(0deg);
  background: #FFE3CD ;
  position: absolute;
  left: 0.125rem;
  top: 0.55rem;
  margin-top: 0;
  border-radius: 0.25rem;
  text-align: center;
  line-height: 1rem;
  color: #ff8705;
}
/* 标签页面 */ 
.qa-page-topic .main::before {
  display: block;
  content: "";
  height: 18.75rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/bg-huati.png) no-repeat left top;
  background-size: 100%;
} 
.topic-baseinfo-box {
  position: relative;
  padding: 2.0625rem 0.75rem 1.5rem; 
  color: #fff; 
}
.topic-baseinfo-box .m-total{
  display: block;
  background: rgba(255,255,255,0.19); 
  border-radius: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.625rem;
  display: inline-block;
  font-size:0.75rem;
  color: #FFFFFF;  
  font-weight: 400;
  margin-top: 0.625rem;
}
.topic-baseinfo-box .m-title {
  font-size: 1.25rem;
  color: #FFFFFF; 
  font-weight: 500;
}
/* 二级页面 */
.qa-page-leveltwo-blue .main::before {
  display: block;
  content: "";
  height: 18.75rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  background: url(../images/bg-hyblue.png) no-repeat left top;
  background-size: 100%;
}
/* 二级分类 */
.leveltwo-classify{
  position: relative; 
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #FFFFFF; 
  margin-top: -0.375rem;
}
.leveltwo-classify .leaveltwo-title{
  display: flex;
  justify-content: space-between;
  padding: 0 0.75rem;
}
.leveltwo-classify .leaveltwo-title a{
  color: #FFFFFF; 
}
.leveltwo-classify .leaveltwo-cont{
  height: 7.5rem;
  margin-top: 0.625rem;
}
.leveltwo-classify .leaveltwo-cont .swiper-slide:first-child{
  margin-left: 0!important;
}
/* 二级分类弹窗 */
.search-leaveltwo-dialog{
  position: fixed;
  z-index: 999;
  top: 3rem;
  background-color: #fff;
  left: 0;
  right: 0;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  max-height: 70%;
}

/* ----- */
.rankings-home-scroll .ceiling-container .ceiling-content{
  position: fixed;
  z-index: 1002;
  left: 0;
  top: 3rem;
  background-color: #fff;
  padding-bottom: 0.75rem; 
  box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.50);
}
.rankings-home-scroll .ceiling-container .ceiling-content.radius{
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.ceiling-container{
  position: relative;
  height: 5rem; 
  margin-top: 0.875rem!important;
}
.ceiling-container .ceiling-content{  
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
} 
.ceiling-container .swiper-search-keyword .tab-slide .items{
  background: #FFFFFF;
}
.ceiling-container .swiper-search-keyword .tab-slide .items.active {
  font-weight: 600;
  background: #CC212E;
}
.ceiling-container .swiper-search-keyword .m-btns {
  background: url(../images/jt-downtm.png) no-repeat center;
  background-size: 50%;
  background-color: #f2f3f7;
}
.rankings-home-scroll .ceiling-container .swiper-search-keyword .m-btns {
  background-color: #fff;
}
.dialog-ul-style {
  width: 106%;
}
.dialog-ul-style li {
  width: 5.015625rem; 
  padding: 0;
  overflow: hidden;
}
.dialog-ul-style li a{
  padding: 0 0.625rem; 
  display: block;
  height: 1.875rem;
}
.dialog-ul-style li a span {
  display: inline-block;
  line-height: 1.875rem;
}