body{margin:0 auto;background:#eee;font-size: 15px;}
a{font-size: 15px;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') no-repeat;  background-size: 100% 100%;}
.layui-tab-title li a{font-size: 14px;}
.layui-tab-bar{border: 1px solid #fff;}
.layui-btn-danger{background-color: #f9655b;}
.layui-card{margin-bottom:5px;}
.search-input{position: absolute;width: 42px;top: 3px;right: -41px;z-index: 1000;height: 35px;line-height: 35px;text-align: center;    display: block;}
.serach-select{height:40px;background: rgba(255, 255, 255, 0.4)}
.search{position: relative;text-align:center;margin: 0 auto;}
.search .keywords{width:100%;height:35px;border-radius: 30px;margin-top: 4px;position: relative;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%;overflow: hidden;position:relative;}
.coolbox .coolbox-list li{width:100%;overflow:hidden;height:40px;line-height:40px;border-bottom:1px solid #f4f4f4}
.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:40px;line-height:40px; 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:40px;line-height:40px;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;}
.orange{color:#FF5722}
/*首页*/
.menu{width:100%;height:60px;line-height:40px;border-top:1px solid #eae8e8;background:#fff;position:fixed;bottom:0px;z-index:100;    box-shadow: 0 0 8px #e0e0e0;}
.menu ul li{float:left;width: 20%;height:60px;text-align:center;}
.menu ul li a{font-size:16px;}
.menu ul li i{font-size:22px;}
.menu ul li span{display:block;    display: block;
	height: 20px;}
.publish i{font-size: 50px !important;border-radius: 100%;position: relative;top: -14px;background:#fff;rgb(23, 183, 255)}
/*推荐*/
.bestbox{background:#fff;}
.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:80px;
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;}
#site-list li{overflow: hidden;margin-bottom: 10px;border-bottom: 1px solid#eee;}
.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;margin-top: 45px;word-break: break-all;word-wrap: break-word;overflow: hidden;}
.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{height: 100%;overflow:hidden;text-align: right;}
.article-left{height: 100%;padding: 5px;}
.article-left h2{width: 100%;font-size: 14px;margin-bottom: 2px;line-height: 24px;overflow: hidden;}

.article-left p{color: #838383;padding: 15px 0px;}
.best-article{margin-top:10px;}
.best-article ul li{overflow: hidden;border-bottom: 1px solid #f7f7f7;margin-bottom: 11px;height:100px;}



/*权重信息页面*/
.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:#eaeaea;
    width: 100%;
    max-height: 290px;
    overflow: hidden;padding-bottom:5px;}
.site-thumb a{width:35%;display:inline-block;float:left;}
.site-thumb img{width:100%;}
.site-thumb .site-info{ width: 100%;float:left;}
.layui-card-body{color:#7a7a7a;overflow:hidden}
.site-info{margin-left:5px;}
.site-info ul{overflow:hidden;}
.site-info ul li{ width: 31%;min-height: 30px;background: #fcfcfc;float: left;margin: 3px;height: 64px;line-height: 29px;font-size: 12px;}
.subcate ul{padding:2px;overflow:hidden}
.subcate ul li {float:left;width: 33%;}
.subcate ul li a{display:inline-block;padding:10px 20px;background: #f2f2f2;margin: 10px;}
.subcate ul li a:hover{background: #3598FF;color: #fff;}
.subcate ul li .active{background: #3598FF;color: #fff;}
.siteinfo-item{border-bottom: 1px solid #eee;height: 50px;line-height: 50px;}
.siteinfo-intro{padding:15px 0px}
.tag-name{
    border: 1px solid #b5998f;
    padding: 2px 10px;
    background: #fffaf8;
    width: 100%;
    display: block;
    height: 30px;
}
}
/* 会员中心 */

.user-item li{height:55px;line-height:55px;border-bottom: 1px solid #f4f4f4;}
.user-item-count li{width:33%;float:left;height:82px;line-height:55px;}
.user-item-count li span{height:28px;display:block;text-align:center}
.user-item-count li .num a{font-size:21px;}
.user-item li a{    font-size: 16px;}
.nav{background:#fff;margin-bottom:10px;height: 45px; 
    background-color: #f7f7f8;
    border-bottom: 1px solid #e7e7e7;}
.nav .icon-left{float:left}
.nav h1{font-size:15px;position: absolute;
    display: block;
	width: 85%;
	padding: 2px 43px;
    margin: 0 1px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2.2rem;
    color: #3d4145;
    text-align: center;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.nav .icon-right{float:right}
.nav .icon{    position: relative;
    z-index: 20;
    padding: 12px;
    font-size:15px;
	line-height: 1.2rem;}
	
/* 排行榜 */

.top .layui-tab-title{margin: 30px auto;border: 1px solid #3597ff;border-radius: 10px;width: 100%;overflow: hidden;}
.top .layui-tab-title li{width:34%;border-right: 1px solid #3597ff;    color: #3597ff;}
.top .layui-tab-title .layui-this{color:#fff;background:#3597ff}
.layui-tab-bar{display:none}
.mui-bar-nav{box-shadow:none !important}
.mui-bar-tab{box-shadow:0 0 8px #e0e0e0;-webkit-box-shadow:0 0 8px #e0e0e0;}
.mui-bar-tab .mui-tab-item .mui-icon{font-size: 23px;}
.layui-btn-normal {background-color: #3597ff;}
#user-article-list  h2
{
  height:53px;
  line-height: 25px;
  overflow : hidden;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  font-size: 18px;
}
#user-article-list li{height:80px;margin-bottom:50px;border-bottom:1px dashed #eee}

#user-article-list .edit-right{float:right}


/* 搜索页 */

.serach-tab{margin:0px !important}