@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%;}

.pay_type{margin-top:10px;justify-content:space-between;display:flex;align-items:center}
.pay_type a{border:2px solid #ddd;width:48%;background:#fff;padding:4px;}
.pay_type a img{max-height:30px;}
.pay_type a:hover{border-color:red;}

.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:110px;}
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;text-align:center}
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_form h4{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;display: flex;align-items: center;flex-wrap: wrap;}
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;display: flex;flex-wrap: wrap;}
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:140px;height:140px;border:2px solid #fff}
main .book_content .down-list .down-box .paid_down .paid_down_qrcode .qrcode p{color:#666;font-size:16px}
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);}

.book_body_html {position: relative;overflow: hidden;max-height: 500px;transition: max-height 0.3s ease;}
.book_body_html.expanded {max-height: none;}
.expand-btn {display: block;width: 100%;padding: 10px;margin-top: 10px;text-align: center;background-color: #f0f0f0;border: 1px solid #ddd;cursor: pointer;font-size: 14px;color: #333;}
.expand-btn:hover {background-color: #e0e0e0;}

.yzm-keyword-link::after{margin:0 5px 0 2px;content:"\f002";display: inline-block;font: normal normal normal 14px / 1 FontAwesome;font-size:9px;}

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

.article_list_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.article_card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all 0.4s ease;border:1px solid #f1f5f9;}
.article_card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,0.12);border-color:#3b82f6;}
.article_card_body{padding:20px;}
.article_card_body h3{font-size:16px;color:#0f172a;font-weight:600;margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article_desc{font-size:14px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}


@media screen and (max-width:992px) {
    .article_list_grid{grid-template-columns:1fr;}
    .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;}
}