body {background-color: #f5f5f5!important}
/*菜单*/
.jn-header{background: transparent;border-bottom: none;box-shadow:none;width: 100%;height: 80px;z-index: 999;position: absolute;}
.jn-header .container .jn-nav>li>a{color: #fff;}
.jn-header .container .jn-nav>li>a.active{color: #fff;}
.jn-header .container .jn-nav>li:hover>a{color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}
.jn-header .container .header-right .condition a{color: #fff;}
.jn-header .container .header-right .condition a:hover{color: #fff;}
.jn-header .container .header-right .condition .line{color: #fff;}
.jn-header .container .header-right .user-message i{font-size:18px;color: #fff;}
.jn-header .container .header-right .user-message a.unread::before{border-color: #fff;}
.jn-header .container .header-right .userlogin{color: #fff;}
.jn-header .container .header-right .userlogin a,.jn-header .container .header-right .userlogin a:hover{color: #fff;}

.logo_fix{display: none;}
.jn-header.fixed .container .jn-nav > li > a {color: #333;}
.jn-header.fixed .container .header-right .condition a{color: #333;}
.jn-header.fixed .container .header-right .condition a:hover{color: #f72128;}
.jn-header.fixed .container .header-right .condition .line{color: #ddd;}
.jn-header.fixed .container .header-right .userlogin{color: #333;}
.jn-header.fixed .container .header-right .userlogin a,.jn-header.fixed .container .header-right .userlogin a:hover{color: #333;}
.jn-header.fixed .container .header-right .desk{color: #333!important;}
.jn-header.fixed .logo {
    display: none;
}

.jn-header.fixed .logo_fix {
    display: inline-block; 
}


/*幻灯*/
.swiper-container{width:100%;height:330px}
.swiper-container .swiper-slide a{width:100%;height:100%;display:block}
.swiper-container .swiper-slide a p{position:absolute;top:160px;left:0;width:100%;font-size:35px;text-align:center;font-weight:600;background:-webkit-linear-gradient(90deg,#ff9397,#f74128);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.swiper-container .swiper-slide img{min-width:100%;height:100%}
.swiper-pagination-bullet{width:20px!important;height:6px!important;background:#d0d0d0;cursor:pointer;border-radius:3px!important;-webkit-border-radius:3px!important;opacity:1}
.swiper-pagination-bullet-active{background:#fff!important}
.swiper-button-next,.swiper-button-prev{width:32px!important;height:32px!important}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px!important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:-32px!important;opacity:0;transition-duration:.2s;background:url(../images/arraw.png) no-repeat 0 0!important;background-size:64px 32px!important;margin-top:-16px!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:-32px!important;transition-duration:.2s;background:url(../images/arraw.png) no-repeat -32px 0px!important;background-size:64px 32px!important;opacity:0;margin-top:-16px!important}
.swiper-banner:hover .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:32px!important;opacity:60}
.swiper-banner:hover .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:32px!important;opacity:60}
/*slogan*/
.nav-slogan-box{width:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:115px;margin-left:-500px;left:50%;position:absolute;z-index:99}
.nav-slogan-box .slogan{text-align:center;color:#fff;font-size:44px;height:50px;line-height:50px;font-family:΢ÈíÑźÚ,AlibabaPuHuiTi,AlibabaPuHuiTi-Medium;font-weight:700;margin-top:0}
.nav-slogan-box .dynamic-box{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:#fff;margin:15px 20px}
.nav-slogan-box .dynamic-box .box-item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-slogan-box .dynamic-box .box-item:nth-child(1){-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}
.nav-slogan-box .dynamic-box .box-item:nth-child(2){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.nav-slogan-box .dynamic-box .box-item:nth-child(3){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-right:0}
.nav-slogan-box .dynamic-box .box-item .item-num{opacity:1;font-size:28px;font-weight:700;height:41px;overflow:hidden}
.jia,.nav-slogan-box .dynamic-box .box-item .item-num span{display:inline-block;-webkit-background-clip:text;background-clip:text;color:#07c8ff;width:17px;height:41px;font-size:28px;line-height:41px;font-weight:600}
.nav-slogan-box .dynamic-box .box-item .item-num .digit-container{width:17px;text-align:center;overflow:hidden;font-size:0}
.nav-slogan-box .dynamic-box .box-item .item-num .sign-box span{width:6px}
.nav-slogan-box .dynamic-box .box-item .item-num .l{float:left}
.nav-slogan-box .dynamic-box .box-item:last-child{margin-right:0}
.nav-slogan-box .dynamic-box .box-item .info{font-size:17px;font-weight:400;color:#fff;margin-left:6px;margin-bottom:-5px}
/*搜索*/
.search-box{width:820px;margin-left:-410px;top:190px;left:50%;position:absolute;z-index:99}
.search-box .search-input-box{width:100%;height:52px;background:#fff;border-radius:5px;position:relative;display:flex}
.search-box .search-input-box .search-left-select{height:100%;width:68px;border:none;background-color:rgb(255 255 255 / 0%);margin-left:10px;box-shadow:none;text-align:center;outline:0;z-index:10;line-height:52px;font-size:15px;cursor:pointer;position:relative;}
.search-box .search-input-box .search-left-select .search-select-box{display:none;width:85px;background-color:#fff;margin-top:-2px;margin-left:-10px;border:solid 1px #ebebeb;border-radius:0 0 5px 5px;border-top:none;position:absolute;}
.search-box .search-input-box .search-left-select .search-select-box span{display:table;width:100%;line-height:36px}
.search-box .search-input-box .line{width:1px;background:#ddd;z-index:10;margin-top:13px;height:25px;margin-left:15px}
.search-right-main{border:0;height:48px;text-indent:5px;width:722px;margin-top:2px;background:0 0}
.search-right-main::placeholder{color:#999;opacity:1}
.search-right-main:focus::placeholder{color:#ccc}
.search-right-main::-webkit-input-placeholder{color:#999}
.search-right-main:focus::-webkit-input-placeholder{color:#ccc}
.search-right-main::-moz-placeholder{color:#999}
.search-right-main:focus::-moz-placeholder{color:#ccc}
.search-right-main:-ms-input-placeholder{color:#999}
.search-right-main:focus:-ms-input-placeholder{color:#ccc}
.search-box .search-input-box .search-btn {
    width: 120px;
    height: 44px;
    color: #fff;
    margin-right: 4px;
    margin-top: 4px;
    text-align: center;
    line-height: 56px;
    border-radius: 5px;
    background: #f72128 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABL1JREFUeAHtmk+IVWUYxr0qzowpglmpBSWmklNZEARDqxZiIoSL/mhu1IWCELhQoxbVokWoG6GxdmFYpiSBggUuRDAXRaQSFSgDOo7V+K9xBmdsnOn3TBe5vrzn3HPu/e4ZnfleeGbu957vvM/zPeec757znTthQozoQHQgOhAdiA5EB6ID0YHx6UCpyGEPDw9Pg++xMpr4fwVcBd2lUuka/8dWMOAZ4E2wF3SDtPidjZ+AlWD6fe0EA3gSaNC3QC1xnZ0+Ag/dV0YgeC74DPwLQkQfRbaD5nveCES+DKqd5nSpKU6x16JGmBBkEkTcZsRtB5MSRN4m/wM4Ci6AS0CTnk7xuWAeeAUsAUnRx4YNTJZ7kzqMSp7B70o5pufZthHMyiKOfo+D94DmAC+GSL6VpVYhfRDztqeSXA/YAmq6dtlvJtgJBoENTazLChlgGgkilgNP4DnyrWn7Zt1GnaXgGrDRS+L5rHWC94P8YeCdpifIzwxJSL0FoAPY+InExJBcmWtBvNuqoa0j/2DmIjk6UrcV6LKysSlHmTBdUfAUsKe+xC0Ow+BXof4KoEmwMnR5FHuzBOGBSgXlz+/4ssNm4dLdpY2tYVlSqsE8Hdw0Ci7QbknZLdgmeJ4A/Yb/12AE1QpBvMqQq1nodQjfp46GF6ppT9qedxZ9zRQapv2NyTW6ecAheNXJhU/hfKdx/2R4lvSK8E8GV42Ob9P3St6a+QyAUHd1um+vjGOVjSI+8ywwCM8Jw/W0aWduZjaAinpgsQ9PnZmZwna8aMrNKx8gk67ezGOAlrJs6KluNKLLkGocNT135DGg35Cq2evkikh5vLo0ckceA3qc6rOdXBEpj7fhBtxwRmYnRadLQ1KW9xYsQu7IcwbouhswDA1ZpjIcXtPynuLbYcjrGDTHTHvcfP/+TTuPiXXrgU8Lr/ahqL3WwnnFHzdEehJrM7lGN3XXZ7+Of2w06Uh9nNfKr40vCiGHBOIS+NkIGKD9SCEaygJ+MwJ0Oj5XhAB4VhtuNb8qgvsOB4TrHRFHydnT8s4+IT5QfyroADZeClE/cw3Ym8Alq4L2B5mL5OxIbZ363kLMyZylwnRHjHcq6lJ4PQzD3VWo+yGwoYWRhi7D3a3CtCDfYxXR1pr9RtO15ia1JoEdwItCluESxaNIy2NaCfainWRdy2TsPwsc8YqT0zvIKYniitqACC1XdwEvtFa4DiS9L3Rl0l+T3bvgH5AWWiDNVdslrDeJiPmgAyTFWTZ8DNqAe+NFfgpYBvS+4S+QNb6kY10mBPnqQsSjGHkEPFPF0D62azFDzxXXge4k5wDt3wTSQj+n8V687CO/hmcBvYEevcAEHcX3gV22JlVXXGbvtaAFfJ9Q6Wvyk0dv9BXMCFmUIjRBv5vWr0w+BzpLRoLPzeA74MV+kveGCVKLmIVA1/6fIE/8QedtwFv0UF3diCV9O+hmKZcJQeaA/4+P/7csSL/80OtsoRXoehe3oLngdBm/cC2f4XNqyAQ6HATLnY77qfGGkx9bKZkADgMvnh1bo00YDSPXxHvIOKCXJvpB5viIsgkHyyZc4f+L42PkZpQMfAl4wKRjMzoQHYgORAeiA9GB6EB0IDqQ4MB/bg6yNjmQJx0AAAAASUVORK5CYII=) no-repeat center center;
    background-size: 32px 32px;
    cursor: pointer;
}
.search-box .search-input-box .search-btn:hover{opacity:.8}
/* ===== 搜索历史下拉(首页) ===== */
.search-box .search-history-box{
    position:absolute;top:100%;left:0;width:100%;
    background:#fff;border:1px solid #ebebeb;border-radius:5px;
    box-shadow:0 6px 20px rgba(0,0,0,.12);z-index:2000;overflow:hidden;
    margin-top:2px;
}
.search-box .search-history-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px;font-size:13px;color:#999;border-bottom:1px solid #f2f2f2;
}
.search-box .search-history-head span{font-weight:bold;color:#333;}
.search-box .search-history-clear{cursor:pointer;color:#999;transition:color .2s;}
.search-box .search-history-clear:hover{color:#f01414;}
.search-box .search-history-list{max-height:280px;overflow-y:auto;}
.search-box .search-history-list li{border-bottom:1px solid #f8f8f8;}
.search-box .search-history-list li:last-child{border-bottom:none;}
.search-box .search-history-list a{
    display:block;padding:10px 14px;font-size:14px;color:#333;cursor:pointer;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s;
}
.search-box .search-history-list a:hover{background:#f5f6f8;color:#f01414;}
.search-box .search-history-empty{padding:20px;text-align:center;font-size:13px;color:#bbb;}
.search-box .search-keyword-list{width:920px;text-align:left;font-size:14px;color:#fff;margin:20px auto 0 auto}
.search-box .search-keyword-list a{color:#fff;padding:0 10px}
/*幻灯下方banner*/
.banner-section{float:left;width:25%;max-height:140px;position:relative;border-radius:4px;overflow:hidden;margin-right:12px;text-align:center}
.banner-section:last-child{margin-right:0}
.banner-section img{display:block;width:100%;height:100%;border-radius:5px}
/*免费文档*/
.free-area{width:100%;height:340px;background:#fff;padding:0 20px 20px 20px;border-radius: 4px;}
.free-area .title{font-size: 24px;font-weight: bold;color:#222;height:70px;line-height:70px;}
.free-area ul li{margin-bottom: 10px;height: 22px;line-height:22px;float:left;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;}
.free-area ul li .time{float:right;color:#999;margin:0 20px;}
.free-area .iconfont{font-size:16px;margin-right:7px}
.free-area .freedocul{padding-top:15px;margin-top:15px;border-top:1px dashed #e5e5e5}
/*收录信息*/
.index-ct-info{padding:20px;width:310px;height:340px;border-radius:4px;margin-left:20px;}
.index-ct-info .data-box{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #eff1f4}
.index-ct-info .data-box .data-box-item{cursor:pointer;display:inline-block;width:48%;color:#333;text-align:center;position:relative}
.index-ct-info .data-box .data-box-item:first-child:before{content:'';width:1px;height:44px;background:#d2d4d6;position:absolute;top:6px;right:0}
.index-ct-info .data-box .data-box-item .name{display:inline-block;font-size:14px;color:#333;line-height:14px}
.index-ct-info .data-box .data-box-item .value{font-size:22px;font-weight:500;color:#fe4509;line-height:22px;display:block;text-align:center;margin:8px 0 0}
/* vip */
.index-ct-info .vip-box{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.vip-box .vip-info{position:relative;height:38px;margin-top: -15px;}
.vip-box .vip-info .vip-open{position:relative;display:block;width:266px;height:38px;line-height:38px;background:#cda674;background:linear-gradient(90deg,#cda674,#dfc192);border-radius:19px;text-align:center;font-weight:700;font-size:16px;color:#91622d;margin-top:40px}
.vip-box .vip-info .vip-open:hover{opacity:.9;color:#91622d}
.vip-box .vip-info .vip-open em{display:none;position:absolute;top:-16px;left:60%;z-index:9;width:120px;height:24px;line-height:24px;border-radius:13px 12px 12px 0;text-align:center;background:#f55;font-style:normal;font-size:12px;color:#fff}
.vip-box .vip-slogan {position: relative;  line-height: 14px; margin:12px 0 0 0; font-size: 13px; color: #999; text-align: center;height: 25px;}
.vip-box .vip-slogan .slogan-line { position: absolute; top: 10px; height: 1px; width: 100%; background: linear-gradient(90deg,#fff,#c8c8c8,#fff); }
.vip-box .vip-slogan .slogan-text { position: relative; display: inline-block; padding: 4px 8px; text-align: center; background-color: #fff; z-index: 1;}
.vip-box .benefit{margin-top: 8px;}
.vip-box .benefit ul{overflow:hidden;display:flex;align-items:center;justify-content:space-between}
.vip-box .benefit ul li{float:left;width:52px;text-align:center}
.vip-box .benefit ul li a{display:block}
.vip-box .benefit ul li span{display:block;width:42px;height:42px;margin:0 auto;padding:8px;background:#e6ca90;border-radius:50%}
.vip-box .benefit ul li span i{width:24px;height:24px;display:block;background-repeat:no-repeat}
.vip-box .benefit .icon-index{background-image:url(../images/index-doc-vip.png)}
.vip-box .benefit .icon-index-vip-doc{background-position:4px 1px}
.vip-box .benefit .icon-index-vip-disturb{background-position:-21px 1px}
.vip-box .benefit .icon-index-vip-format{background-position:-47px 1px}
.vip-box .benefit .icon-index-vip-search{background-position:-73px 1px}
.vip-box .benefit ul li small{display:block;width:100%;margin:2px 0 0;color:#91622d}
.icon-index-enjoy{background-image:url(../images/index_enjoy.png)}
.icon-index-mine{margin:0 auto;margin-bottom:10px;width:24px;height:24px;display:block;background-repeat:no-repeat}
.icon-index-mine-order{background-position:-23px 0px}
.icon-index-mine-collection{background-position:0px 0px}
.icon-index-mine-records{background-position:-50px 0px}
.icon-index-mine-sign{background-position:-75px 0px}
.auth .userinfo{height:60px;position: relative;}
.auth .userinfo a.login{display:block;overflow:hidden}
.auth .userinfo a.login img{float:left;width:60px;height:60px;border-radius:50%}
.auth .userinfo a.login strong{float:left;width:196px;margin:6px 0 0 10px}
.auth .userinfo a.login strong span{float:left;max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;font-size:16px;color:#0e050a}
.auth .userinfo a.login strong i{float:left;margin:1px 0 0 4px}
.auth .userinfo a.nav{font-size: 12px;color: #91622d;width: auto;position: absolute;top: 32px;left: 70px;text-align: left;}
.auth .enjoy ul.list{margin:18px -12px 0;overflow:hidden}
.auth .enjoy ul.list li{float:left;margin:0 12px;width:48px;color:#888;font-size:12px}
.auth .enjoy ul.list li a{display:block}
.auth .enjoy ul.list li a:hover span{color:#f55}
/* 公告 */
.notice{height:44px;line-height:44px;padding:0 20px;background:#fff;border-radius:4px;margin:20px 0;display:flex;}
.notice .name-wrap{height:44px;line-height:44px;float:left;font-size:16px;width:110px;font-weight:700;color:#ff491f!important;float:left}
.notice .name-wrap .icon-notice{float:left;font-size:20px;margin-right:4px}
.notice .main-wrap{float:left;width:100%}
.notice .main-wrap li{position:relative;float:left;width:33%;padding:0 0 0 20px;text-align:left}
.notice .main-wrap li a.text{width:75%;color:#666;text-decoration:none;float:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice .main-wrap li a.text:hover{color:#f55}
.notice .main-wrap li span.time{width:80px;color:#999;text-align:center;float:right;font-size:12px}
.notice .main-wrap li::after {
            content: '';
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 14px;
            background-color: #e8e8e8;
        }
.notice .more-wrap {width: 80px;float: right;cursor: pointer;display: flex;justify-content: flex-end;}
.notice .more-wrap a,.notice .more-wrap i{color: #999;}
/*版本说明*/
.copyright-desc-list{height:110px;background:#fff;border-radius:5px;overflow:hidden}
.copyright-desc-list li{float:left;width:25%;padding:30px 30px 26px}
.copyright-desc-list li .img-wrap{float:left;width:54px;height:54px;background:url(../images/copyright-icon.png) no-repeat}
.copyright-desc-list li .img-wrap2{background-position:-60px 2px}
.copyright-desc-list li .img-wrap3{background-position:-2px -58px}
.copyright-desc-list li .img-wrap4{background-position:-60px -58px}
.copyright-desc-list li .name-wrap{float:left;width:170px;margin-left:12px}
.copyright-desc-list li .name-wrap .name1{display:block;line-height:22px;font-size:22px;font-weight:700;color:#333}
.copyright-desc-list li .name-wrap .name2{display:block;line-height:16px;margin-top:12px;font-size:16px;color:#333}
/*通用内容框体*/
.ct-box{background:#f4f6f8;padding:0 20px 20px 20px}
.ct-box .hd{height:70px;line-height:70px}
.ct-box .hd a{display:inline-block}
.ct-box .hd .doc-list-title{font-size: 24px;font-weight: bold;color:#222;display:inline-block}
.ct-box .hd .ul-item{display:inline-block;vertical-align:-9px;position:relative;height:70px;line-height:70px}
.ct-box .hd .ul-item li{position:relative;margin-left:24px;text-align:center;cursor:pointer;float:left}
.ct-box .hd li a{font-size:14px;color:#6a6a6a;transition:all .2s;position:relative}
.ct-box .hd a svg{width:13px;vertical-align:-3px;margin:0 3px;-webkit-transition:.6s;-webkit-transition:-webkit-transform .6s ease-out;-moz-transition:-moz-transform .6s ease-out;transition:transform .6s ease-out;fill:#6a6a6a}
.ct-box .hd a:hover svg{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);fill:#e72128}
.ct-box .hd a:hover{color:#e72128}
/*框体*/
.uploaddoc-wrap .doc-wrap-col{padding-bottom:10px}
.uploaddoc-wrap ul.doc-list-col{width:100%;padding:0}
.uploaddoc-wrap ul.doc-list-col li{float:left;width:32%;margin:15px 15px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uploaddoc-wrap ul.doc-list-col li .text{width:330px;margin-left: 4px;}
.freedoc-wrap{padding:18px 0 22px;border-radius:4px;background:#ffe0d6 url(../images/mfbj.png) no-repeat center center;background-size:100%}
.freedoc-wrap .hd{padding:0 20px}
.freedoc-wrap .hd .name-wrap{padding-right:42px;float:left;position:relative;height:30px;line-height:30px}
.doc-wrap-row .hd .more-wrap{float:right;cursor:pointer}
.doc-wrap-row .hd .name-wrap .name{float:left;font-size:24px;font-weight:700;color:#000}
.doc-wrap-row .hd .name-wrap .tag{position:absolute;top:4px;right:0;height:16px;line-height:16px;padding:0 5px;border-radius:5px;font-size:12px;color:#fff;text-align:center;background-color:#ff491f!important}
.freedoc-wrap ul.doc-list-row{width:1240px;margin:18px auto 0;padding:20px 20px 20px 5px;background:#fff;border-radius:8px;overflow:hidden}
.freedoc-wrap ul.doc-list-row li{margin:0 0 0 13px;float:left}
.freedoc-wrap ul.doc-list-row li .title{width:147px}
.doc-wrap-row ul.doc-list-row li .list-item-img{position:relative;top:0;display:block;width:160px;height:227px;border-radius:5px;background:#f5f5f5;border:1px solid #e3e3e3;overflow:hidden}
.doc-wrap-row ul.doc-list-row li .list-item-img i.tui{position:absolute;bottom:0;left:0;padding:0 4px;font-size:12px;color:#fff;background-color:rgba(255,160,0,.9);border-radius:0 5px 0 0}
.doc-wrap-row ul.doc-list-row li .list-item-img i.vip{position:absolute;top:0;right:0;padding:0 2px;font-size:12px;color:#fde0b0;background-color:#555;border-radius:5px 0 5px 0}
.doc-wrap-row ul.doc-list-row li .list-item-img i.filetype{font-size:20px;position:absolute;bottom:4px;right:4px;color:#2f97fe;margin-right:0!important}
.doc-wrap-row ul.doc-list-row li .list-item-img img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .6s;width:100%}
.doc-wrap-row ul.doc-list-row li .list-item-img:hover img{transform:scale(1.3)}
.doc-wrap-row ul.doc-list-row li .title{width:147px;height:40px;line-height:20px;margin:15px 0 0;font-size:14px;cursor:pointer;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-wrap:break-word;word-break:break-all;overflow:hidden}
.doc-wrap-row ul.doc-list-row li .price{display:block;margin-top:10px;font-size:13px;color:#00ab78!important}
/* 横列文档列表 */
.refresh-box .on{display: block;}
.refresh-item{display: none;}
.list-row {display: inline-block;
    flex-wrap: wrap;
    column-count: 4;
    column-gap: 15px;
    width: 100%; }
.list-row .list-item {position: relative;width:100%; padding: 10px; margin-right: 10px;margin-bottom: 10px;display:inline-block;}
.list-row .list-item:nth-child(6n){margin-right: 0; }
.list-row .list-item-title{text-align: left;height: 40px;}
.list-row .list-item-img {overflow: hidden;margin-bottom: 10px;height:185px;position: relative;border: 1px solid #f1f1f1;display: flex;justify-content: center;align-items: center;}
.list-row .list-item-img i.tui{position:absolute;bottom:0;left:0;padding:0 4px;font-size:12px;color:#fff;background-color:rgba(255,160,0,.9);border-radius:0 5px 0 0}
.list-row .list-item-img i.vip{position:absolute;top:0;right:0;padding:0 2px;font-size:12px;color:#fde0b0;background-color:#555;border-radius:5px 0 5px 0}
.list-row .list-item-img i.filetype {font-size: 20px;position: absolute;bottom: 4px;right: 4px;color: #2f97fe;margin-right: 0px!important;}
.list-row .list-item-img img {
    display: block;
    transition: transform .5s ease;
    width: 100%;
    object-fit: cover;
}
.list-row .list-item-img:hover img {transform: scale(1.1);}
.list-row .list-item-bottom {font-size: 11px;color: #999;margin-top: 10px;}
.list-row span {margin-right: 5px;}
.list-row-2 {
    display: inline-block;
    flex-wrap: wrap;
    column-count: 4;
    column-gap: 20px;
    width: 100%;
}
.list-row-2 .list-item {position: relative;width:100%;margin-bottom: 20px;display: inline-block;}
.list-row-2 .list-item-title{text-align: left;height: 40px;}
.list-row-2 .list-item-img {
    overflow: hidden;
    margin-bottom: 10px;
    height: 169px;
    position: relative;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    display: flex;
    background: #f0f0f0;
    justify-content: center;
    align-items: center;
}
.list-row-2 .list-item-img i.tui{position:absolute;bottom:0;left:0;padding:0 4px;font-size:12px;color:#fff;background-color:rgba(255,160,0,.9);border-radius:0 5px 0 0}
.list-row-2 .list-item-img i.vip{position:absolute;top:5px;right:5px;}
.list-row-2 .list-item-img i.filetype {font-size: 20px;position: absolute;bottom: 4px;right: 4px;color: #2f97fe;margin-right: 0px!important;}
.list-row-2 .list-item-img img {
    width: 100%;
    /*max-width: 100%;
    max-height: 100%;*/
    object-fit: cover;
    transition: all .6s;
}
.list-row-2 .list-item-img:hover img {transform: scale(1.1);}
/*店铺推荐*/
.shop-box{position:relative}
.shop-box .box-list{height:240px;width:100%;overflow:hidden}
.shop-box .box-list .shop-item{position:relative;z-index:2;width:216px;height:240px;border-radius:4px;overflow:hidden;cursor:pointer;display:inline-block;box-sizing:border-box;text-align:center;border:1px solid #f1f1f1;-webkit-transition:all .3s;transition:all .3s;margin-right:20px}
.shop-box .box-list .shop-item:hover{transform:translateY(-2px);transition:all .36s;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.shop-box .box-list .shop-item>img{border-radius:50%;width:80px;height:80px;margin:18px 0 18px}
.shop-box .box-list .shop-item .home-shop-name{font-size:14px;color:#333;padding-bottom:5px}
.shop-box .box-list .shop-item .home-shop-view{display:inline-block;margin-top:10px;padding:3px 10px;font-size:12px;color:#555;border:1px solid #ddd;border-radius:30px}
.shop-box .box-list .shop-item .home-shop-desc{display:block;font-size:12px;color:#bdbdbd;max-height: 48px;overflow: hidden;padding: 10px 10px;}
.shop-box .swiper-button-prev-2{left:-80px;background:url(../images/pre-icon.svg) no-repeat 50%}
.shop-box .swiper-button-prev-2:hover{background:url(../images/pre-hover-icon.svg) no-repeat 50%}
.shop-box .swiper-button-next-2{right:-80px;background:url(../images/next-icon.svg) no-repeat 50%}
.shop-box .swiper-button-next-2:hover{background:url(../images/next-hover-icon.svg) no-repeat 50%}
.shop-box .swiper-button-next-2,.shop-box .swiper-button-prev-2{width:80px;height:80px;opacity:0;outline:0;-webkit-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:opacity,-webkit-transform .5s;transition:opacity,-webkit-transform .5s;transition:opacity,transform .5s;transition:opacity,transform .5s,-webkit-transform .5s;position:absolute;top:50%;margin-top:-50px;z-index:10;cursor:pointer}
.shop-box:hover .swiper-button-next-2,.shop-box:hover .swiper-button-prev-2{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.shop-box .join-us-link{position:absolute;top:0;right:0;z-index:99;width:250px;height:240px;border-radius:2px;background-color:#f6f6f6;margin-left:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.shop-box .join-us-link>a{display:block}
.shop-box .join-us-link>a>img{width:250px;height: 100%;}
/*新闻*/
.article-box{display:flex;width:100%;flex-wrap:wrap}
.article-box .pic-text-box{width:200px;display:flex;flex-direction:column;gap:18px}
.article-box .pic-text-box .pic-text-item{height:160px;overflow:hidden}
.article-box .pic-text-box .pic-text-item .line-text{font-weight:400;font-size:14px;height:20px;color:#303033;margin-top:6px;width:100%;-webkit-line-clamp:1;line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden}
.article-box .pic-text-box .pic-item{position:relative;width:200px;height:134px;border-radius:4px;background-color:rgba(240,243,245,.966);overflow:hidden}
.article-box .pic-text-box .pic-item img{object-fit:cover;width:100%;height:134px;transition:transform .5s ease}
.article-box .pic-text-box .pic-item img:hover{transform:scale(1.1)}
.article-box .list-box{flex:1;min-width:0;width:auto;}
.article-box .list-box li{position:relative;display:block;overflow:hidden;overflow:hidden;height:40px;text-indent:12px;text-overflow:ellipsis;white-space:nowrap;line-height:40px;float: left;width:calc(50% - 20px);margin-left:20px;}
.article-box .list-box li:nth-child(2n){float: right;}
.article-box .list-box li:before{position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;border-radius:2px;background-color:#bfbbbb;content:''}
.article-box .list-box li span{float:right;color:#999;font-size:12px}
.article-box .list-box li a:hover{color: #f01414}
/*标签*/
.tags-item a{cursor:pointer;display:inline-block;font-size:14px;color:#999;height:24px;line-height:24px;border-radius:24px;padding:0 10px;background:#f9f9f9;margin:10px 10px 0 0;border:1px solid #eee}
.tags-item a:hover{color: #ec3b3b;background: rgba(236,59,59,0.1);border-color: #ec3b3b;}
/*友情链接*/
.link strong{font-size: 12px;}
.link a {font-size: 12px;margin:5px;line-height: 25px;}
/*lazy*/
.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%;}
@-webkit-keyframes rollingLight {
    0% {
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    33% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-moz-keyframes rollingLight {
    0% {
        -moz-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    33% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes rollingLight {
    0% {
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    33% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}
/* 首页顶部导航：搜索框随固定导航同步显隐 */
.jn-header .pull-search{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;}
.jn-header.fixed .pull-search{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:.08s, .08s, 0s;}

/* 首页主搜索分类按钮和下拉优化 */
.search-box .search-input-box .search-left-select{
    width:86px;
    margin-left:8px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:8px;
    color:#263447;
    transition:background .18s ease,color .18s ease;
}
.search-box .search-input-box .search-left-select:hover,
.search-box .search-input-box .search-left-select.active{
    background:#f4f6f8;
    color:#f72128;
}
.search-box .search-input-box .search-left-select>img{
    width:12px!important;
    opacity:.65;
    transition:transform .18s ease,opacity .18s ease;
}
.search-box .search-input-box .search-left-select.active>img{
    transform:rotate(180deg);
    opacity:1;
}
.search-box .search-input-box .search-left-select .search-select-box{
    top:48px;
    left:0;
    width:96px;
    margin:0;
    padding:6px;
    border:1px solid #eef0f3;
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 24px rgba(15,23,42,.12);
    z-index:99;
}
.search-box .search-input-box .search-left-select .search-select-box span{
    display:block;
    width:100%;
    line-height:34px;
    border-radius:6px;
    color:#333;
    text-align:center;
    cursor:pointer;
    transition:background .15s ease,color .15s ease;
}
.search-box .search-input-box .search-left-select .search-select-box span:hover{
    background:#fff1f1;
    color:#f72128;
}
.search-box .search-input-box .search-btn{
    border-radius:8px;
    transition:opacity .18s ease,box-shadow .18s ease,transform .18s ease;
}
.search-box .search-input-box .search-btn:hover{
    opacity:1;
    box-shadow:0 8px 18px rgba(247,33,40,.25);
    transform:translateY(-1px);
}

/* 首页主搜索分类下拉宽度与按钮一致 */
.search-box .search-input-box .search-left-select{box-sizing:border-box;}
.search-box .search-input-box .search-left-select .search-select-box{
    width:100%;
    box-sizing:border-box;
}

/* 首页主搜索分类：打开后按钮不变底色，浮窗文字与按钮文字对齐 */
.search-box .search-input-box .search-left-select.active{
    background:transparent;
}
.search-box .search-input-box .search-left-select.active:hover{
    background:#f4f6f8;
}
.search-box .search-input-box .search-left-select .search-select-box{
    padding:6px 0;
}
.search-box .search-input-box .search-left-select .search-select-box span{
    padding-left:22px;
    text-align:left;
    box-sizing:border-box;
}

/* 首页主搜索分类：浮窗从按钮文字位置开始，自适应内容宽度 */
.search-box .search-input-box .search-left-select .search-select-box{
    left:22px;
    width:max-content;
    min-width:72px;
    padding:6px;
}
.search-box .search-input-box .search-left-select .search-select-box span{
    min-width:48px;
    padding:0 14px;
    text-align:left;
    white-space:nowrap;
}

/* 首页主搜索分类：选项文字与按钮文字左对齐 */
.search-box .search-input-box .search-left-select .search-select-box{
    left:0;
    min-width:100%;
}
.search-box .search-input-box .search-left-select .search-select-box span{
    padding-left:10px;
    padding-right:10px;
}

/* 首页主搜索分类：仅在点击展开时显示，选中后自动关闭 */
.search-box .search-input-box .search-left-select.active .search-select-box{
    display:block!important;
}
.search-box .search-input-box .search-left-select.active>img{
    transform:rotate(180deg);
    opacity:1;
}

/* 首页主搜索分类：悬停保持透明，优化下拉浮层与选项 */
.search-box .search-input-box .search-left-select:hover,
.search-box .search-input-box .search-left-select.active,
.search-box .search-input-box .search-left-select.active:hover{
    background:transparent!important;
    color:#263447;
}
.search-box .search-input-box .search-left-select .search-select-box{
    top:calc(100% + 6px);
    left:-4px;
    width:104px;
    min-width:104px;
    padding:7px;
    border:1px solid rgba(226,232,240,.95);
    border-radius:12px;
    background:rgba(255,255,255,.98);
    box-shadow:0 14px 34px rgba(15,23,42,.14),0 3px 10px rgba(15,23,42,.06);
    box-sizing:border-box;
}
.search-box .search-input-box .search-left-select .search-select-box:before{
    content:"";
    position:absolute;
    top:-7px;
    left:0;
    width:100%;
    height:7px;
}
.search-box .search-input-box .search-left-select .search-select-box span{
    display:block;
    min-width:0;
    height:38px;
    line-height:38px;
    margin:1px 0;
    padding:0 12px;
    border-radius:8px;
    color:#334155;
    font-size:14px;
    text-align:left;
    white-space:nowrap;
    box-sizing:border-box;
    transition:color .16s ease,background .16s ease,transform .16s ease;
}
.search-box .search-input-box .search-left-select .search-select-box span:hover{
    background:#f5f7fa;
    color:#f72128;
    transform:translateX(2px);
}

/* ======================= 首页模块统一美化（简约 · 高级） ======================= */
: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. 内容区块卡片：统一圆角 + 极轻边框与投影 */
.container.ct-box{
    border:1px solid var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow);
}

/* 2. 区块标题：左侧强调条 + 分类导航配色 */
.ct-box .hd{position:relative;padding-left:15px}
.ct-box .hd:before{
    content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:4px;height:24px;border-radius:2px;
    background:linear-gradient(180deg,#ff6a6f,#f72128);
}
.ct-box .hd .doc-list-title{font-size:22px;letter-spacing:.4px;color:var(--pl-ink)}
.ct-box .hd li a{color:var(--pl-sub);transition:color .2s ease}
.ct-box .hd li a:hover{color:var(--pl-accent)}

/* 3. 文档缩略图：卡片化 + 悬浮抬升 */
.list-row-2 .list-item-img{
    border-color:var(--pl-border);
    border-radius:var(--pl-radius-sm);
    box-shadow:var(--pl-shadow);
    background:#f6f7f9;
    transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease;
}
.list-row-2 .list-item:hover .list-item-img{
    transform:translateY(-4px);
    box-shadow:var(--pl-shadow-lg);
    border-color:#e3e7ec;
}
.list-row-2 .list-item-title{padding-top:2px;font-size:14px;line-height:20px;color:#3a4252;transition:color .2s ease}
.list-row-2 .list-item:hover .list-item-title{color:var(--pl-accent)}

/* 4. 通知公告：柔和渐层 */
.notice{
    border:1px solid var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow);
    background:linear-gradient(90deg,#fff6f6,#fff 26%);
}

/* 5. 每日优选 / 会员信息卡 */
.container .free-area,
.container .index-ct-info{
    border:1px solid var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow);
    transition:box-shadow .3s ease;
}
.container .free-area:hover,
.container .index-ct-info:hover{box-shadow:var(--pl-shadow-lg)}

/* 6. 版权承诺卡：分隔线 + 悬浮 */
.copyright-desc-list{border-radius:var(--pl-radius)}
.copyright-desc-list li{transition:transform .28s ease}
.copyright-desc-list li+li{border-left:1px solid #f2f4f7}
.copyright-desc-list li:hover{transform:translateY(-3px)}

/* 7. 最新文章 */
.article-box .pic-text-box .pic-item{border-radius:var(--pl-radius-sm);box-shadow:var(--pl-shadow)}
.article-box .list-box li{border-radius:8px;transition:background .2s ease}
.article-box .list-box li:hover{background:#f8fafc}
.article-box .list-box li a{color:#3a4252;transition:color .2s ease}
.article-box .list-box li a:hover{color:var(--pl-accent)}

/* 8. 优秀店铺 */
.shop-box .box-list .shop-item{
    border-color:var(--pl-border);
    border-radius:var(--pl-radius);
    box-shadow:var(--pl-shadow);
    transition:transform .28s ease,box-shadow .28s ease;
}
.shop-box .box-list .shop-item:hover{transform:translateY(-4px);box-shadow:var(--pl-shadow-lg)}

/* 9. 友情链接 */
.link a{color:var(--pl-sub);transition:color .2s ease}
.link a:hover{color:var(--pl-accent)}

/* 10. 顶部搜索框：更立体的浮层感 */
.search-box .search-input-box{border-radius:var(--pl-radius);box-shadow:0 14px 34px rgba(15,23,42,.20)}
.search-box .search-input-box .search-btn{border-radius:10px}