/* layer */
.layer_wrap{position:absolute;left:0;top:-100px;right:0;bottom:0;z-index:99999;line-height:100%;text-align:center;}
.layer_wrap:after{display:inline-block;height:100%;vertical-align:middle;content:''}
/*.layer_dimmed{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background-color:#000;opacity:0.5;filter:alpha(opacity=50)}*/
.layer_inner{display:inline-block;position:relative;z-index:2;width:95%;background-color:#fff;border:1px solid #17bbff;vertical-align:middle}
.layer_head{padding:15px 0;background-color:#3a4056;border:1px solid #fff;font-weight:bold}
.layer_cont{overflow-x:hidden;overflow-y:auto;max-height:300px}
.layer_cont .layer_txt{padding:20px;line-height:18px;text-align:left}
.layer_foot{padding:10px;background-color:#000;border:1px solid #fff}
.layer_foot:after{display:block;clear:both;content:''}
.layer_foot .ico_close{display:inline-block;width:13px;height:13px;margin:-2px 0 0 3px;background-position:-147px 3px;border:1px solid #fff;opacity:0.5;filter:alpha(opacity=50);vertical-align:middle}
.layer_foot [class^=btn_close]{color:#ddd}
.layer_foot .btn_close_today{float:left}
.layer_foot .btn_close{float:right}
.layer_head .layer_tit{color:#fff}

.pf_live_wrapper{position:relative; width:100%; text-align:center;}
.target0{position:relative; width:508px; height:395px; overflow:hidden; margin:0 auto;}
.target1{position:absolute; top:0px; left:0px; margin-left:-75px; margin-top:-200px;}
.target2{border:0px; width:1600px; height:1000px; -webkit-transform:scale(1); -webkit-transform-origin:top left;}
.pf_live_wrapper_block{display:none; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%;}
.over{color:#fc163c;}
.under{color:#1672fc;}
.ly_wrap{z-index:10000;}
.ajax_text {
    color: #fff600;
    text-align: right;
    position: absolute;
    margin-top: -25px;
    width: 270px;
}

.snap-content {
    /* position: absolute; */
    margin: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: auto;
    height: auto;
    overflow: auto;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.list_sports {
    display: inline-block;
    padding: 5px;
    width: 95%;
}

.list_sports * {
    box-sizing: border-box;
}
.list_sports .btn_sport {
    position: relative;
    display: inline-block;
	float: left;
	width: 16.6%;
    min-width: 30px;
    padding: 5px;
    padding-top: 16.6%;
	text-align: center;
}

.list_sports .btn_sport a {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
    padding-top: calc(100% - 15px);
	border-radius: 5px;
    border: 1px solid #666666;
	background-color: #333333;
	font-size: 11px;
	color: #fff;
}

.list_sports .btn_sport a img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 50%;
    max-height: 50%;
    transform: translate(-50%, calc(-50% - 6px));
}

.list_sports .btn_sport a span.count {
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 50%;
    max-width: 50%;
    max-height: 50%;
    transform: translate(-50%, 0);
	color: #fff;
}

.list_sports .btn_sport:hover,
.list_sports .btn_sport:active,
.list_sports .btn_sport.active {
	background-color: #3678c1;
}

.news_wrap {
	background-color: #31373f;
	height: 30px;
	font-size: 11px;
	color: #ddd;
}

.news_wrap .news_area {
	position: relative;
	margin: 0 auto;
	padding: 0 10px;
	height: 30px;
}

.news_wrap .news_area .news_notice {
    padding: 7px 10px 7px 30px;
    color: #dddddd;
    font-size: 10px;
    font-weight: 400;
    text-align: left;
}

.news_wrap .news_area .news_notice::before {
    position: absolute;
    top: 8px;
    left: 10px;
    content: '';
    width: 20px;
    height: 20px;
	background-position: 0px -580px;
	background-repeat: no-repeat;
}

.news_wrap .news_msg {
	color: #ddd;
	line-height: 29px;
}

.news_wrap .news_msg strong {
	color: #fff;
	line-height: 29px;
}