@charset "utf-8";


*{ margin: 0; padding:0; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
body{ width: 100%; height: 100%; background: #f2f2f2 }
video{position: fixed;right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover;}
a{ text-decoration: none; color: #000 }
h4{ font-size: 22px; margin: 60px 0 0 0  }
.header{ width: 100%; height: 80px;  background: #fff; border-bottom: 1px solid #e0e0e0; position: fixed; top: 0; left: 0; z-index: 3}
.header .logo{ position: relative; top: 11px; left: 15px; float: left }
.header .nav{  float: right; z-index: 2 }
.header .nav li{ list-style: none; float: left; line-height: 75px; margin: 0 15px 0 15px; font-size: 15px; cursor: pointer;}
.header .nav li:hover{ color: #1e87eb }
.header .sobtn{ width: 200px; height: 120px; border:1px solid #000; position: absolute; right:600px; text-align: center; color:#1e87eb; cursor: pointer;  }
.header .sobtn .soicon{ width: 42px; height: 42px; position: relative; top: 16px; }
.search{ width: 1024px; position: absolute; top: 17%; left: 50%; margin: 80px 0 0 -514px; z-index: 5;}
.search .so,.header .searchto .so{ width: 80%; height: 45px;  margin: 0 auto; background: #fff; border-radius: 5px; top:-2px;  position: relative; border:2px solid #e2e2e2;}
.search .so:hover,.header .searchto .so:hover{box-shadow: 1px 2px 20px rgba(0,0,0,0.2)}
.search .so .sot,.header .searchto .so .sot{ width: 90%; height:45px; border:0 ; outline: none; text-indent:15px; font-size: 18px;border-radius: 5px; line-height: 45px; position: relative; }
.search .so .sob,.header .searchto .so .sob{ width: 70px; height: 45px; font-size: 17px; border:0; color:#000; background:#fff;outline:none;  cursor: pointer; float: right; position: relative; border-radius: 0 5px 5px 0}
.active{     border: 1px solid #1e87eb;
    border-radius: 5px;
    background: #1e87eb;
    box-shadow: 1px 2px 5px #000;
    color: #fff!important;padding:10px;}
.search .so .soicon,.header .searchto .so .soicon{ width: 30px; height: 30px;  position: absolute; top: 7px; right: 72px; cursor: pointer; z-index: 2; text-align: center  }
.search .so .soicon .img1,.header .searchto .so .soicon .img1{ width: 30px; height: 30px;}
.header .searchto{ width: 40%; height: 45px; float: left; left: 20px;  position: relative; }
.header .searchto .so{width:100%;margin: 0 }
.header .searchto .so .sot{ left:0; }

/* 样式相同 */

/* 导航盒子样式 */
.hot,.hao,.link{width: 1400px; position: relative; margin: 140px auto auto auto; font-size: 15px;}
.hao .nav,.link .nav{ width: 100%; height: 60px; line-height: 60px}
/* 相同背景颜色样式 */
.solist .same,.hot .same,.hao .same,.link .same{border:1px solid #e2e2e2;background: #fff;  box-shadow: 1px 1px 8px #e2e2e2;}
/* 内容盒子样式 */
.hao .web,.link .links{ width: 100%; height: 600px; position: relative; top: 12px; }
/* 鼠标经过 */
.link .links .linksite:hover,.solist .user li,.solist .enginelist .engine:hover{box-shadow: 1px 1px 4px rgba(0,0,0,0.7); background:rgba(255,255,255,0.3);}

/* 样式相同 */


/* 主页搜索卡 */
.solist{ width:1024px; height:60%;position: absolute; position: absolute; bottom: 17%; left: 50%; margin: 0 0 0 -514px;}
.solist .user{ width: 100%; height: 30px;  position: absolute; text-align: center; bottom: 2%;}
.solist .user li{ float: center; display: inline-block; width:62px; height: 30px; font-size: 14px;border:0px;  cursor: pointer; text-align: center; line-height:30px; margin: 7px }
.solist .user li:hover,.solist .user li.on{background: #fff}
.solist .enginelist{ width: 884px; height: 220px; position: absolute; float:left;text-align: center; left: 70px; top: 20%}
.solist .enginelist .engine{ float: center; display: inline-block; color:#d6d6d6;  width: 100px; height: 100px;list-style: none;  cursor: pointer; position: relative; top: 25px;  margin: 5px}
.solist .enginelist .engine:hover,.solist .enginelist .engine.on{border-radius: 4px; background: rgba(255,255,255,0.6); color: #000 }
.solist .enginelist .engine img{  width: 40px; height: 40px; position: relative; top: 20px;}
.solist .enginelist .engine p{ display: block; position: relative;  top: 23px; font-size: 15px;}

/* 搜索结果搜索列表 */
.sostyle{ width: 100%;background: #fff; height:35px; z-index: 5; left:0%; position: fixed; top: 80px; margin:0;right: 0; z-index: 5; border-bottom: 1px solid #e0e0e0; display: none}
.sostyle .user{ width:120px;height: 100%; top:120px;}
.sostyle .user li{ width: 80px; height: 35px; line-height: 35px; font-size: 17px; border-radius: 5px;color: #3598db;}
.sostyle .user li:hover,.sostyle .user li.on{background: #e2e2e2;  font-weight: bold; color: #1e87eb}
.sostyle .enginelist{width:98%; left:20px; top: -16px; height: 50px; bottom: 10px; overflow-x: scroll;white-space: nowrap; }
.sostyle .enginelist::-webkit-scrollbar{ display: none }
.sostyle .enginelist .engine{ width: 110px; height: 40px;float: left;  top: 0}
.sostyle .enginelist .engine img{width: 25px; height: 25px; top: 7.5px; }
.sostyle .enginelist .engine p{ display: inline; top: 0px; font-size: 12px; color: #000}


/* 搜索结果框iframe */
.iframe{width: 100%;position: absolute;bottom:0px; border:0;}



.int{ width: 50%; position:relative;  font-size: 15px; top:80px;  margin: 3% auto auto auto; background: #fff; padding: 0 70px 100px 70px; box-shadow: 1px 2px 5px #000;border-radius:10px; }
.int .post{width:100%;}
.int .posts{ width:100%; position:relative; top:10px;}
.int .post-title{width:100%; background:#379bff; height:50px; line-height:50px; text-indent:10px; border-radius:6px;}
.int .post-title a{ color:#fff}
.int .post-content{ width:90%; border:1px solid #909090; left:3%;position:relative; padding:2%; border-radius:10px; }


@media screen and (max-width:800px) {
.int h3{ text-indent:20px;}
  .int .posts{width:90%; height:70px; margin:0 5% -40px 5% ;  }
}
/* 聚合文章
.int .post-content{ width:100%; position:relative; top:20px;  font-size:16px;}
.int .post-content a{color:#45bcf9}
.int #comments{ width:100%; border-top:2px solid #e2e2e2; position:relative; top:50px; padding-top:10px;}
.int #comments a{color:#45bcf9}
.int #comments h3{ margin: 10px auto}
.int #comments .comment-list{ width:100%; position:relative; }
.int #comments .comment-list .comment-children{ width:95%;position:relative; left:5%}
.int #comments .comment-list li,.int #comments .comment-list .comment-children li{background:#fff; margin:6px auto;   }
.int #comments .comment-list li:hover,.int #comments .comment-list .comment-children li:hover{ background:#e2e2e2}
.int #comments .comment-list li .comment-author,.int #comments .comment-list .comment-children li .comment-author{ width:50%;height:20px;position:relative; left:0; top:0; border-bottom:1px solid #c1c1c1; }
.int #comments .comment-list li .comment-author .avatar,.int #comments .comment-list .comment-children li .comment-author .avatar{ display:none}
.int #comments .comment-list li .comment-author .fn,.int #comments .comment-list .comment-children li .comment-author .fn{ text-indent:10px; background:#eee; padding: 0 10px;}
.int #comments .comment-list li .comment-meta,.int #comments .comment-list .comment-children li .comment-meta{width:50%;height:20px;position:relative; left:50%; top:-21px; text-align:right;border-bottom:1px solid #c1c1c1;}
.int #comments .comment-list li .comment-content,.int #comments .comment-list .comment-children li .comment-content{width:100%;position:relative; text-indent:10px;}
.int #comments .comment-list li .comment-reply,.int #comments .comment-list .comment-children li .comment-reply{ width:60px; height:20px; position:relative; left:90%;   text-align:center; }
.int #comments .comment-list li .comment-reply:hover,.int #comments .comment-list .comment-children li .comment-reply:hover{ background:#3390ff; border-radius:6px}
.int #comments .comment-list li .comment-reply:hover a,.int #comments .comment-list .comment-children li .comment-reply:hover a{ color:#fff}


.int .respond{ width:100%; position:relative;margin:10px auto; border-radius:3px;}
.int .respond h3{position: absolute; width: 20px; height:30px; top:-10px; left:-30px; }
.int .respond .cancel-comment-reply{width:10%; height:35px; float:right; position:absolute; bottom:10px; right:10px; line-height:35px; }
.int .respond .textarea{ width:100%;text-indent:15px;}
.int .respond .tijiao{ width:80%; height:35px;  top:-45px; position:relative; left:10px; float:left; }
.int .respond .tijiao .text{ width:30%; height:35px; border:1px solid #008cd2; border-radius:6px; outline:none; margin 0 3%; text-indent:10px;}
.int .respond .submit{ width:10%; height:35px; background:#e10000; color:#fff; top:-44px; float:left; left:-4%; position:relative; border:0; border-radius:6px}

/*取消回复*/









/* 底部 */
#footer{ width:100%; height:40px;position: relative; top:80px; font-size:14px; line-height:60px; text-align:center}



/* 热门搜索 */
.hot{height: 600px;  }
.hot .engine{ width: 100%; height: 80px;  border-radius: 10px; }
.hot .engine .ch{ width: 10%; height: 80px;font-size: 15px; line-height: 130px;list-style: none;text-align: center;  float: left;cursor: pointer; position: relative;  }
.hot .engine .ch.on{background:#f2f2f2; box-shadow: 1px 1px 4px #e2e2e2;font-weight: bold; font-size: 17px; color:#1e87eb; }
.hot .engine .ch .icon{ width: 35px; height: 35px; position: absolute; top: 10px; left: 52px; }
.hot .engine .chleft{ border-radius: 10px 0 0 10px }
.hot .engine .chright{ border-radius: 0 10px 10px 0 }
.hot .hotsearch{ width: 100%; height:500px;position: absolute; bottom: 0; border-radius: 10px;}
.hot .hotsearch .class{ width: 97%; height: 100%; float: right }
.hot .hotsearch .class .ch{ width: 100%;line-height: 50px; float: left;text-indent: 15px; font-size: 19px }
.hot .hotsearch .class .ch:hover{ background: #f2f2f2; color:#1e87eb;}


/* 导航 */


.hao .nav .title{ position: relative; left: 20px; font-size: 25px; cursor: pointer; }
.hao .nav .navs{ width: 88%; height: 60px; float: right; text-align: center }
.hao .nav .navs .navlist{width: 7%; height: 60px; line-height: 60px; font-size: 15px; list-style: none; float: left; cursor: pointer;}
.hao .nav .navs .navlist:hover{ color:#00b0ff;}



/* 友链 */
.link{ height:auto; }
.link .nav{ text-align: center }
.link .links .linksite{ width: 12%; height: 43px; border:1px solid rgba(0,0,0,0); display: inline-block; margin:12px 13px; text-align: left; line-height: 43px; text-indent: 57px; position: relative; font-size: 15px }
.link .links .linksite .icon{width: 35px; height: 35px; position: absolute; top:4px; left: 10px }
.link .links .linksite:hover{  border:1px solid #d8d8d8;  border-radius: 5px; top:-3px;  }


/* 404 */




/* media */
@media screen and (max-width: 1749px){
	.header .searchto .so .sob{ top: -45px; }
}
@media screen and (max-height: 800px){
	.solist .user{ bottom: -2% }
}

@media screen and (max-width:930px){
	.header .searchto{display:none}
	.nav{display:none}
	.int{ border:0; padding:0; width: 100%;}
	}
}