﻿body{
	padding: 88px 0 0;
}

#Navigation{
	border-bottom: none;
}

/*焦点图*/
#Focus{
	margin-top: 0;
	overflow-x: scroll; overflow-y: auto;
	position: relative;
}
#Focus > a{
	width: 100%; height: 100%;
	display: block;
	visibility: hidden;
	transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -moz-transform: translateX(100%);
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
	position: absolute; top: 0; left: 0; z-index: -1;
}
#Focus > a.before{
	z-index: 3;
	visibility: visible;
	transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0);
}
#Focus > a.back{
	transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%);
}
#Focus img{
	width: 100%; height: 100%;
}
#Focus div.bg{
	position: relative; z-index: -1;
}
#Focus div.bg:before{
	background: #f3f3f3;
	position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0;
}
#Focus > a p{
	height: 52px;
	background: rgba(0,0,0,0.6);
	font-size: 24px; line-height: 52px; text-align: center; color: #fff;
	position: absolute; bottom: 0; left: 0; right: 0;
	overflow: hidden;
}

/*直播*/
#Live{

}
#Live .title{
	color: #361414;
	position: relative; top: 0;
}
#Live ul{
	height: 190px;
	overflow-x: scroll; overflow-y: auto; -webkit-overflow-scrolling: touch;
	white-space: nowrap;
}
#Live ul a.li{
	height: 190px; width: 100%;
	vertical-align: top;
	display: inline-block;
}
#Live ul a.li div.inner{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
#Live ul a.li div.info{
	height: 190px; width: 260px;
	text-align: center;
}
#Live ul a.li p.team{
	height: 168px;
	padding-top: 22px;
	font-size: 24px; line-height: 36px; text-align: center; white-space: nowrap; text-overflow: ellipsis;
	-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;
}
#Live ul a.li p.team:first-child{
	padding-left: 24px;
}
#Live ul a.li p.team:last-child{
	padding-right: 24px;
}
#Live ul a.li p.team img{
	width: 70px; height: 70px;
	margin: 0 auto 10px;
	display: block;
}
#Live ul a.li p.league{
	font-size: 24px; line-height: 52px; color: #a7a1a1;
}
#Live ul a.li p.time{
	font-size: 28px; line-height: 30px; color: #361414;
}
#Live ul a.li p.live{
	width: 96px; height: 40px;
	margin: 22px auto 0;
	border-radius: 20px;
	background-image: linear-gradient(106deg, #fc8f70, #e73732);
	font-size: 20px; line-height: 40px; color: #fff;
}
#Live ul .nolist{
	height: 190px;
	font-size: 28px; line-height: 190px; text-align: center; color: #a7a1a1;
	position: relative;
}
#Live ul .nolist:before,#Live ul .nolist:after{
	width: 240px; height: 190px;
	position: absolute; top: 0;
	content: '';
}
#Live ul .nolist:before{
	left: 0;
	background: url(../../img/customer2/found_image_left.png) no-repeat center left; background-size: auto 190px;
}
#Live ul .nolist:after{
	right: 0;
	background: url(../../img/customer2/found_image_right.png) no-repeat center right; background-size: auto 190px;
}
#Live .point{
	height: 10px;
	text-align: center;
	position: absolute; bottom: 18px; left: 0; right: 0;
}
#Live .point i{
	width: 10px; height: 10px;
	border-radius: 50%;
	background: #e0e3ea;
	display: inline-block;
}
#Live .point i + i{
	margin-left: 10px;
}
#Live .point i.on{
	background: #a7a1a1;
}

/*外框*/
.artList{
	padding: 0 0 0 24px;
}
.artList .articleEv{
	padding: 20px 24px 20px 0;
	display: block;
}
.artList .articleEv + .articleEv{
	border-top: 1px solid #e6e6e6;
}


/*文章内容*/
.articleEv .inner{
	display: block;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.articleEv div.img{
	width: 240px; height: 132px;
	margin-left: 24px;
	overflow: hidden;
}
.articleEv div.content{
	height: 92px;
	padding-bottom: 40px;
	-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;
	position: relative;
}
.articleEv p.title{
	font-size: 32px; line-height: 40px;
}
.articleEv p.title span{
	height: 30px;
	margin-right: 4px;
	border-radius: 4px;
	font-size: 24px; line-height: 30px; text-align: center;
    display: inline-block;
    position: relative; top: -3px;
}
.articleEv p.title span.good{
	width: 30px;
	background: #459de0;
	color: #fff; font-weight: bold;
}
.articleEv p.time{
	font-size: 24px; line-height: 32px; color: #a7a1a1;
	position: absolute; bottom: 0; left: 0;
}
.articleEv p.time span{
	color: #acc2da;
}
.articleEv p.price{
	font-size: 28px; line-height: 40px; text-align: right; color: #bc1c25;
	position: absolute; bottom: 0; right: 0;
}

/*发布时间，订单状态下也用来防止购买时间和购买按钮*/
.articleEv div.pushTime{
	padding: 19px 0 0 0; margin-top: 20px;
	border-top: 1px solid #e6e6e6;
	font-size: 24px; line-height: 32px; color: #999; vertical-align: bottom;
}
.articleEv div.pushTime > span.new{
	padding: 0 8px;
	color: #bc1c25;
}
.articleEv div.pushTime > span.cost{
	font-size: 32px; color: #bc1c25; font-weight: bold;
	float: right;
}
.articleEv div.pushTime > span.buy{
	font-size: 32px; color: #bc1c25;
	float: right;
}
.articleEv div.pushTime > span.discontinued{
	font-size: 32px; color: #999;
	float: right;
}
.articleEv div.pushTime > span.free{
	font-size: 32px; color: #1CC075;
	float: right;
}
.articleEv div.pushTime > span.nobuy{
	font-size: 32px; color: rgba(225,34,58,0.5);
	float: right;
}
.articleEv div.pushTime > p.nobuy{
	line-height: 60px; color: #999;
	display: inline-block;
}
.articleEv div.pushTime > button.what{
	width: 40px; height: 40px;
	margin-top: -4px;
	background: url(../../img/customer2/icon_what.png) no-repeat left center; background-size: 40px;
	vertical-align: middle;
}
.articleEv div.pushTime > button.buy{
	height: 60px;
	padding: 0 16px;
	border-radius: 4px;
	background: #bc1c25;
	font-size: 24px; color: #fff;
	float: right;
}


