@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background-image:url(../images/bg1.jpg);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-color:#B60D46;
}
/*****直播*****/
.ui-mobile [data-role=page],
.ui-page{

}
.ui-content{
	padding:0.5em;
}
.livePage{
	margin:0;
	padding:0;
}
.liveList{
	color:#fff;
	font-size:14px;
	display:block;
}
.lvHead{
	text-align:center;
	position:relative;
	color:#fff;
	margin-top:0;
}
.lvHead h1{
	font-size:18px;
	color:#fff;
	margin-top:-70px;
	margin-bottom:80px;
}
.lvHead h2 a:link, .lvHead h2 a:visited{
	color:#FFF;
	text-decoration:none;
}
.lvHead h2{
	font-size:18px;
	margin:20px 10px;
	color:#FFF;
}
.lvHead img{
	width:30%;
	height:auto;
	text-align:center;
	border:none;
}
.liveList .liveItem,
.liveList table{
	background-image:url(../images/icon/line.png);
	background-repeat:repeat-y;
	background-position:68px 10px;
	background-size:18px;
}

.liveList .liveItem{
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap:no-wrap;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-item: flex-stretch;
	-ms-flex-align: stretch;
	align-items:stretch;

}

.liveList h2{
	font-size:16px;
	padding-right:10px;
}
.liveList h3{
	font-weight:bold;
}
.liveList tr{
	vertical-align:top;
	margin:10px 0;
}
.liveList th{
	border-bottom:1px solid #fff;
	margin:0;
	padding:10px 0;
	text-align:center;
}
.liveList td{
	padding:0;
}

.liveList .liveItem .lvTime,
td.lvTime{
	padding:18px 20px 10px 0;
	background-image:url(../images/icon/circle.png);
	background-repeat:no-repeat;
	background-position:100% 20px;
	background-size:14px;
	width:64px;
	font-size:14px;
	text-align:right;
}
.liveList .liveItem .lvTime{
	width:88px;
}

.lvNote,
.liveTd{
	position:relative;
	display:block;
	background-color:#fff;
	margin:5px 5px 40px 10px;
	padding:5px 10px 10px 10px;
	color:#333;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.lvNote p,
.liveTd p{
	margin:10px 0;
}
.lvNote img,
.liveTd img{
	width:100%;
	height:auto;
	border:none;
	margin:10px 0;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #fff;
	top:14px;
	left:-8px;
	position:absolute;
}
html .popupPhoto img{
	display:block;
	width:100%;
	height:auto;
}
/**评论**/
.mainComment{
	background-color:transparent;
	color:#fff;
}
.mainComment h2{
	display:block;
}
textarea {
	padding: .4em;
	line-height: 1.4em;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	overflow: auto;
	resize: vertical;
	height:50px;
	font-size:12px;
}
.ucComment .ucName, .commentDate{
	font-size:12px;
	color:#fff;
}


@media all and (min-width:480px) {

.liveList{
	font-size:16px;
}

.liveList .liveItem,
.liveList table{
	background-position:88px 10px;
	background-size:18px;
}
	
.liveList .liveItem .lvTime,
td.lvTime{
	width:84px;
	font-size:16px;
}
.liveList .liveItem .lvTime{
	width:88px;
}

.lvNote,
.liveTd{
	padding:5px 15px 10px 15px;
}

}