@import "font-awesome.css";
*{box-sizing:border-box;list-style:none;border:0;outline:none;padding:0;margin:0;text-decoration:none;font-weight:normal;font-family: SYhei, 'Microsoft Yahei', sans-serif;}
body{background:#EEEEEE;}
img{max-width:100%;}
.flex{display:flex;flex-wrap:wrap;justify-content: space-between;}
.wrap{width:1200px;margin:0 auto;}
.header{background:#3E494F;padding:10px 0;z-index: 9999;position: sticky;top:0;}
.header .logo{width:360px;}
.header .logo h1 img{width:100%;display:block;}
.header .logo .txt{text-align:center;color:#000;font-size:16px;}
.header .info{width:calc(100% - 430px);margin-top: 10px;}
.header .info .notice{display:flex;}
.header .info .notice .notice_title{font-size:24px;width:30px;border-radius:2px;height:30px;display:flex;align-items: center;color:#000;justify-content: center;}
.header .info .notice .notice_box{width:calc(100% - 30px);line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#000;}
.header .info .search{margin-top:10px;max-width:600px;}
.header .info .search form{display:flex}
.header .info .search form input{border-radius:4px 0 0 4px;width:calc(100% - 80px);padding:0 10px;font-size:15px;color:#000;}
.header .info .search form button{border-radius:0 4px 4px 0;transition-duration:.5s;width:80px;height:40px;cursor: pointer;background:#333333;color:#fff;font-size:15px;}
.header .info .search form button span{margin-left:10px;}
.header .info .search form button:hover{background:red;}

.nav{background:#333;z-index: 9999;position: sticky;top:111px;}
.nav ul li{transition-duration:.5s;flex:1;}
.nav ul li a{font-size:16px;width:100%;display:flex;align-items: center;justify-content: center;height:45px;color:#fff;}
.nav ul li.on,.nav ul li:hover{background:red;color:#fff;}

.footer{padding:20px 0;background:#000000;color:#fff;}
.footer .link{display:flex;margin-bottom:20px;font-size:15px;flex-wrap:wrap;}
.footer .link a{font-size:15px;color:#fff;margin-right:10px;}
.footer .link a:hover{color:red;}
.footer .txt,.footer .txt a{color:#aaa;font-size:14px;}
.footer .txt a{margin-left:8px;}
.footer .txt a:hover{color:red;}
.main{padding:12px 0;}
.main .content{margin-bottom:12px;background:#fff;padding:12px;}
.main .content .title{border-bottom:1px solid #EEEEEE;padding-bottom:12px;margin-bottom:12px;}
.main .content .title .name span{font-size:22px;}
.main .content .title .more a,.main .content .title .more span{color:#999;font-size:14px;}
.main .content .content_box{display:flex;flex-wrap:wrap;}
.main .content .content_box .item{transition-duration:.5s;width:calc(100% / 6 - 10px);margin:0 12px 12px 0;}
.main .content .content_box .item:nth-child(6n){margin-right:0;}
.main .content .content_box .item .pic{background:#EEEEEE;position: relative;display:block;overflow:hidden}
.main .content .content_box .item .pic img{height:200px;display:block;width:100%;transition-duration:.5s;}
.main .content .content_box .item .pic .type_name{background:rgba(0,0,0,.5);width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;display:flex;justify-content: center;align-items: center;;height:30px;text-align:center;color:#F2F2F2;font-size:12px;z-index:9;position: absolute;left:0;top:0;}
.main .content .content_box .item .txt{margin-top:5px;padding:10px;background:#EEEEEE;text-align:center;}
.main .content .content_box .item .txt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333}
.main .content .content_box .item:hover{box-shadow:0 5px 10px rgba(0,0,0,.2)}
.main .content .content_box .item:hover .pic img{transform: scale(1.08);}
.main .content .article_box .item{display:flex;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #EEEEEE;}
.main .content .article_box .item .name{width:calc(100% - 140px)}
.main .content .article_box .item .name a{font-size:15px;color:#000;}
.main .content .article_box .item .time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px;color:#999;font-size:14px;text-align:center;}
.main .content .article_box .item .name a:hover{color:red;}
.main .book_content{width:calc(100% - 332px);}
.main .book_content .head{background:#fff;padding:12px}
.main .book_content .head .t{margin-bottom:15px;color: #444;font-size:24px;font-weight: 400;}
.main .book_content .info{display:flex;}
.main .book_content .info span{margin-right:30px;font-size:15px;color:#555;max-width:200px;text-overflow:ellipsis;white-space:nowrap;}
.main .book_content .info span i{margin-right:8px}
.main .book_content .info span.qrcode_btn{cursor: pointer;position: relative;}
.main .book_content .info span.qrcode_btn #qrious{z-index:2;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;   padding:10px;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.3);width:220px;height:220px;position: absolute;left:0;top:25px;}
.main .book_content .info span.qrcode_btn #qrious img{width:200px;height:200px;}
.main .book_content .info span.qrcode_btn:hover #qrious{transform: scaleY(1);}
.main .book_content .c{padding-top:15px;border-top:1px solid #EEEEEE;margin-top:10px;}
.main .book_content .c .book_info{width:55%;}
.main .book_content .c .book_info .book_info_pic{width:200px;padding:10px;}
.main .book_content .c .book_info .book_info_pic img{display: block;width:100%;height:230px}
.main .book_content .c .book_info .book_info_txt{width:calc(100% - 212px);padding:12px}
.main .book_content .c .book_info .book_info_txt ul{width:100%;height:100%;display:flex;flex-wrap:wrap;}
.main .book_content .c .book_info .book_info_txt ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:16.6%;font-size:15px;color:#555;width:100%;}
.main .book_content .c .book_info .book_info_txt ul li a{color:#666;margin-right:5px}
.main .book_content .c .book_info .book_info_txt ul li strong{font-weight:bold;}
.main .book_content .c .book_info .book_info_txt ul li a:hover{color:red}
.main .book_content .c .book_info .book_info_txt .down{transition-duration:.5s;width:100px;color:#fff;font-size:14px;height:35px;display:block;border-radius:4px;line-height:35px ;background:#00A67C;text-align:center;}
.main .book_content .c .book_info .book_info_txt .down:hover{border-radius:30px;}
.main .book_content .c .ad{width:calc(45% - 12px);height:254px;display:flex;align-items: center;justify-content: center;font-size:20px;font-weight:bold;}
.ad a,.ad img{width:100%;height:100%;display:block}
.main .book_content .book_body{margin:12px 0;padding:12px;background:#fff;}
.main .book_content .book_body h2{border-bottom: 1px solid #00a67c;border-left:10px solid #00a67c;margin: 0 -12px 12px -17px;padding: 10px 20px 9px 10px;background-color: #fbfbfb;font-weight: 700;font-size:18px;}
.main .book_content .book_body p{font-size:15px;line-height:30px;margin-bottom:10px;}
.main .book_content .down-list{padding:12px;margin-bottom:12px;background:#fff;display:flex;justify-content: space-between;}
.main .book_content .down-list .info{width:60%;padding-right:12px;}
.main .book_content .down-list .down-box{width:58%}
.main .book_content .down-list .down-box .free_down .free_down_form{padding:12px;background:#EEEEEE;width:calc(100% - 196px)}
.main .book_content .down-list .down-box .free_down .free_down_form h2{color:red;font-size:18px;line-height:24px;}
.main .book_content .down-list .down-box .free_down .free_down_form form{margin-top:12px;}
.main .book_content .down-list .down-box .free_down .free_down_form form input{display:block;width:100%;height:45px;padding:0 10px;color:#000;font-size:16px}
.main .book_content .down-list .down-box .free_down .free_down_form form button{cursor: pointer;color:#fff;font-size:18px;font-weight:bold;display:flex;background:#000;justify-content: center;align-items: center;width:100%;border:0;height:40px;margin-top:12px;}
.main .book_content .down-list .down-box .free_down .qrcode{width:184px;padding:12px;background:#EEEEEE;}
.main .book_content .down-list .down-box .free_down .qrcode img{width:160px;height:160px;}
.main .book_content .down-list .down-box .free_down .free_down_body{min-height:200px;padding:12px;background:#EEEEEE;}
.main .book_content .down-list .down-box .free_down .free_down_body li{line-height:30px;display:flex;}
.main .book_content .down-list .down-box .free_down .free_down_body li span{color:red;font-size:16px;min-width:max-content}
.main .book_content .down-list .down-box .free_down .free_down_body li a{color:#00A67C;margin:0 8px;;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main .book_content .down-list .down-box .paid_down .paid_down_form{min-height:200px;width:calc(100% - 252px);background:#EEEEEE;padding:12px} 
.main .book_content .down-list .down-box .paid_down .paid_down_form form input{margin-bottom:12px;display:block;border:1px solid #000000;;width:100%;height:45px;padding:0 10px;color:#000;font-size:15px}
.main .book_content .down-list .down-box .paid_down .paid_down_form form button{cursor: pointer;color:#fff;font-size:18px;font-weight:bold;display:flex;background:#000;justify-content: center;align-items: center;width:100%;border:0;height:40px;}
.main .book_content .down-list .down-box .paid_down .paid_down_txt{width:240px;}
.main .book_content .down-list .down-box .paid_down .paid_down_txt h2{background:#EEEEEE;text-align:center;font-size:24px;padding:8px 12px;margin-bottom:12px;}
.main .book_content .down-list .down-box .paid_down .paid_down_txt .cc{height:calc(100% - 59px);background:#EEEEEE;padding:12px;}
.main .book_content .down-list .down-box .paid_down .paid_down_txt p{color:#666;line-height:28px;font-size:15px;}
.main .book_content .down-list .down-box .paid_down .paid_down_txt .ccc {height: calc(100% - 43px);font-size: 20px;padding: 5px 12px;}
.main .book_content .down-list .down-box .paid_down .paid_down_txt .ccc p{font-size:13px;line-height:20px;}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode{width:calc(100% - 252px);padding:12px;background:#EEEEEE;} 
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .paid_down_pat{text-align:center;}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .paid_down_pat h2{font-size:15px;}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .paid_down_pat p{font-size:14px;color:#666;}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .paid_down_pat p span{color:red;}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .qrcode{padding:12px 0 0 0;text-align:center;}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .qrcode img{width:120px;height:120px;border:2px solid #fff}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .qrcode p{color:#666;font-size:14px}
.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .qrcode p span{margin:0 5px;color:red;}
.main .book_content .down-list .ad{height:200px;width:40%;display:flex;align-items: center;justify-content: center;font-size:20px;font-weight:bold;}
.main .book_content .down-list .down-box #paid2 .paid_down_qrcode{width:180px}
.main .book_content .down-list .down-box #paid2 .paid_down_txt{width:calc(100% - 192px);} 
.main .article_content{width:calc(100% - 332px);}
.main .article_content .t{font-size:24px;background:#fff;padding:12px;line-height:30px;}
.main .article_content .info{display:flex;margin:12px 0;}
.main .article_content .info span{background:#fff;flex:1;padding:12px;margin-right:12px;font-size:15px;color:#555;}
.main .article_content .info span a{color:#555}
.main .article_content .info span:last-child{margin:0;}
.main .article_content .body{background:#fff;padding:12px;font-size: 14px;line-height: 2em;}
.main .article_content .body img{max-width:100%}
.main .article_content .body p{margin-bottom:12px;}
.main .article_content .body p,.main .article_content .body span,.main .article_content .body h3,.main .article_content .body h2,.main .article_content .body h4,.main .article_content .body div{font-family: SYhei, 'Microsoft Yahei', sans-serif !important}
.main .article_sidebar{width:320px;}
.main .article_sidebar .sidebar_box{background:#fff;position:sticky;top:157px;padding:12px;margin-bottom:12px;}
.main .article_sidebar h2{color:#333;font-size:20px;padding-bottom:10px;border-bottom:1px solid #EEEEEE;}
.main .article_sidebar ul li{padding:8px;border-bottom:1px solid #EEEEEE;}
.main .article_sidebar ul li a{display:block;color:#666;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main .article_sidebar ul li a:hover{color:red;}
.main .prev-next{background:#fff;margin-top:12px;padding:12px;}
.main .prev-next p{flex:1;padding:0 30px 0 0;}
.main .prev-next p:last-child{text-align:right;padding:0 0 0 30px;}
.main .prev-next p,.main .prev-next a{font-size:14px;line-height:25px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main .prev-next a:hover{color:red;}
.pages{background:#fff;padding:12px;display:flex;}
.pages span,.pages a{font-size:13px;color:#333;margin-right:5px;min-width:30px;text-align:center;padding:4px 10px;background:#EEEEEE;}
.pages span{background:none;}
.pages a:hover{color:red;}
.pages a.curpage{background:red;color:#fff}

.git_tags {display:flex;flex-wrap:wrap;padding-top:12px;}
.git_tags a {width:calc(100% / 10 - 5px);margin: 0 5.5px 5px 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 2px 6px;background-color: #00a67c;color: #fff;line-height:25px;opacity: .7;filter: alpha(opacity=80)}
.git_tags a:nth-child(9n) {background-color: #4a4a4a}
.git_tags a:nth-child(9n+1) {background-color: #15a287}
.git_tags a:nth-child(9n+2) {background-color: #5cb85c}
.git_tags a:nth-child(9n+3) {background-color: #d9534f}
.git_tags a:nth-child(9n+4) {background-color: #567e95}
.git_tags a:nth-child(9n+5) {background-color: #b433ff}
.git_tags a:nth-child(9n+6) {background-color: #00a67c}
.git_tags a:nth-child(9n+7) {background-color: #b37333}
.git_tags a:nth-child(9n+8) {background-color: #f60}
.git_tags a:nth-child(10n){margin-right:0;}
.git_tags a:hover {opacity: 1;filter: alpha(opacity=100)}
.share_box{background:#fff;padding:5px 0;display:flex;justify-content:center;margin-top:12px}
.git_tags_box{margin-top:12px;padding:12px;background:#fff;}
.at,.git_tags_box h2 {color: #333;font-size: 20px;padding-bottom: 10px;border-bottom: 1px solid #EEEEEE;}
.at{margin-bottom:12px}

.dbpf{width: 75px;height: 15px;display:inline-block;background-image: url(../images/dbpf.png);}
.dbpf0{background-position: 0 -150px;}
.dbpf1{background-position: 0 -135px;}
.dbpf2{background-position: 0 -120px;}
.dbpf3{background-position: 0 -105px;}
.dbpf4{background-position: 0 -90px;}
.dbpf5{background-position: 0 -75px;}
.dbpf6{background-position: 0 -60px;}
.dbpf7{background-position: 0 -45px;}
.dbpf8{background-position: 0 -30px;}
.dbpf9{background-position: 0 -15px;}
.dbpf10{background-position: 0 0;}

.wap_header{display:none;position: sticky;top: 0;z-index: 99999999;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);width: 100%;}
.wap_top{width:100%;z-index:10006;align-items:center;justify-content:space-between;height:60px;background:#3E494F;padding:0 10px;display:flex;}
.wap_top h1 img{height:35px;}
.wap_top .menu-btn{display:flex;align-items:center;cursor: pointer;}
.wap_top .menu-btn .item{width:20px;height:14px;}
.wap_top .menu-btn .menu-icon{display:block;height:2px;margin-bottom:4px;background:#fff; }
.wap_top .menu-btn .menu-icon:last-child{margin-bottom:0;}
.wap_nav{width:100%;height:calc(100% - 60px);top:60px;left:-100%;justify-content:space-between;transition-duration:.5s;position:fixed;z-index:99999999;display:flex;}
.wap_nav .wap_sidebar{background:#EEEEEE;width:70%;height:100%;overflow:scroll;padding:8px}
.wap_nav .wap_sidebar .box{margin-bottom:8px;background:#fff;padding:8px;border-radius:8px;}
.wap_nav .wap_sidebar .box:last-child{margin-bottom:0;}
.wap_nav .wap_sidebar .item{text-transform:uppercase;border-bottom:1px solid #dfdfdf;}
.wap_nav .wap_sidebar .item h3 a{line-height:35px;display:flex;}
.wap_nav .wap_sidebar .item h3 a span{font-size:14px;color:#111;width:calc(100% - 25px);line-height: 50px;}
.wap_nav .wap_sidebar .item h3 a .i{width:25px;display:flex;align-items:center;justify-content:center}
.wap_nav .wap_sidebar .item h3 a .i i{transition-duration:.6s;}
.wap_nav .wap_sidebar .item .item_sub{display:none;}
.wap_nav .wap_sidebar .item h4{font-size:13px;}
.wap_nav .wap_sidebar .item h4 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333; line-height: 40px;}
.wap_nav .wap_sidebar .item dl{padding-bottom:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.wap_nav .wap_sidebar .item dl dd{width:48%;line-height:25px;}
.wap_nav .wap_sidebar .item dl dd a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:12px; line-height: 40px;}
.wap_nav .wap_nav_bg{width:30%;z-index:22;background:rgba(0,0,0,.5);height:100%;}
.wap_nav.show{left:0;}
.wap_nav .wap_sidebar .item.show .item_sub{display:block}
.wap_nav .wap_sidebar .item.show h3 a i{transform: rotate(180deg);}

@media (max-width: 1200px){
    .wrap{width:98%}
}

@media screen and (max-width:992px) {
    .wap_header{display:block}
    .header .info,.main .article_content,.main .content .article_box .item .name,.main .book_content .down-list .ad,.main .book_content .down-list .down-box,.main .book_content .c .book_info,.main .book_content .c .ad,.main .book_content,.main .article_sidebar,.wrap{width:100%}
    .header .logo,.main .content .article_box .item .user,.main .content .article_box .item .time,.qrcode_btn,.pages span,.nav{display:none !important;}
    .main .content .content_box .item{padding:5px;width:calc(100% / 3 - 5px);margin:0 7.5px 10px 0 !important}
    .main .content .content_box .item:nth-child(3n){margin-right:0 !important;}
	.header .info .notice{margin-bottom:10px;}
	.header .info .notice .notice_title{color:#000;}
	.header .info .notice .notice_box{color:#000;font-size:14px;padding:0;}
	.header .info .notice .notice_box h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .main .article_content .info,.main .book_content .down-list,.pages{flex-wrap:wrap}
    .header{padding:10px;background:#fff;position:sticky;top:60px;z-index: 999999;}
    .header .info .search{max-width:100%;margin:0}
    .header .info .search form input{border:1px solid #333333}
    .pages span, .pages a{padding:4px 6px}
    .main{padding:0;}
    .header .info{margin:0}
    .footer{padding:10px}
    .main .book_content .info span{max-width:120px;}
    .footer .link{margin-bottom:10px;}
    .at, .git_tags_box h2{font-size:16px;}
    .main .article_content .t,.main .book_content .head .t{font-size:18px}
    .main .book_content .down-list .ad,.main .book_content .c .ad{height:auto;margin-top:12px}
    .main .book_content .c .book_info .book_info_pic{width:150px;padding:0;}
    .main .book_content .c .book_info .book_info_txt{width: calc(100% - 162px);background:#fff;padding:0}
    .main .book_content .c .book_info .book_info_txt ul li{line-height:24px;font-size:12px;display:block}
    .main .book_content .down-list .down-box .paid_down .paid_down_txt{width:45%}
    .main .book_content .down-list .down-box .paid_down .paid_down_form,.main .book_content .down-list .down-box .paid_down .paid_down_qrcode{width:52%}
    .main .book_content .down-list .down-box .paid_down .paid_down_txt p{font-size:12px;line-height:23px}
    .main .prev-next{margin:12px 0;}
    .main .content .title .name span{font-size:18px}
    .main .content .article_box .item{margin:0;padding:8px 0;}
    .main .content .article_box .item .name a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .main .article_content .info{justify-content: space-between;}
    .main .article_content .info span{margin-right:0;width:calc(50% - 6px);font-size:13px;margin-bottom:8px;flex:none;}
    .main .article_content .info span:nth-child(3),.main .article_content .info span:nth-child(4){margin-bottom:0}
	.main .content .content_box .item .pic img{width:100%;height:130px}
	.main .book_content .c .book_info .book_info_pic img{width:100%;height:180px}
	.git_tags a {width: calc(100% / 5 - 5px);}
	.git_tags a:nth-child(5n) {margin-right: 0;}
	.article_sidebar{display:none !important}
	.ad{display:none !important}
	.main .book_content .down-list .down-box .free_down .qrcode{display:flex;align-items:center}
	.main .book_content .down-list .down-box #paid2 .paid_down_qrcode{width:160px;padding:5px}
	.main .book_content .down-list .down-box #paid2 .paid_down_txt {width: calc(100% - 172px);}
	.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .paid_down_pat p{font-size:12px;}
	.main .book_content .down-list .down-box .paid_down .paid_down_qrcode .qrcode img{width:140px;height:140px;}
}