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

}

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

}
@media screen and (max-width: 1200px){
	.center {
	    width: 1024px;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 992px){
	.center {
	    width: 100%;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 768px){
	body{
		zoom: 90%;
	}
	.main{
		padding: 30px 0;
	}
	.center {
	    width: 100%;
	    padding: 0 5px;
	}
	header{
		background: #cfb8fe!important;
		height: auto!important;
	}
	header .header-nav{
		justify-content: space-between;
    	align-items: center;
	}
	header .header-nav .header-list,header .header-nav .search-form{
		display: none!important;
	}
	.index-match{
		padding: 30px 0;
	}
	.index-match-list .match-table{
		padding: 8px 5px;
	}
	.index-match-list-box .match-table {
	    grid-template-columns:  auto;
	}
	.index-title .title{
		gap:  10px;
	}
	.index-title .title span{
		font-size: 18px;
	}
	.index-title .title p::before {
	    content: '';
	    width: 15px;
	}
	.index-match-list .match-table.top span{
		font-size: 12px;
	}
	.index-title .title p{
		font-size: 16px;
	}
	.index-match-cate li a{
		padding: 10px 8px 5px;
		font-size: 16px;
	}
	.index-video::before{
		width:  100%;
	}
	.index-match-list .match-table .two .team img{
		width: 30px;
	}
	.index-match-list .match-table .three .daojishi{
		justify-content: center;
	}
	.index-video-list li{
		width: calc(100% / 2 - 15px);
	}
	.index-news-list li .item .info .time_info{
		display: none;
	}
	.index-news-list li .item .info .text span{
		font-size: 16px;
	}
	.index-news-list li .item .img{
		width: 40%;
		height: 120px;
	}
	.index-con .index-left{
		width: 100%;
	}
	.index-con .index-right{
		width: 100%;
	}
	.index-con {
	    flex-direction: column;
	}
	.index-detail h1{
		font-size: 20px;
	}
	.right_title .title span{
		font-size: 16px;
	}
	.video_cont_list{
		gap: 10px;
	}
	.index-news-list li .item .img.team{
		padding: 0;
	}
	.match-shuoming .live_view .item .textinfo .signals{
		display: block;
		white-space:  unset;
	}

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

	.live-detail {
	    margin-top: 10px;
	    /*height: 250px;*/
	    border-radius: 8px;
	}
	.live-detail .live-detail-box {
	    gap: 10px;
	    padding: 8px;
	}
	.live-detail .live-detail-box .item {
	    gap: 5px;
	}
	.live-detail .live-detail-box .item .item-img {
	    height: 45px;
	}
	.live-detail .live-detail-box .item p {
	    font-size: 16px;
	}
	.live-detail .live-detail-box .info .info-box {
	    gap: 8px;
	}
	.live-detail .live-detail-box .info .info-box .cate {
	    font-size: 14px;
	}
	.live-detail .live-detail-box .info .info-box time, .live-detail .live-detail-box .info .info-box span {
	    font-size: 14px;
	}
	.live-detail .live-detail-box .info .info-box .status {
	    padding: 3px 5px;
	    font-size: 15px;
	    border-radius: 5px;
	}
	.tags h2{
		padding-left: 8px;
	}
}