@media (max-width: 1399px) and (min-width: 768px){

}

@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){
	.KLLFHUJcenter {
	    width: 1024px;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 992px){
	.KLLFHUJcenter {
	    width: 100%;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 768px){
	body{
		zoom: 90%;
	}
	.KLLFHUJmain{
		padding: 30px 0;
	}
	.KLLFHUJcenter {
	    width: 100%;
	    padding: 0 5px;
	}
	header{
		background: #cfb8fe!important;
		height: auto!important;
	}
	header .KLLFHUJheader-nav{
		justify-content: space-between;
    	align-items: center;
	}
	header .KLLFHUJheader-nav .KLLFHUJheader-list,header .KLLFHUJheader-nav .KLLFHUJsearch-form{
		display: none!important;
	}
	.KLLFHUJindex-match{
		padding: 30px 0;
	}
	.KLLFHUJindex-match-list .KLLFHUJmatch-table{
		padding: 8px 5px;
	}
	.KLLFHUJindex-match-list-box .KLLFHUJmatch-table {
	    grid-template-columns:  auto;
	}
	.KLLFHUJindex-title .KLLFHUJtitle{
		gap:  10px;
	}
	.KLLFHUJindex-title .KLLFHUJtitle span{
		font-size: 18px;
	}
	.KLLFHUJindex-title .KLLFHUJtitle p::before {
	    content: '';
	    width: 15px;
	}
	.KLLFHUJindex-match-list .KLLFHUJmatch-table.top span{
		font-size: 12px;
	}
	.KLLFHUJindex-title .KLLFHUJtitle p{
		font-size: 16px;
	}
	.KLLFHUJindex-match-cate li a{
		padding: 10px 8px 5px;
		font-size: 16px;
	}
	.KLLFHUJindex-video::before{
		width:  100%;
	}
	.KLLFHUJindex-match-list .KLLFHUJmatch-table .KLLFHUJtwo .KLLFHUJteam img{
		width: 30px;
	}
	.KLLFHUJindex-match-list .KLLFHUJmatch-table .KLLFHUJthree .KLLFHUJdaojishi{
		justify-content: center;
	}
	.KLLFHUJindex-video-list li{
		width: calc(100% / 2 - 15px);
	}
	.KLLFHUJindex-news-list li .KLLFHUJitem .KLLFHUJinfo .KLLFHUJtime_info{
		display: none;
	}
	.KLLFHUJindex-news-list li .KLLFHUJitem .KLLFHUJinfo .KLLFHUJtext span{
		font-size: 16px;
	}
	.KLLFHUJindex-news-list li .KLLFHUJitem .img{
		width: 40%;
		height: 120px;
	}
	.KLLFHUJindex-con .KLLFHUJindex-left{
		width: 100%;
	}
	.KLLFHUJindex-con .KLLFHUJindex-right{
		width: 100%;
	}
	.KLLFHUJindex-con {
	    flex-direction: column;
	}
	.KLLFHUJindex-detail h1{
		font-size: 20px;
	}
	.KLLFHUJright_title .KLLFHUJtitle span{
		font-size: 16px;
	}
	.KLLFHUJvideo_cont_list{
		gap: 10px;
	}
	.KLLFHUJindex-news-list li .KLLFHUJitem .img.team{
		padding: 0;
	}
	.KLLFHUJmatch-shuoming .KLLFHUJlive_view .KLLFHUJitem .KLLFHUJtextinfo .KLLFHUJsignals{
		display: block;
		white-space:  unset;
	}

	.KLLFHUJwl-top .img{
		width: 100%;
		height: 100px;
		padding: 0;
	}
	.KLLFHUJwl-cont{
		width: 100%;
	}

	.KLLFHUJlive-detail {
	    margin-top: 10px;
	    /*height: 250px;*/
	    border-radius: 8px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box {
	    gap: 10px;
	    padding: 8px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJitem {
	    gap: 5px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJitem .KLLFHUJitem-img {
	    height: 45px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJitem p {
	    font-size: 16px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJinfo .KLLFHUJinfo-box {
	    gap: 8px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJinfo .KLLFHUJinfo-box .KLLFHUJcate {
	    font-size: 14px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJinfo .KLLFHUJinfo-box time, .KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJinfo .KLLFHUJinfo-box span {
	    font-size: 14px;
	}
	.KLLFHUJlive-detail .KLLFHUJlive-detail-box .KLLFHUJinfo .KLLFHUJinfo-box .KLLFHUJstatus {
	    padding: 3px 5px;
	    font-size: 15px;
	    border-radius: 5px;
	}
	.KLLFHUJtags h2{
		padding-left: 8px;
	}
}
