@charset "utf-8";
*{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-size:16px; font-family: PingFang SC,Arial,sans-serif;color:#444;background:#fff;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{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}
a:hover{text-decoration:none;color:#007bff}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h3 i{color:#ff6666}
.fl{float:left;}
.fr{float:right;}
.weizhi{margin-bottom:20px;font-size:14px;color:#888;}
.w1200{width:1200px;overflow:hidden;padding:0;margin:0 auto;display:block;}
img{max-width:100%;}
/* 全局属性结束 */  /* header */
header{overflow:hidden;display:block;padding:20px;}
.logo{padding:10px 0;margin-top:5px;}
.logo img{width:168px;}
.time{text-align:center;font-size:12px;margin:22px 0 0 18px;color:#666;}
.time a:hover{text-decoration:underline;}
.chaxun{font-size:12px;max-width:178px;padding:14px 0;}
.chaxun ul{overflow:hidden;}
.chaxun ul li{float:left;padding:0 4px;text-align:center;}
 /* 百度搜索框 */
.baidu{display: flex;flex-direction: column;align-items: center;margin: 0;padding: 10px;width:100%}
.baidu .logo{margin:-6px 20px 0 0;display: flex;flex-direction: column;}
.baidu .logo img{width:128px;}
.search-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 800px;
}
.search-box {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .search-form {display: flex;}
        .search-input {
            flex: 1;
            padding: 10px;
            border: 2px solid #4e6ef2;
            border-radius: 10px 0 0 10px;
            font-size: 15px;
            outline: none;
			max-height:50px;
        }
        .search-button {
            padding: 10px 15px;
            background-color: #4e6ef2;
            color: white;
            border: none;
            border-radius: 0 10px 10px 0;
            cursor: pointer;
            font-size: 15px;
			max-height:50px;
        }
        .search-button:hover {
            background-color: #3a5bd9;
        }       
/* 首页常用网站 */
.changyong{overflow:hidden;margin-top:10px;border:1px solid #eee; max-width: 100%;padding:9px 9px 18px 9px;}
.tab-nav {display: flex;border-bottom:1px solid #eee;}
.tab-item {
            padding:4px 15px;
            text-align: center;
            cursor: pointer;
            transition: background 0.3s;
        }
        .tab-item:hover {
            background-color: #f0f0f0;
        }
        .tab-item.active {
            border-bottom: 2px solid #007bff;
            font-weight: bold;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
.news-item li{float:left;width:10.5%;padding:0;margin:18px 1% 0 1%;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-item li .icon{float:left;}
.news-item li .icon img{width:22px;margin:0 5px -5px 0;}
/*首页主框架-导航和文章，左边是main，右边是celan*/
.main{overflow:hidden;}
.main{width:70%;}
.celan{width:28%; margin-top:10px;}
/*首页三图展示*/
.youxi{margin-top:10px;display:flex;justify-content: space-between;}
.youxi li{width:32%;max-height:128px;overflow:hidden;}
.youxi li img{width:100%;height:100%;display:block;transition:all 0.5s;}
.youxi li img:hover{transform:scale(1.1);}
/*首页网址导航*/
.main .daohang{border-bottom:1px solid #eee;overflow:hidden;}
.main .daohang .lanmu{text-align:center;width:60px;overflow:hidden;padding-top:20px;}
.main .daohang .lanmu p{color:#888;}
.main .daohang .lanmu p img{width:30px;}
.main .daohang .wangzhi{border-left:1px solid #eee;overflow:hidden;padding:10px;font-size:15px;}
.main .daohang .wangzhi li{width:25%;padding:10px 0 10px 20px;float:left;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.main .daohang .wangzhi li img{width:20px;margin:0 10px -5px 0;}
.main .daohang .wangzhi li:hover{background:#eee;border-radius:5px;}
.main .daohang .wangzhi li:hover  img{margin:0 8px -5px 2px;}
/*首页文章列表*/
.main .article{margin-top:10px;padding:14px 14px 0 14px;border:1px solid #eee;}
.main .article h3 span{float:right;font-size:14px;font-weight:400;}
.main .article h3 span a{color:#888;}
.main .article h3 span a:hover{color:#007bff;}
.main .article .liebiao{margin:10px 0;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;}
.main .article .liebiao:last-child{margin-bottom:0;border-bottom:none;}
.main .article .liebiao .pic{overflow:hidden;width:180px;height:120px;margin-left:18px;}
.main .article .liebiao .pic img{width:100%;min-height:120px;transition:all 0.8s;}
.main .article .liebiao .pic img:hover{transform:scale(1.4);}
.main .article .liebiao .zhaiyao{margin:10px 0;color:#888;font-size:15px;max-height:50px;overflow:hidden;}
.main .article .liebiao .riqi{color:#888;font-size:15px;}
/*首页底部常用电脑软件*/
.bibei{overflow:hidden;margin-top:10px;border:1px solid #eee;padding:10px;}
.bibei ul li{float:left;padding:9px 0;margin:5px 1% 0 0;width:19.2%;transition: transform 0.8s ease;}
.bibei ul li:hover{transform: translate(10px);}
.bibei ul li:nth-child(5n){margin-right:0;}
.bibei ul li img{width:28px;margin:0 5px -7px 0;}
/*侧栏样式*/
.celan img{width:100%;}
.celan h3{margin-bottom:12px;}
.resou{border:1px solid #eee;padding:10px;overflow:hidden;}/*热搜样式*/
.resou .refresh-btn {
	        float:right;
            background: #f8f9fa;
            color: #007bff;
            border: none;
            padding: 3px 10px;
            border-radius: 10px;
            cursor: pointer;
            transition: background 0.3s;
        }
.resou .refresh-btn:hover{text-decoration:underline;color:#ff6666;}
.resou ul li{padding:5px 0;font-size:14px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.resou ul span{margin-right:6px;color:#ff0000;font-style:italic;}
.resou p{font-size:14px;color:#888;margin-top:10px;}
.ad{margin-top:10px;}/*侧栏广告*/
.ad img{display:block;}
.gongju{border:1px solid #eee;margin-top:10px;padding:10px;overflow:hidden;}/*侧栏常用工具*/
.gongju li{float:left;width:49%;text-align:center;padding:3px 0;margin:5px 2% 5px 0;border:1px solid #eee;}
.gongju li:hover{background:#eee;}
.gongju li:nth-child(2n-1){margin-right:0;}
.ai{border:1px solid #eee;margin-top:10px;padding:10px;}/*AI工具*/
.ai .swiper{}
.ai ul{overflow:hidden;margin-top:5px;}
.ai li{float:left;width:50%;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;padding:10px 0 10px 10px;transition: transform 0.8s ease;}
.ai li:hover{transform: translate(10px);background:#eee;border-radius:5px;}
.ai li img{width:30px;margin:0 10px -9px 0;}
/*封面模板-网址*/
.fenlei_wangzhi{margin-top:10px;padding:10px;border:1px solid #eee;}
.fenlei_wangzhi h2{text-align:center;margin-bottom:10px;}
.fenlei_wangzhi h2::before{content: "—";margin-right:10px;color:#ff6666;}
.fenlei_wangzhi h2::after{content: "—";margin-left:10px;color:#ff6666;}
.fenlei_wangzhi .more{float:right;font-size:14px;color:#007bff;font-weight:400;}
.fenlei_wangzhi ul{margin-bottom:30px;overflow:hidden;}
.fenlei_wangzhi ul li{padding:20px;float:left;width:23.5%;margin:10px 2% 10px 0;border:1px solid #eee;border-radius:10px;}
.fenlei_wangzhi ul li:nth-child(4n){margin-right:0;}
.fenlei_wangzhi ul li:hover{box-shadow:0px 0px 20px #ddd;}
.fenlei_wangzhi ul li h4{font-size:16px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.fenlei_wangzhi ul li img{width:28px;margin:0 10px -7px 0;border-radius:50px;}
.fenlei_wangzhi ul li p{height:48px;overflow:hidden;color:#888;font-size:14px;}
/*封面模板-文章*/
.fenlei-wenzhang{margin-top:10px;padding:14px 14px 0 14px;border:1px solid #eee;}
.fenlei-wenzhang .weizhi{margin-bottom:20px;font-size:14px;}
.fenlei-wenzhang .more{float:right;font-size:14px;color:#007bff;font-weight:400;}
.fenlei-wenzhang .liebiao{margin-bottom:10px;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;}
.fenlei-wenzhang .liebiao:last-child{margin-bottom:0;border-bottom:none;}
.fenlei-wenzhang .liebiao .zhaiyao{margin:10px 0;color:#888;font-size:15px;max-height:50px;overflow:hidden;}
.fenlei-wenzhang .liebiao .riqi{color:#888;font-size:15px;}
/* 自定义页面-所有分类页 */
.all{margin-top:10px;border:1px solid #eee;padding:10px 20px;}
.all h1{text-align:center;}
.all h3 a{color:#555;}
.all h3 img{width:32px;margin:0 8px -8px 0;}
.all ul{display:flex;flex-wrap: wrap;margin-bottom:20px;}
.all ul li{padding:5px;margin:5px;}
/* 网址列表页 */
.list{overflow:hidden;}
.list .menu{width:14%;margin-top:10px;border:1px solid #eee;}
.list .menu h4{text-align:center;}
.list .menu li{text-align:center;}
.list .menu li img{margin-right:5px;margin-bottom:-6px;width:30px;}
.list .menu a{display:block;padding:12px 0;}
.list .menu a:hover{background:#eee;color:#ff6666;}
.list .menu a.xuanzhong{background:#eee;color:#ff6666;}
.list .content{width:85%;}
.list .content .title{margin-top:10px;border:1px solid #eee;padding:10px 18px;}
.list .content .title span{font-weight:400;margin-left:18px;font-size:18px;}
.list .content .title p{font-size:15px; color:#888;}
.list .content .title ul{display:flex;flex-wrap: wrap;margin-top:10px;}
.list .content .title ul li{padding:5px 10px;}
.list .content .title h3{margin:10px 0 20px 0;}
.list .content .title h3 img{width:32px;margin:0 5px -7px 0;}
.list .content .wangzhan{margin-top:10px;overflow:hidden;}
.list .content .wangzhan li{float:left;margin:0 2% 20px 0;border:1px solid #eee;padding:20px;width:23.5%;border-radius:9px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.list .content .wangzhan li:hover{transform: translateX(5px);box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);}
.list .content .wangzhan li:nth-child(4n){margin-right:0;}
.list .content .wangzhan li h4{font-size:16px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;padding-top:3px}
.list .content .wangzhan li span{width:30px;float:left;margin:-3px 9px 0 0;display:block;}
.list .content .wangzhan li span img{width:100%;border-radius:50px;}
.list .content .wangzhan li p{font-size:14px;color:#888;height:48px;overflow:hidden;}
/* 网址内容页 */
.list .content .show{margin:10px 0 50px 0;border:1px solid #eee;padding:20px;}
.list .content .show h4{margin-top:16px;}
.list .content .show .infor{border-bottom:1px solid #eee;overflow:hidden;padding-bottom:14px;position:relative;}
.list .content .show .infor .zuo{width:60%;overflow:hidden;float:left;}
.list .content .show .infor .you{width:40%;overflow:hidden;float:right;}
.list .content .show .infor .zuo img{width:60px;margin:0 10px 0 0;border-radius:3px;float:left;}
.list .content .show .infor .zuo h3{overflow:hidden;margin:15px 0 30px 0;}
.list .content .show .infor .zuo p{font-size:15px;margin-bottom:10px;}
.list .content .show .infor .shoulu a{margin-left:10px;background:#eee;color:#955cff;padding:3px 15px;border-radius:10px;}
.list .content .show .infor .shoulu a:hover{background:#955cff;color:#fff;}
.list .content .show .infor .shoulu a::before{content:"#";margin-right:5px;}
.list .content .show .infor .zuo .zhida{margin-top:40px;}
.list .content .show .infor .zuo .zhida a{background:#ff6666;color:#fff;padding:8px 40px;border-radius:5px;font-size:15px;}
.list .content .show .infor .zuo .zhida a:hover{background:#e10602;}
.list .content .show .infor .zuo .fankui a{font-size:14px;color:#007bff;margin-top:15px;display:inline-block;}
.list .content .show .infor .you img{border:1px solid #eee;}
.list .content .show .infor .you .jietu{text-align:center;font-size:14px;color:#888;font-style: italic;}
.list .content .show .zhengwen h3{margin-top:16px;}
.list .content .show .zhengwen h3::before{content:" ";border-left:7px solid #ff6666;padding-left:7px;font-size:18px;}
.list .content .show .zhengwen h4::before{content:"• ";}
.list .content .show .zhengwen p{margin-top:16px;line-height:1.8;text-align: justify;text-justify: distribute-all-lines;word-wrap:break-word;}
.list .content .show .zhengwen a{color:#3399ff ;}
.list .content .show .zhengwen a:hover{color:#007bff;}
/*文章内容页*/
.news{margin-top:10px;padding:10px 20px;border:1px solid #eee;overflow:hidden;}
.news .sitemap{margin-bottom:20px;font-size:14px;color:#888;}
.news .title{border-bottom:1px solid #eee;padding-bottom:10px;}
.news .title h1{color:#333;}
.news .title .intro{color:#888;margin-top:20px;}
.news .news-con{margin-top:20px;}
.news .news-con h1,.news .news-con h2,.news .news-con h3,.news .news-con h4{margin-bottom:16px;}
.news .news-con h3{margin-top:16px;}
.news .news-con h3::before{content:" ";border-left:7px solid #ff6666;padding-left:7px;font-size:18px;}
.news .news-con h4::before{content:"• ";}
.news .news-con p{line-height:1.8;margin-bottom:16px;text-align: justify;text-justify: distribute-all-lines;word-wrap:break-word;}
blockquote {
	margin-bottom:20px;
	padding:18px 18px 0 18px;
	color:#666;
	border:1px dotted #ccc;
	background:#f8f8f8;
}
blockquote::before{content:"“";font-size:60px;float:left;color:#ccc;margin:18px 9px 0 0;line-height:1px;}
blockquote::after{content:"”";font-size:60px;float:right;color:#ccc;margin:0 0 0 9px;line-height:1px;}
pre{background:#f8f8f8;border:1px solid #ddd;padding:10px;font-size:14px;overflow:hidden;margin-bottom:16px;ext-align: justify;text-justify: distribute-all-lines;word-wrap:break-word;}
.news .news-con .end{text-align:center;font-size:12px;color:#888;}
/* 底部footer样式 */
footer{overflow:hidden;padding:20px 0;text-align:center;}
footer p{font-size:14px;}
footer p a{margin:0 5px}
/* 返回顶部 */
#to-top .tijiao{position:fixed;bottom:220px;right:2px;width:50px;height:50px;background:#78c340;font-size:30px;text-align:center;}
#to-top .tijiao a{color:#fff;}
#to-top .top{position:fixed;bottom:168px;right:2px;width:50px;height:50px;background:#4e6ef2;padding:12px;}

/* 自适应代码 */
@media only screen and (max-width: 1200px) {
	.w1200{width:98%;margin:0 auto;}
	.changyong{margin-top:10px;}
	.changyong ul li{font-size:14px;}
	.main .article .liebiao h4,.fenlei-wenzhang .liebiao h4{max-height:50px;overflow:hidden;}
}
@media only screen and (max-width: 840px) {
	.main,.celan{width:100%;}
	.changyong ul li{text-align:center;font-size:13px;width:23%}
	.changyong ul li .icon{float:none;}
	.main .daohang .wangzhi li{width:50%;padding-left:10px;}
	.time{display:none;}
	.list .content .show .infor .zuo{width:100%;}
	.list .content .show .infor .you{width:100%;position:static;float:none;padding-top:20px;}
	.list .content .wangzhan li{width:49%;margin-bottom:10px;padding:10px;}
	.list .content .wangzhan li:nth-child(2n){margin-right:0;}
	.none{display:none;}
}
@media only screen and (max-width: 640px) {
    .changyong,.main .article,.bibei,.resou,.gongju,.ai,.fenlei_wangzhi,.fenlei-wenzhang,.all,.news{border:none;}
    .baidu .logo,#to-top{display:none;}
    .news-item li .icon img{width:30px;margin:0 0 -5px 0;}
    .main .article .liebiao h4{font-size:16px;margin-bottom:10px;}
	.main .article .liebiao .pic{width:115px;height:75px;}
	.main .article .liebiao .pic img{width:115px;min-height:75px;}
	.main .article .liebiao .zhaiyao{display:none;}
	.main .article .liebiao .riqi{font-size:14px;}
    .fenlei-wenzhang .liebiao h4{font-size:16px;margin-bottom:10px;}
	.fenlei-wenzhang .liebiao .zhaiyao{display:none;}
	.fenlei-wenzhang .liebiao .riqi{font-size:14px;}
	.main .daohang .lanmu{width:50px;padding-top:60px;}
	.list .menu{width:50px;}
	.list .menu h4{font-size:14px;padding:0 3px;line-height:18px;}
	.list .menu li img{display:block;margin:3px auto}
	.list .content{width:calc(100% - 60px);}
	.list .content .wangzhan li h4{font-size:15px;}
	.list .content .wangzhan li span{margin-right:5px;}
    .list .content .title p{font-size:14px;}
	.list .content .show .infor{text-align:center;}
	.list .content .show .infor .zuo img{float:none;width:80px;margin-right:0;}
	.list .content .show .infor .zuo h3{margin-top:0;}
	.list .content .show .infor .shoulu span{display:block;margin-top:5px;}
	.list .content .show .infor .shoulu a{margin:0;}
	.bibei ul li{width:49.5%;padding-left:10px;}
	.bibei ul li:nth-child(5n){margin-right:1%;}
	.bibei ul li:nth-child(2n){margin-right:0;}
	.fenlei_wangzhi ul li{padding:10px;float:left;width:49%;margin:5px 2% 5px 0;}
	.fenlei_wangzhi ul li:nth-child(2n){margin-right:0;}
	.news{padding:10px;}
	.changyong{padding:10px 0;}
}