.social-left{position:fixed;display:block;z-index:99;color:#4b4b4b;text-align:center;left:auto;right:auto;width:auto;top:auto;bottom:calc(4% + 150px);opacity:1;visibility:visible !important;transition:opacity 0.3s ease}.social-left.pos-on{opacity:0;visibility:hidden !important;transition:opacity 0.3s ease}.media-icons{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:10px;margin:24px auto}.media-icons a{background-color:#0054FF;background-repeat:no-repeat;background-position:center;display:block;height:48px;width:48px;border-radius:100%;position:relative;transition:all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1)}.media-icons a.facebook{background-image:url(../images/blog-detail/blog-new/share_fb.svg)}.media-icons a.twitter{background-image:url(../images/blog-detail/blog-new/share_tw.svg)}.media-icons a.whatsapp{background-image:url(../images/blog-detail/blog-new/share_whatsapp.svg)}.media-icons a:hover{background-color:#4D88FF}.media-icons .sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.recorder.blog.detail .banner,.recorder.blog .banner{font-family:League Spartan;background:linear-gradient(271deg, #ffeef4 0%, #ebeeff 100%)}.recorder.blog.detail .banner .container,.recorder.blog .banner .container{display:flex;align-items: center;}.recorder.blog.detail .banner .container .left-img,.recorder.blog .banner .container .left-img{margin-left:-70px}.recorder.blog.detail .banner .container .message h1,.recorder.blog .banner .container .message h1{padding-bottom:0px;font-size:36px}.recorder.blog.detail .banner .container .message h1 span,.recorder.blog .banner .container .message h1 span{color:#03DF86;font-weight:600;font-size:36px}.recorder.blog.detail .banner .container .message h3,.recorder.blog .banner .container .message h3{font-size:14px;color:#5487FF;width:fit-content;margin-bottom:20px;padding:0 16px;font-weight:600;height:23px;background:#5487ff2e;line-height:24px;border-radius:11px;margin-top:9px}.recorder.blog.detail .banner .container .message p,.recorder.blog .banner .container .message p{font-size:16px;font-weight:500}.recorder.blog.detail .banner,.recorder.blog .banner{height:420px}.recorder.blog.detail .banner .left-img,.recorder.blog .banner .left-img{height:420px}.recorder.blog.detail .banner img,.recorder.blog .banner img{max-height:100%}.recorder.blog.detail .banner .record-btn,.recorder.blog .banner .record-btn{margin-top:20px}.recorder.blog.detail .banner .record-btn .down-txt,.recorder.blog .banner .record-btn .down-txt{font-size:18px}.recorder.blog .blog-detail-article .article-cnt .new-banner{display:flex;justify-content:center;align-items:center;width:100%;height:380px;background:transparent linear-gradient(89deg, #FFEEF4 0%, #fff 55%, #EBEEFF 100%) 0% 0% no-repeat padding-box}.recorder.blog .blog-detail-article .article-cnt .new-banner .right-message h3{margin-bottom:20px}.recorder.blog .blog-detail-article .article-cnt .new-banner .right-message p{position:relative;margin:0px;padding-left:15px;font:normal normal normal 16px/22px League Spartan}.recorder.blog .blog-detail-article .article-cnt .new-banner .right-message p::after{position:absolute;content:"";width:5px;height:5px;top:6px;left:0;background:#5487FF;border-radius:50%}.recorder.blog .blog-detail-article .article-cnt .new-banner .right-message .btn-box{margin-top:20px}.comm-popup-bg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.82);left:0;top:0;opacity:0;transition:all ease 0.3s;z-index:-99999;display:block !important}.comm-popup-bg.comm-on{opacity:1;z-index:99999}.comm-popup{width:747px;height:466px;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-100000;margin:auto;transition:all ease 0.3s;opacity:0;transform:scale(0.1);display:block !important;text-align:center;background:url(../images/blog-detail/blog-new/pop-bg.png)}.comm-popup.comm-on{z-index:100000;opacity:1;transform:scale(1)}.comm-popup .pop-solgon{font-family:"Kaushan Script", Arial, "Microsoft Yahei", sans-serif;margin:0;margin-top:-70px;display:inline-block;position:relative;z-index:0;font-size:86px;font-weight:400;line-height:1;color:#4DA62F;text-align:center;text-shadow:0px 4px 12px #B1B7B5}.comm-popup .pop-solgon::after{content:attr(data-text);position:absolute;left:0;z-index:-1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:8px #fff;text-shadow:none}.comm-popup .pop-solgon::before{content:'';display:none;position:absolute;top:-32px;left:-8px;z-index:2;width:78px;height:58px;background:url("../images/2022christmas/purchase/comm_pop_cap.png") no-repeat;transform:scale(0.7)}.comm-popup .pop-solgon.festival::before{display:block}.comm-popup .comm-close{position:absolute;top:5px;right:42px;z-index:9;width:24px;height:24px;cursor:pointer;opacity:0.8}.comm-popup .comm-close svg{display:block;pointer-events:none;width:inherit;height:inherit;fill:#fff}.comm-popup .comm-close:hover{opacity:1}.comm-popup .popup-solgon{display:block;margin:130px auto 10px;width:436px;height:62px;text-align:center;text-indent:-9999px;background:url("./purchase_popup_title.png") center center no-repeat}.comm-popup .pop-title{padding:30px 0 7px;text-align:center;font:normal normal 600 22px/26px Inter;letter-spacing:-0.22px}.comm-popup .pop-title b{font:inherit;color:#FF5700;font-weight:600}.comm-popup .pop-subtitle{text-align:center;color:#919399;font:normal normal normal 14px/17px Inter}.comm-popup .popup-off{margin:10px auto 16px;display:inline-flex;justify-content:center;align-items:center;color:#FF1111;font-size:14px;line-height:1.2;font-weight:800;min-width:130px;max-width:80%;height:28px;border-radius:9999px;font-family:"Inter", Arial, "Microsoft Yahei", sans-serif !important;background:linear-gradient(280deg, #FFDC50 0%, #FFF5CB 100%)}.comm-popup .popup-price strong,.comm-popup .popup-price del{font-family:"Inter", Arial, "Microsoft Yahei", sans-serif !important}.comm-popup .popup-price strong{display:block;color:#6D2E27;font-size:18px;line-height:1;font-weight:700}.comm-popup .popup-price strong big{font:inherit;color:inherit;font-size:48px}.comm-popup .popup-price del,.comm-popup .popup-price p{color:#CB8B85;font-size:12px;line-height:1;font-weight:700}.comm-popup .pop-offer{display:flex;margin-top:40px;align-items:flex-start;justify-content:center}.comm-popup .pop-offer .pop-sale{text-align:center}.comm-popup .pop-offer .pop-sale .pop-tag{position:relative;padding:0px 5px;display:inline-block;height:51px;line-height:51px;color:#fff;font-size:30px;background-color:#fc8652}.comm-popup .pop-offer .pop-sale .pop-tag::after,.comm-popup .pop-offer .pop-sale .pop-tag::before{position:absolute;content:"";width:10px;height:51px}.comm-popup .pop-offer .pop-sale .pop-tag::after{left:-10px;background:url(../images/blog-detail/blog-new/left-arrow.png) no-repeat right}.comm-popup .pop-offer .pop-sale .pop-tag::before{right:-10px;background:url(../images/blog-detail/blog-new/right-arrow.png)}.comm-popup .pop-offer .pop-sale .pop-tag small{font-size:18px}.comm-popup .pop-offer .pop-sale .pop-list{margin-top:20px;display:flex;justify-content:center}.comm-popup .pop-offer .pop-sale .pop-list li:nth-child(2){margin-left:20px}.comm-popup .pop-offer .pop-sale .pop-list .pop-name{font-size:12px;color:#919399}.comm-popup .pop-offer .pop-sale .pop-list .pop-price{line-height:30px;font-weight:bold}.comm-popup .pop-offer .pop-sale .pop-list .pop-price.origine{position:relative}.comm-popup .pop-offer .pop-sale .pop-list .pop-price.origine::after{position:absolute;content:"";width:60px;height:2px;left:13px;top:12px;transform:rotate(-15deg);background:#706E63}.comm-popup .pop-offer .pop-sale .pop-list .pop-price.sale{color:#FF2109;font-size:22px}.comm-popup .comm-popup-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin:12px auto;min-width:300px;max-width:80%;height:55px;color:#fff;font-size:18px;font-weight:700;border-radius:9999px;box-shadow:0px 16px 20px rgba(112,134,164,0.3);background:linear-gradient(0deg, #FF8000 0%, #FF3400 100%);font-family:"Lexend Deca", Arial, "Microsoft Yahei", sans-serif !important}.comm-popup .comm-popup-btn span,.comm-popup .comm-popup-btn em{pointer-events:none;color:inherit;font-size:12px;font-weight:700;font-style:normal}.comm-popup .comm-popup-btn:hover{background:linear-gradient(277deg, #FF3400 0%, #FF8000 100%)}.comm-popup .pop-desc{text-align:center;color:#252834;font-size:14px;font-weight:500}.comm-popup .pop-desc small{color:#DE0002}.right-fixed{position:fixed;width:254px;right:2%;top:29%;transform:translateY(-713px);transition:transform 0.3s ease-out}.right-fixed.side-on{z-index:98;opacity:1;visibility:visible;transform:translateY(0px);transition:transform 0.3s ease-out}.right-fixed .share h3{font:normal normal 300 12px/18px Poppins}.right-fixed .share .share-box{margin-top:10px;display:flex}.right-fixed .share .share-box a{display:flex;justify-content:center;align-items:center;width:26px;height:26px;margin-right:8px;background-color:#000000;border-radius:50%}.right-fixed .share .share-box a.share-twitter span{width:12px;height:11px;background:url(../images/blog-detail/blog-new/tw.png)}.right-fixed .share .share-box a.share-facebook span{width:7px;height:14px;background:url(../images/blog-detail/blog-new/facebook.png)}.right-fixed .share .share-box a.share-line span{width:15px;height:14px;background:url(../images/blog-detail/blog-new/line.png)}.right-fixed .share .share-box a.share-bi span{width:14px;height:22px;background:url(../images/blog-detail/blog-new/bi.png)}.right-fixed .share .share-box a:hover{background:rgba(0,0,0,0.8)}.right-fixed .down-banner{height:364px;margin-top:45px;background:url(../images/blog-detail/blog-new/down-banner.jpg);text-align:center}.right-fixed .down-banner h3{padding-top:35px;padding-bottom:10px;font:normal normal 600 20px/30px Poppins}.right-fixed .down-banner p{font:normal normal 300 14px/20px Poppins}.right-fixed .down-banner .record-btn{min-width:205px;width:205px;height:43px;margin-top: 15px;}.right-fixed .down-banner .record-btn span{font-size:13px !important}.td-container{position:relative;margin:0 auto;margin-top:40px}.td-container .share-like-left{color:#1E1C2C}.td-container .share-like-left h5{font:normal normal 600 20px/25px Lexend}.td-container .share-like-left p{font:normal normal normal 16px/25px Lexend Deca}.td-container .post-icons-container{display:flex;margin-top:15px}.td-container .post-icons-container .share-post{margin-right:10px;padding:5px 20px;background:#847DFF;border-radius:14px;color:#fff;cursor:pointer}.td-container .post-icons-container .share-post svg{fill:#fff}.td-container .post-icons-container .share-post:hover{opacity:0.8}.submit-disabled{pointer-events:none}.comment-err{border-color:#fd3b3c !important}.comments-area{margin-top:40px;margin-bottom:92px}.comments-area .comment-title{margin-bottom:20px;color:#1E1C2C;font-weight:500;font-size:20px;line-height:1.5}.comments-area .comment-title span{padding-left:15px;font-size:16px;line-height:1.5;font-weight:400;color:#A5A5A5}.comments-area .comment-form{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;column-gap:20px}.comments-area .comment-form-item{max-width:50%;display:flex;justify-content:flex-start;align-items:center;column-gap:10px;margin-bottom:15px}.comments-area .comment-form-item.comment-form-comment{max-width:100%;width:100%;flex-wrap:wrap}.comments-area .comment-form-item.comment-form-comment label{padding-bottom:10px}.comments-area .comment-form-item label{display:block;font-size:16px;font-weight:400;text-transform:uppercase;line-height:1.8;color:#1E1C2B}.comments-area .comment-form-item label span{font:inherit;color:inherit}.comments-area .comment-form-item label span.required{color:#cf1369}.comments-area .comment-form-item input,.comments-area .comment-form-item textarea{outline:none;margin:0;padding:10px;width:205px;height:30px;background:#fff;border:1px solid #E7E5EC !important;-webkit-appearance:none}.comments-area .comment-form-item textarea{height:116px;resize:none;width:100%}.comments-area .comment-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:normal;margin-bottom:0;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:linear-gradient(90deg, #6584FF 0%, #0054FF 100%);border-radius:6px;color:#fff;font-size:16px;line-height:1.2;font-weight:400;padding:8px 20px;min-width:172px;max-width:100%;height:36px}.comments-area .comment-submit:hover,.comments-area .comment-submit:active,.comments-area .comment-submit:focus{background:linear-gradient(90deg, #1965fd 0%, #70f 100%)}.comments-list .comments-area{margin-bottom:0}.comments-list h3{padding-bottom:24px;color:#1E1C2C;font-size:20px;line-height:1.5;font-weight:500}.comments-list h3 span,.comments-list h3 b{font:inherit;color:inherit}.comment-item{margin-bottom:30px}.comment-author{display:flex;align-items:center;justify-content:flex-start;column-gap:10px}.comment-author .author-thumbnail{width:28px;height:28px;background:#D8D8D8;border-radius:4px}.comment-author .author-comment-img{position:relative;display:inline-block;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:url(../images/blog-detail/blog-new/blog_comment_user.png) center center no-repeat;background-size:contain}.comment-author .author-comment-img img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover;object-position:center bottom;border-radius:50%}.comment-author .author-comment-info{display:inline-flex;align-items:center;justify-content:flex-start}.comment-author .comment-size-name,.comment-author .author-comment-time{display:inline-block;color:#1E1C2C;font-size:14px;line-height:2;font-weight:500}.comment-author .comment-size-name a,.comment-author .author-comment-time a{font:inherit;color:inherit}.comment-author .author-comment-time{font-size:12px;color:#A7A7A7;font-weight:400;padding:0 10px}.comment-content,.comment-action{padding-left:38px}.comment-content{padding-top:10px;padding-bottom:20px;text-align:left}.comment-content p{color:#1E1C2C;font-size:12px;line-height:1.5;font-weight:500}.comment-action-toolbar{display:flex;align-items:center;justify-content:flex-start;column-gap:52px}.comment-action-toolbar .pull-left{display:flex;align-items:center;justify-content:center;column-gap:5px}.comment-action-toolbar .click-like-icon{display:block;flex-shrink:0;width:35px;height:35px;border-radius:50%;cursor:pointer;background-image:url(../images/blog-detail/blog-new/list_like_icon.svg);background-position:center center;background-repeat:no-repeat}.comment-action-toolbar .click-like-icon:hover{background-image:url(../images/blog-detail/blog-new/list_like_icon_hover.svg);background-color:#E8E8E8}.comment-action-toolbar .like-num{color:#1E1C2C;font-size:12px;line-height:1.5;font-weight:500}.comment-action-toolbar .reply-btn{display:inline-block;color:#1E1C2C;font-size:12px;line-height:1.5;font-weight:400;text-decoration:underline;cursor:pointer}.comment-action-toolbar .reply-btn:hover{opacity:0.8}.comments-more{display:block;margin:0;margin-left:38px;margin-bottom:92px;width:35px;height:34px;cursor:pointer;transition:all 0.3s;background-image:url(../images/blog-detail/blog-new/expand-arrow-left.png);transform:rotate(-90deg)}.comments-more:hover{opacity:0.8}.reply-button-show{margin-top:14px;color:#0556FF;font-size:12px;line-height:1.5;font-weight:400;cursor:pointer}.reply-button-show span,.reply-button-show i{display:inline-block;font:inherit;color:inherit;vertical-align:middle}.reply-button-show i{margin-right:5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #0556FF}.reply-button-show.reply-open{transition:all 0.3s ease}.reply-button-show.reply-open i{transform:rotate(180deg)}.comment-reply-dialog{padding-top:18px}.comment-reply-dialog .reply-row{display:flex;justify-content:flex-start;align-items:flex-end;column-gap:26px;padding-bottom:26px}.comment-reply-dialog .reply-row-image{width:28px;height:28px;background:#D8D8D8;border-radius:4px;flex-shrink:0;background:url(../images/blog-detail/blog-new/blog_comment_user.png) center center no-repeat;background-size:contain}.comment-reply-dialog .reply-row-image>a{position:relative;display:inline-block;width:100%;height:100%;border-radius:inherit;overflow:hidden}.comment-reply-dialog .reply-row-image>a img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover;object-position:center bottom;border-radius:50%}.comment-reply-dialog .reply-row-input{border-bottom:1px solid #CCC;flex:1 1 0}.comment-reply-dialog .reply-row-input .reply-text{display:inline-block;padding:8px 0;margin:0;appearance:none;border:0;width:100%;color:#464451;font-size:12px;line-height:1.5;font-weight:400}.comment-reply-dialog .reply-row-input .reply-text::placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text::-webkit-input-placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text::-moz-placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text:-moz-placeholder{color:#939393}.comment-reply-dialog .reply-row-input .reply-text:-ms-input-placeholder{color:#939393}.comment-reply-dialog .row-action{display:flex;align-items:stretch;justify-content:flex-end;width:100%;column-gap:40px}.comment-reply-dialog .action-btn{flex-shrink:0;background:transparent;border:0;outline:0;cursor:pointer;overflow:hidden;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;font:inherit;color:#33313E;font-size:12px;line-height:1.5;font-weight:400;padding:0;margin:0;transition:all 0.3s ease}.comment-reply-dialog .action-btn:hover{text-decoration:underline;transition:all 0.3s ease}.comment-reply-dialog .reply-sure-btn{color:#fff;padding:0 16px;height:28px;border-radius:8px;background:#0556FF}.comment-reply-dialog .reply-disabled{color:#A9A9A9;pointer-events:none;background:transparent}.side-banner{display:flex !important;position:fixed;right:2%;left:auto;top:27% !important;z-index:-98;margin:0;opacity:1;visibility:hidden;transform:translateY(400px);transition:transform 0.3s ease-out;text-align:center;background:#fff;width:250px;min-height:285px;max-height:40%;box-shadow:0px 15px 30px #C4CCDC;border-radius:5px;flex-direction:column;align-items:center;justify-content:center;row-gap:10px;padding:10px 4px}.side-banner.side-on{z-index:98;opacity:1;visibility:visible;transform:translateY(0px);transition:transform 0.3s ease-out}.side-banner.direction-rtl{direction:rtl;z-index:-97;right:auto;left:2%}.side-banner.direction-rtl.side-on{z-index:97}.side-banner-title{font-size:18px;line-height:1.2;font-weight:600;color:#000}.side-banner-title.title-small{font-size:14px}.side-banner-title.title-small span{font-size:16px}.side-banner-title span{display:block;font:inherit;color:inherit}.side-banner-desc{font-size:12px;line-height:28px;font-weight:500;letter-spacing:-0.12px;color:#565454;max-width:252px}.side-banner-desc p{font:inherit;color:inherit}.side-banner-list{padding:0 10px;text-align:right}.side-banner-list li{padding:4px 0;position:relative;color:#565454;font-size:12px;line-height:1.5;font-weight:500;column-gap:12px;display:flex;justify-content:flex-start;align-items:center}.side-banner-list li::before{content:'';display:block;flex-shrink:0;width:13px;height:12px;background:url(../images/blog-detail/blog-new/banner_list_check.svg) center center no-repeat}.side-banner-list li span{font:inherit;color:inherit}.side-banner-bottom{display:flex;justify-content:center;align-items:stretch;flex-direction:column;row-gap:12px;width:calc(100% - 22px)}.side-banner .side-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;width:100%;height:45px;border-radius:6px;color:#fff;font-size:14px;line-height:1.2;font-weight:500;text-align:center}.side-banner .side-btn.side-down-btn{background:linear-gradient(90deg, #6584FF 0%, #0054FF 100%)}.side-banner .side-btn.side-down-btn:hover,.side-banner .side-btn.side-down-btn:active,.side-banner .side-btn.side-down-btn:focus{background:linear-gradient(90deg, #1965fd 0%, #70f 100%)}.side-banner .side-btn.side-buy-btn{background:linear-gradient(279deg, #FF9D2B 0%, #FFC400 100%)}.side-banner .side-btn.side-buy-btn:hover,.side-banner .side-btn.side-buy-btn:active,.side-banner .side-btn.side-buy-btn:focus{background:#ffca1d}.blogdetail-body .to-top-etc,.to-top-etc{bottom:10%}.recordertips .article-cnt .article-box .contents{margin:0;padding:0;position:fixed;top:22%;left:1%;z-index:-98;width:250px;max-height:60%;padding-bottom:15px;opacity:1;visibility:hidden;transform:translateY(-400px);transition:transform 0.3s ease-out}.recordertips .article-cnt .article-box .contents.direction-rtl{left:auto;right:1%}.recordertips .article-cnt .article-box .contents dl{background-color:#F6F5FB}.recordertips .article-cnt .article-box .contents dt{width:90%;margin:0px auto;line-height:65px;font-size:18px;color:#0E0D11;font-weight:bold;border-bottom:solid #e0dcec 1px}.recordertips .article-cnt .article-box .contents .list-wrap{width:100%;max-height:460px;overflow-x:hidden;overflow-y:auto}.recordertips .article-cnt .article-box .contents .list-wrap dd{margin:10px 0px}.recordertips .article-cnt .article-box .contents .list-wrap a{display:block;padding:10px 0px;padding-left:15px;font:normal normal 400 14px/21px Poppins;color:#0E0D11;border-left:solid #F6F5FB 4px}.recordertips .article-cnt .article-box .contents .list-wrap a:hover{background:#E1E1FA;color:#2B5FD8;font-weight:500;opacity:1;border-left:solid #8786F5 4px}.recordertips .article-cnt .article-box .contents .list-wrap a:hover a{color:#2B5FD8}.recordertips .article-cnt .article-box .contents .list-wrap a .list-paddingleft-2 li{margin:5px 0px}.recordertips .article-cnt .article-box .contents .list-wrap::-webkit-scrollbar{width:4px;height:4px}.recordertips .article-cnt .article-box .contents .list-wrap::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background-color:#99a9bf}.recordertips .article-cnt .article-box .contents .list-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:5px;background-color:#d3dce6}.recordertips .article-cnt .article-box .contents.side-on{z-index:98;opacity:1;visibility:visible;transform:translateY(0px);transition:transform 0.3s ease-out}.recordertips .article-cnt .article-box .left-menu-arrow{position:absolute;display:flex;width:28px;height:37px;right:0;justify-content:center;align-items:center;top:15px;cursor:pointer;background:#E1E1FA}.recordertips .article-cnt .article-box .left-menu-arrow i{width:10px;height:16px;transition:all 0.3s;background-image:url(../images/blog-detail/blog-new/arrow.png)}.recordertips .article-cnt .article-box .left-menu-arrow.direction-rtl i{transform:rotate(-180deg)}.recordertips .article-cnt .article-box .left-menu-arrow.direction-rtl.menu-close i{transform:rotate(0deg)}.recordertips .article-cnt .article-box .left-menu-arrow.menu-close i{transform:rotate(180deg)}.recordertips .article-authors{font-size:14px;line-height:2;color:#8e8b9d}.recordertips .article-authors a{font:inherit;color:inherit}.recordertips .article-authors a:hover{opacity:0.8;text-decoration:underline}.blog-detail .w-p,.blog-detail .td-container,.blog-detail .article-related-reference.w-p{max-width:1200px;width:calc(100% - 6% - 250px - var(--sw) - 88px)}.blog-detail .article-cnt .article-box p img{max-width:100%}.blog-detail .article-cnt .article-box .banner1{flex-wrap:wrap;justify-content:center;padding:20px 30px;column-gap:50px}.blog-detail .article-cnt .article-box .banner2{flex-wrap:wrap;column-gap:30px}.blog-detail .article-cnt .article-box .banner3,.blog-detail .article-cnt .article-box .banner5,.blog-detail .article-cnt .article-box .banner4{flex-wrap:wrap;column-gap:90px}.blog-detail .article-cnt .article-box .banner3 .left,.blog-detail .article-cnt .article-box .banner5 .left,.blog-detail .article-cnt .article-box .banner4 .left{flex-shrink:0}.blog-detail .article-cnt .article-box .banner3 .right,.blog-detail .article-cnt .article-box .banner5 .right,.blog-detail .article-cnt .article-box .banner4 .right{margin-left:0;max-width:none;width:auto}.blog-detail .article-cnt .article-box .banner5{row-gap:90px}@media (max-width: 1800px){.blog-detail .w-p,.blog-detail .td-container,.blog-detail .article-related-reference.w-p{margin-right:calc(250px + 3%)}}.article-related-reference{overflow:visible !important}.article-author-info .author-title{padding:75px 96px 0;color:#292735;font-size:30px;line-height:1.2;font-weight:600;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:18px}.article-author-info .author-title::before,.article-author-info .author-title::after{content:"";display:block;margin-top:2px;width:15px;height:6px;flex-shrink:0;background:#1E5AFF}.article-author-info .author-title::after{display:none}.article-author-info .author-info{margin-top:14px;margin-bottom:75px;padding:90px 96px;background:#fff;border:1px solid #DBDBDB;border-radius:20px;display:flex;align-items:center;justify-content:flex-start;column-gap:40px;box-shadow:0px 20px 30px #0008FF0F}.article-author-info .author-pic{position:relative;width:150px;height:150px;background:#fff;border-radius:50%;flex-shrink:0;overflow:hidden}.article-author-info .author-pic img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover;object-position:center bottom;border-radius:50%}.article-author-info .author-content{text-align:left;max-width:768px}.article-author-info .author-content.direction-rtl{text-align:right}.article-author-info .author-content .author-name{padding-bottom:16px;color:#292735;font-size:28px;font-weight:600;line-height:1.2}.article-author-info .author-content .author-desc{color:#292735;padding:0;font-size:16px;font-weight:400;line-height:1.5}.article-author-info .author-content .author-media{padding:16px 0 28px;display:flex;align-items:center;justify-content:flex-start;column-gap:16px}.article-author-info .author-content .author-media a{display:block;position:relative;transition:all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);cursor:pointer}.article-author-info .author-content .author-media a img{display:inline-block;vertical-align:top}.article-author-info .author-content .author-media a:hover{opacity:0.8}@media (max-width: 1220px){.side-banner{display:none !important}.td-container{width:100%;padding:0 16px}.blog-detail .w-p,.blog-detail .td-container,.blog-detail .article-related-reference.w-p{max-width:1200px;margin-left:calc(3% + var(--sw) + 88px);width:calc(100% - 6% - var(--sw) - 88px);margin-right:auto}.blog-detail .td-container{padding:0}.blog-detail .article-cnt{padding:60px}.blog-detail .article-cnt .article-box p img{width:auto !important;height:auto !important;max-width:100% !important}.blog-detail .article-cnt .article-box .banner1{padding-bottom:30px;flex-wrap:wrap;column-gap:20px}.blog-detail .article-cnt .article-box .banner1 .right{width:100%}.blog-detail .article-cnt .article-box .banner1 .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .article-box .banner.banner2 .left{width:100% !important}.blog-detail .article-cnt .article-box .banner3{column-gap:30px}.blog-detail .article-cnt .article-box .banner3 .right{margin-left:0}}@media (max-width: 768px){.td-container{width:100%;padding:0 16px}.recorder.blog.detail .banner,.right-fixed{display:none}.share-box{margin-top:10px;display:flex}.share-box a{display:flex;margin-right:10px !important;justify-content:center;align-items:center;width:26px;height:26px;margin-right:8px;background-color:#000000;border-radius:50%}.share-box a.share-twitter span{width:12px;height:11px;background:url(../images/blog-detail/blog-new/tw.png)}.share-box a.share-facebook span{width:7px;height:14px;background:url(../images/blog-detail/blog-new/facebook.png)}.share-box a.share-line span{width:15px;height:14px;background:url(../images/blog-detail/blog-new/line.png)}.share-box a.share-bi span{width:14px;height:22px;background:url(../images/blog-detail/blog-new/bi.png)}.share-box a:hover{background:rgba(0,0,0,0.8)}.side-banner{display:none !important}.social-left{position:relative;right:auto !important;left:auto !important;bottom:auto !important}.media-icons{flex-direction:row;column-gap:10px;margin:14px auto;justify-content:flex-start}.media-icons a{height:40px;width:40px}.share-like-wrapper{row-gap:30px;flex-direction:column;align-items:flex-start;justify-content:center}.comments-area{margin-bottom:40px}.comments-area .comment-title span{display:block;padding-left:0}.comments-area .comment-form-item{max-width:none;width:100%;flex-direction:column;margin-bottom:20px}.comments-area .comment-form-item label{text-align:left;width:100%}.comments-area .comment-form-item input,.comments-area .comment-form-item textarea{width:100%;height:36px}.comments-area .comment-form-item textarea{height:160px;width:100%;box-sizing:border-box}.comments-area .form-submit{text-align:center;width:100%}.comments-area .comment-submit{margin:0 auto;min-width:205px;height:45px}.comments-list .comments-area{margin-bottom:0}.comments-more{margin-bottom:40px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents{margin:0}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents{position:relative;top:0 !important;left:0;z-index:1;max-width:none;max-height:none;overflow:hidden;opacity:1;visibility:visible;transform:translateY(0);background-color:transparent;padding:0 !important}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents.direction-rtl{left:0;right:0}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents dl .list ul{padding-left:16px !important}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .contents .list-wrap{max-width:none;max-height:none;overflow:hidden}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .left-menu-arrow{display:none}.blog-detail:not([data-product="idr"]) .w-p,.blog-detail:not([data-product="idr"]) .td-container,.blog-detail:not([data-product="idr"]) .article-related-reference.w-p{max-width:100%;width:100%;margin-left:auto;margin-right:auto;padding:0 16px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box p img{height:auto !important}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner2{flex-wrap:wrap;column-gap:30px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner4{flex-wrap:wrap;column-gap:90px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner4 .left{flex-shrink:0}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .right,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5 .right,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner4 .right{margin-left:0;max-width:none;width:auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1{row-gap:0px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner5 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .left,.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1 .left{position:relative;left:0;right:0;top:0;bottom:0;margin:-88px auto -40px}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner3 .left{margin:-88px auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1 .left{margin:0 auto}.blog-detail:not([data-product="idr"]) .article-cnt .article-box .banner1 .right dl dt{color:#fff}.blog-detail:not([data-product="idr"]) .article-related-reference{margin-bottom:30px}.article-author-info{text-align:center}.article-author-info .author-title{padding:60px 16px 0;font-size:20px;column-gap:12px;flex-wrap:nowrap;justify-content:center}.article-author-info .author-title::after{display:block}.article-author-info .author-info{padding:54px 40px;flex-direction:column;column-gap:0px;row-gap:20px;justify-content:center}.article-author-info .author-pic{width:110px;height:110px}.article-author-info .author-content{text-align:center}.article-author-info .author-content.direction-rtl{text-align:center}.article-author-info .author-content .author-name{padding-bottom:12px;font-size:18px}.article-author-info .author-content .author-desc{font-size:14px;line-height:1.5}}.pagination{margin-top:0px;margin-bottom:60px;list-style-type:none;padding-left:0px;display:flex;justify-content:center;font-family:"Lexend", sans-serif}.pagination li{margin:0 4px;-webkit-transition:all 0.2s;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.pagination li a,.pagination li span{display:flex !important;align-items:center;justify-content:center;padding:2px 10px 6px;font-weight:600;font-size:16px;line-height:normal;color:#7a7a7a;-webkit-transition:all 0.1s;transition:all 0.1s}.pagination li a:hover,.pagination li span:hover{color:#005fff;box-shadow:none !important}.pagination li.disabled{cursor:default;color:#d6d6d6}.pagination li.disabled a,.pagination li.disabled span{color:#d6d6d6}.pagination li.disabled a:hover,.pagination li.disabled span:hover{color:#d6d6d6}.pagination li.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.pagination li.active a,.pagination li.active span{color:#005fff}.pagination li.active a:hover,.pagination li.active span:hover{color:#005fff}.pagination li.prev,.pagination li.next,.pagination li.first,.pagination li.last{margin:0 8px;cursor:pointer;border-radius:3px;border:1px solid #dfdfdf}.pagination li.prev.disabled,.pagination li.next.disabled,.pagination li.first.disabled,.pagination li.last.disabled{cursor:default;color:#d6d6d6}.pagination li.prev.disabled a,.pagination li.prev.disabled span,.pagination li.next.disabled a,.pagination li.next.disabled span,.pagination li.first.disabled a,.pagination li.first.disabled span,.pagination li.last.disabled a,.pagination li.last.disabled span{color:#d6d6d6}.pagination li.prev.disabled a:hover,.pagination li.prev.disabled span:hover,.pagination li.next.disabled a:hover,.pagination li.next.disabled span:hover,.pagination li.first.disabled a:hover,.pagination li.first.disabled span:hover,.pagination li.last.disabled a:hover,.pagination li.last.disabled span:hover{color:#d6d6d6}.pagination li.prev.disabled:hover,.pagination li.next.disabled:hover,.pagination li.first.disabled:hover,.pagination li.last.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.pagination li.prev:hover,.pagination li.next:hover,.pagination li.first:hover,.pagination li.last:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);box-shadow:0 3px 6px rgba(0,0,0,0.2)}@media (max-width: 1680px){.recordertips .article-cnt .article-box .contents.side-on,.right-fixed.side-on{display:none}}@media (max-width: 1360px){.recorder.blog.detail .banner .container,.recorder.blog .banner .container{width:100% !important}.recorder.blog.detail .banner .container .left-img,.recorder.blog .banner .container .left-img{width:50%}.recorder.blog.detail .banner .container .left-img img,.recorder.blog .banner .container .left-img img{max-width:100%}}@media (max-width: 768px){.pagination{flex-wrap:wrap}.pagination li{margin:0 2px}.pagination li a,.pagination li span{padding:2px 6px 4px}.pagination li.prev,.pagination li.next,.pagination li.first,.pagination li.last{margin:0 2px}}
/*# sourceMappingURL=blog_detail_202404.css.map */