body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
.cp{cursor:pointer;}

html{font-size:18px}

html, body {-webkit-text-size-adjust:none; font-family: "DINCondensedBold"}

address, caption, cite, code, dfn,em, th, var, optgroup {font-style: normal;font-weight: normal;}

h1, h2, h3, h4, h5, h6, strong{font-size: 100%; font-weight: 700;}
abbr, acronym {border: 0;font-variant: normal;}
.b{font-weight:bold;}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {font-size: 100%;}

input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
h2,h3{font-family:"΢���ź�";}

@font-face {
	font-family: 'DINCondensedBold';
	src: url("/static/font/DINCondensedBold.ttf");
}

.s112_detail-introduce{
	font-family: PingFangSC-Regular;
	font-size: 16px;
	padding:10px !important;
	display: flex;
	flex-direction: column;
	color:#fff;
}

.s112_detail-introduce  a{
	color:#9353ED !important;
}

.s112_detail-introduce p{
	margin-top: 10px;
	margin-left: 10px;
	line-height: 30px;
}

.tag-num {
	background: #5F24B2;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	margin-left: 5px;
	padding: 1px;
	min-width:22px;
}

.tag-item1 span, .tag-item2 span, .tag-item3 span, .tag-item4 span{
	background: #5F24B2;
	color:  #fff;
}


.home-index{
	display: flex;
	background: #f8f8f8;
	color:#fff;
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
}

.home-index  a{
	color:#333333;
}

.about-left{
	flex:3;
	margin-right: 10px;
	display: flex;
	flex-direction: column;
}

.about-left .toc_list {
    list-style-type: none;
    padding: 0;
}

.toc_list li{
	padding: 10px 20px;
	display: block;
	text-align: -webkit-left;
}

.toc_list li.active {
    background-color: #373737;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.toc_list li.active a{
    color: #01b243 !important;
    font-weight: 700;
    transition: 1s;
}

.toc_list li a{
	font-size: 13px;
	font-weight: 500;
	color: #666666 !important;
	font-weight: 400;
	cursor: pointer;
}


.about-right{
	flex:7;
    padding-right: 15px;
	padding: 5px 15px;
    background: #f8f8f8;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}

.about-right .content{
	display: flex;
	justify-content: flex-start;
	text-align: left;
	flex-direction: column;
	line-height: 25px;
	height: 780px;
	overflow-y: auto !important;
	overflow-x: hidden !important;

}

.about-right .noshow{
	display: none;
}


.about-right h2{
	font-size: 32px;
	font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0;
}

.about-right p{
	font-size: 16px;
	margin:0 0 16px;
    margin-top: 0;
}

.about-right .title-g{
	color: #0dad6d;
}

#ez-toc-container {
    background: #000;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: flex;
	flex-direction: column;
    margin-bottom: 1em;
    padding: 10px;
	width:auto;
	margin-right: auto
}

.ez-toc-title-container {
	width:100%;
    display: flex;
	justify-content: space-between;
	align-items: center;
}

.ez-toc-title{
	width:143px;
    display: inline;
    text-align: left;
    vertical-align: middle;
	color:#fff;
}

.ez-toc-hide{
	display: none;
}

.ez-toc-title-toggle {
    display: inline;
    text-align: left;
    vertical-align: middle;
	border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	cursor: pointer;
}

.about-right .content img {
	max-width: 800px;
	display: block;
}

#ez-toc-container a.ez-toc-toggle {
    display: flex;
	flex-direction: column;
    align-items: center;
    color: #444;
    background: inherit;
    border: inherit;
}

.ez-toc-content{
	font-size: 15px;
	margin-top:10px;
}

.ez-toc-icon-toggle-span {
    display: flex;
    align-items: center;
    width: 35px;
    height: 30px;
    justify-content: center;
    direction: ltr;
	cursor: pointer;
}


/*设置滚动条Track的颜色*/
.content::-webkit-scrollbar {
	width:8px;
	height:10px
}
.content::-webkit-scrollbar-thumb{
	background-color: #002054;
}
.content::-webkit-scrollbar-track{
	background: transparent;;
}

  /*手机样式*/
@media screen and (max-width:768px) {
	.home-index{
		flex-direction: column;
	}

	.about-left{
		margin-right:  unset  !important;
	}

}

.s112_main-bg-top{
	position: sticky;
	left:0;
	top:0;
	width:100%;
	height:3.56rem;
	z-index:999;
}

.match-list-content {
	text-align: justify;
	margin-top: 1rem;
	font-size: 1rem;
	width: 100%;
}

.match-list-content-item {
	margin-top: 0.8rem;
}

.new-s112_main-top {
	max-width:1300px;
	z-index:1000;
    display: flex;
    align-items: center;
	margin: auto;
    padding: 0.72rem 0;
}

.new-s112_main-top .logo {
    display: flex;
    align-items: center;
	margin:0 0.94rem 0 0;
}

.new-s112_main-top .logo img {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.31rem;
}

.new-s112_main-top .s112_main-title {
    display: flex;
    flex-direction: column;
}

.new-s112_main-top .s112_main-title .first {
    display: flex;
    align-items: center;
    font-family: "DINCondensedBold";
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
}

.new-s112_main-top .s112_main-title .first a {
    display: flex;
    align-items: center;
	text-decoration: none;
    font-family: "DINCondensedBold";
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
}

.new-s112_main-top .s112_main-title .first .tag {
    width: 1.94rem;
    height: 0.94rem;
    margin-left: 0.375rem;
    background-image: url('./../../images/t3/logo-tag.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: "DINCondensedBold";
    font-size: 0.63rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 600;
}

.s112_new_box_content_h1_span {
	color: #FF9228;
}

.new-s112_main-top .s112_main-title .second {
    display: flex;
    margin-top: 0.06rem;
    font-family: "DINCondensedBold";
    font-size: 1rem;
    color: #666666;
    letter-spacing: 0;
    font-weight: 400;
}

.new-s112_main-top .down-load {
    width: 4.88rem;
    height: 1.75rem;
	margin:0 0.94rem;
    background-image: url('./../../images/t3/donw-load.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "DINCondensedBold";
    font-size: 0.75rem;
    color: #425FFF;
    letter-spacing: 0;
    font-weight: 600;
	display: none;
}


.toolbar{width: 6.25rem; display:none; list-style:none; margin:auto;background:#f8f9fa;height:2.5rem;overflow:hidden;}
.toolbar a{color:#212529;font-size: 1rem;}
.toolbar a:hover{color:#2196f3}

.toolbar li a{display:block;white-space:nowrap;padding:.5rem;line-height:1.5rem;margin:0 1.5rem 0 0}
.toolbarv li a:hover{color:#f33e4f}
.toolbar li.current-cat a{color:#f33e4f;position:relative}
.toolbar li.current-cat a:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;border-bottom:2px solid #f33e4f}

.toolbar a h2{
	font-weight: unset;
	font-size: 1rem;
	font-family: unset;
}

#footer h2{
	font-weight: unset;
	font-family: unset;
	font-size: 1.3rem;
	line-height: 2.2rem;
	display: unset;
	margin-block-start: 0rem;
	margin-block-end: 0rem;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}

.space-m-p{
	padding-top:0 !important;
	margin-left: 0 !important;
}

.news-item{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-bottom:1px dotted #CCC;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	padding-bottom: 0.5rem;
}

.news-item .cc-title{
	font-size: 1rem;
	display: flex;
	color: #333333;
	letter-spacing: 0;
	line-height: 22px;
	font-weight: 600;
}

.news-item .cc-title a{
	text-decoration: none;
	word-break: break-all;
}
.news-item .cc-title a h2{
	color: #000000;
}


.news-item .releaseTime-typeName{
	margin-top: 0.3rem;
	font-family: "DINCondensedBold";
	font-size: 12px;
	color: #999999;
	letter-spacing: 0;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
}

.news-item .news-type{
	margin-top: 0.3rem;
	color: #333;
	font-size: 1rem;
}

.news-item .news-type a{
	color: #8e4dea;
	margin-right: 1rem;
}


.news-item .description{
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	font-family: "DINCondensedBold";
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
	line-height: 20px;
	font-weight: 400;
}

.title-log img {
	width: 600px;
	height: 330px;
	object-fit: cover;
}

@media only screen and (max-width:640px) {
	.news-item{
		margin-left: 0.75rem;
		margin-right: 0.75rem;
	}
	.title-log img {
		width: 100%;
		height: 12rem;
		object-fit: cover;
	}
	.match-list-content {
		text-align: justify;
		margin-top: 1rem;
		font-size: 1rem;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		color: #f5f5f5;
	}

	.match-list-content-item {
		margin-top: 0.8rem;
	}
}

.match_s112_new_list_item_title_a{
	color: #ffffff;
	white-space: nowrap;
}

.news-body{
	display: flex;
	flex-direction: column;
	border: solid 1px #bed7e8;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 1rem 0.5rem;
	background: #ffffff;
	box-sizing: border-box;
}

.news_content_tag {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.news_daohang {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 1.88rem;
	line-height: 1.88rem;
	background: #ffffff;
	color: #666666;
}

.news_daohang div{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0.88rem;
	padding-left: 0.75rem;
	box-sizing: border-box;
}

.news_content_tag a {
	padding: 8px 8px 8px 8px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	margin: 0px;
	border-radius: 12px;
	background: #e7e7e7;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 0.3rem;
	margin-top: 0.3rem;
}

.div-screen{
	max-width:1300px;
	overflow: hidden;
	margin: auto;
	padding: auto;
	display: flex;
	background: #fff;
	width:100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-bottom: 0.2rem;
}

.screen-header{
	width:100%;
	height:2.5rem;
	background-color: rgb(247,247,247);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center
}

.screen-header .tip{
	margin: 0 0.56rem;
	font-family: "DINCondensedBold";
	font-size: 1rem;
	color: #333333;
	letter-spacing: 0;
	font-weight: 600;
}

.screen-header .func{
	margin: 0 0.56rem;
	font-family: "DINCondensedBold";
	font-size: 1rem;
	color: #333333;
	letter-spacing: 0;
	font-weight: 600;
}
.screen-header .func img{
	width:1rem;
	height:1S.18rem;
}
.screen-content{
	width:100%;
	flex-direction: column;
	align-items: center;
	display: flex;
	background-color: #141417;
}

.screen-content-header{
	padding: 0.94rem 0;
	width:100%;
	display: flex;
	flex-direction: row;
	background-color: rgb(247,247,247);
	align-items: center
}

.screen-content-header div{
	padding: 0.25rem 0.44rem ;
	margin: 0 0.56rem;
	margin-right: 0.56rem;
	border-radius: 0.84rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0.5px solid #137a51;

	font-family: "DINCondensedBold";
	font-size:0.85rem;
	line-height: 0.85rem;
	color: #137a51;
	letter-spacing: 0;
	font-weight: 400;
}

.screen-content-header .header-select{
	padding: 0.25rem 0.44rem ;
	border-radius: 0.84rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #137a51;
	color: #fff;
}

.screen-content-list-root {
	position: relative;
	margin-top: 0.44rem;
	width:100%;
	display: flex;
	flex-direction: column;
}

.no_data {
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
    width: 100%;
    color: gray;
}

.no_data img {
	height: 100px;
    width: 100px;
    align-self: center;
}

.no_data span {
	padding-bottom: 0.5rem;
}

.screen-mark{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.screen-mark  img{
	width: 24px;
	height: 24px;
	margin-top: 24px;
	object-fit: contain;
	transform:rotate(180deg);
}

.screen-content-list{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.screen-content-list .select{
	padding: 0.25rem 0.44rem ;
	margin: 0.56rem;
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:  #06B244;
	font-family: "DINCondensedBold";
	font-size:0.85rem;
	color: #ffffff;
	letter-spacing: 0;
	font-weight: 400;
}

.screen-content-list div{
	padding: 0.25rem 0.44rem ;
	margin: 0.56rem;
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:  rgba(66,104,255,0.1);
	font-family: "DINCondensedBold";
	font-size:0.85rem;
	color: #ffffff;
	letter-spacing: 0;
	font-weight: 400;
}

.screen-content .close{
	width:100%;
	height:1.3rem;
	margin-bottom: 0.45rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.screen-content .close img{
	width: 24px;
	height: 24px;
	object-fit: contain;
}


.news_content_hr {
	width: 90%;
	border: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
}

.news-body img{
	max-width: 100%;
}

.news-body .cc-title{
	font-size: 1.2rem;
	padding-top: 2rem;
	color: #000000;
	font-weight: bold;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.news-body .cc-title a{
	color: #fff;
	font-weight: bold;
}


.news-body .releaseTime-typeName{
	margin-top: 1rem;
	color: #999999;
	font-size: 1rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.news-body .news-type{
	margin-top: 0.3rem;
	color: #fff;
	font-size: 1rem;
	border-bottom: solid 1px #eee;
	padding-bottom: 1rem;
}

.news-body .news-type a{
	color: #137a51;
	margin-right: 1rem;
}

.news-body .description{
	margin-top: 1rem;
	color: #ffffff;
	font-size: 1rem;
}

.news-body .content{
	margin-top: 1rem;
	color: #333333;
	font-size: 1rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	word-break: break-all;
}
.s112_tag-bg {
	width: auto !important;
    overflow: hidden;
    overflow-x: auto;
	height:3rem;
    padding: auto;
    display: flex;
	max-width: 1300px;
}
.s112_tag-bg::-webkit-scrollbar {
	display: none;
}
.tag-list{
	width: auto !important;
    overflow: hidden;
    overflow-x: auto;
	height:2.8rem;
    padding: auto;
    display: flex;
}
.tag-list::-webkit-scrollbar {
	display: none;
}



.hot-text{
	width:100%;
	max-width: 1300px;
	height: 2.12rem;
	margin:0 auto;
	background-image: linear-gradient(270deg, #FFE9E9 0%, #FFF3ED 99%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:0.4rem;
}
.hot-text .left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.hot-text .right div{
	display: flex;
	align-items: center;
}

.hot-text .right div img{
	width: 15px;
	height: 15px;
	padding: 0 4px;
}

.hot-text-count-div {
	margin-bottom: 0.1rem;
}
.hot-text .left > img {
	width: 0.73rem;
	height:0.93rem;
	margin:0 0.52rem;
}

.hot-text > div {
	height: 0.88rem;
	font-family: Helvetica-Bold;
	font-size: 0.75rem;
	color: #F05454;
	letter-spacing: 0;
	font-weight: 700;
}
.hot-hot{
font-family: PingFangTC-Semibold;
font-size: 1rem;
color: #F05454;
letter-spacing: 0;
font-weight: 600;
}
.swiper-top-match{
	width: 100% !important;
	height:8.13rem;
}
/* .top-match-box{
height:8.13rem;
width: 100%;
border-bottom: 1rem solid #fff;
border-top: 1rem solid #fff;
background-color: #fff;
overflow-x: scroll;
	display: flex;
	position: relative;
}
.top-match-box::-webkit-scrollbar {
  display: none;
}
.top-match-box-a {
	text-decoration: none !important;
}
.top-match-list{
	display: flex;
	overflow: auto;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 8.13rem;
	flex-shrink: 0;
} */
.top-match{
	min-width: 14.38rem;
	width: 14.38rem;
	height:8.13rem;
	margin:0 0.5rem;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 0.75rem;
    position: relative;
}

.top-match-img {
	width: 14.38rem;
	height: 8.13rem;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.swiper-container {
	width: 14.38rem;
	height: 8.13rem;
	background:transparent  !important;
}

.swiper-wrapper {
	width: 14.38rem;
	height: 8.13rem;
}

.swiper-slide {
	width: 14.38rem;
	height: 8.13rem;
}

.top-match-img img {
	width: 14.38rem;
	height: 8.13rem;
	border-radius: 0.75rem;
	object-fit: cover;
}
.top-match-inner {
	width: 14.38rem;
	height: 8.13rem;
	box-sizing: border-box;
	padding:0.6rem;
	position: absolute;
	top:0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 55%, rgba(0,0,0,0.40) 100%);
	left:0;
	display: flex;
	z-index: 99;
  }
.top-match-top{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	align-items: center;
	margin-bottom:4rem;
}
.top-match-title{
	width: 7.5rem;
	height: 0.8755rem;
	font-family: "DINCondensedBold";
	font-size: 0.63rem;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 300;
	white-space: pre;
	overflow-x: hidden;
}

.top-match-title::-webkit-scrollbar {
	display: none !important;
	width: 0px;
	height: 0px;
}

.top-match-title a {
	text-decoration: none !important;
	color: #FFFFFF;
}
.top-match-read {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 0.63rem;
	width: 2rem;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}
.top-match-read img {
	width: 12px;
	height: 8px;
}
.top-match-live{
	width: 3.19rem;
height: 1rem;
background: #137a51;
border-radius: 0.19rem;
display: flex;
justify-content: space-evenly;
flex-direction: row;
align-items: center;
}
.top-match-live-icon{
	width: 0.875rem;
	height:0.875rem;

}
.top-match-live-icon img{
	width: 0.875rem;
	height:0.875rem;
}
.top-match-live-text{
	width: 1.25rem;
height: 1.125rem;
font-family: "DINCondensedBold";
font-size:0.75rem;
color: #FFFFFF;
letter-spacing: 0;
line-height: 1.125rem;
font-weight: 600;
}
.top-match-bottom{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.top-match-time{
	width: 2rem;
	height:2rem;
	color:#fff;
	font-size: 0.5rem;
	line-height: 0.9rem;
	padding:0.1rem;
}
.top-match-teams{
	width: 9rem;
	height:2rem;

}
.top-match-teams > div{
	width: 8rem;
	height: 1rem;
	font-family: Helvetica-Bold;
	font-size: 0.65rem;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 1rem;
	font-weight: 700;
	word-break: break-all;
	white-space: pre;
	display: flex;
	align-items: center;
}

.top-match-teams > div img{
	width:12px;
	height:12px;
	margin-right: 8px;;
}
.top-match-vs{
	height:2rem;
	width: 1.2rem;
	color:#fff;
	text-align: right;
	line-height: 2rem;
}
.swiper-btns{
	width: 100%;
	height:3rem;
	position:absolute;
	top:2.8rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
/* .swiper-left-btn, .swiper-right-btn{
	width: 1.94rem;
	height:1.64rem;
    cursor: pointer;
}
.swiper-left-btn>img, .swiper-right-btn>img{
	width: 1.94rem;
	height:1.64rem;

} */
.swiper-button-prev::after,.swiper-button-next::after{
	display: none;
}
.swiper-button-prev{
	width: 1.94rem !important;
	height: 1.64rem !important;
	background-image:url(../../images/t3/left-btn.png) ;
	background-size:1.94rem 1.64rem ;
	background-repeat:no-repeat ;
	background-position-y:center ;
    top: 57% !important;
	left:0 !important;


}
.swiper-button-next{
	width: 1.94rem !important;
	height: 1.64rem !important;
	background-image:url(../../images/t3/right-btn.png) ;
	background-size:1.94rem 1.64rem ;
	background-repeat:no-repeat ;
	background-position-y:center ;
    top: 57% !important;

	right: 0 !important;
	
}

.top-match-box{
	width:100%;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	overflow-x: auto;
}

.top-match-list{
	display: flex;
	width: 14.38rem;
	height: 9.13rem;
	margin-right: 15px  !important;
	flex-shrink: 0;
} 

#pre-bt, #next-bt{
	z-index: 99 ;
}


@media only screen and (max-width: 640px){
	.news-body{
		border-left: 0;
		border-right: 0;
	}

	.swiper-top-match{
		width: 100% !important;
		height:8.13rem;
	}

	.swiper-slide {
		flex-shrink: 0;
		margin-right: 20px !important;
		width: auto ;
		height: 100%;
		position: relative;
		transition-property: transform;
	}

	.swiper-left-btn{
		display: none  !important;
	}

/* .top-match-box{
	height:8.13rem;
	width: 1300px;
	margin:0 auto;
	border-bottom: 1rem solid #fff;
	border-top: 1rem solid #fff;
	background-color: #fff;
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
	position: relative;
 }
.top-match-list{
	display: flex;
	overflow: auto;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 9.13rem;
	flex-shrink: 0;
} */
.top-match-list{
	display: flex;
	width: 14.38rem;
	height: 9.13rem;
	flex-shrink: 0;
} 
.top-match{
	min-width: 14.38rem;
	width: 14.38rem;
	height:8.13rem;
	margin:0 0.5rem;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 0.75rem;
    position: relative;
}
.top-match-img {
	width: 14.38rem;
	height: 8.13rem;
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
}
.top-match-img img{
	width: 14.38rem;
	height: 8.13rem;
	border-radius: 0.75rem;
}
.top-match-inner {
	width: 14.38rem;
	height: 8.13rem;
	box-sizing: border-box;
	padding:0.6rem;
	position: absolute;
	top:0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 55%, rgba(0,0,0,0.40) 100%);
	left:0;
	z-index: 99;
	border-radius: 0.75rem;
  }
.top-match-top{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	align-items: center;
	margin-bottom:4rem;
}
.top-match-title{
	width: 7.5rem;
height: 0.8755rem;
font-family: "DINCondensedBold";
font-size: 0.63rem;
color: #FFFFFF;
letter-spacing: 0;
font-weight: 300;
}
.top-match-title a {
	text-decoration: none !important;
	color: #FFFFFF;
}
.top-match-live{
	width: 3.19rem;
height: 1rem;
    background: #137a51;
border-radius: 0.19rem;
display: flex;
justify-content: space-evenly;
flex-direction: row;
align-items: center;
}
.top-match-live-icon{
	width: 0.875rem;
	height:0.875rem;

}
.top-match-live-icon img{
	width: 0.875rem;
	height:0.875rem;
}
.top-match-live-text{
	width: 1.25rem;
height: 1.125rem;
font-family: "DINCondensedBold";
font-size:0.75rem;
color: #FFFFFF;
letter-spacing: 0;
line-height: 1.125rem;
font-weight: 600;
}
.top-match-bottom{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.top-match-time{
	width: 2rem;
	height:2rem;
	color:#fff;
	font-size: 0.5rem;
	line-height: 0.9rem;
	padding:0.1rem;
}
.top-match-teams{
	width: 9rem;
	height:2rem;

}
.top-match-teams > div{
	width: 8rem;
height: 1rem;
font-family: Helvetica-Bold;
font-size: 0.65rem;
color: #FFFFFF;
letter-spacing: 0;
line-height: 1rem;
font-weight: 700;
	word-break: break-all;
    white-space: pre;
	display: flex;
	align-items: center;
}

.top-match-teams > div img{
	width:12px;
	height:12px;
	margin-right: 8px;;
}
.top-match-vs{
	height:2rem;
	width: 1.2rem;
	color:#fff;
	text-align: right;
	line-height: 2rem;
}
}

.fl {
	float: left
}

.fr {
	float: right
}

.video-list {
	position: relative;
	width: 426px;
	height: auto;
	border: 0px solid #008000;

}

.video-list .s112_list-box {
	position: relative;
	width: 95%;
	height: auto;
	background: #FFF;
	padding: 10px;

}

.video-list .s112_list-box .list-item {
	position: relative;
	width: 100%;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1rem
}

.video-list .s112_list-box .list-item .item-label {
	position: relative;
	width: auto;
	height: 18px;
	line-height: 18px;
	color: #999;
	padding-right: 18px
}
.video-list .s112_list-box .list-item .item-label a {
	color: #999;
}

.video-list .s112_list-box .list-item .item-label .item-category{
    color:#959595;
}

.video-list .s112_list-box .list-item .item-label .item-category:hover{
    color:#144a69;
}

.video-list .s112_list-box .list-item .item-label::before {
	content: "";
	position: absolute;
	top: 7px;
	right: 7px;
	width: 4px;
	height: 4px;
	background: #999;
	border-radius: 50%
}

.video-list .s112_list-box .list-item .item-link {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical
}

.video-list .s112_list-box .list-item .item-link:hover {
	color: #144a69
}

.video-list .big-news {
	position: relative;
	display: block;
	width: 100%;
	height: 244px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	background: #FFF
}

.video-list .big-news .news-cover {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}

.video-list .big-news .news-cover:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.list-head {
	position: relative;
	width: 80px;
	height: 44px;
	line-height: 44px;


}

.list-head .title {
	position: relative;
	padding-left: 44px;
	font-size: 18px;
	color: #000
}

.list-head .title.video::before {
	background-image: url("/static/images/t3/t1/icon-video.png")
}

.list-head .title.live::before {
	background-image: url("../images/t3/icon-live.png")
}

.list-head .title.fb::before {
	background-image: url("../images/t3/icon-fb.png")
}



.list-head .title.bb::before {
	background-image: url("../images/t3/icon-bb.png")
}

.list-head .title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	background-position: center center
}

.list-head .more {
	font-size: 16px;
	color: #000;
	font-weight: bold
}

.content-box .empty{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px dotted #CCC;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}

.content-box .more{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px dotted #CCC;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
	cursor: pointer;
}


.title {
	position: relative;
	height: auto;
	line-height: 38px;
	font-size: 28px
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: " ";
	width: 0;
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	overflow: hidden
}


.s112_fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
#mores{width:360px;cursor:pointer;background:#ddd;height:22px;line-height:22px;padding:0px 5px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:1px 1px #ffffff;float:left;margin-right:5px;text-decoration:none;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}
#mores:hover{background:#137a51;color:#FFF;text-shadow:1px 1px #333;}.right_slide .bd{padding-top:5px;}.
#mores a{background:#137a51;color:#FFF;text-shadow:1px 1px #333;}.right_slide .bd{padding-top:5px;}.
.salon-type1{ padding:0 5px; height:20px; background:#f25109; font-size:1rem; line-height:20px;  color:#FFF; font-weight:normal; font-style:normal; float:left; text-align:center; margin:3px 5px 0px 0;border-radius:3px;}
.salon-type2{ padding:0 5px; height:20px; background:#0078db; font-size:1rem; line-height:20px;  color:#FFF; font-weight:normal; font-style:normal; float:left; text-align:center; margin:3px 5px 0px 0;border-radius:3px;}
.salon-type{ padding:0 5px; height:20px; background:#0dba0d; font-size:1rem; line-height:20px;  color:#FFF; font-weight:normal; font-style:normal; float:left; text-align:center; margin:3px 5px 0px 0;border-radius:3px;}
#zc_dh{ width:1018px; height:auto; border:1px #bed7e8 solid; background:url(box_bg.gif) repeat-x; margin:0px auto; padding:5px; line-height:190%;}
#zc_dh a{ margin-right:6px;display:inline-block;}
#zc_AD{ width:988px; height:auto; border:1px #bed7e8 solid; background:url(box_bg.gif) repeat-x; margin:0px auto; padding:5px; line-height:190%;margin-top:8px;margin-bottom:8px;}
#zc_AD2{ width:1018px; height:auto; border:1px #bed7e8 solid; background:url(box_bg.gif) repeat-x; margin:0px auto; padding:5px; line-height:190%;margin-top:8px;}
#zc_AD1{ width:1160px; height:60px; border:0px #bed7e8 solid; background:#ffffff; margin:0px auto; padding:5px; line-height:190%;margin-top:8px;}
#zc_AD1 li{float:left;margin-left:8px;}

#zc_topic{ width:988px; height:auto; border:1px #bed7e8 solid; background:url(box_bg.gif) repeat-x; margin:0px auto; padding:5px; line-height:190%; font-size:1rem;}
#zc_topic img.banner{ width:990px; height:auto; margin-bottom:5px;}
.data_table{border-left:1px solid #a2c6d3; border-top:1px solid #a2c6d3; margin:0 auto; background:#fff}
.data_table th,.data_table td{ border-bottom:1px solid #a2c6d3; border-right:1px solid #a2c6d3; line-height:24px; height:24px; text-align:center;}
.data_table th{ background:#e5f2fa; font-weight:bold; color:#016493;}
.data_table td.name{text-align:left;padding-left:5px;}
.red{ color:#f30;}
.sall{width:256px;BORDER: #494949 1px solid; MARGIN: 2px auto; HEIGHT: 28px; line-height:28px; border-radius: 2px 2px 2px 2px;}
.inp_key{BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 24px; MARGIN-TOP: 3px; WIDTH: 200px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 24px; COLOR: #999; MARGIN-LEFT: 1px; FONT-SIZE: 1rem; BORDER-TOP: medium none; BORDER-RIGHT: medium none;
}
.search_btn {
	BORDER-BOTTOM: #d9d9d9 0px; BORDER-LEFT: #d9d9d9 0px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-LEFT: 12px; WIDTH: 55px; PADDING-RIGHT: 12px; BACKGROUND: #494949; HEIGHT: 28px; COLOR: #FFFFFF; FONT-SIZE: 1rem; VERTICAL-ALIGN: top; BORDER-TOP: #d9d9d9 0px; CURSOR: pointer; BORDER-RIGHT: #d9d9d9 0px; PADDING-TOP: 6px; border-image: none
}

/* 2019-7-16 */
.sbtsw{float:left;padding-right:0px;margin-right:12px;width:260px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gdkd{
	width: 130px;
}
.sbtsw a{font-size:1rem;}				
.zbzt{float:right;}
.zbzt a{


padding: 3px 10px 3px 10px;
	height: 12px;
	
	color: #ff7e00;
	margin: 5px;
	border-radius: 16px;
border: 1px solid #ff7e00;
}
.zbzt a:hover {
	background-color: #ff7e00;
color: #fff;
}
.zbzt01{display: flex; width:320px;}
.sbtsw01{box-sizing: border-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; -webkit-box-flex: 1; flex-grow: 1; width: 520px;}
.sbtsw022{overflow: hidden;/*white-space: nowrap;*/text-overflow: ellipsis;box-sizing: border-box; color: rgb(33, 37, 41); text-decoration: none; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; font-size: 0.875rem; font-weight: 500; width: 211.5px; max-width: calc(50% - 3rem); -webkit-box-flex: 0; flex: 0 0 calc(50% - 3rem); -webkit-box-pack: end; justify-content: flex-end; text-align: right;margin-right: 0.5rem}
.sbtsw023{overflow: hidden;/*white-space: nowrap;*/text-overflow: ellipsis;box-sizing: border-box; color: rgb(33, 37, 41); text-decoration: none; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; font-size: 0.875rem; font-weight: 500; width: 211.5px; max-width: calc(50% - 3rem); -webkit-box-flex: 0; flex: 0 0 calc(50% - 3rem); -webkit-box-pack: start; justify-content: flex-start; text-align: left;margin-left: 0.5rem}
.box{margin-top: 10px;
width:858px; height:auto; margin-bottom:6px;background:#FFFFFF;}
.box h1{ font-size:20px; margin-left: 20px;}
.box1{margin-top: 10px;
width:100%; height:auto; margin-bottom:6px;}

.box h2{ width:800px; padding:0px 8px 0px 0px;font-size:16px;line-height:25px;position:relative;position:relative;color:#f25109;}
.box h2 b{ position:absolute; left:5px; top:4px; width:44px; height:27px;background:url(/images/t3/title.gif); color:#000; text-align:center; line-height:22px;}
.box h2 b.h{background:url(/images/t3/title.gif) 0 -28px;}
.box h2 b.e{background:url(/images/t3/title.gif) 0 -56px;}
.box h2 img{ /*position:absolute;*/ right:10px; top:9px;}


.box h2 i{ font-style:normal; font-size:1rem; font-weight:normal;}
.box .tv_show{width:644px;height:auto; padding:2px 8px 8px 8px; line-height:22px;text-overflow:ellipsis;white-space: nowrap;}
.box .tv_show a{ margin-right:12px;display:inline-block;color:#000000;font-size:1rem;}
.box .rec_match{width:640px;height:auto; padding:2px 5px 8px 5px; line-height:22px;}
.box .rec_match a{ float:left;width:195px;height:24px; overflow:hidden; padding-left:17px; display:block; line-height:24px; background:url(rec.gif) no-repeat left 6px; }
.box .content{ width:626px;height:auto;padding:5px 12px 12px 12px; line-height:190%;font-family: "΢���ź�", "����";font-size:1rem;}



.box ul{ width:800px; height:auto; margin:2px 8px 8px 8px;}
.box ul li{ width:832px;height:auto; line-height:22px;border-bottom:1px dotted #CCC;padding:6px 0px 0px 0px; }
.box ul li a{font-size:1rem;}
.box ul li .tit img{width: 34px;height: 34px;vertical-align:middle;border-radius:50%;}
.box ul li .tit em{ margin-right:5px;background:#ddd; padding:3px 4px; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold; font-style:normal; text-shadow:1px 1px #ffffff;}
.box ul li .tit em.f{color:#ff3300;}
.box ul li .tit a{margin-left:10px;color:black;text-decoration:none;font-family:"΢���ź�", tahoma,Corbel,Verdana,Helvetica,sans-serif,"����";font-size: 1rem;}
.box ul li .tit a.red{color:#F00}
.box ul li .tit strong{ font-weight:normal; margin-left:3px;}
.box ul li .tit strong.b{ font-weight:bold;}
#kuai{display:block;width:400px;height:30px;line-height:30px;}

.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	background:#FFFFFF;
	font-size:1rem;
	padding:8px 8px 2px;
	
}
.dede_pages ul li a{
	float:left;
	
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#ffffff;
	
	padding:8px 8px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.box ul li .rec{background:#fff6ed;}


.box ul li .con{ padding-left:50px; background:url(tv.gif) no-repeat 50px 6px; text-indent:15px; line-height:26px;overflow:hidden;position:relative;}


.box ul li .con a{ color:#0057a9;margin-right:12px;}
.box ul li .con a:hover{ color:#FF6000}
.box ul li:hover{ background:#ffe7cf;}
.box ul li .con span.qun{ margin-right:12px; color:#F00;}



.s112_fn-clear {zoom:1; /* for IE6 IE7 */}

body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}


body {
    background-image: url(/static/images/s112/main_bg.webp);
    background-repeat: no-repeat;
	background-attachment: fixed;

    background-size: 100% auto;
	color: #333;
	padding: 0px 0;
	font: normal 1rem "DINCondensedBold", sans-serif;
}
a{text-decoration: none; color: #137a51;}
a:link{text-decoration: none;}
a:visited{text-decoration: none; }
a:hover { text-decoration: none}
a:active{text-decoration: none;}

/* topbar */
#topbar{
	height: 26px;
	line-height: 26px;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
}
	#topbar p em{color: #999;margin: 0 8px;}
	#topbar p a{ color: #666;}
	#topbar p a:hover{ color: #e00;}

/* layout */
.layout{
	width: 1300px;
	margin: 0 auto;
	
	/*padding-top:120px;*/
	

}

/* headbar */
#header1{/*position: fixed;*/width:100%; z-index: 1000;}

#headbar{width:100%; 

}

#header{ z-index: 1000;position:relative; display: flex; align-items: center;}

#head-dh{width:800px;float: left;height:70px;}
#header .s112_site-nav {
	display: flex;
	margin: auto;
	padding: auto;
}

#header .s112_site-nav a {
	flex-shrink: 0;
	margin-right: 0rem;
	padding: 0.25rem 0.6rem;
	font-size: 0.8rem;
	letter-spacing: 0;
	line-height: 1rem;
	font-weight: 400;
	color: rgba(255,255,255,.5);
	border-radius: 6px;
	text-transform: uppercase;
	font-family: Helvetica-Bold;
}


#header .s112_site-nav .select{
}

.s112_nav-bg-new{
	width:100%;
	height:2.82rem;
	z-index: 999;
	background: #182A32;
}

.s112_league-match-nav {
	width:1300px;
	overflow: hidden;
	overflow-x: overlay;
	margin: auto;
	padding: auto;
	display: flex;
}

.s112_league-match-nav::-webkit-scrollbar {
	width: 1px;
}

.img-24 {
	height: 24px;
	width: 24px;
}


.s112_league-match-nav .select{
	color: #137a51;
	position: relative;
}

.s112_league-match-nav .select::after{
	content:'';
	position: absolute;
	left:25%;
	bottom: -10px;
	width: 30%;
	border: 2px solid #137a51;
}

.s112_league-match-nav a {
	flex-shrink: 0;
	font-family: "DINCondensedBold";
	font-size: 0.85rem;
	color: rgba(255,255,255,0.5);
	letter-spacing: 0;
	text-decoration: none;
	line-height: 1.25rem;
	font-weight: 400;
	padding:0.24rem 1rem  0 0;
	margin:0.55rem 0.1rem 0.66rem 0.5rem ;
}


.s112_match-time-nav{
	width:1300px;
	overflow: hidden;
	margin: auto;
	padding: auto;
	display: flex;
	align-items: center;
}

.s112_match-time-nav .times::-webkit-scrollbar {display: none; /* Chrome Safari */}


.s112_match-time-nav .times{
	flex:1;
	overflow: hidden;
	overflow-x: auto;
	display: flex;
}


.s112_match-time-nav img{
	width:1.31rem;
	height:1.31rem;
	margin: 0.75rem 0.63rem;
	cursor: pointer;
}


.s112_match-time-nav .times .select{
	color: #ffffff;
	background: #8e4dea;
	border-radius: 6px;
}

.s112_match-time-nav .times a {
	flex-shrink: 0;
	color: #9353ED;
	letter-spacing: 0;
	text-decoration: none;
	padding:0.24rem 0.5rem;
	margin:0.45rem 0.2rem 0.26rem 0.1rem ;
	font-family: Helvetica-Bold;
	font-size: 1.125rem;
	letter-spacing: 0;
	line-height: 1rem;
	font-weight: 700;
}




#head-dh #main-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

#head-dh #main-menu>li {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		text-align: center
	}
#main-menu li a {
	padding: .5rem 1rem;
	font-size: 1.125rem
}


#headbar_01{width:1170px; height:50px; margin:auto;position:absolute;top:0;
	left:0;
	right:0;
	bottom:0;}
	/* logo */
	#logo{
		float: left;
		overflow: hidden;
		padding: 0 0 0 0;
	}
	/* head-banner */
	.head-banner{
	padding-top:0px;
		
		width: 300px;
		
		overflow: hidden;
		}

	
	/* play-logo */
	#play-logo{
		float: left;
		height: 26px;
		overflow: hidden;
		padding: 9px 12px 0 15px;
		border-right: 1px solid #076bb1;
	}
		#play-logo img{
			display: block;
			width: 82px;
			height: 17px;
			overflow: hidden;
		}
	
/* navbar */
#navbar{
	width: 1024px;
	height: 35px;
	overflow: hidden;
	border: 1px solid #005fa1;
	padding: 0 4px 0 0;
	background: url(/images/t3/nav-bg.gif) 0 0 repeat-x #016eba;
}		
	#navbar .nav-item{
		height: 35px;		
		float: left;
		overflow: hidden;
		border-right: 1px solid #076bb1;
	}
		/* nav-link */
		#navbar .nav-link{
			width: 113px;
			display: block;
			height: 33px;
			line-height: 32px;
			font-family:"΢���ź�", tahoma,Corbel,Verdana,Helvetica,sans-serif,"����";
			font-size: 1rem;
			font-weight: bold;
			text-align: center;
			color: #fff;
			overflow: hidden;
			border: 1px solid #4da1dc;
			position: relative;
			background: url(/images/t3/nav-bg.gif) 0 -1px repeat-x #016eba;
		}
		#navbar .nav-link:hover,
		#navbar .drop-title-hover{
			text-decoration: none;
			background-position: 0 -40px;
			background-color: #2e9be8;
		}
		#navbar .current .nav-link,
		#navbar .current .nav-link:hover{
			width: 112px;
			border: 0 none;
			height: 35px;
			line-height: 33px;
			background-position: 0 -80px;
		}
			#navbar i{
				display: block;
				width: 5px;
				height: 5px;
				overflow: hidden;
				position: absolute;
				right: 1px;
				bottom: 1px;
				background: url(/images/t3/ui-icon.gif) -28px 0 no-repeat;
			}
		
		/* drop-box */
		#navbar .drop-box{
			width: 348px;
			position: absolute;
			z-index: 9;
			margin: 0 0 0 -1px;
			border: 1px solid #005fa1;
			background-color: #228fdb;
			background-color: #fff;
			zoom:1;
			display: none;
		}
		#navbar #nav-plugin .drop-box{
			margin: 0 0 0 -263px;
		}
			/* .drop-cnt */
			.drop-box .drop-cnt{
				overflow: hidden;
				padding: 8px 7px;
				zoom:1;
				border: 1px solid #4da1dc;
			}
				.drop-box li{
					width: 83px;
					height: 28px;
					line-height: 28px;
					text-align: center;
					overflow: hidden;
					float: left;
					border-bottom: 1px solid #eee;
				}
				.drop-box li.long{width: 144px;}
				.drop-box li a{color: #444;}
				.drop-box li a:hover{color: #e00;}
					
	/* nav-share */
	.nav-share{
		float: right;
		height: 26px;
		overflow: hidden;
		margin-top: 5px;
	}				
		.nav-share a{ 
			display: block;
			color: #fff;
			font-size: 1rem;
			font-weight: 700;
			text-indent: 30px;
			line-height: 26px;
			background: url(/images/t3/share.gif) 10px 5px no-repeat #2d9ae7;
		}
		.nav-share a:hover{ 
			color: #fff;
			text-decoration: none;
			background-color: #016eba;
		}
		
/* content */
.conbox{padding-bottom: 1px; margin: 0 auto; padding:0rem;}
.sidebar{width: 300px; padding-bottom: 1px; position: relative;}	
.side-fixed{
	position: fixed;
	top: 0;
	z-index: 9;
	margin-top: 0;
	_margin-top: 0;
	 _position: absolute;
	_top:expression(eval(document.documentElement.scrollTop)); 
}

.s112_list-box{
	width: 1300px;
	height:auto;
	display: flex;
	margin: auto;
}

.s112_list-box .right-box{
	flex-shrink: 0;
	margin-top:10px !important;
	min-width:298px;
	width: 200px;
	margin-left: 30px;
	display: flex;
	flex-direction: column;
	
}

.s112_list-box .right-box h3 strong {
    padding: 10px 18px 10px 16px;
    font-size: 18px;
    font-family: "΢���ź�";
    line-height: 24px;
    display: block;
    color: #2b2935;
	background: #FFFFFF;
}

.s112_list-box .right-box .item{
	font-size: 1rem;
    height: 36px;
    line-height: 36px;
	border-bottom: 1px dotted #CCC;
	background: #FFFFFF;
}

.s112_list-box .right-box .item a{
	padding: 0.5rem;
    color: #000;
}

.content-box{
	width: 1300px;
	padding-bottom: 1px;
	flex-shrink: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.s112_list-box-news{
	background: #ffffff;
}

.content-box h1 {
	padding: 0.5rem;
	font-size: 1.2rem;
	line-height: 2rem;
}

.content-box .list-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
	border-bottom: 1px dotted #CCC;
}



.content-box .list-item .match-time{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
}

.content-box .list-item .match-time a{
	width: 5.71rem;	
	color: #333;
	font-weight: bold;
	margin-left: 20px;
	font-size: 1rem;
}


.content-box .list-item .team-info .team-item{
	display: flex;
	align-items: center;
	margin: 0 0px;
	overflow: hidden;
}



.content-box .list-item .team-info .team-item .left{
	width:80px;
	text-align: left;
	color:#212529;
	font-weight: bold;
	word-break: break-word;

}

.content-box .list-item .team-info .team-item .right{
	width:80px;
	text-align: left;
	color:#212529;
	font-weight: bold;
}


.content-box .list-item .team-info{
	flex:1;
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1rem;
}

.content-box .list-item .team-score{
	align-items: center;
	font-size: 16px;
	font-weight: bold;
}

.content-box .list-item .team-info img{
	width:34px;
	height:34px;
	margin: 0 5px;
}

.content-box .list-item .go-box{
	margin-right: 80px;
}

.content-box .list-item .go-box a {
    padding: 5px 10px 5px 10px;
    height: 12px;
    color: #ff7e00;
    margin: 5px;
    border-radius: 16px;
    border: 1px solid #ff7e00;
	text-decoration: none;
}

.content-box .list-item .go-box a:hover {
    background-color: #ff7e00;
    color: #fff;
}

.content-box .rank-list {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 10px;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
  }


  .content-box .rank-list div {
	display: flex;
  }


  .rank-list{
	  width:100%;
	  font-family: Helvetica-Bold !important;
  }

  .rank-list-title {
	width:100%;
	background-color: #9353ed;
	display: flex;
	align-items: center;
	font-size: 10px !important;
  }

  .s112_rank-list-tr {
	width:100%;
	border-bottom: 1px solid #f3f4f5;
	display: flex;
	align-items: center;
	color:  #666666 !important;
	font-size:12px !important;
    cursor: pointer;
	background: #ffffff;
  }

  .s112_rank-list-tr img{
	width:18px;
	height:18px;
	margin-right:5px;
  }

  .rank-list-left{
	justify-content: flex-start !important;
  }

  @media only screen and (max-width:640px) {
	.s112_rank-list-tr  {
		width:100% !important;
	}

	.rank-list-left{
		flex:unset !important;
		width:100px;
		justify-content: flex-start !important;
	  }
}
  .rank-list a {
	  text-decoration: none;
  }

  .rank-list-index{
	flex:unset !important;
	width:40px;
  }

  .rank-rct-1{
	width: 20px;
	height: 20px;
	font-size: 15px;
	background: #FF4242;
	border-radius: 2px;
	display: flex;
	color:#fff;
	align-items: center;
	font-family: Helvetica-Bold;
	justify-content: center;
  }

  .rank-rct-2{
	width: 20px;
	height: 20px;
	font-size: 15px;
	background: #FFA042;
	border-radius: 2px;
	display: flex;
	color:#fff;
	align-items: center;
	justify-content: center;
	font-family: Helvetica-Bold;
  }

  .rank-rct-3{
	width: 20px;
	height: 20px;
	font-size: 15px;
	background: #28A272;
	border-radius: 2px;
	display: flex;
	color:#fff;
	align-items: center;
	justify-content: center;
	font-family: Helvetica-Bold;
  }
  .rank-rct-4{
	width: 20px;
	height: 20px;
	font-size: 15px;
	background: #485359;
	border-radius: 2px;
	display: flex;
	color:#fff;
	align-items: center;
	justify-content: center;
	font-family: Helvetica-Bold;
  }

 .rank-list-title  div{
	flex:1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 0;
	color: #fff;
	letter-spacing: 0;
	line-height: 12px;
	font-weight: 700;
	white-space: normal;
  	word-break: break-word;
 }

  .s112_rank-list-tr  div{
	 flex:1;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: left;
	 padding: 0.8rem 0;
	 white-space: normal;
  	 word-break: break-word;
  }

  .sc_td {
	overflow: hidden;
  }
  .sc_td1 {
	width: 8%;
  }
  .sc_td2 {
	width: 15%;
  }
  .sc_td3 {
	width: 25%;
  }
  .sc_td4 {
	width: 3%;
  }
  .sc_td5 {
	width: 30%;
  }
  .sc_td6 {
	width: 10%;
  }



/* list-sort */
#list-sort .ui-live-tab{}		
#list-sort .ui-live-tab li{
	float: left;
	height: 23px;
	line-height: 23px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	padding: 0 13px;
	border: 1px solid #06c;
	background-color: #06c;
}
#list-sort .ui-live-tab li.current{
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #e00;
	border: 1px solid #06c;
	border-bottom: 0;
	background-color: #fff;
}	
#list-sort .ui-cnt{
	width: 283px;
	margin-top: 0px;
	border-top: 0;
	padding: 5px 5px 10px 10px;
	overflow: hidden;
}	

/* ist-sort-list */
.list-sort-list a{
	float: left;
	height: 24px;
	line-height: 24px;
	display: block;
	white-space:nowrap;	
	margin: 5px 5px 0 0;
	padding: 0 7px;
	background-color: #f5f5f5;
}
	.list-sort-list a:hover{
		text-decoration: none;
		background-color: #ddd;
	}
	.list-sort-list a.current,
	.list-sort-list a.current:hover{
		color: #fff;
		background-color: #e00;
	}








/* ui-calendar */
.ui-calendar{
	width: 278px;
	margin-top: 5px;
}	
	/* calendar-hd */
	.ui-calendar .calendar-hd td{
		background: #eee;
		text-align: center;
		width: 40px;
		height: 28px;
		line-height: 28px;
		font-family: simsun;
		font-weight: bold;
	}
		.ui-calendar .calendar-hd .calendarHeader{
			width: 220px;
			font-family: Arial, Helvetica, sans-serif;
			color: #06c;
			font-size: 1rem;
		}
		.ui-calendar .calendar-hd td a{
			display: block;
			height: 28px;
			overflow: hidden;
		}
		.ui-calendar .calendar-hd td a:hover{
			color: #fff;
			text-decoration: none;
			background: #06c;
		}
		
	/* calendar-week */	
	.ui-calendar .calendar-week td{
		font-size: 1rem;
		color: #333;
		height: 30px;
		text-align: right;
		overflow: hidden;
		padding:5px 13px 0 0;
	}
	.ui-calendar .calendar{
		height: 26px;
		line-height: 26px;
		text-align: right;
		overflow: hidden;
		padding:5px 5px 0 0;
		font-size: 1rem;
	}
		.ui-calendar .calendar a,
		.ui-calendar .calendar span{
			display: block;
			padding-right: 8px;
			background-color: #f5f5f5;
		}
		.ui-calendar .calendar a:hover{
			text-decoration: none;
			background-color: #ddd;
		}
		.ui-calendar .calendar span.current{
			color: #fff;
			background-color: #e00;
		}
		
/* ui-box */		
.ui-box{
	margin-top: 10px;
}
	.ui-box .ui-title{
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		padding: 5px;
		background-color: #eee;
	}
		.ui-box .ui-title .ui-icon{
			display: block;			
			height: 25px;
			overflow: hidden;
			float: left;
			text-indent: -99px;
			background-color: #390;
		}
		.ui-box .ui-title .more{
			float: right;
			padding-right: 10px;
		}
		.ui-box .ui-title .ui-icon,
		#game-result .ui-title .ui-icon,
		#week-hot .ui-title .ui-icon{
			width: 28px;
			background-image: url(/images/t3/ui-icon.gif);
			background-repeat: no-repeat;
		}
		.ui-box .ui-title .ui-icon-line{
			width: 5px;
		}
		
		#search-box .ui-box .ui-title .ui-icon{ width: 5px;background-color: #390;}
		.ui-box .ui-title .ui-icon-24{background-position: 0 0;}
		.ui-box .ui-title .ui-icon-live{background-position: 0 -25px;}
		.ui-box .ui-title .ui-icon-video{background-position: 0 -50px;}
		.ui-box .ui-title .ui-icon-intro{background-position: 0 -75px;}
		.ui-box .ui-title .ui-icon-salon{background-position: 0 -125px; width: 26px;}
		#week-hot .ui-title .ui-icon-hot{background-position: 0 -100px; width: 33px;}
		
		.ui-box .ui-title h3{
			height: 25px;
			overflow: hidden;
			float: left;
			padding: 0 10px;
			font-size: 1rem;
			color: #06c;
		}
		.ui-box .ui-title em{
			font-size: 1rem;
			color: #666;
			margin-left: 7px;
			font-style: italic;
		}
		.sidebar .ui-box .ui-title h3{color: #333;}
		.sidebar .ui-box .ui-icon{	width: 5px;}
		.ui-box .ui-title p{
			height: 25px;
			overflow: hidden;
			float: right;
			padding: 0 6px;
		}
			.ui-box .ui-title p a{ color: #666; margin-left: 8px;}
			.ui-box .ui-title p a:hover{ color: #c00;}
			
	.ui-box .ui-cnt{
		overflow: hidden;
		clear: both;
		border: 1px solid #d7d7d7;
		background-color: #fff;
		padding:2px 6px 8px 6px;
	}		
	
/* ui-list */
.ui-list{
	padding: 0 0px;
	overflow: hidden;
	position: relative;
	zoom:1;
	margin-bottom: -1px;
}
	.ui-list li,
	.ui-list dd,
	.ui-list dt{
		height: 40px;
		line-height: 20px;
		overflow: hidden;
		font-size: 1rem;
		background: url(/static/images/t3/t1/line.gif) 0 bottom repeat-x;
	}	
	.ui-list li.hover,
	.ui-list dd.hover{
		background-color: #f5f5f5;
	}
		.ui-list .ui-time,
		.ui-list .ui-vs,
		
		.ui-list .ui-name,		
		.ui-list .ui-live,
		.ui-list .ui-type,
		.ui-list .ui-channel,
		.ui-list .ui-tag,
		.ui-list .ui-score{
			height: 40px;
			overflow: hidden;
			float: left;
			font-weight: normal;
			padding: 0 8px;
		}
		.ui-list .ui-channel{
			height: auto;
			padding: 10px 8px;
			line-height: 20px;
		}
		.ui-list .ui-time{width: 50px; color: #000;}
		.ui-list .ui-name{width: 160px;}
		.ui-list .ui-name a{
			padding-left: 1rem;
			color: #222;
			background: url(/images/t3/live.gif) 0 2px no-repeat;
		}
		.ui-list .ui-name a:hover{ color: #c00;}
		.ui-list .ui-type{width: 110px;}
		.ui-list .ui-channel{ width: 280px;}
		.ui-list .ui-channel a{ margin-right: 10px;word-break:break-all; font-size: 12px;}
		.ui-list .ui-live{ width:65px; float: right; font-size: 1rem;}
	
		.ui-list .ui-vs{width: 266px;}
		.ui-list .ui-vs p{
			width: 120px; 
			float: left;
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			margin-top: 8px;
		}
		.ui-list .ui-vs p.l{ text-align: right;}
		.ui-list .ui-vs em.vs{
			width: 26px; 
			float: left; 
			text-align: center;
			color: #000;
			line-height: 38px;
			font-weight: 700;
			font-size: 1rem;
			font-family: Tahoma;
		}
		.ui-list .ui-vs p a{}
		.ui-list .ui-vs img{
			vertical-align: middle;
			margin: 0 5px;
		}
		.ui-list-cnt .ui-live a{
			padding-right: 12px;
			color: #333;
			background: url(/images/t3/live-arrow.gif) right 2px no-repeat;
		}
		.ui-list-cnt .ui-live a:hover{ text-decoration: none; color: #e00;}
		.ui-list-cnt .ui-live a.open{	background-position: right -38px;	}
		
/* ui-min-list */
.ui-min-list li,
.ui-min-list dd,
.ui-min-list dt{
	font-size: 1rem;
	
	height: 36px;
	line-height: 36px;
	background: url(/static/images/t3/t1/line.gif) 0 35px repeat-x;
}
.ui-min-list-nobg{
	padding: 6px 10px;
}
.ui-min-list-nobg li,
.ui-min-list-nobg dd,
.ui-min-list-nobg dt{
	background: none;
	height: 24px;
	line-height: 24px;	
}
.ui-min-list-ico dd{
	padding-left: 10px;
	border-bottom: 1px solid #eee;
	background: url(/images/t3/pio.gif) 0 1rem no-repeat;
}	
.ui-min-list dd a{ margin-right: 5px;color: #000;}	
.ui-min-list dd span{  float: right;}
	
/* ui-list-block */
.ui-list-block{
	padding: 15px 3px 0 0;
}
.ui-list-block dd{
	font-size: 1rem;
	padding: 10px 25px;
	margin: 0;
	border-top: 1px solid #eee;
	background: url(/images/t3/pio.gif) 10px 19px no-repeat;
}	
		
/* net-tv */	
#net-tv .ui-min-list dd a{
	
	padding-left: 22px;
	background: url(/images/t3/v.gif) 0 2px no-repeat;
}	
		
/* ui-focus-list */
.ui-focus-list{margin-bottom: -1px;}
.ui-focus-list .ui-time{ width: 80px;}
.ui-focus-list .ui-channel{float: right; width: 260px;}

/* ui-list-info */	
.ui-list-info{
	overflow: hidden;
	line-height: 20px;
	padding: 8px 10px;
	display: none;
}	
	.live-intro{	
		color: #333;
		padding-bottom: 8px;
		margin-bottom: 9px;
		border-bottom: 1px solid #eee;
	}
	.live-url{
		line-height: 18px;
		overflow: hidden;
		padding: 3px 0;
	}
		.live-url-title{
			display: block;
			width: 60px;
			height: 19px;
			line-height: 19px;
			overflow: hidden;
			float: left;
			text-align: center;
			color: #fff;
			background: #e00;
		}
		@-moz-document url-prefix(){.live-url-title{line-height: 17px;}}	
		.live-url p{width: 556px;overflow: hidden;float: right;}
		.live-url p a{ margin-right: 13px; display: inline-block;}
				
				
/* live-cente */
#live-center{}	
#live-center .ui-live-tab{
	height: 31px;
	padding-left: 3px;
	_overflow: hidden;
	background-color: #eee;
	border-bottom: 1px solid #06c;
}		
	#live-center .ui-live-tab li{
		float: left;
		width: 96px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		overflow: hidden;
		cursor: pointer;
		color: #fff;
		margin: 0 2px 0 0;
		background: url(/images/t3/ui-tab-nav.png) -96px 0 no-repeat;
	}
	#live-center .ui-live-tab li.current{
		height: 32px;
		font-weight: bold;
		color: #e00;		
		position: relative;
		background-position: 0 0;
	}	
.ui-tab-item{display: none;}	
.ui-tab-item-current{display: block;}	
#live-center .ui-cnt{border-top: 0 none;}	
#live-center .ui-list li{ 
	width: 669px;
	float: left;
	clear: both;
	height: auto; 
	overflow: hidden;
	padding: 10px 0;
}
#live-center .ui-live-list-item{ font-size: 1rem;height: 22px;overflow: hidden;}


#live-center .ui-list .tit{float:left; line-height:22px; padding-right:12px;}
#live-center .ui-list .tit a{margin-left:10px;color:black;text-decoration:none;}
#live-center .ui-list  .tit a.red{color:#F00}
#live-center .ui-list .tit strong{ font-weight:normal; margin-left:3px;}
#live-center .ui-list .tit strong.b{ font-weight:bold;}
#live-center .ui-list .rec{background:#fff6ed;}
#live-center .ui-list .con {*float:left;word-break:keep-all;line-height:22px;overflow:hidden;position:relative;}
#live-center .ui-list .con a{ color:#0057a9;margin-right:12px;}
#live-center .ui-list .con a:hover{ color:#FF6000}
#live-center .ui-list .con span.qun{ margin-right:12px; color:#F00;}





#live-center .ui-list .ui-time,
#live-center .ui-list .ui-type,
#live-center .ui-list .ui-name,
#live-center .ui-list .ui-channel{
	height: auto; 
	line-height: 22px;
}
#live-center .ui-name{width: auto;}
#live-center .ui-list .ui-channel{width: auto; padding: 2px 8px 0 8px;}
#live-center dd .ui-type{font-weight: 700;}


/* video-playback */
#video-playback .ui-cnt{border: 0; padding-bottom: 1px;}
#video-playback .ui-time{width: 80px;}
#video-playback .ui-tag{ float: right; font-size: 1rem;}
#video-playback .ui-tag a{ margin: 0 2px;}
#video-playback .ui-name{width: auto;}
#video-playback .ui-video-list{}
.video-playback-item{
	overflow: hidden;
	margin-bottom: -1px;
	border: 1px solid #add5ee;
}
	/* ui-video-tab */
	.ui-video-tab{
		height: 29px;
		line-height: 29px;
		overflow: hidden;
		padding: 0 3px 0 0;
		border-top: 1px solid #fff;
		background-color: #e3f2f9;
	}
		.ui-video-tab a.toogle{
			display: block;
			height: 21px;
			width: 21px;
			overflow: hidden;
			float: right;
			margin-top: 2px;	
			text-indent: -99px;
			border: 1px solid #e3f2f9;
			background: url(/images/t3/live-arrow.gif) center -34px no-repeat #e3f2f9;
		}
		.ui-video-tab a.toogle:hover{border-color: #add5ee; background-color: #eee;}
		.ui-video-tab-close a.toogle{	background-position: center 6px;	}
			
		.ui-video-tab h4{
			font-size: 1rem;			
			padding:  0 8px;
			font-weight: 700;
			color: #06c;
			cursor: pointer;
		}
		.ui-video-tab h4 img{
			float: left;
			margin: 6px 6px 0 0;
		}
		.ui-video-tab-close h4{
			color: #000;
			font-weight: normal;
		}
		
		/* video-sort */	
		.video-sort{
			float: right;
			height: 27px;
			line-height: 27px;
			padding-right: 5px;
		}
			.video-sort a{ float: left;}
			.video-sort label{ float: left; padding: 0 5px 0 10px;}
			.video-sort .ui-input{
				float: left;
				width: 70px;
				height: 19px;
				line-height: 19px;
				padding: 0 5px;
				margin-top: 3px;
				border: 1px solid #ccc;
			}
		
	/* ui-video-box */	
	.ui-video-box{
		overflow: hidden;
		border-top: 1px solid #add5ee;
		background-color: #fff;	
	}	
	
/*  against-list */
.against-list .ui-list li,
.forecast-list .ui-list li{	
	_width: 278px;
	_float: left;	
	_clear: both;
}
.against-list .ui-time{padding-left: 0;width: 70px;}	
.against-list .ui-name{padding: 0;width: 85px;text-align: center;}	
.against-list .ui-name a{padding: 0; background: none;}	
.against-list .ui-score{padding: 0;width: 30px; text-align: center;}	
	
/* forecast-list */	
.forecast-list .ui-time{padding-left: 0;width: 40px;}	
.forecast-list .ui-name{padding: 0;width: 150px;text-align: left;}	
.forecast-list .ui-name a{padding: 0; background: none;}	
.forecast-list .ui-type{width: 60px;}

/* footer */
#footer{
	text-align: center;
	line-height: 1.71rem;
	padding: 20px 0;
	background: #f8f8f8;
}	
	.footer-nav a{ margin: 0 8px;}
	
/* channel-topic */
#channel-topic img{
	width: 300px;
	display: block;
	margin-top: 10px;
}	

/* video-list */
.video-list .ui-title{ padding-left: 9px;}
.video-list .ui-title .ui-icon{ 
	width: 15px; 
	height: 15px;
	margin-top: 5px;
	background: #390;
}
#video-list .ui-time{width: 80px;}
#video-list .ui-tag{ float: right;font-size: 1rem;width: 200px; text-align: right;}
#video-list .ui-tag a{ margin: 0 2px;}
#video-list .ui-name{width: 320px;}

/* ui-pages */
.ui-pages{
	overflow: hidden;
	font-size: 1rem;
	padding: 0 5px 10px 5px;
	text-align: center;
}
	.ui-pages a,
	.ui-pages span,
	.ui-pages em{
		display: inline-block;
		height: 24px;
		line-height: 24px;
		margin: 0 3px;
		padding: 0 9px;
		text-transform:uppercase;
		color: #06c;
		border: 1px solid #ccc;
		background: #fff;
		vertical-align: middle;
	}
	.ui-pages a:hover{ background: #f5f5f5;}
	.ui-pages span.current{
		color: #fff;
		font-weight: bold;
		border-color: #06c;
		background-color: #06c;
	}
	.ui-pages span.disabled{
		color: #ccc;
		text-shadow: 0 1px 0 #fff;
		border: 1px solid #e0e0e0;
		background: #f9f9f9;
	}
	.ui-pages em{
		padding: 0 3px;
		color: #666;
		font-weight: bold;
		border: 0;
		background: none;
	}
	
/* ui-pages-simple */
.ui-pages-simple{padding: 0 5px;}
.ui-pages-simple span,
.ui-pages-simple a{margin: 0 3px;}	

/* ui-silder */
.silder-box{
	width: 668px;
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #b2d6f8;
	background-color: #e0effd;
}
.ui-silder{
	width: 664px;
	height: 11rem;
	overflow: hidden;
	position: relative;
	margin: 2px;
	background-color: #fff;
}	
	/* ui-silder-cnt */
	.ui-silder-cnt{
		height:11rem;
		overflow: hidden;
		position: absolute;
	}
	/* ui-silder-panel */
	.ui-silder-panel{
		width:640px;
		height:90px;
		padding: 12px;
		overflow: hidden;
		float: left;
		position: relative;
	}
		.ui-silder-panel img{
			width: 160px;
			height: 90px;
			display: block;
			overflow: hidden;
			float: left;
		}
		.ui-silder-intro{
			width: 425px;
			height: 180px;
			line-height: 20px;
			overflow: hidden;
			padding: 0 40px 0 0;
		}
			/* H3 */
			.ui-silder-intro h3{
				line-height: 30px;
				height: 30px;
				overflow: hidden;
				font-size: 24px;
				font-family: "Microsoft Yahei";
			}
			.ui-silder-intro p{
				height: 48px;
				overflow: hidden;
				line-height: 24px;
				font-size: 1rem;
				padding-top: 10px;
			}
				.ui-silder-intro p a{
					font-size: 1rem;
					color: #fff;
					background: #06c;
					padding: 2px 3px;
					margin-left: 10px;
				}
			
	/* ui-silder-nav */		
	.ui-silder-nav{
		right: 0px;
		bottom: 3px;
		position: absolute;
		overflow: hidden;
	}
		.ui-silder-nav li{
			float: left;
			width: 10px;
			height: 10px;
			overflow: hidden;
			background: #06c;
			margin: 0 3px 0 0;
			text-indent: -999px;
			cursor: pointer;
		}
		.ui-silder-nav li.current{
			background: #060c;
		}
		
	/* .ui-silder */
	.ui-silder a.prev,
	.ui-silder a.next{
		display: block;
		width: 10px;
		height: 1rem;
		overflow: hidden;
		text-indent: -999px;
		position: absolute;
		cursor: pointer;
		top: 50%;
		margin-top: -7px;
		background: url(/images/t3/ui-silder-btn.png) no-repeat;
	}	
	.ui-silder a.prev{left: 0;background-position: -8px center;}
	.ui-silder a.next{right: 0;background-position: -81px center;}

/* bread-crumbs */
.bread-crumbs{
	margin-bottom: -10px;
	height: 36px;
	line-height: 34px;
	overflow: hidden;
	padding: 5px 0;
	font-size: 1rem;
	color: #333;
}
	.bread-crumbs em{
		font-family: simsun;
		margin: 0 5px;
	}
	
/* ui-play-intro */
#ui-play-intro .ui-cnt{
	padding: 10px 15px;
	overflow: hidden;
	line-height: 20px;
}
	#ui-play-intro .ui-cnt p{
		text-indent: 24px;
		padding: 5px 0;
	}	
	
/* ui-play */
#ui-play{
	border: 1px solid #add5ee;
	background-color: #fff;
	background-color: #e0effd;
}	
	/* ui-play-title */
	.ui-play-title{
		overflow: hidden;
		border-bottom: 1px solid #add5ee;
	}
		.ui-play-title h2{
			font-size: 16px;
			color: #333;
			text-align: center;
			padding: 10px 20px;
			overflow: hidden;
			font-family: "Microsoft Yahei";
		}
		.down-plus-download{
			overflow: hidden;
			padding: 0 15px 15px 15px;
		}
			.down-plus-download p{
				padding: 5px 0;
			}
			.down-plus-download a{
				color: #fff;
				padding: 3px 6px;
				background: #06c;
				margin: 0 5px 0 0;
			}
			.down-plus-download a:hover{
				color: #fff;
				text-decoration: none;
				background: #e00;
			}
			
	/* ui-play-box */		
	.ui-play-box{
		padding: 10px;
		color: #333;
	}		
	
	/* ui-play-btm */
	.ui-play-btm{
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		padding: 0 5px;
		border-top: 1px solid #add5ee;
	}
		.play-links{
			height: 35px;
			line-height: 35px;
			overflow: hidden;
		}
			.play-links a{ margin: 0 6px;}
			.play-share{
				line-height: 16px;
				padding: 3px 0 0 0;
			}
			
/* plus-list */
.plus-list{
	padding: 0 0 20px 50px;
	font-size: 1rem;
	overflow: hidden;
}		
	.plus-list a{
		width: 185px;
		height: 60px;
		color: #666;
		float: left;
		display: block;
		white-space:nowrap; 
		margin: 20px 45px 0 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 60px;
		text-align: center;
		overflow: hidden;
		border: 1px solid #ccc;
		background-color: #f5f5f5;
	}
	.plus-list a.red{ color: #e00;}
	.plus-list a:hover{
		position: relative;
		color: #fff;
		text-decoration: none;
		border-color: #e00;
		background-color: #e00;
	}
	.plus-list a.silverlight{
		padding: 0;
	}
	.plus-list img{
		display: block;
	}
	
/* tags-list */
.tags-list{
	line-height: 25px;
	padding: 5px 10px;
}
	.tags-list a{ margin: 0 2px;}
	.tags-list .tagc1{font-size: 1rem;}
	.tags-list .tagc2{font-size: 1rem;font-weight: bold;}
	.tags-list .tagc3{font-weight: bold;}
	.tags-list .tagc4{ color: #080;}
	.tags-list .tagc5{ color: #c00;}
	.tags-list .tagc6{ color: #f60;}
	
/* live-box */
.live-box{width: 790px;}
.live-bar{width: 180px;}

/* live-list */
.live-list{
	line-height: 22px;
	padding: 10px;
}
	.live-list a{ 
		margin: 0 20px 0 0;
		white-space:nowrap; 
		padding: 1px 6px 0 6px;
		display: inline-block;
		border-radius:3px;
	}
	.live-list a:hover{ background-color: #d0e8f3; text-decoration: none;}	
	
/* live-item */
.live-item{
	padding: 0 0 0 15px;
	overflow: hidden;
}		
	.live-item li{
		width: 190px;
		overflow: hidden;
		float: left;
		line-height: 22px;
		padding: 15px 0 15px 0;
		background: url(/static/images/t3/t1/line.gif) 0 bottom repeat-x;
	}
	.live-item li img{
		width: 55px;
		height: 65px;
		display: block;
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid #ddd;
		background-color: #fff;
	}	
	.live-item li p a{ color: #666;}
	.live-item li p a:hover{ color: #c00;}
	
/* live-catalog */
.live-catalog{
	width: 788px;
	overflow: hidden;
	margin-top: 10px;
	position: relative;
	border: 1px solid #b2d6f8;
	background-color: #e0effd;
}
	.live-catalog .ui-cnt{
		margin: 2px;
		overflow: hidden;
		background-color: #fff;
	}	
	.live-catalog h2{
		font-family: "Microsoft Yahei";
		font-size: 16px;
		color: #333;
		padding: 10px 19px 5px 19px;
	}
	.live-catalog p{
		color: #999;
		padding: 0 9px 10px 9px;
		line-height: 22px;
	}	
		.live-catalog p a{ 
			margin: 2px 5px;
			white-space:nowrap; 
			padding: 0 6px;
			display: inline-block;
			border: 1px solid #fff;
		}
		.live-catalog p a:hover{
			text-decoration: none; 
			border-color: #eee;
			background-color: #f5f5f5;
		}
		.live-catalog p a.current,
		.live-catalog p a.current:hover{ 
			color: #fff;
			border-color: #a00;
			background-color: #c00;
		}	
		
/* game-result */
#game-result{width: 380px;}	
#game-result .ui-cnt{ height: 390px;}		

/* table-list */
.table-list{width: 100%;}
.table-list td{
	height: 39px;
	text-align: center;
	vertical-align: middle;
}
.table-list tr.odd td{ background-color: #f6f6f6;}

/* week-hot */
#week-hot{width: 590px;}	
#week-hot .ui-cnt{ height: 390px;}		

/* hot-list */
.hot-list{margin: 13px 7px;}
.hot-list li{
	width: 160px;
	height: 125px;
	overflow: hidden;
	float: left;
	padding: 0 15px;
	text-align: center;
}
	.hot-list img{
		display: block;
		width: 160px;
		height: 90px;
		overflow: hidden;
		margin-bottom: 5px;
	}
	
/* img-list */
.play-img .ui-cnt{
	width: 978px;
}
.play-img .ui-pages{
	padding-bottom: 20px;
}
.img-list{
	width: 960px;
	overflow: hidden;
	zoom:1;
	padding: 5px 0 15px 18px;
}
.img-list li{
	width: 160px;
	height: 135px;
	overflow: hidden;
	float: left;
	padding: 5px;
	line-height: 18px;
	text-align: center;
	margin: 10px 20px 0 0;
	border: 1px solid #ddd;
}
	.img-list img{
		display: block;
		width: 160px;
		height: 90px;
		overflow: hidden;
		margin-bottom: 5px;
	}	
	
/* subnav */
.subnav{
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 1rem;
	overflow: hidden;
	color: #9fc5d6;
	background-color: #bae5f8;
}	
	.subnav a{ 
		margin: 0 10px;
		padding: 4px 10px;
		border-radius:1px;
	}
	.subnav a:hover,
	.subnav a.current{
		color: #fff;
		text-decoration: none;
		background-color: #06c;
	} 
	
/* ui-detail */
#ui-detail{
	overflow: hidden;
	padding: 0 20px;
	border: 1px solid #add5ee;
	background-color: #fff;
}	
	/* ui-detail-title */
	.ui-detail-title{
		overflow: hidden;
		text-align: center;
		padding: 10px 20px 15px 20px;
		border-bottom: 1px solid #eee;
	}
		.ui-detail-title h2{
			font-size: 20px;
			color: #333;
			text-align: center;
			padding: 5px 0;
			overflow: hidden;
			font-family: "Microsoft Yahei";
		}
		.ui-detail-title p{
			color: #666;
			line-height: 24px;
		}
			
	/* ui-detail-cnt */		
	.ui-detail-cnt{
		padding: 20px 0;
		font-size: 1rem;
		line-height: 22px;
		overflow: hidden;
	}		
	
	/* ui-detail-related */
	.ui-detail-related{
		width: 656px;
		overflow: hidden;
		padding: 6px;
		border: 1px solid #ccc;
		background: #eee;
	}
		.ui-detail-related a,
		.ui-detail-related span{
			display: inline-block;
			margin: 0 6px 0 0;
			padding: 3px 20px;
			background: #ddd;
		}
		.ui-detail-related span,
		.ui-detail-related a:hover{
			text-decoration: none;
			background: #06c;
			color: #fff;
		}
		
	
	/* ui-detail-tag */
	.ui-detail-tag{
		height: 30px;
		overflow: hidden;
		padding: 0 10px;
		border: 1px solid #ddd;
		background-color: #f9f9f9;
	}
		.detail-tags{height: 30px;line-height: 30px;overflow: hidden;}
		.detail-tags a{ margin: 0 8px 0 0;}
		
		.detail-share	{
			line-height: 16px;	
			padding-top: 2px;
		}
			
			
	/* ui-detail-btm */		
	.ui-detail-btm{
		padding: 10px 0;
		line-height: 24px;
		overflow: hidden;
	}
	
/* ui-loading */
#ui-loading .ui-cnt{
	font-size: 1rem;
	line-height: 24px;
	overflow: hidden;
	padding: 50px;
	text-align: center;
}	
	#ui-loading .ui-cnt img{
		display: block;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#ui-loading .ui-tips{
		font-size: 1rem;
		margin-bottom: 20px;
		color: #000;
	}
	#ui-loading .ui-tips .red{ color: #f00;}
	
/* contact-us */
#contact-us .ui-cnt p{
	font-size: 1rem;
	padding: 13px 15px;
	line-height: 24px;
}	

/* no-found */
.no-found{
	width: 480px;
	text-align: center;
	margin: 100px auto;
}	
	.no-found .ui-cnt{ padding-bottom: 20px;margin-bottom:10px;}
	.no-found h1{font-size: 100px;font-weight: normal; color: #ccc;}
	.no-found img{ display: block; margin: 0 auto;}
	
/* link-list */
.link-list{
	padding: 10px 0;
	overflow: hidden;
}
.link-list li{
	float: left;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	width: 100px;
	padding-left: 20px;
}	

#friend-link .ui-title .ui-icon{
	width: 5px;
	background: #390;
}
#friend-link .link-list{ padding: 7px 10px; line-height: 20px;}
#friend-link .link-list em{ color: #999; margin: 0 5px;}

/* ui-salon-list */
.ui-salon-list{
	overflow: hidden;
	padding: 7px 10px;
	line-height: 24px;
	zoom:1;
}
.ui-salon-list-line{
	border-top: 1px solid #e5e5e5;
}
	.ui-salon-list em{ color: #666; margin: 0 9px;}
	.ui-salon-list a{ margin: 0 4px 0 0px;}
	
/* match-box */
.match-box{
	width: 978px;
	height: 80px;
	overflow: hidden;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	border: 1px solid #ccc;
	background-color: #eee;
}
	/* ui-match */
	.ui-match{ 
		margin-left: 1rem;
		width: 950px;
		height: 80px;	
		overflow: hidden;
		position: relative;
	}
		/* match-list */
		.match-list{ 
			height: 80px;	
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
		}
		.match-list li{
			width: 95px;
			height: 80px;
			overflow: hidden;
			float: left;
		}
			.match-list .item{
				width: 81px;
				height: 72px;
				overflow: hidden;
				background-color: #d5d5d5;
				margin: 0 3px;
				line-height: 18px;
				padding: 4px;
				display: inline;
	   		float: left;
				position: relative;
			}
			.match-list li.highlighted .item{
				background-color: #cce2f7;	
			}
			.match-list p{
				height: 18px;
				overflow: hidden;
			}
				.match-list .team{
					color: black;
					width: 62px;
					height: 18px;
					float: left;
					overflow: hidden;
					text-align: left;
					text-overflow: ellipsis;
					white-space: nowrap;			
					font-family: simsun;	   
				}
				.match-list .team:hover{ color: #c00;} 
				.match-list .score{ color: #666; float: right; font-weight: 700;}
				.match-list .status{ color: #080;}
			
				.match-list .links{
					width: 85px; 
					height: 20px;
					line-height: 20px;
					position: absolute;
					bottom: 0;
					left: 0;
					padding: 0 2px;
				}
					.match-list .links a{ margin: 0 2px; color: #c00;}
				
				.match-list .videolive .links,
				.match-list .nivideolive .links{
					padding-left: 23px;
					background: url(/images/t3/player.gif) 2px 2px no-repeat #06c;					
				}
				.match-list .nivideolive .links{
					background-position: 2px -18px;
					background-color: #666;		
				}
					.match-list .videolive .links a,
					.match-list .nivideolive .links a{ color: #fff;}
				
				.match-list .morelinks{
				    background-color: #06c;
				    bottom: 20px;
				    left: 0;
				    line-height: 15px;
				    overflow: hidden;
				    padding: 0 2px;
				    position: absolute;
				    width: 85px; 
					 display: none;
				}
				.match-list .nivideolive .morelinks {
				   background-color: #666;
				}

		
		/* pg_paging */
		.ui-match-page a{
			display: block;
			width: 12px;
			height: 19px;
			overflow: hidden;
			text-indent: -999px;
			position: absolute;
			top: 50%;
			margin-top: -9px;
			background-image: url(/images/t3/t1/match-arrow.png);
			background-repeat: no-repeat;
		}			
			.ui-match-next a{background-position: -24px 0; right: 5px;}
			.ui-match-next a:hover{background-position: 0 0;}
			.ui-match-next a.disabled,
			.ui-match-next a.disabled:hover{background-position: -12px 0;}
			
			.ui-match-prev a{background-position: -41px 0; left: 5px;}
			.ui-match-prev a:hover{background-position: -65px 0;}
			.ui-match-prev a.disabled,
			.ui-match-prev a.disabled:hover{background-position: -53px 0;}
			
/* map-list */
.zc_right{ width:300px; height:auto; float:right;}
.right_box{width:298px; height:auto;margin-bottom:6px; border:1px #ddd solid; background:#FFF;border-radius:5px;}
.right_box h3{height:24px; margin:5px 0px; position:relative; font-size:1rem; font-weight:normal;}
.right_box h3 strong{ padding:0px 18px 0px 6px; height:24px; font-size:1rem; font-family:"΢���ź�"; line-height:24px; background:url(hs_bg.gif) no-repeat #ae1e2a right center; display:block; color:#000; position:absolute; left:0px; top:0px; }
.right_box h3 a{ position:absolute; right:6px; top:0px; line-height:24px;}
.right_box ul{ padding:2px 6px 8px 6px;}
.right_box ul li{height:24px; line-height:24px; text-indent:6px; overflow:hidden;}
.right_box .show{ padding:2px 6px 6px 8px; line-height:190%;}

.right_slide{width:286px; height:auto;margin-bottom:6px;margin-top: 10px;border:0px #ddd solid; background:#FFF;padding:2px 6px 8px 6px;}
.right_slide h3{height:24px; margin:5px 0px 5px -6px; position:relative; font-size:1rem; font-weight:normal;}
.right_slide h3 strong{ padding:0px 18px 0px 16px; height:24px; font-size:18px; font-family:"΢���ź�"; line-height:24px; display:block; color:#2b2935; position:absolute; left:0px; top:0px; }
.right_slide h3 a{ position:absolute; right:6px; top:0px; line-height:24px;}

.right_slide .hd{ height:22px; line-height:22px;}
.right_slide .hd li{cursor:pointer;background:#ddd; height:22px; padding:0px 5px; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; text-shadow:1px 1px #ffffff; float:left; margin-right:5px; text-decoration:none;-webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;}
.right_slide .hd li.on, .right_slide .hd li:hover{ background:#137a51; color:#FFF; text-shadow:1px 1px #333;}
.right_slide .bd{ padding-top:5px;}
.right_slide .bd li{height:24px; line-height:24px; text-indent:6px; overflow:hidden;}

.right_slide .data{ padding-top:5px;}

.right_box .right_tab, .right_box .right_tab_data{ width:282px; height:24px; margin:4px auto 0px auto;}
.right_box .right_tab a, .right_box .right_tab_data a{ float:left;padding:0px 3px; height:22px; display:block;line-height:24px;border:1px #bed7e8 solid; background:#FFF; font-weight:bold; margin-right:4px; margin-bottom:4px;  overflow:hidden;}
.right_box .right_tab a:hover, .right_box .right_tab_data a:hover{border:1px #3E6D8E solid; text-decoration:none;}
.right_box .right_tab a.f, .right_box .right_tab_data a.f{ background:#3E6D8E; color:#FFF;border:1px #3E6D8E solid; text-decoration:none;}



.right_slide .data{ padding-top:5px;}			
.map-list{
	width: 660px;
	overflow: hidden;
	padding: 10px 1rem;
}
.map-list li{
    float: left;
}
.map-list span{
	color: #666;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 45px;
}
.map-list ul{
    float: left;
    width: 615px;
}
.map-list ul li {
    display: inline;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
}
 .map-list ul li a{
 	white-space: nowrap;
 }
 
 
 
 
 
 
 
 
 .col_zuqiu{border:1px solid #ADCBEB;background:#f3f2fa;overflow:hidden; width:658px; position:relative; z-index:5;margin-bottom:5px;}
.hot-title { float:left; width:20px; background:#137a51;}
.hot-title h3 { padding:3px;}
.hot-title h3 a{ font-size:1rem; font-weight:normal;  color:#FFF;}
.hot-zuqiu { float: left; width:700px; margin-bottom:5px;}
.hot-match{margin-left:5px;}
ul.hot-match li{background: url("/app/images/t3/arrow.gif") no-repeat scroll 0 9px transparent; float: left; width:340px; padding-left:5px; margin:5px 0;}
ul.hot-match li a{ margin-left:5px;}
.hot-video{margin:0 5px 5px; float:left;}
ul.hot-video li { background: url("/app/images/t3/arrow.gif") no-repeat scroll 0 9px transparent; float: left; /* height: 25px; line-height: 25px;  margin-top: 3px; */ width: 210px; padding-left:5px;}
ul.hot-video li a { float: left; height: 25px; line-height: 25px; overflow: hidden; padding-left: 5px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.match-name{color:#666; float:left; padding-left:5px;}

.left{
    float: left;
}
.right{
    float: right;
}
#recommend{
overflow: hidden;
		clear: both;
		border: 1px solid #d7d7d7;
		background-color: #fff;
		padding:5px 5px 7px 5px;
		     height: auto; overflow: hidden; font-size: 1rem; color: #000000;
		    margin-top:10px;
}

#recommend .r_video{
    width: 500px; font-size: 1rem;  height: auto; overflow: hidden;
}
#recommend .r_news{
    width: 518px;  font-size: 1rem; height: auto; overflow: hidden;
}#recommend .r_news1{
    width: 198px;  font-size: 1rem; height: auto; overflow: hidden;
}
#recommend .f_video{
    width: 370px; font-size: 1rem;  height: auto; overflow: hidden;
}
#recommend .f_news{
    width: 340px;  font-size: 1rem; height: auto; overflow: hidden;
}
.head_1{ background: url("/xinmb/icons-1.png")  -411px -249px no-repeat !important;font-weight: bold;}
.head_1 a{font-size: 1rem;font-family:"΢���ź�"; color:#990000 !important;}
.head_2{ background: url("/xinmb/icons-1.png")  -411px -249px no-repeat !important;font-weight: bold;}
.head_2 a{ font-size: 1rem;font-family:"΢���ź�";color:#990000 !important;}
.head_3 a{ color:#333333 !important;}
#recommend li{
    line-height: 22px; text-indent: 20px;
}
#recommend li span, #ad_box .other span{
    padding: 0 5px;
}
#recommend .r_video li{
    background: url("/xinmb/icons-1.png")  -411px -249px no-repeat;
}
#recommend .r_news li{
    background: url("/xinmb/icons-1.png")  -411px -249px no-repeat;
}
#recommend .f_video li{
    background: url("/images/t3/icons-1.png")  -411px -249px no-repeat;
}
#recommend .f_news li{
    background: url("/images/t3/icons-1.png")  -411px -249px no-repeat;
}
#recommend li{
    list-style:none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-nav-box{
	display:none;
}
 .sjyc{
 	display:none;
 }



@media only screen and (max-width:320px) {
	body {
		min-width: 280px;
	}
}

@media only screen and (max-width:400px) {
	body {
		min-width: 280px;
	}
}
 
 
@media only screen and (max-width:640px) {
	body {
		min-width: 280px;
	}

.sbtsw{float:left;width:100%;font-size:1rem;height:60px;line-height: 60px;color:#5a7abd;}
.sbtsw01{display:block;}
.zbzt01{float:left;width:100%;
}

.zbzt{float:left;width:100%;height:50px;line-height: 50px;
}

.sbtsw01{width:100%;font-size:1rem;}
.sbtsw022{max-width: calc(50% - 1rem); -webkit-box-flex: 0; flex: 0 0 calc(50% - 1rem); }
.sbtsw023{max-width: calc(50% - 1rem); -webkit-box-flex: 0; flex: 0 0 calc(50% - 1rem); }
.dsnone {
	/*display:none*/
}
.sjyc{
	display:block;
} 
.archive-live-toolbar{width:100%;}
.m-none,.v-list-tuijian,.v-list-ad {
	display:none!important
}
.m-nav-box,.v-video-list {
	display:block
}
.gg-box,.gg-box-l,.gg-box-r {
	width:340px
}
.one2-bg,.juji-box li,.x6-thumbnail li,.v-pl,.top-box {
	width:320px
}
.x3-title,.link {
	width:300px
}
.pindao{
	display:none
}


.m-nav {
	width:100%;
	height:50px;
	background:#ff7e00;
}
.m-logo {
	float:left;
	padding-top:50px;
	width:145px;
	height:0;
	background:url(/static/images/t3/m-logo.png) 15px 10px no-repeat;
	background-size:154px 95px;
	overflow:hidden
}
.m-so-btn,.m-menu-btn {
	float:right;
	margin:8px 15px 8px 0;
	width:45px;
	height:31px;
	border:1px solid #ffb080;
	border-radius:3px;
	cursor:pointer;
	background-color:#da5200;
	/*background:url(icon.png) no-repeat #da5200;*/
}
.m-so-btn {
	background-position:12px -1792px
}
.m-menu-btn {
	background-position:8px -1826px
}
.click {
	background-color:#181d21
}
.m-sotxt {
	float:left;
	padding:0 10px;
	width:78%;
	height:30px;
	line-height:30px;
	border:1px solid #545e68;
	border-radius:3px 0 0 3px;
	color:#000;
	outline:0
}
.m-sobtn {
	float:right;
	margin-top:-32px;
	width:22%;
	height:32px;
	line-height:32px;
	background:#545e68;
	color:#fff;
	font-size:1rem;
	border-radius:0 2px 2px 0;
	outline:0;
	cursor:pointer
}
.m-so {
	display:none;
	padding:10px 20px 12px;
	height:30px;
	background:#0774c0;
	border-top:1px solid #2b9eee
}
.m-menu {
	display:none;
	width:100%;
	height:auto;
	padding:10px 0;
	background:#383838;
	border-top:1px solid #000000;
	overflow:hidden
}
.m-menu a {
	float:left;
	width:20%;
	text-align:center;
	line-height:30px;
	color:#fff
}





#recommend{display:none;}
.box{width:100%;}
.layout{width:100%; overflow: hidden;}
.layout p{ font-size:1.1rem; line-height: 2.2rem; width:98%; margin-left: auto; margin-right: auto; color: #666666}
.layout p img{ max-width: 100%; margin-top: 1.4rem;}
.s112_bottom-info-link a{ margin-left: 1.2rem; display: block; margin-top: 0.8rem; text-decoration: none !important;}
/*.layout{width:100%;padding-top:90px;}*/
.box .content{width:100%;}
.conbox{width:100%;}
.box h2{/*width:86%;padding:0px 0px 0px 50px;*/}
.box ul{width:96%;}
.box ul li{width:100%;line-height:20px;overflow:auto;padding:6px 0px 0px 0px; }
.box ul li .tit{height:10rem}
.box ul li .rec{background:#fff6ed;}
.box ul li .tit a{font-size: 1rem;margin-left:6px;}
.box ul li .tit img{width: 34px;height: 34px;vertical-align:middle;}
.box .tv_show{width:96%;}
/* #zc_dh,#header,#zc_AD1,#footer,.sidebar,.box1,.ui-box,.con,.v-panel-separate,.v-video-r,.v-list-tbox ul,.tag-fengmian {
	display:none;
} */
}

/* @media only screen and (max-width: 639px){
	.content-box .list-item .team-info .team-item .left{
		width:80px;
		text-align: right;
		color:#212529;
		font-weight: bold;
	
	}
	
	.content-box .list-item .team-info .team-item .right{
		width:80px;
		text-align: left;
		color:#212529;
		font-weight: bold;
	}
} */
@media only screen and (max-width: 640px) {

	html {
		font-size: 16px
	}

	.s112_more_click {
		width: 56px;
		height: 40px;
		object-fit: contain;
	}


	.new-s112_main-top {
		width: auto;
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: auto;
		position: relative;
		padding: unset;
		height: 50px;
	}

	.new-s112_main-top .logo, .new-s112_main-top .logo a {
		height: 100%;
	}

	.new-s112_main-top .logo img {
		height: 100%;
		width: auto;
		object-fit: contain;
	}

	#header {
		display: none;
		position: relative;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
	}

	#header .s112_site-nav {
		display: flex;
		flex-direction: column;
		border-bottom: none;
		margin: auto;
		padding: unset;
	}

	#header::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}

	.#header .s112_site-nav a:last-child {
		margin-right: 10px;
	}

	.s112_nav-bg-new {
		width: 100%;
		height: 2.82rem;
		background: #182A32;
	}


	.s112_league-match-nav {
		width: auto !important;
		overflow: hidden;
		overflow-x: auto;
		margin: auto;
		padding: auto;
		display: flex;
	}

	.s112_league-match-nav::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}


	.s112_match-time-nav {
		width: auto !important;
		margin: auto;
		padding: auto;
		display: flex;
		align-items: center;
		background-color: #fff;
	}

	.toolbar::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}

	.toolbar {
		width: 100%;
		overflow: hidden;
		overflow-x: auto !important;
		display: flex !important;
		list-style: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background: #f8f9fa;
		height: 2.5rem;
		scrollbar-width: none; /* firefox */
		-ms-overflow-style: none; /* IE 10+ */
	}

	.toolbar a {
		color: #212529;
		font-size: 1rem;
	}

	.toolbar a:hover {
		color: #2196f3
	}

	/* .toolbar::-webkit-scrollbar{width: 0 !important} */
	.toolbar li a {
		display: block;
		white-space: nowrap;
		padding: .5rem;
		line-height: 1.5rem;
		margin: 0 2.8rem 0 0
	}

	.toolbarv li a:hover {
		color: #f33e4f
	}

	.toolbar li.current-cat a {
		color: #f33e4f;
		position: relative
	}

	.toolbar li.current-cat a:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		border-bottom: 2px solid #f33e4f
	}

	.content-box {
		width: 100% !important;
		padding-bottom: 1px;
		display: flex;
		flex-direction: column;
	}


	.content-box .list-item {
		display: flex;
		flex-direction: column;
		padding: 0.5rem;
		align-items: unset;
		border-bottom: 1px dotted #CCC;
	}

	.content-box .list {
		display: flex;
		flex-direction: column;
	}

	.content-box .list-item .match-time {
		display: flex;
		padding-top: 1.8rem;
		padding-bottom: 1.8rem;
		justify-content: unset;
	}

	.content-box .list-item .go-box {
		margin-right: 0 !important;
		display: flex;
		justify-content: center;
	}

	.content-box .list-item .match-time a {
		width: auto !important;
		color: #333;
		font-weight: bold;
		margin-left: 30px;
		font-size: 1rem;

		line-height: 2.2rem;
		border-radius: 10px;
		padding: 0.2rem;
	}

	.content-box .list-item .go-box a {
		padding: 5px 10px 5px 10px;
		height: 1rem;
		color: #ff7e00;
		margin: 5px;
		margin-top: 1.5rem;
		border-radius: 16px;
		border: 1px solid #ff7e00;
		text-decoration: none;
		line-height: 1rem;
	}

	.s112_list-box {
		width: 100% !important;
		height: auto;
		display: flex;
		margin: auto;
		background: #FFFFFF;
	}

	.s112_list-box .right-box {
		display: none;
	}

	@media screen and (max-width: 640px) {
		p {
			line-height: 150%;
		}
	}

	@media screen and (max-width: 640px) {
		#divMain {
			width: 100%;
		}

		#divSidebar {
			display: none;
		}

		.match_s112_new_list_item_title {
			width: 95%;
		}
	}

	.conbox {
		width: 100% !important;
		padding-bottom: 1px;
		margin: 0 auto;
		padding: 0rem;
	}

	.sidebar {
		width: 100% !important;
		padding-bottom: 1px;
		position: relative;
	}

	.right_slide {
		width: 100% !important;
		height: auto;
		margin-bottom: 6px;
		margin-top: 10px;
		border: 0px #ddd solid;
		background: #FFF;
		padding: 2px 6px 8px 6px;
	}

}


.match_s112_new_list_item {
	width: 32%;
	margin:0  0.565%;
	word-break: break-all;
	font-size: 16px;
	border-bottom: 1px solid rgba(244,244,244,1);
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom:12px;
	border: 0.03rem solid rgba(222,222,222,1);
}

.match_s112_new_list_item_title {
	width:95%;
	text-align: center;
	font-family: "DINCondensedBold";
	font-size: 14px;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	min-height: 2.2rem;
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 640px) {
	.match_s112_new_list_item_title {
		width: 95%;
	}
}

.match_s112_new_list_item_title .live{
	width:50px;
	height:14px;
	margin-left: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.2rem 0.4rem;
	background:#e01c22;
	border-radius: 2px;
	font-family: PingFangSC-Semibold;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 600;
}

.match_s112_new_list_item_title .unlive{
	width:50px;
	height:14px;
	margin-left: 14px;
}

.match_s112_new_list_item_title .ishot{
	width: 22px !important;
    height: 21px !important;
    margin-left: 10px;
    margin-top: -3px;
}

.match_s112_new_list_item_title .left{
	display:flex;
	justify-content: flex-end;
}

.match_s112_new_list_item_title .live img{
	width:0.65rem;
	height:0.65rem;
	margin-right: 4px;
}

.match_s112_new_list_item_title .right{
	text-align: left;
	margin-left: 0px;
	text-decoration: none;
	width: 35%;
}

.match_s112_new_list_item_title .right img{
	width:12px;
	height:12px;
	margin-right: 4px;
}

.match_s112_new_list_item_title .right a{
	text-align: left;
	text-decoration: none;
}

.match_s112_new_list_item_title h2{
	font-weight: normal;
}

.match_s112_new_list_item_button_online {
	width:100%;
	text-align: center;
	line-height: 2.5rem;
}

.match_s112_new_list_item_info_score_span{
	font-family: "DINCondensedBold";
	font-size: 19px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	font-weight: 600;
	background: unset;
	padding: 2px 18px;
	border-radius: 2px;
}

.match_s112_new_list_item_button_online  span{
	font-family: PingFangSC-Semibold;
	font-size:14px;
	color: #009B3A;
	letter-spacing: 0;
	line-height: 18px;
	font-weight: 600;
	white-space: nowrap;
}

.match_s112_new_list_item_button_online img {
	position: absolute;
	left:10px;
	top:1px;
	width:1rem;
	height:1rem;
	margin-top: 0.2rem;
	margin-right: 0.24rem;
}

.match_s112_new_list_item_button_online a {
    position: relative;
	width: 94px;
	border: 1px solid #137a51;
	text-decoration: none;
	border-radius: 12px;
	padding: 4px 15px;
	padding-left: 35px;
	font-size: 16px;
	color: #137a51;
	font-weight: 600;
}

.match_s112_new_list_item_button {
	width:100%;
	text-align: center;
	line-height: 2.5rem;
}

.match_s112_new_list_item_button img {
	width:1rem;
	height:1rem;
	margin-top: 0.2rem;
	margin-right: 0.24rem;
}


.match_s112_new_list_item_button a {
	width: 94px;
	height: 24px;
	border: 1px solid #137a51;
	text-decoration: none;
	border-radius: 12px;
	padding: 4px 15px;
	font-size: 0.8rem;
	color: #137a51;
	font-weight: 600;
}

.match_s112_new_list_item_info {
	width:95%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	min-height: 2.5rem;
	display: flex;
	font-family: "DINCondensedBold";
	font-size: 0.8rem;
	color: #333333;
	font-weight: 600;
}

.text-align-right {
	text-align: right;
}

.text-align-left {
	text-align: left;
}

.match_s112_new_list_item_info_team {
	width: 30%;
}

.s112_main-bg-color{
		background: unset;
		border: unset;
	}

.match_s112_new_list_item_info_score {
	width: 14%;
}

.match_s112_new_list_item_info_logo {
	width: 13%;
}

.s112_new_content_h1_home {
	width:100%;
	margin-left: auto;
	margin-left: auto;
	min-height: 50px;
	line-height: 50px;

	display: flex;
	align-items: center;
}

.s112_new_content_h1_home .line{
	width: 4px;
	height: 18px;
	margin-right: 12px;
	background: #137a51;
	border-radius: 2px;
}

.s112_new_content_h1_home h1{
	font-family: "DINCondensedBold";
	font-size: 18px;
	color: #137a51;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 600;
}

.s112_new_content_h1 {
	width:100%;
	background-color: #F2F5FF;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
}

.s112_new_content_h1 h1{
	font-family: "DINCondensedBold";
	font-size: 0.8rem;
	color: #137a51;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 600;
	text-transform: uppercase;
}

.s112_leagua-match-list-root{
	width:100%;
	display: flex;
	flex-direction: column;
	font-family: Helvetica;
}

.leagua-logo-r{
	height: 98px;
	background: #9353ED;
	display: flex;
	align-items: center;
}

.leagua-name{
	margin-left: 12px;
	font-family: Helvetica-Bold;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0;
	line-height: 16px;
	font-weight: 700;
}

.leagu-logo-bg{
	margin-left: 19px;
	width: 56px;
	height: 56px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.leagu-logo-bg img{
	width:42px;
	height:42px;
	border-radius: 50%;
}

.s112_leagua-match-list-navs{
	margin-top:15px;
	margin-left: 15px;
	display: flex;
}

.s112_leagua-match-list-navs .nav-item{
	margin-right:5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 9px;
	font-family: Helvetica;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	text-align: center;
	font-weight: 700;
	cursor: pointer;
	background: rgba(255,255,255,0.30);
	border-radius: 3px;
}

.s112_leagua-match-list-navs  .active{
	background: #8e4dea !important;
	font-family: Helvetica-Bold;
	color:#fff !important;
	border-radius: 3px;
}

.s112_leagua-match-list-content{
	margin-top:15px;
	display: flex;
}


.s112_leagua-match-list-content .no-show{
	display: none;
}

.s112_leagua-match-list-content .cotent-item{
	width:100%;
}

.s112_leagua-match-list-title {
    margin:0.4rem 0;
	background: #9353ED !important;
	min-height: 50px;
	line-height: 50px;
	display: flex;
	padding-left: 15px;
	font-family: Helvetica-Bold;
	font-size: 12px;
}

.s112_leagua-match-list-title h1{
	color: #fff;
	letter-spacing: 0;
	font-weight: 700;
}

.s112_leagua-match-list-title h2{
	color: #666666;
	letter-spacing: 0;
	font-weight: 700;
	font-family: unset !important;
}

.s112_leagua-match-list{
	display: flex;
	flex-direction: column;
	flex:1;
}

.leagua-swiper-item{
	margin:0 15px 15px 15px;
	padding: 0 11px 0 11px;
	height:40px;
	background: #8e4dea;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	font-family: PingFangSC-Semibold;
	font-size: 10px !important;
}

.leagua-swiper-item .left{
	display: flex;
	align-items: center;
}

.leagua-swiper-item  span{
	margin-right: 11px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.go-lich-thi{
	cursor: pointer;
	margin:10px 0;
}

@media only screen and (max-width: 640px) {
	
}

.leagua-swiper-item .num{
	font-size: 18px;
}

.leagua-swiper-item .right{
	display: flex;
	align-items: center;
	color:#fff;
}

.leagua-swiper-item .right .logo{
	width:19px;
	height:19px;
	margin-right: 5px;
	border-radius: 50%;
}

.leagua-swiper-item .right .arrow{
	width:6px;
	height:8px;
}

.leagua-match-tip{
	margin-left: 10px;
	display: flex;
	align-items: center;
	padding:5px;
	font-size: 12px;
	color: #fff;
}

.leagua-match-tip a{
	text-decoration: none;
	color: #666666;
}

.s112_leagua-match-item{
	display: flex;
	align-items: center;
	padding:5px;
	border-bottom: 1px solid #f3f4f5;
	background: #fff;
	cursor: pointer;
}



.s112_leagua-match-item .teams{
	position: relative;
	display: flex;
	flex:1;
	flex-direction: column;
	margin-right: 15px;
	margin-left:10px;
}

.s112_leagua-match-item .teams .item{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.s112_leagua-match-item .teams .time{
	position: absolute;
	right:25px;
	top:28%;
	color: #909090 !important;
	letter-spacing: 0;
	font-family: Helvetica-Bold;
	font-size: 12px;
}

.s112_leagua-match-item .teams .p-top{
	margin-top: 5px;
}

.s112_leagua-match-item .teams .item div{
	display: flex;
	align-items: center;
}

.s112_leagua-match-item .teams .item img{
	width:18px;
	height:18px;
	border-radius: 50%;
}

.s112_leagua-match-item .teams .item span{
	margin-left: 10px;
	color: #333333;
	letter-spacing: 0;
	line-height: 10px;
	font-weight: 400;
	font-size: 12px;
}

.s112_leagua-match-item .teams .item p{
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	font-family: DINAlternate-Bold;
	font-size: 14px;
}

.s112_new_content_h1 h2{
	font-family: "DINCondensedBold";
	font-size: 18px;
	color: #137a51;
	letter-spacing: 0;
	line-height: 50px;
	font-weight: 600;
	text-transform: uppercase;
}
.s112_new_box_content {
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}



.s112_new_box_content .match_daohang {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 1rem;
	margin-top:1.13rem;
	color: #ffffff;
}

.s112_new_box_content .match_daohang div{
	display: flex;
    white-space: nowrap;
    overflow-x: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0.88rem;
}
.s112_new_box_content .match_daohang div::-webkit-scrollbar{
	display: none;
}

.match_s112_new_list_item_more {
	color: #999999;
	width: 100%;
	font-size: 0.875rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}

.match_s112_new_list_item_more  a{
	color: #999999;
	text-decoration: none;
}
.mathc_more{
	margin-top:1rem;
	cursor: pointer;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #f3f4f5;
}
.mathc_more1{
	margin-top:1rem;
	cursor: pointer;
	display: block;
}
.mathc_more2{
	margin-top:1rem;
	cursor: pointer;
	display: block;
}
.mathc_more3{
	margin-top:1rem;
	cursor: pointer;
	display: block;
}

@media only screen and (max-width: 640px) {
	.match_s112_new_list_item {
		width: 100%;
		word-break: break-all;
		font-size: 14px;
		border: none;
		padding: 20px 10px 10px;
		background: url(/static/images/s112/new_match-banner-bg.webp) no-repeat center center;
		border-radius: 0;
		border-left: 0 !important;
		border-right: 0 !important;
		margin: 5px 10px 8px 10px;
		overflow: hidden;
	}

	.s112_new_box_content .s112_new_box_content_dom{
		padding: 0 0.75rem;
	}

	.match_s112_new_list_item_title {
		width:95%;
		text-align: center;
		font-family: "DINCondensedBold";
		font-size: 12px;
		color: #666666;
		margin-left: auto;
		margin-right: auto;
		min-height: 2.2rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


	.match_s112_new_list_item_title .left{
		font-family: PingFangSC-Semibold;
		display: flex;
		width: auto !important;
		justify-content: flex-start;
		overflow: hidden;
	}
	

	.match_s112_new_list_item_title span{
		margin-left:0px;
		white-space: pre;
		color: #ffffff;
	}

	.match_s112_new_list_item_title .right{
		margin-right: 0px;
		text-decoration: none;
		width: 35% !important;
		text-align: right !important;
	}
	
	.match_s112_new_list_item_title .right img{
		width:12px;
		height:12px;
		margin-right: 4px;
	}
	
	.match_s112_new_list_item_title .right a{
		text-align: left;
		text-decoration: none;
	}

	.match_s112_new_list_item_title .right{
		display: flex;
		text-decoration: none;
		width: unset !important;
		margin: unset;
}

.match_s112_new_list_item_title .right img{
	width:12px;
	height:12px;
	margin-right: 8px;
}

.match_s112_new_list_item_title .right a{
	text-align: left;
	text-decoration: none;
}

	.match_s112_new_list_item_title h2{
		font-weight: normal;
	}

	.match_s112_new_list_item_button_online {
		margin-top:10px;
		width:100%;
		line-height: normal !important;
	}

	.match_s112_new_list_item_button_online a {
		position: relative;
		width:auto !important;
		border: 1px solid #137a51;
		text-decoration: none;
		border-radius: 12px;
		padding: 4px 15px;
		padding-left: 35px;
		font-size: 16px;
		color: #137a51;
		font-weight: 600;
	}

	.match_s112_new_list_item_button {
		width:100%;
		text-align: center;
		line-height: 2.5rem;
	}

	.match_s112_new_list_item_button a {
		width: 90%;
		height: 38px;
		line-height: 38px;
		text-decoration: none;
		border: none;
		background: #10ad6d;
		border-radius: 3px;
		padding: 0px 12px;
		font-size: 18px;
		color: #ffffff;
		font-weight: 700;
		display: inline-block;
	}

	.match_s112_new_list_item_info {
		width:95%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		min-height: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: "DINCondensedBold";
		font-size: 16px;
		color: #ffffff;
		font-weight: 600;
		margin-top: 10px;
	}

	.match_s112_new_list_item_info_l, .match_s112_new_list_item_info_r{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.match_s112_new_list_item_info_team {
		width: 90%;
		margin: 10px 0 20px 0;
		font-family: PingFangSC-Semibold;
	}

	.default_team_img{
		margin: 8px;
	}


	.match_s112_new_list_item_info_score {
		width: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
	}

	.match_s112_new_list_item_info_logo {
		background: #ffffff;
		border-radius: 100px;
		width: auto;
		overflow: hidden;
	}

	.bf_dom{
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left: 5px solid #ffffff;
		display: inline-block;
	}

	.s112_new_content_h1 {
		width:100%;
		margin-left: auto;
		background-color: #141417;
		min-height: 34px;
		line-height: 34px;
		text-align: center;
	}

	.s112_new_content_h1 h1{
		font-family: "DINCondensedBold";
		font-size: 16px;
		color: #137a51;
		letter-spacing: 0;
		line-height: 34px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.s112_new_content_h1 h2{
		font-family: "DINCondensedBold";
		font-size: 16px;
		color: #137a51;
		letter-spacing: 0;
		line-height: 34px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.s112_new_box_content {
		width: 100%;
		max-width: 1300px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

.s112_bottom-icon a{ margin-left: 0.44rem; margin-top: 0.44rem; text-decoration: none !important;}


.share-btn {
	width: 2.6rem;
	height: 2.6rem;
	background: #8e4dea;
	background-size: 50% 50%;
	border-radius: 50%;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0.02rem 0.09rem rgba(0, 0, 0, 0.13);
	opacity: 1;
}
.share-btn input {
	border: none;
	width: 2.6rem;
	height: 2.6rem;
	display: block;
	cursor: pointer;
	background: url(/static/images/s112/share.png) no-repeat center center;
	border-radius: 50%;
	background-size: 50%;
}

.download {
	width: 65px;
	height: 80px;
	position: fixed;
	bottom: 4rem;
	right: 0.4rem;
	z-index: 999;
	display: flex;
	background:url(/static/images/s112/downloadBtn.webp) no-repeat center center;
	background-size: 100% 100%;
	justify-content: center;
	align-items: center;
	opacity: 1;
	-webkit-animation: pulse 1s linear infinite alternate;
   -moz-animation: pulse 1s linear infinite alternate;
   animation: pulse 1s linear infinite alternate;
}

.download .a{
	width:100%;
	height:100%;
}

@keyframes pulse {
	0% {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	100% {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }


.s112_shareCont{
	display: none;
	width: 100%;
    height: 15rem;
    position: fixed;
    bottom: 0rem;
    background: #ffffff;
    z-index: 99;
    box-shadow: 0px 5px 22px 0px rgb(70 70 70 / 25%);
    border-radius: 5% 5% 0% 0%;
}
.s112_shareCont .list{
	display: flex;
    align-items: center;
    margin-top: 80px;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.s112_shareCont .title {
	display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    font-size: 16px;
	margin-top: 20px;
}
.s112_shareCont .list::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.s112_shareCont .cancel{
	display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 1.2rem;
    left: 0;
    right: 0;
    font-size: 16px;
	cursor: pointer;
}
.s112_shareCont .list .item{
	display: flex;
    align-items: center;
    flex-direction: column;
	min-width: 100px;
}

.s112_shareCont .list .item img{
	width: 3rem;
	height: 3rem;
}
.s112_shareCont .list .item p{
	font-size: 16px;
}
.re{
	position: relative;
	max-width: 1300px;
	margin:0 auto;
	overflow: hidden;
}


.s112_detail-box{
	width: 100%;
	max-width:1300px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
  }


  .tabs-box{
   width: 450px !important;
   margin:0 auto;
   margin-left: 16px !important;

  }


  .phone-view{
	  display: none !important;
  }

  .phone-view-footer{
	display: none !important;
  }

  .pc-view{
	display: -webkit-box !important;
  }

  .pc-view-footer{
	display: block !important;
  }

#match-des {
	padding: 16px;
	box-sizing: border-box;
	line-height: 1.71rem;
	height: 240px;
	overflow-y: auto;
}
  #match-des::-webkit-scrollbar{
	  display: none;
  }
#match-des p{
	margin-bottom: 1rem;
}
#match-des a{
	color:#137a51;
}

.div-screen, .match_team_button{
	display: none !important;
}

.about_dom{
	color: #FFFFFF;
	font-size: 0.8rem !important;
}

.nbsp{
	padding: 0 10px;
}

.ht_dom{
	background: #ffffff;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0.75rem;
	box-sizing: border-box;
}
.ht_dom .c14{
	width: 100%;
}
.ht_dom .c14 td,
.ht_dom .c14 td p,
.ht_dom .c14 td p span{
	font-family: Helvetica;
    font-size: 0.75rem;
    color: #666666;
}
.ht_dom p{
	line-height: 28px;
	font-family: Helvetica;
    font-size: 0.75rem;
    color: #666666;
}
.ht_dom ul li {
	margin-left: 20px;
	line-height: 28px;
	font-family: Helvetica;
    font-size: 0.75rem;
    color: #666666;
}
.ht_dom h1{
	text-align: center;
}
.ht_dom h1 ,.ht_dom h2{
	font-family: Helvetica;
	color: #333333;
	line-height: 28px;
	font-weight: 900;
}
.ht_dom img{
	max-width: 50% !important;
}

.top_zd{
	width: 100%;
	display: flex;
	float: left;
}

@media only screen and (max-width: 640px) {
	.isShow_p_m{
		display: none;
	}
	.s112_live_detail,.video-infos {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 221px !important;
    }


	.match_s112_new_list_item_title .live {
		background: #137a51;
	}
	.s112_main-bg-top{
		position: relative;
		height: unset;
	}
	.s112_item_live_urls {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 8px 0 0 0;
		overflow-x: auto;
		box-sizing: border-box;
		width: 95%;
		margin: 0 auto;
		font-size: 12px;
		color: #10AD6D;
	}

	.s112_item_live_urls::-webkit-scrollbar {
		display: none;
	}

	.s112_item_live_urls_i {
		display: flex;
		align-items: center;
		color: #10ad6d;
		padding: 0 4px;
		white-space: nowrap;
		font-family: PingFangSC-Semibold;
	}

	.s112_item_live_urls_i img {
		width: 18px;
		height: 18px;
		border-radius: 100px;
		margin-right: 8px;
		margin-top: unset;
		object-fit: contain;
	}

	.hot-text .right {
		display: block;
	}

	.s112_detail-box {
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}

	.phone-view {
		display: -webkit-box !important;
		z-index: 9999;
	}

	.pc-view {
		display: none !important;
	}

	.pc-view-footer {
		display: none !important;
	}

	.phone-view-footer {
		display: block !important;
	}

	.s112_live_detail {
		position: sticky;
		top: 0;
		background-color: #ffffff;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.tabs-box {
		width: 100% !important;
		margin: 0 auto;
		border: none !important;
		margin-left: 0 !important;
	}

	.s112_league-match-nav a{
		font-size: 20px;
	}
	.tag-item {
		position: relative;
		flex-shrink: 0;
		font-family: "DINCondensedBold";
		font-size: 20px;
		letter-spacing: 0;
		text-decoration: none;
		line-height: 1.25rem;
		font-weight: 700;
		padding: 0.55rem 0.5rem 0.16rem 0.5rem;
		box-sizing: border-box;
		display: inline-flex;
		overflow: hidden;
		border-radius: 4px;
		background: unset;
		color: #a7a7a8;
		border-bottom: 3px solid #141417;
	}

	.tag-item1, .tag-item2, .tag-item3, .tag-item4 {
		background: unset;
		color: #ffffff;
		border-radius: unset;
		border-bottom: 3px solid #137a51;
	}


	#header .s112_site-nav a {
		margin-right: unset;
		height: 55px;
		line-height: 55px;
		padding: 0px 15px;
		display: grid;
		overflow-y: clip;
		border-radius: unset;
		font-weight: 500;
		font-size: 20px;
		font-family: Helvetica-Bold;
	}

	.screen-content-list {
		width: 100%;
		display: flex;
		overflow: unset !important;
		overflow-x: auto !important;
		flex-direction: unset !important;
		flex-wrap: unset !important;
	}

	.screen-content-list::-webkit-scrollbar {
		display: none;
	}

	.screen-content-list div {
		white-space: nowrap;
	}

	.match-list-content {
		height: 240px;
		overflow-y: auto;
	}
	#header .s112_site-nav .select{
		color: #ffffff;
	}
	.match_s112_new_list_item_button_online span{
		color: #FFFFFF;
	}
	.tag-list{
		padding: 0px 10px 0 10px;
		overflow: unset;
		align-items: center;
	}
}

@media only screen and (min-width: 640px) {
	.s112_tag_title{
		margin-bottom: 10px;
	}
	.nav-bg-n-p{
		display: none;
	}
	.line_utt_left p, .huanren_info{
		color: #666666 !important;
	}
	.s112_tag-bg{
		width: 100% !important;
	}
	.match_s112_new_list_item_info_score span{
		font-size: 16px;
		font-weight: 600;
		color: #FFFFFF;
	}
	.match_s112_new_list_item_button::before {
		content: "";
		position: absolute;
		top: 0;
		left: -20px;
		width: 0;
		height: 0;
		border-top: 62px solid transparent;
		border-bottom: 60px solid transparent;
		border-right: 20px solid #137a51;
	}
	.match_s112_new_list_item_info_score_span {
		font-size: 24px;
		padding: 3px 10px;
		background-color: #0dad6d;
		border-radius: 5px;
	}

	.s112_league-match-nav {
		overflow-x: auto;
	}

	.s112_nav-bg-new {
		background: unset;
		box-shadow: unset;
	}

	.s112_league-match-nav {
	}

	.s112_item_live_urls {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 8px 0 0 0;
		overflow-x: auto;
		box-sizing: border-box;
		width: 95%;
		margin: 0 auto;
		font-size: 12px;
		color: #10AD6D;
		font-family: PingFangSC-Semibold;
	}

	.s112_item_live_urls::-webkit-scrollbar {
		display: none;
	}

	.s112_item_live_urls_i {
		display: flex;
		align-items: center;
		color: #10ad6d;
		padding: 0 4px;
		white-space: nowrap;
	}

	.s112_item_live_urls_i img {
		width: 18px;
		height: 18px;
		border-radius: 100px;
		margin-right: 8px;
		margin-top: unset;
		object-fit: contain;
	}

	.s112_bottom-info-link, #footer p {
		color: #333333;
	}

	.match_s112_new_list_item_info_logo {
		width: 70px;
		height: 70px;
		border-radius: 100px;
		overflow: hidden;
	}

	.match_s112_new_list_item_info_logo img {
		width: 70px;
		height: 70px;
	}

	.match_s112_new_list_item {
		position: relative;
		width: 48%;
		background: url(/static/images/s112/new_match-banner-bg.webp) no-repeat center center;
		border-radius: 0px;
		border: none;
		overflow: hidden;
	}

	.match_s112_new_list_item_button {
		position: absolute;
		right: 0;
		bottom: 0px;
		width: unset;
	}

	.match-list-content {
		height: 300px;
		padding: 10px;
		overflow-y: auto;
		margin-top: unset;
	}

	.match-list-content::-webkit-scrollbar {
		display: none;
	}

	body {
	}

	.new-s112_main-top .logo {
		margin: unset;
	}

	.site-za {
		content: "";
		width: 0;
		height: 0;
		border-color: transparent #FFFFFF;
		border-width: 0 0 3.56rem 0.66rem;
		border-style: solid;
	}

	#header .s112_site-nav .select {
		color: #ffffff;
		position: relative;
		z-index: 0;
		background: rgba(255,255,255,0.30);
		border-radius: 6px;
	}

	#header .s112_site-nav {
		margin: unset;
		padding: unset;
		height: 100%;
		display: flex;
		align-items: center;
		margin-left: -3px;
	}

	#header .s112_site-nav a {
		color: #727274;
		background: unset;
		text-transform: uppercase;
		font-weight: 550;
		padding: 0 0.6rem;
		border-radius: unset;
		padding: 5px 15px;
	}

	#header {
		height: 100%;
	}

	.s112_main-title-dom {
		width: 1300px;
		margin: 0 auto;
	}
	.s112_main-bg-top {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(/static/images/t21/main_bg_pc.webp);
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.s112_view-pc-container {
		width: 1300px;
		display: flex;
		align-items: center;
		height: 100%;
	}

	.new-s112_main-top, .new-s112_main-top .logo, .new-s112_main-top .logo a {
		height: 100%;
	}

	.new-s112_main-top {
		padding: unset;
		margin: unset;

	}
	.new-s112_main-top{
		flex-direction: row-reverse;
	}
    .new-s112_main-top-logo{
		margin-right: 12px;
        /* display: none !important; */
    }

	.new-s112_main-top .logo img {
		height: 100%;
		width: auto;
		object-fit: contain;
	}

	.s112_league-match-nav a, .match_s112_new_list_item_title .left, .s112_main-title{
		font-family: PingFangSC-Semibold;
	}

	.tag-item {
		flex-shrink: 0;
		font-family: PingFangSC-Semibold;
		font-size: 20px;
		letter-spacing: 0;
		text-decoration: none;
		line-height: 1.25rem;
		font-weight: 700;
		padding: 0.24rem 0.5rem 0 0.5rem;
		margin: 0.55rem 0.5rem 0.66rem 0.5rem;
		color: #FFFFFF;
	}

	.s112_new_box_content {
	}

	.tag-item1, .tag-item2, .tag-item3, .tag-item4 {
		background: unset;
		color: #137a51;
		border-radius: unset;
		border-bottom: 3px solid #137a51;
	}

	.match_s112_new_list_item_info_team {
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 700;
		line-height: 150%;
		width: unset;
		font-family: PingFangSC-Semibold;
	}

	.hot-text .right {
		display: none;
	}

	.s112_more_click {
		display: none;
	}

	.match_s112_new_list_item_info {
		align-items: center;
		justify-content: space-between;
		min-height: 135px;
		margin: 20px auto;
	}

	.match_s112_new_list_item_info_l, .match_s112_new_list_item_info_r {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.match_s112_new_list_item_info_score {
		width: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
	}

	.match_s112_new_list_item_button a {
		width: unset;
		height: 50px;
		line-height: 50px;
		text-decoration: none;
		border: none;
		background: #137a51;
		border-radius: unset;
		padding: 4px 12px;
		font-size: 12px;
		color: #ffffff;
		font-weight: 600;
		display: inline-block;
		font-family: PingFangSC-Semibold;
	}

	.match_s112_new_list_item_title .live {
		width: 50px;
		height: 14px;
		margin-left: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.2rem 0.4rem;
		background: #137a51;
		border-radius: 2px;
		font-family: PingFangSC-Semibold;
		font-size: 12px;
		color: #FFFFFF;
		letter-spacing: 0;
		font-weight: 600;
	}

	.match_s112_new_list_item_title .right {
		text-align: left;
		margin-left: 0px;
		text-decoration: none;
		width: 35%;
		display: flex;
		justify-content: flex-end;
	}

	.match_s112_new_list_item_button_online span {
		margin: 10px 0;
		display: inline-block;
	}

	.match_s112_new_list_item_title {
		white-space: nowrap;
		justify-content: space-between;
		color: #FFFFFF;
	}
}



#dplayer {
    width: 100%;
    height: 100%;
	position: relative;
	min-height: 221px !important;
}

.dplayer-video-wrap .dplayer-video-current {
    object-fit: fill;
}

.did_not_start{
	position: absolute;
    left: 50%;
    top: 50%;
    width: 12.5rem;
    height: 1.875rem;
    border: 1px solid #137a51;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	transform: translate(-50%, -50%);
	color: #FFFFFF !important;
	font-family: PingFangSC-Semibold;
}


/*js绘制ui*/
.s112_new_box_content .s112_new_box_content_dom{
	display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
}

.s112_new_box_content_dom_show {
	display: flex !important;
}
.s112_new_box_content_dom_show .match_s112_new_list_item{
	border-radius: 12px;
}
.s112_new_box_content_dom_none {
	display: none !important;
}

.s112_new_box_content_dom > i{
	width: 32.95%;
}


.ez-toc-icon-toggle-span  img {
	width: 20px;
	height: 20px;
}

@media only screen and (max-width: 640px) {
  ul.menu .active > .items img{
    max-width: 93.5% !important;
  }

	.match_daohang div, .match_daohang div a {
		color: #999999 !important;
	}

	.s112_leagua-match-list-navs .nav-item {
		background-color: #f1f5f8;
		color: #666666;
	}

	.leagua-match-tip {
		color: #666666 !important;
	}
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    right: 0;
}

#video-root {
	position: relative;
}

.dplayer-gif-dom {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 118px;
	height: 32px;
	display: flex;
	align-items: center;
	background: url("/static/images/s112/s112-dplayer-bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 5px;
	font-style: italic;
	z-index: 999999999;
}
.dplayer-gif-dom a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.dplayer-gif-dom img {
	height: 32px;
	width: 32px;
	margin-left: 2px;
}

.dplayer-gif-dom span {
	display: block;
	padding: 0 10px;
	color: #46d2e6;
	font-weight: 900;
	font-size: 24px;
}



.bottomicon-navLinks{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}

.bottomicon-navLinks a {
    margin-left: 0.44rem;
    margin-top:unset;
    text-decoration: none !important;
}

.bottomicon-navLinks a{
    margin: 5px 0;
}

.bottomicon-navLinks a img {
    margin-top: unset !important;
    width: unset !important;
    height: 32px !important;
    margin: 0 5px 0 5px;
}

@media only screen and (max-width: 640px) {
  .bottomicon-navLinks{
      display: flex;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
  }
}


.navlink-color{
    color:#00e758 !important;
	font-weight: 600!important;
	font-size: 16px!important;
}