.blog{font-family:"Lexend", sans-serif;margin-top:123px}.blog .search-tag{font-size:14px;line-height:14px;background:#30deb4;padding:2px 8px;position:absolute;top:12px;left:0}.blog .mob{display:none}.blog .w-p{width:1200px;position:relative;margin:auto}.blog .flex-box{display:flex;justify-content:space-between}.blog .banner-change{position:relative;height:355px}.blog .banner-change .list{position:absolute;bottom:12px;left:0;right:0;margin:auto;display:flex;width:60px;z-index:101;justify-content:space-around}.blog .banner-change .list span{display:block;width:13px;height:13px;border-radius:50%;border:2px solid #6174d3;cursor:pointer}.blog .banner-change .list span.on{background:#6174d3}.blog .banner{position:absolute;left:0;top:0;opacity:0;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 .banner .right{width:600px}.blog .banner .right dt h1{font-size:36px;line-height:54px;color:#1e1c2c}.blog .banner .right dd p{font-size:16px;line-height:24px;color:#8e8b9d}.blog .banner .button-combe.btn-primary .noIcon{left:50% !important;width:100%}.blog .banner .button-combe.btn-primary:hover .noIcon{left:50% !important}.blog .banner.on{opacity:1;z-index:99}.blog .banner.idr{height:354px;background:url(../images/itop-blog/idr-banner.png) no-repeat center}.blog .banner.idr dt{position:relative}.blog .banner.idr dt img{position:absolute;top:-15px;left:0px;width:auto}.blog .banner.idr h1{font:normal normal normal 36px/48px Lexend Deca}.blog .banner.idr p{margin-top:10px;font:normal normal normal 16px/24px Lexend Deca}.blog .banner.idr p.last{font-size:12px}.blog .banner.idr .btn-primary{background:linear-gradient(90deg, #3059FF 0%, #8219DE 100%) 0% 0%}.blog .banner.idr .btn-primary:hover{background:#3059FF}.blog .conent{margin-top:60px}.blog .conent .left{position:sticky;max-width:190px}.blog .conent .left dt{font-size:14px;font-weight:500;line-height:28px;color:#1e1c2c}.blog .conent .left dd{margin-top:15px}.blog .conent .left dd p{font-size:14px;line-height:28px;position:relative;color:#1e1c2c;padding-left:17px;transition:all 0.3s}.blog .conent .left dd p:hover,.blog .conent .left dd p.ac{cursor:pointer;text-decoration:underline}.blog .conent .left dd p a{color:#0054ff !important;font-weight:500;transition:all 0.3s ease}.blog .conent .left dd p a:hover{text-decoration:underline;transition:all 0.3s ease}.blog .conent .right{width:1000px;margin-bottom:100px}.blog .conent .right .search{align-items:center;margin-bottom:10px}.blog .conent .right .search p{font-size:24px;line-height:36px;color:#1e1c2c;cursor:pointer}.blog .conent .right .search input{width:306px;transition:all 0.3s;height:46px;background:#ebebeb;padding:0 42px 0 10px;position:relative}.blog .conent .right .search input:focus{background:#fff}.blog .conent .right .search input:hover,.blog .conent .right .search input:focus{border:1px solid #95989a}.blog .conent .right .search ._icon{position:absolute;right:0;top:0;width:35px;cursor:pointer;height:46px;display:flex;align-items:center}.blog .conent .right .search-result-cnt .result-hot-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:9px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box{width:684px;height:497px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title{padding:40px 27.5px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box .search-tag{background:#30deb4;font-size:20px;line-height:34px;color:#1e1c2c;cursor:pointer;padding:3px 10px;position:absolute;top:23px;z-index:2;left:0}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right{display:flex;flex-direction:column;justify-content:space-between}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_tow,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_three{width:306px;height:244px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box{position:relative;overflow:hidden;transition:0.5s ease-in-out}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box img{width:100%;height:100%;transition:0.5s ease-in-out;object-fit:cover}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box ._hot_title{position:absolute;bottom:0;width:100%;background:rgba(31,33,41,0.68);padding:31px 27.5px;font-size:20px;font-weight:500;color:#fff;text-align:center}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box ._hot_title p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-moz-box-orient:vertical;overflow:hidden;font-size:20px;line-height:30px;color:#fff}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box:hover{transition:0.5s ease-in-out;box-shadow:1px 9px 20px 0px rgba(0,0,0,0.25)}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box:hover img{transform:scale(1.1)}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box:hover p{transition:all 0.3s;color:#6584ff}.blog .conent .right .search-result-cnt .search-box{display:flex;justify-content:flex-start;flex-wrap:wrap}.blog .conent .right .search-result-cnt .search-box li{position:relative;width:243px;border:1px solid #e7e5ec;overflow:hidden;margin-right:9px;margin-bottom:9px;transition:0.5s ease-in-out}.blog .conent .right .search-result-cnt .search-box li:hover{transition:0.5s ease-in-out;box-shadow:1px 9px 20px 0px rgba(0,0,0,0.25)}.blog .conent .right .search-result-cnt .search-box li:hover img{transform:scale(1.1)}.blog .conent .right .search-result-cnt .search-box li:hover .search-text p{color:#016ff7}.blog .conent .right .search-result-cnt .search-box li .img-box{height:194px;overflow:hidden}.blog .conent .right .search-result-cnt .search-box li img{display:block;width:100%;height:100%;transition:0.5s ease-in-out;object-fit:cover}.blog .conent .right .search-result-cnt .search-box li .search-text{background-color:#fff;padding:25px 16px;border-top:none}.blog .conent .right .search-result-cnt .search-box li .search-text p{position:relative;display:inline-block;width:100%;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 .conent .right .search-result-cnt .search-box li:nth-child(4n){margin-right:0}.blog .d_btn{display:flex;align-items:center;margin-top:30px}.blog .d_btn .button-combe{margin-right:10px}.blog .d_btn .btn-gold{border:1px solid #ffc144e0 !important}.blog .d_btn .btn-gold .arrow-right{fill:#000 !important}.blog .equipment{margin-top:9px}.blog .equipment .icon-box .arrow-icon{fill:#1e1c2c}.blog .equipment .icon-box .arrow-icon:hover{fill:#0054ff}.blog .equipment span{font-size:12px;line-height:18px;color:#1e1c2c}@media screen and (max-width: 768px){.blog{margin-top:3rem}.blog .pc{display:none !important}.blog .mob{display:block !important}.blog .w-p{width:100%;padding:0 15px}.blog .flex-box{flex-wrap:wrap}.blog .banner{align-items:center;padding:30px}.blog .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 .banner .right{width:auto}.blog .banner .right dt{font-size:24px;line-height:30px;text-align:center}.blog .banner .right dd p{font-size:14px;line-height:20px;margin-top:13px;text-align:center}.blog .banner .right dd .m_btn .free{margin:27px auto 5px;background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%)}.blog .banner .right dd .m_btn .buy{background:#ffb21c;margin:auto}.blog .banner .right dd .m_btn .buy,.blog .banner .right dd .m_btn .free{width:205px;border-radius:6px;font-size:14px;line-height:44px;color:#fff;text-align:center;height:45px;display:block}.blog .conent{margin-top:60px}.blog .conent .left{position:sticky;max-width:150px}.blog .conent .left dt{font-size:14px;line-height:28px;color:#8e8b9d}.blog .conent .left dd{margin-top:15px}.blog .conent .left dd p{font-size:14px;line-height:28px;position:relative;color:#8e8b9d;padding-left:17px;transition:all 0.3s}.blog .conent .left dd p:hover,.blog .conent .left dd p.ac{color:#1e1c2c;cursor:pointer}.blog .conent .left dd p:hover::after,.blog .conent .left dd p.ac::after{content:"";width:12px;height:1px;background:#1e1c2c;position:absolute;left:0;top:14px}.blog .conent .right{width:100%;margin-left:0;margin-bottom:0}.blog .conent .right .search{flex-direction:column-reverse;position:relative;align-items:flex-start}.blog .conent .right .search p{font-size:20px;line-height:18px;margin-top:20px}.blog .conent .right .search input{width:100%;height:52px;padding-right:4.5rem}.blog .conent .right .search ._icon{height:52px;width:45px}.blog .conent .right .search-result-cnt{margin-bottom:60px}.blog .conent .right .search-result-cnt .result-hot-box{flex-wrap:wrap}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box{margin-bottom:5px;width:100%;height:250px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box ._hot_title{padding:20px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title p,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box ._hot_title p{font-size:14px;line-height:20px;font-weight:500}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box .search-tag,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box .search-tag{font-size:14px;line-height:18px;font-weight:500;top:12px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right{flex-wrap:wrap;width:100%}.blog .conent .right .search-result-cnt .result-hot-box .tis{width:100%;height:1px;background:#e5e4e8;margin:25px 0}.blog .conent .right .search-result-cnt .search-box{justify-content:space-between}.blog .conent .right .search-result-cnt .search-box li{width:49.2%;margin-right:0;min-width:150px;margin-bottom:5px}.blog .conent .right .search-result-cnt .search-box li:nth-child(2n){margin-right:0}.blog .conent .right .search-result-cnt .search-box li .img-box{height:auto}.blog .conent .right .search-result-cnt .search-box li .img-box img{display:block;width:100%}.blog .conent .right .search-result-cnt .search-box li .search-tag{padding:4px 10px}.blog .conent .right .search-result-cnt .search-box li .search-text{padding:12px 10px}.blog .conent .right .search-result-cnt .search-box li .search-text p{font-size:12px;line-height:18px;font-weight:500}}.pagination{margin-top:40px;margin-bottom:0px;list-style-type:none;padding-left:0px;display:flex;justify-content:center}.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:block;padding:4px 10px 8px;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}.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: 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}}