*{box-sizing:border-box}li{list-style:none}.page{display:flex;min-height:98vh;flex-direction:column;background-color:#fff}.main{width:100%;flex:auto;background:#f4f4f4}.main .banner{overflow:hidden;position:relative;height:360px}.main .banner .banner-item{display:none;height:100%;position:absolute}.main .banner .banner-item.cur{display:block}.main .banner .banner-image{height:100%;width:100%;object-fit:cover}.main .banner .tabbox{position:absolute;top:0;right:7%;z-index:10;width:340px;height:360px;padding:55px 53px;background:rgba(0,0,0,.3)}.main .banner .tabbox ul li{height:20px;line-height:20px;margin-bottom:40px;max-width:100%}.main .banner .tabbox ul li:last-child,.main .inner-box .main_content .video .inner .content .course .item:last-child{margin-bottom:0}.main .banner .tabbox ul li.active{font-size:20px;position:relative}.main .banner .tabbox ul li.active::before{content:'';display:inline-block;position:absolute;left:-20px;top:5px;width:0;height:0;border:5px solid transparent;border-right:6px solid #fff}.main .banner .tabbox ul li a{display:inline-block;color:#fff;white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.main .inner-box{width:1160px;margin:0 auto;padding-top:40px}.main .inner-box .title{display:flex;align-items:flex-end;padding-bottom:8px}.main .inner-box .title strong{font-size:20px;color:#000;font-weight:700}.main .inner-box .title span{font-size:12px;color:#666;margin-left:10px}.main .inner-box .teacher{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.main .inner-box .teacher .item_box{position:relative;width:375px;height:100px;padding:10px 15px;display:flex;background:#fff;border-radius:10px;margin-top:16px}.main .inner-box .teacher .item_box .introduce{margin-left:10px;padding-top:9px}.main .inner-box .teacher .item_box .introduce h2{float:left;font-size:16px;margin-right:8px;line-height:17px;height:17px}.main .inner-box .teacher .item_box .introduce span.el-tag--mini{font-size:12px;padding:0 10px;background-color:#d9e9ff;height:17px;line-height:16px;transform:translateY(-1px)}.main .inner-box .teacher .item_box .introduce p{font-size:12px;max-width:170px;line-height:18px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .inner-box .teacher .item_box .introduce p:first-of-type{margin-top:12px}.main .inner-box .teacher .item_box .downloadBtn{position:absolute;bottom:10px;right:15px;width:72px;height:22px;padding:0 11px;background:linear-gradient(90deg,#ffa800,#ff2b5d);border-radius:11px;font-size:12px;color:#fff;line-height:20px;cursor:pointer;border:0}.main .inner-box .aside{position:sticky;top:10px;float:left;width:182px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 0 10px 0 rgba(153,153,153,.15)}.main .inner-box .aside>h2{height:47px;background:#4c8bdc;font-size:20px;color:#fff;line-height:47px;text-align:center}.main .inner-box .aside .subject{padding:18px 0}.main .inner-box .aside .subject .des{height:40px;padding-left:20px;cursor:pointer;position:relative}.main .inner-box .aside .subject .des:hover{background-color:rgba(76,139,220,.1);transition:all ease .3s}.main .inner-box .aside .subject .des h2{font-size:16px;font-weight:400;line-height:40px}.main .inner-box .aside .subject .des .el-icon-caret-right{position:absolute;right:10px;top:13px;text-align:center;color:#4c8bdc}.main .inner-box .aside .subject .active{color:#4c8bdc;background-color:rgba(76,139,220,.1)}.main .inner-box .aside .subject .active h2{font-size:large}.main .inner-box .main_content{margin-left:202px}.main .inner-box .main_content .title_top{text-align:center;font-size:18px}.main .inner-box .main_content .title_adv{margin:9px 0 25px;font-size:12px;color:#666;text-align:center}.main .inner-box .main_content .study-roadmap{width:100%;margin-bottom:30px}.main .inner-box .main_content .study-roadmap .inner{margin:0 auto;padding:10px 20px;background:#fff;border-radius:10px}.main .inner-box .main_content .study-roadmap .inner .stage{display:flex;justify-content:flex-start;background:#fff;padding:20px 0 10px;border-bottom:1px solid #f4f4f4}.main .inner-box .main_content .study-roadmap .inner .stage:last-child{margin-bottom:20px}.main .inner-box .main_content .study-roadmap .inner .stage .left{flex:0 0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:18px;width:129px;min-height:110px;text-align:center;color:#fff;background-color:#4c8bdc;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),0 calc(100% - 10px))}.main .inner-box .main_content .study-roadmap .inner .stage .left p{margin-bottom:10px;font-size:13px}.main .inner-box .main_content .study-roadmap .inner .stage .left h3,.main .inner-box .main_content .study-roadmap .inner .stage .left h3 P{font-size:14px;max-width:89px;white-space:wrap}.main .inner-box .main_content .study-roadmap .inner .stage .right{overflow:auto;box-sizing:border-box}.main .inner-box .main_content .study-roadmap .inner .stage .right .item{cursor:pointer;float:left;height:30px;margin-bottom:10px}.main .inner-box .main_content .study-roadmap .inner .stage .right .item img{float:left;width:6px;height:10px;margin:10px 9px}.main .inner-box .main_content .study-roadmap .inner .stage .right .item span{float:left;height:30px;width:130px;min-width:130px;max-width:284px;text-align:center;background:#edf3fb;overflow:hidden;padding:0 10px;box-sizing:border-box;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;color:#000;line-height:30px}.main .inner-box .main_content .study-roadmap .inner .stage .right .item span a{color:#000;font-size:13px}.main .inner-box .main_content .study-roadmap .inner .stage .right .item span:hover{background-color:#cee3ff}.main .inner-box .main_content .study-roadmap .inner .stage .right .item.list:last-child{margin-right:auto}.main .inner-box .main_content .study-roadmap .inner .stage .paddingTop45{padding-top:45px}.main .inner-box .main_content .study-roadmap .inner .stage .paddingTop22{padding-top:22px}.main .inner-box .main_content .video{width:100%}.main .inner-box .main_content .video .inner{margin-top:36px}.main .inner-box .main_content .video .inner .content{width:100%;margin-bottom:20px;margin-left:0}.main .inner-box .main_content .video .inner .content:last-child{margin-bottom:-20px}.main .inner-box .main_content .video .inner .content .head{height:30px!important;margin-bottom:23px;box-sizing:border-box;background:#fff;line-height:46px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:flex}.main .inner-box .main_content .video .inner .content .head span:first-child{width:125px;padding-left:26px;margin-right:15px;color:#fff;background:#4c8bdc;-webkit-clip-path:polygon(0 0,80% 0,100% 100%,0 100%);clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.main .inner-box .main_content .video .inner .content .head span:last-child{color:#000}.main .inner-box .main_content .video .inner .content .course{display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fill,222px);flex-wrap:wrap}.main .inner-box .main_content .video .inner .content .course .item{width:222px;height:186px;margin-bottom:16px;cursor:pointer;overflow:hidden;border-radius:10px;position:relative;background-color:#fff}.main .inner-box .main_content .video .inner .content .course .item .shade_box{position:absolute;bottom:0;right:0;z-index:1050;width:100%;height:0}.main .inner-box .main_content .video .inner .content .course .item .shade_box .playbtn{width:100%;height:70px;text-align:center;background-color:rgba(0,0,0,.7)}.main .inner-box .main_content .video .inner .content .course .item .shade_box .playbtn i{font-size:34px;color:#fff;line-height:70px}.main .inner-box .main_content .video .inner .content .course .item .shade_box .desc{height:calc(100% - 70px);background-color:#fff;display:flex;justify-content:center;align-items:center}.main .inner-box .main_content .video .inner .content .course .item .shade_box .desc p{max-width:193px;max-height:74px;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.main .inner-box .main_content .video .inner .content .course .item:hover .shade_box{height:100%;transition:height .3s ease}.main .inner-box .main_content .video .inner .content .course .item:hover .container img{transform:scale(1.2);transition:all .3s ease}.main .inner-box .main_content .video .inner .content .course .item .container{width:222px;height:122px;overflow:hidden}.joinus .direction .code img,.main .inner-box .main_content .video .inner .content .course .item .container img{width:100%;height:100%}.main .inner-box .main_content .video .inner .content .course .item .name{height:14px;line-height:14px;font-size:14px;font-weight:700;color:#000;margin:10px 0 0 11px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.main .inner-box .main_content .video .inner .content .course .item .message{display:flex;justify-content:space-between;align-items:center;margin:9px 10px 10px 9px}.main .inner-box .main_content .video .inner .content .course .item .message span{font-size:13px;color:#666;display:flex;align-items:center}.main .inner-box .main_content .video .inner .content .course .item .message span img{width:11px;height:12px;margin-right:5px}.main .inner-box .main_content .video .inner .content .course .item .message em{background:#db0e1a;border-radius:18px;padding:1px 8px 1px 5px;font-size:14px;color:#fff;display:flex;align-items:center}.main .inner-box .main_content .video .inner .content .course .item .message em img{width:13px;height:13px;margin-right:4px}.main .toolsControl{width:1160px;margin:60px auto 0}.main .tools{display:flex;width:1160px;margin:0 auto 54px}.main .tools .toolsControl-content{padding:20px;background-color:#fff;border-radius:10px}.main .tools .souce-code .code,.main .tools .title{display:flex;justify-content:space-between;align-items:center}.main .tools .title{width:inherit;padding-bottom:20px}.main .tools .title h2{font-size:20px;color:#000;text-align:left}.main .tools .title a{font-size:16px;color:#018dd6}.main .tools .souce-code{width:571px}.main .tools .souce-code .code{height:100px;box-sizing:border-box}.main .tools .souce-code .code:hover{background:#f5fcff}.joinus .header .steps span,.main .tools .souce-code .code:hover .download{background:#018dd6;color:#fff}.main .tools .souce-code .code img{width:60px;height:60px;margin-right:15px}.main .tools .souce-code .code .wrap{width:456px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.main .tools .souce-code .code .description h3{font-size:14px;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;max-width:298px}.main .tools .souce-code .code .description p{max-width:328px;width:328px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:19px;font-size:14px;color:#666;margin-top:10px}.main .tools .souce-code .code .download{width:80px;height:30px;border:1px solid #018dd6;font-weight:500;color:#018dd6;font-size:14px;border-radius:4px;text-align:center;line-height:30px;cursor:pointer}.main .tools .article{margin-left:32px;width:571px}.main .tools .article .articl-list{height:100px;box-sizing:border-box;cursor:pointer}.main .tools .article .articl-list:hover{background:#f5fcff}.main .tools .article .articl-list .description h3{font-weight:700;color:#000;font-size:14px;padding-top:20px;padding-bottom:8px}.main .tools .article .articl-list .description .message{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .tools .article .bottom{display:flex;justify-content:space-between;margin-top:12px}.main .tools .article .bottom .seenumber{display:flex;align-items:center;color:#018dd6;font-size:12px}.main .tools .article .bottom .seenumber img{width:18px;height:11px;margin-right:5px}.main .tools .article .bottom .timer{color:#666;font-size:12px}.footer{height:20px;background-color:red}.joinus{position:relative}.joinus .el-dialog__header{display:none}.joinus .el-dialog__body{padding:20px 0 0}.joinus .download{position:absolute;top:-66px;font-size:47px;font-weight:500;color:#fff;line-height:67px}.joinus .download img{width:35px;height:33px}.joinus .header{width:450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.joinus .header .steps{display:flex;justify-content:flex-start;align-items:center}.joinus .header .steps span{display:inline-block;text-align:center;line-height:26px;width:26px;height:26px;border-radius:15px;font-size:18px;font-weight:400;margin-right:8px}.joinus .header .steps .des p{font-size:14px;font-weight:400;color:#000}.joinus .header .steps .des p:nth-child(2){font-size:18px;font-weight:700;color:#018dd6}.joinus .header .line{width:85px;height:1px;background:#999}.joinus .direction{background:#f6f6f6}.joinus .direction .code{width:133px;height:133px;margin:24px 0 24px 37px}.joinus .direction img{width:16px;height:14px}.joinus .direction,.joinus .direction .item{display:flex;justify-content:space-between;align-items:center}.joinus .direction .item{height:70px;border:1px solid #999;padding:15px 20px}.joinus .direction .item:last-child{margin-right:37px}.joinus .direction .item .content p{font-size:16px;font-weight:400;color:#333}.joinus .direction .item .content p:nth-child(2){font-size:20px;font-weight:700;color:#000}