.recorder.blog{position:relative;background:#fff}.recorder.blog .container{width:1205px;min-width:1205px}.recorder.blog .banner{height:474px;background:url(../../images/recorder/blog/blog-bg.jpg) center top no-repeat}.recorder.blog .banner .message{float:right;width:660px}.recorder.blog .banner .message h2,.recorder.blog .banner .message strong{padding:64px 0 40px;color:#000;font-size:28px;line-height:34px}.recorder.blog .banner .message strong.pc{display:block}.recorder.blog .banner .message strong.mobile{display:none}.recorder.blog .banner .message strong span,.recorder.blog .banner .message strong span{font-size:22px}.recorder.blog .banner .message p{position:relative;padding-left:13px;padding-bottom:19px;color:#575860;font-weight:400;font-size:16px;line-height:20px}.recorder.blog .banner .message p::before{content:'';position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:50%;background-color:#000}.recorder.blog .banner .message p.last{display:none}.recorder.blog .banner .record-btn{margin-top:20px}.recorder.blog .banner .imgbox{margin-top:65px;float:left;width:500px}.recorder.blog .banner .imgbox img{position:relative;z-index:1;display:inline-block}.recorder.blog .blog-search{padding:70px 0 30px;border-bottom:1px solid #e0e0e0}.recorder.blog .blog-search .search-title{float:left;margin-left:244px;width:50%}.recorder.blog .blog-search .search-title h2{color:#222;font-size:24px;font-weight:600;line-height:24px}.recorder.blog .blog-search .search-title-mobile{display:none}.recorder.blog .blog-search .search{position:relative;float:right;max-width:50%}.recorder.blog .blog-search .search input{position:relative;padding:0 46px 0 22px;width:228px;height:46px;color:#999;font-size:18px;font-weight:500;line-height:20px;background:#f6f6f6;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e0e0e0;outline:none;-webkit-appearance:none !important;vertical-align:middle;line-height:normal;text-align:left;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.recorder.blog .blog-search .search .search-btn{display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;padding:12px 20px;width:23px;height:23px;background:url(../../images/recorder/blog/search-icon.png) no-repeat center;cursor:pointer}.recorder.blog .blog-rearch-result img{position:absolute;display:block;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.recorder.blog .blog-rearch-result a{position:relative;display:block;width:100%;height:100%;border-radius:4px;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.recorder.blog .blog-rearch-result a:hover{opacity:.8;-webkit-box-shadow:0 2px 12px 0 rgba(19,22,38,0.22);box-shadow:0 2px 12px 0 rgba(19,22,38,0.22);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.recorder.blog .blog-rearch-result a .tag{display:inline-block;position:absolute;top:12px;left:0;padding:0 10px;width:auto;height:22px;line-height:24px;color:#1e1c2c;font-size:12px;font-weight:600;background-color:#30deb4;z-index:9}.recorder.blog .blog-rearch-result .hot-left a .tag{top:26px;height:30px;line-height:30px;font-size:16px}.recorder.blog .blog-rearch-result .container{display:flex;justify-content:space-between;min-height:200px}.recorder.blog .blog-rearch-result ._left{margin-top:58px;width:170px}.recorder.blog .blog-rearch-result ._left dt{margin-bottom:24px;font-size:14px;font-weight:600;line-height:20px}.recorder.blog .blog-rearch-result ._left dd a{color:#0054ff;font-size:12px;font-weight:500;line-height:28px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recorder.blog .blog-rearch-result ._left dd a:hover{box-shadow:none}.recorder.blog .blog-rearch-result ._left dd a.ac{text-decoration:underline}.recorder.blog .blog-rearch-result ._right{width:1000px}.recorder.blog .blog-rearch-result .subs-tag{display:inline-block;position:absolute;padding:0 7px;height:30px;color:#fff;font-size:12px;font-weight:600;line-height:30px;background:#6579fc;border-radius:4px 0 3px 0}.recorder.blog .blog-rearch-result .blog-result-title{position:absolute;bottom:0;width:100%;line-height:110px;background:rgba(0,0,0,0.6);border-radius:0 0 4px 4px}.recorder.blog .blog-rearch-result .blog-result-title h3{display:inline-block;padding:0 30px;color:#fff;font-size:18px;font-weight:500;line-height:30px;text-align:left;vertical-align:middle;margin-top:8px}.recorder.blog .result-hot-box{margin-top:58px;height:498px}.recorder.blog .result-hot-box .hot-left{position:relative;float:left;width:684px;height:inherit;background:#fff;border-radius:4px}.recorder.blog .result-hot-box .hot-right{float:right;width:306px}.recorder.blog .result-hot-box .hot-right .hot-right-list{margin-bottom:10px;height:244px}.recorder.blog .result-hot-box .hot-right .hot-right-list:last-child{margin-bottom:0}.recorder.blog .result-list{padding:40px 0 80px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.recorder.blog .result-list li{margin-right:9px;margin-bottom:10px;width:243px;height:287px;background:transparent;border-radius:4px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.recorder.blog .result-list li:nth-child(4n){margin-right:0}.recorder.blog .result-list li .blog-result-title{position:relative;line-height:normal;background:#fff;border-radius:0 0 6px 6px}.recorder.blog .result-list li .blog-result-title h3{color:#222;font-size:14px;font-weight:600;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.recorder.blog .result-list li:hover .blog-result-title h3{color:#1264fc}.recorder.blog .result-list .list-img{position:relative;height:194px}.recorder.blog .result-list .list-img img{border-radius:4px 4px 0 0}.recorder.blog .record-btn{height:66px;background:#34f1a5;border-radius:8px;font-size:20px;font-weight:500;text-align:center;line-height:66px;text-decoration:none}.recorder.blog .record-btn .down-txt{color:#000;font-size:15px}.recorder.blog .record-btn:hover{opacity:.7;-webkit-transition:all .4s ease;-o-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}.recorder.blog .record-btn.buy{margin-left:10px;min-width:177px;box-sizing:border-box;border:1px solid #000;border-radius:8px;background-color:transparent}.recorder.blog .record-btn.buy:hover{border:none;background-color:#ffbd4a}.recorder.blog.detail .banner{position:relative;height:473px}.recorder.blog.detail .banner .container{position:relative;z-index:1}.recorder.blog.detail .banner .banner-image{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;width:100%;height:inherit}.recorder.blog.detail .banner .banner-image>img{position:absolute;display:block;width:100%;max-width:none;height:100%;-o-object-fit:cover;object-fit:cover}.recorder.blog .blog-detail-article{padding:70px 0}.recorder.blog .blog-detail-article blockquote,.recorder.blog .blog-detail-article pre,.recorder.blog .blog-detail-article a,.recorder.blog .blog-detail-article abbr,.recorder.blog .blog-detail-article acronym,.recorder.blog .blog-detail-article address,.recorder.blog .blog-detail-article big,.recorder.blog .blog-detail-article cite,.recorder.blog .blog-detail-article code,.recorder.blog .blog-detail-article del,.recorder.blog .blog-detail-article dfn,.recorder.blog .blog-detail-article em,.recorder.blog .blog-detail-article img,.recorder.blog .blog-detail-article ins,.recorder.blog .blog-detail-article kbd,.recorder.blog .blog-detail-article q,.recorder.blog .blog-detail-article s,.recorder.blog .blog-detail-article samp,.recorder.blog .blog-detail-article small,.recorder.blog .blog-detail-article strike,.recorder.blog .blog-detail-article strong,.recorder.blog .blog-detail-article sub,.recorder.blog .blog-detail-article sup,.recorder.blog .blog-detail-article tt,.recorder.blog .blog-detail-article var,.recorder.blog .blog-detail-article b,.recorder.blog .blog-detail-article u,.recorder.blog .blog-detail-article i,.recorder.blog .blog-detail-article center,.recorder.blog .blog-detail-article dl,.recorder.blog .blog-detail-article dt,.recorder.blog .blog-detail-article dd,.recorder.blog .blog-detail-article ol,.recorder.blog .blog-detail-article ul,.recorder.blog .blog-detail-article li,.recorder.blog .blog-detail-article fieldset,.recorder.blog .blog-detail-article form,.recorder.blog .blog-detail-article label,.recorder.blog .blog-detail-article legend,.recorder.blog .blog-detail-article table,.recorder.blog .blog-detail-article caption,.recorder.blog .blog-detail-article tbody,.recorder.blog .blog-detail-article tfoot,.recorder.blog .blog-detail-article thead,.recorder.blog .blog-detail-article tr,.recorder.blog .blog-detail-article th,.recorder.blog .blog-detail-article td,.recorder.blog .blog-detail-article article,.recorder.blog .blog-detail-article aside,.recorder.blog .blog-detail-article canvas,.recorder.blog .blog-detail-article details,.recorder.blog .blog-detail-article embed,.recorder.blog .blog-detail-article figure,.recorder.blog .blog-detail-article figcaption,.recorder.blog .blog-detail-article footer,.recorder.blog .blog-detail-article header,.recorder.blog .blog-detail-article menu,.recorder.blog .blog-detail-article nav,.recorder.blog .blog-detail-article output,.recorder.blog .blog-detail-article ruby,.recorder.blog .blog-detail-article section,.recorder.blog .blog-detail-article summary,.recorder.blog .blog-detail-article time,.recorder.blog .blog-detail-article mark,.recorder.blog .blog-detail-article audio,.recorder.blog .blog-detail-article video,.recorder.blog .blog-detail-article input{margin:0;padding:0;border:0;font-weight:normal;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.recorder.blog .blog-detail-article ul,.recorder.blog .blog-detail-article li{list-style:disc}.recorder.blog .blog-detail-article article,.recorder.blog .blog-detail-article aside,.recorder.blog .blog-detail-article details,.recorder.blog .blog-detail-article figcaption,.recorder.blog .blog-detail-article figure,.recorder.blog .blog-detail-article footer,.recorder.blog .blog-detail-article header,.recorder.blog .blog-detail-article menu,.recorder.blog .blog-detail-article nav,.recorder.blog .blog-detail-article section{display:block}.recorder.blog .blog-detail-article .article-nav{font-size:0}.recorder.blog .blog-detail-article .article-nav a,.recorder.blog .blog-detail-article .article-nav span{display:inline-block;color:#555;font-size:18px;line-height:28px;font-weight:500;vertical-align:middle}.recorder.blog .blog-detail-article .article-nav a{color:#0054ff;-webkit-transition:all .1s;-o-transition:all .1s;-moz-transition:all .1s;transition:all .1s}.recorder.blog .blog-detail-article .article-nav a:hover{opacity:.7;text-decoration:none;-webkit-transition:all .1s;-o-transition:all .1s;-moz-transition:all .1s;transition:all .1s}.recorder.blog .blog-detail-article .article-nav span.gt{padding:0 8px;color:#cfced4}.recorder.blog .blog-detail-article .article-cnt{position:relative;margin-top:66px;padding:54px 42px;border-radius:4px;background:#fff;-webkit-box-shadow:0 5px 30px 0 rgba(19,22,38,0.1);box-shadow:0 5px 30px 0 rgba(19,22,38,0.1)}.recorder.blog .blog-detail-article .article-cnt p{padding-bottom:0}.recorder.blog .blog-detail-article .article-cnt p[data-f-id='pbf']{visibility:hidden;display:none}.recorder.blog .blog-detail-article .article-cnt table{margin:24px auto !important;width:100%;border:1px solid #e0e0e0}.recorder.blog .blog-detail-article .article-cnt table td{padding:10px;line-height:18px !important;text-align:center !important;vertical-align:middle !important;font-family:"Roboto","sans-serif" !important;border:1px solid #e0e0e0}.recorder.blog .blog-detail-article .article-cnt table h3,.recorder.blog .blog-detail-article .article-cnt table h2,.recorder.blog .blog-detail-article .article-cnt table h4,.recorder.blog .blog-detail-article .article-cnt table h5,.recorder.blog .blog-detail-article .article-cnt table h6,.recorder.blog .blog-detail-article .article-cnt table p{padding:0 16px;text-align:left !important}.recorder.blog .blog-detail-article .article-cnt .article-title{padding-top:10px;color:#222;font-size:30px;line-height:44px;font-weight:600}.recorder.blog .blog-detail-article .article-cnt .article-description{margin-top:20px;padding-bottom:0;color:#666;font-size:14px;font-weight:500;line-height:26px}.recorder.blog .blog-detail-article .article-cnt .article-authors{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;justify-items:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-size:16px;font-weight:400;color:#9c9eab;line-height:1.4;margin:20px 0 40px}.recorder.blog .blog-detail-article .article-cnt .article-authors ._split{display:inline-block;width:1px;height:17px;background-color:#9c9eab;margin:0 10px}.recorder.blog .blog-detail-article .article-cnt .article-share{overflow:hidden;border-bottom:1px solid #dddfe9}.recorder.blog .blog-detail-article .article-cnt .article-share .share-box{float:right}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list{width:100%;height:344px;margin:0 auto;margin-top:20px;display:flex;align-items:center;justify-content:center}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message{width:590px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message h2{font:bold 22px/32px Spartan}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message ul{margin-top:10px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message ul li{padding-left:20px;position:relative;color:#444;font:medium 14px/28px Spartan;list-style-type:none}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message ul li::after{position:absolute;content:"";width:6px;height:6px;left:0;top:11px;border-radius:50%;background:#128bfc}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message .btn-box{margin-top:20px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message .btn-box .record-btn{height:56px;line-height:56px;min-width:240px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message .btn-box .record-btn.buy{min-width:177px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list01{background:url(../../images/recorder/blog-detail/blog-list01-bg.png) no-repeat center}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list01 .left-message{margin-right:40px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list02{background:linear-gradient(90deg, #f5fbff 0, #f2f0fe 100%)}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list02 .left-message{margin-left:40px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list03{background:url(../../images/recorder/blog-detail/blog-list03-bg.png) no-repeat center}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list03 .left-message{margin-right:40px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list04{background:linear-gradient(90deg, #f5fbff 0, #f2f0fe 100%)}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list04 .left-message{margin-left:40px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list04 .img-box{margin-top:35px}.recorder.blog .blog-detail-article .article-cnt .article-article .head-type-01{position:relative;margin-bottom:36px;padding:10px 16px;font-size:24px;line-height:28px;color:#fff;background:linear-gradient(to left, #6282fc, #ae8aee)}.recorder.blog .blog-detail-article .article-cnt .article-article .head-type-01 a{color:#fff}.recorder.blog .blog-detail-article .article-cnt .article-article .head-type-01::after{content:"";display:inline-block;position:absolute;left:0;top:auto;bottom:-16px;width:24px;height:16px;background:url(../../images/recorder/blog-detail/h2_bg_01.png) no-repeat}.recorder.blog .blog-detail-article .article-cnt .article-article .head-type-02{position:relative;margin-bottom:36px;padding:10px 16px 10px 32px;font-size:24px;line-height:28px;width:1043px;margin-left:35px;background:linear-gradient(to right, #d9e4ff, transparent)}.recorder.blog .blog-detail-article .article-cnt .article-article .head-type-02::after{content:"";display:inline-block;position:absolute;left:-32px;bottom:0;margin:auto;width:54px;height:55px;background:url(../../images/recorder/blog-detail/h2_bg_02.png) no-repeat}.recorder.blog .blog-detail-article .article-cnt .article-article .box-shadow-img{box-shadow:0 15px 30px #c4ccdc;border:1px solid #dfe3ff;margin:auto;margin-bottom:30px;display:block}.recorder.blog .blog-detail-article .article-cnt .article-article article>h2{font:normal normal 500 26px/36px Spartan;letter-spacing:0;color:#1e1c2c;background:#e6efff 0 0 no-repeat padding-box;position:relative;margin-bottom:20px;padding:8px 0;padding-left:34px}.recorder.blog .blog-detail-article .article-cnt .article-article article>h2::after{content:"";width:9px;background:#0054ff 0 0 no-repeat padding-box;position:absolute;left:0;top:0;bottom:0}.recorder.blog .blog-detail-article .article-cnt .article-article p>img{box-shadow:0 15px 30px #c4ccdc;border:1px solid #dfe3ff;margin:auto;margin-bottom:30px;display:block}.recorder.blog .blog-detail-article .article-cnt .article-article .contents{margin:30px 0}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl dt{font:normal normal 500 20px/30px Lexend;letter-spacing:0;padding-left:33px;margin-bottom:15px;color:#1e1c2c;position:relative}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl dt::before{content:"";width:25px;height:18px;background:url("../images/recorder/blog-detail/icon-book.svg") no-repeat center;position:absolute;left:0;top:7px}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list{margin-bottom:5px;transition:all .3s}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>a,.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>h4{padding-left:32px;font:normal normal 400 18px/24px Lexend;letter-spacing:0;display:inline-block;margin-bottom:10px;cursor:pointer;color:#3477ff;position:relative;background-color:transparent !important}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>a ._icon::before,.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>h4 ._icon::before{content:"";width:12px;transition:all .3s;height:10px;background:url(../images/recorder/blog-detail/arrow-up.svg) no-repeat center;position:relative;right:0;margin-left:10px;display:inline-block;top:0}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>a.hide ._icon::before,.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>h4.hide ._icon::before{transform:rotate(180deg)}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>a.hide+ul,.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>h4.hide+ul{display:none}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>a:hover,.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>h4:hover{text-decoration:underline}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>a::after,.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list>h4::after{content:"";display:inline-block;position:absolute;top:9px;left:8px;width:4px;height:4px;border-radius:50%;background-color:#3477ff}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list ul{margin-bottom:12px;padding-left:32px}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list ul li{margin-bottom:5px;font:normal normal 300 16px/20px Lexend;list-style:none;cursor:pointer}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list ul li a{color:#3477ff}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list ul li a:hover{text-decoration:underline}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .list ul li:last-child{margin-bottom:10px}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .default{padding-left:32px;margin-bottom:10px}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .default a{position:relative;font:normal normal 400 18px/21px Lexend;letter-spacing:0;color:#3477ff;cursor:pointer}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .default a:hover{text-decoration:underline}.recorder.blog .blog-detail-article .article-cnt .article-article .contents dl .default a::after{content:"";display:inline-block;position:absolute;top:9px;left:-25px;width:4px;height:4px;border-radius:50%;background-color:#3477ff}.recorder.blog .blog-detail-article .article-cnt .article-article p,.recorder.blog .blog-detail-article .article-cnt .article-article ul,.recorder.blog .blog-detail-article .article-cnt .article-article ol{margin-bottom:10px;font-size:16px;font-weight:400;color:#585860;line-height:30px}.recorder.blog .blog-detail-article .article-cnt .article-article b,.recorder.blog .blog-detail-article .article-cnt .article-article strong{font-weight:700}.recorder.blog .blog-detail-article .article-cnt .article-article{margin-top:46px}.recorder.blog .blog-detail-article .article-cnt .article-article img{margin:40px auto;display:block;max-width:100%}.recorder.blog .blog-detail-article .article-cnt .article-article h2{margin-top:20px;margin-bottom:8px;font-size:30px;font-weight:600;color:#27282e;line-height:1.2}.recorder.blog .blog-detail-article .article-cnt .article-article h3{margin-top:20px;margin-bottom:8px;font-size:22px;font-weight:600;color:#27282e;line-height:1.2}.recorder.blog .blog-detail-article .article-cnt .article-article a{color:#1f87ff;cursor:pointer;font-weight:500;-webkit-transition:all .1s;-o-transition:all .1s;-moz-transition:all .1s;transition:all .1s}.recorder.blog .blog-detail-article .article-cnt .article-article a:hover{opacity:.7}.recorder.blog .blog-detail-article .article-cnt .article-catalogues{padding:34px 62px;margin-bottom:40px;border:1px solid #e0e0e0;background:#edeef0}.recorder.blog .blog-detail-article .article-cnt .article-catalogues li{list-style:inherit;line-height:34px;list-style-position:inside;list-style:none}.recorder.blog .blog-detail-article .article-cnt .article-catalogues li a{font-size:16px;color:#1f87ff;cursor:pointer;font-weight:500;-webkit-transition:all .1s;-o-transition:all .1s;-moz-transition:all .1s;transition:all .1s;text-decoration:none}.recorder.blog .blog-detail-article .article-cnt .article-catalogues li a strong{font-weight:500}.recorder.blog .blog-detail-article .article-cnt .article-catalogues li a:hover{opacity:1;text-decoration:underline}.recorder.blog .blog-detail-article .article-cnt .article-getFree ul,.recorder.blog .blog-detail-article .article-cnt .article-getUnlimited ul,.recorder.blog .blog-detail-article .article-cnt .article-btns ul{padding-right:0}.recorder.blog .blog-detail-article .article-cnt .article-getFree{padding:0 32px;overflow:hidden;height:475px;background:url(../../images/recorder/blog-detail/blog-detail-pic02.jpg) center top no-repeat;background-repeat:no-repeat;background-position:top center;-o-background-size:cover;background-size:cover;margin-bottom:62px;margin-top:30px}.recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree{float:right;max-width:680px}.recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree h3{padding-top:24px;font-size:28px;font-weight:600;color:#26272e}.recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree ul{margin-top:20px;margin-bottom:34px}.recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree ul li{margin-bottom:12px;list-style:none;position:relative;font-size:16px;font-weight:400;color:#575860;line-height:24px;padding-left:18px}.recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree ul li::after{content:"";position:absolute;left:0;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#128bfc}.recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree .record-btn{height:46px}.recorder.blog .blog-detail-article .article-cnt .article-ol{padding-left:14px}.recorder.blog .blog-detail-article .article-cnt .article-tips{position:relative;margin:40px 0 40px;padding:40px 88px;width:100%;min-height:30px;background:#fff6e5;border:1px solid #f9e3ba;border-radius:4px;box-sizing:border-box}.recorder.blog .blog-detail-article .article-cnt .article-tips::after{content:"";position:absolute;top:-50px;left:0;width:122px;height:50px;background-image:url(data:image/png;base64,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)}.recorder.blog .blog-detail-article .article-cnt .article-tips2{position:relative;margin:40px 0 40px;padding:40px 88px;width:100%;min-height:30px;border:1px solid #d4e2fa;border-top:3px solid #d4e2fa;border-radius:4px;background:url(../../images/recorder/blog-detail/tips-bg.png) no-repeat;background-color:#f7faff;box-sizing:border-box}.recorder.blog .blog-detail-article .article-cnt .article-tips2 p,.recorder.blog .blog-detail-article .article-cnt .article-tips p{margin-bottom:10px;font-size:16px;font-weight:500;color:#27282e;line-height:30px}.recorder.blog .blog-detail-article .article-cnt .article-tips2 p a,.recorder.blog .blog-detail-article .article-cnt .article-tips p a{font-weight:600}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner{background:url(../../images/recorder/blog-detail/blogbannerbg.png) no-repeat;-o-background-size:cover;background-size:cover;background-position:top;margin-top:30px;margin-bottom:40px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper{width:100%;height:344px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;height:100%}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._img-pc{width:471px;height:385px;position:relative}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._img-pc:before{content:"";position:absolute;top:0;width:100%;height:100%;background:url(../../images/recorder/blog-detail/blogbannertwo-left.png) no-repeat;background-position:50%}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-mobile{display:none}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;display:block;margin-left:35px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc h1,.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc strong{padding-top:15px;font-size:22px;font-weight:600;color:#26272e;padding-left:12px;line-height:32px;display:block;margin-bottom:20px;width:519px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc li{margin-top:5px;font-size:14px;font-weight:500;color:#575860;line-height:22px;position:relative;padding-left:30px;list-style:none}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc li:before{content:"";position:absolute;top:6px;left:14px;width:6px;height:6px;display:inline-block;border-radius:50%;background:#4f8eff;vertical-align:top;margin-right:14px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns{display:flex;margin-top:23px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn{width:240px;height:56px;line-height:56px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn.buy{width:177px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner{margin-top:40px;margin-bottom:40px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns{display:flex;justify-content:center}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down{width:286px;height:66px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt{position:relative;top:10px;left:55%}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down:hover .down-txt{top:35%;left:50%}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt::before{content:'';display:inline-block;position:relative;top:15px;left:-20px;width:26px;height:26px;background:url(../../images/recorder/blog/blog-wins.png) no-repeat;background-size:100%}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt::after{content:'For Win 11/10/8/7';display:block;position:absolute;top:28px;left:33%;color:#000;font-size:12px;font-weight:500}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box .change-btn button{background:none}.recorder.blog .blog-detail-article .article-cnt .article-related-reference{position:relative;background-color:#f7faff;margin:60px 0;border-radius:5px;overflow:hidden;width:100%;margin-bottom:40px}.recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference{position:relative;font-size:18px;font-weight:500;color:#27282e;line-height:18px;padding:13px 24px;width:390px;border-radius:5px 0 0 5px}.recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference::before{content:"";position:absolute;left:2px;top:0;width:2px;height:44px;background:#485ffe}.recorder.blog .blog-detail-article .article-cnt .article-links{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.recorder.blog .blog-detail-article .article-cnt .article-links li{position:relative;margin-right:22px;width:262px;height:376px;background:transparent;border-radius:4px;border:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;list-style:none}.recorder.blog .blog-detail-article .article-cnt .article-links li:hover{-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-box-shadow:0 6px 30px 0 rgba(19,22,38,0.12);box-shadow:0 6px 30px 0 rgba(19,22,38,0.12)}.recorder.blog .blog-detail-article .article-cnt .article-links li:nth-child(4n){margin-right:0}.recorder.blog .blog-detail-article .article-cnt .article-links li a:hover{opacity:.7;-webkit-transition:all .1s;-o-transition:all .1s;-moz-transition:all .1s;transition:all .1s;text-decoration:none}.recorder.blog .blog-detail-article .article-cnt .article-links li a:hover h3{color:#1264fc}.recorder.blog .blog-detail-article .article-cnt .article-links li .blog-result-title{position:relative;height:124px;line-height:normal;background:#fff;border-radius:0 0 6px 6px}.recorder.blog .blog-detail-article .article-cnt .article-links .tag{display:inline-block;position:absolute;top:12px;left:0;z-index:9;padding:0 10px;height:22px;line-height:24px;color:#1e1c2c;font-size:12px;font-weight:600;background-color:#30deb4}.recorder.blog .blog-detail-article .article-cnt .article-links li .blog-result-title h3{padding:22px;color:#222;font-size:14px;font-weight:600;line-height:24px}.recorder.blog .blog-detail-article .article-cnt .article-links .list-img{position:relative;height:243px;line-height:243px}.recorder.blog .blog-detail-article .article-cnt .article-links .list-img img{position:absolute;display:block;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px 4px 0 0}.recorder.blog .blog-detail-article .article-cnt .article-Also{position:relative;margin-left:35px}.recorder.blog .blog-detail-article .article-cnt .article-Also::after{content:"";position:absolute;left:-45px;top:50%;margin-top:-16px;width:33px;height:33px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAEzElEQVRYhY2YbWiWVRjHf9deXCY9NtMvvagfHFsNMpOmYhQuMtIorT70ecIUmS/lF3sBwWDCIGIpWbMo6kvRB4MoYQVhiTWTNBlt6gY1e6HYWD5ia3t87ivOue/7ec79ul1wOOc+93Vf1//8r+u83eKde4yIqIJ6QR20qbTbUN0U1M2odxuqC1HvKqoTqHcR1TOo9wWY2rFF2Aaxz1WZC4j5oB2o7kG9piQ4L/ZNpR5BtRf13kV1Kg9EDfnyFCLDwBGgCQREbGVrK5JSbP8K4DDY77fkeckC0QC8jfApsLTq3HXsAiAKLtJmKSLHrT3f7pxAFEBOINJZcSLua9dpGitp7Ni+TmvX2s8HMQ84jrAh6tMxWHGa5jirrrzbYO37fhwQUoNfrOJhoL3q0DUQB0QUVKJkhqhdxfgxyenZ4jKxxVImEe6j1EcASTqo7HC4pdNN1hDEfJDeqOMkliigPFZyEzXs6/X9Ql1gocPOAqOggaJly4PSDVvk/vfR30/AUB/MlGC65PebdqkMN25Ax2l08iu48l5gQJxaIn2KLBVkm5n+IRN78ocPFIeQ5i64/dHKqCUegitnkeU7YXF7DiMRJneH4VjjL0QJ3p0ZIejFHpi8gKzuhsYW269x0P0vwJ9nkeaDsKA5Iy+o2hTrd40BsTGZC5L8ziuhP+6DmavI+qNw0yLHR6BUnoFPnoOpSaT1dahflJ470b6NBsTaJAMpjBhHM5PoQBc03Io8/BYi9b6Kuxf8Ow4fPwt1BaT1NaiZlzGNCdiQdQbE3amRwI2d8+LqJfTMfliyCtZ3x/SC+u9B+Gw7FO5Fml6ebQFrqT2wo+lgck2X6gjNDPHKfl0OyuRlKJeRezqgdM3mAZ76JWRl/CLU1UDLNihfh2sXgtmBU9u20Uqu5anhILY4Db4JxV9h9fMxVYe9k4eg+AuyrDNvAbvFgChm+q4sQPFUUWjdAYVlcO5IlGlX1u2DwnLUrhuZ4bhmQExkM5DCiKnueARZuRdGj8NPR5O65rFpMzz0Cvz1Ofz2Qd5KOm5ADKWDiG1YYawXNiFtPTBxAT39YjS8oSxphSffgX8G0dFDsdEnwjFsQHyfCSJUDr9paEQe6IVSET25018XxAUL3LwYnvnI17m8H3Rmtv3kOwOiPxuE46B2HnJfDzQsQk/vgv/GqwohG7UNsPVDWLAEHXkJShMZ09Nlhn4DYgC4PBsbsmIvNK5Ezx+AyZ9jKoHh9m64cy166VW4PpwMQZIR43cg3MB6yRMz0sZV6Mgx+OPLZLhCKu56EB02U/eb9C08mRdvUFOLeOcfNw9mXx/2D7VpooEfde4QKe3IHSX3OmDqMdQzO+FUyMRUdTvPDkn0OWVZj5++KomdeuDZE/iNHO/M8f5YPo6M/STRP+v95FjgjzgII13At3NiI2XAVec5G5bIKYRdJheoq7clDmIGeAL4OoOP5KjEbaegjCaosbsZmHY10y4/Zi8x2dqXTkbKgcd95wKK3k/6AruJvSrrGmiQbge2AmOJ0cUZyb+fjIE8HdibJkVmuxCb5DHTyBxIR6NspGyb0fuJ0d+NiPne3LoyJVwn5iptwCZU28D8n9DFoAVUi6iOg5r/Ez+gegJ0AM+ecvwDkV0bnBIK8D/rI8r5MCpbLQAAAABJRU5ErkJggg==);background-size:cover}.recorder.blog .blog-detail-article .article-cnt .article-Also span{font-weight:bold}@media screen and (max-width:1200px){.recorder.blog .blog-detail-article .article-cnt{padding:30px 20px}.recorder.blog .blog-detail-article .article-cnt .article-related-reference{width:100%}.recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference{width:-webkit-calc(52%);width:-moz-calc(52%);width:calc(52%)}.recorder.blog .blog-detail-article .article-cnt .article-getFree{height:auto;padding-bottom:30px}.recorder.blog .blog-detail-article .article-cnt .article-article img{height:auto !important}.recorder.blog .blog-detail-article .article-cnt .article-links{display:inline-block;text-align:center}.recorder.blog .blog-detail-article .article-cnt .article-links li{display:inline-block;margin:20px 0;vertical-align:text-top}.recorder.blog .blog-detail-article .article-cnt .article-catalogues{padding:20px}.recorder.blog .blog-detail-article .article-cnt .article-catalogues li{margin-top:10px;line-height:1.4}.recorder.blog .blog-detail-article .article-cnt .article-catalogues li a{font-size:14px}.recorder.blog.detail .banner{height:auto}}@media screen and (max-width:768px){.recorder.blog .banner{height:auto;padding-bottom:86px;background:#f2f7ff}.recorder.blog .banner .imgbox{display:none}.recorder.blog .banner .message{width:100%;float:none;text-align:center}.recorder.blog .banner .message strong,.recorder.blog .banner .message h2{padding:100px 0 27px;font-size:29px;line-height:36px}.recorder.blog .banner .message strong.pc{display:none}.recorder.blog .banner .message strong.mobile{display:block}.recorder.blog .banner .message p{display:none}.recorder.blog .banner .message p.last{display:block;padding-left:0;font-size:13px;letter-spacing:-0.008em}.recorder.blog .banner .message p.last::before{background-color:transparent}.recorder.blog .banner .record-btn{margin-top:50px;padding:0;width:227px;min-width:227px;height:50px;line-height:50px;color:#fffefe;border-radius:4px}.recorder.blog .banner .record-btn .down-txt{font-size:12px}.recorder.blog .banner .record-btn.buy{margin-top:0;margin-left:0}.recorder.blog .record-btn.buy:hover{border:1px solid #000;background-color:transparent}.recorder.blog .record-btn.buy:hover .buy-icon{display:none}.recorder.blog .result-hot-box{margin-top:21px;height:auto}.recorder.blog .recorder-box .blog-rearch-result .container{padding:0 14px}.recorder.blog .recorder-box .blog-rearch-result .container ._left{display:none}.recorder.blog .result-hot-box .hot-left{float:none;width:100%;height:227px}.recorder.blog .result-hot-box .hot-right{float:none;width:100%;text-align:center;font-size:0}.recorder.blog .result-hot-box .hot-right .hot-right-list{margin-top:16px;margin-bottom:21px;width:49.5%;height:147px;display:inline-block;vertical-align:text-top}.recorder.blog .result-hot-box .hot-right .hot-right-list:nth-child(odd){margin-right:1%}.recorder.blog .blog-detail-article .article-cnt table{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:12px}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border-radius:6px;border:1px solid #fff}::-webkit-scrollbar-track{border-radius:6px;background-color:#fff}.recorder.blog .blog-detail-article .article-cnt table tbody{overflow-x:auto}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner{margin-top:0;margin-bottom:20px;padding-bottom:30px;background:#ebf5ff}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper{padding:0 10px;width:100%;height:auto !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;display:block;height:auto;position:relative;padding-top:12px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._img-pc{width:100%;height:130px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._img-pc:before{-o-background-size:contain;background-size:contain}.recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc{margin-left:0 !important;padding:0 8px;padding-bottom:0}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns{display:block;padding-left:0;text-align:center}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn{min-width:227px;width:227px;height:50px;line-height:50px;border-radius:4px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn.buy{width:227px;margin-left:0}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn .down-txt{font-size:12px}.recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btn{margin:0 auto 40px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc>br,.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns>br{display:none}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc h1,.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc strong{width:253px;font-size:13px;padding-top:0;padding-left:0;line-height:20px;margin:14px auto 20px;font-weight:700;text-align:left;word-wrap:break-word;color:#000}.recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc ul{padding:0}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc li{margin-top:5px;font-size:13px;font-weight:500;color:#444;line-height:16px;position:relative;padding-left:18px;list-style:none;margin-bottom:10px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc li:before{content:"";position:absolute;top:4px;left:5px;width:6px;height:6px;display:inline-block;border-radius:50%;background:#128bfc;vertical-align:top;margin-right:14px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btn{margin-bottom:27px;padding:0;width:173px;min-width:173px;height:43px;line-height:43px;border-radius:7px;font-size:16px}.recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btn a{font-size:16px;font-weight:bold}.recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc p{font-size:14px;line-height:20px}.recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-mobile{display:none}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner{margin-top:20px;margin-bottom:20px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns{flex-direction:column;justify-content:center;align-items:center}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn{margin-left:0;margin-bottom:10px;width:227px;height:50px;font-size:12px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down{width:227px;min-width:227px;height:50px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt{top:0;font-size:12px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down:hover .down-txt{top:0;left:55%}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt::before{width:18px;height:18px;top:12px;left:-14px}.recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt::after{top:18px;left:62px;font-size:12px;transform:scale(.8)}.recorder.blog .record-btn .down-txt{font-size:12px}.recorder.blog .record-btn{margin:10px auto 0;width:60%}.recorder.blog .blog-rearch-result .blog-result-title{height:75px;line-height:75px}.recorder.blog .blog-rearch-result .hot-left .blog-result-title h3{margin-top:0;padding:16px 14px 0;display:-webkit-box;font-size:15px;line-height:23px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.recorder.blog .result-hot-box .hot-right .hot-right-list .blog-result-title h3{margin-top:15px;padding:0 10px;height:auto;text-align:left;font-size:13px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.recorder.blog .result-list{border-top:1px solid #ececec;padding-top:0;font-size:0;padding-bottom:23px}.recorder.blog .result-list li{width:49.5%;margin:20px 0 0 0;height:auto}.recorder.blog .result-list li:nth-child(odd){margin-right:1%}.recorder.blog .result-list li .blog-result-title h3{padding:0 10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:600;line-height:19px;text-align:left;font-size:12px}.recorder.blog .result-list .list-img{height:127px}.recorder.blog .blog-search{padding:33px 14px 0;border-bottom:none}.recorder.blog .blog-search .search .search-btn{top:-3px;right:40px}.recorder.blog .blog-search .search-title{display:none;float:none;width:100%;margin-bottom:20px}.recorder.blog .blog-search .search-title-mobile{display:block}.recorder.blog .blog-search .search-title-mobile h2{padding-top:32px;padding-bottom:25px;font-size:17px;color:#222;line-height:1;font-weight:600;border-bottom:1px solid #e0e0e0}.recorder.blog .blog-search .search{float:none;width:100%;max-width:100%}.recorder.blog .blog-search .search input{margin:0 40px;width:-webkit-calc(20%);width:-moz-calc(20%);width:calc(20%);font-size:15px;height:40px;line-height:41px}.recorder.blog.detail .banner .banner-image{display:none}.recorder.blog .blog-detail-article{padding-top:30px;padding-bottom:0}.recorder.blog .blog-detail-article .container{padding:0 13px}.recorder.blog .blog-detail-article .article-nav{padding-bottom:20px;border-bottom:1px solid #dddfe9}.recorder.blog .blog-detail-article .article-nav a,.recorder.blog .blog-detail-article .article-nav span{display:inline;font-size:13px;line-height:19px;font-weight:600}.recorder.blog .blog-detail-article .article-nav span.gt{padding:0 4px}.recorder.blog .blog-detail-article .article-cnt{margin-top:0;padding:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}.recorder.blog .blog-detail-article .article-cnt .article-title{padding-top:20px;margin-bottom:15px;font-size:17px;line-height:21px;font-weight:500}.recorder.blog .blog-detail-article .article-cnt .article-description{margin-top:0;line-height:20px;letter-spacing:-0.017em}.recorder.blog .blog-detail-article .article-cnt .article-authors{margin:12px 0;font-weight:600;color:#888}.recorder.blog .blog-detail-article .article-cnt .article-authors span{font-size:12px;letter-spacing:.017em;line-height:19px}.recorder.blog .blog-detail-article .article-cnt .article-article{margin-top:20px}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list{width:100%;height:auto;padding:25px 0;background:linear-gradient(90deg, #f5fbff 0, #f2f0fe 100%);flex-wrap:wrap}.recorder.blog .blog-detail-article .article-cnt .article-article .blog-banner-list .left-message{margin:0}.recorder.blog .blog-detail-article .article-cnt .article-article b,.recorder.blog .blog-detail-article .article-cnt .article-article strong{font-size:14px}.recorder.blog .blog-detail-article .article-cnt .article-article img{margin:18px 0}.recorder.blog .blog-detail-article .article-cnt .article-article p,.recorder.blog .blog-detail-article .article-cnt .article-article ul,.recorder.blog .blog-detail-article .article-cnt .article-article ol{font-weight:500}.recorder.blog .blog-detail-article .article-cnt .article-article p{margin-bottom:20px;font-size:14px;line-height:19px;letter-spacing:-0.017em;color:#666}.recorder.blog .blog-detail-article .article-cnt .article-article p>strong{font-size:13px}.recorder.blog .blog-detail-article .article-cnt .article-article ul{margin-bottom:20px;padding:0 13px}.recorder.blog .blog-detail-article .article-cnt .article-article ul.article-catalogues{margin-bottom:20px;padding:20px 14px;width:100%}.recorder.blog .blog-detail-article .article-cnt .article-article ol{margin-bottom:20px;width:100%;padding:0 16px}.recorder.blog .blog-detail-article .article-cnt .article-article ul li,.recorder.blog .blog-detail-article .article-cnt .article-article ol li{margin-top:0;line-height:18px;list-style-position:inherit;font-size:12px;font-weight:600}.recorder.blog .blog-detail-article .article-cnt .article-article ul li:not(:last-child),.recorder.blog .blog-detail-article .article-cnt .article-article ol li:not(:last-child){margin-bottom:12px}.recorder.blog .blog-detail-article .article-cnt .article-article ul.article-catalogues li::marker{font-size:0;content:'';color:transparent}.recorder.blog .blog-detail-article .article-cnt .article-article ul.article-catalogues li a{position:relative;font-size:12px;letter-spacing:-0.017em}.recorder.blog .blog-detail-article .article-cnt .article-article ul.article-catalogues li a::before{content:'';display:inline-block;position:absolute;top:5px;left:0;width:5px;height:5px;background-color:#666;border-radius:50%}.recorder.blog .blog-detail-article .article-cnt .article-article ul.article-catalogues li a{display:block;padding-left:14px;color:#1f87ff}.recorder.blog .blog-detail-article .article-cnt .article-article h2{margin-bottom:20px;font-size:17px;line-height:24px}.recorder.blog .blog-detail-article .article-cnt .article-article h3{margin-bottom:20px;font-size:15px;line-height:21px}.recorder.blog .blog-detail-article .article-cnt .article-article h3 strong{font-size:15px}.recorder.blog .blog-detail-article .article-cnt .article-related-reference{margin-top:40px;margin-bottom:22px}.recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference{width:100%;font-size:14px;font-weight:bold}.recorder.blog .blog-detail-article .article-cnt .article-tips2,.recorder.blog .blog-detail-article .article-cnt .article-tips{margin-top:24px;margin-bottom:25px;padding:37px 14px 27px 14px;width:320px;-o-background-size:24px 20px;background-size:24px 20px}.recorder.blog .blog-detail-article .article-cnt .article-tips2 p,.recorder.blog .blog-detail-article .article-cnt .article-tips p{margin-bottom:0}.recorder.blog .blog-detail-article .article-cnt .article-links{width:100%;font-size:0}.recorder.blog .blog-detail-article .article-cnt .article-links li{width:49.5%;height:auto;margin:0;margin-bottom:20px}.recorder.blog .blog-detail-article .article-cnt .article-links li:nth-child(odd){margin-right:1%}.recorder.blog .blog-detail-article .article-cnt .article-links .list-img{height:126px;line-height:126px}.recorder.blog .blog-detail-article .article-cnt .article-links li .blog-result-title{height:73px}.recorder.blog .blog-detail-article .article-cnt .article-links li .blog-result-title h3{padding:8px 18px 0;font-size:12px;line-height:19px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}