@import url("../css/bootstrap-icons.css");
/*html{font-size:100px}  注意因为js内放置了转换的相关文件，这里可以不用。如果不想放js，这里可以使用*/
/* html{scroll-behavior: smooth;} */
body{MARGIN: 0px;font-size:0.16rem;text-align:left; padding:0px; color:#000;font-family: "Microsoft YaHei","SimSun","SimHei";min-height: 100%;}
body{background: #fff;word-wrap: break-word;}
div,ul,li,p,form,dd,dt,dl,h3,h4{ margin:0px; padding:0px; font-size:0.16rem;}
img{ border:0px;vertical-align:middle}
li{ list-style:none}
a{ font-size:0.16rem; color:#000; text-decoration:none;}
a:hover{ font-size:0.16rem; color:#F57124; text-decoration:none;}
p{ font-size:0.16rem;}
.clearboth{ clear:both;}
.container{clear:both; width: 94%; max-width:1480px!important;text-align:left;word-break:break-all; margin-left:auto; margin-right:auto; padding: 0px;}
.fl{float: left}
.fr{float: right}
:root {
    --theme-color: #343a40; /* 主题色 */
    --hover-color: #F57124; /* 鼠标滑过 */
    --blue: #007BFF; /* 鼠标滑过 */
    --white-color: #fff; /* 白色 */
    --txt-color: #1F1F1F; /* 黑色 */
    --f5-color: #F5F5F5; /* 亮灰 */
     --font-size-base:16px/* 默认字号 */
  }
  .row > *{padding-left: 0; padding-right: 0; max-width: 100%;}
.row{
	--bs-gutter-x: 0rem; 
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(0* var(--bs-gutter-y));
     margin-right: calc(-0* var(--bs-gutter-x)); 
     margin-left: calc(-0* var(--bs-gutter-x));
}


header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2000;
	transition:all .4s ease-in-out;	
	padding: 0.1rem 0;
	background:#343A40;
	/* box-shadow: rgba(0,0,0,.1) 0px 1px 5px; */
}



.headercon{
    /* position: relative; */
	width: 100%;
	/* height: 0.8rem;  */
	z-index: 999;
}

.logo h2{font-size: 0.3rem; margin: 0rem!important; color: var(--white-color);}
.fxpcmenu ul{display: flex; justify-content:flex-end; align-items: center; text-align: center;}
.fxpcmenu ul li{ width: 18%; margin: 0.1rem 0;/* position: relative;*/}
.fxpcmenu ul li:last-child{width: 20%;}
.fxpcmenu ul li a{color: var(--white-color); font-size: 0.16rem;}

.waphome{display: none;}



@media (max-width:1340px){
.logo{padding-left: 0.1rem;}
.fxpcmenu ul li{ width: 20%; margin: 0.1rem 0;/* position: relative;*/}
.fxpcmenu ul li:last-child{width: 25%;}
}
@media (max-width: 992px){
	header{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 2000;
		transition:all .4s ease-in-out;	
		padding: 0.18rem 0;
		background: #343a40;
	}
	
	.headercon{max-width: 100%;}
	/* .headercon .row{
	    margin-right:0px;
    	margin-left: calc(-0.5* var(--bs-gutter-x));	
	} */

	.logo{padding-left: 0; text-align: center; }
	.logo h2{font-size: 0.45rem; text-align: center; color: #fff;}
	.logo img{max-height: 100%;}
	.fxpcmenu{display: none;}

	.waphome{display: block; position: absolute; left: 90%; top: 0.2rem;}
	.waphome .bi{color: #fff; font-size: 0.3rem;}

}

@media (max-width: 768px){
	.logo{padding-left: 0; text-align: center; height: 0.55rem;}
	.logo img{max-height: 100%;}

	.waphome{display: block; position: absolute; left: 90%; top: 0.3rem;}
	.waphome .bi{color: #fff; font-size: 0.38rem;}
	
}

.bannerswiper {margin-top:0rem;}
/* #wapbanner{display: none;} */
 .bannerswiper .swiper {
      width: 100%;
      /* height: 100%; */
    }
.bannerswiper .swiper-wrapper{ height: auto;    transform:none;}
 .bannerswiper .swiper-slide img{
		width:100%;
		height:auto;
		/* min-height:100%; */
		/* transition:1s linear 2s; */
		/* transform:scale(1.1,1.1); */
		}
.bannerswiper .swiper-slide-active img,.swiper-slide-duplicate-active img{
		/* transition:6s linear; */
		/* transform:scale(1,1); */
		}	
.bannerswiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px;}
.bannerswiper .swiper-pagination-bullet{background: #fff;    opacity: 0.6; width:20px; height: 6px; border-radius:5px; }
.bannerswiper .swiper-pagination-bullet-active{background: #1FB75D;opacity:1;} 

@media (max-width:992px){
	#wapbanner{display: block;}
	/* #pcbanner{display: none;} */
	.bannerswiper{margin-top:0.8rem;}
	/* .bannerswiper .swiper-slide{height: 3rem;} */
	.bannerswiper .swiper-slide img{ transform:scale(1);}
	.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev{
		height: 19px!important;
		margin-top: -15px
	}
	/* .bannerswiper {margin-top: 0.6rem;}   */
    .tz_con ul li a{font-size: 0.24rem}
}

/* 器械 */
.qixie{padding: 0.2rem 0 0.1rem 0;}
.indextit{ display:block; width: 100%; font-size: 0.36rem; text-align: center;}
.indextit:hover{ font-size: 0.36rem; text-align: center; color: var(--txt-color);}

.qxbox{ margin-top: 0.1rem;}
.qxlist{padding: 0 0.3rem 0.1rem 0.3rem;}
.qxpic{ min-height: 3rem; max-height: 3rem;display: flex; justify-content: space-around; align-items: center;overflow: hidden;border-radius: 10px; background: var(--f5-color);}
.qxpic img{ }
.qxname{text-align: center;padding: 0.1rem 0.2rem; font-size: 0.18rem;}

@media screen and (min-width:993px) and (max-width:1200px){
.qxpic{ min-height: 2rem; max-height: 2rem;}
}
@media (max-width:992px){
	/* .qxpic{ 
		min-height: 2.5rem; 
		max-height: 2.5rem;
	} */
	.qxname{margin-top: 0rem; margin-bottom: 0.15rem; font-size: 0.28rem;    padding: 0rem 0.2rem;}
}


/* 产品 */
.pro{background: var(--f5-color);padding: 0.2rem 0;}
.probox{ margin-top: 0.2rem;}
.prolist{padding: 0 0.3rem 0.3rem 0.3rem;}
.propic{ min-height: 3rem; max-height: 3rem;display: flex; justify-content: space-around; align-items: center;overflow: hidden;border-radius: 10px; background: var(--white-color);}
.propic img{transform: scale(1.2);}
.proname{text-align: center;padding: 0.1rem 0; font-size: 0.18rem;display: flex; justify-content: space-between; align-items: center;}
.proname a{}
.playbtn{ width: 15%;}
.playbtn .bi{font-size: 0.5rem; color: var(--hover-color) ;}
.playbtn .bi-play-circle-fill{font-size: 0.4rem;}
.buybtn{width: 65%; border: var(--hover-color) solid 1px;font-size: 0.18rem; padding: 0.04rem 0;color: var(--hover-color) ; transition: all 0.3s;border-radius: 10px;}
.buybtn:hover{color: var(--white-color) ; background: var(--hover-color) ;font-size: 0.18rem; }

@media screen and (min-width:993px) and (max-width:1200px){
.propic{ min-height: 2rem; max-height: 2rem;}
}
@media (max-width:992px){
	.proname{margin-top: 0.1rem;font-size: 0.28rem;}
	.playbtn{ width:25%;}
	.playbtn .bi{font-size: 0.65rem; color: var(--hover-color) ; }
	.playbtn .bi-play-btn-fill{vertical-align: -0.24rem; }
	.playbtn .bi-play-circle-fill{font-size: 0.5rem;  }
	.buybtn{width: 60%; margin-left: 3%; margin-top: -0.05rem; padding: 0.02rem 0; font-size: 0.28rem; border-radius: 5px; }
	.buybtn:hover{font-size: 0.28rem; }
}


  footer{padding: 0.6rem 0 0.6rem 0; background:var(--theme-color);}
  
  .banquan{
	/* border-top:#444 solid 1px; 
	margin-top: 0.5rem; 
	padding-top: 0.3rem;  */
	color: #999;
	font-size: 0.14rem;
	text-align: center!important;
}
  /* .banquanfl{text-align: left;font-size: 0.14rem;}
  .banquanfr{text-align: right;font-size: 0.14rem;} */
 .ftfixed{display: none; }


  @media (max-width:992px){
	 /* footer{padding-bottom: 1.5rem;} */
	 .ftfixed{
		display: block;
		width: 100%;
		position: fixed; 
		bottom: 0px; 
		padding: 0.12rem 0;
		background: var(--hover-color);
		/* border-top: #434040 solid 1px; */
	 }
	  .ftnav{
		display: flex; 
		justify-content: space-around; 
		align-items: center; 
		text-align: center;
	}
	.ftnav a{color: var(--white-color); font-size: 0.28rem;}
	.ftnav p{font-size: 0.26rem;  padding-left: 0.2rem; color:#FCD3BC ; text-align: center;}

	.banquan{font-size: 0.2rem;}
	.banquanfl,.banquanfr{text-align: center; font-size: 0.2rem;}
  }



/*==========上榜规则 开始==========*/
.Rankingbox{}
.rankingtop{padding-top:0.8rem; padding-bottom: 0.1rem;text-align: center; position: relative; }
.rankingtit{display:block; width: 100%; font-size: 0.34rem; text-align: center; margin-bottom: 0rem; font-weight: bold; color: #495057; }
.rankingtop a{ font-size: 0.16rem; text-align: center; color: var(--hover-color);}
.rankingtop a:hover{text-decoration: underline;}

.innerbuy{position: absolute; right: 20%; bottom:8px; width:1.3rem; height: 30px;line-height: 30px; border-radius: 5px;  background: var(--hover-color); }
.innerbuy a{color: #fff;}
.innerbuy a:hover{text-decoration:none}

.rankingtab{ background: var(--f5-color);  min-height: 100vh;}
.rankingtab .nav{
	display: flex; 
	justify-content: center;
	--bs-nav-link-padding-x: 0.3rem;
    --bs-nav-link-padding-y: 0.1rem;
	--bs-nav-link-color: var(--hover-color)!important;
	--bs-nav-link-hover-color:  var(--hover-color)!important;
    --bs-nav-link-disabled-color: var(--hover-color)!important;
}
.rankingtab .nav-link{border:var(--hover-color) solid 1px ; font-size: 0.18rem;}
.rankingtab .nav-link.active{border:var(--hover-color) solid 1px ;}
.rankingtab .nav-item:first-child .nav-link{padding: 0.1rem 0.46rem;}
.rankingtab .nav-link:focus {
    outline: none; /* 移除焦点时的轮廓 */
    box-shadow: none; /* 移除阴影效果 */
	border:var(--hover-color) solid 1px ;
}
.rankingtab .nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--hover-color)!important;
}
.rankingtab .nav-item{margin: 0.2rem 0.05rem;}

.ranktable{width: 80%; margin:0 auto; position: relative; }


.ranktable .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.ranktable .table-sm thead{width:100%;}
.ranktable .table-sm thead th{padding: 0.1rem 0.2rem;  }
.ranktable .table-sm thead th .bi{font-size: 0.3rem;}
.ranktable .table-sm td, .table-sm th{padding: 0.01rem 0.1rem; word-break: keep-all; font-size: 0.2rem; font-weight: normal; }

/* .ranktable .table-sm thead th:first-child{width: 10%;} */

#theadfixed{}
/* #theadfixed th{padding: 0.2rem 0.6666rem!important; } */
.addthead{ 
  position: fixed;
  top: 67px;
  width: 100%;
  z-index: 9999;}





/* .ranktable thead.table-light{--bs-table-bg: #F0EDEA;} */
.table-responsive {
    padding-left: 2px;
}
.ranktable thead th{color:#26292c;}
.ranktable thead th span{color:#495057;}

.ranktable tbody tr th.subscript{padding: 0 0.2rem; 
}
.ranktable tbody tr th.newimg {
  position: relative; /* 创建定位上下文 */
}

.ranktable tbody tr th.newimg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;       /* 图片宽度 */
  height: 30px;      /* 图片高度 */
  background: url('../images/s1.png') no-repeat;
  background-size: contain; /* 保持图片比例 */
  z-index: 1;        /* 确保在内容上方 */
}/*
.ranktable tbody tr th.subscript img{
	width: 30px;
	height: 30px;
	position: absolute;
    top:-4px; 
    left:-4px;
}
 .ranktable tbody tr th.subscript span.new-badge {
    position: absolute;
    top:2px; 
    left:-22px;
     background-color: red; 
    color: white; 
    padding: 2px 22px; 
    font-size:0.08rem; 
    border-radius: 3px; 
	transform: rotate(-45deg); 
    z-index: 10; 
} */
.ranktable th a{font-size: 0.18rem;}
/* .ranktable tbody tr th#goldmedal{ padding-top: 0.12rem;}
.ranktable tbody tr th#silvermedal{ padding-top: 0.12rem;}
.ranktable tbody tr th#bronzemedal{ padding-top: 0.12rem;} */
.ranktable tbody tr th#goldmedal .bi{
	background-image: linear-gradient(to right bottom, #F2D60D, goldenrod);
   -webkit-background-clip: text;
   color: transparent; /* 使文字颜色透明，以便背景色显示 */
   -webkit-background-clip: text; /* 兼容WebKit浏览器 */
	/* color: goldenrod;  */
	font-size: 0.28rem;
}
.ranktable tbody tr th#silvermedal .bi{
	background-image: linear-gradient(to right bottom, #EDEDED, silver);
   -webkit-background-clip: text;
   color: transparent; 
   -webkit-background-clip: text; 
	font-size: 0.3rem;}
.ranktable tbody tr th#bronzemedal .bi{
	background-image: linear-gradient(to right bottom, #E59039, #a67c52);
   -webkit-background-clip: text;
   color: transparent; 
   -webkit-background-clip: text; 
	font-size: 0.3rem;
}

.guoji img{max-width: 40px;}

.score{word-break: keep-all; font-weight: bold;}

/* .videobtn{display: flex; justify-content: center; align-items: center; border: none;} */
.videobtn a{padding: 0 0.05rem;}
.videobtn .bi-youtube{ font-size: 0.4rem; color: var(--hover-color);}
.videobtn .bi-play-circle-fill{font-size: 0.28rem; vertical-align:0.22em; color: var(--hover-color);}





@media (max-width:992px){
	.rankingtop{padding-top: 1rem;}
	.rankingtop a{font-size: 0.25rem;}

	.innerbuy{position: absolute; right: 12px; bottom:8px; width:1.1rem; height: 18px;line-height: 18px; border-radius:3px;  background: var(--hover-color); }
.innerbuy a{color: #fff;font-size: 0.22rem;}
.innerbuy a:hover{text-decoration:none}
	
	.ranktable{width: 100%;}
	.ranktable thead th{
		font-size: 0.32rem;
		word-break: keep-all;
		overflow-wrap: break-word;
		
	}

	.ranktable thead th span{ display: inline-block; font-size: 0.26rem;width: 100%; font-weight: bold;}
	.ranktable th a{font-size: 0.26rem;}
	.ranktable .table-sm td, .table-sm th {
		padding: 0.05rem 0.05rem;
		word-break: keep-all;
		font-size: 0.28rem;
		font-weight: normal;
		
	}
	.ranktable .table-sm td, .table-sm th:nth-child(2){width: auto;}
	.ranktable .table-sm thead th{padding: 0.1rem 0.05rem;}
	/* .ranktable .table-sm thead th:first-child{width:13%;} 
	.ranktable .table-sm thead th:nth-child(3){width:5%;}
	.ranktable .table-sm thead th:nth-child(4){width:5%;}*/
	/* .ranktable .table-sm thead th:nth-child(5){width:0.5rem;} */

	.ranktable tbody tr th.subscript{padding: 0 0.2rem;}
	.ranktable tbody tr th.subscript span.new-badge {font-size:0.05rem;top: -1px; }
	
	.ranktable tbody tr th#goldmedal .bi{font-size: 0.4rem;}
	.ranktable tbody tr th#silvermedal .bi{font-size: 0.45rem;}
	.ranktable tbody tr th#bronzemedal .bi{font-size: 0.45rem;}

	.ranktable tbody tr th.newimg {
  position: relative; /* 创建定位上下文 */
}

.ranktable tbody tr th.newimg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;       /* 图片宽度 */
  height: 18px;      /* 图片高度 */
  background: url('../images/s1.png') no-repeat;
  background-size: contain; /* 保持图片比例 */
  z-index: 1;        /* 确保在内容上方 */
}


	.videobtn .bi-play-circle-fill {
		display: inline-block;
		font-size: 0.40rem;
		vertical-align: 0.12em;
		color: var(--hover-color);
		 /* padding-top: 0.02rem;  */
	}
	.videobtn .bi-youtube{display: inline-block;	
	font-size: 0.43rem;
		vertical-align: 0.05em;
		color: var(--hover-color);
	margin-top: 0.05px; 
	/*padding-top: 0.03rem; */
	}
	
	.rankingtab .nav-link{font-size: 0.28rem;padding: 0.05rem 0.34rem;}
	.rankingtab .nav-item:first-child .nav-link{padding: 0.05rem 0.54rem;}

	.fullname{ }
	.fullname a{ 
		font-size: 0.26rem;
		text-align: justify; 
		word-wrap: break-word;
		word-break: keep-all;
		overflow-wrap: break-word; /* 或 word-wrap: break-word; */
		}

	.guoji img{max-width: 25px;}
	.Score a{font-size: 0.26rem;}
	
		
}


/*==========上榜规则 结束==========*/



/* ============详情页 开始================== */
.Rankinginfo{padding-top:1.2rem; padding-bottom: 0.3rem; background: var(--f5-color); text-align: center; }

.infotop{ width: 80%; margin: 0 auto; height: auto;}
.infotoplist{padding:20px;  }
.infotoplist dl{display: flex; justify-content: space-between; align-items: center; background: var(--white-color); padding:0.15rem 0.2rem;border: 1px solid rgba(0, 0, 0, .125); margin-bottom: -1px;}
.infotoplist dl:first-child{border-radius: 5px 5px 0px 0px;}
.infotoplist dl:last-child{border-radius: 0px 0px 5px 5px ; justify-content: center;}
.infotoplist dl:last-child a{padding:0 0.2rem; color: var(--hover-color);}
.infotoplist dl:last-child a .bi-play-circle-fill{font-size: 0.4rem; }
.infotoplist dl:last-child a .bi-youtube{font-size: 0.5rem;}

.infotoplist dl dt h3{ font-weight: bold; color: var(--theme-color); margin-bottom: 0.03rem; text-transform: capitalize;}
.infotoplist dl dt p{ font-weight: normal; color: #6C757D; text-transform: capitalize;}
.infotoplist dl dd img{width: 50px;}
.infotoplist dl dd{font-weight: bold; text-align: right;}
.infotoplist dl dd p{color: #6C757D;text-transform: capitalize; font-weight: normal;}

.infotopcon{padding:20px;  }
.infotoptext{padding: 0.1rem; background: var(--white-color);border-radius: 5px 5px;border: 1px solid rgba(0, 0, 0, .125);}
.infotoptext img{max-width: 100%;}
 
/* @media (min-width:993px){
	.infotoptext{max-height: 3.39rem; overflow: auto;}
} */

.w80{width: 80%; margin: 0 auto;}
.infoft{padding: 20px; }
.infoft table{width: 100%;}
.infoft thead th{padding: 0.2rem 0; font-weight: bold;color: #495057; }
.infoft thead span{text-transform: capitalize;}

.infoft tbody tr td{padding: 0.1rem 0 0.1rem 0; font-weight: normal; font-size: 0.28rem;}
.infoft tbody tr th{padding: 0.2rem 0;}

.infoft tbody tr th.subscript{position: relative; overflow: hidden; padding: 0; font-weight: normal; font-size: 0.28rem; }
.infoft tbody tr th.subscript span.new-badge {
    position: absolute;
    top:2px; 
    left:-22px;
    background-color: red;
    color: white; 
    padding: 2px 22px; 
    font-size:0.08rem; 
    border-radius: 3px; 
	transform: rotate(-45deg); 
    z-index: 10; 
}

.infoft .table-danger{background: #f25f3b;}
.infoft .table-warning{background: #f8c537;}
.infoft .table-yellow{background: #f8e399;}
.infoft .table-pink{background: #F7CBCB;}



@media (max-width:992px){
	.infotop{width: 100%;}

	.infotoplist{padding:10px;}
	.infotoplist dl{ padding:0.16rem 0.3rem 0.1rem 0.3rem;}
	.infotoplist dl:last-child a .bi-play-circle-fill{font-size: 0.7rem; }
	.infotoplist dl:last-child a .bi-youtube{font-size: 0.8rem;}

	.infotoplist dl dt h3{font-size: 0.26rem;}
	.infotoplist dl dt p{font-size: 0.24rem;}
	.infotoplist dl dd img{width: 30px;}
	.infotoplist dl dd{font-size: 0.26rem; padding-bottom: 0.05rem;}
	.infotoplist dl dd p{font-size: 0.24rem; }

	.infotopcon{padding:10px;border-radius: 5px 5px; }
	.infotoptext img{max-width: 100%;}
	.infotoptext p{font-size: 0.28rem ;}

	.w80{width: 100%;}
	.infoft{padding: 10px;}
	.infoft table th{width: auto;}
	/* .infoft{width: 95%;} */

	.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {line-height: 1.1;}

}

/* ============详情页 结束================== */


/* ===============单篇页面============== */
.danpianbox{padding-top: 1rem; padding-bottom: 0.3rem;min-height: 100vh;}
.menuname{text-align: center; margin-bottom: 0.3rem; font-size: 0.26rem; font-weight: bold; color: #343A40;}
.danpiancon{width: 80%; margin: 0% auto; background: #F8F9FA;
padding: 0.3rem; border-radius: 5px; border: #DEE2E6 solid 1px; word-break: keep-all; }
.danpiancon p{word-break: keep-all; line-height: 2.0;}



@media (max-width:992px){
	.menuname{margin-top: 0.2rem;}
	.danpiancon{width: 100%; margin: 2% auto; word-break: keep-all;font-size: 0.26rem; }
	.danpiancon p{word-break: keep-all; line-height: 2.0; font-size: 0.26rem;}
	
}