.nav-show{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001f;left:-24px;overflow:hidden;padding:10px 0;position:absolute;top:38px;transition:all .5s ease-in;visibility:hidden;width:220px;z-index:98}
.nav-show .nav-show-list>li.item{font-size:12px;height:32px;line-height:32px;width:100%}
.nav-show .nav-show-list>li.item:hover{background:#f6f6f6}
.nav-show .nav-show-list>li.item:hover>a{color:#e72528}
.nav-show .nav-show-list>li.item>a{display:block;font-size:12px;line-height:32px;padding-left:20px}
.nav-show .nav-show-list>li.item .disable-btn{background:#f6f6f6;border:1px solid #ddd;border-radius:4px;color:#999;display:inline-block;height:18px;line-height:18px;margin-left:16px;text-align:center;width:80px}
.nav-show .nav-show-list>li.item.active{background:#f6f6f6}
.nav-show .nav-show-list>li.item.disable{color:#999;cursor:no-drop;padding:0 20px}

.nav-bar{align-items:center;display:flex;height:36px;justify-content:space-between}
.nav-bar .nav-left,.nav-bar .nav-right{align-items:center;display:flex;height:100%}
.nav-bar .nav-left>.item,.nav-bar .nav-left>.item,.nav-bar .nav-right>.item,.nav-bar .nav-right>.item{align-items:center;display:flex;height:100%;line-height:16px;margin-left:20px;position:relative}
.nav-bar .nav-left>.item .iconfont,.nav-bar .nav-left>.item .iconfont,.nav-bar .nav-right>.item .iconfont,.nav-bar .nav-right>.item .iconfont{color:#2d2d2d;margin-right:4px;position:relative}
.nav-bar .nav-left>.item .ic_arrow_down_14,.nav-bar .nav-left>.item .ic_arrow_down_14,.nav-bar .nav-right>.item .ic_arrow_down_14,.nav-bar .nav-right>.item .ic_arrow_down_14{color:#666;font-size:14px;line-height:14px;margin-left:4px;margin-right:0;transition:all .3s ease-in}
.nav-bar .nav-left>.item .ic_ic_notice,.nav-bar .nav-left>.item .ic_ic_notice,.nav-bar .nav-right>.item .ic_ic_notice,.nav-bar .nav-right>.item .ic_ic_notice{font-size:22px;line-height:22px;margin-right:0}
.nav-bar .nav-left>.item .flex-center,.nav-bar .nav-left>.item .flex-center,.nav-bar .nav-right>.item .flex-center,.nav-bar .nav-right>.item .flex-center{position:relative}
.nav-bar .nav-left>.item .text-num,.nav-bar .nav-left>.item .text-num,.nav-bar .nav-right>.item .text-num,.nav-bar .nav-right>.item .text-num{background:#e72528;border-radius:50%;height:6px;position:absolute;right:1px;top:0;width:6px}
.nav-bar .nav-left>.item .text,.nav-bar .nav-left>.item .text,.nav-bar .nav-right>.item .text,.nav-bar .nav-right>.item .text{color:#2d2d2d;font-size:14px;line-height:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.nav-bar .nav-left>.item .text>a:hover,.nav-bar .nav-left>.item .text:hover,.nav-bar .nav-left>.item .text:hover,.nav-bar .nav-left>.item .text>a:hover,.nav-bar .nav-right>.item .text>a:hover,.nav-bar .nav-right>.item .text:hover,.nav-bar .nav-right>.item .text:hover,.nav-bar .nav-right>.item .text>a:hover{color:#e72528}
.nav-bar .nav-left>.item .nav-show,.nav-bar .nav-left>.item .nav-show,.nav-bar .nav-right>.item .nav-show,.nav-bar .nav-right>.item .nav-show{border-radius:8px;box-shadow:0 3px 6px -4px #05285e1f,0 6px 16px #05285e14,0 9px 28px 8px #05285e0d;left:0;min-width:220px;top:36px;transition:unset;width:-moz-fit-content;width:fit-content}
.nav-bar .nav-left>.item .nav-show .nav-show-list .item a,.nav-bar .nav-left>.item .nav-show .nav-show-list .item a,.nav-bar .nav-right>.item .nav-show .nav-show-list .item a,.nav-bar .nav-right>.item .nav-show .nav-show-list .item a{font-size:14px;line-height:16px;padding:8px 20px;white-space:nowrap}
.nav-bar .nav-left>.item.line,.nav-bar .nav-left>.item.line,.nav-bar .nav-right>.item.line,.nav-bar .nav-right>.item.line{background:#d9d9d9;height:16px;width:1px}
.nav-bar .nav-left>.item .sourcing-club,.nav-bar .nav-left>.item .sourcing-club,.nav-bar .nav-right>.item .sourcing-club,.nav-bar .nav-right>.item .sourcing-club{background:url(/image/website/sourcing_club@3x.png) no-repeat 50%;background-size:contain;display:inline-block;height:30px;width:109px}
.nav-bar .nav-left>.item.get-app .nav-show,.nav-bar .nav-left>.item.get-app .nav-show,.nav-bar .nav-right>.item.get-app .nav-show,.nav-bar .nav-right>.item.get-app .nav-show{width:660px}
.nav-bar .nav-left>.item.get-app .nav-show-list,.nav-bar .nav-left>.item.get-app .nav-show-list,.nav-bar .nav-right>.item.get-app .nav-show-list,.nav-bar .nav-right>.item.get-app .nav-show-list{padding:32px}
.nav-bar .nav-left>.item.get-app .nav-show-list .item,.nav-bar .nav-left>.item.get-app .nav-show-list .item,.nav-bar .nav-right>.item.get-app .nav-show-list .item,.nav-bar .nav-right>.item.get-app .nav-show-list .item{height:auto}
.nav-bar .nav-left>.item.get-app .nav-show-list .item:hover,.nav-bar .nav-left>.item.get-app .nav-show-list .item:hover,.nav-bar .nav-right>.item.get-app .nav-show-list .item:hover,.nav-bar .nav-right>.item.get-app .nav-show-list .item:hover{background:#fff}
.nav-bar .nav-left>.item.get-app .get-app-box,.nav-bar .nav-left>.item.get-app .get-app-box,.nav-bar .nav-right>.item.get-app .get-app-box,.nav-bar .nav-right>.item.get-app .get-app-box{display:flex;justify-content:space-between}
.nav-bar .nav-left>.item.get-app .get-app-box .content,.nav-bar .nav-left>.item.get-app .get-app-box .content,.nav-bar .nav-right>.item.get-app .get-app-box .content,.nav-bar .nav-right>.item.get-app .get-app-box .content{color:#2d2d2d;display:flex;flex-direction:column;font-family:Roboto;justify-content:center;width:236px}
.nav-bar .nav-left>.item.get-app .get-app-box .content .title,.nav-bar .nav-left>.item.get-app .get-app-box .content .title,.nav-bar .nav-right>.item.get-app .get-app-box .content .title,.nav-bar .nav-right>.item.get-app .get-app-box .content .title{font-size:20px;font-weight:700;line-height:24px}
.nav-bar .nav-left>.item.get-app .get-app-box .content .desc,.nav-bar .nav-left>.item.get-app .get-app-box .content .desc,.nav-bar .nav-right>.item.get-app .get-app-box .content .desc,.nav-bar .nav-right>.item.get-app .get-app-box .content .desc{color:#666;font-size:16px;font-weight:400;line-height:20px;margin-top:12px;text-wrap:break-word}
.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp,.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp{display:flex;font-size:16px;font-weight:400;height:auto;line-height:18px;margin-top:24px;max-height:36px;padding:0;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;width:-moz-fit-content;width:fit-content}
.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp .get-app-tit,.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp .get-app-tit,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp .get-app-tit,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp .get-app-tit{color:#2d2d2d;font-size:14px;line-height:18px;transition:color .3s ease-in}
.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp:hover,.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp:hover,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp:hover,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp:hover{color:#e72528}
.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp:hover .get-app-tit,.nav-bar .nav-left>.item.get-app .get-app-box .content .getapp:hover .get-app-tit,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp:hover .get-app-tit,.nav-bar .nav-right>.item.get-app .get-app-box .content .getapp:hover .get-app-tit{color:#e72528}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content,.nav-bar .nav-left>.item.get-app .get-app-box .download-content,.nav-bar .nav-right>.item.get-app .get-app-box .download-content,.nav-bar .nav-right>.item.get-app .get-app-box .download-content{text-align:center}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .title,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .title,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .title,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .title{color:#2d2d2d;font-size:16px;font-weight:700;line-height:20px}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .desc,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .desc,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .desc,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .desc{color:#666;font-size:13px;font-weight:400;line-height:16px;margin:6px 0}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .img-box,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .img-box,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .img-box,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .img-box{display:flex;margin-bottom:10px}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .img-box div,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .img-box div,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .img-box div,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .img-box div{display:flex;justify-content:center;width:50%}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips{display:flex;justify-content:space-between}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .general,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .mainland,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .general,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .mainland,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .general,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .mainland,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .general,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .mainland{color:#666;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:center;width:140px}
.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .general span,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .mainland span,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .general span,.nav-bar .nav-left>.item.get-app .get-app-box .download-content .qrcode-tips .mainland span,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .general span,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .mainland span,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .general span,.nav-bar .nav-right>.item.get-app .get-app-box .download-content .qrcode-tips .mainland span{font-size:10px}
.nav-bar .nav-left>.item:first-child,.nav-bar .nav-left>.item:first-child,.nav-bar .nav-right>.item:first-child,.nav-bar .nav-right>.item:first-child{margin-left:0}
.nav-bar .nav-left>.item:hover .message-box,.nav-bar .nav-left>.item:hover .nav-show,.nav-bar .nav-left>.item:hover .message-box,.nav-bar .nav-left>.item:hover .nav-show,.nav-bar .nav-right>.item:hover .message-box,.nav-bar .nav-right>.item:hover .nav-show,.nav-bar .nav-right>.item:hover .message-box,.nav-bar .nav-right>.item:hover .nav-show{visibility:visible}
.nav-bar .nav-left>.item:hover .nav-show,.nav-bar .nav-left>.item:hover .nav-show,.nav-bar .nav-right>.item:hover .nav-show,.nav-bar .nav-right>.item:hover .nav-show{overflow:visible}
.nav-bar .nav-left>.item:hover .ic_arrow_down_14,.nav-bar .nav-left>.item:hover .ic_arrow_down_14,.nav-bar .nav-right>.item:hover .ic_arrow_down_14,.nav-bar .nav-right>.item:hover .ic_arrow_down_14{transform:rotate(-180deg)}
.nav-bar .nav-left>.item:hover .text>span.text-num,.nav-bar .nav-left>.item:hover .text,.nav-bar .nav-left>.item:hover i,.nav-bar .nav-left>.item:hover .text,.nav-bar .nav-left>.item:hover .text>span.text-num,.nav-bar .nav-left>.item:hover i,.nav-bar .nav-right>.item:hover .text>span.text-num,.nav-bar .nav-right>.item:hover .text,.nav-bar .nav-right>.item:hover i,.nav-bar .nav-right>.item:hover .text,.nav-bar .nav-right>.item:hover .text>span.text-num,.nav-bar .nav-right>.item:hover i{color:#e72528}
.nav-bar .nav-left>.item:hover .triangle:after,.nav-bar .nav-left>.item:hover .triangle:after,.nav-bar .nav-right>.item:hover .triangle:after,.nav-bar .nav-right>.item:hover .triangle:after{opacity:1}
.nav-bar .nav-left .company-center,.nav-bar .nav-right .company-center{cursor:pointer;display:block;font-size:12px;line-height:32px;padding-left:20px}
.nav-bar .nav-left .company-center:hover,.nav-bar .nav-right .company-center:hover{color:#e72528}
.nav-bar .nav-right>.item .nav-show,.nav-bar .nav-right>.item .nav-show{left:unset;right:0}
.nav-bar .nav-right>.item .line,.nav-bar .nav-right>.item .line{background:#d9d9d9;height:16px;width:1px}
.nav-bar .user-item .text.triangle{overflow:hidden;white-space:nowrap}
.nav-bar .user-item .nav-title{align-items:center;display:flex;justify-content:center}
.nav-bar .user-item .nav-title .ic_account_nor{line-height:16px}
.nav-bar .user-item .nav-title .line{background:unset}
.nav-bar .user-item .nav-title .user-name{align-items:center;display:flex;font-size:14px;line-height:16px}
.nav-bar .user-item .nav-title .user-name a{line-height:normal;max-width:100px;overflow:hidden;text-overflow:ellipsis;transition:all 0s!important;white-space:nowrap}
.nav-bar .user-item .nav-title .user-name .user-avatar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center}
.nav-bar .user-item .nav-title .user-name .user-avatar .avatar{border-radius:50%;cursor:pointer;height:24px;overflow:hidden;width:24px}
.nav-bar .user-item .nav-title .user-name .user-avatar .avatar .default-img,.nav-bar .user-item .nav-title .user-name .user-avatar .avatar img{height:100%;width:100%}
.nav-bar .user-item .nav-title .user-name .user-avatar .avatar .default-img{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:50%;color:#e72528;display:flex;font-size:11px;font-weight:500;justify-content:center;line-height:14px}
.nav-bar .user-item .nav-title .user-name .user-avatar .contact-intr{text-align:center}
.nav-bar .user-item .nav-title .user-name .user-avatar .contact-intr .contact-name{color:#2d2d2d;font-size:16px;font-weight:500;line-height:20px;margin-bottom:4px}
.nav-bar .user-item .nav-title .user-name .user-avatar .contact-intr .contact-title{color:#999;font-size:14px;line-height:16px}
.nav-bar .user-item .nav-title .sign-register-container{margin-left:6px}
.nav-bar .user-item .nav-show{background:#fff;border-radius:8px;box-shadow:0 3px 6px -4px #05285e1f,0 6px 16px #05285e14,0 9px 28px 8px #05285e0d;max-width:220px;min-width:180px!important;overflow:hidden;padding:8px 0;position:absolute;right:0!important;top:36px!important;transition:all .5s ease-in;visibility:hidden;width:180px;z-index:98}
.nav-bar .user-item .nav-show.isLogin{width:-moz-fit-content;width:fit-content}
.nav-bar .user-item .nav-show .padding-box{padding:12px 20px 0;text-align:center;width:100%}
.nav-bar .user-item .nav-show .padding-box .sign-in-btn{background:linear-gradient(90deg,#e50013,#fc573f);border-radius:4px;cursor:pointer;height:32px;opacity:.85;overflow:hidden}
.nav-bar .user-item .nav-show .padding-box .sign-in-btn a{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:400;height:100%;justify-content:center;line-height:16px;width:100%}
.nav-bar .user-item .nav-show .padding-box .sign-in-btn a:hover{color:#fff!important}
.nav-bar .user-item .nav-show .padding-box .sign-in-btn:hover{opacity:1}
.nav-bar .user-item .nav-show .padding-box .register-tip{background:#fff;border:1px solid #de181b;margin-bottom:12px;margin-top:8px;opacity:1;transition:background .3s ease-in}
.nav-bar .user-item .nav-show .padding-box .register-tip a{color:#e72528;transition:color 0s!important}
.nav-bar .user-item .nav-show .padding-box .register-tip:hover{background:linear-gradient(90deg,#e50013,#fc573f);border:0}
.nav-bar .user-item .nav-show .padding-box .register-tip:hover a{color:#fff}
.nav-bar .user-item .nav-show .padding-box .register-tip:hover a:hover{color:#fff!important}
.nav-bar .user-item .nav-show .nav-show-list>li.item{font-size:12px;height:32px;line-height:32px;width:100%}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing{height:auto;line-height:normal;position:relative}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div{align-items:center;background:linear-gradient(267.27deg,#ffe8bc 2.27%,#fff9e7 97.73%);display:flex;flex-direction:row;gap:6px;justify-content:space-between;max-height:71px;min-height:56px;padding:9px 8px 9px 16px;position:relative}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div .sc-img{height:30px;left:12px;position:absolute;top:0;width:109px}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div .sc-point{display:flex;justify-content:space-between;margin-top:22px}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div .sc-point .sc-point-item{color:#9d4415;display:flex;flex-wrap:wrap;line-height:16px;margin-right:14px}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div .sc-point .sc-point-item .point-score{align-items:center;display:flex;font-size:13px;font-weight:500;margin-right:4px}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div .sc-point .sc-point-item .point-score .point-circle-img{height:14px;margin-right:4px;width:14px}
.nav-bar .user-item .nav-show .nav-show-list>li.item.sourcing>.item-source-div .sc-point .sc-point-item .point-us{color:#9b8372;font-size:11px;transform:scale(.9)}
.nav-bar .user-item .nav-show .nav-show-list>li.item:hover{background:#f6f6f6}
.nav-bar .user-item .nav-show .nav-show-list>li.item:hover>a{color:#e72528}
.nav-bar .user-item .nav-show .nav-show-list>li.item>a{display:block;font-size:12px;line-height:32px;padding-left:20px}
.nav-bar .user-item .nav-show .nav-show-list>li.item .disable-btn{background:#f6f6f6;border:1px solid #ddd;border-radius:4px;color:#999;display:inline-block;height:18px;line-height:18px;margin-left:16px;text-align:center;width:80px}
.nav-bar .user-item .nav-show .nav-show-list>li.item.disable{color:#999;cursor:no-drop;padding:0 20px}
.nav-bar .user-item .nav-show .menu-point{display:inline-block;height:18px;margin-left:4px;vertical-align:text-bottom;width:60px}
.nav-bar .user-item .nav-show .menu-point>i{display:inline-block;height:100%;width:100%}
.nav-bar .user-item:hover .line,.nav-bar .user-item:hover .text{color:#e72528}
.nav-bar .buyer-service-nav{background:#fff;display:flex;flex-direction:row;width:440px}
.nav-bar .buyer-service-nav .nav-show-list-box{width:50%}
.nav-bar .buyer-service-nav .nav-show-list-box>.item{line-height:16px;min-height:32px;width:100%}
.nav-bar .buyer-service-nav .nav-show-list-box>.item:first-of-type:hover{background:#fff}
.nav-bar .buyer-service-nav .nav-show-list-box>.item>a{color:#666;cursor:pointer;display:block;font-size:14px;line-height:16px;padding:8px 20px}
.nav-bar .buyer-service-nav .nav-show-list-box>.item:hover{background:#f6f6f6}
.nav-bar .buyer-service-nav .nav-show-list-box>.item:hover a{color:#e72528}
.nav-bar .buyer-service-nav .nav-show-list-box .nav-show-item-tit{align-items:center;color:#2d2d2d;cursor:context-menu;display:flex;font-weight:700;padding:8px 20px}
.logo-search-nav{height:72px;justify-content:space-between}
.logo-search-nav a,.logo-search-nav{align-items:center;display:flex}
.logo-search-nav a{height:100%;}
.logo-search-nav a img{width: 260px;max-height:100%}

.logo-search-nav .search-container {-webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-left: 24px;}
.logo-search-nav .search-container .search,.logo-search-nav .search-container .search-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}
.search-container .search{border:2px solid #e60012;border-radius:20px 0 0 20px;width:100%}
.search-container .search .search-menu{border-right:1px solid #ddd;position:relative;text-align:center}
.search-container .search .search-menu .mod-dropdown .tit-box{min-width:58px;padding:0 16px}
.search-container .search .search-menu .mod-dropdown .tit-box .tit{margin-right:4px}
.search-container .search .search-menu .mod-dropdown .tit-box .ic_arrow_down_14{font-size:14px;line-height:14px}
.search-container .search .search-inp{position:relative;z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 8px}
.search-container .search .search-inp .inp{height:20px;line-height:20px;width:100%}
.search-container .search .show-keyword{background:#fff;border-radius:0 0 8px 8px;-webkit-box-shadow:0 8px 8px 0 rgba(0,0,0,.12);box-shadow:0 8px 8px 0 rgba(0,0,0,.12);left:0;min-width:400px;position:absolute;right:0;top:32px;visibility:hidden}
.search-container .search .show-keyword.on{height:auto;overflow:hidden;visibility:visible}
.search-container .search .show-keyword .keyword-list{padding:10px 0 8px}
.search-container .search .show-keyword .keyword-list .recent{color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:32px;padding:0 16px}
.search-container .search .show-keyword .keyword-list .recent .allclean{cursor:pointer;margin-left:auto}
.search-container .search .show-keyword .keyword-list .item{color:#2d2d2d;cursor:pointer;font-size:12px;line-height:32px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;white-space:nowrap}
.search-container .search .show-keyword .keyword-list .item.active,.search .show-keyword .keyword-list .item:hover{background:#f6f6f6}
.search-container .search .show-keyword.suggest{overflow:visible}

.search-container .search-menu .mod-dropdown .dropdown-list{margin-top:8px}
.search-container .mod-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2}
.search-container .mod-dropdown.open .dropdown-list{display:block}
.search-container .mod-dropdown.open .tit-box .ico-drop{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.search-container .mod-dropdown .tit-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;justify-content:center}
.search-container .mod-dropdown .tit-box .tit,.mod-dropdown .tit-box input{color:#2d2d2d;cursor:pointer;font-size:14px;margin-right:8px}
.search-container .mod-dropdown .tit-box .ico-drop{-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.search-container .mod-dropdown .dropdown-list{background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.12);box-shadow:0 2px 8px 0 rgba(0,0,0,.12);display:none;left:0;overflow:hidden;position:absolute;right:0;top:100%}
.search-container .mod-dropdown .dropdown-list .dItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;padding-left:15px}
.search-container .mod-dropdown .dropdown-list .dItem:hover{background-color:#f6f6f6;cursor:pointer}

.search-container .search-suggestions-list{background-color:#fff;padding:10px;width:440px}
.search-container .search-suggestions-list p{color:#999;font-size:12px;line-height:16px}
.search-container .search-suggestions-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.search-container .search-suggestions-list .search-suggestion-item{border:1px solid #ddd;border-radius:4px;color:#2d2d2d;cursor:pointer;font-size:12px;font-weight:400;line-height:14px;margin:8px 8px 0 0;padding:7px 16px}
.search-container.search-suggestions-list .search-suggestion-item:hover{border-color:#0078ff;color:#0078ff}

.search-container .search-btn{background:-webkit-gradient(linear,right top,left top,from(#fc573f),to(#e50113));background:linear-gradient(270deg,#fc573f,#e50113);border-radius:0 20px 20px 0;color:#fff;cursor:pointer;font-size:18px;height:40px;line-height:40px;padding:0 20px 0 18px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease}
.search-container .search-btn:hover{background:-webkit-gradient(linear,right top,left top,from(#ff492f),to(#d10011));background:linear-gradient(270deg,#ff492f,#d10011)}

.logo-search-nav-ul{display:flex}
.logo-search-nav-ul .item{align-items:center;cursor:pointer;display:flex;margin-left:24px;position:relative}
.logo-search-nav-ul .item i{color:#666;font-size:14px;margin-left:4px;transition:all .3s ease-in}
.logo-search-nav-ul .item span{color:#2d2d2d}
.logo-search-nav-ul .item .news-tags{background:#e72528;border-radius:8px;color:#fff;font-size:11px;line-height:16px;margin-left:4px;padding:0 6px}
.logo-search-nav-ul .item:hover .txt,.logo-search-nav-ul .item:hover i{color:#e72528}
.logo-search-nav-ul .item:hover .child-nav{visibility:visible}
.logo-search-nav-ul .item:hover i{transform:rotate(-180deg)}
.logo-search-nav-ul .item.active .txt,.logo-search-nav-ul .item.active i{color:#e72528;font-weight:700}
.logo-search-nav-ul .item.active:after{background-color:#e72528;bottom:-5px;content:"";display:block;height:2px;position:absolute;width:100%}
.logo-search-nav-ul .child-nav{padding-top:20px;position:absolute;right:0;top:24px;visibility:hidden;z-index:9}
.logo-search-nav-ul .child-nav-inner{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #eee;box-shadow:0 10px 15px #0000000a;display:inline-flex;flex-direction:column;flex-wrap:wrap;max-height:338px;padding:8px;transition:all .3s ease-in;width:100%;z-index:9}
.logo-search-nav-ul .child-nav-inner .c-item{font-size:12px;line-height:14px;width:220px}
.logo-search-nav-ul .child-nav-inner .c-item a{display:block;padding:9px 12px}
.logo-search-nav-ul .child-nav-inner .c-item.active,.logo-search-nav-ul .child-nav-inner .c-item:hover{background-color:#f6f6f6;border-radius:4px}
.logo-search-nav-ul .child-nav-inner .c-item.active a,.logo-search-nav-ul .child-nav-inner .c-item.high-light a,.logo-search-nav-ul .child-nav-inner .c-item:hover a{color:#e72528}
.page-header{background:#fff;box-shadow:0 4px 15px #0000000a;position:relative;z-index:99}
.page-header .container{margin:0 auto;max-width:1440px;min-width:1200px;transition:all .3s ease}
.page-header .container .ic_more,.page-title{display:none}
.page-title{align-items:center;font-size:18px;height:44px;padding:0 8px}
.page-title i{font-size:24px}
.page-title span{flex:1;font-weight:500;text-align:center}
.el-affix--fixed{height:auto!important;width:100%!important}
.el-affix--fixed .page-header .nav-bar{display:none}
@media screen and (max-width:1550px){
  .page-header .container{max-width:1200px;min-width:auto;width:100%}
}
@media screen and (max-width:1200px){
  .page-header .container{min-width:auto;width:100%}
  .page-header .container .ic_more{display:block}
  .nav-bar{display:none}
  .page-title{display:flex}
}

.page-container{background:#fbfafa;padding-bottom:50px}
.page-container .top-banner{align-items:flex-start;background-image:var(--851cdcaa);background-position:center 0;background-repeat:no-repeat;background-size:auto 100%;color:#fff;display:flex;flex-direction:column;height:260px;justify-content:center;position:relative}
.page-container .contentWrap{display:flex;justify-content:space-between;position:relative}
.contentWrap{margin-left:auto;margin-right:auto;max-width:1440px;width:100%;}
.page-pb20 {align-items: center; padding: 20px 0}
.el-breadcrumb{font-size:14px;line-height:1}
.el-breadcrumb:after,.el-breadcrumb:before{content:"";display:table}
.el-breadcrumb:after{clear:both}
.el-breadcrumb__separator{color:var(--el-text-color-placeholder);font-weight:700;margin:0 9px}
.el-breadcrumb__separator.el-icon{font-weight:400;margin:0 6px}
.el-breadcrumb__separator.el-icon svg{vertical-align:middle}
.el-breadcrumb__item{align-items:center;display:inline-flex;float:left}
.el-breadcrumb__inner{color:var(--el-text-color-regular)}
.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{color:var(--el-text-color-primary);font-weight:700;text-decoration:none;transition:var(--el-transition-color)}
.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color:var(--el-text-color-regular);cursor:text;font-weight:400}
.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>a,.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>span,.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator{font-size:13px;font-weight:400;line-height:16px}
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>a{background-image:linear-gradient(#666,#666),linear-gradient(transparent,transparent),linear-gradient(#666,#666);background-position:0 100%,100% 100%,0 100%;background-repeat:no-repeat;background-size:0 1px,0 1px,0 1px;color:#666;cursor:pointer!important;transition:background-size .3s cubic-bezier(0,0,.33,.93)}
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>a:hover{background-size:0 1px,0 1px,100% 1px}
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>span{color:#2d2d2d;font-weight:500}
.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator{margin:0 6px}
@media screen and (max-width:1440px){
    .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>a,.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>span,.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator{font-size:11px;line-height:normal}
    .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner>a{background:0 0!important;color:#666;cursor:pointer!important;transition:none}
    .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator{margin:0 4px}
}
.common-share{align-items:center;display:flex;line-height:1}
.common-share>a{margin-right:6px;position:relative}
.common-share>a:last-child{margin-right:0}
.common-share>a:hover:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:4px;position:absolute;top:6px;width:16px}
.common-share>a .name{display:none}
.common-share .iconfont{color:#999;font-size:24px;position:relative;transition:all .5s}
.common-share .label{color:#999;margin-right:8px}
.common-share .ic_wechat:hover{color:#51c234}
.common-share .wechatEwm{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001f;display:none;left:-48px;padding:12px;position:absolute;top:-224px;z-index:999}
.common-share .wechatEwm img{height:120px;width:120px}
.common-share .wechatEwm p{color:#666;font-size:14px;line-height:1.3;margin-top:12px;text-align:center}
.common-share .wechatEwmHover{position:relative}
.common-share .wechatEwmHover:hover .wechatEwm{display:block}
.common-share .ic_youtube_nor:hover{color:red}
.common-share .ic_linkedin_nor:hover{color:#0274b3}
.common-share .ic_twitterb:hover{color:#000}
.common-share .ic_ins_nor:hover{background:linear-gradient(to right top,#fad740,#e84378,#4e30d2);background-clip:text;-webkit-background-clip:text;color:transparent}
.common-share .ic_facebook_nor:hover{color:#1b77f2}
.detail-share>a{margin-right:8px}
.detail-share>a:hover:before{content:"";height:20px;left:5px;top:4px;width:20px}
.detail-share .iconfont{color:#666;font-size:28px}
.detail-share .label{color:#666;margin-right:12px}
.home-share .iconfont{color:#fff}
.home-share .label{color:#fff;font-weight:700}
@media screen and (max-width:1440px){
  .share-box{align-items:center;display:flex;flex-direction:column}
  .common-share{display:none}
  .mobile-share{display:flex;flex-wrap:wrap;padding:16px 12px}
  .mobile-share>a{margin:8px 0;text-align:center;width:68px}
  .mobile-share>a:hover:before{display:none}
  .mobile-share>a .name{color:#666;display:block;font-size:12px;line-height:13px;text-align:center;transform:scale(.9)}
  .mobile-share .iconfont{font-size:48px}
  .mobile-share .ic_youtube_nor{color:red}
  .mobile-share .ic_linkedin_nor{color:#0274b3}
  .mobile-share .ic_twitterb{color:#000}
  .mobile-share .ic_ins_nor{background:linear-gradient(to right top,#fad740,#e84378,#4e30d2);background-clip:text;-webkit-background-clip:text;color:transparent}
  .mobile-share .ic_facebook_nor{color:#1b77f2}
  .mobile-share .ic_wechat{color:#51c234}
  .mobile-share .label,.mobile-share .wechatEwm{display:none!important}
}

.page-container .contentWrap .category{flex:1}
.page-container .contentWrap .category .articleCardList{background-color:#fff;border:2px solid #fff;border-radius:8px}
.page-container .contentWrap .category .articleCardList .articleCard{border-bottom:none;padding:32px;position:relative;transition:background-color .5s}
.page-container .contentWrap .category .articleCardList .articleCard:after{background-color:#f6f6f6;bottom:0;content:"";height:1px;left:36px;position:absolute;width:calc(100% - 72px)}
.page-container .contentWrap .category .articleCardList .articleCard:last-child:after{display:none}
.page-container .contentWrap .category .articleCardList .articleCard:hover{background-color:#fbfafa}
.page-container .contentWrap .category .articleCardList .articleCard .cover{z-index:1}
.page-container .contentWrap .category .articleCardList .articleCard .cover .desc{display:none}
.page-container .contentWrap .category .seeMore{background-color:#fff;border-radius:8px;color:#666;display:block;margin-top:10px;padding:20px 16px;text-align:center;transition:all .5s}
.page-container .contentWrap .category .seeMore .link{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.page-container .contentWrap .category .seeMore .link em{color:#0078ff}
.page-container .contentWrap .category .seeMore:hover{background-color:#fff0f0}
.page-container .contentWrap .category .seeMore:hover em{color:#e72528}
.page-container .contentWrap .pagination{background-color:#fff;padding:32px;position:relative}
.page-container .contentWrap .pagination:before{background-color:#f6f6f6;content:"";display:block;height:1px;left:32px;position:absolute;top:0;width:calc(100% - 72px)}
.page-container .contentWrap .side{flex-shrink:0;margin-left:48px;width:240px}
.page-container .contentWrap .side .articleCard .cover:after,.page-container .contentWrap .side .productCard .cover:after{display:none}
.page-container .contentWrap .category-page .articleCardList{border-bottom:none;border-radius:8px 8px 0 0}

.ads-img{width:100%;max-width:230px;margin: 0 auto;overflow: hidden;margin-bottom:20px;}
.ads-img .img{border-radius:8px;width:100%;height: auto; display: block;}
.ads-box{background-repeat:no-repeat;background-size:cover;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;height:239px;padding:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.ads-box .title{color:#fff;font-size:22px;font-weight:600;line-height:normal}
.ads-box .txt{color:#fff;font-size:16px;line-height:22px;margin:12px 0}
.ads-box .txt span{color:hsla(0,0%,100%,.5);margin:0 1px}
.ads-box .a-base-button{margin-top:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ads-box .a-base-button.ant-btn{background-color:#fff;border:none;border-radius:100px;color:#092756;height:36px;padding:10px;white-space:normal;width:100%}
.ads-box .a-base-button.ant-btn span{font-size:14px;font-weight:600;line-height:1}


@media screen and (max-width:1440px){
  .page-container{background:#f6f6f6;padding-bottom:0}
  .page-container .logo-search-share{align-items:flex-start;margin:0 16px;width:auto}
  .page-container .contentWrap{display:flex;flex-direction:column}
  .page-container .contentWrap .category{margin:0 12px}
  .page-container .contentWrap .category .articleCardList .articleCard{margin:0;padding:16px 0}
  .page-container .contentWrap .category .articleCardList .articleCard:after{left:0;width:100%}
  .page-container .contentWrap .category .articleCardList .articleCard:hover{background-color:#fff;margin:0;padding:16px 0}
  .page-container .contentWrap .category .seeMore{align-items:center;color:#b8b8b8;display:flex;padding:8px 0 8px 16px;text-align:left}
  .page-container .contentWrap .category .seeMore .link{border-right:.5px solid #eee;display:block;flex:1;font-size:12px;padding:8px 12px 8px 0}
  .page-container .contentWrap .category .seeMore .link em{color:#2d2d2d;display:block;font-size:12px;margin-top:4px}
  .page-container .contentWrap .category .seeMore:hover{background-color:#fff}
  .page-container .contentWrap .category .seeMore:hover em{color:#2d2d2d}
  .page-container .contentWrap .category .seeMore:after{content:"";font-family:iconfont!important;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;color:#666;flex-shrink:0;text-align:center;width:36px}
  .page-container .contentWrap .pagination{border-radius:0 0 8px 8px;padding:24px 16px}
  .page-container .contentWrap .pagination:before{left:16px;width:calc(100% - 32px)}
  .page-container .contentWrap .side{margin:24px 12px 0;width:auto}
  .page-container .contentWrap .side .articleCard .cover:after,.page-container .contentWrap .side .productCard .cover:after{display:block}
}
.articleCardList{display:flex;flex-wrap:wrap}
.articleCardList .articleCard{line-height:normal;margin-bottom:40px}
.articleCardList .articleCard .photo{aspect-ratio:1.77777778;border-radius:8px;display:block;overflow:hidden;position:relative;width:100%}
.articleCardList .articleCard .photo .cover{background:#fff;cursor:pointer;height:100%;position:relative;text-align:center;width:100%}
.articleCardList .articleCard .photo .cover .img{max-height:100%;max-width:100%;transition:all .5s ease-out}
.articleCardList .articleCard .photo .cover .img:not([src]){opacity:0}
.articleCardList .articleCard .photo .cover:hover .img{transform:scale(1.04)}
.articleCardList .articleCard .photo .cover:hover .desc{opacity:1}
.articleCardList .articleCard .photo .cover:after{background:rgba(0,0,0,.03);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
.articleCardList .articleCard .photo .cover .desc{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;height:100%;justify-content:center;left:0;line-height:20px;opacity:0;padding:16px;position:absolute;text-align:left;top:0;transition:all .5s;width:100%}
.articleCardList .articleCard .photo .cover .desc .txt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.articleCardList .articleCard .content{margin-top:10px}
.articleCardList .articleCard .content .tit{display:-webkit-box;height:42px;line-height:20px;margin-bottom:-2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.articleCardList .articleCard .content .tit .link{background-image:linear-gradient(#666,#666),linear-gradient(transparent,transparent),linear-gradient(#666,#666);background-position:0 100%,100% 100%,0 100%;background-repeat:no-repeat;background-size:0 1px,0 1px,0 1px;font-size:16px;transition:background-size .3s cubic-bezier(0,0,.33,.93)}
.articleCardList .articleCard .content .tit .link strong{color:#e72528;font-weight:700}
.articleCardList .articleCard .content .tit:hover .link{background-size:0 1px,0 1px,100% 1px}
.articleCardList .articleCard .content .tag{height:24px;margin-top:8px;overflow:hidden}
.articleCardList .articleCard .content .tag .item{background:rgba(255,84,84,.06);border-radius:2px;color:#e72528;display:inline-block;font-size:12px;margin:0 1px 5px 0;max-width:100%;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:all .5s;white-space:nowrap}
.articleCardList .articleCard .content .tag .item:hover{background:rgba(255,84,84,.14)}
.articleCardList .articleCard .content .info{align-items:center;display:flex;justify-content:space-between;margin-top:15px}
.articleCardList .articleCard .content .info .name{color:#666;display:-webkit-box;font-size:13px;margin-right:12px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.articleCardList .articleCard .content .info .date{color:#999;font-size:12px}
.articleCardList .articleCard .content .list-desc{display:none}
.articleCardList .articleCard .photo:hover~.content .tit .link{background-size:0 1px,0 1px,100% 1px}
.articleCardList .articleCard .show-desc .cover .desc{opacity:1}
.articleCardList .articleCard .show-desc .cover .img{transform:scale(1.04)}
.articleCardList .acCard .photo{position:relative}
.articleCardList .acCard .photo:before{background:url(/image/website/ac_short.svg) no-repeat 0 0;background-size:100% auto;content:"";display:block;height:16px;left:6px;position:absolute;top:6px;width:32px;z-index:2}
.articleCardList .acCard .photo:after{background:rgba(0,0,0,.5);border-radius:4px 0 0;bottom:0;color:#fff;content:"Products";display:block;font-size:12px;padding:4px 8px;position:absolute;right:0;z-index:3}
.articleCardList .acCard .photo .cover:hover,.articleCardList .acCard .show-desc .cover{z-index:6}
.articleCol_4 .articleCard{margin-right:3.333%;width:22.5%}
.articleCol_4 .articleCard:nth-child(4n){margin-right:0}
.articleCol_2 .articleCard{margin-right:4%;width:48%}
.articleCol_2 .articleCard:nth-child(2n){margin-right:0}
.articleCol_5 .articleCard{margin-right:3%;width:17.6%}
.articleCol_5 .articleCard:nth-child(5n){margin-right:0}
.articleCol_1 .articleCard{margin-right:0;width:100%}
.articleCol_list .articleCard{border-bottom:1px solid #f6f6f6;display:flex;flex-direction:row;margin-bottom:0;padding:16px 0}
.articleCol_list .articleCard:last-child{border-bottom:none}
.articleCol_list .articleCard .photo{border-radius:4px;margin-right:28px;width:278px}
.articleCol_list .articleCard .content{display:flex;flex:1;flex-direction:column;margin-top:0}
.articleCol_list .articleCard .content .tit{height:auto;line-height:normal}
.articleCol_list .articleCard .content .tit .link{font-size:20px;font-weight:500}
.articleCol_list .articleCard .content .tag{height:auto;margin-top:0;max-height:32px}
.articleCol_list .articleCard .content .tag .item{margin:8px 1px 0 0}
.articleCol_list .articleCard .content .list-desc{color:#666;display:block;display:-webkit-box;margin-top:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.articleCol_list .articleCard .content .info{align-items:flex-end;flex:1}
@media screen and (max-width:1440px){
  .articleCardList{padding:0 16px}
  .articleCardList .articleCard{border-bottom:.5px solid #eee;display:flex;flex-direction:row-reverse;margin:0;padding:16px 0;width:100%}
  .articleCardList .articleCard:last-child{border-bottom:none}
  .articleCardList .articleCard .photo{border-radius:2px;height:80px;margin-left:10px;margin-right:0;width:auto}
  .articleCardList .articleCard .photo .cover .desc{display:none!important}
  .articleCardList .articleCard .content{display:flex;flex:1;flex-direction:column;margin-top:0;overflow:hidden}
  .articleCardList .articleCard .content .tit{height:32px;line-height:16px}
  .articleCardList .articleCard .content .tit .link{background:0 0;display:block;font-size:14px;transition:none}
  .articleCardList .articleCard .content .tit .link:hover{background:0 0}
  .articleCardList .articleCard .content .tag{height:auto;line-height:0;margin-top:0;max-height:22px}
  .articleCardList .articleCard .content .tag .item{font-size:10px;line-height:12px;margin:8px 1px 0 0;padding:1px 3px}
  .articleCardList .articleCard .content .info{align-items:flex-end;flex:1;margin-top:15px}
  .articleCardList .articleCard .content .info .name{font-size:11px;line-height:13px;margin-right:8px}
  .articleCardList .articleCard .content .info .date{font-size:10px;line-height:12px}
  .articleCardList .articleCard .content .list-desc{display:none}
  .articleCardList .acCard .photo:before{height:12px!important;left:4px!important;top:4px!important;width:24px!important}
  .articleCardList .acCard .photo:after{font-size:10px!important;padding:2px 4px!important}
  .articleCardList .acCard .photo .cover,.articleCardList .acCard .show-desc .cover{z-index:1}
}
.pagination{align-items:center;display:flex;justify-content:flex-end}
.pagination .page-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:flex;font-size:13px;font-weight:400;height:28px;justify-content:center;line-height:16px;margin:0 4px;min-width:28px}
.pagination .page-item .iconfont{color:#666}
.pagination .page-item.disabled{display:none}
.pagination .page-item.active{background-color:#e72528;border:1px solid #e72528;color:#fff}
.pagination .page-item.more{border:none;color:#ddd;min-width:20px}
.pagination .page-item.more .iconfont{font-size:20px}
.pagination .page-item.more:hover .iconfont{color:#e72528;font-size:14px!important;font-weight:700}
.pagination .page-item.more:hover .iconfont:before{content:""}
.pagination .page-item.pre-more:hover .iconfont{transform:rotate(180deg)}
@media screen and (max-width:1440px){
  .pagination{justify-content:center}
  .pagination .page-item{height:44px;margin:0 3px;min-width:44px}
  .pagination .page-item.more{border:none;color:#ddd;min-width:18px}
}
.footer{margin:0;}

.detail-main{display:flex;justify-content:space-between}
.detailWrap{margin-left:auto;margin-right:auto;max-width:1440px;width:100%}
.detail-main .detail-content{max-width:1100px;width:100%;background-color:#fff;border-radius:10px;padding:15px 30px 0}
.detail-content .title{align-items:center;display:flex;flex:1}
.detail-content .title h1{display:-webkit-box;font-size:28px;font-weight:500;line-height:34px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;color:#333}
.detail-content .info{align-items:center;display:flex;margin:12px auto 20px 0;color:#333}
.detail-content .info .name .photo{border-radius:50%;display:inline-block;height:24px;margin-right:8px;overflow:hidden;vertical-align:middle;width:24px}
.detail-content .info .date::before{content:"|";display:inline-block;font-size:13px;margin:0 12px}
.detail-content .info .store-name{margin-left:20px;font-size: 14px; max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.detail-content .info .share-container{margin-left:48px}
.detail-content .article-content{display:flex;flex-direction:column;font-family:Roboto!important;font-size:16px;max-width:1100px;overflow:hidden;width:100%}
.article-content *{font-family:inherit!important}
.article-content * :not(p,li){line-height:20px}
.article-content * :not(div){white-space:break-spaces}
.article-content em,.article-content i{font-size:revert;font-style:revert}
.article-content a{color:#0078ff}
.article-content p{color:#525252;line-height:24px;margin:0 0 20px;padding:0}
.article-content p img{border-radius:8px;height:auto;width:100%;max-width:100%;display: block;margin: 0 auto;}
.article-content ol{display:block;list-style-type:decimal}
.article-content ol li{list-style-position:inside}
.article-content ul{display:block;list-style-type:revert;padding-inline-start:20px}
.article-content li{line-height:28px;list-style:inherit}
.article-content table{border-collapse:collapse;margin-bottom:20px}
.article-content td,.article-content th{padding:8px}
.article-content .gs-desc-table{overflow:hidden;overflow-x:auto}
.article-content div img{border-radius:8px}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5{font-size:100%;font-weight:500;margin:0;word-wrap:break-word}
.article-content h1 *,.article-content h2 *,.article-content h3 *,.article-content h4 *,.article-content h5 *{font-weight:500}
.article-content h1,.article-content h2{font-size:28px;line-height:34px}
.article-content h2{margin:20px 0}
.article-content h3{font-size:24px;margin:12px 0 20px}
.article-content h4{font-size:20px;margin:8px 0 20px}
.article-content h5{font-size:18px;margin:4px 0 20px}
.article-content strong{font-weight:700}
.detail-content .article-desc{color:#999;font-size:12px;font-weight:400;line-height:normal;padding:10px 0 20px}
.detail-next-wrap{font-size:16px;border-top:1px solid #eee;line-height:38px;color:#666;padding:20px 0}
.detail-next-wrap .detail-next,.detail-next-wrap .detail-pre{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.detail-next-wrap a{color:#666;text-decoration:none;margin-left:15px}
.detail-next-wrap a:hover{color:#e72528;-webkit-text-decoration:underline;text-decoration:underline}
.detail-pre-next-wrap{border-top:1px solid #eee;display:flex;justify-content:center;padding:20px}
.detail-pre-next-wrap .prenext-item{background-color:#fff;border-radius:8px;box-shadow:4px 8px 50px #ddd;box-sizing:border-box;flex:1;max-width:380px;padding:20px}
.detail-pre-next-wrap .prenext-item:last-child { margin-left: 40px;}
.detail-pre-next-wrap .prenext-item .articleCard{margin-bottom:10px}
.detail-pre-next-wrap .prenext-item .btn{align-items:center;background-color:#f6f6f6;border-radius:4px;color:#666;display:flex;font-size:12px;font-weight:500;height:38px;justify-content:center;line-height:1;transition:all .5s}
.detail-pre-next-wrap .prenext-item:hover .btn{background-color:#eee;color:#e72528}
.detail-right-box{width:300px}
.detail-right-box .title{font-size:16px;font-weight:700;line-height:20px;margin-bottom:20px}

.card-box .has-video{-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
.card-box .has-video{-ms-flex-align:center;bottom:13px;position:absolute;right:13px;z-index:1}
.card-box .has-video,.card-box .has-video img{height:24px;width:24px}

.detail-pro-box{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;position:relative;width:100%}
@media screen and (max-width:1550px){.detail-pro-box{width:1040px}}
.detail-pro-box .pro-title{color:#2d2d2d;font-size:20px;font-weight:700;line-height:24px;margin: 20px 0 20px 10px;}
.detail-pro-box .pro-title:before{border-top:2px solid transparent;content:"";left:0;pointer-events:none;position:absolute;top:-1px;-webkit-transition:all .3s;transition:all .3s;width:100%;border-radius:0;border-top:2px solid #e72528;top:0}
.detail-pro-box .detail-pro-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;overflow:hidden}
.detail-pro-list .item{background-color:#fff;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}
.detail-pro-box .detail-pro-list .item{margin:0 0 20px 14px;width:196px}
.detail-pro-box .detail-pro-list .product-card__media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:#f3f3f3;background-blend-mode:overlay;border-radius:4px;cursor:pointer;height:auto;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative;width:100%}
.detail-pro-box .detail-pro-list .product-card__media .img{background-blend-mode:overlay;-webkit-transition:all .25s ease;transition:all .25s ease}
.detail-pro-box .detail-pro-list .product-card__media .img[lazy=loaded]{min-height:100%;width:100%}
.detail-pro-box .detail-pro-list .product-card__media:before{content:"";float:left;padding-top:100%}
.detail-pro-box .detail-pro-list .product-card__media:hover .img{background-blend-mode:overlay;-webkit-transform:scale(1.04);transform:scale(1.04)}
.detail-pro-box .detail-pro-list .product-card__media:after{background:rgba(0,0,0,.03);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
.detail-pro-box .detail-pro-list .product-card__content .tit{color:#666;display:-webkit-box;font-size:14px;height:36px;line-height:18px;margin-bottom:8px;position:relative;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.detail-pro-box .detail-pro-list .product-card__content .tit:hover{-webkit-text-decoration:underline;text-decoration:underline}