
body{max-width:640px;min-width:320px;margin:0 auto;background:#eee;}
a{font-size: 12px;color: #6c6c6c;}
#nav{height: 60px;line-height: 60px;padding-top:20px;width: 100%;text-align: center;color:rgb(23, 183, 255);}
nav{background-image: linear-gradient(180deg,#43c3ff 0%, #39F 100%);height: 150px;background:url('./bg.png');}
.layui-tab{}
.layui-tab-bar{border: 1px solid #fff;}
.layui-card{margin-bottom:5px;}
.search{margin-top:10px;text-align:center;}
.search .keywords{height:32px;width:65%;padding-left:20px;border: none;background: rgba(255, 255, 255, 0.4);}
.search button{width:80px;height:35px;background:rgb(23, 183, 255);border:1px solid rgb(23, 183, 255);color:#fff;}
.coolbox{background:#fff;}
.coolbox-body{padding:5px;background:#fff;}
.coolbox .coolbox-list {width:100%;margin-top:20px;overflow: hidden;position:relative;}
.coolbox .coolbox-list li{width:100%;overflow:hidden;height:30px;}
.coolbox .coolbox-list li strong{}
.coolbox .coolbox-list li strong a{color:#3DB3F7;}
.coolbox .coolbox-list li .right{width:86%;height:30px;float:left;display: inline-block;}
.coolbox .coolbox-list li .site{width: 28%;height:25px;line-height:25px;    font-size: 12px;text-align:center;display:inline-block;overflow:hidden;}
.coolbox .coolbox-list li .site:hover{color:rgb(11, 179, 255);}
.coolbox .coolbox-list li .cate a{width:14%;height:25px;line-height:25px;float:left;color:rgb(4, 143, 206);overflow:hidden;display: inline-block;text-align:center;}
.clear{clear:both;}
.title{height:35px;line-height:35px;border-left:3px solid rgb(23, 183, 255);
    background:#fff;
    padding-left:10px;margin-top: 10px;}

/*首页*/
.menu{width:100%;height:50px;background:#eee;position:fixed;bottom:0px;z-index:100;}
.menu ul li{float:left;width:30%;height:30px;line-height:30px;}
/*推荐*/
.bestbox{background:#fff;margin-top:10px;}
.bestbox ul{overflow:hidden;}
.bestbox ul li{width:30%;height:30px;line-height:30px;float:left;text-align:center;
    margin: 5px;overflow: hidden;}
.footer{width:100%;height:50px;line-height:50px;background:#eee;text-align:center;color:#5a5a5a;}


.layui-tab-title{
	    background: #fff;
	  
}
.layui-tab-content{padding:0px;}
.layui-tab-brief>.layui-tab-title .layui-this{
	    color: rgb(23, 183, 255);
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 3px solid #2196F3;
}

#article-list li{
	height: 120px;
border-bottom: 1px dashed #eee;
background:#fff;
padding: 10px 0px;
overflow: hidden;


}
#article-list li h2{
	color:#2c2c2c;
	height: 33px;
	line-height: 33px;
	padding-left:10px;
	overflow:hidden;

}
#article-list li p{
	color:#5c5c5c;
	text-indent: 20px;
	overflow: hidden;
	height: 61px;
	line-height: 30px;
     padding-left: 17px;
     padding-right: 17px;
}
#new-site-list,#best-site-list{background:#fff;}
.content-height{height:auto !important;background:#eee;}

/*首页更多分类*/
.more{position: absolute;right: 3px;padding-top: 3px;color: #adadad;}

.open{
	text-align:right;padding:2px;font-size:10px;

	padding:5px;

}
.open span{

	border:1px solid #eee;
	padding:5px;
	color: #5a5a5a;

}
.open span:hover{
	cursor:pointer;
}
.article-home{float:right;}
.article-content{padding:15px;background:#fff;}
.article-content p{color:rgb(75, 75, 75) !important;line-height: 31px !important;}
.article-content img{max-width:100%;}
.new-site{overflow:hidden;}
.new-site ul li {height: 100px;overflow:hidden;}
.new-site ul li  h4{text-align:center;}
.new-site ul li  img{float:left;width:165px;height:165px;}


/*文章信息*/
.article-cover{width: 48%;height: 100%;margin:5px;overflow:hidden;float:left;    text-align: right;}
.article-left{width:44%;;height: 100%;padding: 5px;float: left;}
.article-left h2{width: 95%;font-size: 15px;font-size: 15px;
overflow: hidden;}

.article-left p{color: #838383;padding: 15px 0px;}
.best-article{margin-top:10px;}
.best-article ul li{overflow: hidden;}



/*权重信息页面*/
.baidu-rank{width:58px;height:20px;line-height: 17px;float:right;background: url(./baidu.png) no-repeat;position: relative;}
.baidu-rank span{right:15px;color: #fff;position: absolute;top: 2px;}
.rank360{width:58px;height: 20px;line-height: 17px;margin:0px 2px;float:right;background: url(./360.png) no-repeat;position: relative;}
.rank360 span{right:15px;color: #fff;position: absolute;top: 2px;}
.sogou-rank{width:58px;height:20px;line-height: 17px;margin:0px 2px;float:right;background: url(./sogou.png) no-repeat;position: relative;}
.sogou-rank span{right:15px;color: #fff;position: absolute;top: 2px;}

.google-rank{width:58px;height:20px;line-height: 17px;margin:0px 2px;float:right;background: url(./google.png) no-repeat;position: relative;}
.google-rank span{right:15px;color: #fff;position: absolute;top: 2px;}


/*广告样式*/
.ad{width:100%;text-align:center;margin-bottom:10px;margin:5px 0px;}
.ad img{width:100%;}

/*.网站目录*/
.web-cate ul {overflow:hidden;}
.web-cate ul li{width: 33%;float:left;margin:10px 0px;}
.blank10{height:10px;}


/*站点详情*/
.site-thumb{text-align:center;background:#fff;}
.site-thumb a{width:35%;display:inline-block;float:left;}
.site-thumb a img{width:100%;height: 146px;}
.site-thumb .site-info{    width: 63%;float:left;}
.layui-card-body{color:#7a7a7a;overflow:hidden}
.site-info{margin-left:5px;}
.site-info ul{overflow:hidden;}
.site-info ul li{ width: 29%;min-height: 30px;background: #fcfcfc;float: left;margin: 3px;height: 64px;line-height: 29px;font-size: 12px;}