body{background-color:#f5f5f5!important}
.doc_content{width:1280px;display:inline-block}
.doc_box_left{width:200px;float:left}
.doc_box_left .nav{width:200px;padding:0 0 13px 0;border-radius:5px;background:#fff;position:relative;background-image:-webkit-linear-gradient(top,#fff2ef 0,#fff 30%);background-image:linear-gradient(180deg,#fff2ef 0,#fff 30%)}
.doc_box_left .nav::before{content:'';display:block;width:70px;height:60px;background-image:-webkit-linear-gradient(45deg,rgba(253,246,244,0) 13%,#ffe6e1 98%);background-image:linear-gradient(45deg,rgba(253,246,244,0) 13%,#ffe6e1 98%);position:absolute;left:0;top:0;border-radius:8px 0 100% 0}
.doc_box_left .nav h2{padding:16px 0;font-size:16px;text-align:center;font-weight:bolder}
.doc_box_left .list-classify{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.doc_box_left .list-classify li{position:relative;padding:0 25px;border-left:3px solid #fff}
.doc_box_left .list-classify li.active{border-left:3px solid #ec3b3b}
.doc_box_left .list-classify li a{font-size:14px;font-weight:500;display:block;height:49px;line-height:49px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc_box_left .list-classify li i{position:absolute;top:12px;right:25px;color:#999;font-size:16px}
.doc_box_left .list-classify li:hover a,.list-classify li:hover i{color:#ec3b3b}
.doc_box_left .list-classify li.active a,.list-classify li.active i{color:#ec3b3b}
.doc_box_left .tags-box{width:200px}
.doc_box_left .tags-box .hd{margin-bottom:10px}
.doc_box_left .tags-box .hd h3{position:relative;float:left;height:22px;line-height:22px;padding-left:10px;font-size:16px;font-weight:bolder}
.doc_box_left .tags-box .hd i{float:right;line-height:22px;font-size:20px;color:#999;height:22px;font-weight:400;cursor:pointer}
.doc_box_left .tags-box .hd h3:before{position:absolute;top:2px;left:0;width:4px;height:18px;border-radius:30px;background:#f01414;content:''}
.doc_box_left .tags-box .bd{height:310px;overflow:hidden}
.doc_box_left .tags-box .bd a{padding:0 10px;line-height:24px;font-size:12px;text-align:center;color:#ff6000;margin:0 3px 3px 0;cursor:pointer;display:inline-block;border:1px solid rgba(255,96,0,.6);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.doc_box_left .tags-box .bd a:hover{background:#ff6000;color:#fff}
.doc_box_left .download-app{padding:20px;width:200px;background-color:#fff;border-radius:4px}
.doc_box_left .download-app dl dt{height:22px;font-size:16px;color:#000;text-align:center}
.doc_box_left .download-app dl dd{height:17px;font-size:12px;color:#999;text-align:center}
.doc_box_left .download-app .img-wrap{margin-top:10px;width:160px;text-align:center}
.doc_box_left .download-app .img-wrap img{width:140px;height:140px}
.doc_box_right{width:1060px;margin-left:20px;float:left}
.introduce{margin:0 0 20px 0;padding:0 19px 5px 19px;border-radius:5px;overflow:hidden;background-color:#fff}
.doc_box_right .docs{padding:0 19px 19px;margin:0 0 15px 0;border-radius:5px;background:#fff}
.doc_box_right .docs ul.sort{padding:19px 0 0 0;border-bottom:1px solid #eee;overflow:hidden}
.doc_box_right .docs ul.sort li{float:left;line-height:25px}
.doc_box_right .docs ul.sort li a{display:inline-block;padding:0 0 19px 0;margin:0 32px 0 0;line-height:25px;text-align:center;color:#666}
.doc_box_right .docs ul.sort li a.active,.doc_box_right .docs ul.sort li a:hover{color:#ec3b3b;font-weight:bolder;border-bottom:2px solid #ec3b3b}
.doc_box_right .docs .doc-list li{padding:19px 0;overflow:hidden;border-bottom:1px solid #eee}
.doc_box_right .docs .doc-list li .front{overflow:hidden;position:relative;float:left;border:1px solid #eee;padding:2px;width:96px;height:130px;display:flex;justify-content:center;align-items:center}
.doc_box_right .docs .doc-list li .front i.filetype{width:25px;height:25px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important;z-index:1}
.doc_box_right .docs .doc-list li .front i.icon-tui{position:absolute;left:-2px;top:4px;z-index:1}
.doc_box_right .docs .doc-list li .front i.icon-vip{position:absolute;right:4px;top:4px;z-index:1}
.doc_box_right .docs .doc-list li .front img{display:block;width:100%;transition:transform .5s ease}
.doc_box_right .docs .doc-list li .front:hover img{transform:scale(1.1)}
.doc_box_right .docs .doc-list li .title{display:block;float:left;height:20px;max-width:900px;line-height:20px;font-size:18px;color:#000;margin:0 0 20px 10px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.doc_box_right .docs .intros{margin:0 0 5px 10px;float:left;width:910px}
.doc_box_right .docs .intros a{display:inline-block;overflow:hidden;height:55px;line-height:25px;font-size:14px;color:#666;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.doc_box_right .docs .doc-list li .infos{line-height:20px;height:20px;display:inline-block;float:left;font-size:12px;color:#aaa;margin-left:10px}
.doc_box_right .docs .doc-list li .infos .line{display:inline-block;width:1px;height:14px;margin:0 14px;background:#eee;vertical-align:-2px}
.doc_box_right .docs .doc-thumb-list{width:100%;margin:auto;column-gap:15px;row-gap:15px;justify-content:flex-start;flex-wrap:wrap}
.doc_box_right .docs .doc-thumb-list li{float:left;flex-direction:column;width:236px;height:380px;padding:12px;background-color:#fff;transition:all .3s;position:relative;overflow:hidden;border:1px solid #eee;margin-right:26px;margin-top:25px}
.doc_box_right .docs .doc-thumb-list li:nth-child(4n){margin-right:0}
.doc_box_right .docs .doc-thumb-list li .front{overflow:hidden;position:relative;height:300px;display:flex;justify-content:center;align-items:center}
.doc_box_right .docs .doc-thumb-list li .front i.filetype{width:25px;height:25px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important;z-index:1}
.doc_box_right .docs .doc-thumb-list li .front i.icon-tui{position:absolute;left:-2px;top:4px;z-index:1}
.doc_box_right .docs .doc-thumb-list li .front i.icon-vip{position:absolute;right:4px;top:4px;z-index:1}
.doc_box_right .docs .doc-thumb-list li .front img{display:block;width:100%;transition:transform .5s ease}
.doc_box_right .docs .doc-thumb-list li .front:hover img{transform:scale(1.1)}
.doc_box_right .docs .doc-thumb-list li .title{line-height:25px;font-size:16px;height:50px;color:#000;font-weight:400;overflow:hidden}
.doc_box_right .docs .doc-text-list li{padding:19px 0;overflow:hidden;border-bottom:1px solid #eee}
.doc_box_right .docs .doc-text-list li .front{overflow:hidden;position:relative;float:left;padding:0;width:60px;height:60px;display:flex;justify-content:center;align-items:center}
.doc_box_right .docs .doc-text-list li .front i.filetype{width:60px;height:60px;margin-right:5px!important}
.doc_box_right .docs .doc-text-list li .title{display:block;float:left;height:25px;max-width:960px;width:100%;line-height:25px;font-size:18px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.doc_box_right .docs .doc-text-list li .infos{line-height:20px;height:20px;display:inline-block;float:left;font-size:12px;color:#aaa;margin-top:6px}
.doc_box_right .docs .doc-text-list li .infos .line{display:inline-block;width:1px;height:14px;margin:0 14px;background:#eee;vertical-align:-2px}
.doc-waterfall-container .docs .doc-waterfall-list{width:100%;margin-top:20px}
.doc-waterfall-container .docs .doc-waterfall-list .item{display:inline-block;width:calc(25% - 10px);margin-bottom:15px;border-radius:4px;overflow:hidden;transition:all .3s ease;padding:12px;background-color:#fff;transition:all .3s;border:1px solid #eee}
.doc-waterfall-container .docs .doc-waterfall-list .item .front{overflow:hidden;position:relative;height:auto;display:flex;justify-content:center;align-items:center}
.doc-waterfall-container .docs .doc-waterfall-list .item .front i.filetype{width:25px;height:25px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important;z-index:1}
.doc-waterfall-container .docs .doc-waterfall-list .item .front i.icon-tui{position:absolute;left:-2px;top:4px;z-index:1}
.doc-waterfall-container .docs .doc-waterfall-list .item .front i.icon-vip{position:absolute;right:4px;top:4px;z-index:1}
.doc-waterfall-container .docs .doc-waterfall-list .item .front img{border-radius: 5px;display:block;width:100%;display:block;height:auto;transition:transform .5s ease}
.doc-waterfall-container .docs .doc-waterfall-list .item .front:hover img{border-radius: 5px;transform:scale(1.1)}
.doc-waterfall-container .docs .doc-waterfall-list .item .title{line-height:25px;font-size:16px;margin-bottom:12px;color:#000;font-weight:400;overflow:hidden;margin-top:8px}
.lazy{background:#f5f5f5 url(../../images/lazy.png) 50% no-repeat;background-size:30%}
.lazy-error{background:#f5f5f5 url(../../images/lazy-error.png) 50% no-repeat;background-size:30%}
.no-data{display:block;width:100%;height:200px;margin:100px auto 200px auto;color:#999;font-size:14px;background:url(../../images/data-empty.svg) no-repeat center;background-size:contain}
.no-data p{padding-top:200px;text-align:center;color:#999}
.doc-waterfall-list:after{
    content:"";
    display:block;
    clear:both;
}


.doc_box_bd{width:100%;}
.doc_box_bd .docs{padding:0 19px 19px;margin:0 0 15px 0;border-radius:5px;background:#fff}
.doc_box_bd .docs ul.sort{padding:19px 0 0 0;border-bottom:1px solid #eee;overflow:hidden}
.doc_box_bd .docs ul.sort li{float:left;line-height:25px}
.doc_box_bd .docs ul.sort li a{display:inline-block;padding:0 0 19px 0;margin:0 32px 0 0;line-height:25px;text-align:center;color:#666}
.doc_box_bd .docs ul.sort li a.active,.doc_box_bd .docs ul.sort li a:hover{color:#ec3b3b;font-weight:bolder;border-bottom:2px solid #ec3b3b}
.doc_box_bd .docs .doc-list li{padding:19px 0;overflow:hidden;border-bottom:1px solid #eee}
.doc_box_bd .docs .doc-list li .front{overflow:hidden;position:relative;float:left;border:1px solid #eee;padding:2px;width:96px;height:130px;display:flex;justify-content:center;align-items:center}
.doc_box_bd .docs .doc-list li .front i.filetype{width:25px;height:25px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important;z-index:1}
.doc_box_bd .docs .doc-list li .front i.icon-tui{position:absolute;left:-2px;top:4px;z-index:1}
.doc_box_bd .docs .doc-list li .front i.icon-vip{position:absolute;right:4px;top:4px;z-index:1}
.doc_box_bd .docs .doc-list li .front img{display:block;width:100%;transition:transform .5s ease}
.doc_box_bd .docs .doc-list li .front:hover img{transform:scale(1.1)}
.doc_box_bd .docs .doc-list li .title{display:block;float:left;height:20px;max-width:900px;line-height:20px;font-size:18px;color:#000;margin:0 0 20px 10px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.doc_box_bd .docs .intros{margin:0 0 5px 10px;float:left;width:910px}
.doc_box_bd .docs .intros a{display:inline-block;overflow:hidden;height:55px;line-height:25px;font-size:14px;color:#666;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.doc_box_bd .docs .doc-list li .infos{line-height:20px;height:20px;display:inline-block;float:left;font-size:12px;color:#aaa;margin-left:10px}
.doc_box_bd .docs .doc-list li .infos .line{display:inline-block;width:1px;height:14px;margin:0 14px;background:#eee;vertical-align:-2px}
.doc_box_bd .docs .doc-thumb-list{width:100%;margin:auto;column-gap:15px;row-gap:15px;justify-content:flex-start;flex-wrap:wrap}
.doc_box_bd .docs .doc-thumb-list li{float:left;flex-direction:column;width:236px;height:380px;padding:12px;background-color:#fff;transition:all .3s;position:relative;overflow:hidden;border:1px solid #eee;margin-right:26px;margin-top:25px}
.doc_box_bd .docs .doc-thumb-list li:nth-child(4n){margin-right:0}
.doc_box_bd .docs .doc-thumb-list li .front{overflow:hidden;position:relative;height:300px;display:flex;justify-content:center;align-items:center}
.doc_box_bd .docs .doc-thumb-list li .front i.filetype{width:25px;height:25px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important;z-index:1}
.doc_box_bd .docs .doc-thumb-list li .front i.icon-tui{position:absolute;left:-2px;top:4px;z-index:1}
.doc_box_bd .docs .doc-thumb-list li .front i.icon-vip{position:absolute;right:4px;top:4px;z-index:1}
.doc_box_bd .docs .doc-thumb-list li .front img{display:block;width:100%;transition:transform .5s ease}
.doc_box_bd .docs .doc-thumb-list li .front:hover img{transform:scale(1.1)}
.doc_box_bd .docs .doc-thumb-list li .title{line-height:25px;font-size:16px;height:50px;color:#000;font-weight:400;overflow:hidden}
.doc_box_bd .docs .doc-text-list li{padding:19px 0;overflow:hidden;border-bottom:1px solid #eee}
.doc_box_bd .docs .doc-text-list li .front{overflow:hidden;position:relative;float:left;padding:0;width:60px;height:60px;display:flex;justify-content:center;align-items:center}
.doc_box_bd .docs .doc-text-list li .front i.filetype{width:60px;height:60px;margin-right:5px!important}
.doc_box_bd .docs .doc-text-list li .title{display:block;float:left;height:25px;max-width:960px;width:100%;line-height:25px;font-size:18px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.doc_box_bd .docs .doc-text-list li .infos{line-height:20px;height:20px;display:inline-block;float:left;font-size:12px;color:#aaa;margin-top:6px}
.doc_box_bd .docs .doc-text-list li .infos .line{display:inline-block;width:1px;height:14px;margin:0 14px;background:#eee;vertical-align:-2px}
.doc_box_bd .docs .doc-waterfall-list{column-count:4;column-gap:15px;width:100%;margin-top:20px}
.doc_box_bd .docs .doc-waterfall-list .item{display:inline-block;width:100%;margin-bottom:15px;border-radius:4px;overflow:hidden;break-inside:avoid;transition:all .3s ease;padding:12px;background-color:#fff;transition:all .3s;border:1px solid #eee}
.doc_box_bd .docs .doc-waterfall-list .item .front{overflow:hidden;position:relative;height:auto;display:flex;justify-content:center;align-items:center}
.doc_box_bd .docs .doc-waterfall-list .item .front i.filetype{width:25px;height:25px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important;z-index:1}
.doc_box_bd .docs .doc-waterfall-list .item .front i.icon-tui{position:absolute;left:-2px;top:4px;z-index:1}
.doc_box_bd .docs .doc-waterfall-list .item .front i.icon-vip{position:absolute;right:4px;top:4px;z-index:1}
.doc_box_bd .docs .doc-waterfall-list .item .front img{display:block;width:100%;transition:transform .5s ease}
.doc_box_bd .docs .doc-waterfall-list .item .front img.lazy {background: #eee url(../images/loadone.png) 50% no-repeat;}
.doc_box_bd .docs .doc-waterfall-list .item .front:hover img{transform:scale(1.1)}
.doc_box_bd .docs .doc-waterfall-list .item .title{line-height:25px;font-size:16px;height:50px;color:#000;font-weight:400;overflow:hidden;margin-top:8px}




.header-container {
            width: 100%;
            background-color: #fff;
            transition: all 0.3s ease;
            z-index: 999;
        }
        .header-container.fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            animation: stickySlideDown 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        

        @keyframes stickySlideDown {
            from {
                transform: translateY(-100%);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        

.header_bd{padding:20px 0}
.search_content{height:100%;width:100%;display:flex;justify-content:flex-start;align-items:center;}
.search_content .search_box{margin: 0 auto;width:900px;height:56px;border-radius:56px;background:rgba(0,0,0,.04);box-sizing:border-box;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);position:relative;display:flex;justify-content:space-between;align-items:center;padding:4px;z-index: 2;}
.search_content .search_box .search_left_box{display:flex;align-items:center;width:86%}
.search_content .search_box .search_left{font-family:PingFang SC;font-size:16px;font-weight:400;line-height:normal;letter-spacing:0;flex-shrink:0;height:48px;border-radius:48px;display:flex;flex-direction:row;align-items:center;padding:7px 20px 7px 20px;gap:2px;background:#fff;cursor:pointer;position:relative}
.search_content .search_box .search_left .arrow_bottom{margin-top:1px;width:16px;height:16px}
.search_content .search_box .search_icon{width:20px;height:20px;margin-right:4px}
.search_content .search_box .search_btn{width:92px;height:48px;border-radius:68px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;background:linear-gradient(62deg,#e82e2b 0,#ff715d 100%);font-family:PingFang SC;font-size:16px;font-weight:600;line-height:normal;letter-spacing:0;color:#fff;cursor:pointer}
.search_content .search_box .close_icon{width:16px;height:16px;margin-right:20px;cursor:pointer}
.search_content .search_box .search_ipt{height:40px;background-color:transparent;border:none;outline:0;color:#333;font-family:PingFang SC;font-size:16px;font-weight:600;line-height:24px;margin-left:16px;width:80%}
.search_content .search_box .search_ipt::-webkit-input-placeholder,.search_content .search_box .search_text textarea::-webkit-input-placeholder{color:#cdcdcd;font-family:PingFang SC;font-size:16px}
.search_content .search_box .search_btn_box{display:flex;align-items:center}
.header_bd .search_hover_list{min-width:88px;border-radius:12px;display:flex;flex-direction:column;background:#fff;box-shadow:0 6px 32px 4px rgba(0,0,0,.12);box-sizing:border-box;padding:4px;display:none;overflow:hidden;position:absolute;top:57px;left:5px}
.header_bd .search_hover_list .hover_item{width:100%;height:40px;border-radius:8px;box-sizing:border-box;text-align:center;padding:8px 12px;font-family:PingFang SC;font-size:14px;line-height:24px;color:rgba(0,0,0,.88);cursor:pointer}
.header_bd .search_hover_list .hover_item:hover{background:rgba(0,0,0,.04)}
.header_bd .recommend_content{width:100%;margin-top:30px;position:relative}
.header_bd .recommend_content .recommend_content_box{align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%}
.header_bd .recommend_content .recommend_content_box .recommend_item{height:36px;border-radius:6px;display:flex;flex-direction:row;align-items:center;padding:7px 12px;background:rgba(0,0,0,.04);font-family:PingFang SC;font-size:16px;font-weight:400;line-height:normal;letter-spacing:0;font-variation-settings:"opsz" auto;color:rgba(0,0,0,.88);margin-right:12px;flex-shrink:0;cursor:pointer}
.header_bd .recommend_content .recommend_content_box .recommend_item:hover{background:linear-gradient(62deg,#e82e2b 0,#ff715d 100%);color:#fff;border-radius:6px}
.header_bd .recommend_content .recommend_content_box .selected{background:linear-gradient(62deg,#e82e2b 0,#ff715d 100%);color:#fff;border-radius:6px}
.multimenu-container{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
.multimenu-left,.multimenu-right{display:flex;gap:15px;flex-wrap:wrap}
.multimenu-left{justify-content:flex-start}
.multimenu-right{justify-content:flex-end}
.multimenu{position:relative;display:inline-block;font-size:14px;user-select:none}
.multimenu .multimenu-trigger{cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease;margin-right:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
.multimenu .multimenu-trigger i{font-size:14px;color:#777;transition:transform .3s ease}
.multimenu.multimenu-open .multimenu-trigger i{transform:rotate(180deg);color:#e04c4b}
.multimenu .multimenu-dropdown{position:absolute;top:100%;left:0;min-width:160px;background:#fff;border-radius:5px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:none;z-index:1000;margin-top:8px;box-sizing:border-box;overflow-x:visible;border:1px solid #ebeef5}
.multimenu ul{margin:0;padding:0;list-style:none}
.multimenu li{padding:12px 20px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#333;transition:all .15s ease;white-space:nowrap}
.multimenu li:hover{background:#f4f6fa;color:#e04c4b;border-radius:3px;}
.multimenu li .multimenu-arrow{color:#bbb;font-size:12px;transition:all .2s ease}
.multimenu li:hover .multimenu-arrow{color:#e04c4b;transform:translateX(3px)}
.multimenu .multimenu-sub{position:absolute;left:100%;min-width:160px;height: 100%;top:0;background:#fff;border-radius:5px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:none;z-index:1001;box-sizing:border-box;overflow-x:visible;clip:auto;transform:translate(0,0)}
.multimenu .multimenu-inner,.multimenu .multimenu-sub-inner{max-height:550px;overflow-y:auto;overflow-x:visible;padding:12px 0;border-radius:6px;box-sizing:border-box}
.multimenu .multimenu-sub.multimenu-left-aligned{left:auto!important;right:100%!important;margin-left:0!important;margin-right:2px!important}
.multimenu li.multimenu-selected{background-color:#fff0f5;color:#e91e63;font-weight:500}
.multimenu-trigger .trigger-text{display:inline-block;padding:2px 8px;border-radius:4px}
.multimenu .multimenu-inner::-webkit-scrollbar,.multimenu .multimenu-sub-inner::-webkit-scrollbar{width:7px}
.multimenu .multimenu-inner::-webkit-scrollbar-thumb,.multimenu .multimenu-sub-inner::-webkit-scrollbar-thumb{background-color:#8c8c8c;border-left:2px solid transparent;border-radius:16px}
.multimenu .multimenu-inner::-webkit-scrollbar-track,.multimenu .multimenu-sub-inner::-webkit-scrollbar-track{background-color:#e5e5e5;border-left:2px solid transparent}
.multimenu .multimenu-inner,.multimenu .multimenu-sub-inner{scrollbar-width:thin;scrollbar-color:#8c8c8c #e5e5e5}

.multimenu-sub-inner{
    width: 390px;
}
.multimenu-sub-inner li{
    float: left;
}
/* 横版样式 */
.multimenu-horizontal {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 320px;
    padding: 10px!important;
    flex-direction: row;
}

.multimenu-horizontal li {
    display: inline-block;
    padding: 10px;
    min-width: 100px;
    float: left;
    cursor: pointer;
}

.multimenu-horizontal .multimenu-sub {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #f1f1f1;
    min-width: 200px;
}

.multimenu-horizontal .multimenu-sub-inner {
    max-width: 200px;
}



.doc-container{width:100%;padding:20px 0}
.doc-thumb-list-2{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin-bottom:30px}
.doc-thumb-list-2 li{background:#fff;border-radius:6px;transition:all .3s ease;overflow:hidden;border:1px solid #eee}
.doc-thumb-list-2 li:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.doc-thumb-list-2 .front {
    overflow: hidden;
    position: relative;
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.doc-thumb-list-2 .front a{display:block;height:100%;width:100%;position:relative;text-decoration:none;display: flex;justify-content: center;align-items: center;}
.doc-thumb-list-2 .front .filetype{position:absolute;bottom:8px;right:6px;width:25px;height:25px;z-index:2}
.doc-thumb-list-2 .front .icon-vip{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,orange);color:#8b6508;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.doc-thumb-list-2 .front img.lazy {background: #eee url(../images/loadone.png) 50% no-repeat;}
.doc-thumb-list-2 .front img {
    display: block;
    transition: transform .5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.doc-thumb-list-2 .front:hover img{transform:scale(1.1)}
.doc-thumb-list-2 .title{padding:12px 15px;height:70px;display:flex;align-items:center}
.doc-thumb-list-2 .title .doc-title{font-size:16px;line-height:1.4;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s}
.doc-thumb-list-2 .title .doc-title:hover{color:#e82e2b}

.doc-pages,.doc-thumb-list-2 .doc-views{display:flex;align-items:center;gap:4px}

.doc-meta-2{display:flex;justify-content:space-between;padding:12px 15px;border-top: solid 1px #f2f2f2;font-size:12px;color:#777}
.doc-meta{display:flex;justify-content:space-between;padding-top:12px;border-top: solid 1px #f2f2f2;font-size:12px;color:#777}
.doc-meta .binfo,.doc-meta-2 .binfo {
    display: flex;
    align-items: center;
}
.doc-meta .binfo .bicon,.doc-meta-2 .binfo .bicon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.doc-meta .binfo .bicon img,.doc-meta-2 .binfo .bicon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.doc-thumb-list-2 .tags-b {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 10px;
    height: 25px;
}
.doc-thumb-list-2 .tags-b span{
    padding: 3px 8px;
    border-radius: 25px;
    float: left;
    background: #f5f7fa;
    color: #b1b1b1;
    font-size: 12px;
    display: inline-block;
    height: 22px;
    overflow: hidden;
}

.doc-waterfall-list .tags-b {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    height: 25px;
}
.doc-waterfall-list .tags-b span{
    padding: 3px 8px;
    border-radius: 25px;
    float: left;
    background: #f5f7fa;
    color: #b1b1b1;
    font-size: 12px;
    display: inline-block;
    height: 22px;
    overflow: hidden;
}

/* ===== 页面美化（简约·高级） ===== */
:root{
    --pl-radius:12px;
    --pl-radius-sm:10px;
    --pl-border:#eef0f3;
    --pl-shadow:0 1px 2px rgba(16,24,40,.04);
    --pl-shadow-lg:0 12px 28px rgba(16,24,40,.12);
    --pl-ink:#1f2937;
    --pl-sub:#7a8290;
    --pl-accent:#f72128;
}

/* 1. 筛选条 / 下拉控件：圆角 + 边框 + hover 变红 */
.multimenu .multimenu-trigger .trigger-text{
    color:var(--pl-sub);
    border-radius:8px;
    transition:color .2s ease,background .2s ease;
}
.multimenu .multimenu-trigger:hover .trigger-text{
    color:var(--pl-accent);
    background:#fff5f5;
}
.multimenu .multimenu-trigger i{color:var(--pl-sub)}
.multimenu .multimenu-trigger:hover i{color:var(--pl-accent)}
.multimenu .multimenu-dropdown{
    border:1px solid var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow-lg);
}
.multimenu .multimenu-sub{
    border:1px solid var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow-lg);
}
.multimenu li{transition:color .2s ease,background .2s ease}
.multimenu li:hover{background:#fff5f5;color:var(--pl-accent);border-radius:8px}
.multimenu li:hover .multimenu-arrow{color:var(--pl-accent)}
.multimenu li.multimenu-selected{background-color:#fff5f5;color:var(--pl-accent)}

/* 2. 文档卡片：统一圆角 / 边框 / 投影 + 悬浮抬升 */
.doc-thumb-list-2 li{
    border-color:var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow);
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.doc-thumb-list-2 li:hover{
    transform:translateY(-4px);
    box-shadow:var(--pl-shadow-lg);
    border-color:#e3e7ec;
}
.doc-thumb-list-2 .title .doc-title{color:var(--pl-ink)}
.doc-thumb-list-2 .title .doc-title:hover{color:var(--pl-accent)}

/* 3. 标签小控件：圆角 8px + 边框 + hover 变红 */
.doc-thumb-list-2 .tags-b span{
    border:1px solid var(--pl-border);
    border-radius:8px;
    transition:color .2s ease,border-color .2s ease;
}
.doc-thumb-list-2 .tags-b span,
.doc-thumb-list-2 .tags-b span a{color:var(--pl-sub)}
.doc-thumb-list-2 .tags-b span:hover{border-color:#ffd0d0}
.doc-thumb-list-2 .tags-b span:hover,
.doc-thumb-list-2 .tags-b span:hover a{color:var(--pl-accent)}

/* 4. 卡片底部信息条 */
.doc-thumb-list-2 .doc-meta-2{border-top-color:var(--pl-border);color:var(--pl-sub)}
.doc-thumb-list-2 .doc-meta-2 .binfo h4 a{color:var(--pl-ink);transition:color .2s ease}
.doc-thumb-list-2 .doc-meta-2 .binfo h4 a:hover{color:var(--pl-accent)}
.doc-thumb-list-2 .doc-meta-2 .doc-pages{color:var(--pl-sub)}

/* 5. 文档选项（筛选 / 排序）：轻填充 chip + 下拉菜单美化 */
.header_bd .multimenu-left,
.header_bd .multimenu-right{gap:12px}
.header_bd .multimenu-trigger{
    margin-right:0;
    padding:6px 12px;
    border:1px solid transparent;
    border-radius:8px;
    background:#f5f6f8;
    color:#4b5563;
    font-size:14px;
    line-height:20px;
    gap:4px;
    transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.header_bd .multimenu-trigger .trigger-text{padding:0;border-radius:0;background:none;color:inherit;font-weight:500}
.header_bd .multimenu-trigger i{color:#9aa1ac;font-size:12px}
.header_bd .multimenu-trigger:hover{background:#fff1f1;color:var(--pl-accent);border-color:#ffe0e0}
.header_bd .multimenu-trigger:hover .trigger-text{color:var(--pl-accent);background:none}
.header_bd .multimenu-trigger:hover i{color:var(--pl-accent)}
.header_bd .multimenu-trigger:has(.trigger-text.selected),
.header_bd .multimenu.multimenu-open .multimenu-trigger{
    background:#fff1f1;
    color:var(--pl-accent);
    border-color:#ffd0d0;
}
.header_bd .multimenu-trigger:has(.trigger-text.selected) .trigger-text,
.header_bd .multimenu-trigger:has(.trigger-text.selected) i,
.header_bd .multimenu.multimenu-open .multimenu-trigger .trigger-text,
.header_bd .multimenu.multimenu-open .multimenu-trigger i{color:var(--pl-accent)}
.header_bd .multimenu .multimenu-dropdown{padding:6px}
.header_bd .multimenu .multimenu-inner,
.header_bd .multimenu .multimenu-sub-inner{padding:2px 6px}
.header_bd .multimenu .multimenu-sub{padding:6px}
.header_bd .multimenu li{padding:9px 12px;border-radius:8px;margin-bottom:3px}
.header_bd .multimenu li:last-child{margin-bottom:0}
.header_bd .multimenu li.multimenu-selected{font-weight:600}

/* 6. 瀑布流文档卡片（/doc-class 列表页）：圆角 / 边框 / 投影 + 悬浮抬升 */
.doc-waterfall-container .docs .doc-waterfall-list .item,
.doc_box_bd .docs .doc-waterfall-list .item{
    border-color:var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow);
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.doc-waterfall-container .docs .doc-waterfall-list .item:hover,
.doc_box_bd .docs .doc-waterfall-list .item:hover{
    transform:translateY(-4px);
    box-shadow:var(--pl-shadow-lg);
    border-color:#e3e7ec;
}
.doc-waterfall-container .docs .doc-waterfall-list .item .front img,
.doc-waterfall-container .docs .doc-waterfall-list .item .front:hover img,
.doc_box_bd .docs .doc-waterfall-list .item .front img,
.doc_box_bd .docs .doc-waterfall-list .item .front:hover img{border-radius:8px}