body{width:100%; background: #383838; scrollbar-width: thin; scrollbar-color: #7154e1 #ffffff;}
.wraper{width:100%; min-width: 1200px; max-width: 1920px; margin: 0 auto; position: relative; background:#fff url(../images/body.jpg) no-repeat center top;}
.wraper .bg{ width: 100%; height: 520px; margin-bottom: 70px;}
.wraper .bg .slogan{ width: 100%; position: absolute; left: 0; top: 70px; text-align: center; font-size: 20px; color: #4f83ff; font-weight: bold;}
.wraper .bg .slogan span{ color: #f72b34; }
.wraper .section{ width: 1200px; margin: 0 auto;}
.wraper .section .title{ height: 42px; margin-bottom: 28px; display: flex; justify-content: space-between; font-size: 20px; }
.wraper .section .title b{ height: 42px; display: block; padding: 0 26px 0 14px; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px 5px 0 0; position: relative;}
.wraper .section .title b::before{ content: ''; width: 36px; height: 42px; background: url(../images/icon.png) no-repeat;}
.wraper .section .title a:hover{ filter: brightness(1.3)}
.wraper .match-news{ height: 526px; display: flex; justify-content: space-between;}
.wraper .match-news .news-pic{ width: 586px;}
.wraper .match-news .news-pic .title{ border-bottom: 1px solid #f975a6;}
.wraper .match-news .news-pic .title b{ background: #f975a6;}
.wraper .match-news .pic-banner{ width: 586px; height: 356px; overflow: hidden; position: relative;}
.wraper .match-news .pic-banner .swiper-slide img{ width: 100%;}
.wraper .match-news .pic-banner .swiper-pagination{ height: 5px; width: 100%; display: flex; bottom: 0; background: #dbe6ff;}
.wraper .match-news .pic-banner .swiper-pagination span{ flex: 1; border-radius: 0; margin: 0;}
.wraper .match-news .pic-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #4f83ff;}
.wraper .match-news .news-con{ width: 586px;}
.wraper .match-news .news-con .title{ border-bottom: 1px solid #ffaf02;}
.wraper .match-news .news-con .title b{ background: #ffaf02;}
.wraper .match-news .news-con .title b::before{ background-position: 0 -43px;}
.wraper .match-news .news-con .title a{ color: #ffaf02; font-size: 14px; display: flex; align-items: center; font-weight: bold;}
.wraper .match-news .news-con .news-box{ width: 100%; height: 356px; overflow: hidden;}
.wraper .match-news .news-con .news-box li{ height: 20px; font-size: 14px; display: flex; margin-bottom: 28px;}
.wraper .match-news .news-con .news-box li span{ width: 48px; height: 20px; line-height: 20px; padding-left: 3px; color: #fff; background: url(../images/icon.png) no-repeat -108px 0;} 
.wraper .match-news .news-con .news-box li a{ width: 440px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 10px; color: #000;}
.wraper .match-news .news-con .news-box li a:hover{ color: #4f83ff;}
.wraper .match-news .news-con .news-box li i{ color: #999; font-style: normal;}
.wraper .match-year{ height: 484px; position: relative;}
.wraper .match-year .title{ border-bottom: 1px solid #4f83ff;}
.wraper .match-year .title b{ background: #4f83ff;}
.wraper .match-year .title b::before{ background-position: -36px 0;}
.wraper .match-year .title a{ height: 28px; font-size: 14px; display: flex; align-items: center; border-radius: 20px; padding: 0 20px; color: #fff; background: #4f83ff;}
.wraper .match-year .year-con{ display: flex; justify-content: space-between;}
.wraper .match-year .year-con .pic{ width: 390px; height: 384px; overflow: hidden; position: relative;}
.wraper .match-year .year-con .pic .img img{ width: 100%;}
.wraper .match-year .year-con .pic span{ width: 100%; height: 54px; position: absolute; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .32); font-size: 16px; color: #fff;}
.wraper .match-year .year-con .txt{ width: 780px;}
.wraper .match-year .year-con .txt ul li{ min-height: 50px; display: flex; justify-content: space-between; position: relative;}
.wraper .match-year .year-con .txt ul li span{ color: #4f83ff; border: 1px solid #4f83ff; box-sizing: border-box; width: 70px; height: 23px; display: flex; justify-content: center; align-items: center;}
.wraper .match-year .year-con .txt ul li p{ width: 700px; height: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.wraper .match-year .year-con .txt ul li:last-child .img{ width: 100%; height: 200px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 35px; border: 1px solid #4f83ff;}
.wraper .match-year .year-sec{ width: 280px; height: 42px; position: absolute; left: 304px; top: 0;}
.wraper .match-live{ height: 810px;}
.wraper .match-live .title{ border-bottom: 1px solid #f65151;}
.wraper .match-live .title b{ background: #f65151;}
.wraper .match-live .title b::before{ background-position: -36px -43px;}
.wraper .match-live .live-con .tit{ display: flex; align-items: center; height: 60px; color: #fff; font-size: 20px; box-sizing: border-box; padding: 0 30px; background: #525252;}
.wraper .match-live .live-con iframe{ height: 580px;}
.wraper .match-review{ height: 490px; position: relative;}
.wraper .match-review .title{ border-bottom: 1px solid #7154e1;}
.wraper .match-review .title b{ background: #7154e1;}
.wraper .match-review .title b::before{ background-position: -72px 0;}
.wraper .match-review .review-tab{ width: 780px; height: 60px; position: absolute; left: 304px; top: 4px; display: flex; text-align: center;}
.wraper .match-review .review-tab a{ width: 260px; height: 60px; font-size: 18px; color: #000;}
.wraper .match-review .review-tab a.on{ color: #7154e1; background: url(../images/icon.png) no-repeat 64px -108px;}
.wraper .match-review .review-con{ display: flex; justify-content: space-between;}
.wraper .match-review .review-con .img{ width: 586px; height: 284px; overflow: hidden;}
.wraper .match-review .review-con .img img{ width: 100%;}
.wraper .match-review .review-con .review-box{ width: 588px; max-height: 300px; overflow: hidden; overflow-y: auto;}
.wraper .match-review .review-con .review-box li{ font-size: 16px; margin-bottom: 16px; display: flex; justify-content: center; align-items: center; width: 100%; height: 34px; background: #e1e1e1; cursor: pointer;}
.wraper .match-review .review-con .review-box li.on{ background: #7154e1; color: #fff;}
.wraper .match-year .year-sec .sec { display:block; border: 1px solid #4f83ff; width: 280px; height: 43px; background: #d3e0ff; float: right; box-sizing: border-box; position: relative; }
.wraper .match-year .year-sec .sec select { width:100%; margin:0; cursor: pointer; background:none; border: 1px solid transparent; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; color: #000; line-height: 40px; font-size: 16px; padding: 0 30px 0 10px;  text-align: center;}
.wraper .match-year .year-sec .sec::after { content: ""; position: absolute; width: 0px; height: 0px; top: 50%; right: 9px; margin-top:-4px; border:10px solid #4f83ff; border-width: 10px 6px 10px; border-color: #4f83ff transparent transparent transparent; z-index: 2; pointer-events:none;}
.wraper .match-year .year-sec .sec:hover { border:1px solid #888;}
.wraper .match-year .year-sec .sec option { font-weight:normal;}
x:-o-prefocus, .wraper .match-year .year-sec .sec::after { display:none;}    
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.wraper .match-year .year-sec .sec select::-ms-expand { display: none;}
	.wraper .match-year .year-sec .sec select:focus::-ms-value { background: #fff; color: #a85e52;}
}  
@-moz-document url-prefix() { 
	.wraper .match-year .year-sec .sec { overflow: hidden;}
	.wraper .match-year .year-sec .sec select { width: 100%; width: -moz-calc(100% + 3em); width: calc(100% + em);}
}
.wraper .match-year .year-sec .sec select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}