/*
Copyright (c) 2008, www.56.com All rights reserved.
mm_base.css, part of 56.com Products CSS Foundation
Last Modify By Sonic 2009-1-20
*/

/* clearing */
* {
	padding: 0px;
	margin: 0px;
}

.stretch,
.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1px;
}

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

* html > body .clearfix,
* html > body .content {
	width: 100%;
}

* html .clearfix,
* html .content {
	height: 1%;
}

html .clearfix,
html .content {
	height: 1%;
}

/* end clearing */

*html {
	background-attachment: fixed;
}

* html {
}

html {
}

body {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #f6f6f6;
}

body > div {
	margin-right: auto;
	margin-left: auto;
}


label {
	cursor: hand;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd {
	margin: 0px;
	padding: 0;
	text-align: left;
}

img {
	border: 0;
	margin: 0;
}

form {
	margin: 0px;
	padding: 0px;
}

input,
select {
	font-size: 12px;
	vertical-align: middle;
}

a,
table,
div,
p,
ul,
li,
td,
pre,
dt,
dd,
select,
input,
textarea {
	font-weight: normal;
	font-size: 12px;
	font-family: Microsoft YaHei, \5fae\8f6f\96c5\9ed1, sans-serif, tahoma, arial,
		simsun, \5b8b\4f53;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #0270b4;
}


a.noline {
	text-decoration: none;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.fclear {
	clear: both;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.tcenter {
	text-align: center;
}

.big {
	font-size: 14px;
}

.orange {
	color: #ff6600;
}

.red {
	color: #ff4444;
}

.red2 {
	color: #ff4444;
	margin-left: 10px;
}

.red3 {
	color: red;
}

.blue {
	color: blue;
}

.green {
	color: green;
}

.blue1 {
	color: #167093;
}

.blue2 {
	color: #3751a6;
}

.bold {
	font-weight: bold;
}

.black {
	color: #000;
}

.black2 {
	color: #333;
}

.hui {
	color: #999;
}

.hui2 {
	color: #666;
}

.gray {
	color: gray;
}

/* base Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- header --*/
.header {
	position: relative;
	width: 1200px;
	height: 80px;
	display: flex;
	justify-content: space-between;
}

.header .logo {
	display: block;
	width: 210px;
	text-align: left;
	background-size: 100% 100%;
}

.header .narrow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width:100%;
}

.header .narrow span {
	width: 123px;
	height: 30px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #071531;
}

.header .header-right {
	width: 540px;
	height: 50px;
	margin-top: 15px;
	/* background: url(../images/logoBall.png); */
	background-size: 100% 100%;
	text-align: left;
	overflow: hidden;
}

.header .header-right a {
	display: block;
	width: 100%;
	height: 100%;
}

.header .header-right .header-right-ico {
	margin-top: 9px;
	margin-left: 20px;
	float: left;
}

.header .header-right .header-right-tit {
	margin-top: 23px;
	margin-left: 30px;
	font-size: 24px;
	color: #000;
	float: left;
}

.header .header-right .header-right-info {
	margin-top: 31px;
	margin-left: 10px;
	font-size: 16px;
	color: #071531;
	float: left;
}

.header .gg_info {
	margin-top: 5px;
	float: right;
}

.header .sys_info {
	position: absolute;
	left: 190px;
	top: 2px;
	text-align: left;
	width: 70px;
}

.header .sys_info p {
	padding: 6px 0 0 0;
	text-align: right;
}

.header .sys_info p a {
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #ccc;
}

.header .sys_info p .mv {
	font-size: 12px;
	line-height: 14px;
	padding-left: 20px;
}

.header .sys_info p .alt {
	border-right: 0;
	padding-right: 0;
}

/*-- menu --*/
.menu {
	position: relative;
	z-index: 999;
	width: 1200px;
	height: 32px;
	padding-top: 3px;
	border: 1px solid #adcbeb;
}

.menu .tab_menu {
	float: left;
	height: 32px;
}

.menu .tab_menu ul {
	padding: 0 0 0 9px;
}

.menu .tab_menu li {
	position: relative;
	bottom: -1px;
	float: left;
	_width: 32px;
	margin-right: -1px;
}

.menu .tab_menu li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 7px 20px;
	white-space: nowrap;
}

.menu .tab_menu li .arrow {
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: 2px;
	*vertical-align: 4px;
	width: 11px;
	height: 6px;
	margin-left: 2px;
}

.menu .tab_menu .active {
}

.menu .tab_menu .active a {
}

.menu .tab_menu .sub_list {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 31px;
	width: 140px;
	height: auto;
	padding: 6px 0;
	background: #fff;
	border: 1px solid #adcbeb;
}

.menu .tab_menu .sub_list a {
	display: inline;
	float: left;
	width: 50px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	height: auto;
	margin: 5px 0;
	margin-left: -1px;
	padding: 0 10px;
	background: #fff;
	border-left: 1px solid #ccc;
}

.menu .tab_menu .menu_video {
	display: none;
}

/* add by jk 20090223*/
.menu .search {
	position: relative;
	display: inline;
	float: right;
	text-align: right;
	margin: 0 10px 0 0;
	padding-top: 0;
}

.menu .search .inp_search {
	color: #333;
	width: 342px;
	line-height: 16px;
	height: 16px;
	padding: 3px 0 4px 4px;
	border: 1px solid #abcaeb;
}

.menu .search .btn_search {
	font-size: 0;
	line-height: 999px;
	width: 53px;
	height: 28px;
	border: 0;
	cursor: pointer;
}

/*-- sort_menu --*/
.sort_menu {
	text-align: left;
	width: 1200px;
	margin: 14px auto 0 auto;
}

.sort_menu a {
	float: left;
	line-height: 14px;
	padding: 0 8px;
	border-right: 1px solid #ccc;
}

.sort_menu .first {
	padding-left: 0;
}

.sort_menu .last {
	padding-right: 0;
	border: 0;
}

.sousuo {
	margin: 0 auto;
	width: 1200px;
	height: 36px;
	overflow: hidden;
}

.sousuo div {
	padding: 10px;
	text-align: center;
}

.sousuo a {
	margin-right: 10px;
}

.sousuo .active {
	color: #000;
}

/* autoType */

/*-- footer --*/
.footer {
	width: 650px;
	margin-bottom: 10px;
}

.footer .narrow {
	overflow: hidden;
	width: 648px;
	margin: 0 auto;
	border: 1px solid #adcbeb;
}

.footer dl {
	float: left;
	text-align: left;
	width: 638px;
	display: inline;
	margin: 10px;
}

.footer dd {
	float: left;
	width: auto;
	margin-right: 20px;
}

.footer dd span {
	line-height: 24px;
	word-break: keep-all;
	color: blue;
	cursor: default;
}

.footer dd ul li a {
	line-height: 16px;
}

.cp {
	width: 610px;
	margin: 10px;
	padding: 0 10px;
}

.cp a {
	margin-right: 20px;
	line-height: 25px;
}

.copyright {
	width: 100%;
	margin-top: 25px;
	line-height: 162px;
	background-color: #071531;
	text-align: center;
}

.copyright p {
	text-align: center;
	color: #c4c5c5;
	font-size: 14px;
}

.copyright p span {
	padding: 0 6px;
}

.copyright h1 {
	font-size: 12px;
	text-align: center;
	color: gray;
}

.middiv {
	width: 100%;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	height: auto;
	position: relative;
	display: inline-block;
	text-align: center;

	min-height: 360px;
}
.middiv-content {
	width: 1200px;
	margin: 0 auto;
}

.col_01 {
	float: left;
	text-align: left;
	width: 920px;
	margin-top: 20px;
	padding-bottom: 5px;
}

.col_02 {
	width: 100%;
	margin-right: 24px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	background-color: #ffffff;
}

.box-top-solid {
	height: 3px;
	background-color: #0270b4;
}

.dspno {
	display: none;
}

.title1 {
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	padding: 21px 24px 12.5px 24px;
	font-size: 18px;
}

.sjb {
}

.title2 {
	height: 18px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	line-height: 24px;
	background: #f1f6fb;
	padding-left: 5px;
	font-weight: bold;
	/* font-size:12px; */
	border-bottom: 1px dotted #ccc;
}


.col_02 ul {
	list-style: none;
	/* padding:10px; */
	margin: 0;
}

.col_02 ul .ld {
	text-align: center;
}

.col_02 ul li {
	/* width:628px; */
	width: 100%;
	/* padding:5px 0; */
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	clear: both;
	overflow: hidden;
	/*text-indent:5px;
	word-break:keep-all;*/
}

.col_02 ul .noboder {
	border-bottom: 0px;
}

/* 0416 */
.col_02 ul li .tit {
	float: left;
	line-height: 25px;
}

.col_02 ul li .tit a {
	margin-left: 10px;
	color: black;
	text-decoration: none;
}

.col_02 ul li .con {
	*float: left;
	padding-left: 10px;
	word-break: keep-all;
	overflow: hidden;
	line-height: 25px;
	position: relative;
}

.col_02 ul li .con span {
	color: blue;
	cursor: default;
	margin-right: 10px;
}

.col_02 ul li .con a {
	line-height: 25px;
}

.col_02 ul li .scinfo {
	border: 1px dotted #ff9900;
	padding: 5px 10px;
	clear: both;
	line-height: 20px;
	margin: 5px 10px 10px 45px;
	color: gray;
}

.col_02 ul li .tit2 {
	line-height: 25px;
}

.col_02 ul li .tit2 a {
	margin-left: 10px;
	color: black;
}

.col_02 ul li .tit2 font {
	margin-left: 10px;
	font-size: 12px;
}

.col_02 ul li .tit2 .gray {
	color: gray;
}

.col_02 ul li .tit2 .saisinfo {
	float: right;
	margin-right: 3px;
}

.col_02 ul li .tit2 .saisinfo a {
	margin-left: 5px;
}

.col_02 ul li .tit2 .qiuyi {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.col_02 ul li .digest {
}

.col_02 ul li .digest a {
	font-weight: bold;
}

.col_02 ul li .digest font {
	font-weight: bold;
}

.col_02 ul li .con2 {
	padding-left: 45px;
	overflow: hidden;
	line-height: 25px;
	margin: 5px 0 15px 0;
}

.col_02 ul li .con2 span {
	color: blue;
	cursor: default;
	margin-right: 10px;
}

.col_02 ul li .con2 a {
	line-height: 25px;
	margin-right: 10px;
}

/*.col_02 ul li .con2 a:visited{color:gray;}*/
.col_02 ul li .scinfo {
	border: 1px dotted #ff9900;
	padding: 5px 10px;
	clear: both;
	line-height: 20px;
	margin: -5px 10px 10px 45px;
	color: gray;
}

/* end */

.col_02 ul li .con a {
	margin-right: 10px;
}

.col_02 ul li .con a span {
	margin-right: 0px;
	cursor: pointer;
	color: #db2c30;
}

.col_02 ul li .con h3 {
	font-size: 12px;
}

.col_02 ul li .nomg {
	padding: 0 0 0 10px;
	margin: 0;
}

.col_02 ul li .nomg a {
	float: left;
	width: 188px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}

.col_r1 {
	float: right;
	text-align: left;
	width: 258px;
	margin-top: 20px;
	/* margin-top: 15px; */
	/* padding-top: 50px; */
	margin-bottom: 5px;
}

.col_01_box {
	width: 1200px;
	margin: 0px auto;
	display: inline-block;
	border: 1px solid red;
}

.box-visiting {
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	background-color: #ffffff;
}

.a_hover_none {
	padding: 5px 10px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 5px;
}

.a_hover_none:hover {
	background: #f5f8ff;
/* 	border: 1px solid #0270b4; */
}

.box-visiting-top {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #8c8c8c;
	display: flex;
	justify-content: space-between;
}

.box-visiting-content {
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
}

.box-visiting-content a:hover {
	text-decoration: none;
}

.box-visiting-content:nth-child(3) {
	border-top: 2px solid #ceecff;
	background-color: #f5fbff;
}

.box-visiting-content:nth-child(4) {
	border-top: 2px solid #e9ffce;
	background-color: #fafff5;
}

.box-visiting-content:nth-child(5) {
	border-top: 2px solid #e9ffce;
	background-color: #fafff5;
}

.box-visiting-content:nth-child(6) {
	border-top: 2px solid #e9ffce;
	background-color: #fafff5;
}

.box-visiting-content:nth-child(7) {
	border-top: 2px solid #ffe1ce;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(8) {
	border-top: 2px solid #ffe1ce;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(9) {
	border-top: 2px solid #ffe1ce;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(10) {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(11) {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(12) {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(13) {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(14) {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(15) {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.box-visiting-content:nth-child(16) {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.box-visiting-content:nth-child(17) {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.box-visiting-content:nth-child(18) {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.box-visiting-content:nth-child(19) {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.box-visiting-content:nth-child(20) {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.box-visiting-content:nth-child(21) {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.box-visiting-content:nth-child(22) {
	border-top: 2px solid #e7d9fe;
	border-bottom: 2px solid #e7d9fe;
	background-color: #f9f5ff;
}

.box-visiting-bottom {
	margin-top: 13px;
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.box-visiting-bottom .box-visiting-bottom_source {
	width: 130px;
	text-align: center;
	font-size: 14px;
	font-family: ding_medium;
}

.box-visiting-bottom .box-visiting-bottom_homeName {
	text-align: left;
	display: inline-block;
	width: 85px;
	height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.box-visiting-bottom .box-visiting-bottom_awayName {
	text-align: right;
	width: 85px;
	height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.back-L {
	border-top: 2px solid #ceecff;
	background-color: #f5fbff;
}

.back-l {
	border-top: 2px solid #e9ffce;
	background-color: #fafff5;
}

.back-C {
	border-top: 2px solid #ffe1ce;
	background-color: #fff5f6;
}

.back-H {
	border-top: 2px solid #feced2;
	background-color: #fff5f6;
}

.back-F {
	border-top: 2px solid #facefe;
	background-color: #fef5ff;
}

.col_r2 {
	float: left;
	width: 258px;
	margin-bottom: 5px;
	border: 1px solid #adcbeb;
}

.col_r2_clear {
	float: left;
	width: 305px;
	margin-bottom: 5px;
}

.col_r2 ul {
	padding: 10px 10px 0;
	margin: 0;
}

.col_r2 ul li {
	margin-bottom: 10px;
	/* height:14px; */
	line-height: 16px;
	/* padding:0 0 0 9px; */
	vertical-align: top;
	/* background:url(../images/index_bg.png) no-repeat -70px -236px; */
	overflow: hidden;
}

.link {
	float: left;
	width: 1200px;
	border: 1px solid #adcbeb;
	margin-top: 2px;
	margin-bottom: 15px;
	text-align: left;
}

.urls {
	padding: 10px;
}

.urls a {
	width: auto;
	margin-right: 8px;
	line-height: 22px;
}

.popInfo {
	position: absolute;
	display: none;
	border: 1px solid #adcbeb;
	width: 300px;
	font-size: 12px;
	background: #ffffff;
	z-index: 2000;
}

.popInfo h1 {
	font-size: 12px;
	margin: 7px 0 0 7px;
}

.popInfo ul {
	list-style: none;
	padding: 8px;
	padding-top: 5px;
	margin: 0;
	background: #ffffff;
}

.popInfo .showgg {
	padding-top: 0px;
}

.popInfo ul li {
	width: 284px;
	padding: 5px 0;
	line-height: 16px;
	background: #ffffff;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

.popInfo ul li a {
	margin-right: 8px;
	font-weight: normal;
}

.margin10 {
	margin: 0 10px;
}

.margin10 a {
	color: #000;
}

.vdcat {
	margin: 8px 0 -10px 4px;
	padding: 8px 4px;
	font-weight: bold;
}

.vdcat a {
	border: 1px solid #adcbeb;
	padding: 2px 4px;
	margin-right: 3px;
	font-weight: bold;
}

#haoetv {
	position: fixed !important;
	position: absolute;
	right: 0;
	bottom: 0;
}

#close {
	position: fixed !important;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

.headactions {
	float: right;
	/* line-height: 1em; padding: 10px 10px 0 0; */
	padding-right: 15px;
}

.headactions img {
	vertical-align: middle;
	cursor: pointer;
	/* padding: 0 5px; */
}

.jctypic {
	margin-top: 5px;
}

.jctypic td {
	text-align: center;
}

.jctypic td img {
	border: 0;
}

.jctypic td span {
	line-height: 30px;
}

.pst {
	cursor: default;
}

.intro {
	padding: 10px 10px 0 10px;
	line-height: 22px;
}

.intro p {
	line-height: 22px;
}

.indexad {
	padding: 0 8px;
	width: 205px;
	border: 1px solid #adcbeb;
}

.indexad li {
	line-height: 20px;
	padding-left: 8px;
}

.showhand {
	cursor: pointer;
}

.top-img {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	display: flex;
	align-items: center;
}

.top-img img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

.ssdaoh {
	border: 1px solid #adcbeb;
	margin-bottom: 10px;
	padding: 6px;
}

.ssdaoh h1 {
	font-size: 12px;
	font-weight: normal;
}

#category_zqph {
	padding: 5px 10px;
	line-height: 25px;
}

#showggindex {
	display: none;
}

.clare {
	color: gray;
}

.clare a {
	color: gray;
}

.fav {
	margin: 5px auto auto 10px;
}

.fav a {
	margin-right: 5px;
}

#favdiv {
	display: none;
}

.hot {
	padding: 0 0 0 18px;
}

.vd {
	padding: 0 0 0 18px;
}

.sitelist {
	width: 280px;
	border: 1px solid #adcbeb;
	background: #fff;
	display: none;
}

.slidx {
	width: 303px;
	display: block;
	border: 0;
}

.sitelist dl {
	padding: 8px;
}

.sitelist dd {
	padding: 2px 0 2px 9px;
	border-bottom: 1px dotted #ccc;
}

.sitelist dd a {
	margin: 0;
	padding: 0;
	line-height: 22px;
}

.sitelist dd a span {
	color: #db2c30;
}

.sitelist .aright {
	float: right;
}

.sitelist .rimg {
	float: right;
	margin: 5px;
	width: 16px;
	height: 16px;
}

.tinfo {
	padding: 6px;
	width: 636px;
}

.refresh {
	width: 15px;
}

.pdintro {
	padding: 10px;
	line-height: 23px;
}

.pdintro a {
	color: #333;
}

.pdintro h1 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

.cptit {
	padding: 5px 0 0 10px;
	margin: 0;
}

.cptit span {
	font-weight: bold;
	font-size: 14px;
}

.cpres {
	padding-left: 10px;
	padding-top: 0px;
	margin: 2px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #e60012;
	border-bottom: 1px dotted #ccc;
}

.cpres span {
	color: #0281c9;
}

.cpres a {
	color: #000000;
}

#tbox {
	width: 47px;
	height: 73px;
	float: right;
	position: fixed;
	_position: absolute;
	_bottom: auto;
	_margin-bottom: 10px;
}

/*���IE6�²����� position:fixed ������*/
/* #favsite{ width:47px; height:30px; background:url(../images/global.png) no-repeat -48px -119px; position:absolute; bottom:31px; cursor:pointer}
#goplayer{ width:47px; height:30px; background:url(../images/global.png) no-repeat -48px -90px; position:absolute; bottom:62px; cursor:pointer}
#jianyi{ width:47px; height:30px; background:url(../images/global.png) no-repeat -48px -29px; position:absolute; bottom:62px; cursor:pointer}
#closead{ width:47px; height:30px; background:url(../images/global.png) no-repeat -48px 0px; position:absolute; bottom:93px; cursor:pointer}
#gotop{ width:47px; height:30px; background:url(../images/global.png) no-repeat 1px -58px; position:absolute; bottom:124px; display:none; cursor:pointer} 
#favsite:hover{ background:url(../images/global.png) no-repeat -48px -119px;}
#goplayer:hover{ background:url(../images/global.png) no-repeat -48px -90px;}
#jianyi:hover{ background:url(../images/global.png) no-repeat -48px -29px;}
#closead:hover{ background:url(../images/global.png) no-repeat -48px 0px;}
#gotop:hover{ background:url(../images/global.png) no-repeat -48px -58px;} */
#gotop {
	position: absolute;
	width: 46px;
	height: 46px;
	bottom: 124px;
	border-radius: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	background-color: #adcbeb;
}

.piclist {
	width: 290px;
	padding: 5px 5px;
	text-align: center;
	margin: 0 auto;
	background: #fff;
}

.piclist dl {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0px;
	padding-top: 7px;
}

.piclist dd {
	float: left;
	text-align: left;
	text-align: center;
}

.piclist dd {
	width: 135px;
	margin: 0 5px 10px 5px;
	padding: 0px;
}

.piclist img {
	width: 135px;
	height: 90px;
}

.piclist a.img {
	display: block;
	text-align: center;
	overflow: hidden;
}

.piclist a.name {
	display: block;
	line-height: 18px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

.piclist dd:hover {
	box-shadow: 1px 1px 5px #2375be, -1px -1px 5px #2375be;
	padding: 5px 2px;
	margin: -5px 3px 5px 3px;
}

.float_layer {
	width: 100px;
	border: 1px solid #aaaaaa;
}

.float_layer h2 {
	height: 25px;
	line-height: 25px;
	padding-left: 2px;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	background: #e3e3e3;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
}

.float_layer .close {
	font-weight: bold;
	float: right;
	color: black;
	padding-top: 2px;
	padding-right: 0px;
}

.float_layer .wrap {
	padding: 0px;
}

.plcprt1 {
	display: none;
}

.plcprt2 {
	display: block;
}

/*2020.03.20版本添加 3b80*/
.col_r2 ul li a {
	font-size: 14px;
}

/* .col_02 li:last-child{
	border-bottom: 0;
} */
.col_02 ul {
	margin-bottom: -1px;
}

.patch-3b80 a {
	text-decoration: none;
}

.patch-3b80 a:link {
	text-decoration: none;
}

.patch-3b80 a:hover {
	text-decoration: none;
}

.patch-3b80 a:active {
	text-decoration: none;
}

.patch-3b80 a:visited {
	text-decoration: none;
}

.patch-3b80 i,
.patch-3b80 em,
.patch-3b80 b {
	font-style: normal;
	font-weight: normal;
}

.clear-3b80 {
	clear: both !important;
}

.clearfix-3b80:after {
	content: "";
	clear: both !important;
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.t-warp-3b80 {
	display: table;
}

.box {
	background-color: #ffffff;
}

.box .left-card-3b80 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*                新添加           */
.longtext-ignore-image-box {
	width: 35px;
	height: 35px;
	text-align: center;
}
.longtext-ignore-image {
	width: 35px;
	display: inline-block;
}

.longtext-ignore-image:nth-child(1) {
	width: auto;
	max-width: 35px;
	max-height: 35px;
	margin-right: 10px;
}

.longtext-ignore-image:nth-child(2) {
	width: auto;
	max-width: 35px;
	max-height: 35px;
	margin-left: 10px;
}

#category_2021-04-21 .left-card-3b80 {
	padding: 0 24px;
}

.left-card-3b80 .left-box:hover .left-box-border {
	border-bottom-color: #0270b4;
}

.left-card-3b80 .left-box {
	box-sizing: content-box;
	margin: 8.5px 5px;
	width: 100px;
  border: 0
}

.left-card-3b80 .left-box a {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}

.left-card-3b80 .left-box .left-box-border {
  width: 100%;
	height: 100px;
	border: 1px solid #EEEEEE;
  border-bottom-width: 3px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.left-card-3b80 .left-box a:hover {
	text-decoration: none;
}

.a_hover_none:hover {
	text-decoration: none;
}

.left-card-3b80 .left-box span {
  margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #5a5a5a;
}

.left-card-3b80 .left-box:hover span {
  color: #0270b4;
}

.left-card-3b80 .left-box .left-box-border div {
	max-height: 60px;
	width: 60px;
	text-align: center;
	overflow: hidden;
  margin: 0 auto;
}

.left-card-3b80 .left-box img {
	display: inline-block;
	height: 36px;
	object-fit: cover;
}

.top_game {
	width: 100%;
	height: auto;

	background-color: #000000;
}

.top_game_img {
	margin: 0px auto;
	background-size: 100%;
	height: auto;
}

.top_game_img_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.top_game_content {
	height: 282px;
	display: flex;
	padding: 0 100px 20px;
	box-sizing: border-box;
}

.top_game_content .game_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.top_game_content .game_content .game_icon {
	width: 300px;
	height: 200px;
	position: absolute;
	bottom: 0;
}

.top_game_content .left_img {
	/* flex: 1; */
	padding-bottom: 25px;
}

.top_game_content .right_img {
	/* flex: 1; */
	padding-bottom: 25px;
}

.top_game_content .right_img img,
.top_game_content .left_img img {
	width: 72px;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
}

.game_content_top {
	width: 320px;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	color: #fff;
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0),
		rgba(255, 255, 255, 0.2),
		rgba(0, 0, 0, 0)
	);
}

.game_content_top span {
	margin-left: 20px;
}

.game_content_bottom {
	position: relative;
	width: 160px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #fff;
	background-image: linear-gradient(to right, #ff4040, #e11313);
}

.game_content_conter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	position: relative;
}
.game_content_conter_left,
.game_content_conter_right {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.game_content_conter_left {
}

.game_content_conter_right {
}

.game_content_left_score {
	font-size: 36px;
	font-weight: bold;
	color: #c6c5c5;
	font-family: ding_medium;
}

.game_content_right_score {
	font-size: 36px;
	font-weight: bold;
	color: #01e6ff;
	font-family: ding_medium;
}

.game_content_conter .score-i {
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
}

.game_content_conter_score {
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #a0a19f;
	margin: 0px 10px;
}

.particulars-wrap {
	margin: -20px auto 0;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}

.particulars_conter {
	display: flex;
	flex-wrap: wrap;
}

.particulars_conter_item {
	width: 186px;
	line-height: 42px;
	margin: 10px 13px;
	text-align: center;
	background-size: 100%;
	display: inline-block;
	height: 42px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.particulars_conter_item:hover {
	text-decoration: none;
}

.particulars_conter_item span {
	display: block;
	font-size: 18px;
	color: #6b6f67;
	font-weight: bold;
	width: 140px;
	margin-left: 40px;
}

.particulars_conter_signal {
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 14px 20px;
}

.particulars_conter_signal img {
	width: 100%;
	height: 100%;
}

.particulars_conter_title {
	text-align: center;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	margin: 0px auto;
	margin-bottom: 10px;
}

/* 新添加 */
.left-card-3b80 .t-warp-3b80:hover {
	background-color: #f5f8ff;
}

.t-warp-3b80 > .t-cell-3b80 {
	display: table-cell;
	vertical-align: middle;
}

.left-card-3b80 .time-li {
	margin-left: 10px;
	width: 23px;
	height: 23px;
}

.text-ignore {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.longtext-ignore {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.text-normal {
	word-wrap: break-word;
	word-break: break-all;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
}

.text-center {
	text-align: center;
	/* width: 90px; */
}
/* 增加类名 */
.float_r{
  float: right;
}
.W_60{
width: 60px;
}
.text-l{
text-align: left;
}
.text-r{
  text-align: right;
}
/*  */
.empty-3b80 {
	font-size: 14px;
	padding: 10px;
}

.menu-3b80-head {
	position: relative;
	width: 100%;
	text-align: center;
	/* background-color: #071531; */
	background-color: #0270b4;
}

.correlation_conter {
	display: flex;
	flex-direction: column;
	padding: 5px 20px;
	border-top: 2px solid #e9ffce;
	background-color: #fafff5;
}

.correlation_conter:nth-child(1) {
	border-bottom: 1px solid #fff;
}

.correlation_conter .correlation_conter_top {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #5a5a5a;
	height: 14px;
	margin: 6px 0px;
	text-align: center;
}

.font_class {
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	margin: 5px 0px;
	width: 70px;
	text-align: center;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.alone_score_conter {
	font-size: 13px !important;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
}

.noData {
	width: 100%;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff;
	color: #ccc;
}

.correlation_conter_bottom {
	flex: 1;
	display: flex;
}

.correlation_conter_bottom div:nth-child(1) {
	flex: 1;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: column;
}

.correlation_conter_bottom div:nth-child(1) img {
	width: 45px;
	display: inline-block;
}

.correlation_conter_bottom div:nth-child(3) img {
	width: 45px;
	display: inline-block;
}

.correlation_conter_bottom div:nth-child(3) {
	flex: 1;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: column;
}

.noDataSpan {
	padding-top: 4px;
	color: #5a5a5a !important;
	font-weight: bold;
}

.correlation_conter_bottom_conter {
	width: 120px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.correlation_conter_bottom_conter div {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
}

.menu-ul-3b80 {
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	color: #ffffff;
	align-items: center;
}

.footer_base .footer_leargue > a {
	font-size:14px;
}

.menu-ul-3b80 li:nth-child(1) {
	width: 70px;
	/* margin-right: 46px; */
	height: 60px;
}

.menu-ul-3b80 li:nth-child(1):after {
	content: "";
}

.menu-ul-3b80 li img {
	width: 31px;
	height: 31px;
	margin-top: 15px;
	display: inline-block;
}

#gotop {
	position: fixed;
	width: 40px;
	height: 40px;
	right: 30px;
	border: none;
	bottom: 80px;
	border-radius: 100%;
	cursor: pointer;
    background: url(../images/top.png) no-repeat center #fff;
    background-size: 40px;
	z-index: 101;
}

.menu-ul-3b80 li:nth-child(2) {
	/* text-align: left; */
}

.menu-ul-3b80 > li {
	position: relative;
	padding-left: 10px;
	padding-right:10px;
	height: 100%;
	line-height: 56px;
	text-align: center;
}

/* .menu-ul-3b80 li:after {
	content: "|";
	position: absolute;
	right: 0;
	color: #868686;
}

.menu-ul-3b80 li:last-child:after {
	content: "";
	position: absolute;
	right: 0;
	color: #868686;
} */

.menu-ul-3b80 li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.menu-ul-3b80 li a span:after {
	content: "\D\A";
	white-space: pre;
}

.menu-ul-3b80 .active a {
	background-color: #0270b4;
	color: #fff;
}
.menu-ul-3b80 li a:hover {
  color: #dce12d;
}
.menu-ul-3b80 li.active a {
	color: #fff;
}
.menu-ul-3b80 li:nth-child(1) .active a {
	background-color: #0270b4;
}

/* .menu-ul-3b80 li.active:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 5px;
  border-radius: 5px;
  background-color: #0000ff;
} */
.icon-ouguan-3b80 {
	width: 18px;
	height: 21px;
}

.menu-ul-3b80 .icon-ouguan-3b80 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.cp-3b80 {
	padding: 10px;
}

.cp-3b80 a {
	margin-right: 15px;
	line-height: 25px;
	font-size: 14px;
}

ul.left-card-3b80 {
	padding: 0 10px;
}

.left-card-3b80 * {
	font-size: 14px;
}

.left-card-3b80 .t-warp-3b80 {
	display: flex;
	align-items: center;
	padding: 3px;
	margin-right: 24px;
	height: 62px;
	line-height: 20px;
	border-bottom: 1px solid #ececec;
	box-sizing: border-box;
}

.left-card-3b80 .t-warp-3b80:hover {
	/* border: 4px solid #0270b4; */
	/* padding: 0; */
}

.left-card-3b80 .t-cell-3b80 {
	box-sizing: border-box;
}

.left-card-3b80 .t-cell-3b80 div,
.left-card-3b80 .t-cell-3b80 a {
	font-size: 14px;
}

.hot-status-3b80 {
	text-align: center;
	box-sizing: border-box;
	width: 55px;
	height: 25px;
	line-height: 25px;
	border: #797979 solid 1px;
	font-size: 12px;
}

.hot-status-3b80.blue_left {
	border: #0000ff solid 1px;
	color: #0000ff;
}

.hot-left-3b80 {
	width: 150px;
	text-align: right;
	justify-content: flex-end;
}

.hot-right-3b80 {
	width: 150px;
	justify-content: flex-start;
}

.hot-left-3b80 span {
	display: inline-block;
	width: 120px;
	height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.hot-right-3b80 span {
	display: inline-block;
	width: 120px;
	height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.hot-bold-3b80 {
	text-align: center;
	font-weight: bold;
}

.hot-href-3b80 {
	text-align: right;
	padding-right: 10px;
	margin-right: 21px;
	width: 101px;
	height: 29px;
	background-color: #0270b4;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.play-li {
	width: 20px;
	height: 20px;
}

.hot-href-3b80 a {
	color: #ffffff;
}

.content-li {
	flex: 1;
	display: flex;
	flex-direction: row;
}

.content-li .t-cell-3b80 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
  width: 130px;
}
.content-li a .text-center>span {
	color: #000;
	font-weight: bold;
}
.content-li a .text-center>span:nth-of-type(2){
  font-weight: normal;
}
.content-li a .text-center:nth-of-type(2) {
	margin: 0 5px 3px 5px;
}
.content-li a:hover {
	color: blue;
}
.right-tag-3b80 {
	padding: 10px 10px 0;
}

.right-tag-3b80 li {
	overflow: visible;
	float: left;
	height: auto;
	line-height: 14px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.right-tag-3b80 li a {
	font-size: 14px;
	/* color: #666666; */
}

.right-tag-3b80 li a:hover {
	color: #dc2221;
}

.right-tag-3b80 li a.active {
	color: #000000;
}

.col_r2 li.href-3b80 {
	height: auto;
	padding: 0;
}

.left-time-3b80 {
	text-align: center;
	width: 97px;
}

.r-href-3b80 {
	display: block;
}

.r-href-3b80:hover {
	color: blue;
	background-color: #f5f5f5;
}

.float-2-3b80 > * {
	overflow: hidden;
	text-align: center;
	float: left;
	width: 50%;
	line-height: 30px;
	font-size: 14px;
}

.r-news-3b80 a {
	color: #000000;
}

.r-news-3b80 a:hover {
	color: #000000;
}

.video-card-3b80 {
	padding: 0 10px;
}

.video-list-3b80 {
	width: 50%;
	float: left;
}

.video-list-3b80 li {
	height: 50px;
}

.video-icon-3b80 {
	display: block;
	width: 30px;
	max-height: 35px;
	margin: 0 auto;
}

.video-list-3b80 a {
	font-size: 14px;
	color: #000000;
}

.video-list-3b80 a:hover {
	color: #000000;
}

/* 直播源列表 */
.signalCon {
	display: flex;
	flex-wrap: wrap;
}

.signalCon_list {
	height: 25px;
}

.signalCon_list > h5 {
	max-width: 120px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	padding: 0 10px;
	box-sizing: border-box;
	color: #0778b8;
	border: 1px solid #dc2221;
	border-radius: 20px;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.signalCon_listD {
	width: 100%;
	height: 80px;
	line-height: 80px;
}

.signalCon_listD > h5 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff;
	color: #ccc;
}

/* 集锦/录像列表页 */
.video-list-container {
	width: 1200px;
	margin: 20px auto 0;
	padding: 0 20px;
	box-sizing: border-box;
  border-top: 3px solid #0270b4;
	background: #fff;
}

.video-list-container .video-title-3b80 {
	text-align: center;
	height: 16px;
	line-height: 16px;
  padding: 20px 0;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.video-list-container .video-title {
	font-size: 18px;
	font-weight: bold;
	color: #0270b4;
	box-sizing: border-box;
  border-left: 6px solid #0270b4;
  text-indent: 5px;
}

.video-list-container .collection-list {
	padding: 0 0 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.video-list-container .collection-item {
	width: 570px;
	height: 56px;
	line-height: 56px;
	background: #fff6f2;
	margin-bottom: 16px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}

.video-list-container .collection-item-link {
	font-size: 18px;
	color: #000;
}
.video-list-container .collection-item-ico {
	margin-left: 10px;
	margin-right: 4px;
  vertical-align: sub;
}
.video-list-container .lanqiu {
	background: #FFFAF6;
  border: 1px solid #EEB189
}
.video-list-container .zuqiu {
	background: #EDF8F0;
  border: 1px solid #6EC285
}
.video-list-container .zonghe {
	background: #FFF5F7;
  border: 1px solid #F1B6C2
}
.video-list-container .icon-zuqiu {
	color: #1e824a;
}
.video-list-container .icon-lanqiu {
	color: #df784b;
}
.video-list-container .icon-zonghe {
	color: #e12847;
}
/* 集锦/录像列表页结束 */

/* 集锦详情页 */

.video-container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	background: #f6f6f6;
}
.video-container .content-wrap {
	width: 800px;
	float: left;
}
.video-container .content {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-top: 3px solid #0270b4;
	margin-top: 20px;
}

.video-container .content .title {
	font-size: 24px;
	line-height: 32px;
	color: #000;
	font-weight: normal;
}

.video-container .content .info {
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: left;
}

.video-container .content .time {
	font-size: 16px;
	color: #999;
}

.video-container .content .play-box {
	width: 100%;
	height: 456px;
	border-radius: 5px;
	overflow: hidden;
	background-image: linear-gradient(to right top, #f1f1f1 50%, rgba(241,241,241,.3) 50%);
	position: relative;
}

.video-container .content .play-box .pic {
	width: 100%;
	height: 100%;
}

/* .video-container .content .play-box .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transition: all 0.2s;
	opacity: 0.3;
} */

.video-container .content .play-box .mask:hover {
	opacity: 0.4;
}

.video-container .content .play-box .play-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 106px;
	height: 106px;
	margin: auto;
}

.video-container .content .play-box .play-btn img {
	width: 100%;
	height: 100%;
}

.video-container .content .play-box .play-btn img:hover {
}

/* .video-container .content .play-box .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	width: 80px;
	height: 60px;
	border: 5px solid #fff;
	border-radius: 5px;
	box-sizing: border-box;
  transition: all .2s;
	opacity: 0.5;
}
.video-container .content .play-box .play-btn:hover{
  opacity: 0.9;
}
.video-container .content .play-box .play-btn::after {
	position: absolute;
	top: 10px;
	left: 20px;
	content: '';
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-left: 36px solid #fff;
	border-bottom: 16px solid transparent;
} */

.match-info {
	display: flex;
	border: 1px solid #eee;
	height: 56px;
	line-height: 56px;
	margin-top: 18px;
	padding: 0 20px;
	background: #f8f8f8;
	align-items: center;
}

.match-info .match-time {
	margin-right: 20px;
	text-indent: 22px;
	font-size: 14px;
	color: #000;
	background-size: 16px 16px;
}

.match-info .match-name {
	display: inline-block;
	width: 100px;
	font-size: 14px;
	color: #000;
	text-align: left;
}

.team-wrap {
	display: flex;
	width: 500px;
	justify-content: center;
	align-items: center;
}

.match-info .team-logo-box {
	width: 28px;
	height: 28px;
	line-height: 26px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 10px;
}
.match-info .team-logo {
	width: 100%;
	vertical-align: middle;
}

.match-info .teamp-name {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.team-score {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 0 46px;
}
.match-info .match-link {
	width: 80px;
	display: inline-block;
	border: 1px solid #0270b4;
	background: #0270b4;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.match-list {
	margin-top: 20px;
	padding: 12px 20px 28px;
	/* border-top: 3px solid #0270b4; */
	background: #fff;
}

.match-list .title {
    text-indent: 5px;
    font-size: 18px;
    color: #0270b4;
    line-height: 16px;
    margin-bottom: 10px;
    background-size: 24px 24px;
    font-weight: bold;
    margin-top: 10px;
}

.match-list .match-item {
	height: 48px;
	line-height: 48px;
	
}

.match-list .match-item .ico {
	vertical-align: sub;
	max-width: 20px;
}

.match-list .match-item span {
  color: #000;
	font-size: 18px;
}
.match-list .match-item span:hover {
  color: #0270b4;
}

.video-container .side {
	width: 380px;
	float: right;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-top: 3px solid #0270b4;
	margin-top: 20px;
}

.video-container .side .side-title {
	text-indent: 5px;
	font-size: 18px;
	color: #0270b4;
	line-height: 16px;
	border-left: 6px solid #0270b4;
	margin-bottom: 10px;
	background-size: 24px 24px;
}

.video-container .side .side-list li {
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 5px;
	overflow: hidden;
}

.video-container .side .side-list li a {
	font-size: 16px;
	color: #000;
}
.video-container .side .side-list li a:hover {
  color: #0270b4;
}
/* 首页查看更多比赛 */
.getMoreCompare{
  margin-top: 20px;
  width: 920px;
  height: 44px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.getMoreCompare p{
  font-size: 16px;
  font-weight: bold;
  color: #0270b4;
}
.getMoreCompare img{
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-top: 3px;
}
/* 体育频道 */

.sports {
	width: 260px;
	height: 247px;
	background: #ffffff;
	padding: 0 10px;
	box-sizing: border-box;
	/* border-top: #0270b4 3px solid; */
	/* margin-top: 20px; */
}
.sports .title {
	display: flex;
	justify-content: left;
	align-items: center;
	height: 44px;
}
.sports .title p {
	width: 6px;
	height: 16px;
	background: #0270b4;
	margin-right: 5px;
}
.sports .title h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #0270b4;
}
.sports ul > li {
	width: 240px;
	height: 40px;
	background: #f5f8ff;
	text-align: center;
	margin-bottom: 10px;
}
.sports ul > li:hover{
  color: white;
  background: #0270b4;
}
.sports ul > li:hover >a{
  color: white;
}
.sports ul > li > a {
	display: block;
	line-height: 40px;
	color: #000;
	font-size: 14px;
}
/* 集锦录像 */
.video, .match {
	width: 260px;
	background: #ffffff;
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
	/* border-top: #0270b4 3px solid; */
	/* margin-top: 20px; */
	margin-bottom: 10px;
}
.video .title,.match .title {
	display: flex;
	justify-content: left;
	align-items: center;
	height: 44px;
	justify-content: space-between;
}
.video .title a,.match .title a {
	color: #999;
}
.title a:hover {
	color: #0270b4;
}
.video .title p {
	width: 6px;
	height: 16px;
	background: #0270b4;
	margin-right: 5px;
}
.video .title h2,.match .title h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #0270b4;
}
.video ul > li {
	width: 240px;
	margin-bottom: 16px;
	
}
.video ul > li:hover {
	color: #0270b4;
	cursor: pointer;
}
.video ul > li > a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 4px;
	color: #000;
	font-size: 14px;
}
.video > a {
	display: block;
	width: 240px;
	height: 36px;
	background: #dbe7ff;
	text-align: center;
	line-height: 36px;
	color: #0270b4;
  font-size: 14px;
}
.video a:hover {
	color: #105FFB;
}
/* 专题页集锦录像 */
.video-list {
	background: #ffffff;
	padding: 0 20px 10px 20px;
	box-sizing: border-box;
	/* border-top: #0270b4 3px solid; */
}
.video-list .title {
	display: flex;
	justify-content: left;
	align-items: center;
	height: 67px;
}
.video-list .title p {
	width: 6px;
	height: 16px;
	background: #0270b4;
	margin-right: 5px;
}
.video-list .title h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #0270b4;
}
.video-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.video-list ul > li {
	width: 430px;
	height: 36px;
	padding: 0 20px;
	box-sizing: border-box;
	background: #f8f8f8;
	margin-bottom: 10px;

}
.video-list ul > li:hover {
	background: #dbe7ff;
	color: #0270b4;
	cursor: pointer;
}
.video-list ul > li > a {
	display: block;
	line-height: 36px;
	color: #000;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* 赛制 */
.saizhi{
	background: white;
	padding: 20px 18px;
	box-sizing: border-box;
	margin-top: 20px;

}
.saizhi>h5{
	font-weight: bold;
	line-height: 24px;
	color: #333333;
	font-size: 16px;
	margin-bottom: 10px;
}
.saizhi .content>p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
/* 新增结束 */

/* 更新时间 */
.schedule_time {
	width: 100%;
	margin-top: 20px;
  margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.schedule_time a {
	display: flex;
	align-items: center;
}
.schedule_time a p {
	color: #0270b4;
	font-size: 16px;
	font-weight: bold;
}
.schedule_time a img {
	width: 16px;
	height: 16px;
	margin-left: 4px;
  margin-top: 3px;
}

.time_show {
	text-align: left;
	margin-top: 20px;
  margin-bottom: 10px;
	font-weight: bold;
}

.time_show > div,
.time_show1 > div {
	font-size: 16px;
	font-weight: bold;
	color: #0270b4;
}

.viewMore_sty {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #ffffff;
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #0270b4;
	cursor: pointer;
}

.viewMore:hover {
	color: #0270b4;
	text-decoration: none;
}

.schedule_viewMore {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #0270b4;
	text-decoration: none;
}

.viewMore img {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	margin-left: 3px;
}

/* 查看更多列表 */
.matchListNav {
	width: 100%;
	height: 84px;
	background: #ffffff;
	border-radius: 5px 5px 0px 0px;
	display: flex;
	justify-content: space-between;
}
/* 新增更新时间 */
.time_show2 {
	top: 26px;
	width: 173px !important;
	line-height: 28px;
	font-size: 16px;
	font-weight: 400;
	background: #dbe7ff;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: center;
	color: #0270b4;
	display: inline-block;
	padding: 0px 16px;
}
.menu-ul-matchList {
	width: 100%;
	height: 84px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	box-sizing: border-box;
}

.menu-ul-matchList li {
	margin-right: 20px;
}

.menu-ul-matchList li a {
	display: block;
	width: 100px;
	height: 44px;
	text-decoration: none;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #666666;
	background: #f5f5f5;
	border: 1px solid #eeeeee;
	border-radius: 5px;
}

.menu-ul-matchList li a i {
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-right: 8px;
	font-weight: normal;
}

.menu-ul-matchList li a.hover {
	color: #fff;
	background: #0270b4;
}

.menu-ul-matchList li a:hover {
	background: #0270b4;
	color: #fff;
}
.footer_base-info-wrap {
	width: 1200px;
	margin: 0 auto;
}
.footer_base-info {
	padding: 20px;
	/* background: url(../images/footer-logo.png) no-repeat right 20px bottom 10px; */
	background-color: #fff;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	box-sizing: border-box;
	text-align: justify;
	width: 1200px;
	margin: 0 auto 20px;
}
.footer_base-info a {
	color: #333;
	font-size: 16px;
}
.footer_base-info2 {
	margin-bottom: 40px;
	margin-top: 20px;
	/*  专题页  赛制介绍  去掉logo  首页保留*/
	padding: 20px;

	background-color: #fff;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	box-sizing: border-box;
	text-align: justify;
}
.footer_base>a {
	line-height: 30px;
	font-size: 14px;
	padding: 15px 15px 15px 0;
	color: #000;
	text-decoration: revert;
}
.footer_links {
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	
}
.footer_links a{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.about-main {
	width: 1200px;
	margin: 20px auto;
	padding: 20px;
	border-top: 3px solid #0270b4;
	background-color: #fff;
	line-height: 32px;
	text-align: left;
	box-sizing: border-box;
}

.about-main .about-bar {
	height: 120px;
}
.about-main .about-text {
	padding-top: 20px;
}
.about-main strong {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	color: #333;
  position: relative;
}
.about-main p{
	font-size: 16px;
	color: #666;
}

/* 内容详情页 */
.content-wrap {
    width: 800px;
    margin-top: 20px;
    float: left;
}

.content .title {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    font-weight: normal;
}

.content .title.news_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #0270b4;
}



.content {
    padding: 10px;
    background: #fff;
}

.content .info {
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 20px;
	color: #999;
    display: flex;
}

.content .info span {
	margin-left: 20px;
}

.content .time {
    font-size: 16px;
    color: #999;
}

.content .art-body {
    font-size: 14px;
	line-height: 28px;
}

.content .art-body p, .content .art-body a {
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
}

.content .art-body img {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.side {
    width: 380px;
    float: right;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}

.side .side-title {
    text-indent: 5px;
    font-size: 18px;
    color: #0270b4;
    line-height: 16px;
    margin-bottom: 10px;
    background-size: 24px 24px;
}

.side .side-list li {
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    overflow: hidden;
}

.side .side-list a {
    font-size: 16px;
    color: #000;
}

.side .side-list li a:hover {
    color: #0270b4;
}

/* 赛事详情 */

.top_game {
	width: 100%;
	height: auto;
	background-color: #000000;
}

.top_game_img {
	margin: 0px auto;
	background-size: 100%;
	height: auto;
}

.top_game_img_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.top_game_content {
	height: 282px;
	display: flex;
	padding: 0 100px 20px;
	box-sizing: border-box;
}

.top_game_content .game_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.top_game_content .game_content .game_icon {
	width: 300px;
	height: 200px;
	position: absolute;
	bottom: 0;
}

.top_game_content .left_img {
	/* flex: 1; */
	padding-bottom: 25px;
}

.top_game_content .right_img {
	/* flex: 1; */
	padding-bottom: 25px;
}

.top_game_content .right_img img,
.top_game_content .left_img img {
	width: 72px;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
}

.game_content_top {
	width: 320px;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	color: #fff;
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0),
		rgba(255, 255, 255, 0.2),
		rgba(0, 0, 0, 0)
	);
}

.game_content_top span {
	margin-left: 20px;
}

.game_content_bottom {
	position: relative;
	width: 160px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(to right, #ff4040, #e11313);
}

.game_content_conter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	position: relative;
}
.game_content_conter_left,
.game_content_conter_right {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.game_content_conter_left {
}

.game_content_conter_right {
	text-align: right;
}

.game_content_left_score {
	font-size: 36px;
	font-weight: bold;
	color: #c6c5c5;
	font-family: ding_medium;
}

.game_content_right_score {
	font-size: 36px;
	font-weight: bold;
	color: #01e6ff;
	font-family: ding_medium;
}

.game_content_conter .score-i {
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
}

.game_content_conter_score {
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #a0a19f;
	margin: 0px 10px;
}

.particulars-wrap {
	margin: -20px auto 0;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}

.particulars_conter {
	display: flex;
	flex-wrap: wrap;
}

.particulars_conter_item {
	width: 186px;
	line-height: 42px;
	margin: 10px 13px;
	text-align: center;
	background-size: 100%;
	display: inline-block;
	height: 42px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.particulars_conter_item:hover {
	text-decoration: none;
}

.particulars_conter_item span {
	display: block;
	font-size: 18px;
	color: #6b6f67;
	font-weight: bold;
	width: 140px;
	margin-left: 40px;
}

.particulars_conter_signal {
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 14px 20px;
}

.particulars_conter_signal img {
	width: 100%;
	height: 100%;
}

.particulars_conter_title {
	text-align: center;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5a5a5a;
	margin: 0px auto;
	margin-bottom: 10px;
}

.tag-list a {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 24px;
}

.tag-list a:hover {
    color: blue;
}

.tags-list {
    text-align: left;
    font-size: 16px;
	margin-top: 20px;
}

.tags-list a {
    font-size: 16px;
    color: #5a5a5a;
}

.tags-list a:hover {
    color: blue;
}

.about-text {
    background: #fff;
    line-height: 30px;
    padding: 20px;
    margin-top: 20px;
}

.about-text p {
    font-size: 16px;
    color: #666;
}

.sub_header {
    background: #fff;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
}

.sub_header a {
    display: block;
    font-size: 18px;
    padding: 5px 20px;
    color: #333;
}

.sub_header a.active , .sub_header a:hover {
    color: #0270b4;
}

.header-right .search_wrap {
	padding-top: 5px;
}

.header-right .search_wrap .key {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 455px;
    margin: 0;
    outline: none;
    padding: 0 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ececec;
    border-radius: 1px 0 0 1px;
    border-right: 0;
    color: #bababa;
    font-size: 14px;
    background-color: #f9f9f9;
}

.header-right .search_wrap .btn {
    width: 80px;
    height: 40px;
    border-radius: 0px 1px 1px 0px;
    float: right;
    text-align: center;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
	color: #fff;
}

.header-right .search_wrap .btn:hover {
    opacity: 0.8;
}

.friend_list {
    background: #fff;
    margin-top: 20px;
    padding: 20px;
	clear: both;
	text-align: left;
}

.friend_list a {
    font-size: 14px;
    padding-right: 10px;
	color: #000000;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}
@media screen and (min-width: 640px) {
	.mobile {
		display: none !important;
	}
}

@media screen and (max-width: 640px) {
	.pc {
		display: none !important;
	}
    .header,.middiv-content,.col_01,.col_r1,.footer_base-info {
        width:100%;
    }

	.video, .match{
		width:100%;
	}

	.float_r {
		width: 100%;
	}

	.header .logo {
		height: unset;
	}

	.footer_base-info {

	}

	.menu-ul-3b80 {
		width:100%;
		flex-flow:wrap;
		height: unset;
	}

	.menu-ul-3b80 li {
		width:25%;
		padding-left: 0;
		padding-right: 0;
		line-height: 40px;
	}

	.menu-ul-3b80 li img {margin-top: 3px}

	.menu-ul-3b80 .last_menu a {
		padding-left:0
	}

	.menu-ul-3b80 li.first-menu {
		width:25%;
		height: 40px;
	}

	.menu-3b80-head {
		height: unset;
	}

	.video ul > li {
		width:unset;
	}

    .header .header-right {
        width:100%;
    }

	html {
		font-size: 20px;
	}

	.days-tv-list li {
		position: relative;
		box-sizing: border-box;
		height: 61px;
		display: flex;
	}

	.days-tv-list .match_li {
	  height: 3.6rem;
	  margin: 0 .25rem .5rem;
		padding-left: 3px;
		padding-right: 3px;
		width: calc(100% - 0.5rem);
		background: #f5f5f5;
	}

	.a_hover_none {
		border-bottom: 1px solid #ccc;
	}

	.match_li a {
	  border-radius: 8px;
	  display: flex;
	}

	.match_li .time {
	  display: flex;
	  flex-direction: column;
	  width: 4rem;
	  flex: 1;
	}

	.match_li .time span {
	  line-height: 1.2rem;
	  color: #999;
	  overflow: hidden;
	}

	.match_li .team {
	  display: flex;
	  flex-direction: column;
	  width: 7rem;
	}

	.match_li .team .team-info {
	  display: flex;
	  height: 1.8rem;
	  align-items: center;
	}

	.match_li .team .team-logo {
	}

	.match_li .team .team-logo img {
	  width: 1.5rem;
	}

	.match_li .team .team-name {
	  margin-left: .5rem;
	  color: #333;
	  height: 1.6rem;
	  line-height: 1.6rem;
	  overflow: hidden;
	}

	.match_li .score {
	  display: flex;
	  flex-direction: column;
	  width: 1.2rem;
	  text-align: right;
	  margin-right: .5rem;
	}

	.match_li .score .score-info {
	  line-height: 1.8rem;
	  color: #999;
	}

	.match_li .score .wins {
		color: #333;
	}

	.match_li .button {
		background: #EBEFF3;
		border-radius: 8px;
		width: 5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #999;
	}

	.match_li a.active {
	}

	.active .button {
	  background: #0E5BEB;
	  color: #fff;
	}

	.col_02 ul li {
	}

	.time a{
		color:#999;
	}

	.tab-content {
		margin-bottom: 10px;
	}

	ul.left-card-3b80 {
		padding: 0;
	}


	.live-list ul.left-card-3b80 {
		padding: 0;
	}

	.col_02 {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.top_game_content {
		padding:0;
	}

	.game_content_top {
		width: 100%;
		font-size:13px;
	}

	.game_content_conter_left, .game_content_conter_right {
		font-size:14px;
	}

	.match-list .match-item {
		font-size:14px;
		white-space: nowrap;
		width:100%;;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}

#comment_box{background:#fff;padding:10px;margin-bottom:22px; border-radius: 5px;}
#comments-title{padding-top:100px;margin-top:-80px}
.c-title{font-size: 18px;font-weight: 500;color: #222;}
.comment-disable{padding:1.5em;color:#888;text-align:center}
.comment-disable i.iconfont{padding-right:5px;color:#666;font-size:18px}
.comment-num{color:#999;font-size:16px}
.comment-num .emphasize{color:#f33}
.no-comment{color:#999;text-align:center}
.no-comment i.iconfont{font-size:60px;color:#ddd;display:block;margin-top:-20px;height:90px}
.comment-msg{padding:1.5em 0;overflow:hidden;border-top:1px solid #ddd}
.comment-list .ul{list-style:none;border-top:1px solid #ededed}
.comment-list .li{overflow:hidden;padding:1em}
.comment-list .li:hover{background:#f8f8f8}
.comment-list .li img{width:50px;height:50px;border-radius:100px;}
.comment-list .li:hover img{}
.comment-list .li .clbody{margin-left:70px}
.comment-list .ul .ul{margin-left:4%}
.comment-list .title{font-size:18px;padding:10px 0;color:#222;}
.compost .com-info{margin-bottom:10px;}
.compost .com-info li{float:left;margin-bottom:1em;width:33.3%;padding-right:3%;position:relative}
.compost .com-info li:nth-child(2){padding-right:0}
.compost .com-info li .verify{position:absolute;right:6.5%;top:0;z-index:1;height:40px}
.compost .com-info li .verify img{height:100%;border:1px solid #ddd}
.compost .com-info li input{width:90%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:2px}
.compost .com-name{padding:1em 0 1em .2em}
#cancel-reply{color:#0270b4}
.com-box textarea{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:98%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size: 14px;}
.com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background-color:#0270b4;color:#fff;padding:0 20px;font-size: 14px;    }
.comment-list .cinfo{height:20px}
.comment-list .clbody .p{word-wrap:break-word}
.cinfo .author{color:#666}
.c-time{color:#999;font-size:12px}
.comment-at{color:#0270b4}
.reply-a{opacity:0.5}
.comment-list li:hover .reply-a{opacity:1}
.mcolor{color:#0270b4}

.relative {
    position: relative;
}

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


.detailzb-live-box {
    border-color: #1c969f;
    border-width: 2px;
    border-radius: 3px;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    display: flex;
    gap: 3px;
    width: max-content;
    border-style: solid;
    padding: 12px 18px;
    margin-top: 5px;
}

.detailzb-live-box-p1 {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(28 150 159/1);
    font-size: 14px;
    line-height: 15px;
}


.source-text {
    color:#D3E1E2;
    font-size:13px;
}

.detailzb-live-box:hover {
    color:#fff !important;
    background:#1c969f ;
}

.detailzb-live-box:hover .detailzb-live-box-p1,.detailzb-live-box:hover .source-text {
    color:#fff !important;
}

.main-conent {
	background: #fff;
}

.main-conent h1 {
	padding:10px;
	text-align: center;
	font-weight: 600;
	font-size:20px
}

.live-detail-wrap {
	padding: 10px;
	background: #fff;
}

.detail-info-desc {
	padding:10px;
	font-size:14px;
	line-height: 28px;
}