body{background-color: #fff;}
.kch-rankingL{width: 380px; height: 184px; position: relative; border-radius: 10px; overflow: hidden;}
.kch-rankingL img{width: 380px; height: 184px; position: absolute; left: 0; top: 0;}
.kch-rankingIcon{width:80px; height: 80px; border-radius: 40px; background-color: #fff; position: relative;z-index: 2; overflow: hidden;}
.kch-rankingIcon img{width:80px; height: 80px;}
.kch-rankingBtn{height: 36px; padding: 0 20px; border-radius: 18px; border: 1px solid #e2e2e2; display: flex; justify-content: start; align-items: center; margin: 0 5px;} 
.kch-phbTableBox{width: 388px; border: 1px solid #ebecf0;border-radius: 6px; overflow: hidden; margin-right: 18px;}
.kch-phbTableBox:nth-child(3n){margin-right:0px;}
.kch-phbTableTop{width: 100%; height: 60px; border-bottom: 1px solid #ebecf0; font-size: 16px; font-weight: bold; display: flex; align-items: center; padding: 0 10px; background: #f3fbf5 linear-gradient(90deg, #f3fbf5 0, #ffffff 100%);}
.kch-phbTableTit{width: 100%;border-bottom: 1px solid #ebecf0;font-size: 12px; display: flex; justify-content: start; align-items: center;padding: 0 10px; }
.kch-phbTh1{width: 52px;}
.kch-phbTh2{width: 310px;}
.kch-phbTh2:hover{color: initial;}
.kch-phbTh2 .font-14:hover{color: #307bf8;}
.kch-phbTh3{width: 48px;}
.kch-phbLogo{width: 40px; height: 40px; border-radius: 10px; border: 1px solid #ebecf0;}
.kch-phbTh3>.icon-sanjiao1{transform: scale(0.65);position: absolute;color: #11b041; margin-left: 3px;}
.kch-phbTh3>.icon-sanjiao2{transform: scale(0.65);position: absolute;color: #f4404c; margin-left: 3px;}
.kch-phbTh3>.icon-sanjiao3{transform: scale(0.65);position: absolute;color: #abaeba; margin-left: 3px;}
.kch-phbTh3>.icon-asterisk{transform: scale(0.8);position: absolute;color: #191919; margin-left: 3px;}
.kch-phbTh3 strong{margin-left: 7px!important;}
.kch-phbMore{width: 100%;height: 36px;background-color: #ebecf0;display: flex; justify-content: center; align-items: center; font-size: 14px; color: #818487;}
.kch-phbMore .icon-f-play{ color: #abaeba;}
.kch-indexZls{width: 142px; min-width: 142px; height: 80px;}
.kch-indexZl a:hover .text-666{color: #307bf8;}
.kchNotice{margin: 10px 0;}
.kchNotice>.swiper-wrapper{ transition-timing-function: linear !important;}
.swiper-slide{width: auto; height: 36px; border: 1px solid #e8e8e8; border-radius: 18px; line-height: 34px; padding: 0 10px;}
.text-838e97{color: #838e97;}
.swiper-slide .text-838e97:hover{color: #307bf8;}
.bg-eff3f5{background-color: #eff3f5;}
.kch-phbXgWz{width: 160px; height: 95px; border-radius: 10px; border: 1px solid #e2e2e2;overflow: hidden;}
.kch-phbXgWz .kch-phbXgWzImg{width: 160px; height: 95px; max-width: initial; min-width: initial;}
.kch-phbXgWzTxt{width: 520px; max-width: 520px;}
.kch-phbTableBoxDetail{width: 100%;}
.kch-phbTableBoxDetail .kch-phbTh1{width: 92px;}
.kch-phbTableBoxDetail .kch-phbTh2{width:560px;}
.kch-phbTableBoxDetail .kch-phbTh3{width: 98px;}
.kch-rightTjwd:hover{color: #307bf8;}
.kch-dLeftBox .kch-phbLogo{width: 80px; height: 80px; margin-right: 10px;}
/* h5ÏìӦʽ²¼¾Ö ¡ý¡ý¡ý¡ý¡ý¡ý¡ý¡ý */
 @media screen and (max-width: 800px) {
	 .kch-1360px.w-center.flex.justify-between{flex-direction: initial;}
	 .kch-rankingL{width: 30%; margin:0 1.5%; height: auto; padding-bottom: 20px;}
	 .kch-rankingL .font-20{font-size: 14px;}
	 .kch-rankingIcon{width: 50px; height: 50px;}
	 .kch-rankingIcon img{width: 50px; height: 50px;}
	 .w-center.my-3.flex.justify-start.align-center{width: 100%; padding: 0 15px;}
	 .w-100.flex.justify-between.align-center.mb-2{width: 100%; padding: 0 15px;}
	 .w-center.flex.justify-between{flex-direction: column;}
	 .kch-phbTableBox{width: 100%; margin-bottom: 10px;margin-right: 0;}
	 .w-280.bg-white.shadow.flex.flex-column.position-relative.rounded-4{width: 100%;}
	 .w-280.bg-white.shadow.flex.flex-column.position-relative.rounded-4 .h-160{height: auto;}
	 .w-380.kch-hoverImg.flex.justify-start.my-1{width: 100%; padding-left: 15px; padding-right: 15px;}
	 .w-380>.flex.flex-column{width: calc(100% - 152px);}
	 .w-center.flex.justify-between.px-3.my-4{padding: 15px; margin: 0;}
	 .kch-dLeftBox{width: 100%;}
	 .kch-rh>.kch-fixedBox.flex.flex-column.position-fixed{position: initial!important; width: 100%!important;}
	 .kch-phbXgWzTxt{width: calc(100% - 160px);}
	 .font-30{font-size: 20px;}
}