.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{background:#f4f5f7}.notscroll{height:100%;overflow:hidden}.container{font-size:0}.container .top{width:100%;background:url(/static/coding/static/common/img/learnpath/top_bg.png) no-repeat;background-size:cover;background-position:top center;padding-left:.42666667rem;padding-top:.45333333rem;padding-bottom:1.01333333rem;box-sizing:border-box;position:relative;word-break:break-all}.container .top h1{font-size:18px;color:#fff;font-weight:700;width:80%}[data-dpr="2"] .container .top h1{font-size:36px}[data-dpr="2.5"] .container .top h1{font-size:45px}[data-dpr="2.75"] .container .top h1{font-size:50px}[data-dpr="3"] .container .top h1{font-size:54px}[data-dpr="4"] .container .top h1{font-size:72px}.container .top p{font-size:12px;color:#fff;font-weight:700;margin-top:.05333333rem}[data-dpr="2"] .container .top p{font-size:24px}[data-dpr="2.5"] .container .top p{font-size:30px}[data-dpr="2.75"] .container .top p{font-size:33px}[data-dpr="3"] .container .top p{font-size:36px}[data-dpr="4"] .container .top p{font-size:48px}.container .top a{font-size:19px;color:#fff;line-height:.42666667rem;position:absolute;top:.77333333rem;right:.56rem}[data-dpr="2"] .container .top a{font-size:38px}[data-dpr="2.5"] .container .top a{font-size:48px}[data-dpr="2.75"] .container .top a{font-size:52px}[data-dpr="3"] .container .top a{font-size:57px}[data-dpr="4"] .container .top a{font-size:76px}.container .top a.active{color:#f01414}.container .middle{margin-top:-.69333333rem;border-top-left-radius:.32rem;border-top-right-radius:.32rem;padding-top:.53333333rem;padding-bottom:.53333333rem;padding-left:.42666667rem;padding-right:.42666667rem;box-sizing:border-box;background:#fff;position:relative}.container .middle .desc{color:#2B333B;font-size:14px;margin-bottom:.32rem}[data-dpr="2"] .container .middle .desc{font-size:28px}[data-dpr="2.5"] .container .middle .desc{font-size:35px}[data-dpr="2.75"] .container .middle .desc{font-size:39px}[data-dpr="3"] .container .middle .desc{font-size:42px}[data-dpr="4"] .container .middle .desc{font-size:56px}.container .middle .pathDetail{border-top:2px solid #F3F5F7;padding-top:.53333333rem}.container .middle .pathDetail .title{font-size:20px;color:#2B333B;font-weight:700;margin-bottom:.16rem}[data-dpr="2"] .container .middle .pathDetail .title{font-size:40px}[data-dpr="2.5"] .container .middle .pathDetail .title{font-size:50px}[data-dpr="2.75"] .container .middle .pathDetail .title{font-size:55px}[data-dpr="3"] .container .middle .pathDetail .title{font-size:60px}[data-dpr="4"] .container .middle .pathDetail .title{font-size:80px}.container .middle .pathDetail .box .item{overflow:hidden}.container .middle .pathDetail .box .item .smaller-title{vertical-align:middle;font-size:15px;color:#2B333B;font-weight:700}.container .middle .pathDetail .box .item .smaller-title .circle{background:#F01414;width:.56rem;height:.56rem;border-radius:50%;display:inline-block;margin-right:.10666667rem;vertical-align:middle}[data-dpr="2"] .container .middle .pathDetail .box .item .smaller-title{font-size:30px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .smaller-title{font-size:38px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .smaller-title{font-size:41px}[data-dpr="3"] .container .middle .pathDetail .box .item .smaller-title{font-size:45px}[data-dpr="4"] .container .middle .pathDetail .box .item .smaller-title{font-size:60px}.container .middle .pathDetail .box .item .item-box{padding-left:.37333333rem;padding-right:.10666667rem;box-sizing:border-box;border-left:1px solid #D9DDE1;margin-left:.28rem;margin-top:.10666667rem;margin-bottom:.10666667rem;border-bottom:1px solid transparent}.container .middle .pathDetail .box .item .item-box .item-desc{color:#71777D;font-size:13px;line-height:.48rem;margin-bottom:.21333333rem}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-desc{font-size:26px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-desc{font-size:33px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-desc{font-size:36px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-desc{font-size:39px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-desc{font-size:52px}.container .middle .pathDetail .box .item .item-box .card-box.last .item-card.last{margin-bottom:0}.container .middle .pathDetail .box .item .item-box .card-box.last .item-card.last .card-left-mark{padding-bottom:9.33333333rem}.container .middle .pathDetail .box .item .item-box .item-card{background:#FFF;box-shadow:0 0 8px 0 rgba(0,0,0,.08);border-radius:.21333333rem;padding-top:.21333333rem;padding-left:.21333333rem;padding-right:.21333333rem;margin-bottom:.53333333rem;box-sizing:border-box;position:relative}.container .middle .pathDetail .box .item .item-box .item-card .card-left-mark{position:absolute;top:.34666667rem;left:-.53333333rem;padding-top:.10666667rem;padding-bottom:.10666667rem;background:#fff}.container .middle .pathDetail .box .item .item-box .item-card .card-left-mark .circle{width:.21333333rem;height:.21333333rem;border:2px solid #979797;border-radius:50%}.container .middle .pathDetail .box .item .item-box .item-card .card-mark{background:rgba(217,221,225,.35);border-radius:.16rem;padding-left:.26666667rem;padding-right:.26666667rem;padding-top:.26666667rem;padding-bottom:.26666667rem;line-height:.69333333rem;color:#2B333B;font-size:12px;font-weight:700}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .card-mark{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .card-mark{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .card-mark{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .card-mark{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .card-mark{font-size:48px}.container .middle .pathDetail .box .item .item-box .item-card .card-mark .line{height:.37333333rem;border-right:2px solid #D9DDE1;border-radius:.29333333rem;margin-left:.18666667rem;margin-right:.18666667rem}.container .middle .pathDetail .box .item .item-box .item-card .card-mark .line-right{display:inline-block;width:70%;line-height:.46666667rem;vertical-align:middle}.container .middle .pathDetail .box .item .item-box .item-card .card-course{margin-top:.24rem;position:relative;border-bottom:1px solid #F8FAFC;padding-bottom:.32rem}.container .middle .pathDetail .box .item .item-box .item-card .card-course .left{width:2.72rem;height:1.81333333rem;border-radius:.16rem;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-size:cover;background-position:top center}.container .middle .pathDetail .box .item .item-box .item-card .card-course .right{vertical-align:top;display:inline-block;margin-left:.21333333rem;width:4.93333333rem}.container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-title{color:#2B333B;font-size:14px;font-weight:700;line-height:.53333333rem}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-title{font-size:28px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-title{font-size:35px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-title{font-size:39px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-title{font-size:42px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-title{font-size:56px}.container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-desc{color:#F01414;font-size:12px;line-height:.45333333rem;margin-top:.10666667rem;word-break:break-all}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-desc{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-desc{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-desc{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-desc{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-desc{font-size:48px}.container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-info{color:#71777D;font-size:12px;line-height:.45333333rem;margin-top:.10666667rem}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-info{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-info{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-info{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-info{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .card-course .right .course-info{font-size:48px}.container .middle .pathDetail .box .item .item-box .item-card .card-course .rec_img{position:absolute;bottom:-.57333333rem;right:.21333333rem;width:1.14666667rem;height:1.14666667rem}.container .middle .pathDetail .box .item .item-box .item-card .course-core{margin-top:.21333333rem}.container .middle .pathDetail .box .item .item-box .item-card .course-core .core-title{font-size:13px;line-height:.48rem;color:#2B333B;font-weight:700}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-title{font-size:26px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-title{font-size:33px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-title{font-size:36px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-title{font-size:39px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-title{font-size:52px}.container .middle .pathDetail .box .item .item-box .item-card .course-core .core-desc{color:#71777D;font-size:13px;line-height:.48rem;border-bottom:1px solid #F8FAFC;padding-bottom:.21333333rem;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-desc{font-size:26px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-desc{font-size:33px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-desc{font-size:36px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-desc{font-size:39px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .core-desc{font-size:52px}.container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label{margin-top:.21333333rem;overflow:hidden}.container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label .label{float:left;height:.66666667rem;line-height:.66666667rem;padding-left:.21333333rem;padding-right:.21333333rem;border-radius:.34666667rem;background:#F3F5F7;color:#71777D;font-size:12px;font-weight:700;margin-right:.18666667rem;margin-bottom:.21333333rem}[data-dpr="2"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label .label{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label .label{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label .label{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label .label{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .box .item .item-box .item-card .course-core .course-label .label{font-size:48px}.container .middle .pathDetail .box .item .item-box .card-more{text-align:center;height:.85333333rem}.container .middle .pathDetail .box .item .item-box .card-more img{width:1.17333333rem;height:.85333333rem;margin:0 auto}.container .middle .pathDetail .bottom-tip{margin-top:.53333333rem;height:1.33333333rem;background:rgba(240,20,20,.03);border-radius:.16rem;padding-top:.21333333rem;padding-left:.21333333rem;padding-right:.21333333rem;padding-bottom:.21333333rem;box-sizing:border-box;font-size:12px;color:#71777D;line-height:.45333333rem;font-weight:700}[data-dpr="2"] .container .middle .pathDetail .bottom-tip{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .bottom-tip{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .bottom-tip{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .bottom-tip{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .bottom-tip{font-size:48px}.container .middle .pathDetail .bottom-recommend{margin-top:.32rem;padding-bottom:.53333333rem}.container .middle .pathDetail .bottom-recommend h2{margin-bottom:.21333333rem;color:#2B333B;font-size:14px;font-weight:700;text-align:center}[data-dpr="2"] .container .middle .pathDetail .bottom-recommend h2{font-size:28px}[data-dpr="2.5"] .container .middle .pathDetail .bottom-recommend h2{font-size:35px}[data-dpr="2.75"] .container .middle .pathDetail .bottom-recommend h2{font-size:39px}[data-dpr="3"] .container .middle .pathDetail .bottom-recommend h2{font-size:42px}[data-dpr="4"] .container .middle .pathDetail .bottom-recommend h2{font-size:56px}.container .middle .pathDetail .bottom-recommend .list{background:#F8FAFC;border-radius:.16rem;padding-top:.21333333rem;padding-left:.26666667rem;padding-right:.26666667rem;padding-bottom:.21333333rem;box-sizing:border-box;text-align:center;font-size:14px;line-height:.53333333rem;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;text-align:left}[data-dpr="2"] .container .middle .pathDetail .bottom-recommend .list{font-size:28px}[data-dpr="2.5"] .container .middle .pathDetail .bottom-recommend .list{font-size:35px}[data-dpr="2.75"] .container .middle .pathDetail .bottom-recommend .list{font-size:39px}[data-dpr="3"] .container .middle .pathDetail .bottom-recommend .list{font-size:42px}[data-dpr="4"] .container .middle .pathDetail .bottom-recommend .list{font-size:56px}.container .middle .pathDetail .bottom_rec_course>h2{color:#2B333B;font-size:20px;font-weight:700;margin-bottom:.48rem}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course>h2{font-size:40px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course>h2{font-size:50px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course>h2{font-size:55px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course>h2{font-size:60px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course>h2{font-size:80px}.container .middle .pathDetail .bottom_rec_course .course-list{border-bottom:1px solid transparent}.container .middle .pathDetail .bottom_rec_course .course-list .item{margin-bottom:.42666667rem}.container .middle .pathDetail .bottom_rec_course .course-list .item:last-child{margin-bottom:0}.container .middle .pathDetail .bottom_rec_course .course-list .item .left{width:2.72rem;height:1.81333333rem;border-radius:.16rem;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;margin-right:.32rem;display:inline-block;vertical-align:top}.container .middle .pathDetail .bottom_rec_course .course-list .item .left .mark{position:absolute;top:0;left:0;width:.53333333rem;height:.53333333rem}.container .middle .pathDetail .bottom_rec_course .course-list .item .right{width:5.70666667rem;display:inline-block;vertical-align:top}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .title{font-size:15px;color:#2B333B;line-height:.53333333rem;font-weight:700}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .title{font-size:30px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .title{font-size:38px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .title{font-size:41px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .title{font-size:45px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .title{font-size:60px}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .info{margin-top:.16rem;margin-bottom:.21333333rem;font-size:12px;color:#71777D;line-height:.4rem}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info{font-size:48px}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span{margin-right:.24rem}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span i{font-size:12px}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span i{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span i{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span i{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span i{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .info span i{font-size:48px}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .now-price{color:#71777D;font-size:12px;line-height:.4rem;margin-right:.10666667rem}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .now-price{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .now-price{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .now-price{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .now-price{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .now-price{font-size:48px}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .ori-price{color:#B7BBBF;font-size:12px;line-height:.4rem;margin-right:.18666667rem;text-decoration:line-through}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .ori-price{font-size:24px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .ori-price{font-size:30px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .ori-price{font-size:33px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .ori-price{font-size:36px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .ori-price{font-size:48px}.container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .discount-name{border:1px solid rgba(240,20,20,.3);border-radius:.26666667rem;padding-left:.21333333rem;padding-right:.21333333rem;height:.48rem;line-height:.48rem;font-size:10px;color:#F01414;margin-right:.16rem;display:inline-block}[data-dpr="2"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .discount-name{font-size:20px}[data-dpr="2.5"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .discount-name{font-size:25px}[data-dpr="2.75"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .discount-name{font-size:28px}[data-dpr="3"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .discount-name{font-size:30px}[data-dpr="4"] .container .middle .pathDetail .bottom_rec_course .course-list .item .right .price .discount-name{font-size:40px}.container .bottom{margin-top:.21333333rem;padding-top:.53333333rem;padding-left:.42666667rem;padding-right:.42666667rem;box-sizing:border-box;background:#fff}.container .bottom>h2{color:#2B333B;font-size:20px;font-weight:700;margin-bottom:.48rem;line-height:.74666667rem}[data-dpr="2"] .container .bottom>h2{font-size:40px}[data-dpr="2.5"] .container .bottom>h2{font-size:50px}[data-dpr="2.75"] .container .bottom>h2{font-size:55px}[data-dpr="3"] .container .bottom>h2{font-size:60px}[data-dpr="4"] .container .bottom>h2{font-size:80px}.container .bottom>h2 a{color:#B7BBBF;font-size:12px;vertical-align:middle}[data-dpr="2"] .container .bottom>h2 a{font-size:24px}[data-dpr="2.5"] .container .bottom>h2 a{font-size:30px}[data-dpr="2.75"] .container .bottom>h2 a{font-size:33px}[data-dpr="3"] .container .bottom>h2 a{font-size:36px}[data-dpr="4"] .container .bottom>h2 a{font-size:48px}.container .bottom>h2 a i{color:#B7BBBF;font-size:16px;margin-left:.10666667rem;vertical-align:sub}[data-dpr="2"] .container .bottom>h2 a i{font-size:32px}[data-dpr="2.5"] .container .bottom>h2 a i{font-size:40px}[data-dpr="2.75"] .container .bottom>h2 a i{font-size:44px}[data-dpr="3"] .container .bottom>h2 a i{font-size:48px}[data-dpr="4"] .container .bottom>h2 a i{font-size:64px}.container .bottom .rec-path-list{border-bottom:1px solid transparent;padding-left:.16rem;box-sizing:border-box}.container .bottom .rec-path-list .item{margin-bottom:.64rem}.container .bottom .rec-path-list .item .left{width:2.13333333rem;height:2.13333333rem;display:inline-block;margin-right:.21333333rem;position:relative}.container .bottom .rec-path-list .item .left>div{position:absolute;bottom:0;left:0;border-radius:.21333333rem;overflow:hidden}.container .bottom .rec-path-list .item .left .img1{width:1.84rem;height:1.84rem;left:-.16rem}.container .bottom .rec-path-list .item .left .img1 .mask{background-color:rgba(0,0,0,.41);width:100%;height:100%;position:absolute;bottom:0;left:0}.container .bottom .rec-path-list .item .left .img2{width:2.02666667rem;height:2.02666667rem;left:-.08rem}.container .bottom .rec-path-list .item .left .img2 .mask{background-color:rgba(0,0,0,.22);width:100%;height:100%;position:absolute;bottom:0;left:0}.container .bottom .rec-path-list .item .left .img3{width:2.13333333rem;height:2.13333333rem;background-size:cover}.container .bottom .rec-path-list .item .right{display:inline-block;width:6.45333333rem}.container .bottom .rec-path-list .item .right .title{color:#2B333B;font-size:15px;font-weight:700;margin-bottom:.10666667rem}[data-dpr="2"] .container .bottom .rec-path-list .item .right .title{font-size:30px}[data-dpr="2.5"] .container .bottom .rec-path-list .item .right .title{font-size:38px}[data-dpr="2.75"] .container .bottom .rec-path-list .item .right .title{font-size:41px}[data-dpr="3"] .container .bottom .rec-path-list .item .right .title{font-size:45px}[data-dpr="4"] .container .bottom .rec-path-list .item .right .title{font-size:60px}.container .bottom .rec-path-list .item .right .desc{color:#71777D;font-size:12px;line-height:.42666667rem;margin-bottom:.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-dpr="2"] .container .bottom .rec-path-list .item .right .desc{font-size:24px}[data-dpr="2.5"] .container .bottom .rec-path-list .item .right .desc{font-size:30px}[data-dpr="2.75"] .container .bottom .rec-path-list .item .right .desc{font-size:33px}[data-dpr="3"] .container .bottom .rec-path-list .item .right .desc{font-size:36px}[data-dpr="4"] .container .bottom .rec-path-list .item .right .desc{font-size:48px}.container .bottom .rec-path-list .item .right .info{line-height:.45333333rem}.container .bottom .rec-path-list .item .right .info>span{color:#71777D;font-size:12px;font-weight:700}[data-dpr="2"] .container .bottom .rec-path-list .item .right .info>span{font-size:24px}[data-dpr="2.5"] .container .bottom .rec-path-list .item .right .info>span{font-size:30px}[data-dpr="2.75"] .container .bottom .rec-path-list .item .right .info>span{font-size:33px}[data-dpr="3"] .container .bottom .rec-path-list .item .right .info>span{font-size:36px}[data-dpr="4"] .container .bottom .rec-path-list .item .right .info>span{font-size:48px}.container .bottom .rec-path-list .item .right .info .collect span{color:#71777D;font-size:12px;margin-right:.10666667rem}[data-dpr="2"] .container .bottom .rec-path-list .item .right .info .collect span{font-size:24px}[data-dpr="2.5"] .container .bottom .rec-path-list .item .right .info .collect span{font-size:30px}[data-dpr="2.75"] .container .bottom .rec-path-list .item .right .info .collect span{font-size:33px}[data-dpr="3"] .container .bottom .rec-path-list .item .right .info .collect span{font-size:36px}[data-dpr="4"] .container .bottom .rec-path-list .item .right .info .collect span{font-size:48px}.container .bottom .rec-path-list .item .right .info .collect i{font-size:12px}[data-dpr="2"] .container .bottom .rec-path-list .item .right .info .collect i{font-size:24px}[data-dpr="2.5"] .container .bottom .rec-path-list .item .right .info .collect i{font-size:30px}[data-dpr="2.75"] .container .bottom .rec-path-list .item .right .info .collect i{font-size:33px}[data-dpr="3"] .container .bottom .rec-path-list .item .right .info .collect i{font-size:36px}[data-dpr="4"] .container .bottom .rec-path-list .item .right .info .collect i{font-size:48px}.container .bottom .rec-path-list .item .right .info .collect i.active{color:#f01414}.container .discount{display:flex;align-items:center;font-size:.32rem;border-radius:.16rem;padding:.16rem .32rem;margin-bottom:.26666667rem;background:#F8FAFC}.container .discount .discount-name{display:inline-block;line-height:1;color:#fff;background-image:linear-gradient(270deg,#ec0c0c 0,#ff6262 100%);border-radius:.05333333rem;padding:.10666667rem}.container .discount .coupons{flex:1;display:flex;overflow-x:auto;width:6.66666667rem;margin-left:.21333333rem}.container .discount .coupons li{white-space:nowrap;color:#F01414;margin-left:.21333333rem}.container .discount .coupons li:first-child{margin-left:0}.container .buy-box{height:1.44rem;width:100%;background:#fff;padding-top:.18666667rem;padding-bottom:.18666667rem;padding-left:.53333333rem;padding-right:.53333333rem;box-sizing:border-box;position:fixed;bottom:0;left:0;box-shadow:0 -6px 8px 0 rgba(0,0,0,.05)}.container .buy-box .buy-btn{background:#F01414;border-radius:.53333333rem;color:#fff;font-size:14px;text-align:center;line-height:1.06666667rem;font-weight:700}[data-dpr="2"] .container .buy-box .buy-btn{font-size:28px}[data-dpr="2.5"] .container .buy-box .buy-btn{font-size:35px}[data-dpr="2.75"] .container .buy-box .buy-btn{font-size:39px}[data-dpr="3"] .container .buy-box .buy-btn{font-size:42px}[data-dpr="4"] .container .buy-box .buy-btn{font-size:56px}.container .buy-box .buy-btn .ori_price{font-size:12px;color:rgba(255,255,255,.8);text-decoration:line-through}[data-dpr="2"] .container .buy-box .buy-btn .ori_price{font-size:24px}[data-dpr="2.5"] .container .buy-box .buy-btn .ori_price{font-size:30px}[data-dpr="2.75"] .container .buy-box .buy-btn .ori_price{font-size:33px}[data-dpr="3"] .container .buy-box .buy-btn .ori_price{font-size:36px}[data-dpr="4"] .container .buy-box .buy-btn .ori_price{font-size:48px}.container .buy-box .buy-btn .dicount-span{display:inline-block;font-weight:400;margin-right:.21333333rem}.container .buy-box .buy-btn2{width:3.65333333rem;height:1.06666667rem;float:right}.container .buy-box .price-show-box{width:3.2rem;height:1.06666667rem;float:left}.container .buy-box .price-show-box .all-price{font-size:16px;color:#2B333B;line-height:.48rem;font-weight:600}[data-dpr="2"] .container .buy-box .price-show-box .all-price{font-size:32px}[data-dpr="2.5"] .container .buy-box .price-show-box .all-price{font-size:40px}[data-dpr="2.75"] .container .buy-box .price-show-box .all-price{font-size:44px}[data-dpr="3"] .container .buy-box .price-show-box .all-price{font-size:48px}[data-dpr="4"] .container .buy-box .price-show-box .all-price{font-size:64px}.container .buy-box .price-show-box .discount-info{font-size:10px;line-height:.48rem;color:#F01414}[data-dpr="2"] .container .buy-box .price-show-box .discount-info{font-size:20px}[data-dpr="2.5"] .container .buy-box .price-show-box .discount-info{font-size:25px}[data-dpr="2.75"] .container .buy-box .price-show-box .discount-info{font-size:28px}[data-dpr="3"] .container .buy-box .price-show-box .discount-info{font-size:30px}[data-dpr="4"] .container .buy-box .price-show-box .discount-info{font-size:40px}.container .buy-box .price-show-box .discount-price{font-size:10px;color:#71777D}[data-dpr="2"] .container .buy-box .price-show-box .discount-price{font-size:20px}[data-dpr="2.5"] .container .buy-box .price-show-box .discount-price{font-size:25px}[data-dpr="2.75"] .container .buy-box .price-show-box .discount-price{font-size:28px}[data-dpr="3"] .container .buy-box .price-show-box .discount-price{font-size:30px}[data-dpr="4"] .container .buy-box .price-show-box .discount-price{font-size:40px}.container .buy-box .price-show-box .discount-price span{color:#F01414}.container .buy-choose{position:fixed;top:0;left:0;padding-top:3.44rem;width:100%;height:100%;background:rgba(0,0,0,.5);font-size:0;box-sizing:border-box}.container .buy-choose .buy-title{margin-bottom:.42666667rem}.container .buy-choose .wrap{border-top-left-radius:.32rem;border-top-right-radius:.32rem;background:#fff;height:100%;padding-top:.42666667rem;padding-left:.42666667rem;padding-right:.42666667rem;padding-bottom:.42666667rem;box-sizing:border-box}.container .buy-choose .wrap>h2{color:#2B333B;font-size:15px;font-weight:700;text-align:center;line-height:.58666667rem;margin-bottom:.10666667rem}[data-dpr="2"] .container .buy-choose .wrap>h2{font-size:30px}[data-dpr="2.5"] .container .buy-choose .wrap>h2{font-size:38px}[data-dpr="2.75"] .container .buy-choose .wrap>h2{font-size:41px}[data-dpr="3"] .container .buy-choose .wrap>h2{font-size:45px}[data-dpr="4"] .container .buy-choose .wrap>h2{font-size:60px}.container .buy-choose .wrap>h2 a{color:#B7BBBF;font-size:22px}[data-dpr="2"] .container .buy-choose .wrap>h2 a{font-size:44px}[data-dpr="2.5"] .container .buy-choose .wrap>h2 a{font-size:55px}[data-dpr="2.75"] .container .buy-choose .wrap>h2 a{font-size:61px}[data-dpr="3"] .container .buy-choose .wrap>h2 a{font-size:66px}[data-dpr="4"] .container .buy-choose .wrap>h2 a{font-size:88px}.container .buy-choose .wrap .buy-tip{width:8.48rem;height:.85333333rem;background:#F8FAFC;border-radius:.16rem;margin:0 auto;line-height:.85333333rem;font-size:12px;color:#71777D;margin-bottom:.10666667rem;font-weight:700}[data-dpr="2"] .container .buy-choose .wrap .buy-tip{font-size:24px}[data-dpr="2.5"] .container .buy-choose .wrap .buy-tip{font-size:30px}[data-dpr="2.75"] .container .buy-choose .wrap .buy-tip{font-size:33px}[data-dpr="3"] .container .buy-choose .wrap .buy-tip{font-size:36px}[data-dpr="4"] .container .buy-choose .wrap .buy-tip{font-size:48px}.container .buy-choose .wrap .buy-tip .red{color:#F01414}.container .buy-choose .wrap .buy-tip .dicount-title{background-image:linear-gradient(270deg,#ec0c0c 0,#ff6262 100%);border-radius:2px;padding-left:.05333333rem;padding-right:.05333333rem;padding-top:.05333333rem;padding-bottom:.05333333rem;font-size:12px;color:#FFF}[data-dpr="2"] .container .buy-choose .wrap .buy-tip .dicount-title{font-size:24px}[data-dpr="2.5"] .container .buy-choose .wrap .buy-tip .dicount-title{font-size:30px}[data-dpr="2.75"] .container .buy-choose .wrap .buy-tip .dicount-title{font-size:33px}[data-dpr="3"] .container .buy-choose .wrap .buy-tip .dicount-title{font-size:36px}[data-dpr="4"] .container .buy-choose .wrap .buy-tip .dicount-title{font-size:48px}.container .buy-choose .wrap .path-list{height:100%;overflow-y:scroll;padding-bottom:3.09333333rem;box-sizing:border-box}.container .buy-choose .wrap .path-list::-webkit-scrollbar{display:none}.container .buy-choose .wrap .path-list .item{border:1px solid transparent}.container .buy-choose .wrap .path-list .path-name{line-height:.45333333rem}.container .buy-choose .wrap .path-list .path-name .circle{border:2px solid #979797;border-radius:50%;margin-right:.21333333rem;font-weight:700;float:left;width:.21333333rem;height:.21333333rem;margin-top:.05333333rem}.container .buy-choose .wrap .path-list .path-name .name{color:#71777D;font-size:12px;font-weight:700}[data-dpr="2"] .container .buy-choose .wrap .path-list .path-name .name{font-size:24px}[data-dpr="2.5"] .container .buy-choose .wrap .path-list .path-name .name{font-size:30px}[data-dpr="2.75"] .container .buy-choose .wrap .path-list .path-name .name{font-size:33px}[data-dpr="3"] .container .buy-choose .wrap .path-list .path-name .name{font-size:36px}[data-dpr="4"] .container .buy-choose .wrap .path-list .path-name .name{font-size:48px}.container .buy-choose .wrap .path-list .box{margin-left:.12rem;border-left:1px solid #D9DDE1;padding-top:.32rem;padding-bottom:.32rem;position:relative;min-height:1.81333333rem}.container .buy-choose .wrap .path-list .box .left{position:absolute;left:0;width:2.72rem;height:1.81333333rem;border-radius:.16rem;background-repeat:no-repeat;background-size:cover;background-position:center;margin-left:.29333333rem;vertical-align:top}.container .buy-choose .wrap .path-list .box .left .mark{position:absolute;top:0;left:0;width:.53333333rem;height:.53333333rem}.container .buy-choose .wrap .path-list .box .right{width:5.70666667rem;vertical-align:top;margin-left:3.33333333rem}.container .buy-choose .wrap .path-list .box .right .info{margin-right:1.28rem}.container .buy-choose .wrap .path-list .box .right .info .title{font-size:15px;color:#2B333B;line-height:.53333333rem;height:1.06666667rem;font-weight:700;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-dpr="2"] .container .buy-choose .wrap .path-list .box .right .info .title{font-size:30px}[data-dpr="2.5"] .container .buy-choose .wrap .path-list .box .right .info .title{font-size:38px}[data-dpr="2.75"] .container .buy-choose .wrap .path-list .box .right .info .title{font-size:41px}[data-dpr="3"] .container .buy-choose .wrap .path-list .box .right .info .title{font-size:45px}[data-dpr="4"] .container .buy-choose .wrap .path-list .box .right .info .title{font-size:60px}.container .buy-choose .wrap .path-list .box .right .info .price{line-height:.4rem;margin-top:.24rem}.container .buy-choose .wrap .path-list .box .right .info .price .now-price{color:#71777D;font-size:12px;margin-right:.10666667rem}[data-dpr="2"] .container .buy-choose .wrap .path-list .box .right .info .price .now-price{font-size:24px}[data-dpr="2.5"] .container .buy-choose .wrap .path-list .box .right .info .price .now-price{font-size:30px}[data-dpr="2.75"] .container .buy-choose .wrap .path-list .box .right .info .price .now-price{font-size:33px}[data-dpr="3"] .container .buy-choose .wrap .path-list .box .right .info .price .now-price{font-size:36px}[data-dpr="4"] .container .buy-choose .wrap .path-list .box .right .info .price .now-price{font-size:48px}.container .buy-choose .wrap .path-list .box .right .info .price img{width:1.14666667rem;height:1.14666667rem;position:absolute;bottom:0;right:1.38666667rem}.container .buy-choose .wrap .path-list .box .right .choose{position:absolute;right:0;top:.32rem}.container .buy-choose .wrap .path-list .box .right .choose .circle{width:.58666667rem;height:.58666667rem;border:2px solid #B7BBBF;border-radius:50%;color:#fff}.container .buy-choose .wrap .path-list .box .right .choose .circle.active{background:#20CC85;border:2px solid #20CC85;line-height:1.09333333rem;text-align:center}.container .buy-choose .wrap .path-list .box .right .choose .circle.active i{color:#fff;font-size:20px;font-weight:700}[data-dpr="2"] .container .buy-choose .wrap .path-list .box .right .choose .circle.active i{font-size:40px}[data-dpr="2.5"] .container .buy-choose .wrap .path-list .box .right .choose .circle.active i{font-size:50px}[data-dpr="2.75"] .container .buy-choose .wrap .path-list .box .right .choose .circle.active i{font-size:55px}[data-dpr="3"] .container .buy-choose .wrap .path-list .box .right .choose .circle.active i{font-size:60px}[data-dpr="4"] .container .buy-choose .wrap .path-list .box .right .choose .circle.active i{font-size:80px}.container .buy-choose .wrap .path-list .box .right .choose .tip{background:#B7BBBF;border-radius:.33333333rem;padding-left:.21333333rem;padding-right:.21333333rem;height:.66666667rem;line-height:.66666667rem;color:#fff;font-size:12px}[data-dpr="2"] .container .buy-choose .wrap .path-list .box .right .choose .tip{font-size:24px}[data-dpr="2.5"] .container .buy-choose .wrap .path-list .box .right .choose .tip{font-size:30px}[data-dpr="2.75"] .container .buy-choose .wrap .path-list .box .right .choose .tip{font-size:33px}[data-dpr="3"] .container .buy-choose .wrap .path-list .box .right .choose .tip{font-size:36px}[data-dpr="4"] .container .buy-choose .wrap .path-list .box .right .choose .tip{font-size:48px}.layer{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:rgba(43,51,59,.8)}.layer .layer-wrap{position:absolute;bottom:0;width:100%;border-top-left-radius:.34666667rem;border-top-right-radius:.34666667rem;background:#fff;animation:layer-up .3s;-webkit-animation:layer-up .3s;padding-left:.42666667rem;padding-right:.42666667rem;box-sizing:border-box}.layer .layer-wrap .layer-head{padding-top:.53333333rem;padding-bottom:.37333333rem;border-bottom:1px solid rgba(212,142,5,.4);border-width:.02666667rem}.layer .layer-wrap .layer-head span{float:left;font-weight:700;font-size:.42666667rem;line-height:.48rem;color:#D48E05}.layer .layer-wrap .layer-head .imwap-close{float:right;font-size:.48rem;line-height:.48rem;color:#B7BBBF}.layer .layer-wrap .layer-body{max-height:60vh;overflow-y:auto;padding:.16rem}.layer .layer-wrap .layer-body .item-box{font-size:.32rem;line-height:.37333333rem;color:#2B333B;border-bottom:1px solid #D9DDE1;border-width:.02666667rem}.layer .layer-wrap .layer-body .item-box .item-box-left{float:left;font-weight:700}.layer .layer-wrap .layer-body .item-box .item-box-right{float:left;margin-left:.53333333rem;word-break:break-all}.layer .layer-wrap .layer-footer{padding-top:.53333333rem;padding-bottom:.53333333rem}.layer .layer-wrap .layer-footer span,.layer .layer-wrap .layer-footer a{display:block;margin:0 auto;width:100%;height:1.06666667rem;line-height:1.06666667rem;font-size:.37333333rem;border-radius:.53333333rem;background:#D48E05;color:#FFF;text-align:center}.layer.coupon-layer .layer-head{border-bottom:0!important;text-align:center;padding-bottom:.37333333rem}.layer.coupon-layer .layer-head span{float:none;color:#2B333B;font-size:.53333333rem}.layer.coupon-layer .item-box{position:relative;height:2.61333333rem;padding-top:.24rem;padding-bottom:.24rem;padding-left:.34666667rem;padding-right:1.6rem;border-radius:.02666667rem;margin-bottom:.32rem;box-sizing:border-box;border-bottom:0!important;box-shadow:1px 1px 12px 2px rgba(0,0,0,.05);background:#fff}.layer.coupon-layer .item-box:last-child{margin-bottom:0}.layer.coupon-layer .item-box .item-box-left{width:100%;font-weight:400!important}.layer.coupon-layer .item-box .item-box-left p{font-size:.26666667rem;line-height:.37333333rem;margin-top:.16rem;color:#71777D}.layer.coupon-layer .item-box .item-box-left p:first-child{margin-top:0}.layer.coupon-layer .item-box .item-box-left p .coupon-value{font-size:.70666667rem;line-height:.98666667rem;margin-right:.21333333rem;font-weight:600;color:#FF2D50}.layer.coupon-layer .item-box .item-box-right{width:1.6rem;height:2.61333333rem;line-height:1.6rem;font-size:.37333333rem;color:#fff;position:absolute;top:0;right:0;writing-mode:vertical-lr;text-align:center;background-image:url(/static/coding/static/common/img/classindex/coupon-bg.png?v=1);background-size:contain;background-repeat:no-repeat;background-position:center;background-size:1.94666667rem}.layer.coupon-layer .item-box .item-box-right.gray{background-image:url(/static/coding/static/common/img/classindex/coupon-bg-used.png?v=1)}.layer.coupon-layer .layer-footer a{background-image:linear-gradient(270deg,#ec0c0c 0,#ff6262 100%)}@keyframes layer-up{0%{opacity:0;transform:translateY(800px);-webkit-transform:translateY(800px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.moco-modal-layer{position:absolute;background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);border-radius:.32rem}.moco-modal-inner .moco-modal-dialog{padding:32px}.moco-modal-inner .moco-modal-wrap{box-sizing:border-box;width:8.53333333rem;padding:.85333333rem;line-height:1}.moco-modal-content{font-size:16px;font-weight:700;color:#1c1f21;line-height:.53333333rem}[data-dpr="2"] .moco-modal-content{font-size:32px}[data-dpr="2.5"] .moco-modal-content{font-size:40px}[data-dpr="2.75"] .moco-modal-content{font-size:44px}[data-dpr="3"] .moco-modal-content{font-size:48px}[data-dpr="4"] .moco-modal-content{font-size:64px}.moco-modal-info{padding-top:.21333333rem;font-size:.32rem;color:#545c63;line-height:.42666667rem}.moco-modal-info a{color:#1481b8;text-decoration:none}.moco-modal-info a:hover{color:#0f618a}.moco-modal-btns{padding-top:.85333333rem;text-align:right}.moco-modal-btns .moco-btn{margin-left:.32rem;min-width:2.13333333rem}.moco-btn{font-size:14px;line-height:.4rem;border-radius:.48rem;padding-left:.42666667rem;padding-right:.42666667rem;padding-top:.18666667rem;padding-bottom:.18666667rem}[data-dpr="2"] .moco-btn{font-size:28px}[data-dpr="2.5"] .moco-btn{font-size:35px}[data-dpr="2.75"] .moco-btn{font-size:39px}[data-dpr="3"] .moco-btn{font-size:42px}[data-dpr="4"] .moco-btn{font-size:56px}