@charset "utf-8";
html, body  {font-family:'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif;position: relative;}
body { 
	margin:0; 
	padding:0; 
	text-align:center; 
	-webkit-text-size-adjust:none;
}   
object:focus { outline:none; }
img{border-style: none;}
input,select,button{font-size: .26rem;-webkit-appearance:none;}
img{max-width: 100%;border-style: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block}
iframe,fieldset,img,button,input{border:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
table{border-collapse:collapse;border-spacing:0}
address,cite,dfn,em,var,i{font-style:normal;font-weight:normal}
del{text-decoration:line-through}
ul,ol{list-style:none}
a{text-decoration:none;}
a:hover {color: #000;} a:visited {color: #000;} a:link {color: #000;} a {color: #000;}
input{border-radius:0}
input::-webkit-input-placeholder{color:#999!important}
input:-moz-placeholder{color:#999!important}
input::-moz-placeholder{color:#999!important}
input:-ms-input-placeholder{color:#999!important}:focus{outline:0}
object:focus { outline:none; }
* {padding: 0; margin: 0;}
ul li {list-style-type: none}
a {text-decoration: none;color:#333;}
img {vertical-align: middle;}
body {font-family: Arial;font-family: '微软雅黑';color:#333;}
body,html{
	position: relative;
	width:100%;
	height: 100%;
	background: -webkit-linear-gradient(
          to top,
          rgba(27,60,88,0.8) 0%,
          rgba(27,60,88,0.9) 10%,
          rgba(27,60,88,1) 100%);
    background: linear-gradient(
          to top,
          rgba(27,60,88,0.8) 0%,
          rgba(27,60,88,0.9) 10%,
          rgba(27,60,88,1) 100%);
}
.list_contain{
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	color:#333;
	width:100%;
	height: 100%;
}
.list_box{
	height:100%;
	width: 650px;
	position: absolute;
	left:50%;
	top:0;
	margin-top: 0;
	padding:0;
	margin-left: -325px;
}
.list_box_h{
	height:258px;
	width: 650px;
	overflow:hidden;
	position: relative;
	text-align: center;
}
.list_box_h img{
	display: inline-block;
	width: 100%;height:100%;
}
.list_box_c{
  width: 650px;
  overflow-x: hidden;
  position: relative;
}
.list_box_c .live_list{
	position:relative;
	height:auto;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	width:100%;
	padding-top: 20px;
}
.list_box_c .live_list li{
  width: 148px;
  height: 200px;
  margin-right: 19px;
  float: left;
}
.list_box_c .live_list li a{
	display:block;
	width: 100%;
	height: 100%;
	position: relative;
}
.list_box_c .live_list .live_list_linone{
	margin: 0;
}
.list_box_c .live_list .c_top{
	width:144px;
	height:144px;
	background-color: #fff;
}
.list_box_c .live_list .c_top img{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.list_box_c .live_list .c_bottom{
	width:100%;
	height:44px;
	color:#fff;
	margin-top: 4px;
}
.list_box_c .live_list .c_bottom p{
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;  
	-moz-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	width: 100%;
	height: 16px;
	line-height: 16px;
}
.list_box_c .live_list .c_bottom p.p1{
	font-size: 14px;
}
.list_box_c .live_list .c_bottom p.p2{
	font-size: 12px;
}
.list_box_b{
	height:170px;
	width:650px;
	overflow:hidden;
	position: relative;
}
.list_box_b img{display: inline-block;width: 100%;height: 100%;}
