@media (max-width: 1399px) and (min-width: 768px){

}

@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){
	.hgfhghcenter {
	    width: 1024px;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 992px){
	.hgfhghcenter {
	    width: 100%;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 768px){
	body{
		zoom: 90%;
	}
	.hgfhghmain{
		padding: 30px 0;
	}
	.hgfhghcenter {
	    width: 100%;
	    padding: 0 5px;
	}
	header{
		background: #cfb8fe!important;
		height: auto!important;
	}
	header .hgfhghheader-nav{
		justify-content: space-between;
    	align-items: center;
	}
	header .hgfhghheader-nav .hgfhghheader-list,header .hgfhghheader-nav .hgfhghsearch-form{
		display: none!important;
	}
	.hgfhghindex-match{
		padding: 30px 0;
	}
	.hgfhghindex-match-list .hgfhghmatch-table{
		padding: 8px 5px;
	}
	.hgfhghindex-match-list-box .hgfhghmatch-table {
	    grid-template-columns:  auto;
	}
	.hgfhghindex-title .hgfhghtitle{
		gap:  10px;
	}
	.hgfhghindex-title .hgfhghtitle span{
		font-size: 18px;
	}
	.hgfhghindex-title .hgfhghtitle p::before {
	    content: '';
	    width: 15px;
	}
	.hgfhghindex-match-list .hgfhghmatch-table.top span{
		font-size: 12px;
	}
	.hgfhghindex-title .hgfhghtitle p{
		font-size: 16px;
	}
	.hgfhghindex-match-cate li a{
		padding: 10px 8px 5px;
		font-size: 16px;
	}
	.hgfhghindex-video::before{
		width:  100%;
	}
	.hgfhghindex-match-list .hgfhghmatch-table .hgfhghtwo .hgfhghteam img{
		width: 30px;
	}
	.hgfhghindex-match-list .hgfhghmatch-table .hgfhghthree .hgfhghdaojishi{
		justify-content: center;
	}
	.hgfhghindex-video-list li{
		width: calc(100% / 2 - 15px);
	}
	.hgfhghindex-news-list li .hgfhghitem .hgfhghinfo .hgfhghtime_info{
		display: none;
	}
	.hgfhghindex-news-list li .hgfhghitem .hgfhghinfo .hgfhghtext span{
		font-size: 16px;
	}
	.hgfhghindex-news-list li .hgfhghitem .img{
		width: 40%;
		height: 120px;
	}
	.hgfhghindex-con .hgfhghindex-left{
		width: 100%;
	}
	.hgfhghindex-con .hgfhghindex-right{
		width: 100%;
	}
	.hgfhghindex-con {
	    flex-direction: column;
	}
	.hgfhghindex-detail h1{
		font-size: 20px;
	}
	.hgfhghright_title .hgfhghtitle span{
		font-size: 16px;
	}
	.hgfhghvideo_cont_list{
		gap: 10px;
	}
	.hgfhghindex-news-list li .hgfhghitem .img.team{
		padding: 0;
	}
	.hgfhghmatch-shuoming .hgfhghlive_view .hgfhghitem .hgfhghtextinfo .hgfhghsignals{
		display: block;
		white-space:  unset;
	}

	.hgfhghwl-top .img{
		width: 100%;
		height: 100px;
		padding: 0;
	}
	.hgfhghwl-cont{
		width: 100%;
	}

	.hgfhghlive-detail {
	    margin-top: 10px;
	    /*height: 250px;*/
	    border-radius: 8px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box {
	    gap: 10px;
	    padding: 8px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghitem {
	    gap: 5px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghitem .hgfhghitem-img {
	    height: 45px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghitem p {
	    font-size: 16px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghinfo .hgfhghinfo-box {
	    gap: 8px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghinfo .hgfhghinfo-box .hgfhghcate {
	    font-size: 14px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghinfo .hgfhghinfo-box time, .hgfhghlive-detail .hgfhghlive-detail-box .hgfhghinfo .hgfhghinfo-box span {
	    font-size: 14px;
	}
	.hgfhghlive-detail .hgfhghlive-detail-box .hgfhghinfo .hgfhghinfo-box .hgfhghstatus {
	    padding: 3px 5px;
	    font-size: 15px;
	    border-radius: 5px;
	}
	.hgfhghtags h2{
		padding-left: 8px;
	}
}