@charset "utf-8";
*{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:50px;background:#F4F4F4}
body{font-size:.32rem; font-family: PingFang SC,Arial,sans-serif;color:#333;line-height:1.6}
li,ul{list-style:none}
a{color:#444;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}
button,input{outline:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
a:focus{outline:0;color:#4a6fa5;}
a:hover{text-decoration:none;color:#007bff}
h1{font-size:.56rem;}
h2{font-size:.48rem;}
h3{font-size:.4rem;}
h4{font-size:.36rem;}
img{max-width:100%;display:block;}
.sitemap{color:#888;background:#fff;}
header{font-family: Arial, sans-serif;position:fixed;top:0;left:0;width:100%;background:#fff;padding:.2rem;z-index:1000;transition: background-color 0.3s ease;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
header.transparent{background-color:transparent;box-shadow:none;}
.logo-b, .logo-w{width:3.6rem;float:left;}
.logo-w{display:none;}
.logo-b img, .logo-w img{width:100%;}
nav{float:left;margin-left:.4rem;}
nav li{float:left;padding:0 .4rem;line-height:.8rem;}
.tianqi{float:right;padding-top:.1rem;width:10rem;height:.8rem;}
.hello{float:right;line-height:.8rem;font-size:.28rem;}
header.transparent .logo-b{display:none;}
header.transparent .logo-w{display:block;}
header.transparent .tianqi{display:none;}
header.transparent nav li{color:#fff;}
header.transparent .hello{color:#fff;}
/*header结束*/
/**首页侧边菜单栏**/
aside{width:150px;float:left;margin-top:20px;background:#fff;padding:10px;}
aside.guding{position:fixed;top:1.2rem;left:0;}
aside ul{overflow:hidden;}
aside li.active{color:#ff6666;background-color: #eee;}
aside li h4{text-align:center;padding:.2rem 0;}
aside .d-firstNav{overflow:hidden;padding:.2rem;font-size:.36rem;line-height:.5rem;display:flex;justify-content:center;}
aside .d-firstNav img{width:.5rem;height:.5rem;margin-right:.1rem;}
aside .d-firstNav i{font-size:.4rem;margin-left:.2rem;}
aside .s-secondItem{padding:.2rem 0;font-size:.3rem;text-align:center;}
aside .s-secondItem:hover{color:#ff6666;background-color: #eee;}
aside .s-secondItem img{float:left;width:.5rem;height:.5rem;margin-right:.1rem;}
aside .d-firstNav:hover{color:#ff6666;background-color: #eee;cursor: pointer}
.iconRotate{transform: rotate(90deg);transition: transform 0.5s;}
.s-firstDrop{display: none;}
aside .single{padding:.2rem;font-size:.32rem;text-align:center;}
aside .single:hover{color:#ff6666;background-color: #eee;}

main{margin:.4rem 0 0 3rem;padding:0 .4rem;overflow:hidden;}
.menu{background:#fff;margin-bottom:.4rem;padding:.4rem;overflow:hidden;display:flex;justify-content: space-around;}/**首页4大一级分类**/
.menu li{text-align:center;}
.menu li img{width:1rem;height:1rem;}
.menu li h3{margin-top:.2rem;}
.website{background:#fff;margin-bottom:.4rem;padding:.4rem;overflow:hidden;}/**首页网址主区域**/
.website h3{margin-bottom:.4rem;padding-bottom:.1rem;line-height:.55rem;}
.website h3 img{float:left;width:.54rem;height:.54rem;margin-right:.1rem;}
.website h3 i{color:#ff6666;}
.website h3 a{font-size:.28rem;font-weight:400;float:right;}
.youlian span{font-size:.32rem;margin-left:.2rem;font-weight:400;}
/**通用网址列表，一行3列，一行4列，一行5列**/
.row-3,.row-4,.row-5{overflow:hidden;}
.row-3 a{float:left;width:32%;margin:.2rem 2% .2rem 0;background:#fff;padding:.2rem;color:#000;border-radius:.12rem;border:1px solid #eee;transition: transform 0.3s ease;}
.row-3 a:hover{color:#007bff;box-shadow:0px 0px 20px #ddd;transform: translateY(-5px);}
.row-3 a:nth-child(3n){margin-right:0;}
.row-4 a{float:left;width:23.5%;margin:.2rem 2% .2rem 0;background:#fff;padding:.2rem;color:#000;border-radius:.12rem;border:1px solid #eee;transition: transform 0.3s ease;}
.row-4 a:hover{color:#007bff;box-shadow:0px 0px 20px #ddd;transform: translateY(-5px);}
.row-4 a:nth-child(4n){margin-right:0;}
.row-5 a{float:left;width:19.2%;margin:.2rem 1% .1rem 0;background:#fff;padding:.2rem;color:#000;border-radius:.12rem;border:1px solid #eee;transition: transform 0.3s ease;}
.row-5 a:hover{color:#007bff;box-shadow:0px 0px 20px #ddd;transform: translateY(-5px);}
.row-5 a:nth-child(5n){margin-right:0;}
.row-3 img,.row-4 img,.row-5 img{width:.6rem;height:.6rem;float:left;margin-right:.2rem;border-radius:.2rem;}
.row-3 h4,.row-4 h4,.row-5 h4{font-size:.32rem;line-height:.6rem;height:.6rem;overflow:hidden;}
.row-3 p,.row-4 p,.row-5 p{text-overflow:ellipsis; overflow:hidden;font-size:.28rem;color:#888;margin-top:.2rem;height:.9rem;}
/*网址列表页开始*/
.list-website{background:#fff;margin:0 10% .4rem 10%;padding:.2rem;overflow:hidden;}
.list-website .title{background:#fff;margin-bottom:.2rem;padding:.4rem;overflow:hidden;text-align:center;}
.list-website .title h3{margin-bottom:.2rem;}
.list-website .title a{padding:.1rem .2rem;margin:2px 0;display:inline-block;}
.list-website .title a:hover{color:#ff6666;}
.list-website .title a.active{background:#ff6666;color:#fff;}
.wangzhan{margin:0 10% .4rem 10%;padding:.2rem;overflow:hidden;}/*网站排列区域*/
/*网址列表页结束*/
.yema{text-align:center;margin:.4rem 0;}
/*网址内容页开始*/
.news{width:30rem;margin:1.4rem auto .2rem auto;overflow:hidden;}
.news-zuo{width:74%;float:left;}
.news-zuo i{color:#ff6666}
.news-you{width:25%;float:right;}
.jianshu{background:#fff;padding:.4rem;margin-bottom:.1rem;}
.jianshu .pic{margin-top:.4rem;}
.jianshu .pic img{min-width:2.4rem;max-width:8rem;margin:0 auto;}
.jianshu h1{margin:.4rem 0;line-height:1.2rem;}
.jianshu h1 img{float:left;width:1.2rem;height:1.2rem;margin-right:.2rem;border-radius:50%;}
.jianshu .jianjie{margin:.2rem 0;font-size:.36rem;}
.jianshu .time{color:#888;font-size:.3rem;}
.jianshu .tag-wangzhan{margin:.4rem 0 0 0;}
.jianshu .tag-wangzhan a{font-size:.28rem;color:#007bff;background:#f4f4f4;margin-right:.1rem;padding:.1rem .3rem;border-radius:.1rem;}
.jianshu .tag-wangzhan a:hover{color:#fff;background:#007bff;}
.jianshu .lianjie{margin:1rem 0 .2rem 0;font-size:.3rem;}
.jianshu .lianjie i{color:#333;transition: transform 0.3s ease;}
.jianshu .lianjie .zhida{padding:.2rem .4rem;margin-right:.2rem;background:#eee;border-radius:.2rem;}
.jianshu .lianjie .zhida:hover{background:#ff6666;color:#fff;}
.jianshu .lianjie .zhida:hover i{transform: translate(8px);color:#fff;}
.jianshu .lianjie .shouji{padding:.2rem .4rem;margin-right:.2rem;background:#eee;position:relative;border-radius:.2rem;}
.jianshu .lianjie .shouji .erweima{width:3.6rem;position:absolute;top:1rem;left:-0.6rem;border:2px solid #333;display:none;}
.jianshu .lianjie .shouji:hover{background:#ff6666;color:#fff;}
.jianshu .lianjie .shouji:hover i{transform: translate(8px);color:#fff;}
.jianshu .lianjie .shouji:hover .erweima{display:block;}
.jianshu .lianjie .fankui{padding:.2rem .4rem;margin-right:.2rem;background:#eee;border-radius:.2rem;}
.jianshu .lianjie .fankui:hover{background:#ff6666;color:#fff;}
.jianshu .lianjie .fankui:hover i{transform: translate(8px);color:#fff;}
.text{background:#fff;padding:.4rem;}
.text h2, .text h3, .text h4{margin-bottom:.4rem;}
.text p{
	margin-bottom:.32rem;
	line-height:1.8;
	text-align: justify;
	text-justify: distribute-all-lines;
	word-wrap:break-word;
}
.text p:last-child{margin-bottom:0;}
.text p img{max-width:100%;;display:inline-block;border:1px solid #eee;}
.related{margin:.1rem 0;padding:.4rem 0;}/*相似网站*/

/*单页内容页开始*/
article{background:#fff;padding:.4rem .5rem;}
article .title{margin-bottom:.2rem;padding-bottom:.2rem;border-bottom:1px solid #eee;overflow:hidden;}
article .title h1{margin:.4rem 0;}
article .title .shuxing{display:flex;line-height:.7rem;}
article .title .shuxing li{padding:0 .1rem;font-size:.28rem;color:#888;}
article .title .shuxing li:first-child{padding-left:0;}
article .title .shuxing li:last-child{padding-right:0;}
article .title .shuxing li img{float:left;width:.7rem;margin-right:.1rem;}
article .post-body{margin-top:.8rem;}
article .post-body h1, article .post-body h2, article .post-body h3, article .post-body h4{margin-bottom:.32rem;}
article .post-body p{
	margin-bottom:.32rem;
	line-height:1.8;
	text-align: justify;
	text-justify: distribute-all-lines;
	word-wrap:break-word;
}
article .post-body blockquote{background:#f4f4f4;padding:.3rem .4rem .2rem .4rem;margin-bottom:.32rem}
article .post-body blockquote p{
	margin-bottom:.2rem;
	line-height:1.6;
	text-align: justify;
	text-justify: distribute-all-lines;
	word-wrap:break-word;
}
article .post-body p img{max-width:100%;;display:inline-block;border:1px solid #eee;}
article .tag-wenzhang{text-align:center;margin:.4rem 0 .8rem 0;}
article .tag-wenzhang a{margin:.1rem;padding:.1rem .2rem;background:#f4f4f4;}
.relative{margin:.2rem 0;background:#fff;}
/*tag标签页样式*/
.tag .title{background:#fff;padding:.4rem;}
.tag .title h3{margin-bottom:.2rem;}
.tag .title p{color:#666;}
/*侧栏样式*/
#divSearchPanel{margin-bottom:.2rem;background-color:transparent;}/*站内搜索*/
#divSearchPanel form{border:1px solid #ff6666;background:#ff6666;border-radius:0;position:relative}
#divSearchPanel input[type=submit]{border:0;background:0;color:#fff;outline:0;text-align:center;width:22%;float:right;line-height:36px;}
#divSearchPanel input[type=text]{border:0;line-height:36px;height:36px;width:78%;padding-left:10px;outline:0;border-radius:0}
/*最新收录*/
#divPrevious{margin-bottom:.2rem;background:#fff;padding:.3rem;}
#divPrevious dt{margin:.2rem 0 .4rem 0;font-size:.4rem;padding:0 0 0 .1rem;border-left:5px solid #ff6666;line-height:.4rem;height:.4rem;}
#divPrevious ul{counter-reset: xuhao;}
#divPrevious ul li{padding:.1rem 0;transition: transform 0.8s ease;}
#divPrevious ul li::before{
	counter-increment: xuhao;
	content: counter(xuhao) "";
	float: left;
	margin-right: .1rem;
	background: #ddd;
	padding: 0 .13rem;
	line-height: .4rem;
	margin-top: .06rem;
	border-radius: 3px;
}
#divPrevious ul li:first-child::before{background:#ff6666;color:#fff;}
#divPrevious ul li:nth-child(2)::before{background:#009966;color:#fff;}
#divPrevious ul li:nth-child(3)::before{background:#0099CC;color:#fff;}
#divPrevious ul li:hover{transform: translateX(10px);}
#divPrevious ul li:last-child{border:none;padding-bottom:0;}
#divPrevious ul li a{width:calc(100% - 1.6rem);display:inline-block;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
#divPrevious ul li span{float:right;font-size:.28rem;color:#888;}
/*常用工具*/
#usefull{margin-bottom:.2rem;background:#fff;padding:.3rem;}
#usefull dt{margin:.2rem 0 .3rem 0;font-size:.4rem;padding:0 0 0 .1rem;border-left:5px solid #ff6666;line-height:.4rem;height:.4rem;}
#usefull ul{overflow:hidden;}
#usefull ul a{padding:.1rem 0;width:48%;margin:.1rem 1%;float:left;line-height:.6rem;transition: transform 0.8s ease;}
#usefull ul a:hover{transform: translate(10px);background:#f4f4f4;}
#usefull ul a img{width:.6rem;height:.6rem;float:left;margin-right:.1rem;}
/*全站footer开始*/
footer{text-align:center;background:#fff;padding:.4rem;font-size:.3rem;}
footer .foot-nav a{display:inline-block;padding:0 .2rem;border-right:1px solid #888;line-height:.3rem;}
footer .foot-nav a:last-child{border-right:0;}
footer .web-infor{margin:.2rem 0;}
footer .beian{}
/*返回顶部*/
.lace{position:fixed;bottom:6rem;right:.2rem;width:.8rem;}
.lace li{height:.8rem;margin-bottom:2px;background:#ccc;cursor:pointer;padding:.1rem;}
.lace li:hover{background:#ff6666}
.lace li:visited{background:#fff}
.lace li img{width:100%;}
/*懒加载*/
.lazy-content {opacity: 0;transform: translateY(20px);transition: opacity 1s ease, transform 1s ease;}
.lazy-content.loaded {opacity: 1;transform: translateY(0);}
@media only screen and (max-width: 1500px) {
	.news, .two{width:100%;}
	.tianqi{display:none;}
}
@media only screen and (max-width: 960px) {
	aside,nav,right,#none{display:none;}
	.news-you{width:100%;}
	#divSearchPanel{width:96%;margin:.1rem auto .2rem auto;}
	main{margin-left:0;padding:0;}
	.row-3 a,.row-4 a,.row-5 a{width:49%;}
	.row-3 a:nth-child(3n){margin-right:1%}
	.row-4 a:nth-child(4n){margin-right:1%}
	.row-5 a:nth-child(5n){margin-right:1%}
	.row-3 a:nth-child(2n),.row-4 a:nth-child(2n),.row-5 a:nth-child(2n){margin-right:0}
	.list-website, .wangzhan{margin:0}
	.list-website .title{padding:0;}
	.list-website .title a{width:30%;margin:2px 1%;}
	.news-zuo{width:100%;}
	.jianshu .lianjie{text-align:center;}
    .jianshu .pic img{width:90%;}
	.related{padding:.2rem;}
}
@media only screen and (max-width: 768px) {
    .website{padding:.4rem .2rem}
    .logo-b, .logo-w{float:none;margin:0 auto;}
    .menu li img{width:.6rem;height:.6rem;}
    .menu li h3{font-size:.32rem;}
	.lace{bottom:1.64rem;width:.6rem;}
	.lace li{height:.6rem;}
}

/*----------评论样式 --------*/
.comment-box{margin:.1rem 0;padding:.4rem;background:#fff;overflow:hidden;position:relative}
.comment-box:last-child{margin-bottom:0;}
.comment-box .total{padding-bottom:.1rem;}
.comment-box .total em{color:#ff6666;margin-right:.1rem;}
.comment-box h3{margin-bottom:.4rem;}
/************评论框样式*************/
#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}
#divCommentPost p.posttop{color:#3c6da7;}
#divCommentPost img{margin-bottom:-0.5em;}
#cancel-reply{font-size:.4rem;color:#ff6666;}
div.reply-frm{
    background:#f0f0f0;
    margin:.2rem 1% !important;
    padding:.3em .8em !important;
    width:98%;
    position:absolute;left:0;
    z-index:99;
}

#divCommentPost .name{border:1px solid #d7d7d7;padding:.16rem;width:3rem;}
#divCommentPost .button{color:#FFFFFF; font-size:14px;float:right;background:#3a6ea5;cursor: pointer;padding:.16rem 1rem;border:0;}
#txaArticle{padding:0.5em;width:100%;height:150px;border:1px solid #d7d7d7;}
/*----------评论内容列表 --------*/
.msg{padding-top:.4rem;border-top:1px solid #eee;overflow:hidden;}
.msg:first-child{border-top:0;}
.msg .msgname .avatar{float:left;width:1rem;height:1rem;margin-right:.1rem;border-radius:50%;}
.msg .msgname p{color:#888;}
.msgarticle {padding:.1rem 0;overflow:hidden;}
.msgarticle ul .msgname .avatar{width:.8rem;height:.8rem;}
.msgarticle a{color:#888}
.huifu{padding:.1rem 0 .2rem 0;color:#888;}
.huifu span{margin:0 .2rem;font-size:.28rem;}
.revertcomment a{color:#007bff;}
.pagebar{text-align:center;}
.pagebar a{padding:.1rem .2rem;background:#eee;}
.pagebar a:hover{background:#007bff;color:#fff;}
.pagebar .now-page{padding:.1rem .2rem;background:#007bff;color:#fff;}