/*全局*/
body,nav,ul,li,a,a:hover,p,hr{
	margin: 0;
	padding: 0;
	font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif;
	text-decoration: none;
}
#loader_container {
        text-align: center;
        position: fixed;
        top: 40%;
        width: 100%;
        left: 0;
        display: none; /*数据加载完成前后控制*/
        z-index: 333;
}
#loader {
        font-family: Tahoma, Helvetica, sans;
        font-size: 14px;
        color: #fff;
        background-color: rgba(0,0,0,0.6);
        padding: 10px 0 16px 0;
        margin: 1px auto;
        width: 130px;
        text-align: center;
       
}
body {
    /*max-width:640px;*/
    margin:auto;
    font-size:16px;
    padding-bottom: 45px;
}
a {
    color:#282828;
}
a:hover,
a:focus {
  color: #282828;
  text-decoration: none;
}
a:visited {
    color:#7b7b7b;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
/*全局END*/

/*导航条*/
nav {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    background: #fff;
    height:43px;
}

nav ul li {
        float: left;
        text-decoration: none;
        list-style-type: none;
        width: 25%;
        text-align: center;
        padding: 10px 0 10px;
        font-weight: bold;
}

nav ul a {
        color: #282828;
        /*padding: 0 5px 6px;*/
}

 nav ul a:hover {
        color: #282828;
        text-decoration: none;
}
nav ul a:visited {
    color:#282828;
}
.active {
    color: #fb085e;
    border-bottom: 3px solid #fb085e;
    padding: 0 5px 9px;
}

.active:hover {
    color: #fb085e;
    padding: 0 5px 9px;
}

.active:visited {
    color: #fb085e;
    padding: 0 5px 9px;
}

.nav-two {
    /*max-width: 640px;*/
    min-width: 320px;
    width: 100%;
    display: none;
    position: absolute;
    top: 43px;
    z-index: 100;
    background: rgba(255,255,255,1);
}
.nav-two ul a:visited {
    color:#282828;
}
    .nav-two li {
        float: left;
        text-decoration: none;
        list-style-type: none;
        text-align: center;
        width: 33.33%;
        padding: 15px 0;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

        .nav-two li:hover {
            background: rgba(238,238,238,1);
        }

        .nav-two li a {
            color: #282828;
        }

            .nav-two li a:hover {
                color: #282828;
                text-decoration: none;
            }

.search {
    text-align: right;
    padding-right: 15px;
    padding-top: 8px;
}
.column:hover{
    cursor:pointer;
}
/*导航条END*/

/*顶部导航条*/
/*nav{
	background: #EA313F;
}
nav ul{
	
}
nav ul li{
	padding-top:8px;
	list-style-type: none;
	text-align: center;
	font-size: 1.3em;
	width: 20%;
	height: 40px;
	
}
nav ul li a{
	color: #FFA8AD;
}
nav ul li a:hover{
    padding: 11px 8px 7px 8px;   
	text-decoration: none;
}
.navActive{
	color: #ffffff;
	border-bottom: 2px solid #fff;
    padding: 11px 8px 7px 8px;
}
.container-fluid{
    padding-left: 0;
    padding-right: 0;
}*/

/*顶部导航条END*/
/*直播列表*/
#tltLive{
	/*padding-top: 40px;*/
}
/*figure:hover{
   box-shadow: 4px 2px 6px #333;
}*/
figure{
    background: #fff;
    margin:  13px;
}
figcaption p:visited {
    color:#7b7b7b;
}
.titTop{
	position: relative;
	z-index: 1;
}
figure img{
	width: 100%;
	
}
.liveState{
	position: absolute;
	top: 0;
	right: 17px;
	background: rgba(0,0,0,0.60);
	width: 100px;
	height: 120px;
	color: #fff;
	text-align: center;
}
.live-in{
	background: #008f84;
	border-radius: 5px;
	margin: 15px 15px 5px;
	padding: 5px 10px;
	font-size: 16px;
}
.live-wait{/*待定*/
	background: #008f84;
	border-radius: 5px;
	margin: 15px 15px 5px;
	padding: 5px 10px;
	font-size: 16px;
}
.live-begin{
	background: #ea313f;
	border-radius: 5px;
	margin: 15px 10px 5px;
	padding: 5px 8px;
	font-size: 16px;
}
.live-end{
    background: #ddd;
    color: #6A6A6A;
	border-radius: 5px;
	margin: 15px 15px 5px;
	padding: 5px 10px;
	font-size: 16px;
}
.liveState p:first-of-type{
    font-weight: bold;
    font-size: 26px;
}
.liveState p:nth-of-type(2){
    color: #ccc;
}
@media screen and (max-width: 460px){
.liveState{
	position: absolute;
	top: 0;
	right: 17px;
	background: rgba(0,0,0,0.60);
	width: 90px;
	height: 110px;
	color: #fff;
	text-align: center;
}
.live-in{
	background: #008f84;
	border-radius: 5px;
	margin: 10px 10px 5px;
	padding: 5px;
	font-size: 14px;
}
.live-begin{
	background: #ea313f;
	border-radius: 5px;
	margin: 10px 10px 5px;
	padding: 5px;
	font-size: 14px;
}
.live-end{
    background: #ddd;
    color: #6A6A6A;
	border-radius: 5px;
	margin: 10px 10px 5px;
	padding: 5px;
	font-size: 14px;
}
.liveState p:first-of-type{
    font-weight: bold;
    font-size: 24px;
}
}
figcaption:hover{
	/*background: rgba(0,0,0,0.1);*/
}
figcaption p{
	color: #282828;
	font-size: 18px;
	padding:10px 15px 0;
}
.titInfo{
	font-size: 14px;
	color: #898989;
	text-align: right;
	padding: 10px 15px;
}
.titInfo img{
	width: 11px;
	padding-bottom: 2px;
    margin-right: 5px;
}
/*直播列表END*/
/*回到头部*/
.to-top{
	background: #ED145B;
	opacity:0.9;
	-webkit-border-radius: 45px 45px 45px 45px; 
	border: 1px #fff sold; 
    width: 45px; 
    height: 45px; 
    padding:3px;
	z-index:1000;
}
.to-top:hover{
	background: #ED145B;
	opacity:0.8;
	-webkit-border-radius: 45px 45px 45px 45px; 
	border: 1px #fff sold; 
	padding:3px;
}
/*回到头部END*/

/*上拉加载更多*/
#upMore{
   width: 100%;
   text-align: center;
   color: #999;
}
#upMore div{
	padding-bottom: 10px;
}
/*上拉加载更多END*/
/*底部高度*/
footer{
	height: 13px;
}
/*底部高度END*/
/*底部导航条*/
.floor-nav{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    /*max-width: 640px;*/
    min-width: 320px;
    border-top:1px solid #eee; 
    z-index: 1001;
    margin-bottom: 0;
    padding:0;
}
.floor-nav li{
    float: left;
    width: 24%;
    text-align: center;
    list-style-type: none;
    padding: 6px 0;
}
.floor-nav>img{
    float: left;
    padding-top: 10px;
}
/*底部导航条END*/