#vue.row{
    width: 82%;
    padding-right: 65px;

}
.sort{
    width: 100%;
    min-height: 160px;
    border: 1px solid #000;
    margin-bottom: 50px;
    border-left: 0;
    border-left: 8px solid #d93a3e;
}
#vue .logo{
    width: 15%;
    height: 100%;
    line-height: 160px;
    text-align: center;

}
#vue .logo img{
    max-width: 90%;
}
.sort_list{
    width: 85%;
    height: 100%;
    padding: 25px 40px;
    border-left: 1px solid #000;
}
.sort_list ul li div{
    float: left;
    line-height: 36px;
}
.sort_list ul li div.sort_title{
    padding-right: 30px;
    width: 12%;
}
.sort_list ul li div.sort_title span{
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.sort_list ul li div.sort_item{
    color: #666;
    font-size: 14px;
    width: 88%;
}
@media screen and (max-width:1650px){
     .sort_list ul li div.sort_title{
        width: 15%;  /* 7.12 新增 */
    }
    .sort_list ul li div.sort_item{
        width: 85%;   /* 7.12 新增 */
    }
}
@media (max-width: 1100px) {
	.sort_list ul li div.sort_title{
	    width: 18%;  /* 7.12 新增 */
	}
	.sort_list ul li div.sort_item{
	    width: 82%;   /* 7.12 新增 */
	}
	
}
.sort_list ul li div.sort_item span{
    display: inline-block;
    padding: 0 8px;
    line-height: 24px;
    margin-right: 7px;
    cursor: pointer;
}
/* .sort_list ul li div.sort_item span.active,.sort_list ul li div.sort_item span:hover{
    color: #fff;
    background: #f37834;
} */
.sortBtn{
    margin-bottom: 12px;
}
.sortBtn button{
    border: 1px solid #1f3066;
    padding: 10px 45px 10px 55px;
    text-align: center;
    font-size: 14px;
    /* color: #1f3066; */
    float: left;
    /* background: transparent; */
}

.sortBtn button em{
    display: block;
    width: 7px;
    height: 12px;
    margin-top: 4px;
    margin-left: 5px;
    background: url(/static/themes/img/match/arrow.png) no-repeat center/cover;

}
.sortBtn button.active{
    background: #860202;
    color: #fff;
}
.sortBtn button.active em{
    background: url(/static/themes/img/match/arrow_w.png) no-repeat center/cover;
}


.newsCon{
    width: 100%;
}
.newsCon .matchList{
    width: 100%;
}
.newsItem{
    width: 100%;
    height: 150px;
    padding-right: 0;
    margin-bottom: 10px;
    padding-right: 50px;
    background: #f2f2f2;
}
.newsImg{
    width: 13%;
    height: 100%;
}
.newsImg .img_bg img{
    width: 100%;
	display: none;
}
.img_bg{
    width: 100%;
    height: 100%;
    /*background-color: #999;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.newsdec{
    width: 65%;
    height: 100%;
    padding: 20px;

}
.newsdec .newsText h3{
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    margin-top: 0;
}
/*.newsdec .newsText h3:hover{*/
    /*color: #f37834;*/
/*}*/
.address_date{
    margin-bottom: 20px;
}
.address_date b{
    font-size: 14px;
    color: #000;
}
.address_date .border{
    display: inline-block;
    margin: 0 25px;
}
.img_video_btn a{
    margin-right: 40px;
}
.img_video_btn em{
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 25px;
    float: left;
}
.img_video_btn .img_btn em{
    margin-top: 4px;
    background: url(/static/themes/img/match/pic_icon.png) no-repeat;
}
.img_video_btn .video_btn em{
    width: 25px;
    background: url(/static/themes/img/match/video_icon1.png) no-repeat;
}
.img_video_btn .score_btn em{
    background: url(/static/themes/img/match/score_icon.png) no-repeat;
}
.img_video_btn span{
    font-size: 14px;
    color: #666;
    float: left;
}
.clickDetail{
    width: 17%;
    height: 100%;

}
.clickDetail a{
    display: block;
    width: 100%;
    padding: 11px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    margin-top: 60px;
}
.clickDetail a em{
    display: inline-block;
    margin-top: 4px;
    margin-right: 5px;
}
.clickDetail a span{
    display: inline-block;
    height: 20px;
    vertical-align: top;
    line-height: 20px;
    margin-top: 4px;
}
.ads{
    width: 18%;
    height: auto;
}
.ads .adsItem{
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
}
.ads .adsItem a{
    display:block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ads .adsItem a img{
    width: 100%;
}

.reg_ready{
    background: #ffdc00;
    cursor: auto;
}
.reg_ready em{
    width: 20px;
    height: 20px;
    background: url(/static/themes/img/match/register_black.png) no-repeat;
}
.reg_ready span{
    color: #000;
}
.reg_now{
    height:auto;
    line-height: 0;
}
.reg_now em{
    width: 20px;
    height: 20px;
    background: url(/static/themes/img/match/register_white.png) no-repeat;
}
.match_now{
    cursor: no-drop;
}
.reg_end{
    background: #999;
    cursor: auto;
}

.search_null{
    text-align: center;
    margin-top: 40px;
}
.page_ {
    text-align: center;
    padding-bottom: 10px;
}
.page_ button{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
}

@media screen and (max-width:1650px){
    .newsImg{
        width: 13%;
    }
    .clickDetail a{
        width: auto;
    }
    .newsdec{
        width: 63%;
    }
    .ads .adsItem{
        height: 215px;
    }
}
@media (max-width: 768px){
    .newsImg{
        width: 17%;
    }
    .clickDetail a{
        width: auto;
    }
    .newsdec{
        width: 63%;
    }
    .ads .adsItem{
        height: auto;
    }
    .ads .adsItem a{
        background-image: unset!important;
    }
    .ads .adsItem a img{
        display:block;
        width: 100%;
        height: auto;
    }
    #vue .row{
        width: 100%;
        padding-right: 0;
    }
}
@media (max-width: 768px){
    .row{
        width: 100%;
        padding-right: 0;
    }
    .ads{
        width: 100%;
    }
    .logo{
        border-left: 0;
        border-bottom: 1px solid #000;
        width: 100%;
        height: 2rem;
        line-height: 2rem;
    }
    #vue .logo{
        width: 100%;
    }
    .logo img{
        /*height: 95%;*/
    }
    .sort_list{
        width: 100%;
        border-left: 0;
        padding: 10px;

    }
    .sort{
        height: auto;
        border-left: 1px solid #000;
    }
    .sort .f_left,.main>.f_left{
        float: none;
    }
    .sortBtn button{
        padding: 10px 35px 10px 40px;
    }
    .newsItem{
        height: 185px;
		padding-right: 0;
         
    }
    .newsImg{
        width: 40%;
        height: 65%;
    }
    .newsdec{
        width: 60%;
        padding: 10px;
        height: 65%;
    }
    .newsdec .newsText h3{
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 0;
    }
    .address_date{
        margin-bottom: 10px;
    }
    .address_date b{
        display: block;
        font-size: 12px;
    }
    .address_date .border{
        display:none;
    }
    .address_date b.address{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        word-break:break-all;
        word-wrap:break-word;
        -webkit-box-orient:vertical;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
        /*! autoprefixer: on */
    }
    .img_video_btn a{
        margin-right: 8px;
    }
    .img_video_btn span{
        font-size: 12px;
    }
    .img_video_btn em{
        margin-right: 3px;
    }
    .img_video_btn a.img_btn em{
        background-size: 90%;
        margin-top: 2px;
    }
    .img_video_btn a.video_btn em{
        background-size: 90%;
    }
    .clickDetail{
        width: 100%;
        height: auto;
    }
    .clickDetail a{
        margin-top: 10px;
        padding: 8px 0;
    }
    .ads .adsItem{
        width: 50%;
        float:left;
        padding: 5px;
        /*height: 3.2rem;*/
    }
    .sort_list ul li div.sort_title{
        width: 100%;
        padding-right: 0;
		border-bottom: 1px solid #eee;
    }
    .sort_list ul li div.sort_item{
        width: 100%;
        line-height: 30px;
		display: none;
    }
}