.blog-detail{--fill: #fff}.blog-detail .article-cnt .article-box .banner_list{margin:0;padding:14px 0 28px}.blog-detail .article-cnt .article-box .banner_text{padding:4px 8px;margin:0;font-size:14px;line-height:1.8;font-weight:400;color:#1E1C2C;text-align:right}.blog-detail .article-cnt .article-box .banner3{display:block !important;padding:0 !important;min-height:0 !important;max-height:none !important;width:100% !important;max-width:none !important}.blog__detail_banner{padding:40px 0;display:flex;align-items:center;justify-content:center;gap:20px 34px;flex-wrap:wrap}.blog__detail_banner .banner_left{flex-shrink:0;text-align:center;width:420px}.blog__detail_banner .banner_pic{margin:0 auto;width:411px}.blog__detail_banner .banner_pic>img{width:100%;max-width:100%;height:auto}.blog__detail_banner .banner_text{padding:4px 8px;margin:0;font-size:14px;line-height:1.8;font-weight:400;color:#1E1C2C;text-align:right}.blog__detail_banner .banner_right{text-align:left;max-width:600px}.blog__detail_banner .banner_title{color:#1E1C2C;font-size:20px;line-height:1.5;font-weight:700}.blog__detail_banner .banner_list{margin:0;padding:14px 0 28px}.blog__detail_banner .banner_list li{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;font-size:14px;line-height:1.2;font-weight:400;color:#1E1C2C;padding:4px 0;column-gap:7px}.blog__detail_banner .banner_list li::before{content:'';display:block;flex-shrink:0;margin-top:5px;width:10px;height:7px;background:url(../images/itop-blog/md-checkmark.svg) center center no-repeat}.blog__detail_banner .banner_list li span{display:block;font:inherit;color:inherit}.blog__detail_banner .banner_btn{display:flex;align-items:center;justify-content:flex-start;gap:20px 10px}.blog__detail_banner .button-link{padding:0 20px;min-width:242px;height:60px;background:linear-gradient(270deg, #f90 0%, #FFB216 100%);color:#fff;justify-content:center;column-gap:20px}.blog__detail_banner .button-link.buy-border{color:#FFB21C;border:1px solid #FFC144;background:#fff;transition:none}.blog__detail_banner .button-link.buy-border .combe-text{transform:translate(20px, 0);transition:transform 0.3s ease}.blog__detail_banner .button-link.buy-border:hover{background:linear-gradient(270deg, #f90 0%, #FFB216 100%)}.blog__detail_banner .button-link.buy-border:hover .combe-text{transition:transform 0.3s ease}.blog__detail_banner .button-link .combe-text{color:inherit;transition:all 0.3s ease;left:0;transform:translate(20px, 0)}.blog__detail_banner .button-link .arrow-right{opacity:0;transform:translate(-100px, 0)}.blog__detail_banner .button-link:hover{color:#fff}.blog__detail_banner .button-link:hover .combe-text{transform:translate(0px, 0)}.blog__detail_banner .button-link:hover .arrow-right{opacity:1;transform:translate(0px, 0)}.blog__detail_banner .button-combe{position:relative;display:flex;align-items:center;justify-content:center;column-gap:22px;margin:0 !important;padding:0 20px;width:auto;min-width:242px;overflow:hidden}.blog__detail_banner .button-combe.btn-primary{height:60px !important}.blog__detail_banner .button-combe .combe-text{color:#393B55 !important;font-size:12px;line-height:1.2;font-weight:300;text-align:left}.blog__detail_banner .button-combe .combe-text b{display:block;color:#fff;font-size:16px;line-height:1.2;font-weight:600}.blog__detail_banner .button-combe .arrow-icon{display:block;fill:var(--fill)}.blog__detail_banner .button-combe .arrow-icon[data-type="pc"]{width:20px;height:22px}.blog__detail_banner .button-combe .arrow-icon[data-type="mac"]{margin-top:0}.blog__detail_banner .button-combe .arrow-winds{top:-50%;position:absolute;display:block;z-index:-2;width:16px;height:19px;transform:scale(0) translate(-50%, -50%);opacity:0;visibility:hidden;transform-origin:center center;transition:all 0s}.blog__detail_banner .button-combe:hover{--fill: #fff}.blog__detail_banner .button-combe:hover .arrow-icon{opacity:0;transition:all 0.5s;transform:translate3d(calc(-100% - 40px), 0px, 0) scale(0.1)}.blog__detail_banner .button-combe:hover .combe-text{color:#fff !important;left:0;transform:translate3d(calc(100% - 40px), 0px, 0) scale(0.1)}.blog__detail_banner .button-combe:hover .arrow-winds{top:50%;z-index:2;transform:scale(1) translate(-50%, -50%);opacity:1;visibility:visible;transition-delay:0.1s;transform-origin:center center;fill:var(--fill)}.blog__detail_banner3{column-gap:94px}.blog__detail_banner3 .banner_left{width:232px}.blog__detail_banner3 .banner_pic{width:100%}.blog__detail_banner3 .button-combe{--fill: #0054ff}.blog__detail_banner3 .button-combe .combe-text b{color:#393B55}.banner-container .end_tag{display:none !important}.blog-detail .article-cnt .article-box .banner ~ .end_tag{display:none !important}@media (max-width: 768px){.blog__detail_banner{margin:20px auto;padding:40px 16px;gap:30px 0;background:linear-gradient(358deg, #EFF4FF 0%, #fff 100%);border-radius:10px}.blog__detail_banner .banner_left{width:100%}.blog__detail_banner .banner_pic{margin:0 auto;width:260px}.blog__detail_banner .banner_pic>img{width:100%;max-width:100%;height:auto}.blog__detail_banner .banner_right{margin:0 auto;text-align:center}.blog__detail_banner .banner3_title,.blog__detail_banner .banner_title{font-size:18px}.blog__detail_banner .banner_list{padding:14px 0 45px}.blog__detail_banner .banner_list li{text-align:left}.blog__detail_banner .banner_btn{justify-content:center;flex-direction:column;align-items:stretch;gap:10px;min-width:205px;max-width:100%;display:inline-flex}.blog__detail_banner .button-link{display:flex !important;padding:0 20px;width:100% !important;height:46px !important;color:#fff;justify-content:center;column-gap:0px;margin:0 auto !important}.blog__detail_banner .button-link.buy-border{color:#FFB21C}.blog__detail_banner .button-link.buy-border .combe-text{transform:translate(0, 0) !important}.blog__detail_banner .button-link .combe-text{transform:translate(0px, 0) !important}.blog__detail_banner .button-link .arrow-right{display:none}.blog__detail_banner .button-combe{column-gap:0px;color:#fff;font-size:14px;line-height:1.2;font-weight:600;display:none !important}.blog__detail_banner .button-combe.btn-primary{height:46px !important}.blog__detail_banner .button-combe[data-type="mobile"]{display:inline-flex !important}.blog__detail_banner .button-combe:hover{color:#fff !important}.blog__detail_banner3{margin-top:140px;gap:20px 0px;background:#EFF4FF}.blog__detail_banner3 .banner_pic{position:relative;z-index:2;margin-top:-140px;margin-bottom:-20px;width:168px;text-align:center}.blog__detail_banner3 .banner_pic>img{margin-left:-40px;width:100%;max-width:100%;height:auto}.blog__detail_banner3 .banner_text{text-align:center !important}.blog__detail_banner3 .button-combe{color:#393B55}}