.article-wrap{position:relative}.article-wrap .article-header{margin-left:316px}.article-wrap .article-header h1{font-size:36px;font-weight:600;margin-bottom:16px}.article-wrap .article-header .article-time{display:flex;align-items:center}.article-wrap .article-header .article-time time{font-size:14px;color:#8f8f8f}.article-wrap .article-header .article-time .article-share{margin-left:48px}.article-wrap .article-header .article-cat{margin-top:48px}.article-wrap .article-header .article-cat strong{display:block;margin-bottom:18px;font-size:18px;font-weight:600}.article-wrap .article-header .article-cat dl{padding-bottom:10px}.article-wrap .article-header .article-cat dl dt{font-size:14px;font-weight:500;cursor:pointer}.article-wrap .article-header .article-cat dl dt.lv2:before{content:"";width:0;height:0;display:inline-block;vertical-align:middle;margin-right:6px;border:6px solid transparent;border-left-color:#000;transition:all .5s}.article-wrap .article-header .article-cat dl dt.on:before{transform:rotate(90deg)}.article-wrap .article-header .article-cat dl dd{margin-top:4px;margin-left:36px;font-size:14px;line-height:22px;color:#8f8f8f}.article-wrap .article-header .article-cat .article-cat-list{max-height:218px;overflow:hidden;transition:max-height .8s}.article-wrap .article-header .article-cat .article-cat-list.active{max-height:100vh}.article-wrap .article-header .article-cat .article-cat-list li.lv1{margin-bottom:6px;line-height:24px}.article-wrap .article-header .article-cat .article-cat-list li.lv1 .arrow{display:inline-block;margin-right:7px;width:0;height:0;border:5px solid transparent;border-top-color:#272727;vertical-align:middle;cursor:pointer}.article-wrap .article-header .article-cat .article-cat-list li.lv1 a{font-size:14px;font-weight:500;color:#272727}.article-wrap .article-header .article-cat .article-cat-list li.lv2{margin-bottom:4px;padding-left:36px;line-height:22px}.article-wrap .article-header .article-cat .article-cat-list li.lv2 a{color:#8f8f8f}.article-wrap .article-header .article-cat .article-cat-btn{display:inline-block;margin-top:22px;font-weight:500;color:#d7000f;cursor:pointer}.article-wrap .article-header .article-cat .article-cat-btn.active .iconfont{transform:rotate(180deg)}.article-wrap .article-header .article-cat .article-cat-btn .iconfont{display:inline-block;margin-left:4px;vertical-align:middle;transition:all .5s}.article-wrap .article-main{display:flex}.article-wrap .article-main .article-sidebar{position:absolute;top:0;width:100%;max-width:260px;padding:24px 24px 12px;background:#f9f9f9}.article-wrap .article-main .article-sidebar .article-sidebar-title{position:relative;margin-bottom:16px;font-size:14px;font-weight:500;padding-bottom:8px;border-bottom:1px solid #eaeaea}.article-wrap .article-main .article-sidebar .article-sidebar-title:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:#d7000f}.article-wrap .article-main .article-sidebar .article-sidebar-list li{margin-bottom:12px;font-size:14px;line-height:14px}.article-wrap .article-main .article-sidebar .article-sidebar-list li a{color:#8b8b8b}.article-wrap .article-main .article-sidebar .article-sidebar-list li a:hover{color:#d7000f}.article-wrap .article-main .article-box{margin-left:316px}.article-wrap .article-main .article-content{flex:1;margin-top:48px}.article-wrap .article-main .article-content .strong{font-size:14px;font-weight:600}.article-wrap .article-main .article-content p{margin-bottom:8px;font-size:15px;line-height:22px}.article-wrap .article-main .article-content p:empty{margin-bottom:16px}.article-wrap .article-main .article-content p img:not(:first-child){margin-left:24px}.article-wrap .article-main .article-content img{max-width:100%;width:100%}.article-wrap .article-main .article-content h2{margin:16px 0;font-size:24px;font-weight:600;line-height:22px}.article-wrap .article-main .article-content ul li{margin-bottom:6px;font-size:14px;line-height:22px;list-style:disc;list-style-position:inside}.article-wrap .article-main .article-content h3{font-size:20px;font-weight:600;line-height:22px;margin:16px 0}.article-wrap .article-main .article-content h4{font-size:18px;font-weight:600;line-height:22px;margin-bottom:20px}.article-wrap .article-main .article-content table{width:100%}.article-wrap .article-main .article-content table tr:nth-child(odd){background-color:#f9f9f9}.article-wrap .article-main .article-content table td{text-align:center;padding:8px;border:1px solid #eaeaea}.article-wrap .article-main .article-content iframe{width:100%;height:480px}.article-wrap .article-main .article-content .article-contrast{display:flex}.article-wrap .article-main .article-content .article-contrast dl{flex:1}.article-wrap .article-main .article-content .article-contrast dl dt{text-align:center;height:40px;font-size:16px;font-weight:600;color:#fff;line-height:40px;border-radius:4px 4px 0 0}.article-wrap .article-main .article-content .article-contrast dl dd{border:1px solid #eaeaea;border-radius:0 0 4px 4px;border-top:0}.article-wrap .article-main .article-content .article-contrast dl dd ul{padding:16px 25px 10px}.article-wrap .article-main .article-content .article-contrast dl dd li{list-style-type:none;margin-bottom:16px;font-size:14px;line-height:21px}.article-wrap .article-main .article-content .article-contrast dl dd li .iconfont{margin-right:10px;font-size:18px}.article-wrap .article-main .article-content .article-contrast dl:first-child{margin-right:24px}.article-wrap .article-main .article-content .article-contrast dl:first-child dt{background:#f3888f}.article-wrap .article-main .article-content .article-contrast dl:first-child ul .iconfont{color:#f68d94}.article-wrap .article-main .article-content .article-contrast dl:last-child dt{background:#abb6c9}.article-wrap .article-main .article-content .article-contrast dl:last-child ul .iconfont{color:#abb6c9}.article-wrap .article-main .article-content .article-product{display:flex;align-items:center}.article-wrap .article-main .article-content .article-product .article-product-cover{width:50%}.article-wrap .article-main .article-content .article-product img{width:100%;height:302px;object-fit:contain;background-color:#f9f9f9}.article-wrap .article-main .article-content .article-product .article-product-info{margin-left:40px;flex:1;color:#272727}.article-wrap .article-main .article-content .article-product .article-product-info dl{margin-bottom:16px}.article-wrap .article-main .article-content .article-product .article-product-info dt{margin-bottom:8px;font-size:20px;font-weight:600;line-height:28px;color:#272727}.article-wrap .article-main .article-content .article-product .article-product-info dd{font-size:15px;line-height:15px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-feature{margin-bottom:40px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-feature li{margin-bottom:4px;font-size:13px;line-height:22px;color:#272727}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-link{display:inline-block;font-size:16px;color:#fff;height:40px;line-height:40px;padding:0 32px;background:linear-gradient(75deg,#d20f1d 58%,#e84c37);border-radius:4px}.article-wrap .article-main .article-content .article-wide-picture{display:flex}.article-wrap .article-main .article-content .article-wide-picture img{width:calc(50% - 12px)}.article-wrap .article-main .article-content .article-wide-picture img:last-child{margin-left:24px}.article-wrap .article-main .article-content .article-long-picture{display:flex}.article-wrap .article-main .article-content .article-long-picture img{width:calc(100% / 3 - 16px)}.article-wrap .article-main .article-content .article-long-picture img:nth-child(2){margin:0 24px}.article-wrap .article-main .article-content .article-around.left img{float:left;margin-right:40px}.article-wrap .article-main .article-content .article-around.right img{float:right;margin-left:40px}.article-wrap .article-main .article-content .article-around img{width:auto}.article-wrap .article-main .article-comment{margin-top:64px}.article-wrap .article-main .article-comment h2{margin-bottom:20px;font-size:18px;font-weight:600;line-height:22px;color:#272727}.article-wrap .article-main .article-comment .article-comment-row{display:flex}.article-wrap .article-main .article-comment .article-comment-row .article-comment-group{flex:1}.article-wrap .article-main .article-comment .article-comment-row .article-comment-group:first-child{margin-right:24px}.article-wrap .article-main .article-comment .article-comment-row .article-comment-group input{display:block;width:100%;height:40px;padding-left:16px;border:1px solid #eaeaea;border-radius:4px}.article-wrap .article-main .article-comment .article-comment-group{margin-bottom:16px}.article-wrap .article-main .article-comment .article-comment-group label{margin-bottom:4px;font-size:14px;font-weight:400;line-height:22px}.article-wrap .article-main .article-comment .article-comment-group textarea{display:block;width:100%;padding:10px;height:72px;border:1px solid #eaeaea;border-radius:4px}.article-wrap .article-main .article-comment .article-comment-btn{margin-top:16px;padding:0 32px;font-size:16px;line-height:22px;height:40px;line-height:40px;background:linear-gradient(78deg,#d20f1d 77%,#e84c37);border-radius:4px;border:none;color:#fff}.article-wrap .article-main .article-comment .article-comment-list{margin-top:56px;padding-bottom:32px;border-bottom:1px solid #EAEAEA}.article-wrap .article-main .article-comment .article-comment-list .article-comment-item{margin-bottom:32px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-user{display:flex;align-items:center}.article-wrap .article-main .article-comment .article-comment-list .article-comment-user .iconfont{font-size:48px;font-weight:400;color:#eaeaea}.article-wrap .article-main .article-comment .article-comment-list .article-comment-user dd{margin-left:16px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-user dd strong{font-size:14px;font-weight:500;line-height:22px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-user dd p{margin-top:4px;font-size:14px;line-height:22px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-content{font-size:14px;line-height:22px;color:#272727}.article-wrap .article-main .article-switch{margin:64px 0 96px;display:flex;justify-content:space-between}.article-wrap .article-main .article-switch dl{flex:1;max-width:250px}.article-wrap .article-main .article-switch dl dt{margin-bottom:16px;font-weight:600}.article-wrap .article-main .article-switch dl dt a{color:#272727}.article-wrap .article-main .article-switch dl dd a{color:#272727;font-size:14px;line-height:22px}.article-wrap .article-main .article-switch .prev-link .iconfont{transform:rotate(180deg);display:inline-block}.article-wrap .article-main .article-switch .next-link{text-align:right}.article-wrap .article-share label{margin-right:16px;font-size:14px;font-weight:400;color:#8f8f8f}.article-wrap .article-share a{display:inline-block;margin-right:10px}.article-wrap .article-share a .iconfont{display:inline-block;width:24px;height:20px;font-size:20px;color:#939393}@media (max-width: 1024px){.article-wrap .article-main .article-content .article-product .article-product-info dt{line-height:20px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-feature{margin-bottom:36px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-feature li{line-height:20px}.article-wrap .article-main .article-content .article-around img{max-width:50%}}@media (max-width: 768px){.breadcrumbs__item{display:inline;font-size:12px}.article-wrap .article-header{margin-left:0}.article-wrap .article-header h1{font-size:21px;line-height:21px;margin-bottom:10px}.article-wrap .article-header .article-time time{font-size:13px}.article-wrap .article-header .article-time .article-share{margin-left:32px}.article-wrap .article-header .article-time .article-share label{margin-bottom:0;margin-right:12px;font-size:13px}.article-wrap .article-header .article-time .article-share a{margin-right:5px}.article-wrap .article-header .article-time .article-share a .iconfont{width:24px;height:24px;vertical-align:middle;font-size:18px;text-align:center}.article-wrap .article-header .article-cat{margin-top:40px}.article-wrap .article-header .article-cat strong{margin-bottom:12px;font-size:16px}.article-wrap .article-header .article-cat dl dt.lv2:before{border-width:5px}.article-wrap .article-header .article-cat dl dd{margin-top:8px;margin-left:20px;line-height:15px}.article-wrap .article-header .article-cat .article-cat-btn{margin-top:15px}.article-wrap .article-main{flex-direction:column-reverse}.article-wrap .article-main .article-sidebar{position:static;max-width:100%;padding:16px}.article-wrap .article-main .article-sidebar dl dt{font-size:13px}.article-wrap .article-main .article-box{margin-left:0}.article-wrap .article-main .article-content{margin-top:40px}.article-wrap .article-main .article-content p{font-size:14px;line-height:20px}.article-wrap .article-main .article-content p:empty{margin-bottom:32px}.article-wrap .article-main .article-content h2{margin:12px 0;line-height:22px;font-size:18px}.article-wrap .article-main .article-content h3{font-size:16px;margin:12px 0}.article-wrap .article-main .article-content h4{font-size:14px;margin-bottom:16px}.article-wrap .article-main .article-content ul li{margin-bottom:8px;font-size:13px;line-height:20px}.article-wrap .article-main .article-content .article-table-wrap{overflow:hidden;overflow-x:auto}.article-wrap .article-main .article-content table td{padding:8px 12px;font-size:12px}.article-wrap .article-main .article-content iframe{height:190px}.article-wrap .article-main .article-content .article-product{align-items:flex-start;flex-direction:column}.article-wrap .article-main .article-content .article-product .article-product-cover{width:100%}.article-wrap .article-main .article-content .article-product img{height:232px}.article-wrap .article-main .article-content .article-product .article-product-info{margin-left:0;margin-top:16px}.article-wrap .article-main .article-content .article-product .article-product-info dl{margin-bottom:10px}.article-wrap .article-main .article-content .article-product .article-product-info dt{margin-bottom:4px;font-size:15px}.article-wrap .article-main .article-content .article-product .article-product-info dd{font-size:13px;line-height:15px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-feature{margin-bottom:24px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-feature li{margin-bottom:8px;font-size:12px}.article-wrap .article-main .article-content .article-product .article-product-info .article-product-link{font-size:14px;padding:0 28px}.article-wrap .article-main .article-content .article-contrast{flex-direction:column}.article-wrap .article-main .article-content .article-contrast dl:first-child{margin-right:00;margin-bottom:16px}.article-wrap .article-main .article-content .article-contrast dl dt{height:28px;font-size:13px;line-height:28px}.article-wrap .article-main .article-content .article-contrast dl dd ul{padding:12px 12px 0}.article-wrap .article-main .article-content .article-contrast dl dd ul li{margin-bottom:12px;font-size:12px;line-height:14px}.article-wrap .article-main .article-content .article-contrast dl dd ul li .iconfont{margin-right:9px;font-size:14px}.article-wrap .article-main .article-content .article-wide-picture img{width:calc(50% - 6px)}.article-wrap .article-main .article-content .article-wide-picture img:last-child{margin-left:12px}.article-wrap .article-main .article-content .article-around.left img,.article-wrap .article-main .article-content .article-around.right img{float:none;max-width:100%;margin-right:0;margin-left:0;margin-bottom:12px}.article-wrap .article-main .article-content .article-long-picture{display:none}.article-wrap .article-main .article-switch{margin:40px 0}.article-wrap .article-main .article-switch dl dt{margin-bottom:12px}.article-wrap .article-main .article-switch dl dd a{font-size:12px;line-height:16px}.article-wrap .article-main .article-comment h2{margin-bottom:16px;font-size:14px;line-height:14px}.article-wrap .article-main .article-comment .article-comment-row{flex-direction:column}.article-wrap .article-main .article-comment .article-comment-row .article-comment-group,.article-wrap .article-main .article-comment .article-comment-row .article-comment-group:first-child{margin-right:0}.article-wrap .article-main .article-comment .article-comment-row .article-comment-group label{margin-bottom:8px;font-size:13px;line-height:14px}.article-wrap .article-main .article-comment .article-comment-btn{margin-top:16px;padding:0 26px;font-size:13px}.article-wrap .article-main .article-comment .article-comment-list{margin-top:36px;padding-bottom:16px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-item{margin-bottom:24px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-item .article-comment-user .iconfont{font-size:36px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-item .article-comment-user dd strong,.article-wrap .article-main .article-comment .article-comment-list .article-comment-item .article-comment-user dd p{font-size:12px;line-height:12px}.article-wrap .article-main .article-comment .article-comment-list .article-comment-content{font-size:12px;line-height:18px}.article-wrap .article-main .article-comment .article-switch{margin:40px 0}.article-wrap .article-main .article-comment .article-switch dl dt a{font-size:14px}.article-wrap .article-main .article-comment .article-switch dl dd a{font-size:12px;line-height:16px}.article-wrap .article-main .article-sidebar{margin-bottom:48px}.article-wrap .article-main .article-sidebar .article-sidebar-title{font-size:13px;line-height:13px}.article-wrap .article-main .article-sidebar .article-sidebar-list li{margin-bottom:18px;font-size:13px;line-height:13px}.article-wrap .article-main .article-sidebar .article-sidebar-list li .iconfont{margin-right:4px;width:24px;height:24px;vertical-align:middle}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/article.scss.css.map */