.during-section-list{display:flex;flex-wrap:wrap}.during-section-list .section-item{width:299px;margin-right:12px;margin-bottom:12px;padding:20px;background:#fff;border:1px solid #ddd;cursor:pointer;border-radius:4px;position:relative}.during-section-list .section-item:hover{border-color:#3372ff}.during-section-list .section-item:hover .section-title{color:#3372ff;font-weight:500}.during-section-list .section-item:nth-child(4n){margin-right:0}.during-section-list .section-item .section-title{position:relative;z-index:1;overflow:hidden;color:#000;font-size:16px;line-height:24px}.during-section-list .section-item .section-title .text{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.during-section-list .section-item .section-title:hover{font-weight:500}.during-section-list .section-item .tools{display:flex;margin-top:12px;color:#8d8d8d;font-size:14px}.during-section-list .section-item .tools button{width:88px;height:36px;text-align:center;cursor:pointer;border-radius:4px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.during-section-list .section-item .tools button span{line-height:1;font-weight:500}.during-section-list .section-item .tools .correction{border:1px solid #006eff;color:#fff;background:#006eff}.during-section-list .section-item .tools .correction:hover{background-color:#285bcc}.during-section-list .section-item .tools .correction:active{background-color:#1e4499}.during-section-list .section-item .tools .attending-class{border:1px solid #3372ff;color:#3372ff;background-color:rgba(51,114,255,.08)}.during-section-list .section-item .tools .attending-class:hover{background-color:rgba(51,114,255,.2)}.during-section-list .section-item .tools .attending-class:active{background-color:rgba(51,114,255,.4)}.during-section-list .section-item .tools .view-data{color:#000;background-color:#fff;margin-left:8px;border:1px solid #ccc;cursor:pointer}.during-section-list .section-item .tools .view-data:hover{color:#3372ff;border:1px solid #3372ff}.during-section-list .section-item .tools .view-data:active{color:#2350b3;border:1px solid #1e4499}.during-section-list .section-item .last-section-bg{position:absolute;top:0;right:0;bottom:0}.during-section-list .section-item .last-section-bg .last-bg{width:109px;height:109px;background-image:url(../img/finished-class-bg.e978b463.png);background-size:100%}.during-section-list .section-item .last-section-bg .label{position:absolute;top:-1px;right:-1px;width:52px;height:20px;font-weight:500;font-size:12px;letter-spacing:0;line-height:20px;text-align:center;color:#fff;background:#5dcb6b;border-radius:0 4px 0 4px}.class-select-cascader .el-cascader-menu:first-child .el-checkbox{display:none}.class-type-choose-dialog .choose-img{display:flex;justify-content:space-between}.class-type-choose-dialog .choose-img .choose-item{position:relative;cursor:pointer;width:230px;height:218px}.class-type-choose-dialog .choose-img .choose-item span{font-size:14px;color:#202b4b;text-align:center;line-height:20px;position:absolute;width:100%;padding:12px;font-weight:700}.class-type-choose-dialog .choose-img .choose-item img{width:100%;height:100%}.class-type-choose-dialog .choose-img .choose-item .img-border{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #0069ff;border-radius:7px}.class-type-choose-dialog .choose-img .choose-item.selected span{color:#0069ff}.class-type-choose-dialog .choose-img .choose-item.selected .img-border{display:block}.class-type-choose-dialog .el-dialog__body{padding:30px 40px}.class-type-choose-dialog .class-choose{margin-top:40px}.class-type-choose-dialog .footer-btns{text-align:right}.content-item-gdw[data-v-7c05cc59]:hover,.content-item-hardware[data-v-7c05cc59]:hover,.content-item-laboratory[data-v-7c05cc59]:hover,.content-item-mars[data-v-7c05cc59]:hover,.content-item-python[data-v-7c05cc59]:hover{background-color:#3372ff}.ai-customer[data-v-b1f8296e]{position:fixed;right:20px;bottom:20px;width:113px;height:118px}.ai-customer>img[data-v-b1f8296e]{width:100%;height:100%;cursor:pointer}.prepare{width:1280px;height:100%;margin:0 auto}.prepare .content-block .title{display:flex;justify-content:space-between;margin-top:36px;margin-bottom:12px;font-size:18px;font-weight:500;line-height:24px}.prepare .content-block .title .title-left{display:flex;align-items:center;font-weight:500}.prepare .content-block .title .title-left .title-text{font-weight:500}.prepare .content-block .title .title-left .separator{width:1px;height:16px;background:rgba(0,0,0,.12);border-radius:.5px;margin:0 8px}.prepare .content-block .title .title-left .recommend-tips{font-size:14px;color:rgba(0,0,0,.4);letter-spacing:0;line-height:22px}.prepare .content-block .sub-title{position:relative;z-index:1;display:flex;justify-content:space-between;padding:16px 20px 12px 0;font-size:16px;line-height:24px;background-color:#fff;transition:all .3s}.prepare .content-block .sub-title .sub-title-left{font-weight:500}.prepare .content-block.tools-block .title{margin-bottom:28px}.icon-more{display:inline-block;width:12px;height:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABRElEQVR42tWTP07DMBTGf3ZCOQgbd+AAsDBlrYoQYicKzhFSQthRVUF7GNhgo+rQhVsQXBs7QY4UFapu8FmK5Hx/3nuWzZ+FEkrswF+L5ivZgMB4VQc1UANIN1r835b3kN6tjlmyUEllsogesqgyKmHB0qlcLeHdvHGAxYqzYp7GlSbA7/KhfUC4teJwXHdNaKSd5KNKZ3FI9/KRnSAdS2hpXJOj2WPNnp3mw1KncZte+vRpy6DJx3XT0pW8M99lDRG1uCwefZXSp98zcHLZtuuVoh2sXPdJ6Id4FQi64TqBFkOwc+IQEA5DdAN2LTjLB7DPOqQ7lgbh3J+MG/Ll6J1Tn0nsGNuknxezNL7V0DPAs8nim1dnOSHGYB33KS6KWRbkwbChSoTEhPTf4C+HStTKraTZbUcqf7yMW66z3PVB/Rd8AembonkCImuiAAAAAElFTkSuQmCC);background-size:100% 100%;transition:all .3s;margin-left:4px}.icon-more.icon-more-up{transform:rotate(-180deg)}.icon-more.icon-more-right{transform:rotate(-90deg)}.all-course-tool{display:flex;align-items:center;font-weight:400;font-size:14px;color:rgba(0,0,0,.6);letter-spacing:0;line-height:24px;cursor:pointer;margin-left:20px}.all-course-tool:hover{color:#000}.all-course-tool:hover .icon-more{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABdElEQVR42tWTwU4CMRCG/04rPoPBmzcPZnep+AxoookJV4IaY3wkJVHh4rMosIsxSjiQKDGCjyDuTqWNgBLAcNOvl52dmb/zNy3+LFposUDec0FAmI7LuKox2VQ2BfhTW3wa5i1kQ53jFjd1PmJPYgJPRqzz3OSWztlmAWylkkezBgMjDmoVTzVijLCRLphLCAjRlus3fcKQGGRKm8VGHKjR7IPyzaIpgTASkRmqxulXs48lJFBmN/1UjzzVY6seWfULSDAUYjq9vc+Q7JoNih7Sz9gDgSGxs/oShoFaociqn0OBQTDisHa9QQ2WwJvxZdhY7Zjt77t0eaQu8UHHtbIv7xgQk+ZcQUwFgCtQSEA/D0OMDYaDEfgMKSSQeAew7L76dFK9slk4JL7osqfCMN1xXgwUJIxTP6qVrX1gogHocaDqkfXijJrh7IEtn4WnAF3IJBkzWIkuuD/z8SSg87o9WHkX/Y5PMy/j/Osc0KIP6r/wCREBpRyVetZOAAAAAElFTkSuQmCC)}.all-section-block{width:1280px;height:430px;position:relative;z-index:3;padding:0 24px 24px;padding-right:4px;margin-top:-1px;background-color:#fff;overflow-y:hidden;border-radius:0 0 8px 8px}.all-section-block.show-all-course.no-show-all-section-block{z-index:1;max-height:188px;position:relative;transition:max-height .3s,position 0s .3s,z-index 0s}.all-section-block.no-show-all-course.show-all-section-block{max-height:430px;position:absolute;transition:max-height .3s,position 0s 0s,z-index 0s .3s}.all-section-block.no-show-all-course.no-show-all-section-block{max-height:188px;position:relative;transition:max-height .3s,position 0s .3s,z-index 0s .3s}.all-section-block .section-pointer{width:13px;height:13px;top:0;background-color:#3372ff;transform:rotate(45deg) translateX(-71%);position:absolute;z-index:2;border-radius:0 0 4px 0}.all-section-info{height:144px;overflow:hidden}.all-section-info .catalog-title{color:#999;font-size:14px;padding-bottom:8px}.recommend-content{width:100%;height:190px;overflow:hidden;color:#000;font-size:18px;background:#fff;box-shadow:0 2px 16px 0 #e5e6e8;border-radius:8px;display:flex;align-items:center}.recommend-content .tab-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.recommend-content .tab-list .tab-item{width:640px;padding:20px;background:#fff;outline:1px solid #ebebeb;position:relative}.recommend-content .tab-list .tab-item-0{border-radius:8px 0 0 0}.recommend-content .tab-list .tab-item-0:hover .recommend-hover-outline{height:calc(100% - 1px);top:1px}.recommend-content .tab-list .tab-item-1{border-radius:0 8px 0 0}.recommend-content .tab-list .tab-item-1:hover .recommend-hover-outline{height:calc(100% - 1px);top:1px}.recommend-content .tab-list .tab-item-4{border-radius:0 0 0 8px}.recommend-content .tab-list .tab-item-4:hover .recommend-hover-outline{height:calc(100% - 1px)}.recommend-content .tab-list .tab-item-5{border-radius:0 0 8px 0}.recommend-content .tab-list .tab-item-5:hover .recommend-hover-outline{height:calc(100% - 1px)}.recommend-content .tab-list .tab-item:hover .course-title{color:#3372ff!important}.recommend-content .tab-list .tab-item:hover .recommend-hover-outline{display:block}.recommend-content .tab-list .tab-item .content-wrapper{max-width:100%;display:flex;align-items:center}.recommend-content .tab-list .tab-item .content-wrapper .course-title{font-size:16px;color:#000;letter-spacing:0;text-align:justify;line-height:24px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.recommend-content .tab-list .tab-item .content-wrapper .grade-label-list{height:20px;font-size:12px;color:#3372ff;letter-spacing:0;text-align:justify;line-height:20px;background:rgba(51,114,255,.12156862745098039);border-radius:2px;margin-left:8px;padding:0 4px;white-space:nowrap}.recommend-content .tab-list .tab-item .recommend-hover-outline{width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #3372ff;z-index:1;display:none}.recommend-content .tab-list .tab-item .recommend-hover-outline-0{border-radius:8px 0 0 0}.recommend-content .tab-list .tab-item .recommend-hover-outline-1{border-radius:0 8px 0 0}.recommend-content .tab-list .tab-item .recommend-hover-outline-4{border-radius:0 0 0 8px}.recommend-content .tab-list .tab-item .recommend-hover-outline-5{border-radius:0 0 8px 0}.recommend-content .tab-list .tab-item.tab-item-empty{cursor:default}.recommend-content .tab-list .tab-item.tab-item-empty:hover .recommend-hover-outline{display:none!important}.recommend-content .show-more-class{display:flex;justify-content:center;color:#8f8f8f;font-size:14px;text-align:center;cursor:pointer}.during-course-scroll{min-height:164px;max-height:164px;position:absolute;z-index:3;width:100%;background:#fff;transition:max-height .3s;border-radius:8px 8px 0 0;transition-property:z-index,max-height,box-shadow;transition-delay:.3s 0 .3s}.during-course-scroll .el-scrollbar__wrap{overflow:hidden}.during-course-scroll .el-scrollbar__bar{z-index:-1}.during-course-block-wrapper{height:351px;border-radius:8px;position:relative;box-shadow:0 2px 16px 0 #e5e6e8}.during-course-block-wrapper .during-course-block{position:relative}.during-course-block-wrapper .during-course-block .during-course-wrap{position:relative;height:164px}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list{width:1280px;display:flex;flex-wrap:wrap;position:relative}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item{position:relative;width:320px;height:164px;padding:24px;color:#000;background-color:#fff;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item:hover{position:relative}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item:hover .course-name,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item:hover .course-time span{color:#3372ff}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item:hover .course-time .week{background-color:rgba(51,114,255,.08)}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item:hover .course-highlight-outline{display:block}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item:nth-child(4n){border-right:1px solid transparent}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-top .course-highlight-outline{height:calc(100% + 1px);position:absolute;top:0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-top .bottom-shadow{display:block}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-top.class-item-bottom-left,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-top.class-item-bottom-left:hover .course-highlight-outline{border-radius:8px 0 0 0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-top.class-item-bottom-right,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-top.class-item-bottom-right:hover .course-highlight-outline{border-radius:0 0 0 0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-top-left,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-top-left:hover .course-highlight-outline{border-radius:8px 0 0 0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-top-right,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-top-right.class-item-bottom-right,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-top-right.class-item-bottom-right:hover .course-highlight-outline,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-top-right:hover .course-highlight-outline{border-radius:0 8px 0 0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-left .course-highlight-outline{width:calc(100% + 1px);position:absolute;left:0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.class-item-bottom .course-highlight-outline{height:calc(100% + 1px);position:absolute;bottom:0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-bottom-left,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-bottom-left:hover .course-highlight-outline{border-radius:0 0 0 8px}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-bottom-right,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item-bottom-right:hover .course-highlight-outline{border-radius:0 0 8px 0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .grade-label{width:fit-content;padding:0 5px;color:#3372ff;font-size:12px;line-height:16px;border:1px solid #3372ff;border-radius:2px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .course-name{margin-top:8px;color:#000;font-size:18px;line-height:26px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .course-time{position:absolute;bottom:28px;color:#666;font-size:12px;line-height:16px}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .course-time .week{height:20px;line-height:20px;display:inline-block;margin-right:8px;padding:0 4px;background:#ebebeb;border-radius:2px;color:rgba(0,0,0,.6)}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .course-time .time{color:#999}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .section-arrow{bottom:-1px;left:145px;z-index:0;display:none;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .section-arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff;content:""}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item{color:#fff;background:#3372ff;border-right:1px solid #3372ff;border-bottom:1px solid #3372ff}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .course-highlight-outline{display:block}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .bottom-shadow{display:none}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .grade-label{border:1px solid #fff}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .week{color:#fff;background:hsla(0,0%,100%,.2)}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .course-name,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .course-time,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .grade-label,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .time{color:#fff}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .course-name{font-weight:500}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item .section-arrow{display:block!important}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item:hover .course-name,.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item:hover .course-time span{color:#fff}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item:hover .course-time .week{background-color:hsla(0,0%,100%,.2)}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.current-item:hover .course-highlight-outline{display:block}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.more-new-course{display:flex;align-items:center;justify-content:center;background-color:#fff}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.more-new-course .more-new-course-text{font-size:12px;color:#666;letter-spacing:0}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item.more-new-course .arrow-right{width:12px;height:12px;background:url(../img/arrow-right.4a8866a6.svg) no-repeat;margin-left:4px}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .course-highlight-outline{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;border:1px solid #3372ff;z-index:1;display:none}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .class-item .bottom-shadow{width:320px;height:16px;position:absolute;bottom:0;left:0;background-image:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.04));display:none}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .bottom-shadow-filler{height:16px;position:absolute;right:0;bottom:0;background-image:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.04))}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .bottom-shadow-filler.length-1{width:640px}.during-course-block-wrapper .during-course-block .during-course-wrap .during-course-list .bottom-shadow-filler.length-2{width:320px}.during-course-block-wrapper .during-course-block .during-course-wrap .show-all-course{position:absolute;z-index:3;width:1280px;max-height:430px;border-radius:8px;box-shadow:0 5px 10px 0 hsla(0,0%,84.3%,.45);transition-property:z-index,max-height box-shadow;transition-delay:0 0 0}.during-course-block-wrapper .during-course-block .during-course-wrap .show-all-course .el-scrollbar__wrap{overflow:scroll}.during-course-block-wrapper .during-course-block .during-course-wrap .show-all-course .el-scrollbar__bar{z-index:1;right:4px}.during-course-block-wrapper .during-course-block .during-course-wrap .show-all-course .bottom-shadow{display:none!important}.show-all-course .during-course-list .class-item .section-arrow{z-index:-1}.during-section-scroll{max-height:362px}.during-section-scroll .el-scrollbar__wrap{width:100%}.during-course-scroll,.during-section-scroll{display:flex}.during-course-scroll .el-scrollbar__wrap,.during-section-scroll .el-scrollbar__wrap{height:auto}.during-course-scroll .el-scrollbar__wrap::-webkit-scrollbar-thumb,.during-section-scroll .el-scrollbar__wrap::-webkit-scrollbar-thumb{background-color:unset}.auto-height{height:auto}.bottom-tool .tool-item{width:auto;margin-bottom:20px}.bottom-tool .tool-item:first-child{margin-left:0}.bottom-tool .tool-item:last-child{margin-right:0}.tool-header{display:flex}.tool-header .tool-header--item{display:flex;flex:1;align-items:center}.tool-header .tool-header--item .icon-zhiqi{width:233px;height:28px;background-image:url(../img/national-header.ec18095e.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-zhiqi:lang(en){width:503px;height:20px;background-image:url(../img/national-header-en.f8871f01.png)}.tool-header .tool-header--item .icon-gz-ai{width:261px;height:28px;background-image:url(../img/gz-header.0c5c8b0d.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-sz-ai{width:197px;height:28px;background-image:url(../img/ai-sz.fdc2ffbe.svg);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-wz-ai{width:231px;height:28px;background-image:url(../img/wz-header.cd076ce4.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-coding{width:88px;height:28px;background-image:url(../img/coding-header.cde5ef4f.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-coding:lang(en){width:386px;height:18px;background-image:url(../img/coding-header-en.1f51f8b7.png)}.tool-header .tool-header--item .icon-arena{width:94px;height:28px;background-image:url(../img/arena-header.65d7b30e.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-arena:lang(en){width:98px;height:20px;background-image:url(../img/arena-header-en.9be3fc81.png)}.tool-header .tool-header--item .icon-weixin{width:95px;height:28px;background-image:url(../img/wx-header.192798bd.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-weixin:lang(en){width:196px;height:19px;background-image:url(../img/wx-header-en.0f842ac5.png)}.tool-header .tool-header--item .icon-coding-gz{width:165px;height:22px;background-image:url(https://s.learn.qq.com/tencent-learn/workbench/icon-coding-gz.png);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-coding-sz{width:162px;height:22px;background-image:url(../img/coding-sz.015e20c0.svg);background-repeat:no-repeat;background-size:contain}.tool-header .tool-header--item .icon-gdw{width:111px;height:22px;background-image:url(https://s.learn.qq.com/tencent-learn/workbench/pic-title-gdw.png);background-repeat:no-repeat;background-size:contain}.content-list{display:flex;margin-top:12px}.content-list .disable-container{display:flex;align-items:center;justify-content:center}.content-list .disable-container .item-img-disable{width:72px;margin-left:10px;margin-right:8px}.content-list .disable-container .disable-text-container{display:flex;flex-direction:column;color:#000;font-size:12px}.content-list .disable-container .disable-text-container .disable-text{text-align:left}.content-list .content-item{width:250px;height:92px;margin-right:8px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 3px 7px 0 rgba(0,0,0,.08);cursor:pointer;transition:all .3s;display:flex;flex-direction:row;align-items:center;position:relative}.content-list .content-item:hover{background-color:#3372ff}.content-list .content-item-disable:hover{background-color:#fff}.content-list .content-item:last-child{margin-right:0}.content-list .content-item .item-img,.content-list .content-item .item-img-h{flex-shrink:0;display:block;width:44px;height:44px;margin-left:24px;margin-right:20px}.content-list .content-item .item-img-h{display:none}.content-list .content-item.content-item-gdw .item-img,.content-list .content-item.content-item-gdw .item-img-h{width:auto}.content-list .content-item .item-title{text-align:left;font-size:14px;color:#000}.content-list .content-item .item-subtitle{text-align:left;margin-top:4px;font-size:12px;color:rgba(0,0,0,.4)}.content-list .content-item .bottom-img{display:block;width:100%;height:4px;margin-top:18px;object-fit:cover}.content-list .content-item .item-new-flag{position:absolute;width:42px;height:18px;top:0;right:0;background:#ff5757;color:#fff;font-size:12px;font-weight:500;border-top-right-radius:8px;border-bottom-left-radius:4px;display:flex;align-items:center;justify-content:center}.content-list .content-item:hover .item-subtitle,.content-list .content-item:hover .item-title{color:#fff}.content-list .content-item:hover .item-img{display:none}.content-list .content-item:hover .item-img-h{display:block}.content-list .content-item:hover .bottom-img{display:none}.content-list .content-item-aiExperience:hover,.content-list .content-item-arena:hover,.content-list .content-item-create:hover,.content-list .content-item-experiment:hover,.content-list .content-item-workshop:hover{background-color:#3372ff}.ad{line-height:50px;background:#fff4dd}.ad .ad-btn{display:flex;width:1200px;margin:0 auto;color:#e8a414;font-size:18px}.concat-dialog{border-radius:2px;box-shadow:0 2px 18px 0 rgba(0,0,0,.05)}.concat-dialog .el-dialog__header{padding:15px 18px 8px}.concat-dialog .el-dialog__header .el-dialog__title{font-weight:500;font-size:16px}.concat-dialog .el-dialog__header .el-dialog__headerbtn{top:15px}.concat-dialog .el-dialog__header:before{position:absolute;top:0;left:0;width:80%;height:3px;background:#3372ff;content:""}.concat-dialog .el-dialog__header:after{position:absolute;top:0;right:0;width:20%;height:3px;background:#5dcb6b;content:""}.concat-dialog .el-dialog__body{padding:0 18px}.concat-dialog .main-text{color:#202b4b;font-size:14px;line-height:22px;text-align:justify}.concat-dialog .pop-img{display:block;width:100px;margin:16px auto;padding-bottom:40px}.concat-dialog .desc-text{margin-left:20px;color:#000;font-size:12px;line-height:22px}.concat-dialog .desc-text:last-child{padding-bottom:40px}.title-right{display:flex}.title-right .schedule{font-weight:400;font-size:14px;color:rgba(0,0,0,.6);letter-spacing:0;line-height:24px;cursor:pointer}.title-right .schedule:hover{color:#000}.title-right .all-course-wrapper{display:flex;align-items:center;cursor:pointer}.title-right .all-course-wrapper:hover .text{color:#000}.title-right .all-course-wrapper:hover .arrow-right{background:url(../img/arrow-right-black.e259cc24.svg) no-repeat}.title-right .all-course-wrapper .text{font-weight:400;font-size:14px;color:rgba(0,0,0,.6);letter-spacing:0;line-height:24px}.title-right .all-course-wrapper .arrow-right{width:12px;height:12px;background:url(../img/arrow-right.4a8866a6.svg) no-repeat;margin-left:4px}