/*公共样式*/
body{background: #f6f6f6;}
.wrapper{padding: 0 10px;}
.swiper-slide {position: relative;}
.icon_index{background-image: url(../../images/wap4.0/icon-mindex.png); background-repeat: no-repeat; background-size: 192.5px 50.5px; }
.headlink a{display: flex;justify-content: center;align-items: center}
/*节日Logo*/
/* .logo_box img { display: none; } 
.logo_box a{  position: absolute; top: 0;  width: 123px; height: 43px; left:-18px;background: url(../../images/wap3.0/article/20230121_logo.png) center top no-repeat; background-size: auto 43px; } */

/* logo */
.logo_search{display: flex;align-items: center;flex: 1}
.logo_box{margin-right: 32.5px;}
/* 搜索 */
.search-btn-box{width: 52.5%;height: 22.5px;line-height: 22.5px;background: #fff;border-radius: 5px;text-align: center;}
@media screen and (max-width: 320px){
	.search-btn-box{width: 48%;}
}
.search-btn-box a{display: flex; align-items: center; justify-content: center; width: 100%;height: 22.5px;line-height: 22.5px; }
.search-btn-box a span{ font-size: 11px; display: block;color: #999;padding-left: 20px;background: url(https://static.xbiao.com/images/wap3.0/article/revision_logo.png) 0 4px no-repeat;background-size: 46px 138px;}

/* 导航 */
.sec_nav{padding: 3px 0; display: grid; grid-template-columns: repeat(5, auto);justify-content: space-between;}
.sec_nav li{text-align: center;  white-space: nowrap;}
.sec_nav li a{display: block;font-size: 15px; padding: 5px 10px;}
.sec_nav li a.act{color: #773b09;}

/* 主体内容 */
.index_container{background: #fff; margin-top: 7px;}

/* 品牌tab切换 */
.index-nav-list{height: 38px;border-bottom: 1px solid #e5e5ee; box-sizing: border-box;}
.index-nav-list ul{height: 38px;display: flex;justify-content: space-between;overflow: hidden;}
.index-nav-list ul li{text-align: center; }
.index-nav-list ul li a{ padding: 0 10px; display: inline-block;height: 38px;line-height:40px;font-size: 12px;color: #999; position: relative;}
.index-nav-list ul li.act a{color: #000;}
.index-nav-list ul li.act a::after{ content: '';position: absolute;bottom: 0;left: calc(50% - 5px);width: 10px;height: 3px;background-color: #733821;}
/* 品牌logo */
.index_brand_wrap { height: 135px; overflow:hidden; position:relative;}
.index_brand_wrap ul{padding: 12px 10px 3px}
.indexbrand {display: none;}
.indexbrand:first-child{ display: block; }
.brand_logo_con { display: flex; flex-wrap: wrap; justify-content: space-between;  overflow:hidden; }
.brand_logo_con  li{display:inline-block;width: 20%;overflow: hidden;text-align: center; margin-bottom: 7px; }
.brand_logo_con  li a{ display:inline-block; width:60px; text-align:center;}
.brand_logo_con  li img { width:60px; margin-bottom: 1px;}
.brand_logo_con  li span { text-align:center;font-size: 11px;color: #000;}
.brand_logo_con .more-brand span{color: #733821;}
/* 热门条件 */
.index_brand_wrap ul.hot-condition{display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; padding: 7.5px 0;}
.hot-condition li{height: 30px;line-height:30px;font-size: 14px;text-align: center;overflow: hidden;}
.hot-condition li a{display: block;color: #000; padding: 0 10px;}

/* 焦点图 */
.focus-container{border-radius: 5px;overflow: hidden;position: relative}
/* .focus-container ul{max-height: 300px;} */
.focus-container ul li img{width: 100%;}
.focus-1 ul li{position: relative;width: 100%;}
.focus_txt{ display: none; box-sizing: border-box;  position: absolute;bottom: 0;left: 0;padding: 0 18px 17px 18px; z-index: 100;width: 100%;overflow: hidden;}
.focus_txt p{color: #fff;font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.focus_txt p:nth-child(2){font-size: 16px;font-weight: bold}
.focus_pagination{position: absolute;bottom: 5px !important;text-align: center;z-index: 99}
.focus_pagination span{width: 5px;height: 5px;background: #fff;opacity: .5;margin: 0 2.5px !important}
.focus-container > .focus_pagination .swiper-pagination-bullet-active{opacity: 1}

/* 推荐 */
.commend{ position: relative;  overflow: hidden;display: flex; align-items: center; padding: 6px 2px 9px 6px; margin-top: 5px;  }
.commend_img{flex: 0 0 33px;display: block;width: 33px;height: 34px;background-position: -81px 0}
.commend_txt{flex-grow: 1;overflow: hidden;margin-left: 8.5px;border-left: 1px solid #e5e5e5;padding-left: 12.5px}
.commend_txt h3{font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 3px}
.commend_txt p{font-size: 10px;line-height: 15px;color: #bfbfbf;height: 30px;overflow: hidden}

/* 腕表资讯样式 */
.info-title{ max-height: 40px; overflow: hidden; font-size: 15px; color: #333; line-height: 20px; margin-bottom: 7px;}
.info-item{position: relative; padding: 6px 0 8px;}
.info-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(229, 229, 229, 0) 5%, rgba(229, 229, 229, 1) 50%, rgba(229, 229, 229, 0) 95%);
}
.info-note{ margin-top: 3px; height: 16px;font-size: 11px;color: #a0a0a0; overflow: hidden;}
.info-note span{display: inline-block;}
.info-note i{display: inline-block;padding-left: 4px;}
.info-pic-list{display: grid;grid-template-columns: repeat(3, 33%);justify-content: space-between; border-radius: 5px; overflow: hidden; max-height: 80px}
.info-pic-list img{width: 100%}

/* 腕表资讯样式-一张图 */
.info-one{
	position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.info-one
.info-one-pic{
	width: 119px;
    border-radius: 5px;
    overflow: hidden;
}
.info-one-pic img{
	width: 100%;
}
.info-one .info-title{
	max-height: none;
    flex: 1;
    padding: 10px 0 0 12.5px;
    margin: 0;
}
.info-one .info-title span {
	display: block;
    color: #333333;
    margin-bottom: 2px;
    height: 40px;
    overflow: hidden;
}
.info-one .info-title em {
    font-size: 11px;
    color: #a0a0a0;
}




/* 精彩专题 */
.brilliant-topic{padding: 7px 0 5px}
.topic-img img{width: 100%}

/* 资讯 一大四小图片 */
.info-item-img{position: relative;padding: 6px 0 10px}
.info-max-img img{width: 100%}
.info-min-img{display: grid;grid-template-columns: repeat(4, auto);column-gap: 2px ;margin-top: 2px}
.info-min-img img{width: 100%;}

/* 现场报道 */
.scene-report{padding-bottom: 4px}
.scene-report::after{display: none}
.scene-report-box {position: relative;overflow: hidden;border-radius: 5px}
.scene-report-box img{width: 100%}
.scene-report-box p{font-size: 12px;color: #fff;position: absolute;bottom: 0;left: 0;height: 30px;line-height: 30px;padding: 0 10px;width: 100%;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

/* 宽屏视频 */
.info-video-btn{width: 46px;height: 46px;background-position: -147px 0;position: absolute;top: calc(50% - 22.5px);left: calc(50% - 22.5px)}
.info-video em{position: absolute;bottom: 7.5px;left: 15px;background: rgba(0, 0, 0, 0.4);font-size: 8px;color: #828282;height: 20px;display: flex;align-items: center;padding: 0 5px;border-radius: 10px;z-index: 2}
.info-video em i{width: 13.5px;height: 11.5px;background-position: -54px 0;margin-right: 4px;z-index: 2}
.info-video-time{font-size: 12px;color: #fff;position: absolute;right: 15px;bottom: 9px}
.info-item-video em{margin-right: 17.5px}
.info-item-video{position: relative;padding-bottom: 0}
.info-item-video::after{
    display: none;
}
.info-item-video .info-title{max-height: none; color: #000;margin-bottom: 4px;display: -webkit-box;-webkit-line-clamp: 3;/* 限制3行 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: pre-wrap;}
.info-video img{width: 100%}
.info-video {position: relative;border-radius: 5px;overflow: hidden}
.info-video::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2)}
.info-item-video .info-note em{font-size: 10px;color: #7d7d7d;}
/* 竖屏视频 */
.vertical-video {width: 45%}
.vertical-video img{width: 100%}
.vertical-video em{left:12px;bottom: 5px;}
.vertical-video span{right: 8px;bottom: 7px; }

/* 人物访谈 */
.interviews-box{display: flex;justify-content: space-between}
.interviews-box .interviews-item{width: calc(50% - 1.25px)}
.interviews-box img{width: 100%;border-radius: 5px}
.interviews-box .interviews-item{position: relative}
.interviews-box span{display: flex;justify-content: space-between;align-items: center;margin: 6px 0 3px}
.interviews-box span em{display: block;height: 20px;line-height: 20px;text-align: center;padding: 0 14px;font-size: 11px;color: #fff;font-weight: bold;background: #cfa972}
.interviews-box span i{font-size: 9px;color: #888787}
.interviews-box p{font-size: 12px;color: #000;line-height: 15px;height: 30px;overflow: hidden}

/* 热门话题 */
.hots-topic-list{width: 100%;padding: 0 10px;margin-left: -10px !important}
.hots-topic-list .swiper-slide {position: relative;width: 104px}
.hots-topic-list .swiper-slide img{border-radius: 5px;overflow: hidden;width: 100%}
.hots-topic-list .swiper-slide p ,.hots-topic-list .swiper-slide span{position: absolute;bottom: 24px;left: 0;width: 100%;color: #fff;text-align: center;box-sizing: border-box}
.hots-topic-list .swiper-slide p {padding: 0 10px;font-size: 13px}
.hots-topic-list .swiper-slide span{bottom: 7px;display: flex;justify-content: center}
.hots-topic-list .swiper-slide span i{font-size: 9px;border: 1px solid #d2d2d2;color: #d2d2d2;height: 13px;line-height: 13px;box-sizing: border-box;border-radius: 6.5px;padding: 0 5px}

/* 是否去APP */
.appdowntop{width: 100%;height: 100%}
.watch-appdown,.jew-appdown{width: 282px;height: 200px;position: absolute;top: calc(50% - 100px);left: calc(50% - 141px);background: #fff url(../../images/wap3.0/watch-appdown.png) center 17.5px no-repeat;;background-size: 57px 57px;border-radius: 5px;padding: 0;display: flex;flex-direction: column;text-align: center;padding-top: 87px;box-sizing: border-box}
.jew-appdown{background-image: url(../../images/wap3.0/jew-appdown.png)}
.watch-appdown em,.jew-appdown em{color: #000;font-size: 15px;padding: 0}
.linkappdown{position: static;font-size: 15px;width: 155px;height: 37.5px;background: #74381e;color: #fff;text-align: center;line-height: 37.5px;margin: 13px auto 7px;border-radius: 5px}
.linkappdown:active{color: #fff}
.appdownclose{position: static;background: none;width: 100%;height: auto;font-size: 14px;color: #a0a0a0}