/*����*/
body {background: #f3f3f3;}
.wp {width: 1200px;margin: 0 auto;}
.cl {zoom: 1;}
.cl:after {content: '\20';display: block;height: 0;clear: both;visibility: hidden;}
.z {float: left;}
.y {float: right;}
.tpt-con2 {margin: 0px 10px 10px 15px;}
.tpt-bottom{border-bottom: 1px solid #f0f0f0;margin-bottom: 30px;}
.tpt-pat-85 {padding-top: 85px;}
.tpt-mat-30 {margin-top: 30px;}
.tpt-mat-20 {margin-top: 20px;}
.tpt-forum {margin: 10px;}
.active_self_out{
	width: 100%;
	position: absolute;
	bottom:14px;
}
.active_self{
	width: 26px;
	height: 3px;
	background: linear-gradient(90deg, #306DFF, #E10000);
	margin: 0px auto;
}
.pagesout{
	margin-top: 20px;
}
/*NET*/

/*ͷ��*/
.tpt-header{background:#ffffff;width:100%;height:70px;position:relative;z-index:999;left:0;top:0;margin-bottom: 2px;}
.tpt-header .tpt-logo{display: flex;justify-content: space-between;line-height:70px;height:70px;margin-right:10px}
.tpt-header .tpt-logo img{vertical-align:middle;margin:0 50px 0 10px}
.sall {
    width: 280px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 170px;
    display: flex;
    padding-right: 50px;
    align-items: center;
}

.inp_key {
	 width:200px;
	 height: 28px;
	 float:left;
     background: #f1f1f1;
     border: none;
 }
.search_btn{
	border: none;
    color: white;
    padding: 0px 20px;
    background-color: #3a84ff;
    line-height: 28px;
    cursor: pointer;
}
.tpt-nav{float:left;}
.tpt-nav li{position:relative;float:left}
.tpt-nav li:first-child {
	padding-left: 10px;
}
.tpt-nav .tpt-nav-li{position:relative;float:left;text-align:center;color:#000;font-size:14px;cursor:pointer;padding-right:5px;padding-left:5px;height:70px;line-height:70px}
.tpt-nav label::after{position:absolute;right:0;top:0;color:#fff;content:"\25BC";-webkit-transition:all .35s;transition:all .35s}
.tpt-nav :hover+label::after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.head-logo-text {
	font-size: 24px;
}
.tpt-nav :hover .tpt-nav-ul{display:block}
.tpt-nav .tpt-nav-ul{display:none;position:absolute;left:0;top:61px;box-shadow:0 2px 4px rgba(0,0,0,.12);min-width:100%}
.tpt-nav .tpt-nav-ul li{background:#fff;height:40px;line-height:40px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpt-nav .tpt-nav-ul li a{display:block;color:#2a303c;font-size:14px;padding:0 20px;text-align:center}
.tpt-nav .tpt-nav-ul li a:hover{background:#f2f2f2}
@media only screen and (max-width:1023px){
.tpt-header{background:#ffffff;height:100px}
.sall{
	width: 280px;
    height: 70px;
    position: absolute;
    top: 40px;
    display: flex;
    align-items: center;
	left: 50%;
    transform: translateX(-50%);
	padding-right: 0px;
}
.tpt-header .tpt-logo img{margin:0 0 0 10px}
.tpt-header .tpt-nav-btn::after{position:absolute;right:7px;top:50%;margin-top:-12px;width:27px;text-align:center;cursor:pointer;content:url(/static/images/a6/menu.png)}
.tpt-header .tpt-nav{max-height:0;overflow:hidden}
.tpt-header input:checked~.tpt-nav{max-height:1000px}
.tpt-header .tpt-logo{float:none;width:100%;line-height:70px}
.tpt-nav{width:100%;padding:0;position:absolute}
.tpt-nav li{position:static;float:none}
.tpt-nav .tpt-nav-li{float:none;display:block;text-align:left;background:#ffffff;color:#000;height:30px;line-height:30px;padding:0 20px}
.tpt-nav label::after{right:13px}
.tpt-nav :hover+label::after{-webkit-transform:rotateX(0);transform:rotateX(0)}
.tpt-nav .tpt-nav-ul{max-height:0;overflow:hidden;display:block;position:relative;left:0;top:0;box-shadow:none;border:none}
.tpt-nav .tpt-nav-ul li{background:#16171A;height:50px;line-height:50px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpt-nav .tpt-nav-ul li a{color:#fff;font-size:14px;text-align:left}
.tpt-nav input:checked~.tpt-nav-ul{max-height:1000px}
.tpt-nav input[type=checkbox]:checked+label::after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.tpt-nav .tpt-nav-ul li a:hover,.tpt-nav input[type=checkbox]:checked+label,.tpt-nav label:hover,.tpt-nav li a:hover{background:#ffffff}
}
.tpt-status{float: right;position: relative;line-height: 70px;margin-right: 10px;}
.tpt-status:hover {color: #fff;}
.tpt-status h2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;color: #fff;}
.tpt-status h2 a {color:#fff;font-size:14px;}
.tpt-status h2 img {width: 42px;height: 42px;border-radius: 100%;margin-right: 10px;}
.tpt-status em {font-style: normal;}
.tpt-status .mes{position: absolute;left: 30px;top: 8px;height: 16px;line-height: 16px;width: 16px;background-color: #FF5722;color: #fff;text-align: center;font-size: 12px;border-radius: 100%;}
.tpt-status .login{color: #fff;}
.tpt-status .login i{color: #fff;font-size: 38px;float: left;margin-right: 15px;}
.tpt-status .rega {color: #000;margin-right: 10px;}
.tpt-status .regb {color: #000;}
.tpt-status ul{display:none;position: absolute;right: 0;top: 70px;background:#fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);min-width: 100px;}
.tpt-status:hover ul{display:block}
.tpt-status ul li{float: left;width: 100%;height: 35px;}
.tpt-status ul li a{color: #333;padding: 0 10px;line-height: 35px;height: 35px;font-size: 12px;display: block;overflow: hidden;}
.tpt-status ul li a:hover {background: #f2f2f2;}
.tpt-status ul li a i{margin-right: 6px;position: relative;top: 1px;color: #ff5722;}
.PathInner{position:fixed;right:15px;bottom:15px;z-index:99;width:42px;height:42px;display: none}
.PathInner .PathItem{position:absolute;bottom:0;left:0;}
.PathInner a{z-index:999;display:block;background-position:center;background-repeat:no-repeat;}
.PathInner .PathMain{position:absolute;bottom: -5px;left: -5px;z-index:1000;display:block;background-position:center;background-repeat:no-repeat;}
.PathInner .PathMain img{width:44px;height:44px;border-radius:100%;cursor:pointer;padding: 3px;border: 1px solid #f2f2f2;}
.PathInner .PathMain em{font-style: normal;display:block;width:48px;height:48px;border-radius:100%;background:#1E9FFF;color:#fff;text-align:center;line-height:48px;cursor:pointer;}
.PathInner .tpt-message{position: absolute;left: 35px;top: 0;height: 16px;line-height: 16px;width: 16px;background-color: #FF5722;color: #fff;text-align: center;font-size: 12px;border-radius: 100%;z-index: 9999 !important;}
.PathInner .tpt-message span {top: 0px;}
.PathItem .link{position:absolute;bottom:0;left:0;width:42px;height:42px;border-radius:100%;text-align:center;}
.PathItem .link i{position:relative;top:8px;color:#fff;font-size:24px;cursor:pointer;}
.PathItem .link img{width:42px;height:42px;border-radius:100%;cursor:pointer;}
.PathItem .cola{background:#FF5722;}
.PathItem .colb{background:#5FB878;}
.PathItem .colc{background:#009688;}
.PathItem .cold{background:#FFB800;}
/*NET*/

/*β��*/
.tpt-footer{width:100%;text-align:center;padding:30px 0;background:#ffffff;}
.tpt-footer p,.tpt-footer p a{font-size:14px;font-weight:100;color:#8e8e8e}
.tpt-footer .pipe{margin:0 4px 0 5px;color:#fff}
.tpt-footer img{margin:-5px 5px 0 0}
/*NET*/

/*��ҳ*/
.pages{padding: 0;width: 100%;text-align: center}
.pagination{display:inline-block;padding-left:0;border-radius:4px;margin-bottom: 20px}
.pagination li{display:inline}
.pagination li a,.pagination li span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;color:#393D49;background:#fff;margin:0 0 0 8px;border:1px solid #eee}
.pagination li a:hover{color:#fff;background:#1E9FFF}
.pagination .active span{background:#1E9FFF;color:#fff}
.pagination .disabled{display:none}
/*NET*/

/*����*/
@font-face{font-family:iconfont;}
.iconfont{font-family:iconfont!important;font-size:1pc;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
/*NET*/

/*��Ӧʽ����*/
.tpt-wp {width: 100%;margin: 0 auto;}
.tpt-md-4 {float: left;}
.tpt-md-3 {float: left;}
.tpt-md-2 {float: left;}
.tpt-md-1 {width: 100%;}

@media only screen and (max-width: 767px) {
    .tpt-md-4 {width: 50%;}
	.tpt-md-3 {width: 100%;}
	.tpt-md-2 {width: 100%;}
	.tpt-ml-3 {display: none;}
	.cardSlide {width:100% !important}
	.tpt-con2{margin:0}
	.tpt-ml-7 {width: 100%;    padding-top: 1px;     padding-bottom: 1px;}
	.tpt-mr-7 {width: 100%;}
	.tpt-none-768 {display: none;}
	.tpt-block-768 {display: block;}
	.tpt-left-768 {float: left;}
	.tpt-right-768 {float: right;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tpt-md-4 {width: 50%;}
	.tpt-md-3 {width: 50%;}
	.tpt-md-2 {width: 50%;}
	.tpt-ml-3 {display: none;}
	.tpt-mr-3 {display: none;}
	.tpt-ml-7 {width: 100%;}
	.tpt-mr-7 {width: 100%;}
	.tpt-none-1024 {display: none;}
	.tpt-block-1024 {display: block !important;}
	.tpt-left-1024 {float: left;}
	.tpt-right-1024 {float: right;}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .tpt-md-4 {width: 33.33333333%;}
	.tpt-md-3 {width: 33.33333333%;}
	.tpt-md-2 {width: 50%;}
	.tpt-ml-3 {width: 30%;float: left;}
	.tpt-mr-3 {width: 30%;float: right;}
	.tpt-ml-7 {width: 70%;float: left;}
	.tpt-mr-7 {width: 70%;float: right;}
	.tpt-none-1200 {display: none;}
	.tpt-block-1200 {display: block !important;}
	.tpt-left-1200 {float: left;}
	.tpt-right-1200 {float: right;}
}

@media only screen and (min-width: 1240px) {
    .tpt-md-4 {width: 25%;}
	.tpt-md-3 {width: 33.33333333%;}
	.tpt-md-2 {width: 50%;}
    .tpt-ml-3 {width: 30%;float: left;}
	.tpt-mr-3 {width: 30%;float: right;}
	.tpt-ml-7 {width: 70%;float: left;}
	.tpt-mr-7 {width: 70%;float: right;}
    .tpt-wp {width: 1240px;margin: 0 auto;}
	.tpt-none-1920 {display: none;}
	.tpt-block-1920 {display: block !important;}
	.tpt-left-1920 {float: left;}
	.tpt-right-1920 {float: right;}
}
@media screen and (max-width: 768px){
	.active_self_out{
		display: none;
	}
	.tpt-nav .tpt-nav-li{
		width: 100%;
	}
}
.subMenu_out{
	background-color: #ffffff;
	width: 100%;
}
.subMenu{
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	width: 1240px;
	margin: 0 auto 10px auto;
	color:#7D7D7D
}
.subMenu>div>.sub_menu_a {
	margin-left: 20px;
}
.subMenu>div>.sub_menu_choose {
	color:#306dff ;
}
.subMenu>div, .subMenu>div>.sub_menu_a {
	display: inline-block;
	height: 100%;
}
.lists{
	background-color: #fff;
	flex: 1;
	min-height: 800px;
}
.lists .lists-icons{
	background-size: 100% 100%;
	box-sizing: border-box;
	color: #fff;
	flex: none;
	font-size: 16px;
	font-weight: 700;
	height: 45px;
	line-height: 38px;
	padding-right: 10px;
	position: relative;
	right: 11px;
	text-align: center;
	width: 122px;
}
.lists .lists-timeTab{
	color: #8e8e8e;
	display: flex;
	flex: 1;
	font-size: 14px;
	position: relative;
}
.pages_out{
	background-color: #ffffff;
}
.lists .lists-timeTab>.tab{
	cursor: pointer;
	margin-right: 30px;
	white-space: nowrap;
}
.items-center {
	align-items: center;
}
.flex {
	display: flex;
}
a {
	color: inherit;
	text-decoration: inherit;
}
.timeLine{
	align-items: center;
	color: #8e8e8e;
	display: flex;
	font-size: 14px;
	height: 55px;
	padding-left: 20px;
	cursor: pointer;
}
.timeLine-circle{
	background-color: #8e8e8e;
	border-radius: 50%;
	height: 7px;
	margin-right: 10px;
	width: 7px;
}

.timeLine.active .timeLine-circle {
	background-color: #3a84ff;
}

.timeLine.active .title-text {
	color: #3a84ff;
}

.dataLine{
	color: #000;
	font-size: 16px;
	padding: 0 30px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.dataLine .matchName {
	transition: all .2s linear;
	width: 150px;
	word-wrap: break-word;
}
.dataLine .blue-btn{
	background-color: #3a84ff;
	color: #fff;
}
.dataLine .red-btn{
	background-color: #3a84ff;
	color: #fff;
}
.lists .lists-timeTab>.tab.active{
	color: #306dff;
}
.dataLine .dataLine-content .team .name {
	color: #000;
	font-size: 16px;
	width: 120px;
	word-wrap:break-word;
}
.text-right {
	text-align: right;
}
.dataLine:hover {
	background-color: #eef3f8;
}
.dataLine .box{
	align-items: center;
	border-bottom: 1px solid #eef3f8;
	display: flex;
	padding: 20px 0;
}

.tpt-header #nav-btn{
	display: none;
}

.dataLine .time{
	width: 150px;
	text-align: center;
	padding-top: 5px;
}
.dataLine .dataLine-content .team{
	align-items: center;
	display: flex;
	gap: 8px;
}
.dataLine .dataLine-content{
	align-items: center;
	display: flex;
	flex: 1;
	gap: 8px;
}
.dataLine .dataLine-content .team .logo{
	flex: none;
	height: 36px;
	width: 36px;
}
.dataLine .score{
	display: flex;
	font-size: 25px;
	justify-content: center;
	gap: 4px;
}
.dataLine .score .bifen{
	 width: 60px;
	 word-wrap:break-word;
}
.dataLine .gray-btn{
	background-color: #f1f1f1;
	color: #8e8e8e;
}
.dataLine .btn{
	align-items: center;
	display: flex;
	font-size: 12px;
	height: 32px;
	justify-content: center;
	width: 98px;
}
.tpt-nav .router-link-active{
	color: #306dff;
}
.liveVideoStatus, .noStart {
	align-items: center;
	display: flex;
	justify-content: center;
}
.liveVideoStatus {
	background: #f1f1f1;
	border-radius: 2px;
	margin: 10px 0;
}
.liveVideoStatus {
	height: 500px;
	width: 100%;
}
.noStart {
	flex-direction: column;
}
.noStart img {
	height: 88px;
	width: 88px;
}
.noStart .text {
	color: #ccc;
	font-size: 24px;
	margin-top: 30px;
}
.vjs-tech{
	height: auto;
	width: 100%;
}
.notData{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.arttitle{
	padding: 20px 0px 0px;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.arttitle h2 {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 23px;
}
.artblock .artContent {
	padding: 20px 0;
}
.mapItem {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.mapItem h3 {
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
}
.mapItem a {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #000;
}
.artContent {
	word-break: break-all;
}
@media only screen and (max-width:1023px) {
	.active_self_out {
		display: none;
	}

	.tpt-nav .tpt-nav-li {
		width: 100%;
		box-sizing: border-box;
	}
	.subMenu_out{
		overflow-x: scroll;
	}
	.subMenu{
		width: auto;
		white-space: nowrap;
	}
	.md{
		flex-direction: column;
		align-items: flex-start;
	}
	.w-full{
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	.lists .lists-timeTab{
		gap: 0.25rem;
		justify-content: space-between;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.lists .lists-timeTab .day, .lists .lists-timeTab .week {
		white-space: nowrap;
	}
	.lists .lists-timeTab>.tab{
		margin-right: 0;
		text-align: center;
		white-space: normal;
	}
	.dataLine .box{
		display: block;
		padding: 20px 0;
	}
	.dataLine .dataLine-content {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.dataLine .matchName{
		font-weight: 700;
	}
	.dataLine .time{
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: right;
		width: 100%;
	}
	.dataLine .dataLine-content .team{
		width: auto;
	}
	.dataLine .score{
		justify-content: center;
		margin-bottom: 0.5rem;
		width: 100%;
		display: none;
	}
	.dataLine .dataLine-content .team .name{
		width: 110px;
	}
	.dataLine .btnBox {
		/*display: flex;*/
		display: none;
		justify-content: flex-end;
		width: 100%;
	}
	.router-link-active{
		background-color: #306dff !important;
		color: #fff !important;
		border-radius: 6px;
	}
	.tpt-header input:checked~.tpt-nav{
		box-shadow: -10px 0 9px #ddd;
	}
}
/*NET*/


/*--评论--*/
#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:#3a84ff}
.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:#3a84ff;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:#3a84ff}
.reply-a{opacity:0.5}
.comment-list li:hover .reply-a{opacity:1}
.mcolor{color:#3a84ff}

.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-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 5px;
}


.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;
}

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

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

.bg-white h1,.mtop h1 {
	font-size: 20px;
	padding:10px;
	text-align: center;
}
.relative {
    position: relative;
}

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

#daohang {
    display: flex;
    align-items: center;
    padding-left: 10px;
    height: 30px;
    cursor: pointer;
    color: white;
    margin: 10px;
	background-color: #306dff 
}
.cornerlb{
	text-align: center;
}
.teams{
	display: flex;
    align-items: center;
    justify-content: space-around; 
	margin: 10px auto 20px;
	position: relative;
}
.teams::after{
    content: '';
    position: absolute;
    border-bottom: solid 1px #f1f1f1;
    bottom: 0;
    width: 95%;
    height: 1px;
}