@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: inherit; font-family: inherit; }
table { border-collapse: separate; border-spacing: 0; overflow: auto; table-layout: fixed;}
th{ font-weight: normal;}
ol, ul { list-style: none; }
input, textarea, select, button { box-shadow: none; line-height: normal; }
select { margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
div{ max-height: 999999px; }
a{ text-decoration:none; -webkit-tap-highlight-color: rgba(255,255,255,0); }
a:hover{ color: #0054dd !important; }
a,a:link,a:visited,a:active{ color: inherit; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); }
button{ text-align: center; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input:-webkit-autofill { background-color: none; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }
input[type="number"]{ -moz-appearance:textfield; }

html{
	height: 100%;
}
body{
	min-height: 100%;
	padding-bottom: 226px;
	background: #edeef0;
	font: 12px/20px 'PingFang','PingFangSC','PingFangSC-Regular','苹方',Tahoma, Helvetica, Arial,'微软雅黑',sans-serif;
	font-size: 14px; color: #282828;
	box-sizing: border-box;
	position: relative;
}

.clear{
	clear: both;
	display: block;
}
.clearfix:after{content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{*zoom:1;}
.mt108{
	margin-top: 1px!important;
}
.h5{
	display: none;
}
.def_content{
	/*width: 1200px;*/
	margin: 0 auto;
	position: relative;
}


/*翻页*/
.page{
	height: 10px;
	padding: 10px 0;
	font-size: 0; line-height: 0; text-align: center;
}
.page a{
	height: 22px; min-width: 12px;
	padding: 0 5px; margin: 0 5px;
	border: 1px solid #686868; border-radius: 4px;
	font-size: 13px; line-height: 22px; text-align: center; color: #686868;
	display: inline-block;
}
.page a:hover{
	border-color: #0054dd;
}
.page a.on{
	border-color: #0054dd;
	background: #0054dd;
	color: #fff !important;
}
.page p{
	height: 24px; width: 24px;
	margin: 0 5px;
	font-size: 13px; line-height: 24px; text-align: center; color: #686868;
	display: inline-block;
}

/* 直播 */
.zhibo{
	/*width: 1200px;*/
}
.live-house {
	background: #111;
	height: 625px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.live-house .live-left {
	width: 828px;
	display: inline-block;
	float: left;
}
.live-house .live-left .tit {
	background: #4193d7;
	height: 60px;
}
.live-house .tit .living {
	display: inline-block;
	color: #FFF;
	font-size: 13px;
	margin-left: 10px;
	line-height: 60px;
	text-shadow: 5px 2px 6px #dc2221;
}
.live-house .tit .refresh-signal {
	float: right;
	display: inline-block;
	margin: 20px 35px 0 0;
	padding: 4px 0 3px 40px;
	color: #ccc;
}
.live-house .tit .refresh-signal i,.live-house .tit .refresh-signal a{
	font-size: 14px;
}
.player {
	margin-bottom: 6px;
	text-align: center;
	height: 550px;
}
.live-house .live-right {
	float: right;
	display: inline-block;
	background: #222;
	color: #ddd;
	right: 0;
	top: 0;
	width: 250px;
	height: 625px;
	vertical-align: top;
	position: relative;
}
.live-house .live-right .all-signal {
	padding: 0px 0px 0 15px;
	font-size: 13px;
	background: #D33556;
	line-height: 60px;
}
.selected a {
	background: url(../images/player.png) 5px 10px no-repeat;
	background-color: #931516;
	border-radius: 5px;
}
.live-house .live-right .signal-list {
	padding: 10px 15px;
	_height: 530px;
	_overflow: auto;
}
.live-house .live-right .signal-list h2 {
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	display: block;
}
.live-house .live-right .signal-list ul {
	margin-bottom: 10px;
	display: block;
	width: 228px;
}
.live-house .live-right .signal-list ul li {
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
	background: #333;
	border-radius: 5px;
	margin-bottom: 10px;
	/*line-height: 35px;
	height: 35px;*/
}
.live-house .live-right .signal-list ul li a {
	color: #ccc;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
}
.live-house .live-right .signal-list ul li:hover {
	background: #444;
}
#signal-list ul li a:hover{
	color: #fff!important;
}
.alert a {
	background-color: #4193d7;
	border-radius: 5px;
	color: #fff!important;
	font-size: 15px;
}
.a-channel ul li, .a-channel ul li .pic, .a-channel ul li .txt {
	float: left;
}
.a-channel ul li, .a-channel ul li .pic, .a-channel ul li .txt {
	float: left;
}
.a-channel ul li .txt {
	margin-left: 15px;
}
.a-channel ul li .pic, .a-channel ul li img {
	width: 90px;
	height: 45px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.a-channel ul li .pic {
	margin-left: 10px;
}
.a-channel ul li a {
	color: #999;
}
.a-channel ul li .pic, .a-channel ul li img {
	width: 90px;
	height: 45px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.a-channel ul li .txt h2 {
	line-height: 25px;
	height: 25px;
	font-size: 14px;
	overflow: hidden;
}
.a-channel ul li .txt p {
	line-height: 20px;
	height: 20px;
	font-size: 12px;
}
i.kg {
	_display: inline-block;
	width: 10px;
	height: 6px;
	border-radius: 50%;
	margin-right: 5px;
	margin-top: 10px;
}
.a-channel {
	padding: 0 15px 10px;
	height: 220px;
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}
.a-channel::-webkit-scrollbar{
	width: 10px;
	height: 1px;
}
.a-channel::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	background: #535353;
}
.a-channel::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #222;
}
.a-channel>h2 {
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
}
.a-channel ul li, .a-channel ul li .pic, .a-channel ul li .txt {
	float: left;
}
.a-channel ul li {
	width: 270px;
	border-top: 1px solid #1c1c1c;
	display: inline-block;
	padding: 10px 0;
	overflow: hidden;
}
.live-house .live-right .o-channel {
	position: absolute;
	bottom: 0;
	background: #444;
	width: 300px;
	height: 35px;
}
.live-house .live-right .o-channel .tit {
	background: #333;
	padding: 18px 10px;
	font-size: 14px;
}
.tit a:link {
	color: #fff;
}
.tit a:link {
	color: #fff;
}
.tit a:visited {
	color: #fff;
}
.tit a {
	padding: 20px 8px;
}

#widecontent {
	background-color: #fff;
	width: 100%;
	padding: 0;
	height: auto;
}
.contentrev, .sport-content-wrapper {
	width: 1200px;
	margin: 0 auto;
}
#wtmlhsads {
	float: right;
	width: 300px;
	border: 0 solid #000;
	margin: 15px 0;
	text-align: center;
}
#wtmlhsads img {
	padding: 2px;
	width: 250px;
	height: 120px;
	background-color: white;
}
#chooseteam1 {
	margin-right: 320px;
	display: block;
	padding: 15px;
	line-height: 24px;
}
#chooseteam1 h2, #chooseteam1 h3 {
	display: block;
	zoom: 1;
	overflow: hidden;
	margin: 18px 0px 16px 0;
	padding: 0px 0px 0 20px;
	position: relative;
	line-height: 24px;
	font-size: 22px;
	font-weight: 400;
	color: #000;
}
#wtmlhsads p{
	font-size: 14px;
}
#chooseteam1 p {
	margin: 1em 0;
	font-size: 14px;
	line-height: 1.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.leftTab {
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
}
.leftTab ul {
	overflow: hidden;
	border-bottom: 1px solid #F4F4F4;
}
.leftTab ul li {
	float: left;
	margin: 0 15px;
	padding: 15px 0;
	font-size: 16px;
	cursor: pointer;
}
.leftTab .surveyActive {
	color: #3184FF;
	font-weight: bold;
	border-bottom: 1px solid #3184FF;
}
.myListTape {
	width: 96%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	overflow: hidden;
	border-bottom: 1px solid #F4F4F4;
}
.myListTape img {
	width: 15px;
	height: auto;
	float: left;
	margin-top: 20px;
	vertical-align: middle;
}
.rightTab {
	float: right;
	width: 300px;
	border: 0 solid #000;
	margin: 15px 0;
}
.rightTab>div {
	width: 230px;
	height: auto;
	margin-left: 20px;
	background: #FFFFFF;
}
.matchP {
	color: #FFFFFF;
	z-index: 9999;
	position: absolute;
	top: 5px;
	left: 5px;
	line-height: initial;
}
.mengban {
	width: 100%;
	height: 30px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
}
.matchOne ul, .matchTwo ul {
	border-bottom: 1px solid #F4F4F4;
}
.matchOne, .matchTwo {
	font-size: 14px;
	/* height: 406px; */
	position: relative;
}
.matchOne ul li, .matchTwo ul li {
	margin: 0 22px;
	padding: 10px 0;
	cursor: pointer;
	display: inline-block;
	line-height: initial;
}
.matchOneActive, .matchTwoActive {
	color: #3D9BFF;
	border-bottom: 1px solid #3D9BFF;
}
.videotape>a>div {
	overflow: hidden;
	cursor: pointer;
	padding: 0 10px;
	border-bottom: 1px solid #F4F4F4;
}
.videotape>a>div:first-of-type>p {
	color: #828282;
}
.videotape p {
	padding: 10px 0 6px 0;
	font-size: 12px;
	line-height: normal;
}
.videotape>a>div>div {
	float: left;
}
.tape {
	width: 132px;
	margin-bottom: 8px;
}
.tape>p {
	width: 132px;
	padding: 0;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tape p img {
	width: 15px;
	height: 15px;
	margin-right: 6px;
	vertical-align: middle;
}
.tapeVideo {
	height: 60px;
	line-height: 60px;
	/* margin-left: 10px; */
	float: right !important;
}
.tapeVideo img {
	width: 15px;
	height: auto;
	margin-bottom: 5px;
	margin-right: 4px;
	vertical-align: middle;
}
.allVideo ul {
	border-bottom: 0px !important;
}
.allVideo ul li {
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	display: block;
	border-bottom: 1px solid #F4F4F4;
}
.allVideo ul p {
	width: 210px;
	height: 40px;
	margin: 0 10px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.allVideo ul p a {
	width: 210px;
	height: 40px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.more {
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	padding: 7px 0 !important;
	line-height: initial;
}
.nameImg {
	background-repeat: no-repeat;
	background-size: 230px;
	background-position-y: -130px;
}
.name {
	/* width: 100%; */
	height: 30px;
	color: #FFFFFF;
	padding: 0 10px;
	line-height: 30px;
	z-index: 9999;
}
.allVideo ul li img {
	width: 15px;
	height: auto;
	margin-bottom: 2px;
	margin-right: 4px;
	vertical-align: middle;
}
.matchTwo {
	margin-top: 20px;
}
.videotape>a>div {
	overflow: hidden;
	cursor: pointer;
	padding: 0 10px;
	border-bottom: 1px solid #F4F4F4;
}
.videotape>a>div:first-of-type>p {
	color: #828282;
}

@media screen and (min-width: 1300px){
	.def_content{
		/*width: 1200px;*/
	}
}
@media (max-width: 767px){
	.photo-channel {
		width: 100%;
	}
	.live-house {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.live-house .live-left {
		width: 100%;
	}
	.live-house .live-left .tit {
		width: 100%;
		height: 50px;
	}
	.player {
		height: 370px;
		display: block;
		margin-bottom: 0;
	}
	.live-house .tit .refresh-signal {
		margin: 0;
		padding: 0;
		height: 50px;
		line-height: 50px;
	}
	.live-house .live-right {
		height: auto;
		background: #fff;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	.live-house .live-right .signal-list {
		padding: 10px 15px;
		height: auto;
		overflow: hidden;
	}
	.live-house .live-right .all-signal, .live-house .live-right .o-channel {
		display: none;
	}
	.live-house .live-right .signal-list h2, .a-channel h2 {
		display: none;
	}
	.live-house .live-right .signal-list ul {
		width: 100%;
		margin: 0;
		overflow: hidden;
	}
	.live-house .live-right .signal-list ul li {
		/*width: 30%;*/
		border-top: 0;
		margin: 1% 1%;
		/*float: left;*/
		background: #f1353d none repeat scroll 0 0;
	}
	.live-house .live-right .signal-list ul li a {
		color: #fff;
		text-align: center;
		padding-left: 0;
	}
	.a-channel {
		height: 80px;
		border-top: 5px solid #dedede;
		border-bottom: 5px solid #dedede;
		padding: 0 10px;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.a-channel ul {
		min-width: 1200px;
		overflow: hidden;
	}
	.a-channel ul li {
		width: 100px;
		border-top: 0;
		margin-right: 10px;
		_border-right: 1px solid #dedede;
		_padding: 10px 5px;
	}
	.a-channel ul li .pic {
		margin-left: 0;
	}
	.a-channel ul li .pic, .a-channel ul li img {
		width: 100px;
		min-height: 60px;
		opacity: 1;
	}
	.a-channel ul li .txt {
		display: none;
	}
	#widecontent {
		margin-top: 8px;
	}
	.contentrev, .sport-content-wrapper {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
		padding-top: 0;
	}
	#wtmlhsads {
		float: none;
		width: 300px;
		display: block;
		padding: 0;
		margin: 0 auto 10px!important;
	}
	#chooseteam1 {
		margin-right: 0;
		padding: 5px 15px;
		display: block;
		width: 98%;
		float: none;
		left: 0;
		position: relative;
	}
	#chooseteam1, #wtmlhsads a, #wtmlhsads img {
		margin: 0 auto!important;
	}
}

.hota{
color: red;
font-weight: bold;
}

table{
	table-layout:initial;
}
.box2{
	width: 100%;
	margin: 0 auto;
}

.box4{
	width: 100%;
	margin: 30px auto;
}

.statistics{
	width: 700px;
	height: auto;
	margin: 0 auto;
	color: #333;
	font-size: 13px;
}

.statistics table{
	width: 100% !important;
	margin: 0 auto;
	margin-top: 20px;
	outline: 1px solid #BCBCBC;
}

.statistics table tr {
	width: 700px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #F5F5F5;
	border-bottom: 1px solid #BCBCBC;
}

.statistics table tr:nth-of-type(2n){
	background: #FFFFFF;
}
.statistics table tr:last-of-type{
	border-bottom: 0px;
}

.guestTeam{
	margin-top: 30px;
}

.topFive{
	color: #005CE3;
}

@media (max-width: 767px) {
	div{
		box-sizing: border-box;
	}

	/* index */
	#Focus .video,#Focus .focus{
		display: none;
	}
	#Focus .news{
		width: 100%;
	}

	.el_con table td img.icon{
		width: 16px;
		height: 16px;
	}
	.rank_list,.rank_list .item_con{
		margin: 0;
	}
	.def_content{
		width: 100%;
	}
	.rank_list .item_box{
		width: 100%;
	}
	#Bottom .inner_con{
		height: auto;
		padding: 20px 0 0 20px;
	}
	#Bottom .inner_con .contact{
		padding: 8px 0;
	}
    #Focus{
        margin-bottom: 0;
    }


}

/*广告位样式*/
.ggbox{
	width: 100%;border-radius: 7px;margin: 0 auto 0px;overflow: hidden;position: relative;height: 46px;
}

.tip {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 30px;
    height: 11px;
    line-height: 11px;
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
}

 #danmu {
        height: 40px;
        line-height: 40px;
        color: #ff0000;
        font-size: 25px;
        font-weight: 900;
        position: relative;
        top: 42px;

    }

    .sel-button {
        z-index: 9999!important;
    }

    @media screen and (max-width: 750px) {
        .tvtitle {
            padding: 7px 0 7px 2%;
            background: #F2F2F2;
            border-top: 2px solid #33AA99;
        }

        .likezb ul {
            height: 100%;
            overflow: hidden;
            padding: 1rem 0;
        }

        .likezb li {
            float: left;
            width: 30%;
            text-align: center;
            height: 25px;
            font-size: 12px;
            border-radius: 2px;
            position: relative;
            overflow: hidden;
            padding: 0 .5rem;
            margin: .3rem 0;
            overflow: hidden;
        }

        .likezb li a, .likezb li a:visited {
            display: block;
            font-size: 14px;
            line-height: 33px;
            height: 33px;
            font-size: 12px;
            border: 1px solid #dcdcde;
        }

    }

    @media screen and (min-width: 750px) {
        .hotTV {
            max-width: 1080px;
            min-width: 320px;
            margin: 0 auto 10px;
            background: #fff;
            margin-bottom: 0;
        }

        .tvtitle {
            padding: 7px 0 7px 2%;
            background: #F2F2F2;
            border-top: 2px solid #33AA99;
        }

        .likezb ul {
            height: 100%;
            overflow: hidden;
            padding: 0rem 0;
        }

        .likezb li {
            float: left;
            width: 28%;
            height: 33px;
            text-align: center;
            font-size: 12px;
            border-radius: 2px;
            position: relative;
            overflow: hidden;
            padding: 0 .5rem;
            margin: .3rem 0;
            overflow: hidden;
        }

        .likezb li a, .likezb li a:visited {
            display: block;
            font-size: 14px;
            line-height: 33px;
            height: 33px;
            border: 1px solid #dcdcde;
        }

    }