.blog{margin-top:123px}.blog .search-tag{font:normal normal normal 14px/24px Lexend;background:#30deb4 0% 0% no-repeat padding-box;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: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 .banner .right{width:600px}.blog .banner .right .equipment .icon-box .arrow-icon.android{padding:8px 0 0 5px;box-sizing:border-box}.blog .banner .right .equipment .icon-box .arrow-icon.apple{padding:5px 0 0 5px;box-sizing:border-box}.blog .banner .right dt h1,.blog .banner .right dt h2{font:normal normal normal 36px/54px Lexend;letter-spacing:0px;color:#1e1c2c}.blog .banner .right dd p{font:normal normal normal 16px/24px Lexend;letter-spacing:0px;color:#8e8b9d}.blog .banner.on{opacity:1;z-index:99}.blog .banner.idr{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}.blog .banner.idr h1,.blog .banner.idr h2{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:150px}.blog .conent .left dt{font:normal normal normal 16px/28px Lexend;letter-spacing:0px;color:#8e8b9d;font-weight:bold}.blog .conent .left dd{margin-top:15px}.blog .conent .left dd p{font:normal normal normal 14px/28px Lexend;letter-spacing:0px;position:relative;color:#8e8b9d;padding-left:17px;transition:all 0.3s}.blog .conent .left dd p:hover{color:#1e1c2c;cursor:pointer}.blog .conent .left dd p:hover::after{content:"";width:12px;height:1px;background:#1e1c2c;position:absolute;left:0;top:14px}.blog .conent .left dd p.ac{color:#1e1c2c;cursor:pointer}.blog .conent .left dd p.ac::after{content:"";width:12px;height:1px;background:#1e1c2c;position:absolute;left:0;top:14px}.blog .conent .left dd p a:hover{color:#4186ff}.blog .conent .right{width:1000px;margin-bottom:100px}.blog .conent .right .search{align-items:center;margin-bottom:10px}.blog .conent .right .search p{font:normal normal normal 24px/36px Lexend;letter-spacing:0px;color:#1e1c2c;cursor:pointer}.blog .conent .right .search input{width:306px;transition:all 0.3s;height:46px;background:#ebebeb 0% 0% no-repeat padding-box;padding:0 42px 0 10px;position:relative}.blog .conent .right .search input:focus{background:#fff;border:1px solid #95989a}.blog .conent .right .search input:hover{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 0% 0% no-repeat padding-box;font:normal normal normal 20px/33px Lexend;letter-spacing:0px;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{width:306px;height:244px}.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:normal normal normal 20px/30px Lexend;letter-spacing:0px;color:#ffffff}.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 .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:normal normal normal 12px/18px Lexend;letter-spacing:0px;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:normal normal normal 23px/29px Lexend;text-align:center}.blog .banner .right dd p{font:normal normal normal 14px/20px Lexend;margin-top:13px;text-align:center}.blog .banner .right dd .m_btn .free{margin:27px auto 5px;background:transparent linear-gradient(90deg, #6584ff 0%, #0054ff 100%) 0% 0% no-repeat padding-box;width:205px;border-radius:6px;font:normal normal normal 13px/45px Lexend;letter-spacing:0px;color:#ffffff;text-align:center;height:45px;display:block}.blog .banner .right dd .m_btn .buy{background:#ffb21c 0% 0% no-repeat padding-box;margin:auto;width:205px;border-radius:6px;font:normal normal normal 13px/45px Lexend;letter-spacing:0px;color:#ffffff;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:normal normal normal 14px/28px Lexend;letter-spacing:0px;color:#8e8b9d}.blog .conent .left dd{margin-top:15px}.blog .conent .left dd p{font:normal normal normal 14px/28px Lexend;letter-spacing:0px;position:relative;color:#8e8b9d;padding-left:17px;transition:all 0.3s}.blog .conent .left dd p:hover{color:#1e1c2c;cursor:pointer}.blog .conent .left dd p:hover::after{content:"";width:12px;height:1px;background:#1e1c2c;position:absolute;left:0;top:14px}.blog .conent .left dd p.ac{color:#1e1c2c;cursor:pointer}.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:normal normal normal 19px/18px Lexend;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{margin-bottom:5px;width:100%;height:250px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title{padding:20px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title p{font:normal normal normal 14px/20px Lexend}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box .search-tag{font:normal normal normal 14px/17px Lexend;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 ._hot_right ._hot_box{margin-bottom:5px;width:100%;height:250px}.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_right ._hot_box ._hot_title p{font:normal normal normal 14px/20px Lexend}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box .search-tag{font:normal normal normal 14px/17px Lexend;top:12px}.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:normal normal normal 12px/18px Lexend}}.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{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{color:#005fff}.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 span:hover{color:#005fff}.pagination li.disabled{cursor:default;color:#d6d6d6}.pagination li.disabled a{color:#d6d6d6}.pagination li.disabled a:hover{color:#d6d6d6}.pagination li.disabled span{color:#d6d6d6}.pagination li.disabled span:hover{color:#d6d6d6}.pagination li.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.pagination li.active a{color:#005fff}.pagination li.active a:hover{color:#005fff}.pagination li.active span{color:#005fff}.pagination li.active span:hover{color:#005fff}.pagination li.prev{margin:0 8px;cursor:pointer;border-radius:3px;border:1px solid #dfdfdf}.pagination li.prev.disabled{cursor:default;color:#d6d6d6}.pagination li.prev.disabled a{color:#d6d6d6}.pagination li.prev.disabled a:hover{color:#d6d6d6}.pagination li.prev.disabled span{color:#d6d6d6}.pagination li.prev.disabled span:hover{color:#d6d6d6}.pagination li.prev.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.pagination li.prev:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);box-shadow:0 3px 6px rgba(0,0,0,0.2)}.pagination li.next{margin:0 8px;cursor:pointer;border-radius:3px;border:1px solid #dfdfdf}.pagination li.next.disabled{cursor:default;color:#d6d6d6}.pagination li.next.disabled a{color:#d6d6d6}.pagination li.next.disabled a:hover{color:#d6d6d6}.pagination li.next.disabled span{color:#d6d6d6}.pagination li.next.disabled span:hover{color:#d6d6d6}.pagination li.next.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.pagination li.next:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);box-shadow:0 3px 6px rgba(0,0,0,0.2)}.pagination li.first{margin:0 8px;cursor:pointer;border-radius:3px;border:1px solid #dfdfdf}.pagination li.first.disabled{cursor:default;color:#d6d6d6}.pagination li.first.disabled a{color:#d6d6d6}.pagination li.first.disabled a:hover{color:#d6d6d6}.pagination li.first.disabled span{color:#d6d6d6}.pagination li.first.disabled span:hover{color:#d6d6d6}.pagination li.first.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.pagination li.first:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.2);box-shadow:0 3px 6px rgba(0,0,0,0.2)}.pagination li.last{margin:0 8px;cursor:pointer;border-radius:3px;border:1px solid #dfdfdf}.pagination li.last.disabled{cursor:default;color:#d6d6d6}.pagination li.last.disabled a{color:#d6d6d6}.pagination li.last.disabled a:hover{color:#d6d6d6}.pagination li.last.disabled span{color:#d6d6d6}.pagination li.last.disabled span:hover{color:#d6d6d6}.pagination li.last.disabled:hover{color:#d6d6d6;-webkit-box-shadow:none;box-shadow:none}.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{margin-top:0px;flex-wrap:wrap}.pagination li{margin:0 2px}.pagination li a{padding:4px 8px 6px;line-height:1}.pagination li span{padding:4px 8px 6px;line-height:1}.pagination li.prev{margin:0 2px}.pagination li.next{margin:0 2px}}