.blog-detail{margin-top:123px}.blog-detail img,.blog-detail object{width:auto;max-width:none;height:auto}.blog-detail .button-combe.btn-primary .noIcon{padding-left:0}.blog-detail .button-combe.btn-primary:hover .noIcon{left:50%}.blog-detail .box-shadow-img{box-shadow:0px 5px 10px #e8efff;border:1px solid #dfe3ff;margin:auto;display:block}.blog-detail .button-combe.btn-primary .noIcon{left:50% !important;width:100%}.blog-detail .button-combe.btn-primary:hover .noIcon{left:50% !important}.blog-detail .mob{display:none}.blog-detail .tag{position:relative;display:inline-block;margin-top:-9px;margin-left:5px;vertical-align:top;padding:0px 10px;height:24px;line-height:24px;background-color:#ff4141;font-size:14px;color:#fff;border-radius:40px}.blog-detail .tag::after{position:absolute;content:"";width:10px;height:6px;left:3px;bottom:-3px;background:url(../images/itop-blog/arrow.png)}.blog-detail h1,.blog-detail h2,.blog-detail h3,.blog-detail h4,.blog-detail h5,.blog-detail h6,.blog-detail b,.blog-detail strong{font-weight:500}.blog-detail b,.blog-detail strong{font-weight:bold}.blog-detail table{margin:10px auto !important;border-collapse:inherit;border-bottom:1px solid #dddfeb}.blog-detail table thead tr th{color:#fff;background:#777980}.blog-detail table tr th,.blog-detail table tr td{vertical-align:middle;text-align:center;font-size:12px;line-height:14px;padding:5px;width:auto;font-style:normal;width:162px;text-align:center;border-left:1px solid #dddfeb;border-top:1px solid #dddfeb;font-weight:500;color:#26272e;line-height:20px}.blog-detail table tr th:last-child,.blog-detail table tr td:last-child{border-right:1px solid #dddfeb}.blog-detail table tr td{font-size:12px;padding:7px;background:#fff;color:#8e8b9d}.blog-detail table tr th{background:#9c9eb8;color:#fff;padding:10px;font-size:16px}.blog-detail .w-p{width:1200px;position:relative;margin:auto}.blog-detail .flex-box{display:flex;justify-content:space-between}.blog-detail .d_btn{display:flex;align-items:center;margin-top:30px}.blog-detail .d_btn .button-combe{margin-right:10px}.blog-detail .d_btn .btn-gold{border:1px solid #ffc144e0 !important}.blog-detail .d_btn .btn-gold .arrow-right{fill:#000 !important}.blog-detail .equipment{margin-top:9px}.blog-detail .equipment .icon-box .arrow-icon{fill:#1e1c2c}.blog-detail .equipment .icon-box .arrow-icon:hover{fill:#0054ff}.blog-detail .equipment span{font-size:12px;line-height:18px;color:#1e1c2c}.blog-detail .banner{align-items:center;padding:20px 50px;background:linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%)}.blog-detail .banner li{list-style:none}.blog-detail .banner .right{width:600px}.blog-detail .banner .right dt h1{font-size:36px;line-height:54px;color:#1e1c2c}.blog-detail .banner .right dd p{font-size:16px;line-height:24px;color:#8e8b9d}.blog-detail .banner.idr{background:url(../images/itop-blog/idr-banner.png) no-repeat center}.blog-detail .banner.idr dt{position:relative}.blog-detail .banner.idr dt img{position:absolute;top:-15px;left:0px}.blog-detail .banner.idr h1{font:normal normal normal 36px/48px Lexend}.blog-detail .banner.idr p{margin-top:10px;font:normal normal normal 16px/24px Lexend}.blog-detail .banner.idr p.last{font-size:12px}.blog-detail .banner.idr .btn-primary{background:linear-gradient(90deg, #3059FF 0%, #8219DE 100%) 0% 0%}.blog-detail .banner.idr .btn-primary:hover{background:#3059FF}.blog-detail .nav{align-items:center;color:#cfced4;justify-content:flex-start;margin:40px auto 30px}.blog-detail .nav a{margin:0 8px;color:#0054ff;font-size:14px;line-height:28px;font-weight:500}.blog-detail .nav a:hover{text-decoration:underline}.blog-detail .article-cnt{padding:60px 115px;background:#ffffff;border:1px solid #dedfe9}.blog-detail .article-cnt ul,.blog-detail .article-cnt ol{padding-left:40px}.blog-detail .article-cnt ul li,.blog-detail .article-cnt ol li{list-style:inherit}.blog-detail .article-cnt ul li::marker,.blog-detail .article-cnt ol li::marker{color:#8e8b9d}.blog-detail .article-cnt .banner li{list-style:none}.blog-detail .article-cnt .article-title{font-size:36px;line-height:54px;font-weight:700;margin-bottom:15px;color:#1e1c2c}.blog-detail .article-cnt .article-description{font-size:16px;line-height:24px;font-weight:300;color:#1e1c2c}.blog-detail .article-cnt .article-authors{display:flex;flex-direction:row;justify-items:flex-start;align-items:center;margin:30px 0}.blog-detail .article-cnt .article-authors span{font-size:14px;line-height:28px;font-weight:400;color:#8e8b9d}.blog-detail .article-cnt .article-authors ._split{display:inline-block;width:1px;height:17px;background-color:#8e8b9d;margin:0 10px}.blog-detail .article-cnt .article-share{overflow:hidden;border-bottom:1px solid #dddfeb}.blog-detail .article-cnt .article-share .share-box{float:right}.blog-detail .article-cnt .article-box{margin-top:30px}.blog-detail .article-cnt .article-box b,.blog-detail .article-cnt .article-box strong{font-weight:600 !important}.blog-detail .article-cnt .article-box b>*,.blog-detail .article-cnt .article-box strong>*{font-weight:600 !important}.blog-detail .article-cnt .article-box p{text-align:left;margin-bottom:30px;color:#1e1c2c;font-size:16px;line-height:24px;font-weight:300}.blog-detail .article-cnt .article-box p a{color:#0054ff;font-size:16px;line-height:24px;font-weight:300;text-decoration:underline;transition:all 0.3 ease}.blog-detail .article-cnt .article-box p a:hover{opacity:0.8;transition:all 0.3 ease}.blog-detail .article-cnt .article-box p img{box-shadow:0px 5px 10px #e8efff;border:1px solid #dfe3ff;margin:auto;display:block}.blog-detail .article-cnt .article-box .own-b{font-size:24px;line-height:40px;font-weight:500;margin-bottom:5px;color:#1e1c2c}.blog-detail .article-cnt .article-box .contents{margin:30px 0 50px}.blog-detail .article-cnt .article-box .contents dl dt{font-size:20px;font-weight:500;line-height:30px;padding-left:33px;margin-bottom:15px;color:#1e1c2c;position:relative}.blog-detail .article-cnt .article-box .contents dl dt::before{content:"";width:25px;height:18px;background:url("../images/itop-blog/icon-book.svg") no-repeat center;position:absolute;left:0;top:7px}.blog-detail .article-cnt .article-box .contents dl .list{margin-bottom:5px;transition:all 0.3s}.blog-detail .article-cnt .article-box .contents dl .list>a,.blog-detail .article-cnt .article-box .contents dl .list>h4,.blog-detail .article-cnt .article-box .contents dl .list h4{padding-left:32px;font-size:14px;line-height:22px;font-weight:500;display:inline-block;margin-bottom:5px;cursor:pointer;color:#3477ff;position:relative;background-color:transparent !important}.blog-detail .article-cnt .article-box .contents dl .list>a ._icon::before,.blog-detail .article-cnt .article-box .contents dl .list>h4 ._icon::before,.blog-detail .article-cnt .article-box .contents dl .list h4 ._icon::before{content:"";width:12px;transition:all 0.3s;height:10px;background:url(../images/itop-blog/arrow-up.svg) no-repeat center;position:relative;right:0;margin-left:10px;display:inline-block;top:0}.blog-detail .article-cnt .article-box .contents dl .list>a.hide ._icon::before,.blog-detail .article-cnt .article-box .contents dl .list>h4.hide ._icon::before,.blog-detail .article-cnt .article-box .contents dl .list h4.hide ._icon::before{transform:rotate(180deg)}.blog-detail .article-cnt .article-box .contents dl .list>a.hide+ul,.blog-detail .article-cnt .article-box .contents dl .list>h4.hide+ul,.blog-detail .article-cnt .article-box .contents dl .list h4.hide+ul{display:none}.blog-detail .article-cnt .article-box .contents dl .list>a:hover,.blog-detail .article-cnt .article-box .contents dl .list>h4:hover,.blog-detail .article-cnt .article-box .contents dl .list h4:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .contents dl .list>a::after,.blog-detail .article-cnt .article-box .contents dl .list>h4::after,.blog-detail .article-cnt .article-box .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}.blog-detail .article-cnt .article-box .contents dl .list>a:hover,.blog-detail .article-cnt .article-box .contents dl .list>h4:hover,.blog-detail .article-cnt .article-box .contents dl .list h4:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .contents dl .list ul{margin-bottom:12px;padding-left:32px}.blog-detail .article-cnt .article-box .contents dl .list ul li{margin-bottom:5px;font-size:14px;line-height:22px;color:#1e1c2c;list-style:none}.blog-detail .article-cnt .article-box .contents dl .list ul li a{color:#3477ff}.blog-detail .article-cnt .article-box .contents dl .list ul li a:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .contents dl .list ul li:last-child{margin-bottom:10px}.blog-detail .article-cnt .article-box .contents dl .default{padding-left:32px;margin-bottom:10px}.blog-detail .article-cnt .article-box .contents dl .default a{position:relative;display:inline-block;font-size:14px;line-height:22px;font-weight:400;color:#3477ff;cursor:pointer}.blog-detail .article-cnt .article-box .contents dl .default a:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .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}.blog-detail .article-cnt .article-box .nav-tis h2{font-size:30px;font-weight:500;line-height:50px;color:#1e1c2c;background:#e6efff;position:relative;margin-bottom:20px;padding:4px 0;padding-left:34px}.blog-detail .article-cnt .article-box .nav-tis h2::after{content:"";width:9px;background:#0054ff;position:absolute;left:0;top:0;bottom:0}.blog-detail .article-cnt .article-box .nav-tis h2.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)}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01 a{color:#fff}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01::after{content:"";display:inline-block;position:absolute;left:0;top:auto;bottom:-16px;width:24px;height:16px;background:url(../images/blog/h2_bg_01.png) no-repeat}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02{position:relative;margin-bottom:36px;padding:10px 16px 10px 32px;font-size:24px;line-height:28px;background:linear-gradient(to right, #D9E4FF, transparent)}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02::after{content:"";display:inline-block;position:absolute;left:-32px;bottom:0;margin:auto;width:54px;height:55px;background:url(../images/blog/h2_bg_02.png) no-repeat}.blog-detail .article-cnt .article-box .banner1{background:#232137;padding:0 90px 0 38px;margin:70px 0 30px}.blog-detail .article-cnt .article-box .banner1 .right{width:380px}.blog-detail .article-cnt .article-box .banner1 .right dt h2{font-size:28px;line-height:42px;color:#fff}.blog-detail .article-cnt .article-box .banner1 .right li{font-size:14px;line-height:24px;color:#8e8b9d;padding-left:18px;position:relative}.blog-detail .article-cnt .article-box .banner1 .right li::before{content:"";position:absolute;background:url(../images/itop-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary,.blog-detail .article-cnt .article-box .banner1 .right .btn-gold{width:184px !important;height:40px;padding:0 25px}.blog-detail .article-cnt .article-box .banner1 .right .equipment span{color:#8e8b9d}.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a{margin-left:8px}.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a:hover .arrow-icon{fill:#0054ff}.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box .arrow-icon{fill:#8e8b9d;transform:scale(0.7)}.blog-detail .article-cnt .article-box .banner2{background:url(../images/itop-blog/detail-br2-bg.svg) no-repeat bottom;background-size:cover;padding:68px;margin:30px 0 90px;padding-bottom:120px;border:1px solid rgba(141,83,235,0.34)}.blog-detail .article-cnt .article-box .banner2 .left dt h2{font-size:28px;line-height:42px;font-weight:500;color:#1e1c2c;margin-bottom:5px}.blog-detail .article-cnt .article-box .banner2 .left dd li{font-size:14px;line-height:24px;padding-left:18px;color:#8e8b9d;position:relative}.blog-detail .article-cnt .article-box .banner2 .left dd li::before{content:"";position:absolute;background:url(../images/itop-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner2 .right{width:auto;text-align:center}.blog-detail .article-cnt .article-box .banner2 .right .d_btn{margin-top:15px}.blog-detail .article-cnt .article-box .banner2 .right .equipment{justify-content:center}.blog-detail .article-cnt .article-box .banner2 .right .equipment a{margin-left:10px}.blog-detail .article-cnt .article-box .banner2 .right .equipment a svg{transform:scale(0.8)}.blog-detail .article-cnt .article-box .banner3{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner3 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner3 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner3 .right dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner3 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner3 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner3 .right li::before{content:"";position:absolute;background:url(../images/itop-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .button-combe.btn-primary .combe-text{top:13px;text-align:left}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .banner4{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner4 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner4 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner4 .right dl{margin-top:43px;margin-left:-14px}.blog-detail .article-cnt .article-box .banner4 .right dl dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner4 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box{display:block !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box{display:block !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text{top:9px;left:26%;color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text span{transform:scale(0.7);margin-left:-36px}.blog-detail .article-cnt .article-box .banner4 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner4 .right .m_btn.mob{display:none}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner4 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner4 .right li::before{content:"";position:absolute;background:url(../images/itop-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text{top:9px;text-align:left}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box{display:block !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text{top:9px;left:26%;color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text span{transform:scale(0.7);margin-left:-36px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .banner5{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner5 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner5 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner5 .right dl{margin-top:43px;margin-left:-14px}.blog-detail .article-cnt .article-box .banner5 .right dl dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner5 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box{display:block !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .combe-text span{transform:scale(0.9);margin-left:-7px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box{display:block !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text{top:9px;left:26%;color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text span{transform:scale(0.7);margin-left:-36px}.blog-detail .article-cnt .article-box .banner5 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner5 .right .m_btn.mob{display:none}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner5 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner5 .right li::before{content:"";position:absolute;background:url(../images/itop-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text{top:9px;text-align:left}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box{display:block !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text{top:9px;left:26%;color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text span{transform:scale(0.7);margin-left:-36px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .blog-btn-tl{margin-bottom:75px}.blog-detail .article-cnt .article-box .blog-btn-tl .d_btn{align-items:flex-start;justify-content:center}.blog-detail .article-cnt .article-box .blog-btn-tl .d_btn .equipment{justify-content:center}.blog-detail .article-cnt .article-box .blog-btn-tl .d_btn .equipment svg{transform:scale(0.8)}.blog-detail .article-cnt .article-box .tips{margin:60px 0 40px;font-size:12px;line-height:20px;color:#6c63ff;background:#f3f2ff;position:relative;padding:20px 35px}.blog-detail .article-cnt .article-box .tips p{margin-bottom:0 !important}.blog-detail .article-cnt .article-box .tips .t{color:#fff;background:#6c63ff 0% 0% no-repeat padding-box;border-radius:0px 16px 0px 0px;position:absolute;top:-32px;left:0;padding:4px 28px}.blog-detail .article-cnt .article-box .table-box{margin:40px 75px}.blog-detail .article-cnt .article-box .table-box table{margin:0px auto;max-height:540px;border-collapse:inherit;overflow:auto;border-bottom:1px solid #dddfeb}.blog-detail .article-cnt .article-box .table-box table thead tr th{color:#fff;background:#777980}.blog-detail .article-cnt .article-box .table-box table tr th,.blog-detail .article-cnt .article-box .table-box table tr td{vertical-align:middle;text-align:center;font-size:12px;line-height:14px;padding:5px;width:auto;font-style:normal;text-align:center;border-left:1px solid #dddfeb;border-top:1px solid #dddfeb;font-weight:500;color:#26272e;line-height:20px}.blog-detail .article-cnt .article-box .table-box table tr th:last-child,.blog-detail .article-cnt .article-box .table-box table tr td:last-child{border-right:1px solid #dddfeb}.blog-detail .article-cnt .article-box .table-box table tr td{font-size:12px;padding:7px;background:#fff;color:#8e8b9d}.blog-detail .article-cnt .article-box .table-box table tr th{background:#9c9eb8;color:#fff;padding:10px;font-size:16px}.blog-detail .article-cnt .article-box .table-box img{display:inline-block;max-width:100%}.blog-detail .article-cnt .idr-banner-01{display:flex;justify-content:space-around;align-items:center;background:url(../images/itop-blog/idr-banner-bg.png) no-repeat bottom}.blog-detail .article-cnt .idr-banner-01 .right{width:500px;margin-right:30px}.blog-detail .article-cnt .idr-banner-01 .right dt{margin-bottom:10px}.blog-detail .article-cnt .idr-banner-01 .right dt b{text-align:left;font:normal normal normal 28px/36px Lexend;color:#1E1C2C}.blog-detail .article-cnt .idr-banner-01 .right dd{font:normal normal normal 14px/20px Lexend;color:#1E1C2C}.blog-detail .article-cnt .idr-banner-01 .right dd .btn-primary{width:250px;background:linear-gradient(90deg, #3059FF 0%, #8219DE 100%) 0% 0%}.blog-detail .article-cnt .idr-banner-01 .right dd .btn-primary:hover{background:#3059FF}.blog-detail .article-cnt .idr-banner-01 .right dd .btn-gold{width:220px !important}.blog-detail .article-cnt .idr-banner-01 .right dd.last{margin-top:10px;color:#8e8b9d;font-size:12px}.blog-detail .article-cnt .idr-banner-02{display:flex;justify-content:space-around;padding:20px 30px;align-items:center}.blog-detail .article-cnt .idr-banner-02 .left p{padding-left:35px;font:normal normal normal 12px/14px Lexend;color:#1E1C2CB3}.blog-detail .article-cnt .idr-banner-02 .right{margin-right:100px}.blog-detail .article-cnt .idr-banner-02 .right dt{margin-bottom:15px}.blog-detail .article-cnt .idr-banner-02 .right dt b{font:normal normal 24px/36px Lexend;color:#1E1C2C}.blog-detail .article-cnt .idr-banner-02 .right dd{font:normal normal normal 12px/20px Lexend}.blog-detail .article-cnt .idr-banner-02 .right dd ul{padding-left:0px}.blog-detail .article-cnt .idr-banner-02 .right dd li{position:relative;padding-left:15px;list-style-type:none;font:normal normal normal 13px/24px Lexend}.blog-detail .article-cnt .idr-banner-02 .right dd li::after{position:absolute;content:"";width:9px;height:7px;left:0;top:8px;background:url(../images/itop-blog/md-checkmark.svg)}.blog-detail .article-cnt .idr-banner-02 .right dd li::marker{display:none}.blog-detail .article-cnt .idr-banner-02 .right dd .btn-primary{width:276px;height:60px;background:linear-gradient(90deg, #3059FF 0%, #8219DE 100%) 0% 0%}.blog-detail .article-cnt .idr-banner-02 .right dd .btn-primary:hover{background:#3059FF}.blog-detail .article-cnt .idr-banner-02 .right dd p{margin-bottom:0px;font-size:14px}.blog-detail .article-cnt .idr-banner-03 .d_btn{justify-content:center;margin:0px auto;align-items:flex-start}.blog-detail .article-cnt .idr-banner-03 .d_btn p{margin-top:10px;font:normal normal normal 12px/20px Lexend;color:#1E1C2C}.blog-detail .article-cnt .idr-banner-03 .d_btn .btn-primary{background:linear-gradient(90deg, #3059FF 0%, #8219DE 100%) 0% 0%}.blog-detail .article-cnt .idr-banner-03 .d_btn .btn-primary:hover{background:#3059FF}.blog-detail .article-cnt .browser-banner{position:relative;width:100%;height:350px;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg, #e1ddfe 0%, #e8f5fa 100%) 0% 0%}.blog-detail .article-cnt .browser-banner::after{position:absolute;content:"";width:453px;height:211px;left:0;top:0;background:url(../images/itop-blog/browser-bg.png)}.blog-detail .article-cnt .browser-banner .right{width:515px}.blog-detail .article-cnt .browser-banner .right h2{margin:0px;font:normal normal normal 28px/42px Lexend Deca}.blog-detail .article-cnt .browser-banner .right h3{margin-bottom:20px;font:normal normal normal 20px/42px Lexend Deca}.blog-detail .article-cnt .browser-banner .right p{margin-bottom:0px;font:normal normal normal 14px/24px Lexend Deca;color:#706C83;padding-left:20px;background:url(../images/itop-blog/md-checkmark.svg) no-repeat left 9px}.blog-detail .article-cnt .browser-banner .right .btn-primary{display:flex;width:221px;height:48px;padding:0px;margin-top:20px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(270deg, #7A52FF 0%, #226BFF 100%) 0% 0%}.blog-detail .article-cnt .browser-banner .right .btn-primary:hover{background:transparent linear-gradient(270deg, #65B2FF 0%, #27f 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .browser-btn-tl{width:565px;margin:0px auto;margin-bottom:20px}.blog-detail .article-cnt .browser-btn-tl .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary{width:276px;display:flex;justify-content:center;align-items:center;color:#fff;background:transparent linear-gradient(90deg, #236BFB 0%, #7A53FB 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary:hover{background:transparent linear-gradient(270deg, #65B2FF 0%, #27f 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-gold{width:276px !important}.blog-detail .article-cnt .browser-btn-tl p{margin-top:10px;width:100%;font:normal normal normal 14px/20px Lexend Deca}.blog-detail .article-related-reference{margin:120px auto}.blog-detail .article-related-reference dt{font-size:24px;line-height:36px;color:#1e1c2c;margin-bottom:20px;position:relative;padding-left:22px;background-color:#fff3dc}.blog-detail .article-related-reference dt::after{content:"";width:9px;background:#ffb21c;position:absolute;top:0;left:0;bottom:0}.blog-detail .article-related-reference .search-box{display:flex;justify-content:flex-start;flex-wrap:wrap}.blog-detail .article-related-reference .search-box li{position:relative;width:290px;border:1px solid #e7e5ec;overflow:hidden;margin-right:13px;margin-bottom:9px;transition:0.5s ease-in-out}.blog-detail .article-related-reference .search-box li:hover{transition:0.5s ease-in-out;box-shadow:1px 9px 20px 0px rgba(0,0,0,0.25)}.blog-detail .article-related-reference .search-box li:hover img{transform:scale(1.1)}.blog-detail .article-related-reference .search-box li:hover .search-text p{color:#016ff7}.blog-detail .article-related-reference .search-box li .img-box{height:231px;overflow:hidden}.blog-detail .article-related-reference .search-box li img{display:block;width:100%;height:100%;transition:0.5s ease-in-out;object-fit:cover}.blog-detail .article-related-reference .search-box li .search-text{background-color:#fff;padding:32px 19px;border-top:none}.blog-detail .article-related-reference .search-box li .search-text p{position:relative;display:inline-block;width:100%;margin-bottom:0;font-size:14px;font-weight:400;color:#27282e;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-detail .article-related-reference .search-box li:nth-child(4n){margin-right:0}.blog-detail .article-cnt .article-box .banner .right .equipment .icon-box a:hover .arrow-icon,.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a:hover .arrow-icon,.blog-detail .article-cnt .article-box .banner2 .right .equipment .icon-box a:hover .arrow-icon,.blog-detail .article-cnt .article-box .banner3 .right .equipment .icon-box a:hover .arrow-icon,.blog-detail .article-cnt .article-box .banner4 .right .equipment .icon-box a:hover .arrow-icon,.blog-detail .article-cnt .article-box .banner5 .right .equipment .icon-box a:hover .arrow-icon{fill:#0054ff !important}@media screen and (max-width: 768px){.m_btn .free{margin:27px auto 5px;background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%)}.m_btn .buy{background:#ffb21c;margin:auto}.m_btn .buy,.m_btn .free{width:205px;border-radius:6px;font-size:14px;line-height:44px;color:#fff;text-align:center;height:45px;display:block}.blog-detail{margin-top:3rem}.blog-detail .box-shadow-img{max-width:100%;height:auto !important}.blog-detail .pc{display:none !important}.blog-detail .tag{margin-right:-10px;padding:0px 5px}.blog-detail .mob{display:block !important}.blog-detail .w-p{width:100%;padding:0 15px}.blog-detail b,.blog-detail strong{font-weight:600}.blog-detail .flex-box{flex-wrap:wrap}.blog-detail .flex-box.nav{margin-top:20px}.blog-detail .flex-box.nav a{font-size:12px}.blog-detail .banner{align-items:center;padding:30px}.blog-detail .banner::after{content:"";background:url(../images/itop-blog/banner-bg-mob.svg) no-repeat center;background-size:cover;position:absolute;bottom:0;left:0;z-index:-1;height:242px;right:0}.blog-detail .banner .right{width:auto}.blog-detail .banner .right dt h2{font-size:24px;line-height:30px;font-weight:500;text-align:center}.blog-detail .banner .right dd p{font-size:14px;line-height:20px;margin-top:13px;text-align:center}.blog-detail .banner.idr{background:linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%)}.blog-detail .banner.idr h1{font-size:24px;line-height:36px}.blog-detail .banner.idr .d_btn{flex-wrap:wrap;justify-content:center}.blog-detail .banner.idr .d_btn .button-combe{margin-right:0px !important}.blog-detail .banner.idr .button-link{display:flex !important;background-color:#ffb21c;color:#fff;margin-left:0px}.blog-detail .banner.idr .button-link .combe-text{left:inherit;transform:inherit;color:#fff}.blog-detail .article-cnt{border:none}.blog-detail .article-cnt .article-title{font-size:24px;line-height:36px;margin-bottom:10px}.blog-detail .article-cnt .article-description{font-size:14px;line-height:18px}.blog-detail .article-cnt .article-authors{margin:20px 0 15px}.blog-detail .article-cnt .article-authors span{font-size:12px;line-height:14px}.blog-detail .article-cnt .article-box{margin-top:15px}.blog-detail .article-cnt .article-box .own-b{font-size:16px;line-height:24px}.blog-detail .article-cnt .article-box p{font-size:14px;line-height:22px}.blog-detail .article-cnt .article-box p a{font-size:14px;line-height:22px}.blog-detail .article-cnt .article-box .contents{margin:25px 0 30px}.blog-detail .article-cnt .article-box .contents dl dt{font-size:18px;line-height:24px;padding-left:27px;margin-bottom:10px}.blog-detail .article-cnt .article-box .contents dl dt::before{top:5px;width:17px;height:15px;background-size:100%}.blog-detail .article-cnt .article-box .contents dl .list>a,.blog-detail .article-cnt .article-box .contents dl .list>h4{font-size:14px;line-height:18px;font-weight:400;margin-bottom:5px}.blog-detail .article-cnt .article-box .contents dl .list>a::after,.blog-detail .article-cnt .article-box .contents dl .list>h4::after{width:4px;height:4px}.blog-detail .article-cnt .article-box .contents dl .list ul{padding-left:0}.blog-detail .article-cnt .article-box .contents dl .list ul li{font-weight:400;font-size:12px}.blog-detail .article-cnt .article-box .contents dl .default a{font-size:14px;line-height:21px;font-weight:400}.blog-detail .article-cnt .article-box .nav-tis h2{font-size:20px;line-height:28px;font-weight:500}.blog-detail .article-cnt .article-box .nav-tis h2::after{width:4px}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01{padding:5px 16px;font-size:18px}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02{margin-left:20px;padding-left:25px;font-size:18px}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02::after{left:-26px;width:47px;height:48px;background-size:100%}.blog-detail .article-cnt .article-box .table-box{overflow:scroll;width:100%;padding-left:80px;margin:45px 0}.blog-detail .article-cnt .article-box .table-box table{margin:initial}.blog-detail .article-cnt .article-box .table-box table tr th,.blog-detail .article-cnt .article-box .table-box table tr td{font-size:12px;padding:4px;width:80px;height:30px}.blog-detail .article-cnt .article-box .table-box table tr th:first-child,.blog-detail .article-cnt .article-box .table-box table tr td:first-child{position:absolute;left:15px;border-right:1px solid #dddfeb}.blog-detail .article-cnt .article-box .table-box table tr th:nth-child(2n),.blog-detail .article-cnt .article-box .table-box table tr td:nth-child(2n){border-left:none}.blog-detail .article-cnt .article-box .tips{padding:25px 18px;margin:60px 0 40px}.blog-detail .article-cnt .article-box .banner1{padding:170px 30px 30px;position:relative}.blog-detail .article-cnt .article-box .banner1 .left{position:absolute;left:30px;right:30px;top:0}.blog-detail .article-cnt .article-box .banner1 .left img{width:100%}.blog-detail .article-cnt .article-box .banner1 .right{position:relative;z-index:2}.blog-detail .article-cnt .article-box .banner1 .right dt h2{font-size:24px;line-height:30px;font-weight:500;margin-bottom:10px}.blog-detail .article-cnt .article-box .banner2{padding:25px 30px 30px;background:url(../images/itop-blog/detail-br2-bg-mob.svg) no-repeat bottom;background-size:cover}.blog-detail .article-cnt .article-box .banner2 .left dt h2{text-align:center;font-size:24px;line-height:30px;font-weight:500;margin-bottom:10px}.blog-detail .article-cnt .article-box .banner2 .right{margin:auto}.blog-detail .article-cnt .article-box .banner3{margin:20px 0;padding:90px 0 30px;position:relative}.blog-detail .article-cnt .article-box .banner3 .left{position:absolute;left:0;right:0;margin:-88px auto 0;z-index:9;text-align:center}.blog-detail .article-cnt .article-box .banner3 .left.pc{display:none}.blog-detail .article-cnt .article-box .banner3 .left img{margin-bottom:0;width:120px}.blog-detail .article-cnt .article-box .banner3 .left p{margin-top:0;font-size:12px;line-height:15px}.blog-detail .article-cnt .article-box .banner3 .right{position:relative;z-index:2;margin-left:0;padding-top:106px;padding-bottom:33px;padding-left:34px;padding-right:34px;width:100%;background-color:#eff4ff;border-radius:5px}.blog-detail .article-cnt .article-box .banner3 .right dt b{font:normal normal 500 18px/29px Lexend;margin-bottom:10px;text-align:center}.blog-detail .article-cnt .article-box .banner3 .right ul li{font-size:12px;line-height:18px}.blog-detail .article-cnt .article-box .banner3 .right .m_btn .free{margin-top:15px}.blog-detail .article-cnt .article-box .banner4{margin:20px 0;padding:90px 0 30px;position:relative}.blog-detail .article-cnt .article-box .banner4 .left{position:absolute;left:0;right:0;margin:-88px auto 0;z-index:9;text-align:center}.blog-detail .article-cnt .article-box .banner4 .left.pc{display:none}.blog-detail .article-cnt .article-box .banner4 .left img{margin-bottom:0;width:182px}.blog-detail .article-cnt .article-box .banner4 .left p{margin-top:0;font-size:12px;line-height:15px}.blog-detail .article-cnt .article-box .banner4 .right{position:relative;z-index:2;margin-left:0;padding-top:106px;padding-bottom:33px;padding-left:34px;padding-right:34px;width:100%;background:transparent linear-gradient(0deg, #f5f8ff 0%, #f7efff 100%) 0% 0% no-repeat padding-box;border-radius:5px}.blog-detail .article-cnt .article-box .banner4 .right dl dt{text-align:center}.blog-detail .article-cnt .article-box .banner4 .right dl dt b{font:normal normal 500 18px/29px Lexend;margin-bottom:10px;text-align:center;font-weight:bold;width:237px;margin-top:-40px}.blog-detail .article-cnt .article-box .banner4 .right ul li{font-size:14px;line-height:24px}.blog-detail .article-cnt .article-box .banner4 .right .b_btn{flex-direction:column}.blog-detail .article-cnt .article-box .banner4 .right .m_btn{height:90px;margin-bottom:-30px;padding-top:1px}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .free{margin-top:15px;background:transparent linear-gradient(90deg, #6082ff 0%, #0255ff 100%) 0% 0% no-repeat padding-box;color:#fff}.blog-detail .article-cnt .article-box .banner5{margin:20px 0;padding:90px 0 30px;position:relative}.blog-detail .article-cnt .article-box .banner5 .left{position:absolute;left:0;right:0;margin:-88px auto 0;z-index:9;text-align:center}.blog-detail .article-cnt .article-box .banner5 .left.pc{display:none}.blog-detail .article-cnt .article-box .banner5 .left img{margin-bottom:0;width:182px}.blog-detail .article-cnt .article-box .banner5 .left p{margin-top:0;font-size:12px;line-height:15px}.blog-detail .article-cnt .article-box .banner5 .right{position:relative;z-index:2;margin-left:0;padding-top:106px;padding-bottom:33px;padding-left:34px;padding-right:34px;width:100%;background:transparent linear-gradient(0deg, #f5f8ff 0%, #f7efff 100%) 0% 0% no-repeat padding-box;border-radius:5px}.blog-detail .article-cnt .article-box .banner5 .right dl dt{text-align:center}.blog-detail .article-cnt .article-box .banner5 .right dl dt b{font:normal normal 500 18px/29px Lexend;margin-bottom:10px;text-align:center;font-weight:bold;width:196px;margin-top:-40px}.blog-detail .article-cnt .article-box .banner5 .right ul li{font-size:14px;line-height:24px}.blog-detail .article-cnt .article-box .banner5 .right .b_btn{flex-direction:column}.blog-detail .article-cnt .article-box .banner5 .right .m_btn{height:90px;margin-bottom:-30px;padding-top:1px}.blog-detail .article-cnt .article-box .banner5 .right .m_btn.mob{display:none}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .free{margin-top:15px;background:transparent linear-gradient(90deg, #6082ff 0%, #0255ff 100%) 0% 0% no-repeat padding-box;color:#fff}.blog-detail .article-cnt .idr-banner-01{background:transparent linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .idr-banner-01 .right{margin-left:0px}.blog-detail .article-cnt .idr-banner-02{flex-wrap:wrap}.blog-detail .article-cnt .idr-banner-02 .right{margin-right:0px}.blog-detail .article-cnt .idr-banner-02 .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .idr-banner-03 .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .idr-banner-03 .button-link{display:block}.blog-detail .article-cnt .browser-banner{padding:20px 10px;height:auto;flex-wrap:wrap-reverse}.blog-detail .article-cnt .browser-banner .right{width:100%}.blog-detail .article-cnt .browser-banner .right h2{font-size:24px}.blog-detail .article-cnt .browser-banner .right h3{font-size:16px;line-height:36px}.blog-detail .article-cnt .browser-btn-tl{width:100%}.blog-detail .article-cnt .browser-btn-tl .d_btn{justify-content:center}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary{margin-right:0px}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-gold{display:block !important}.blog-detail .article-related-reference{margin:50px 0 80px}.blog-detail .article-related-reference dt{font-size:18px;line-height:20px;padding:2px 0;padding-left:11px}.blog-detail .article-related-reference dt::after{width:4px}.blog-detail .article-related-reference .search-box{justify-content:space-between}.blog-detail .article-related-reference .search-box li{margin-right:0;width:49%;margin-bottom:7px}.blog-detail .article-related-reference .search-box li .img-box{height:122px}.blog-detail .article-related-reference .search-box li .search-text{padding:12px 10px}}
/*# sourceMappingURL=blog-detail.css.map */
