.navbar-box{width:280px;height:394px;position:absolute;background-color:#fff}.navbar-box .navbar-dropdown{padding:12px 0}.navbar-box .navbar-dropdown .segment-button{padding:8px 0;display:flex;justify-content:center}.navbar-box .navbar-dropdown .segment-button .segment-button-link{padding:2px 16px;border-radius:4px;border:1px solid #198cff;line-height:18px;font-size:12px;color:#198cff;height:24px}.navbar-box .navbar-item{padding:0 16px;cursor:pointer;border-right:2px solid transparent}.navbar-box .navbar-item .segment-item-box{padding-bottom:8px}.navbar-box .navbar-item .segment-item-bottom{display:flex}.navbar-box .navbar-item .segment-item-bottom a{color:#666;display:block;margin-right:10px;font-size:13px;line-height:20px}.navbar-box .navbar-item .segment-item-bottom a:hover{color:#198cff}.navbar-box .navbar-item .segment-item{font-size:16px;font-weight:700;display:flex;align-items:center;padding:8px 0}.navbar-box .navbar-item .segment-item .tit{width:196px;font-size:14px;font-weight:700;line-height:22px;color:#222}.navbar-box .navbar-item .segment-item .left-icon{width:20px;height:20px;margin-right:8px}.navbar-box .navbar-item .segment-item .right-icon{margin-left:8px;width:16px;height:16px}.navbar-box .navbar-item .segment-item i{color:#b3b3b3;font-weight:400;margin-left:8px}.navbar-box .navbar-item:hover{border-right:2px solid #198cff;box-shadow:0 8px 24px rgba(214,218,227,.3);background:linear-gradient(180deg,#f6f9ff,#fff);transition:all .3s ease-in-out}.navbar-box .navbar-item:hover .tit{color:#198cff}.navbar-box .navbar-item:hover .detail-right{display:block}.navbar-box .navbar-item a{font-size:14px;text-decoration:none;display:flex;align-items:center}.navbar-box .navbar-item a:hover{color:#198cff}.navbar-box .detail-right{position:absolute;padding:16px;left:280px;width:910px;border-left:1px solid #eee;background-color:#fff;top:0;height:394px;overflow:auto}.navbar-box .detail-right>dl{margin-bottom:12px}.navbar-box .detail-right>dl:last-child{margin-bottom:0}.navbar-box .detail-right .detail-title{color:#222;font-size:14px;margin-bottom:8px;font-weight:700;line-height:22px}.navbar-box .detail-right .detail-item{font-size:14px;float:left;display:flex;align-items:center;margin-right:24px;margin-bottom:4px}.navbar-box .detail-right .detail-item .tit{color:#666;line-height:22px}.navbar-box .detail-right .detail-item .tit:hover{color:#198cff}.navbar-box .detail-right .detail-item .tag{display:inline-block;box-sizing:border-box;padding:0 4px;border-radius:4px 0;border:1px solid #fa5857;font-size:10px;color:#fa5857;margin-left:4px}.navbar-box .detail-right .detail-item .tag-yellow{color:#ff9d14;border-color:#ff9d14}.index-banner{position:relative}.index-banner .swiper-container{width:100%;min-width:1200px;position:relative;overflow-x:hidden}.index-banner .swiper-container .swiper-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;height:394px;cursor:pointer}.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:40px;height:4px;border-radius:3px;background-color:#fff;opacity:.6}.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.index-banner .swiper-container .banner-text{padding-top:93px;padding-left:312px;text-align:left;color:#fff;width:1200px}.index-banner .swiper-container .banner-text .fff-btn{display:inline-block;font-size:16px;width:100px;line-height:30px;text-align:center;color:#fff;border:1px solid #fff}.index-banner .swiper-container .banner-text .fff-btn:hover{opacity:.8}.index-banner .swiper-container .banner-text .row{display:flex;align-items:center}.index-banner .swiper-container .banner-text .row .row-item{padding:5px 12px;border-radius:4px;border:1px solid #59cdff;color:#222;margin-right:8px;font-size:14px;line-height:22px}.index-banner .swiper-container .banner-text h1{margin-bottom:8px;color:#222;font-size:40px;font-style:normal;font-weight:700;line-height:56px}.index-banner .swiper-container .banner-text p{color:#666;font-size:16px;font-style:normal;line-height:24px;margin-bottom:8px}.index-banner .swiper-container .banner-text .down-link{margin-top:32px;display:inline-block;width:160px;height:48px;padding:8px 24px;border-radius:8px;background:#198cff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#fff}.index-banner .swiper-container .banner-text .down-link:hover{opacity:.8}.index-banner .bottom-nav{position:relative;z-index:99;width:100%;background-color:#f2f8ff;margin-bottom:40px}.index-banner .bottom-nav .item-box .item{float:left;width:20%;padding:30px 14px;cursor:pointer}.index-banner .bottom-nav .item-box .item:hover{background-color:#fff;box-shadow:0 8px 16px rgba(214,218,227,.3)}.index-banner .bottom-nav .item-box .item:hover .right .desc,.index-banner .bottom-nav .item-box .item:hover .right .top{color:#198cff}.index-banner .bottom-nav .item-box .item:last-child{border:none}.index-banner .bottom-nav .item-box .item img{float:left;font-size:30px;margin-right:10px;width:48px}.index-banner .bottom-nav .item-box .item .right{padding-left:44px}.index-banner .bottom-nav .item-box .item .right span{display:block;font-size:14px}.index-banner .bottom-nav .item-box .item .right span.top{font-size:16px;font-style:normal;font-weight:700;line-height:24px;margin-bottom:4px}.index-banner .bottom-nav .item-box .item .right span.desc{color:#666;font-size:14px;font-style:normal;line-height:22px}.index-banner .category-list{margin-bottom:40px}.index-banner .category-list .category-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.index-banner .category-list .category-top .category-title{display:flex;align-items:center}.index-banner .category-list .category-top .category-title .tit{color:#222;font-weight:700;line-height:36px;font-size:20px;margin-left:4px}.index-banner .category-list .category-top .category-title img{width:28px;height:28px}.index-banner .category-list .category-top .category-more{display:flex;align-items:center}.index-banner .category-list .category-top .category-more a{display:block;color:#198cff;font-size:14px;font-weight:400;line-height:22px}.index-banner .category-list .category-top .category-more i{color:#198cff}.index-banner .category-list .category-content{display:flex}.index-banner .category-list .category-content .category-item{width:calc((100% - 96px)/5);margin-right:24px;margin-bottom:8px;cursor:pointer}.index-banner .category-list .category-content .category-item img{height:124px;border-radius:12px}.index-banner .category-list .category-content .category-item:last-child{margin-right:0}.index-banner .category-list .category-content .category-item .category-tit{color:#222;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.free-trial-box{width:465px;border-radius:8px;padding-left:30px;height:58px;overflow:hidden;background:#fff;margin-top:40px}.free-trial-box .input{width:calc(100% - 157px);font-size:18px;border:none;outline:none;line-height:58px}.free-trial-box .btn{width:157px;background:#f76377;font-size:18px;font-weight:400;color:#fff;line-height:58px;text-align:center}.free-trial-box .btn a{color:#fff}.free-trial-box .theme-bj{background:#1a8cff}.class-wappaer{width:1200px;margin:0 auto;position:relative}.class-nav{position:absolute;left:0;top:0;z-index:2}