@charset "utf-8";
.index_centent section div img{
	 box-shadow: 0 0 6px #ccc;
}
/*移动端样式 - Mobile terminal style*/
@media screen and (max-width: 1080px) {   
    .tabTime span{
		padding:12px 0;
	}
    /*主页内容 - index_centent*/
    .index_centent{
    	width:100%; 
    	height:100%;
    	margin:0 auto;
    }
    
    /*主页横幅广告 - index_banner*/
    .index_centent .index_banner{
    	width:100%;
    	height:120px; 
    	margin-bottom:6px;
    	margin-top:3px;
    }
    .index_centent .index_banner .img{
    	width:100%;
    	height:120px;
    }
    .index_centent .index_banner{
    	position:relative;
    }
    .index_centent .index_banner .tab_span{
    	width:51px;
    	position:absolute;
    	z-index:1;
    	left:50%;
        margin-left:-25px;
        bottom:5px;
    	background:#000;
    	opacity:0.9;
    	border-radius:10px;
    	padding:2px;
    }
    .index_centent .index_banner .tab_span span{
    	width:6px;
    	height:6px;
    	display:inline-block;
    	border-radius:6px;
    	background:#fff;
    	float:left;
    	margin-left:8px;
    }
    .index_centent .index_banner .tab_span .artive_span{
    	background:#00a0d5;
    }
    /*推荐 - recommend*/
    .index_centent .recommend{
    	width:100%; 
    }
    .index_centent .recommend div{
    	width:46%; 
    	height:120px;
    	float:left;
    	margin:2%;
    	position:relative;
    	margin-top:10px;
    }
    .index_centent .recommend div .img1{
    	width:100%; 
    	height:120px;
    	border-radius:0px;
    }
    .index_centent .recommend div p{
    	width:100%;
    	color:#fff;
    	box-shadow:0px 4px 10px #000;
    	background-color:rgba(0,0,0,0.4);
    	position:absolute;
    	top:100px;
    	opacity:0.9;
    	text-align:center;
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	white-space:nowrap;	
    }
    /*番剧 - some_drama*/
    .index_centent .some_drama{
    	clear:both; 
    	margin-bottom:100px;
    }
    .index_centent .some_drama h2{
    	width:98%;
    	height:30px;
    	display:block;
    	margin:0 auto;
    	padding-top:35px;
        border-bottom:2px solid #ccc;
    }
    .index_centent .some_drama h2 a{
    	border:1px solid #ccc; 
    	float:right; color:#b6bebe; 
    	font-size:16px; 
    	padding:0 10px; 
    	border-radius:5px;
    }
    .index_centent .some_drama h2 a:hover{
     	color:blue;
     }
    .index_centent .some_drama div{
    	width:46%; 
    	height:120px;
    	float:left;
    	margin:2%;
    	position:relative;
    }
    .index_centent .some_drama div .img1{
    	width:100%; 
    	height:120px;
    	border-radius:6px;
    }
    .index_centent .some_drama div p{
    	width:100%;
    	position:absolute;
    	top:100px;
    	text-align:center;
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	white-space:nowrap;	
    }
    /*番剧简介 - simple*/
    .recommend div #simple{
    	width:100%;
    	height:100%;
    	opacity:0.9; 
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	position:absolute;
    	top:0;
    	background:#fff;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	line-height:26px;
    }
    .recommend div #simple span{
    	font-size:20px;
    	color:blue;
    }
    .recommend div #simple a small{
    	margin-left:5px;
    }
    .recommend div #simple a{
    	color:#000;
    	text-decoration:underline;
    }
    .recommend #simple{
    	display:none;
    }
    .some_drama div #simple{
    	width:100%; 
    	height:100%;
    	opacity:0.9;
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	position:absolute;
    	top:0;
    	background:#fff;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	line-height:26px;
    }
    .some_drama div #simple span{
    	font-size:20px;
    	color:blue;
    }
    .some_drama div #simple a small{
    	margin-left:5px;
    }
    .some_drama div #simple a{
    	color:#000;
    	text-decoration:underline;
    }
    .some_drama #simple{
    	display:none;
    }
    /*iPhone5*/
    @media screen and (min-width: 0px)  and (max-width: 320px) {   
        /*主页横幅广告 - index_banner*/
        .index_centent .index_banner{
        	height:100px; 
        	text-overflow:ellipsis;
        	overflow:hidden;
        	white-space:nowrap;	
        }
        .index_centent .index_banner .img{
        	height:110px;
        }
        /*推荐 - recommend*/
        .index_centent .recommend div{ 
        	height:95px;
        }
        .index_centent .recommend div .img1{
        	height:95px;
        }
        .index_centent .recommend div p{
        	top:75px;
        }
        /*番剧 - some_drama*/
        .index_centent .some_drama div{ 
        	height:95px;
        }
        .index_centent .some_drama div .img1{
        	height:95px;
        }
        .index_centent .some_drama div p{
        	top:75px;
        }
    }
    /*iPhone6*/
    @media screen and (min-width: 321px)  and (max-width: 375px) {  
        /*主页横幅广告 - index_banner*/
        .index_centent .index_banner{
        	height:120px; 
        	text-overflow:ellipsis;
        	overflow:hidden;
        	white-space:nowrap;	
        }
        .index_centent .index_banner .img{
        	height:120px;
        	
        } 
        /*推荐 - recommend*/
        .index_centent .recommend div{ 
        	height:110px;
        }
        .index_centent .recommend div .img1{
        	height:110px;
        }
        .index_centent .recommend div p{
        	top:90px;
        }
        /*番剧 - some_drama*/
        .index_centent .some_drama div{ 
        	height:110px;
        }
        .index_centent .some_drama div .img1{
        	height:110px;
        }
        .index_centent .some_drama div p{
        	top:90px;
        }
    }
    /*iPhone6 Plus*/
    @media screen and (min-width: 376px)  and (max-width: 600px) {   
        /*主页横幅广告 - index_banner*/
        .index_centent .index_banner{
        	height:120px; 
        }
        .index_centent .index_banner .img{
        	height:120px;
        }
        /*推荐 - recommend*/
        .index_centent .recommend div{
        	height:120px;
        }
        .index_centent .recommend div .img1{
        	height:120px;
        }
        .index_centent .recommend div p{
        	top:100px;
        }
        /*番剧 - some_drama*/
        .index_centent .some_drama div{
        	height:120px;
        }
        .index_centent .some_drama div .img1{
        	height:120px;
        }
        .index_centent .some_drama div p{
        	top:100px;
        }
    }
    /*iPad*/
    @media screen and (min-width: 601px)  and (max-width: 829px) {   
        /*主页横幅广告 - index_banner*/
        .index_centent .index_banner{
        	height:210px; 
        }
        .index_centent .index_banner .img{
        	height:210px;
        }
        /*推荐 - recommend*/
        .index_centent .recommend div{
        	height:200px;
        }
        .index_centent .recommend div .img1{
        	height:200px;
        }
        .index_centent .recommend div p{
        	top:180px;
        }
        /*番剧 - some_drama*/
        .index_centent .some_drama div{
        	height:200px;
        }
        .index_centent .some_drama div .img1{
        	height:200px;
        }
        .index_centent .some_drama div p{
        	top:180px;
        }
    }
    /*排行*/
    .some_ranking{
    	padding-top:45px;
    	width:92%;
    	margin-left:10px;
    }
    #pcFooter{
    	display:none;
    }
    #moFooter{
    	display:block;
    }
}



/*pc端样式 - pc terminal style*/
@media screen and (min-width: 1080px) { 
    /*主页内容 - index_centent*/
    .index_centent{
    	width:1200px;
    	height:100%;
    	margin:0 auto;
    }

    /*主页横幅广告 - index_banner*/
    .index_centent .index_banner{
    	width:535px;
    	height:285px;
    	float:left;
    }
    .index_centent .index_banner .img{
    	margin:10px;
    	width:515px;
    	height:260px;
    	border-radius:6px;
    }
    .index_centent .index_banner{
    	position:relative;
    }
    .index_centent .index_banner .tab_span{
    	width:100px;
    	height:12px;
    	position:absolute;
    	bottom:25px;;
    	left:65%;
    	z-index:1;
    	background:#000;
    	opacity:0.9;
    	border-radius:10px; 
    	padding:5px;
    }
    .index_centent .index_banner .tab_span span{
    	width:12px;
    	height:12px;
    	display:inline-block;
    	border-radius:12px;
    	background:#fff;
    	float:left;
    	margin-left:15px;
    }
    .index_centent .index_banner .tab_span .artive_span{
    	background:#00a0d5;
    }
    /*推荐 - recommend*/
    .index_centent .recommend{
    	width:660px;
    	height:285px; 
    	float:right;
    }
    .index_centent .recommend div{
    	width:200px;
    	height:120px; 
    	float:left;
    	margin:10px;
    	position:relative;
    }
    .index_centent .recommend div .img1{
    	width:200px; 
    	height:120px;
    	border-radius:0px;
    }
    .index_centent .recommend div p{
    	width:100%; 
    	color:#000;
    	background-color:#fff;
    	position:absolute;
    	top:105px;
    	text-align:center;
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	white-space:nowrap;	
    }
    /*番剧 - some_drama*/
    .index_centent .some_drama{
    	width:1200px; 
    	clear:both;
    }
    .index_centent .some_drama h2{
    	width:98%;
    	height:30px;
    	display:block;
    	margin:0 auto;
    	padding-top:45px;
        border-bottom:2px solid #ccc;
    }
    .index_centent .some_drama h2 a{
    	border:1px solid #ccc; 
    	float:right; color:#b6bebe; 
    	font-size:16px; 
    	padding:0 10px; 
    	border-radius:5px;
    }
    .index_centent .some_drama h2 a:hover{
     	color:blue;
     }
     
    .index_centent .some_drama div{
    	width:220px;  
    	height:135px;
    	float:left; 
    	margin:10px;
    	margin-top:35px;
    	position:relative;
    }
    .index_centent .some_drama div .img1{
    	width:220px; 
    	
    	border-radius:6px;
    }
    .index_centent .some_drama div p{
    	width:100%; 
    	color:#000;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	white-space:nowrap;
        background:#fff;
    }
    /*番剧简介 - simple*/
    .recommend div #simple{
    	width:180px;
    	height:100px;
    	opacity:0.9;
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	position:absolute;
    	top:0;
    	background:#fff;
    	padding:10px;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	line-height:26px;
    	z-index:999;
    	display:none;
    }
    .recommend div #simple span{
    	font-size:20px;
    	color:blue; 
    }
    .recommend div #simple a small{
    	margin-left:8px; 
    }
    .recommend div #simple a{
    	color:#000;
    	text-decoration:underline;
    }
    .some_drama div #simple{
    	width:195px;
    	height:105px;
    	opacity:0.9;
    	border-bottom-left-radius:6px;
    	border-bottom-right-radius:6px;
    	position:absolute; 
    	top:0;
    	background:#fff;
    	padding:10px;
    	text-overflow:ellipsis;
    	overflow:hidden;
    	line-height:22px;
    }
    .some_drama div #simple span{
    	font-size:20px; line-height:40px;
    	color:blue;
    }
    .some_drama div #simple a small{
    	margin-left:5px;
    }
    .some_drama div #simple a{ 
    	color:#000;
    	text-decoration:underline;
    }
    .some_drama #simple{
    	display:none;
    }
    .some_drama div #simple em{
    	display:block;
    	padding-top:6px;
    }
    #new_some{
	    height:456px;
    }
    #type_some{
    	width:1200px;
    }
    /*排行*/
    .some_ranking{
    	margin-top:-400px;
    	width:258px; float:right;
    }
    
    #pcFooter{
    	display:block;
    }
    #moFooter{
    	display:none;
    }
    .tabTime span{
		padding:12px 0;
	}
}


.index_centent .recommend div .author, .index_centent .some_drama div .author{
	background:#000; 
	color:#fff; 
	position:absolute; 
	top:0; right:0;
	opacity:0.8;
	font-size:12px;
}

/*一周时间表*/
.tabTime{
	width:100%;
}
.tabTime span{
	width:14.28%;
	float:left;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	position:relative;top:5px;
	margin-top:20px;
}
.some_drama aside{
	clear:both;
	display:none;
}

/*排行*/
.some_ranking{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.some_ranking select{margin-left:135px;}
.some_ranking a{color:#000;}
.some_ranking a:hover{color:blue;}
.some_ranking small{font-size:18px; font-weight:bold; margin-left:10px;}
.some_ranking p{font-size:13px; margin-top:25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.some_ranking span{display:inline-block; width:20px; margin-left:10px; height:20px; border-radius:5px; background:#f25d8e; color:#fff; text-align:center; line-height:20px; margin-right:5px;}
.some_ranking div{width:96%; margin:0 auto; line-height:26px; height:26px; background:#e5e9ef; text-align:center; border-radius:5px; margin-top:15px;}
.some_ranking em{margin-left:12px; font-size:14px; display:inline-block; color:#ccc;}
.some_ranking strong{font-weight:normal;}

.groom::-webkit-scrollbar{
  display:none;
}
.groom section{ 
   	width:224px;
   	height:178px;
   	float:left;
   	margin-left:10px;
   	background:#fff;
   	border-radius:15px;
   	margin-top:10px;
}

#ranking_tab2, #ranking_tab3{
	display:none;
}

.index_centent .some_drama div p{font-size:13px;}


/*
下拉加载
*/
.container{ overflow: hidden; min-height: 100%; }
.loading-warp{ display: table; width: 100%; margin-top: -5.8rem; }
.loading-warp .box{ width: 100%; padding-top: 1rem; padding-bottom: 1rem;
 display: table-cell; text-align: center; vertical-align: middle; }
.loading-warp .box img{ display: block; width: 2rem; height: 2rem; margin: 0 auto; }
.loading-warp .box .text{ display: block; text-align: center; font-size: 0.5rem; line-height: 0.5rem; opacity: 0.7; margin-top: 1.4rem; }



/*改版后*/

.some_gai .some_drama aside{clear:both;background:#fff;}
.some_gai .some_drama div{
    width:265px!important;
    height:80px!important;
	margin-left:13px!important;
}
.some_gai .some_drama .img1{
	width:100px!important;
    height:80px!important;
	border-radius:15px!important;
}
.some_gai .some_drama div p{
    font-size:18px;
    width:160px!important; 
	color:#000!important;
    font-weight:bold;
	box-shadow:0px 0px 0px #000!important;
	background-color:rgba(255,255,255,0.4)!important;
	position:absolute;
	top:0px!important;
    right:0px;
	opacity:0.9;
	text-align:left!important;
}
.some_gai .some_drama div p:hover{
	color:red!important;
}
 .some_gai .some_drama .author{
    width:160px!important;
	top:40px!important;
	background:#fff!important;
	color:#77778c!important;
	font-weight:bold;
}
.some_gai .some_drama .some_new_date{position:absolute;top:-4px; left:-3px;box-shadow:none;}

@media screen and (max-width: 1080px) { 
	body{background:#fff;}
     .some_gai .some_drama div{
        width:92%!important;
        height:80px!important;
    	margin-left:13px!important;
    	margin-top:15px!important;
    }
     .some_gai .some_drama div p{
    	width:65%!important;
        left:110px; 
    }
     .some_gai .some_drama .author{
        width:65%!important;
    	top:40px!important;
        left:110px!important;
    	background:#fff!important;
    	color:#77778c!important;
    	font-weight:bold;
    }
}
/*移动端样式 - Mobile terminal style*/
@media screen and (max-width: 1080px) { 
     .some_gai #state{font-size:18px;}	
	 .some_gai #haoping{padding-bottom:65px;}
	.index_centent .some_drama div{margin-top:35px;}
	.index_centent .some_drama div p{text-align:left;margin-top:20px; background:#fff; color:#000;border:1px solid #ccc;border-top:none;}
    .index_centent .some_gai .some_drama div p{border:none;}
	.public_footer{ background:none; padding-top:30px;}
}
@media screen and (min-width: 1080px) {
    .index_centent .some_gai #new_some{
        width:1180px;
    	clear:both;
    	margin-left:15px;
    	border-bottom:1px solid #ccc;
    	padding-bottom:15px;
        border-bottom:1px solid #ccc;
    	height:500px;
    }
     .some_gai.some_drama aside{width:1170px;}
     .some_gai #haoping{margin-top:-80px;}
     .index_centent .some_drama div p{margin-top:-4px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
     .index_centent #some_footer{height:380px;}
     .index_centent .some_drama div .img1 {height:120px;}
}
.index_centent .some_gai .some_drama div p{ text-indent:0px;margin-top:0px;}
.index_centent .some_drama div .img1{border-bottom-left-radius:0px;border-bottom-right-radius:0px;}



@media screen and (min-width: 1080px) {
    .index_centent .some_gai #new_some{
        width:1180px;
    	clear:both;
    	margin-left:15px;
    	border-bottom:1px solid #ccc;
    	padding-bottom:15px;
        border-bottom:1px solid #ccc;
    	height:590px;
    }
     .some_gai .some_drama aside{clear:both;background:#fff;height:510px;}
     .some_gai #haoping{margin-top:-80px;}
}

#some_yin{margin-top:-10px;}