@charset "utf-8";
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h4, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	font-family:"Microsoft YaHei", Verdana, sans-serif;
	outline:0
}
.dateheader {
    float: left;
    height: 50px;
    line-height: 50px;
    border-radius: 0px;
    width: 100%;
    margin: 0px 0%;
    background-color: #eee;
    color: #0a5165;
    font-weight: 700;
    font-size: 14px;
    padding-left: 10px;
}
html * {
	outline:0;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:transparent
}
body {
	color:#333;
	font-size:14px;
	font-family:"Microsoft YaHei", Verdana, sans-serif;
	background:#f5f5f5;
}
a, ins {
	text-decoration:none;
	color:#333
}
a:hover {
	color:#dd3c3c;
	text-decoration: none
}
ol, ul {
	list-style:none
}
* {
	padding:0;
	margin:0;
	border:0;   list-style-type: none;

}
.clear {
	clear:both
}
.top20 {
	margin-top:20px;
}
.box {
	background: #FFF;
	box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
}
.radius {
	border-radius: 4px;
}
.container {
	width:1200px;
	margin:0 auto;
}
.nav {
	width: 100%;
	height: 80px;
	border-top:#f27408 5px solid
}
.nav-logo {
	float: left;
	width: 238px;
	margin-top: 0px;
	margin-right: 15px;
}
.nav-logo img {
	width: 238px;
}
 




.nav-right{height:45px;line-height:45px;font-size:18px;position:relative;float:left; margin-top:20px;}
.nav-right li.yj2{float:left;position:relative}
.nav-right li.yj{float:left;position:relative}
.nav-right a{color:#333;display:block;padding:0 10px;overflow:hidden;}
.nav-right li.on>a,.navbar li:hover>a{color:#f27408}
.nav-right .sub{z-index:99;position:absolute;top:100%;left:0;right:0;background-color:#fff;line-height:38px; width:128px;	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity: 0;
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-ms-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	-webkit-transform-origin: 40px top;
	-moz-transform-origin: 40px top;
	-ms-transform-origin: 40px top;
	-o-transform-origin: 40px top;
	transform-origin: 40px top;}
.nav-right .sub a { color:#000; display:block; font-size:16px;}
.nav-right .sub a:hover{color:#f27408}
.nav-right li.yj:hover .sub{-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
	opacity:1}

	
.nav-right .ej:hover>a{color:#f27408}









.footer {
	background: #f27408;
	width: 100%;
	padding:10px 0px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	opacity: .8;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-top:20px;
}
.footer a {
	color: #fff;
}
.dqwz {
	padding: 10px 0;
	color: #777;
}
.artcleLeft {
	float: left;
	width: 870px;
}
.list_news {
	margin-left:-10px; overflow:hidden
}
.list_news li {
	padding:10px;
	background:#FFF;
	margin-bottom:10px;
	overflow:hidden;
	box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
	float:left;
	width:calc(50% - 10px);
	box-sizing: border-box;
	margin-left:10px;
}
.list_news li .list_news_img {
	float: left;
	margin-right: 20px;
}
.list_news li .list_news_img img {
	width: 160px;
	height: 110px;
}
.list_news li .list_news_text {
}
.list_news_title {
	font-size: 16px;
	font-weight: bold;
	color: #303030;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-overflow: ellipsis;
	margin-bottom:10px;
}
.list_news_jianjie {
	color: #909090;
	height: 40px;
	line-height:20px;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 14px;
	margin-bottom:10px
}
.list_news_time {
	color: #A8A8A8;
	background-image: url(/images/time.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	padding-left: 20px;
	display: inline-block;
}
.lite-new {
	padding:0px 10px;
	background: #FFF;
	overflow:hidden;
	box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
}
.lite-new li {
	line-height: 25px;
	border-bottom: 1px solid #f5f5f5;
	padding: 15px 0;
}
.lite-new li h4 {
	font-size: 16px;
	color: #333333;
}
.lite-new li span {
	font-size: 13px;
	color: #999999;
	padding-left: 10px;
}
.lite-new li a:hover {
	color:#41BE57;
}
.tagcloud {
	padding:10px;
	background: #FFF;
	overflow:hidden;
	box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
}
.tagcloud a {
	background-color: #f0f0f0;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	display: inline-block;
	color: #333 !important;
	font-size: 14px !important;
	height: 26px;
	line-height: 26px;
	margin: 0 13px 5px 0;
	padding: 0 5px 0 9px;
	position: relative;
	text-decoration: none;
}
.tagcloud a:after {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 9px solid #f0f0f0;
	position: absolute;
	top: 0;
	right: -9px;
}
.page {
	clear:both;
	padding:20px 0 20px 0;
	text-align:center;
}
.page .active_page {
	background-color:#51C332;
	color:#fff;
}
.page a {
	display:inline-block;
	padding:0 12px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #dfdfdf;
	margin:5px;
	font-size:14px;
	background-color:#fff;
}
.page b, .page a:hover {
	display:inline-block;
	padding:0 12px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #fff;
	margin:5px;
	font-size:14px;
	background-color:#f28d37;
	color:#fff;
}
.page a b {
	background-color:#fff;
	padding:0;
	color:#999999;
	display:inline;
}
.zxnr {
	background:#FFF;
	padding: 20px;
}
.zxnr-bt h1 {
	line-height: 50px;
	font-size: 25px;
	color: #333;
	text-align: center;
	font-weight: 600;
}
.zxnrd-qt {
	margin-top: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
.zxnrd-qt span {
	font-size: 15px;
	color: #888;
	padding: 0 15px;
}
.zxnr-text {
	margin-top: 15px;
	line-height: 35px;
	font-size: 18px;
	color: #404040;
}
.zxnr-text p {
	margin-bottom:10px;
}
.zxnr-text img {
	max-width:100% !important;
	height: auto !important
}
.zxnr-tag { margin-top:10px; overflow:hidden
}
.zxnr-tag span {
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	float:left
}
.zxnr-tag a {
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0px 5px;
	text-align: center;
	background-color: #ECF5FE;
	color: #3B81F5;
	border-radius: 2px;
	overflow: hidden;
	margin-left:5px;
}
.wxts {
	background: #fff8f0;
	padding: 5px;
	color: #ff7152;
	border-radius: 4px;
	position: relative;
	margin-top:10px;
}

.title {overflow:hidden;}

.title h2 {
	color: #333;
	font-size: 20px;
	font-weight: 700; float:left
}

.title a { float:right}


.title h2:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #f27408;
	margin-right: 6px;
	border-radius: 0 10px 10px 0;
	position: relative;
	top: 2px;
}
.tuwen {
}
.tuwen {
}
.tuwen ul {
	margin-left:-20px;
	overflow:hidden
}
.tuwen ul li {
	width: 265px;
	background: #fff;
	box-shadow: 0 0 10px 0 #dfdfdf;
	border-radius: 4px;
	padding: 10px;
	float:left;
	margin-left:20px;
	margin-bottom:20px
}
.tuwen ul li .img {
	height:129px;
	position:relative; overflow: hidden;
}
.tuwen ul li .img img {
	width: 100%;
	height:129px;
}
.tuwen ul li .title {
	font-size: 16px;
	color: #1d1d1f;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn-top {
	background:#f27408;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	position: fixed;
	right:50%;
	bottom:50px;
	display:none;
	margin-right:-630px;
	cursor:pointer
}
.btn-top i {
	font-size:24px;
	color:#fff
}
.muem-open {
	display:none
}
.zxnr-xyp {
	margin: 30px 0 10px 0;
	height: 80px;
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}
.zxnr-xyp p {
	margin-bottom:10px;
}
.yqlj {
	padding: 10px;
	background: #FFF;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
}
.artcleLeft {
	float: left;
	width: 870px;
}.articleRight {
	float: right;
	width: 300px;
}



.zxnr-san{margin-left:-10px; overflow:hidden}

.zxnr-san  .san-li{ float:left; width:calc(33.3333333% - 10px); margin-left:10px}



.room_video {
    position: relative;
}
.room_video img.full {
    width: 100%;
    height: 600px;
}

.room_video img.play_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.xg_list{margin-bottom:10px;}
.xg_list span{ display:block; font-size:16px; font-weight:bold; margin-top:10px;}
.xg_list a{ display:block; height:30px; line-height:30px;}





 

.video-list{margin:20px 0 0;margin-left:-40px; overflow:hidden}
.video-list .video-detail{background:#fff;width:270px;float:left; margin-left:40px; margin-bottom:10px;}
.video-list .img-show{width:270px;height:145px;position:relative;overflow:hidden;display:block}
.video-list .img-show img{width:270px;height:145px}
.video-list .img-show .play{position:absolute;width:46px;height:46px;left:50%;top:50%; margin-left:-23px; margin-top:-23px; }
.video-list .img-show .icon5{width:46px;height:46px;background:url(/images/v.png) no-repeat center}
.video-list .img-show:hover .icon5{background:url(/images/v2.png) no-repeat center}
.video-list .img-detail .title{line-height:40px;height:40px;overflow:hidden; text-align:center; font-size:16px;}


.qiuyuan-list{margin:20px 0 0;margin-left:-20px; overflow:hidden}
.qiuyuan-list a{background:#fff;width:70px;float:left; margin-left:20px; margin-bottom:10px; display:block; padding:10px;}
.qiuyuan-list .img-show{position:relative;overflow:hidden;display:block}
.qiuyuan-list .img-show img{width:70px;height:70px}
.qiuyuan-list .img-detail{line-height:40px;height:40px;overflow:hidden; text-align:center; font-size:16px;}




.list_wenzi {}
.list_wenzi li {
	line-height: 25px;
	border-bottom: 1px solid #f5f5f5;
	padding: 15px 5px;
	background: #FFF;
	overflow:hidden;
	float:left; width:calc(50% - 10px);
}
.list_wenzi li h4 {
	font-size: 16px;
	color: #333333; display: inline-block; 
}
.list_wenzi li span {
	font-size: 12px;
	color: #999;
	padding-left: 10px; display:inline-block;
}
.list_wenzi li a:hover {
	color:#41BE57;
}



.jijin-list { overflow:hidden}
.jijin-list a{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #f5f5f5;
	background: #FFF url(/images/sp.png) no-repeat left; background-size:26px; padding-left:26px; font-size:16px;
	overflow:hidden;
	float:left; width:calc(50% - 26px);
}





.tv-list{margin:20px 0 0;margin-left:-20px; overflow:hidden}
.tv-list a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow: ellipsis;background:#fff;width:70px;float:left; margin-left:20px; margin-bottom:10px; display:block; padding:10px;}
.tv-list .img-show{position:relative;overflow:hidden;display:block}
.tv-list .img-show img{width:70px;height:70px}
.tv-list .img-detail{line-height:40px;height:40px;overflow:hidden; text-align:center; font-size:16px;}



.item_cp{ overflow:hidden; margin-left:-10px;}

.item_cp a{ display:block; float:left; width:181px; margin-left:10px; background:#fff;    box-shadow: 0 0 4px 0 #dfdfdf; margin-top:10px; padding:5px;}
	
	.item_cp a img{ float:left; width:40px; height:40px; margin-right:5px;}
	.item_cp a span{ float:left; height:40px; line-height:40px;}
	
	
	
	
	
	
	
	



.swiperContainer {
    position: relative;
    border-radius: 3px;
    border: 1px solid #d3e1e2; overflow:hidden; margin-top:20px;
}

.swiperContainer .swiper-slideIdx {
    height: 50px!important;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}
.swiper-wrapper{ margin-left:50px;}
 

.swiper-slideIdx .swiper-slide {
	
    height: 50px!important;
  
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
	
	
 
}
.swiper-slideIdx .active {
    color: #ff6500;
}
.swiperContainer .swiper-slideIdx p {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding-top: 4px;
    cursor: pointer;font-size: 16px;  font-weight: 700;

}

.swiper-slideIdx .active p:after {
    background: linear-gradient(90deg,#ff6500,#f2ca82);
    bottom: -8px;
}

.swiper-slideIdx p:after,.swiper-slideIdx .active p:after {
    content: "";
    width: 100%;
    height: 6px;
    display: inline-block;
    position: relative
}

.swiper-slideIdx p:after {
    background: transparent;
    bottom: -13px
}

.swiperContainer .swiper {
    position: relative;
    background-color: #fff;
    padding-right: 60px
}

.swiper-wrapper {
    display: flex
}



.swiperContainer .slide_next,.swiperContainer .slide_prev {
    width: 35px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center; cursor:pointer
}

.swiperContainer .slide_next div,.swiperContainer .slide_prev div {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: .95;
    transition: opacity .3s;
    display: flex;
    align-items: center
}

.swiperContainer .slide_next {
    right: 0
}

.swiperContainer .slide_prev {
    left: 0
}

.swiperContainer .slide_next s,.swiperContainer .slide_prev s {
    display: inline-block;
    margin: 0 auto;
    width: .56rem;
    height: .56rem;
    border-bottom: 2px solid #1c969f;
    border-right: 2px solid #1c969f;
}

.swiperContainer .slide_next s {
    transform: rotate(-45deg);
    margin-left: 9px
}

.swiperContainer .slide_prev s {
    transform: rotate(135deg);
    margin-right: 9px
}

.swiperContainer .swiper-button-disabled {
    opacity: 0;
    display: none
}





.match-tab{}

.match-tab .hot_match {
    padding: 12px 6px;
    border-bottom: 1px solid #d3e1e2; background:#FFF  ; overflow:hidden; display: flex;
  align-items: center; 

}

 .match-tab .hot_match  a.items-center{float:left; width:800px; }


.match-tab .hot_match  a.items-center div{height:28px; line-height:28px;}
 

.match-tab .hot_match .streamBox {float:right;width:360px;}
.hot_match .status{float:left;margin-right:10px;}
.hot_match .sj{float:left;margin-right:20px;}
.hot_match .bt{float:left;margin-right:20px;width:80px;}
.hot_match .zd{float:left;margin-right:10px;width:100px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.hot_match .zdlogo{  width:24px;float:left;margin-right:10px;}
.hot_match .zdlogo img{ width:24px; vertical-align:middle}
.hot_match .zdbf{margin-right:10px;float:left;width:55px; background:#F5F5F5;border-radius: 5px; overflow:hidden; text-align:center}
.hot_match .bf{ margin-right:10px;float:left;width:10px; text-align:center}
.hot_match .kdbf{ margin-right:10px;float:left;width:55px; background:#F5F5F5;border-radius: 5px; overflow:hidden; text-align:center}
.hot_match .kdlogo{margin-right:10px;float:left; width:24px;}
.hot_match .kdlogo img{ width:24px;vertical-align:middle}
.hot_match .kd{float:left;margin-right:10px;width:100px;white-space: nowrap;
    overflow: hidden;}


.hot_match .status p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    width: 72px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 3px;
}
.hot_match .status.live p {
        background: linear-gradient(90deg,#f27408,#ff6500);
}
.hot_match .status.prelive p {
    background: linear-gradient(90deg,#929292,#c1c1c1);
}

.streamTop {
 float:left
}

.streamTop, .streamTop p {
    display: flex;
    align-items: center;
}

.streamTop p {
    color: #000;
    justify-content: center;
}
.streamTop p:first-child {
    font-size: 14px;
}
.streamTop p:first-child:before {
    content: "";
    width: 20px;
    height: 26px;
    background: url(/images/live_icon.png) no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    margin-right: 3px;
}




.streamBox .viewMore {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    cursor: pointer; float:left
}
.streamBox .viewMore:after {
    content: "";
    width: 23px;
    height: 26px;
    background: url(/images/chevron-down.png) no-repeat;
    background-position: 50%;
    background-size: 12px 7px;
}
.streamBox .viewMore.show:after {
    transform: rotate(180deg); 
}


.streamBtm {
  float:left
}

.streamBtm p {
    color: #f27408;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid #f27408;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer; float:left;  margin-right:10px;
}




.dh_more_match {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    background-color: #f27408;
    border-radius: 2px; margin-top:10px;
}

.dh_more_match  a{
    color: #fff;
}

.hide{ display:none}
.hd {
height: 58px;
border-top: 2px solid #f27408;
background: #fff;
}
.hd ul {
    height: 50px;
    background: #f7f9fa;
    box-shadow: 0 2px 3px #ddd;
}

.hd li {
    height: 50px;
    line-height: 50px;
    margin-right: 2px;
    background: #f7f9fa;
    text-align: center;
    padding: 0 15px; float:left; cursor:pointer
}

.hd li.on {
    background: #f27408; color:#FFF
}

.huati-redian {background:#fff;padding:10px; overflow: hidden; 
}


.huati-redian li {
    float: left;
    width: 50%;
    white-space: nowrap;
}

.huati-redian li{position:relative;}
.huati-redian li i.nico{display:inline-block;width:10px;height:10px;line-height:10px;margin:12px 10px 0 0;text-align:center;font-size:12px;color:#fff;vertical-align:top;background: url(/images/dd.png) no-repeat center ; background-size:5px}

.huati-redian li i.vico{display:inline-block;width:20px;height:20px;line-height:20px;margin:8px 10px 0 0;text-align:center;font-size:12px;color:#fff;vertical-align:top;background: url(/images/sp.png) no-repeat center ; background-size:20px}


.huati-redian li a{display:inline-block;width:98%;line-height:2;font-size:16px;text-align:justify;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.huati-redian li em{position:absolute;right:0;top:18%;color:#999;}


.content_match_tab {
  
    display: flex;
    justify-content: space-between;
    overflow: auto;
}.content_match_tab li {
    float: left;
}

.content_match_tab li a {
    display: block;
    width: 200px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    color: #f27408;
    border: 1px solid #f27408;
    background: #ffffff;  height: 40px;
    line-height: 40px;
}
.content_match_tab li:first-child a {
    border-radius: 4px 0px 0px 4px;
}

.content_match_tab li a.active {
    background: #f27408;
    color: #fff;
}

.content_match_tab li:last-child a {
    border-radius: 0px 4px 4px 0px;
}


.content_match_fixed {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}


.content_match_fixed a {
    border: 1px solid #D3E1E2;
    border-radius: 4px;
    width: 100px;
    height: 64px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; background:#FFF
}

.content_match_fixed a.active{
    color: #f27408;
    font-weight: bold;
    border: 1px solid #f27408;
    position: relative;
}


.content_match_fixed a.active .tagLine, .content_match_fixed a:hover .tagLine {
    display: inline-block;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f27408;
    border-radius: 0px 0px 2px 2px;
}




.match-tab h6 {
    display: flex;
    height: 24px;
    line-height: 24px;
    align-items: center; margin:10px 0px;
}
.match-tab h6 time{
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    color: #999999; height:
}



.match  h6 time:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 18px;
    background: #1c969f;
    margin-right: 6px;
    position: relative;
    top: 2px;
}


.match_bj{ position:relative;height: 280px;}
.match_bg {
    height: 280px;
    background: linear-gradient(90deg,#b05e18  18.8%,#b05e18 49.96%,#b05e18 81.5%);
    position: absolute;
    top:0px;
    left: 0;
    right: 0;
    z-index: -1;
}

.match_bg .match_bg_wrapper {
    width: 1200px;
    margin: auto;
}

.match_bg .match_bg_wrapper .match_bg_container {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
    width: 1200px;
}

.fixed_score_box .fixed_score_top {
color: #fff;
  /*  display: flex;
    justify-content: space-around;
    align-items: center; */
}



 .score_name_left {
    text-align: center;
    width: 30%;
    }

 .score_name_right {
     text-align: center;
    width: 30%;
    }

    .score_name_left h1,.score_name_right h1  {
        height: 26px;
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
        color: #FFFFFF; margin-top:10px;
    }
	
	
	.score_name_right .image_container, .score_name_left .image_container {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center; margin: 0 auto
}

.score_name_right .image_container img, .score_name_left .image_container img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.score_name {
     text-align: center;
    width: 40%; 
}

.league_name {width:100%;
    height: 28px;
    line-height: 28px;
    padding: 4px 27px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF; text-align:center; padding-top:50px;
}
.score{width:100%;display: flex; 
     justify-content: space-around; 
    align-items: center;}

.match_score {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
    height: 39px;
    padding: 0 12px;
}


.match_score > div {
    font-size: 32px;
    font-family: DIN;
    font-weight: bold;
    line-height: 39px;
    color: #FFFFFF;
}

.match_status {
    height: 36px;
    background: #FFFFFF;
    border-radius: 18px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 36px;
    width: 140px;
    margin: auto;
    color: #f27408;
}

  .match_status.live {
        color: #FF2727;
    }
	
	.score_name_left.score_name_right {
    flex-direction: row-reverse;
}


.score_name_left.score_name_right .image_container {
    margin-left: 20px;
}


.match_details {
    margin-top: 10px; margin-bottom:10px;
}

.signalCon{}
.signalCon ul{}
.signalCon ul li{ margin-right:10px; background:#CCC; display:inline-block; padding:10px 20px; margin-top:10px; margin-bottom:10px;border-radius: 6px;}

.signalCon ul li.f{ background:#f27408;}
.signalCon ul li.f a{color:#fff}



.zb-ds{}
.zb-ds img{ width:100%;}



.base-header{ background:url(/images/bg-qd.png) no-repeat; background-size: 100%; overflow:hidden; position:relative}
.base-header .icon{ float:left;   width: 50px;
    height: 50px;
    margin: 11px;
    object-fit: contain;}
.base-header .name .zh{    margin-top: 12px;
    margin-bottom: 3px;
    font-size: 20px;
    color: #333;
    display: flex;}
	
	
.base-header .name .zh h1 {
    font-size: 20px;
    font-weight: 500;
}
	
.base-header .worth {
    height: 72px; line-height:72px; color:#FFF; font-size:18px;
    padding: 0 20px 0 20px;
    position: absolute;
    top:0px;
    right: 0px;
    background-color: #f27408;
}
	
.base-header .worth::before {
    position: absolute;
    content: '';
    top: 0;
    border: solid transparent;
    border-right-color: rgba(255,255,255,0.6);
    border-top-color: rgba(255,255,255,0.6);
    border-width: 52px 20px;
    left: -42px;
    z-index: -1;
    transform: translateX(20px);
    animation-name: worth;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .4s;
}
	
	.base-header .worth::after {
    position: absolute;
    content: '';
    top: 0;
    border: solid transparent;
    border-right-color: #f27408;
    border-top-color: #f27408;
    border-width: 52px 20px;
    left: -28px;
}



.team-info {
    box-shadow: 0 2px 6px rgba(0,0,0,0.07);
    background-color: #fff;
    border-radius: 3px;
    min-height: 88px;
    padding-top: 20px;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.team-info .info-data {
    width: 100%;
    padding-left: 16px;
    margin-bottom: 12px;
    overflow: hidden;
    line-height: 18px;
    box-sizing: border-box;
}
.team-info .info-data>div {
    float: left;
    display: flex;
    white-space: nowrap;
    width: 20%;
    flex: none;
}

.team-info .info-data .name {
    color: #999;
    font-size: 12px;
    margin-right: 3px;
}
.team-info .info-data .value {
    color: #333;
    font-size: 12px;
    max-width: 143px;
    white-space: normal;
}


	
.base-header .name .en{display: flex;
    font-size: 12px;
    color: #bbb;}



.yc-dk{border-radius: 4px;
    border: 1px solid #d3e1e2;
    padding: 0 10px;
    margin-top: 20px; overflow:hidden; background:#FFF}
.yc-dk img{ float:left; height:40px; width:auto; margin-top:5px;}
.yc-dk span{float:left;height:50px;line-height:50px;margin-left:10px;font-size:20px;color: #f28d37;}
.yc-dk .yc-dh{ float:right;}
.yc-dk .yc-dh a{ display:inline-block; font-size:16px; margin-left:10px; padding:0px 10px;height:30px; line-height:30px; margin-top:10px;border-radius: 4px;}
.yc-dk .yc-dh a.active {background: #f28d37;color: #FFF;}



.jff{ background:#FFF; margin-top:10px;}
.jff .jfname{ font-size:18px; font-weight:bold; padding:10px;}
.jff .ranking_table{}
.lmbj{ background:#EEEEEE; height:40px; line-height:40px;}
.bgg{border-bottom: 1px solid #EAEAEA;}

.log{    display: flex;align-items: center; text-align:left}
.truncate{ padding-left:5px;}



.ranking_table .order {
    display: block;
    width: 28px;
    height: 28px;
    background: #ccc;
    font: 18px / 30px Helvetica;
    color: #fff;
    border-radius: 2px; text-align:center
}

.jff .ranking_table div{}
.ranking_table {
    display: grid;
    grid-template-columns: 5% 23% 9% 9% 9% 9% 9% 9% 9% 9%;
    height: 50px;
    align-items: center;
    padding: 0 30px;
}

.ranking_lanqiu_table {
    display: grid;
    grid-template-columns: 6% 26% 17% 17% 17% 17%;
    height: 50px;
    align-items: center;
    padding: 0 30px;
}




   .fixsco_tab_content {
        padding: 20px 6px; background:#FFF
    }



   .fixsco_tab_content p{ font-size: 14px; line-height: 22px; margin-bottom: 10px;}

   .fixsco_tab_content p a{ margin-right:10px}
   .fixsco_tab_content p span.title{ color:#C00}


.wuwu{ text-align:center; margin:40px 0px;}
.wuwu img{ width:100px;}
.wuwu span{ display:block;}

.ListItem{padding:10px 0px;overflow:hidden}
.ctimg{ float:left}
.ctimg img{width:150px; height:90px;}
.ctnr{ float: left;width:580px;font-size: 14px;}