@font-face{font-family:DINCond-Medium;src:url(/static/wap/static/common/fonts/DINCOND/DINCOND-MEDIUM.otf) format("truetype")}.ellipsis2{text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.l{float:left}.r{float:right}i{font-style:normal}body{width:100%!important;margin:0;padding:0;font-size:14px;background:#1b153b url(/static/wap/static/img/act/double11/bg.png) no-repeat center top}.main_wrap{width:100%;margin:0 auto}.wrap{width:1152px;margin:0 auto}header{position:relative;padding-top:24px;width:1152px;height:450px;margin:0 auto;box-sizing:border-box;background-repeat:no-repeat}header .header-top .logo{display:inline-block}header .header-top .logo img{width:122px}header .header-top .header-nav{float:right;margin-left:12px;position:relative;padding:0 20px;line-height:36px;background:rgba(216,229,241,.2);border-radius:18px;color:#fff;font-size:14px;cursor:pointer}header .header-top .header-nav:hover{background:rgba(0,0,0,.2)}header .header-top .header-nav i{font-size:20px;float:left;margin-top:7px;margin-right:12px}header .header-top .header-nav .cart-num{padding:0 5px;height:16px;line-height:16px;background:#f20d0d;border-radius:50%;color:#fff;font-size:12px;margin-left:5px}header .header-top .header-nav a{color:#fff;text-decoration:none}header .header-top .user-img{float:right;position:relative;margin-left:12px;width:36px;height:36px;line-height:36px;font-size:25px;overflow:hidden;background:#fff;text-align:center;color:#d3d6d9;border-radius:50%}header .header-top .user-img img{position:absolute;left:0;top:0;width:36px;height:36px}header .timer{position:absolute;left:50%;top:363px;margin-left:-263px;width:527px;height:64px;line-height:64px;display:none;background:url(/static/wap/static/img/act/double11/bg-timer.png) no-repeat center top;background-size:100% auto;font-size:20px;color:#fff;font-weight:700;text-align:center}header .timer span{display:inline-block;text-align:center;line-height:32px;margin-top:6px}header .timer .num{width:44px;height:44px;line-height:44px;border-radius:8px;background:rgba(49,0,97,.3);color:#fff;font-weight:400;margin:0 4px}.coupon-box{margin:0 auto;box-sizing:border-box;width:1246px;height:847px;background-image:url(/static/wap/static/img/act/double11/coupon_bg.png);background-repeat:no-repeat;background-position:top center;background-size:100% auto}.coupon-box.showtimer{margin:-72px auto 0}.coupon-box .item-coupon{overflow:hidden;padding:48px 95px 0}.coupon-box .item-coupon .coupon_item{width:252px;height:104px;cursor:pointer;background-image:url(/static/wap/static/img/act/double11/coupon.jpg);background-repeat:no-repeat;background-position-x:0;float:left;margin:6px;border-radius:6px;position:relative}.coupon-box .item-coupon .coupon_item.coupon50{background-position-y:0}.coupon-box .item-coupon .coupon_item.coupon100{background-position-y:-104px}.coupon-box .item-coupon .coupon_item.coupon180{background-position-y:-208px}.coupon-box .item-coupon .coupon_item.coupon260{background-position-y:-312px}.coupon-box .item-coupon .coupon_item.coupon420{background-position-y:-416px}.coupon-box .item-coupon .coupon_item.coupon600{background-position-y:-520px}.coupon-box .item-coupon .coupon_item.coupon900{background-position-y:-624px}.coupon-box .item-coupon .coupon_item.coupon1800{background-position-y:-728px}.coupon-box .item-coupon .coupon_item.disabled span{display:block!important}.coupon-box .item-coupon .coupon_item span{display:none;position:absolute;top:5px;right:5px;width:63px;height:63px;background-image:url(/static/wap/static/img/act/double11/coupon_disable.png);background-repeat:no-repeat;background-position-x:0}.coupon-box .btn-get-coupon{margin:26px auto 0;width:390px;line-height:48px;background-image:url(/static/wap/static/img/act/double11/web-draw.png);background-repeat:no-repeat;background-size:100% auto;border-radius:34.5px;font-size:24px;color:#b07700;letter-spacing:0;text-align:center;font-weight:600;cursor:pointer}.coupon-box .btn-get-coupon span{font-size:12px;position:relative;display:inline-block;width:15px}.coupon-box .btn-get-coupon span i{position:absolute;left:5px;line-height:12px;top:-18px}.course-tab{margin-top:137px;padding:0 41px;box-sizing:border-box}.course-tab ul{padding:0;overflow:hidden}.course-tab ul li{margin:6px;float:left;cursor:pointer;overflow:hidden;width:376px;height:80px;line-height:80px;font-size:24px;color:#fff;letter-spacing:0;text-align:center;background-image:linear-gradient(90deg,#3a225a 0,#502c6a 98%);border-radius:10px}.course-tab ul li a{display:block;width:100%;height:100%;color:#fff}.course-tab ul li:nth-child(1){width:570px;font-size:36px}.course-tab ul li:nth-child(2){width:570px;font-size:36px}.course-body{width:1152px;margin:-72px auto 0}.course-class{margin-top:48px;padding:36px 31px;height:390px;background-image:url(/static/wap/static/img/act/double11/web-class-bg.png);background-repeat:no-repeat;background-size:100% auto}.course-class .course-card-container{float:left;position:relative;width:200px;height:248px;margin:0 9px}.course-class .course-card-container .course-card-top{height:120px;position:relative}.course-class .course-card-container .course-card-top .couponicon{position:absolute;top:0;right:0;padding:0 6px;height:20px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:20px;background-image:linear-gradient(90deg,#fa0 0,#fa6400 100%);border-radius:0 8px}.course-class .course-card-container .course-card-top .desc-label{position:absolute;bottom:6px;left:8px;font-size:12px;color:#fff;line-height:16px;display:inline-block;background:rgba(7,17,27,.4);border-radius:4px;padding:4px 8px;margin-right:4px;margin-bottom:2px;margin-right:0;font-weight:200}.course-class .course-card-container .course-card-info{margin:7px 0 13px}.course-work{margin-top:48px;padding:36px 48px;height:390px;background-image:url(/static/wap/static/img/act/double11/web-zhichang-bg.png);background-repeat:no-repeat;background-size:100% auto}.course-work .course-card-container{float:left;position:relative;width:320px;height:248px;margin:0 16px}.course-work .course-card-container .course-card-top{height:120px;position:relative}.course-work .course-card-container .course-card-top .couponicon{position:absolute;top:0;right:0;padding:0 6px;height:20px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:20px;background-image:linear-gradient(90deg,#fa0 0,#fa6400 100%);border-radius:0 8px}.course-work .course-card-container .course-card-top .desc-label{position:absolute;bottom:6px;left:8px;font-size:12px;color:#fff;line-height:16px;display:inline-block;background:rgba(7,17,27,.4);border-radius:4px;padding:4px 8px;margin-right:4px;margin-bottom:2px;margin-right:0;font-weight:200}.course-work .course-card-container .course-card-info{margin:7px 0 13px}.course-work .course-card-container .course-card-info .number{display:inline-block;margin-right:10px}.course-work .course-card-container .course-card-info .star i{color:#f7b500;font-size:16px}.course-work .course-card-container .course-card-bottom{margin-top:8px;height:32px;line-height:32px}.course-work .course-card-container .course-card-bottom .btn-buy{margin-left:17px}.course-java-top:before,.course-data-top:before{position:absolute;top:-45px;left:50%;margin-left:-114px;content:"";background-image:url(/static/wap/static/img/act/double11/web-part-head.png);background-repeat:no-repeat;background-position:0 0;width:229px;height:45px}.course-web-top:before,.course-offer-top:before{position:absolute;top:-45px;left:50%;margin-left:-114px;content:"";background-image:url(/static/wap/static/img/act/double11/web-part-head.png);background-repeat:no-repeat;background-position:0 -45px;width:229px;height:45px}.course-computer-top:before,.course-mobile-top:before{position:absolute;top:-45px;left:50%;margin-left:-114px;content:"";background-image:url(/static/wap/static/img/act/double11/web-part-head.png);background-repeat:no-repeat;background-position:0 -90px;width:229px;height:45px}.course-python-top:before,.course-php-top:before{position:absolute;top:-45px;left:50%;margin-left:-114px;content:"";background-image:url(/static/wap/static/img/act/double11/web-part-head.png);background-repeat:no-repeat;background-position:0 -135px;width:229px;height:45px}.course-path-content{margin-top:37px}.course-path-content .course-path-container{float:left;margin:0 16px 16px;width:492px;height:148px}.course-path-content .course-path-container:hover h4{color:#c20a0a}.course-path-content .course-path-container:hover .course-banner .img-up{top:-5px;left:0}.course-path-content .course-path-container:hover .course-banner .img-mid{top:0;left:6px;width:128px}.course-path-content .course-path-container:hover .course-banner .img-down{top:5px;left:11px;width:118px}.course-path-content .course-path-container h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:20px;min-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-path-content .course-path-container p{font-size:14px;line-height:20px;color:#B5B5B5;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-path-content .course-path-container .course-path-info{margin-top:38px;font-size:12px;color:#dcebfa;line-height:32px}.course-path-content .course-path-container .course-path-info i{margin-left:33px;font-size:14px;display:inline-block;margin-right:4px}.course-path-content .course-path-container .course-path-info .btn-buy{float:right;width:88px;line-height:32px;text-align:center;font-size:12px;color:#fff;display:inline-block;background:#f53d3d;font-weight:700;border-radius:18px;cursor:pointer}.course-path-content .course-path-container .course-path-info .btn-buy:hover{background:#c20a0a}.course-path-content .course-path-container .course-banner{float:left;position:relative;transition:all .3s;width:140px;height:140px;margin-right:24px;border-radius:8px}.course-path-content .course-path-container .course-banner .icon{position:absolute;top:0;right:0;background:#0091FF;border-radius:0 8px;padding:2px 6px;text-align:center;line-height:20px;color:#fff;font-size:12px}.course-path-content .course-path-container .course-banner .img-up,.course-path-content .course-path-container .course-banner .img-mid,.course-path-content .course-path-container .course-banner .img-down{margin:0 auto;position:absolute;border-radius:8px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:.3s all linear}.course-path-content .course-path-container .course-banner .img-up{left:0;top:0;width:140px;height:140px;z-index:3}.course-path-content .course-path-container .course-banner .img-mid{left:4px;top:4px;width:132px;height:140px;opacity:.4;z-index:2}.course-path-content .course-path-container .course-banner .img-down{left:8px;top:8px;width:124px;height:140px;opacity:.4;z-index:1}.course-long-bg{height:1258px;background-image:url(/static/wap/static/img/act/double11/web-long-bg.png)}.course-short-bg{height:1078px;background-image:url(/static/wap/static/img/act/double11/web-fe-bg.png)}.course-list{position:relative;margin-top:69px;padding:36px 52px;height:auto;background-image:url(/static/wap/static/img/act/double11/web-long-bg.png);background-position:bottom center;background-repeat:no-repeat;background-size:100% auto}.course-list .course-card-container{width:230px;height:278px;margin:0 16px 32px}.course-list .course-card-top{height:148px}.course-list .course-card-name{font-weight:700}.course-list .course-card-bottom{margin-top:8px}.course-list .course-card-info{margin-bottom:6px}.course-box{border-radius:25px;box-sizing:border-box}.course-box .course-box-title{text-align:center;color:#fff}.course-box .course-box-title h2{margin-bottom:10px;font-size:32px;line-height:32px;font-weight:400}.course-box .course-box-title p{margin:0;padding:0;line-height:14px;font-size:14px}.course-box .item-content{padding-top:28px;overflow:hidden}.course-box .item-content.class-box{display:-webkit-flex;display:flex;justify-content:center}.course-box .item-content .course-card-container{float:left;position:relative;transition:.3s all linear;color:#fff}.course-box .item-content .course-card-container a{color:#fff;text-decoration:none}.course-box .item-content .course-card-container:hover .course-card-name{color:#c20a0a}.course-box .item-content .course-card-container .course-card-top{width:auto;position:relative;border-radius:8px;transition:all .3s}.course-box .item-content .course-card-container .course-card-top .course-banner{width:100%;height:100%;background-color:#f3f5f7;border-radius:8px}.course-box .item-content .course-card-container .course-card-top .course-label{position:absolute;bottom:6px;left:8px;font-size:12px;color:#fff;line-height:16px}.course-box .item-content .course-card-container .course-card-top .course-label label{display:inline-block;background:rgba(7,17,27,.4);border-radius:4px;padding:4px 8px;margin-right:4px;margin-bottom:2px;margin-right:0;font-weight:200}.course-box .item-content .course-card-container .course-card-content{text-align:left;padding:16px 0}.course-box .item-content .course-card-container .course-card-content .course-card-name{font-size:16px;line-height:22px;max-height:44px;font-weight:700}.course-box .item-content .course-card-container .course-card-content .course-card-info{font-size:12px;color:#dcebfa;line-height:18px}.course-box .item-content .course-card-container .course-card-content .course-card-info span{display:inline-block}.course-box .item-content .course-card-container .course-card-content .course-card-info .icon-set_sns{margin-right:2px}.course-box .item-content .course-card-container .course-card-content .course-card-desc{font-size:12px;line-height:20px;color:#f0fbff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px}.course-box .item-content .course-card-container .course-card-content .course-card-price{position:absolute;width:100%;bottom:0}.course-box .item-content .course-card-container .course-card-content .course-card-price span{font-size:16px;line-height:32px;float:left}.course-box .item-content .course-card-container .course-card-content .course-card-price span.ori-price{font-size:12px;line-height:32px;margin-left:6px;text-decoration:line-through;font-weight:400}.course-box .item-content .course-card-container .course-card-content .course-card-price .btn-buy{float:right;width:88px;line-height:32px;text-align:center;font-size:12px;color:#fff;display:inline-block;background:#f53d3d;font-weight:700;border-radius:18px;cursor:pointer}.course-box .item-content .course-card-container .course-card-content .course-card-price .btn-buy:hover{background:#c20a0a}.course-box .course-collection{padding-top:32px;overflow:hidden;text-align:center}.course-box .course-collection a{color:#fff;font-weight:700}.course-box .course-collection li{float:left;margin:0 18px 18px;line-height:88px;width:496px;height:88px;font-size:20px;color:#fff;background-image:linear-gradient(90deg,#2b5876 0,#4e4376 93%);border-radius:12px}.course-box .btn-collection{text-align:center;margin-top:8px;font-size:16px;color:#fff;font-weight:700;display:block}.course-box .btn-collection:hover{color:#c20a0a}.moco-modal-layer.fixed{top:50%!important;left:50%!important;margin-top:-220px!important;margin-left:-244px!important;position:fixed!important}.pop-content li{font-size:14px;color:#1c1f21;line-height:28px}.group-state{width:750px;margin:64px auto 0;padding-bottom:64px}.group-state dt{font-size:32px;color:#fff;letter-spacing:4px;text-align:center;line-height:48px;font-weight:700;margin-bottom:24px}.group-state dd{font-size:12px;color:#fff;line-height:24px;text-align:left}.group-state dd.red{color:red}.course-more{padding-top:64px;text-align:center}.course-more a{margin:0 12px;color:#fff;display:inline-block;width:320px;font-size:16px;font-weight:700;line-height:64px;background:rgba(255,255,255,.1);border-radius:32px}.footer{height:96px;line-height:96px;text-align:center;font-size:12px;color:rgba(255,255,255,.4);letter-spacing:0;background:#261d4f}.banner{position:fixed;bottom:0;width:100%;height:95px}.banner .banner-close{position:absolute;top:21px;right:10px;font-size:25px;cursor:pointer;color:rgba(255,255,255,.6)}.banner .banner-close:hover{color:#fff}.banner a{background:url(/static/wap/static/img/act/double11/banner.png?t=1);background-position:center bottom;background-repeat:no-repeat;height:95px;display:block}.floatnav{padding-left:0;width:159px;height:649px;right:0;top:0;position:fixed;background-image:url(/static/wap/static/img/act/double11/slider-nav-bg.png);background-repeat:no-repeat;background-position:top center;background-size:100% auto;overflow:hidden;color:#fff}.floatnav ul{padding:90px 0 0;overflow:hidden}.floatnav ul li{font-size:14px;font-weight:700;text-align:left;height:32px;line-height:32px;width:100%;padding-left:12px;box-sizing:border-box;background-image:linear-gradient(90deg,#6c00ff 0,#7b22bd 100%);border:1px solid #b620e0;margin-bottom:9px}.floatnav ul li:last-child{margin-bottom:0}.floatnav ul li i{margin-right:11px}.floatnav ul li:hover{color:#f2760c;cursor:pointer}.floatnav ul li.active{font-weight:700;color:#f2760c}.floatnav .share_wrap{height:46px;line-height:46px;text-align:center;box-sizing:border-box}.floatnav .share_wrap .share{font-size:20px;cursor:pointer;color:rgba(255,255,255,.6);float:none;line-height:inherit;background-image:none;margin:0 10px;padding:0}.floatnav .backtop{width:120px;margin:0 auto;color:#fff;text-align:center;height:20px;line-height:20px;border-top:1px solid rgba(255,255,255,.4);padding-top:13px}.floatnav .backtop:hover{cursor:pointer}.part header{height:auto;padding-bottom:25px}.part header .header-intro{text-align:center}.part header .header-intro h2{margin-top:30px;margin-bottom:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:72px;line-height:80px}.part header .header-intro p{margin:0 auto;font-size:42px;width:738px;line-height:54px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.part header .timer{position:static;margin:25px auto 0}.part header .share-wrap{margin-top:40px}.part header .share-wrap.showtimer{margin-top:25px}@media screen and (max-width:1600px){.floatnav{right:-80px!important;transition:all linear .2s!important}.floatnav:hover{right:0!important}}