@charset 'utf-8';.cart-color{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.red{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.orange{background:linear-gradient(270deg,rgba(255,150,0,.7),#ff9600)}.cart-color.green{background:linear-gradient(270deg,rgba(0,185,90,.7),#00b95a)}.cart-color.cyan{background:linear-gradient(270deg,rgba(0,200,200,.7),#00c8c8)}.cart-color.blue{background:linear-gradient(270deg,rgba(75,150,220,.7),#4b96dc)}.cart-color.purple{background:linear-gradient(270deg,rgba(210,115,230,.7),#d273e6)}.course-card:hover .picblock{opacity:1}.course-card:hover .course-card-name{color:#F01414}.course-card-info a:link{color:#4D555D;font-size:12px;line-height:24px;margin-right:5px}.course-card-container{width:224px;border-radius:4px;margin-right:24px;position:relative;transition:.3s all linear}.course-card-container .picblock{width:224px;height:124px;overflow:hidden;border-radius:8px;opacity:.8;position:relative;z-index:88}.course-card-container .picblock .tag{position:absolute;left:8px;bottom:8px;z-index:99}.course-card-container .picblock .tag>li{background:rgba(7,17,27,.4);border-radius:12px;float:left;text-align:center;margin-right:5px;font-size:12px;color:#FFF;line-height:24px;padding:0 8px}.course-card-container .course-card-top i{float:left;font-size:16px;color:#fff;line-height:48px;margin-right:8px;display:none}.course-card-container.coding .course-card-top i{display:block}.course-card-container .course-cart-new{display:none;position:absolute;width:44px;height:24px;z-index:2;right:-5px;top:-4px}.course-card-container.new .course-cart-new{display:block}.course-card-container .course-card{display:block;position:relative;z-index:1;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-card-container .course-card-top{height:48px;padding:0 20px;overflow:hidden}.course-card-container .course-card-top span{float:left;font-size:12px;font-weight:700;color:#fff;line-height:48px;margin-right:10px}.course-card-container .course-card-content{width:208px;max-height:100px;margin:12px auto 0;box-sizing:border-box}.course-card-container .course-card-name{font-size:16px;color:#07111B;line-height:24px;max-height:48px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.1px}.course-card-container p{text-overflow:ellipsis;word-break:normal;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-o-text-overflow:ellipsis}.course-card-container .course-card-info{font-size:12px;color:#4D555D;line-height:24px}.course-card-container p{font-size:12px;color:#93999f;line-height:24px}em.yprice{text-decoration:line-through;color:#93999F;margin-left:5px;display:inline-block}em.discount{background:rgba(240,20,20,.06);border-radius:2px;color:rgba(240,20,20,.6);padding:3px 4px;margin-left:5px}.course-card-container .course-card-info span{margin:0 3px 0 0}.course-card-container .course-card-info i{font-style:normal}.course-card-container .course-card-bottom{line-height:24px;font-size:12px;text-align:left;font-weight:200}.course-card-container .course-card-learning{position:absolute;width:40px;height:24px;font-size:12px;line-height:24px;color:#fff;background-color:#2b333b;font-weight:200;text-align:center;right:-4px;top:12px;z-index:1;border-top-left-radius:4px;border-bottom-left-radius:4px}.course-card-container .course-card-learning i{font-size:16px;line-height:24px}.course-card-container .course-card-learning:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #2b333b;border-right:4px solid transparent;right:0;bottom:-4px}.course-card-container .course-card-price{float:right;color:#f01414;font-weight:200}.path-card-container{width:224px;height:228px;position:relative}.path-card-container>a{display:block;width:224px;height:228px;padding:24px;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:4px}.path-card-container .path-cart-tit1{height:22px;line-height:20px;margin-bottom:12px}.path-card-container .path-cart-tit1 span{float:left;color:rgba(255,255,255,.6)}.path-card-container .path-cart-tit1 i{float:left;margin-right:10px;color:#fff;font-size:20px}.path-card-container .path-cart-tit2{color:rgba(255,255,255,.6);height:14px;line-height:14px;text-align:left;margin-bottom:10px}.path-card-container .path-cart-tit3{font-size:20px;font-weight:700;line-height:24px;color:#fff}.path-card-container .path-cart-more{margin-top:36px;color:#fff}.path-card-container .path-cart-more span,.path-card-container .path-cart-more i{float:left;margin-right:8px;line-height:14px;font-size:12px}@font-face{font-family:imoocwap;src:url(/static/topic/static/common/fonts/fonts/imwap_08c482f.eot?2wl6td31);src:url(../../common/fonts/fonts/fonts/imwap.eot?2wl6td31#iefix) format('embedded-opentype'),url(/static/topic/static/common/fonts/fonts/imwap_a604e39.ttf?2wl6td31) format('truetype'),url(/static/topic/static/common/fonts/fonts/imwap_71f5878.woff?2wl6td31) format('woff'),url(../../common/fonts/fonts/moocwap.svg?2wl6td31#imoocwap) format('svg');font-weight:400;font-style:normal}[class^=imwap-],[class*=" imwap-"]{font-family:imoocwap!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.imwap-path－introduce:before{content:"\e91b"}.imwap-path－chapter:before{content:"\e91c"}.imwap-arrow_forward:before{content:"\e938"}.imwap-path-evaluation:before{content:"\e918";color:#666}.imwap-buy－success:before{content:"\e919"}.imwap-buy－failure:before{content:"\e91a"}.imwap-icon-imooc:before{content:"\e914"}.imwap-I-of-course:before{content:"\e910";color:#474747}.imwap-I-practice:before{content:"\e911";color:#5f5f5f}.imwap-My-article:before{content:"\e912"}.imwap-my-question:before{content:"\e913"}.imwap-peaple:before{content:"\e92f"}.imwap-get_app:before{content:"\e90f";color:#5d5d5d}.imwap-qq_o:before{content:"\e90c"}.imwap-wechat_o:before{content:"\e90d"}.imwap-weibo_o:before{content:"\e90e"}.imwap-weibo:before{content:"\e909"}.imwap-wechat:before{content:"\e90a"}.imwap-qq:before{content:"\e90b"}.imwap-collection:before{content:"\e904";color:#666}.imwap-comment:before{content:"\e906"}.imwap-add_question:before{content:"\e907"}.imwap-code:before{content:"\e86f"}.imwap-sort:before{content:"\e164"}.imwap-close:before{content:"\e908"}.imwap-nav_menu:before{content:"\e905"}.imwap-more_horiz:before{content:"\e5d3"}.imwap-more_vert:before{content:"\e5d4"}.imwap-arrow_l:before{content:"\e903"}.imwap-arrow_r:before{content:"\e915"}.imwap-arrow_u:before{content:"\e916"}.imwap-arrow_d:before{content:"\e917"}.imwap-cart:before{content:"\e8cc"}.imwap-checkbox:before{content:"\e834"}.imwap-checkbox_o:before{content:"\e835"}.imwap-radiobutton:before{content:"\e837"}.imwap-radiobutton_o:before{content:"\e836"}.imwap-edit:before{content:"\e254"}.imwap-search:before{content:"\e8b6"}.imwap-share:before{content:"\e80d"}.imwap-photo:before{content:"\e410"}.imwap-thumb_down:before{content:"\e8db"}.imwap-thumb_up:before{content:"\e8dc"}.imwap-check:before{content:"\e5ca"}.imwap-check_circle:before{content:"\e86c"}.imwap-error:before{content:"\e000"}.imwap-visibility:before{content:"\e8f4"}.imwap-visibility_off:before{content:"\e8f5"}.imwap-star:before{content:"\e838"}.imwap-favorite:before{content:"\e87d"}.imwap-play_arrow:before{content:"\e037"}.imwap-pause:before{content:"\e034"}.imwap-volume_off:before{content:"\e04f"}.imwap-volume_mute:before{content:"\e04e"}.imwap-volume_down:before{content:"\e04d"}.imwap-volume_up:before{content:"\e050"}.imwap-fullscreen:before{content:"\e5d0"}.imwap-fullscreen_exit:before{content:"\e5d1"}.imwap-panorama-fisheye:before{content:"\e900"}.imwap-Progress2:before{content:"\e901"}.imwap-insert_drive_file:before{content:"\e902"}.imwap-folder:before{content:"\e91d"}.imwap-help:before{content:"\e91e"}.imwap-loop:before{content:"\e91f"}.imwap-smile:before{content:"\e920"}.imwap-happy:before{content:"\e921"}.imwap-home:before{content:"\e922"}.imwap-curriculum:before{content:"\e923"}.imwap-actual-combat:before{content:"\e924"}.imwap-Route:before{content:"\e925"}.imwap-Center:before{content:"\e926";color:#5d5d5d}.imwap-Q-n-A:before{content:"\e927"}.imwap-Notes:before{content:"\e928"}.imwap-friends:before{content:"\e929"}.imwap-school:before{content:"\e92a"}.imwap-set-sns:before{content:"\e92b"}.imwap-hourglass_empty:before{content:"\e92c"}.fix-share-box{position:fixed;padding:0 18px;width:65px;box-sizing:border-box;top:55%;margin-top:-140px;right:0;z-index:899;background-color:#fff;box-shadow:0 4px 12px 0 rgba(7,17,27,.1)}.fix-share-box .share-actions a span{display:none;font-size:12px;color:#f01414;line-height:12px}.fix-share-box .share-actions a{display:block;margin:0!important;width:26px!important;height:57px!important;padding:16px 0!important;font-size:24px!important;line-height:20px!important;color:#b5b9bc!important;box-sizing:border-box;text-align:center;border-bottom:1px solid #edf1f2;background:none!important}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{width:100%!important}.price{font-weight:200;margin-top:6px}em.pricestyle,em.sz-dprice,em.sz-yprice{font-weight:200}.red{color:red}.pad{padding-top:48px}.pad96{padding-bottom:96px}.w980{width:980px;margin:auto}.h456{height:456px}.h322{height:322px}.h168{height:168px}.h192{height:192px}.w680{width:680px}.w730{width:730px}.w584{width:584px}.w630{width:630px}.p48{padding:0 48px}.p64{padding:64px}.pt48{padding-top:48px}.mt36{margin-bottom:36px}.mgr16{margin-right:16px}.mgt16{margin-top:16px}.w620{width:620px!important}.w560{width:560px!important}.w554{width:554px!important}.w400{width:400px!important}.wauto{width:auto!important}.icon-right{margin-left:4px;display:inline-block}.class-icon{width:36px;height:36px;font-size:24px;line-height:36px;text-align:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.2)}.video-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;display:none}.video-wrap{position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-400px;width:800px;height:500px;z-index:10001}.video-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.8;filter:alpha(opacity=80);z-index:10000}.video-close{position:absolute;font-size:50px;color:rgba(255,255,255,.7);right:40px;top:40px;z-index:10001;cursor:pointer}.video-close:hover{color:#fff}.comment-item{background:#F3F5F7;border-radius:4px;margin-top:32px}.comment-item .item-wrap{padding:16px 24px;height:76px;width:536px}.comment-item .comment-c{font-weight:200;font-size:12px;color:#4D555D;line-height:24px;margin-top:4px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fullstar{position:relative}.halfstar{position:absolute;top:1.5px;left:0}.imwap-collection,.imwap-path-evaluation{color:rgba(255,153,0,.2)}.imwap-path-evaluation:before{color:#F90}.imwap-collection:before{color:rgba(255,153,0,.2)}.hight-color.imwap-collection:before{color:#F90}.hight-color,.hight-color{color:#F90}.header-wrap{width:100%;height:255px;margin:0 auto}.header-wrap .header-box{margin:0 auto;width:1200px;box-sizing:border-box;text-align:center}.header-box .header-title{padding-top:72px;font-size:48px;line-height:1;color:#fff}.header-title i{display:none}.header-box .header-desc{margin-top:24px;font-size:14px;line-height:28px;color:#fff}.temp-adv{width:640px;display:none;margin:36px auto;text-align:center;max-height:70px;overflow:hidden}.temp-adv img{width:100%}.header-box .share-box-wrap{margin:36px auto;width:403px}.share-box-wrap .share-action{width:222px;margin:0 96px}.share-action a{margin:0!important;padding-left:0!important;background:none!important;width:54px;height:54px!important;line-height:54px!important;display:block!important;margin-right:24px!important;font-size:36px!important;color:rgba(255,255,255,.6)!important;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.share-action a:last-child{margin-right:0!important}.act-course-big-box{width:100%;margin:0 auto}.act-course-big-box .course-title{padding:48px 0 0;font-size:32px;line-height:1;font-weight:700;text-align:center;color:#07111B;line-height:48px;margin-bottom:36px}.act-course-big-box h2{text-align:center;color:#07111b;line-height:1}.act-course-big-box .get-more-btn{margin:36px auto 0;width:200px;height:50px;border:1px solid #93999f;border-radius:4px;font-size:16px;color:#4d555d;line-height:50px;box-sizing:border-box;text-align:center}.act-course-big-box .get-more-btn a:hover{color:#4d555d}.act-course-big-box .course-list-box{width:980px;margin:0 auto;box-sizing:border-box}.act-course-big-box .course-list-box .course-big{margin-bottom:24px;position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}.act-course-big-box .course-list-box .course-big:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.2);cursor:pointer}.act-course-big-box .course-list-box .course-big .course-info{width:300px;height:inherit;position:relative}.act-course-big-box .course-list-box .course-big .course-info .cinfo-teacher{padding:0 36px}.act-course-big-box .course-list-box .course-big .course-info .tinfo{padding:12px 0 0 76px}.act-course-big-box .course-list-box .course-big .course-info .tinfo .tnickname{font-size:16px;color:#FFF;line-height:24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.act-course-big-box .course-list-box .course-big .course-info .tinfo .tnickname:hover{color:#FFF}.act-course-big-box .course-list-box .course-big .course-info .tinfo .tjobtitle{font-size:12px;color:#FFF;line-height:16px;font-weight:200}.act-course-big-box .course-list-box .course-big .course-info .tdesc{margin-top:26px;color:#FFF;font-size:12px;line-height:24px;font-weight:200;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.act-course-big-box .course-list-box .course-big .course-info .tmorebtn{font-size:12px;color:rgba(255,255,255,.8);line-height:24px;display:block;margin-top:20px;font-weight:200}.act-course-big-box .course-list-box .course-big .course-info .tmorebtn:hover{color:#fff}.act-course-big-box .course-list-box .course-big .course-info .theader img{width:62px;height:62px;border:2px solid #FFF;border-radius:50%;box-shadow:0 4px 8px 0 rgba(7,17,27,.2);position:absolute;top:156px;left:36px}.act-course-big-box .course-list-box .course-big .cinfo-top{overflow:hidden;position:relative}.act-course-big-box .course-list-box .course-big .cinfo-top .video-btn{position:absolute;top:66px;left:98px;background:rgba(7,17,27,.6);border:2px solid rgba(255,255,255,.8);border-radius:24px;font-size:14px;color:#FFF;line-height:24px;padding:6px 12px}.act-course-big-box .course-list-box .course-big .cinfo-top .imwap-play_arrow{font-size:16px;margin-right:4px}.act-course-big-box .course-list-box .course-big .course-big-img{position:absolute;width:250px;height:100%;overflow:hidden;z-index:0}.act-course-big-box .course-list-box .course-big .course-big-img img{height:100%}.act-course-big-box .course-list-box .course-big .content-box{margin:auto;color:#fff}.act-course-big-box .course-list-box .course-big .content-box .big-title{font-size:24px;line-height:36px;display:block;margin-bottom:16px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.act-course-big-box .course-list-box .course-big .content-box .smalle-title{font-size:14px;line-height:28px;color:#4D555D;min-height:84px;font-weight:200}.act-course-big-box .course-list-box .course-big .content-box .desc-ul{padding-left:18px}.act-course-big-box .course-list-box .course-big .content-box .desc-ul li{font-size:14px;line-height:28px;color:#4D555D;list-style-type:disc;font-weight:200}.act-course-big-box .course-list-box .course-big .content-box .smalle-guide-title{font-size:16px;font-weight:200;line-height:16px;margin-bottom:8px}.act-course-big-box .course-list-box .course-big .content-box .desc-box{padding-left:20px}.act-course-big-box .course-list-box .course-big .content-box .desc-box ul{list-style-type:disc!important;font-size:14px;line-height:28px}.act-course-big-box .course-list-box .course-big .more-box{position:absolute;right:0;left:0;margin:auto;bottom:36px}.act-course-big-box .course-list-box .course-big .more-box .join{color:#93999F;margin-left:8px;line-height:36px;font-size:12px;font-weight:200}.act-course-big-box .course-list-box .course-big .more-box .get-more{font-size:14px;line-height:36px;color:#fff}.act-course-big-box .course-list-box .course-big .more-box .class-join{color:rgba(255,255,255,.6);margin-left:8px;line-height:42px;font-size:12px}.act-course-big-box .course-list-box .course-big .more-box .discount-price{position:absolute;right:148px;bottom:0}.act-course-big-box .course-list-box .course-big .more-box .discount-price .sz-dprice{font-size:16px;color:#4D555D;line-height:24px;position:absolute;right:0;bottom:24px;font-weight:200}.act-course-big-box .course-list-box .course-big .more-box .discount-price .ndiscount{bottom:10px}.act-course-big-box .course-list-box .course-big .study-btn{padding:13px 28px;font-size:16px;color:#FFF;border-radius:24px}.act-course-big-box .course-list-box .course-big .addcar-btn{padding:13px 28px;font-size:16px;color:#F20D0D;border-radius:24px;background:rgba(240,20,20,.1);margin-left:10px;font-weight:700}.act-course-big-box .course-list-box .course-big-bg{width:250px;height:100%;position:relative;z-index:1}.act-course-big-box .course-list-box .course-big-desc{height:100%;background:#fff;position:relative}.act-course-big-box .course-list-box .loopcover{position:absolute;bottom:115px;width:584px}.act-course-big-box .free-course-wrap{width:980px;margin:0 auto}.act-course-big-box .free-course-wrap .free-course-box{width:980px;margin:0 auto;padding-top:36px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:flex-start;display:flex;flex-wrap:wrap}.act-course-big-box .free-course-wrap .free-course-box h2{font-size:24px;line-height:32px;margin-bottom:32px}.act-course-big-box .free-course-wrap .free-course-box .course-card-container{width:224px;border-radius:4px;position:relative;transition:.3s all linear;margin-bottom:32px}.act-course-big-box .free-course-wrap .free-course-box .course-card-content{text-align:left}.act-course-big-box .free-course-wrap .free-course-box .index-card-container{position:relative;margin-right:24px;border-radius:4px;float:left}.act-course-big-box .free-course-wrap .free-course-box .index-card-container .shizhan-course-rate{position:absolute;width:40px;height:24px;font-size:12px;line-height:24px;color:#fff;background-color:#2B333B;font-weight:200;text-align:center;right:-4px;top:12px;z-index:99;border-top-left-radius:6px;border-bottom-left-radius:6px}.act-course-big-box .free-course-wrap .free-course-box .index-card-container .shizhan-course-rate:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #07111b;border-right:4px solid transparent;right:0;bottom:-4px}.act-course-big-box .free-course-wrap .free-course-box .index-card-container:nth-child(4n){margin-right:0}.act-course-big-box .avatar-list{height:36px;position:relative}.act-course-big-box .avatar-list li{background:#FFF;position:absolute;box-sizing:border-box;top:0;width:36px;height:36px;border-radius:36px}.act-course-big-box .avatar-list li img{width:100%;height:100%;border-radius:36px;overflow:hidden;border:2px solid #FFF;box-sizing:border-box;box-shadow:0 4px 8px 0 rgba(7,17,27,.2)}.act-course-big-box .avatar-list li.active{top:-10px}.act-course-big-box .avatar-list li.active img{position:relative;opacity:1;z-index:1}.act-course-big-box .avatar-list li.active .icon-web{display:block}.act-course-big-box .avatar-list li .icon-web{display:none;position:absolute;left:50%;top:-38px;margin-left:-20px;color:#F3F5F7;font-size:42px}.act-course-big-box .avatar-list li:nth-child(2){left:28px}.act-course-big-box .avatar-list li:nth-child(3){left:56px}.act-course-big-box .avatar-list li:nth-child(4){left:84px}.act-course-big-box .avatar-list li:nth-child(5){left:112px}.topic-box{background-color:#d9dde1}.topic-box .w980{overflow:hidden}.topic-box dl a{display:block;color:#fff}.topic-box dd{float:left;width:475px;height:124px;background-image:linear-gradient(-90deg,#07111b 0,rgba(7,17,27,0) 100%);border-radius:6px;color:#fff;margin-bottom:36px;box-sizing:border-box;padding:24px 32px 0}.topic-box dd:hover{cursor:pointer;background:rgba(7,17,27,.6)}.topic-box dd:hover .title,.topic-box dd:hover .desc{color:#FFF;opacity:1}.topic-box dd:hover .detail-topic{color:#F01414;opacity:1}.topic-box dd:nth-child(2n){margin-left:30px}.topic-box .title{font-size:20px;line-height:24px;color:rgba(255,255,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-box .desc{font-size:12px;line-height:24px;color:rgba(255,255,255,.6);font-weight:200;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-box .detail-topic{margin-top:8px;font-size:12px;font-weight:200;color:rgba(240,20,20,.6);line-height:16px}.topic-box .more{text-align:center;margin-bottom:48px}.topic-box .more .btn-more{border:1px solid #F01414;border-radius:24px;font-size:16px;color:#F01414;line-height:24px;padding:12px 36px;display:inline-block}.topic-box .more .btn-more:hover{color:#fff;background-color:#f01414}.topic-box .more a:hover{color:#000}.topic-box .more .icon-right{margin-left:16px;display:inline-block;width:36px;height:36px;font-size:24px;line-height:36px;text-align:center;border-radius:18px;border:1px solid #93999f;color:#93999f}.topic-box .more .icon-right:hover{color:#fff;background:#93999f}.class-courseinfo .line-top,.class-courseinfo .line-middle,.class-courseinfo .line-last{height:12px;overflow:hidden;border-bottom-right-radius:4px}.class-courseinfo .line-top{width:300px;background:rgba(255,255,255,.4);box-shadow:inset 0 4px 4px 0 rgba(7,17,27,.1)}.class-courseinfo .line-middle{width:288px;background:rgba(255,255,255,.25);box-shadow:inset 0 4px 4px 0 rgba(7,17,27,.08)}.class-courseinfo .line-last{width:274px;background:rgba(255,255,255,.15);box-shadow:inset 0 4px 4px 0 rgba(7,17,27,.06)}.class-courseinfo .class-box{color:#fff;font-weight:200;font-size:12px;padding:36px 36px 0;text-align:center}.class-courseinfo .class-box .class-step,.class-courseinfo .class-box .class-course{float:left;width:96px;height:92px;background:rgba(255,255,255,.1);border-radius:8px;text-align:center;padding-top:20px;margin-bottom:24px}.class-courseinfo .class-box .class-step span,.class-courseinfo .class-box .class-course span{display:block}.class-courseinfo .class-box .class-step .class-num,.class-courseinfo .class-box .class-course .class-num{font-size:16px;font-weight:400;margin-top:12px;line-height:48px}.class-courseinfo .class-box .class-step{margin-right:36px}#footer{border-top:0!important}.new-course-box a:active,.new-course-box a:hover{color:inherit}.new-course-box ul.desc-ul{list-style-type:disc!important;padding-left:16px}.new-course-box .bg-image{background-repeat:no-repeat;background-size:cover;background-position:bottom;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;border-radius:12px}.new-course-box .cover-image{background-color:#ccc;background-repeat:no-repeat;background-size:cover;position:absolute;bottom:0;right:0;z-index:-2;border-bottom-right-radius:12px}.new-course-box .c-sec-w{padding:40px 48px 0;height:282px;width:220px;background-color:rgba(255,255,255,0);border-radius:12px;position:relative;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);transition:.3s all linear}.new-course-box .c-sec-w:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}.new-course-box .c-sec-w .bg-image{background-image:url(/static/topic/static/module/img/web-course-bg-c.png)}.new-course-box .c-sec-w .cover-image{height:156px;width:156px}.new-course-box .fc-b-title{font-weight:700;font-size:24px;color:#07111B;line-height:32px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-course-box .fc-b-name{font-size:20px;line-height:32px;margin-top:4px;margin-bottom:12px}.new-course-box .learn-wrap .learn-txt{font-size:14px;color:#00B43C;line-height:24px;margin-right:4px}.new-course-box .learn-wrap .imwap-path－introduce{font-size:16px;color:#00B43C;line-height:24px}.new-course-box .c-first-w{background-color:rgba(255,255,255,0);position:relative;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:12px;padding:40px 0 0 48px;height:282px;transition:.3s all linear}.new-course-box .c-first-w:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}.new-course-box .c-first-w .bg-image{background-image:url(/static/topic/static/module/img/web-course-bg-a.png)}.new-course-box .c-first-w .cover-image{height:240px;width:260px}.new-course-box .c-first-w .fc-b-title{font-weight:700;font-size:24px;color:#07111B;line-height:32px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-course-box .c-first-w .fc-b-name{font-size:20px;line-height:32px;margin-top:4px;margin-bottom:12px;width:280px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.new-course-box .c-first-w .fc-b-intro{font-weight:200;font-size:14px;color:#4D555D;line-height:28px}.new-course-box .c-first-w .learn-now{margin-top:24px;background:#00B43C;border-radius:24px;width:136px;height:48px;font-size:16px;color:#FFF;line-height:24px}.new-course-box .m-row .cover-image{height:190px;width:180px;background-color:#ccc;background-repeat:no-repeat;background-size:cover;position:absolute;bottom:0;right:0;z-index:-2;border-bottom-right-radius:12px}.new-course-box .m-row .c-first-w{width:554px;height:240px;padding:40px 46px 42px 48px}.new-course-box .m-row .c-first-w .bg-image{background-image:url(/static/topic/static/module/img/web-course-bg-b.png)}.new-course-box .m-row .fc-b-intro{font-weight:200;font-size:14px;color:#4D555D;line-height:28px}.new-course-box .m-row .learn-now{margin-top:24px;background:#00B43C;border-radius:24px;width:136px;height:48px;font-size:16px;color:#FFF;line-height:24px}.new-course-box .t-row{padding:40px 48px 0;height:196px;width:386px;position:relative;background-color:rgba(255,255,255,0);margin-top:16px;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:12px;transition:.3s all linear}.new-course-box .t-row:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}.new-course-box .t-row .fc-b-title{font-weight:700;font-size:24px;color:#07111B;line-height:32px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-course-box .t-row .fc-b-name{font-size:20px;line-height:32px;margin-top:4px;margin-bottom:12px;width:280px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.new-course-box .t-row .fc-b-intro{font-weight:200;font-size:14px;color:#4D555D;line-height:28px}.new-course-box .t-row .learn-wrap .learn-txt{font-size:14px;color:#00B43C;line-height:24px;margin-right:4px}.new-course-box .t-row .learn-wrap .imwap-path－introduce{font-size:16px;color:#00B43C;line-height:24px}.new-course-box .t-row .bg-image{background-image:url(/static/topic/static/module/img/web-course-bg-d.png)}.new-course-box .t-row .cover-image{height:136px;width:156px;background-color:#ccc;background-repeat:no-repeat;background-size:cover;position:absolute;bottom:0;right:0;z-index:-2;border-bottom-right-radius:12px}.new-course-box .c-other-w{position:relative}.article-b-wrap{width:980px;margin:0 auto}.article-b-wrap .article-box{padding:32px 36px;background:#FFF;box-shadow:0 4px 8px 0 rgba(7,17,27,.05);border-radius:12px;margin-bottom:16px;width:410px;vertical-align:top;transition:.3s all linear}.article-b-wrap .article-box:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}.article-b-wrap .article-item .lb-row{line-height:16px;color:rgba(0,140,200,.6)}.article-b-wrap .article-item .lb-art-icon{font-size:16px;margin-right:4px}.article-b-wrap .article-item .lb-art-txt{font-size:12px;vertical-align:2px}.article-b-wrap .article-item .art-item-title{font-size:16px;color:#07111B;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;margin-bottom:8px;cursor:pointer}.article-b-wrap .article-item .art-item-desc-wrap{margin-bottom:12px}.article-b-wrap .article-item .art-item-desc{width:274px;font-weight:200;font-size:12px;color:#4D555D;line-height:24px;margin-bottom:12px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.article-b-wrap .article-item .art-img{width:120px;height:80px;background-size:cover;background-repeat:no-repeat;background-position:center}.article-b-wrap .article-item .art-bottom-wrap{line-height:24px}.article-b-wrap .article-item .art-bottom-wrap .art-item-left{font-size:12px;color:#93999F;font-weight:200}.article-b-wrap .article-item .art-bottom-wrap .art-item-left .art-item-ll{margin-right:4px}.article-b-wrap .article-item .art-bottom-wrap .art-item-left .art-item-tj{margin-right:4px;margin-left:24px}.article-b-wrap .article-item .art-bottom-wrap .art-item-right{cursor:pointer}.article-b-wrap .article-item .art-bottom-wrap .art-item-right .art-item-link{margin-right:4px;font-size:12px;color:rgba(0,140,200,.6)}.article-b-wrap .article-item .art-bottom-wrap .art-item-right .art-item-link-icon{font-size:12px;color:rgba(0,140,200,.6)}.wenda-b-wrap{width:980px;margin:0 auto}.wenda-b-wrap .wenda-box{padding:32px 36px;background:#FFF;box-shadow:0 4px 8px 0 rgba(7,17,27,.05);border-radius:12px;margin-bottom:16px;width:410px;vertical-align:top;transition:.3s all linear}.wenda-b-wrap .wenda-box:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.1)}.wenda-b-wrap .wenda-item .lb-row{color:rgba(0,180,60,.6);line-height:16px}.wenda-b-wrap .wenda-item .lb-wd-icon{font-size:16px;margin-right:4px}.wenda-b-wrap .wenda-item .lb-wd-txt{font-size:12px;vertical-align:2px}.wenda-b-wrap .wenda-item .wd-item-title{font-size:16px;color:#07111B;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;margin-bottom:8px;word-break:break-all;cursor:pointer}.wenda-b-wrap .wenda-item .wd-item-best{font-size:12px;color:#07111B;line-height:24px}.wenda-b-wrap .wenda-item .wd-item-desc{font-size:12px;color:#4D555D;line-height:24px;font-weight:200;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.wenda-b-wrap .wenda-item .wd-item-right a{font-size:12px;color:rgba(0,180,60,.6);line-height:24px;cursor:pointer}.bg-wrap{padding-bottom:48px}.stars .s-nickname{font-weight:700;font-size:12px;color:#4D555D;line-height:24px;margin-right:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:-7px}.stars .s-n-tip{font-size:12px;color:#002500;line-height:24px}.jsys-ad-bottom{width:100%;height:104px;background-image:url(/static/topic/static/module/img/jsys-bottom-ad.png?t=1);background-repeat:no-repeat;background-size:cover;background-position:top center;position:fixed;bottom:0;left:0;z-index:1000}.jsys-ad-bottom .js-close-adBottom{font-size:24px;position:absolute;top:30px;right:10px;color:#fff}