@charset "UTF-8";

.news-item-wrap{padding: 0 15px;}
.news-header{height: 40px; line-height: 40px;font-size: 18px; font-weight: bold;text-align: center; margin: 15px 0; position: relative;}
.news-header a{display: block; width: 40px; height: 40px;position: absolute; left: 0; top: 0px; }
.news-header a em{width: 12px; height: 12px; border-top: 1px solid #333; border-left: 1px solid #333; transform: rotate(-45deg); display: inline-block; vertical-align: top; margin: 15px 0 0 0;}

.news-item-wrap h1{font-size: 20px; font-weight: bold; line-height: 36px; margin: 0 0 10px;color: #333;}

.date-box{height: 20px; line-height: 20px; font-size: 13px;color: #999;overflow: hidden;zoom: 1; border-bottom: 2px solid #f2f2f2; margin-bottom: 24px;padding-bottom: 5px;}
.date-box .date{float: left;}
.date-box .date em{display: inline-block; width: 10px; height: 10px; background: url(../images/m-icons.png) no-repeat; background-size: 240px auto; background-position: 0 -66px; vertical-align: top; margin: 5px 5px 0 0;}

.date-box .views{float: right;}
.date-box .views em{display: inline-block; width: 14px; height: 8px; background: url(../images/m-icons.png) no-repeat; background-size: 240px auto; background-position: -15px -66px; vertical-align: top; margin: 6px 5px 0 0;}

/* match-list */
.match-list{border: 1px solid #f2f2f2; border-radius: 4px; margin-bottom: 16px;}
.match-list li{border-bottom: 1px solid #f2f2f2;}
.match-list .dt{height: 30px; line-height: 30px; color: #999;display: flex;text-align: center;font-size: 13px;}
.match-list .dt .sp1{width: 80px; border-right: 1px solid #f2f2f2;}
.match-list .dt .sp2{flex: 1;}
.match-list .dt .sp3{width: 80px;}
.match-list .dt .sp4{width: 60px;}

.match-list .dd{height: 70px;display: flex;text-align: center;font-size: 12px;}
.match-list .dd .sp1{width: 80px; border-right: 1px solid #f2f2f2;padding: 5px 0;}
.match-list .dd .sp1 em{display: block; height: 20px; line-height: 20px; text-align: center; width: 100%; overflow: hidden;}
.match-list .dd .sp2{flex: 1;line-height: 20px;display: flex;align-items:center}
.match-list .dd .sp3{width: 80px;line-height: 70px;}
.match-list .dd .sp4{width: 60px;line-height: 70px;}


.match-news{line-height: 30px;}
.match-news p{ font-family:arial,"微软雅黑"; padding: 5px 0;}
.match-news p img{ width: auto !important;max-width: 80%; height: auto !important;}
.match-news p a{color:#ff4c4b;}
.match-news h3{font-weight: bold;margin: 5px 0; }