.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{overflow:auto;margin:0}body #middle{background-color:#fff}body #wrapper{padding-bottom:1.49333333rem}body img{display:block}body .video-mask{background-color:rgba(0,0,0,.8);position:fixed;z-index:999;top:0;left:0;width:100%;height:100%}body .video-mask .video{position:absolute;top:0;bottom:0;margin:auto;width:100%;height:5.33333333rem}body .padding32-l-r{padding-left:.42666667rem;padding-right:.42666667rem;box-sizing:border-box}body .padding40-l-r{padding-left:.53333333rem;padding-right:.53333333rem;box-sizing:border-box}body .border-top{border-top:1px solid #f3f5f7;border-width:.21333333rem}body .border-bottom{border-bottom:1px solid #f3f5f7;border-width:.21333333rem}body .imwap-star-choose,body .imwap-star-half{font-size:.32rem;color:#B7BBBF}body .imwap-star-choose.active,body .imwap-star-half.active{color:#FFA01E}body .star-wrap img{display:inline-block;transform:translateY(0.05rem);width:.32rem}body .star-wrap i{line-height:.37333333rem;font-size:.32rem;display:inline-block;color:#2B333B}body .star-wrap>i{font-style:normal;margin-left:.10666667rem}body .star-wrap .half-star-box{position:relative;z-index:0}body .star-wrap .half-star-box i{position:absolute;left:0;top:0}body .star-wrap .half-star-box .imwap-star-choose{z-index:1}body .star-wrap .half-star-box .imwap-star-half{z-index:2}body .package-list .package-item{padding-bottom:.4rem}body .package-list .package-item:first-child{margin-top:0}body .package-list .package-item .item-name{padding-top:.4rem;padding-bottom:.32rem;font-weight:500;font-size:.42666667rem;line-height:.48rem;color:#2B333B}body .package-list .package-item .item-name .p-label{background:#F3F5F7;border-radius:.42666667rem;padding-top:.10666667rem;padding-bottom:.10666667rem;padding-left:.21333333rem;padding-right:.21333333rem;margin-right:.16rem;font-size:.29333333rem}body .package-list .package-item .item-body{padding-left:.32rem;padding-right:.32rem;border-radius:.13333333rem;box-shadow:0 0 .14rem 0 rgba(0,0,0,.07)}body .package-list .package-item .item-body .plan-list{white-space:nowrap;overflow-x:auto;font-size:0}body .package-list .package-item .item-body .plan-list .plan-item{position:relative;display:block;padding-top:.32rem;padding-bottom:.32rem;border-bottom:1px solid rgba(43,51,59,.06);border-width:.02666667rem}body .package-list .package-item .item-body .plan-list .plan-item img{position:absolute;top:.32rem;left:0;width:2.24rem;height:1.49333333rem;border-radius:.21333333rem}body .package-list .package-item .item-body .plan-list .plan-item .right-box{padding-left:2.45333333rem}body .package-list .package-item .item-body .plan-list .plan-item .right-box h6{font-size:.34666667rem;line-height:.53333333rem;font-weight:700;color:#2B333B;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body .package-list .package-item .item-body .plan-list .plan-item .right-box p{margin-top:.13333333rem;font-size:.32rem;line-height:.4rem;color:#71777D;white-space:normal}body .package-list .package-item .item-body .plan-list .plan-item .right-box p span{margin-right:.24rem}body .package-list .package-item .item-body .plan-list .plan-item .right-box p span i{margin-right:.05333333rem}body .package-list .package-item .item-body .item-bottom{display:flex;align-items:center;line-height:1.12rem}body .package-list .package-item .item-body .item-bottom .price{font-weight:500;font-size:.48rem;color:#F01414}body .package-list .package-item .item-body .item-bottom .sale-price{margin-left:.21333333rem;font-size:.32rem;color:#71777D;text-decoration:line-through}body .package-list .package-item .item-body .item-bottom .price-box{padding:.26666667rem 0rem}body .package-list .package-item .item-body .item-bottom .price-box .price{font-size:.37333333rem;line-height:1;color:#F01414}body .package-list .package-item .item-body .item-bottom .price-box .coupon{margin-top:.16rem;color:#F01414;border-radius:100px;line-height:1;opacity:.6}body .package-list .package-item .item-body .item-bottom .add-cart,body .package-list .package-item .item-body .item-bottom .buy-btn{font-weight:700;font-size:.37333333rem;color:#F01414;margin-left:auto}body .package-list .package-item .item-body .item-bottom .price-box .sale-price{line-height:.37333333rem;margin-bottom:.13333333rem;margin-left:0}body .evaluate-wrap{padding-bottom:.53333333rem}body .evaluate-wrap .evaluate-general{display:flex;align-items:center;justify-content:center;width:9.14666667rem;height:1.65333333rem;margin:0 auto}body .evaluate-wrap .evaluate-general .score-general{display:block;font-size:.72rem;line-height:1.01333333rem;font-weight:500;color:#FFA01E}body .evaluate-wrap .evaluate-general .score-item{margin-left:.85333333rem;color:#2B333B}body .evaluate-wrap .evaluate-general .score-item .score-title{font-size:.32rem;line-height:.37333333rem}body .evaluate-wrap .evaluate-general .score-item .score-num{font-size:.42666667rem;line-height:.48rem}body .evaluate-wrap .evaluate-list{margin-top:.16rem}body .evaluate-wrap .evaluate-list .evaluate-item{padding-top:.42666667rem;padding-bottom:.42666667rem;border-top:1px solid rgba(43,51,59,.06);border-top-width:.02666667rem}body .evaluate-wrap .evaluate-list .evaluate-item .item-head{display:flex;justify-content:space-between;align-items:center}body .evaluate-wrap .evaluate-list .evaluate-item .item-head .commenter-box{float:left;width:5.6rem}body .evaluate-wrap .evaluate-list .evaluate-item .item-head .commenter-box img{float:left;width:.85333333rem;height:.85333333rem;border-radius:50%}body .evaluate-wrap .evaluate-list .evaluate-item .item-head .commenter-box span{float:left;width:4.53333333rem;margin-left:.21333333rem;line-height:.48rem;font-size:.42666667rem;font-weight:700;color:#2B333B;overflow:hidden;text-overflow:ellipsis}body .evaluate-wrap .evaluate-list .evaluate-item .item-head .commenter-box .time{float:left;color:#B7BBBF;margin-left:.21333333rem;font-size:.32rem}body .evaluate-wrap .evaluate-list .evaluate-item .item-head .item-head-right{float:right;text-align:right;width:2.13333333rem}body .evaluate-wrap .evaluate-list .evaluate-item .item-head .item-head-right .time{margin-top:.21333333rem;font-size:.26666667rem;line-height:.32rem;color:#B7BBBF;text-align:right}body .evaluate-wrap .evaluate-list .evaluate-item .item-content{margin-top:.21333333rem;font-size:.37333333rem;line-height:.64rem;color:#2B333B;word-break:break-all}body .consult-wrap{padding-bottom:.53333333rem}body .consult-wrap .consult-list .consult-item{word-break:break-all;margin-top:.21333333rem}body .consult-wrap .consult-list .consult-item .item-content{font-size:.37333333rem;line-height:.53333333rem;color:#2B333B;font-weight:700}body .consult-wrap .consult-list .consult-item .item-content .question-icon{display:inline-block;width:.50666667rem;height:.50666667rem;background-image:url(/static/coding/static/common/img/classindex/question-icon.png?v=1);background-size:contain;background-repeat:no-repeat;vertical-align:top;margin-right:.16rem}body .consult-wrap .consult-list .consult-item .item-answer{margin-top:.21333333rem;font-size:.32rem;line-height:.64rem;color:#71777D;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}body .consult-wrap .consult-list .consult-item .item-bottom{margin-top:.16rem;font-size:.32rem;line-height:.53333333rem;color:#B7BBBF}body .consult-wrap .consult-list .consult-item .item-bottom .time{float:left}body .consult-wrap .consult-list .consult-item .item-bottom .praise-box{float:right}body .consult-wrap .consult-list .consult-item .item-bottom .praise-box .praise-num{vertical-align:text-bottom}body .consult-wrap .consult-list .consult-item .item-bottom .praise-box i{margin-left:.10666667rem;font-size:.53333333rem}body .consult-wrap .consult-list .consult-item .item-bottom .praise-box.active{color:#ff2d50}body .act-2022618{position:fixed;z-index:9999;right:.53333333rem;bottom:1.86666667rem}body .act-2022618 img{width:1.70666667rem;height:1.70666667rem}body .footer-container{width:100%;height:auto;position:fixed;bottom:0;left:0;background-color:#fff;z-index:1;box-shadow:0 -2px 4px 0 rgba(0,0,0,.05);text-align:center}body .footer-container .line{height:.02666667rem;margin-left:.90666667rem;margin-right:.90666667rem;background:rgba(43,51,59,.06)}body .footer-container .bottom{height:1.49333333rem;padding-left:.53333333rem}body .footer-container .bottom .consult-box,body .footer-container .bottom .collect-box,body .footer-container .bottom .cart-box{float:left;margin-top:.29333333rem}body .footer-container .bottom .consult-box i,body .footer-container .bottom .collect-box i,body .footer-container .bottom .cart-box i{display:block;font-size:.53333333rem;color:#2B333B}body .footer-container .bottom .consult-box p,body .footer-container .bottom .collect-box p,body .footer-container .bottom .cart-box p{font-size:.26666667rem;line-height:.32rem;color:#2B333B;text-align:center;padding-top:.05333333rem}body .footer-container .bottom .cart-box i{margin-left:-.12rem}body .footer-container .bottom .collect-box{width:1.6rem}body .footer-container .bottom .collect-box i.active{color:#F01414}body .footer-container .bottom .operate-btns{display:flex;margin:0 auto;overflow:hidden;border-radius:1000px;margin-top:.21333333rem;width:5.86666667rem;float:right;margin-right:.32rem;font-size:0}body .footer-container .bottom .footer-btn{flex:1;line-height:1.06666667rem;font-size:.37333333rem;color:#fff}body .footer-container .bottom .footer-btn.addtocart-btn{background-image:linear-gradient(-43deg,#ec7b0c 0,#f8aa09 100%)}body .footer-container .bottom .footer-btn.buy-btn{background-image:linear-gradient(-45deg,#ec0c0c 0,#ff6262 100%)}body .footer-container .bottom .footer-btn.study-btn{width:100%;border-radius:.64rem;background:#D48E05}body .footer-container .bottom .footer-btn.red-btn{background-image:linear-gradient(-45deg,#ec0c0c 0,#ff6262 100%)}body .footer-container .bottom .footer-btn.yellow-btn{background-image:linear-gradient(-43deg,#ec7b0c 0,#f8aa09 100%)}body .footer-container .bottom .footer-btn.wrap-btn{line-height:1;padding:.16rem 0rem}body .footer-container .new-course{display:block;font-size:.37333333rem;line-height:1.2rem;color:#D48E05;letter-spacing:0}body .footer-container .btn-text{font-size:.37333333rem;line-height:1.36rem;color:#71777D;letter-spacing:0}body .bottom-tip{height:1.6rem;line-height:1.6rem;font-size:.32rem;text-align:center;background:#F3F5F7;color:#B7BBBF}body .bottom-tip.mb30{margin-bottom:1.2rem}body .loading-box{flex-grow:1}body .loading-box .loading-img{margin:0 auto}body .no-result-tip{font-size:.37333333rem;line-height:.42666667rem;color:#71777D;text-align:center}body .type-box{position:relative;margin-top:1.17333333rem}body .type-box .type-tab{position:absolute;top:-1.17333333rem;width:80%;padding-left:10%;padding-right:10%;z-index:2;background:#fff;border-bottom:1px solid rgba(43,51,59,.06);border-bottom-width:.02666667rem}body .type-box .type-tab.fixed{position:fixed;top:1.49333333rem}body .type-box .type-tab .inner{position:relative;height:1.17333333rem;line-height:.58666667rem;padding-top:.32rem;padding-bottom:.32rem;box-sizing:border-box;display:flex;justify-content:space-around}body .type-box .type-tab i{content:'';display:none;transform:scaleX(1);height:.08rem;position:absolute;bottom:.13333333rem;width:.21333333rem;border-radius:.04rem;background:#F01414;margin-left:-.10666667rem;transition:left .2s ease}body .type-box .type-tab .tab-item{display:block;float:left;position:relative;font-size:.37333333rem;line-height:.42666667rem;color:#2B333B;text-align:center;flex-grow:1}body .type-box .type-tab .tab-item:last-child{margin-right:0}body .type-box .type-tab .tab-item.active{color:#F01414}body .type-box .type-tab .tab-item .flag{display:block;position:absolute;left:40%;top:-.10666667rem;height:.42666667rem;line-height:.42666667rem;border-radius:.21333333rem;font-size:.26666667rem;padding-left:.16rem;padding-right:.16rem;white-space:nowrap;margin-left:.48rem;box-sizing:border-box;background:#fff1dd;color:#FFA121;line-height:.4rem}body .type-box .switch-area::-webkit-scrollbar{width:0!important}body .type-box .switch-area .swiper-slide{overflow:auto}body .page-classindex .wrap-title{padding-left:.53333333rem;padding-right:.53333333rem;box-sizing:border-box;padding-top:.53333333rem;padding-bottom:.16rem;font-size:.53333333rem;line-height:.74666667rem;color:#2B333B;font-weight:700}body .page-classindex .wrap-title.sub{font-size:.4rem}body .page-classindex .wrap-title.sub:before{content:"";display:inline-block;width:.08rem;height:.37333333rem;margin-bottom:-.05333333rem;margin-right:.10666667rem;background:#71777D;border-radius:.04rem}body .page-classindex .wrap-title .more-txt{float:right;margin-right:.10666667rem;font-size:.32rem;color:#71777D;font-weight:400}body .page-classindex .wrap-title .more-txt i{font-size:.42666667rem;vertical-align:text-top}body .page-classindex .course-wrap-basic{position:relative;padding-top:.26666667rem;padding-bottom:.42666667rem;background:rgba(183,187,191,.1)}body .page-classindex .course-wrap-basic .bargain-door{position:absolute;right:0;top:0;text-align:center;width:3.38666667rem;height:.74666667rem;line-height:.74666667rem;border-top-left-radius:.37333333rem;border-bottom-left-radius:.37333333rem;font-size:.37333333rem;color:#FFF;background-image:linear-gradient(-107deg,rgba(242,13,13,.95) 0,#ff4d4d 100%)}body .page-classindex .course-wrap-basic .bargain-door span{color:#F7FF00;font-weight:700}body .page-classindex .course-wrap-basic .fenxiao-door{position:absolute;right:0;top:0;padding-right:.4rem;padding-left:.4rem;height:.74666667rem;line-height:.74666667rem;border-top-left-radius:.37333333rem;border-bottom-left-radius:.37333333rem;font-size:.37333333rem;color:#FFF;background-color:#F60}body .page-classindex .course-wrap-basic .fenxiao-door span{font-size:.37333333rem;line-height:.74666667rem;color:#F7FF00;font-weight:700}body .page-classindex .course-wrap-basic .course-top{position:relative}body .page-classindex .course-wrap-basic .course-top .course-img{position:relative;width:2.56rem;height:3.41333333rem;background:gray;background-size:cover;background-position:center center;border-radius:.10666667rem;overflow:hidden}body .page-classindex .course-wrap-basic .course-top .course-img .act-title{position:absolute;bottom:0;width:100%;height:.53333333rem;line-height:.53333333rem;background:#EB4B4E;box-shadow:0 -2px 7px -1px #fff;font-size:.32rem;color:#fff;text-align:center}body .page-classindex .course-wrap-basic .course-top .course-img:before{content:'';position:absolute;width:1.06666667rem;height:.42666667rem;top:0;right:0;background:no-repeat center / 100%}body .page-classindex .course-wrap-basic .course-top .course-img.hot:before{background-image:url(/static/coding/static/common/img/classindex/icon-hot.png?v=1)}body .page-classindex .course-wrap-basic .course-top .course-img.up:before{background-image:url(/static/coding/static/common/img/classindex/icon-up.png?v=1)}body .page-classindex .course-wrap-basic .course-top .course-img.new:before{background-image:url(/static/coding/static/common/img/classindex/icon-new.png?v=1)}body .page-classindex .course-wrap-basic .course-top .info{width:100%;height:3.41333333rem;position:absolute;top:0;right:0;padding-left:2.82666667rem;box-sizing:border-box}body .page-classindex .course-wrap-basic .course-top .info .course-name{font-weight:700;font-size:.42666667rem;line-height:.58666667rem;color:#2B333B;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body .page-classindex .course-wrap-basic .course-top .info .t-info{max-width:100%;font-size:.32rem;color:#71777D;line-height:.48rem;margin-top:.21333333rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body .page-classindex .course-wrap-basic .course-top .info .c-info{max-width:100%;font-size:.32rem;color:#71777D;line-height:.45333333rem;margin-top:.21333333rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body .page-classindex .course-wrap-basic .course-top .info .ranking{margin-top:.21333333rem;height:.56rem}body .page-classindex .course-wrap-basic .course-top .info .ranking.new_course .bg{background-image:linear-gradient(-40deg,#56d788 0,#59df6f 100%)}body .page-classindex .course-wrap-basic .course-top .info .ranking.new_course .enter{background-color:#4AB788}body .page-classindex .course-wrap-basic .course-top .info .ranking.study_course .bg{background-image:linear-gradient(-40deg,#5447e9 0,#526aea 100%)}body .page-classindex .course-wrap-basic .course-top .info .ranking.study_course .enter{background:#597BDE}body .page-classindex .course-wrap-basic .course-top .info .ranking .rank{display:inline-flex;flex-direction:row;align-items:center;line-height:.56rem;height:.56rem;border-radius:.10666667rem;overflow:hidden;cursor:pointer}body .page-classindex .course-wrap-basic .course-top .info .ranking .bg{position:relative;width:.74666667rem;height:.56rem;background-color:#F4714C}body .page-classindex .course-wrap-basic .course-top .info .ranking .bg:after{content:'';display:block;position:absolute;width:.74666667rem;height:.56rem;background-image:url(/static/coding/static/common/img/classindex/top-icon.png?v=1);background-repeat:no-repeat;background-position:center;background-size:80%;z-index:1}body .page-classindex .course-wrap-basic .course-top .info .ranking .enter{position:relative;font-size:.32rem;box-sizing:border-box;color:#fff;background-color:#E35E2F;font-weight:400;padding-left:.05333333rem}body .page-classindex .course-wrap-basic .course-top .info .ranking .enter .arrow-right i{font-size:.37333333rem;position:relative;top:.02666667rem;left:-.02666667rem}body .page-classindex .course-wrap-basic .course-top .info .ranking .enter em{display:inline-block;font-style:normal;transform:scale(0.917)}body .page-classindex .course-wrap-basic .course-top .info .price-and-study{position:absolute;bottom:0;color:#F01414}body .page-classindex .course-wrap-basic .course-top .info .price-and-study .price-box{float:left;line-height:1}body .page-classindex .course-wrap-basic .course-top .info .price-and-study .price-box p{display:inline-block;margin-right:.13333333rem;vertical-align:middle}body .page-classindex .course-wrap-basic .course-top .info .price-and-study .price-box .price-current{font-weight:700;font-size:.42666667rem}body .page-classindex .course-wrap-basic .course-top .info .price-and-study .price-box .price-original{margin-top:.10666667rem;font-size:.32rem;color:#B7BBBF;text-decoration:line-through}body .page-classindex .course-wrap-basic .course-top .info .price-and-study .price-box .act-coupon{line-height:.4rem;font-size:.26666667rem;padding-left:.10666667rem;padding-right:.10666667rem;color:#F01414;border-radius:.05333333rem;background-color:rgba(240,20,20,.06)}body .page-classindex .course-wrap-basic .course-top .info .price-and-study .price-box .activity-title{font-size:.26666667rem;border-radius:.05333333rem;line-height:.4rem;padding-left:.10666667rem;padding-right:.10666667rem;color:#FFF;background-image:linear-gradient(270deg,#fa6619 0,#fa3119 96%)}body .page-classindex .course-wrap-general .discount-activity{background-image:linear-gradient(135deg,#f9662d 0,#f01414 100%);font-size:.29333333rem;line-height:.64rem;color:#FFF;text-align:center}body .page-classindex .course-wrap-general .discount-activity .time-title{display:inline;line-height:.32rem;text-align:center}body .page-classindex .course-wrap-general .discount-activity .time-box{display:inline;margin-top:.10666667rem;line-height:.32rem;font-weight:700;font-size:.26666667rem}body .page-classindex .course-wrap-general .discount-activity .time-box span{display:inline-block;width:.42666667rem;height:.37333333rem;line-height:.37333333rem;text-align:center;background:rgba(0,0,0,.2);border-radius:.02666667rem;margin-left:.21333333rem;margin-right:.10666667rem}body .page-classindex .course-wrap-general .group-rule{display:flex;align-items:flex-start;border-bottom:16px solid #F2F3F7;padding:.21333333rem .42666667rem;padding-top:.4rem;border-width:.21333333rem}body .page-classindex .course-wrap-general .group-rule .info-item-title{color:#B7BBBF}body .page-classindex .course-wrap-general .group-rule .step{flex:1;display:flex;justify-content:space-between;align-items:center;margin-left:.37333333rem;padding-right:.8rem}body .page-classindex .course-wrap-general .group-rule .step li{text-align:center}body .page-classindex .course-wrap-general .group-rule .step li img{display:block;margin:0 auto;text-align:center}body .page-classindex .course-wrap-general .group-rule .step li img.icon{width:.85333333rem}body .page-classindex .course-wrap-general .group-rule .step li img.arrow{width:.69333333rem}body .page-classindex .course-wrap-general .group-info{border-bottom:16px solid #F2F3F7;border-width:.21333333rem;padding:.37333333rem .42666667rem}body .page-classindex .course-wrap-general .group-info .top{display:flex}body .page-classindex .course-wrap-general .group-info .top .title{color:#1E2337;font-size:.37333333rem}body .page-classindex .course-wrap-general .group-info .top .sub-title{color:#B7BBBF;font-size:.32rem;padding-left:.21333333rem}body .page-classindex .course-wrap-general .group-info .top .details{color:#B7BBBF;margin-left:auto;font-size:.32rem}body .page-classindex .course-wrap-general .group-info .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.37333333rem}body .page-classindex .course-wrap-general .group-info .bottom .avatars{display:flex;align-items:center;justify-content:space-between}body .page-classindex .course-wrap-general .group-info .bottom .avatars li{position:relative;border-radius:100px;overflow:hidden;background:#F8FAFC;width:1.06666667rem;height:1.06666667rem}body .page-classindex .course-wrap-general .group-info .bottom .avatars li+li{margin-left:.21333333rem}body .page-classindex .course-wrap-general .group-info .bottom .avatars li.nobody:after,body .page-classindex .course-wrap-general .group-info .bottom .avatars li.nobody:before{content:'';position:absolute;background-color:#B7BBBF}body .page-classindex .course-wrap-general .group-info .bottom .avatars li.nobody:after{top:50%;left:50%;margin-left:-.34666667rem;margin-top:-.01333333rem;width:.69333333rem;height:.05333333rem}body .page-classindex .course-wrap-general .group-info .bottom .avatars li.nobody:before{top:50%;left:50%;margin-top:-.34666667rem;margin-left:-.01333333rem;width:.05333333rem;height:.69333333rem}body .page-classindex .course-wrap-general .group-info .bottom .avatars li img{width:100%}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right{text-align:right}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .success span{color:#20CC85;vertical-align:middle;font-size:.42666667rem;margin-right:.21333333rem}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .friend{color:#71777D;font-size:.32rem;line-height:.48rem;margin-bottom:.13333333rem}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .friend i{color:#F01414;font-style:normal}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .countdown{display:flex;align-items:center;color:#1E2337;font-size:.37333333rem}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .countdown i{color:#F01414;font-style:normal;margin:0rem .05333333rem}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .countdown span{display:inline-block;color:#fff;background-color:#F01414;line-height:1;font-size:.26666667rem;border-radius:.05333333rem;padding:.05333333rem}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .countdown span:first-child{margin-left:.10666667rem}body .page-classindex .course-wrap-general .group-info .bottom .bottom-right .countdown span:last-child{margin-right:.10666667rem}body .page-classindex .course-wrap-general .course-content{border-width:.21333333rem}body .page-classindex .course-wrap-general .course-content .info-item{padding-top:.37333333rem;padding-bottom:.37333333rem;font-size:.34666667rem;line-height:.48rem;color:#71777D;border-bottom:1px solid rgba(43,51,59,.06);border-width:.02666667rem;box-sizing:content-box}body .page-classindex .course-wrap-general .course-content .info-item:last-child{border-bottom:0}body .page-classindex .course-wrap-general .course-content .info-item .info-item-title{float:left;font-weight:400;color:#B7BBBF}body .page-classindex .course-wrap-general .course-content .info-item>div{margin-left:1.01333333rem;position:relative}body .page-classindex .course-wrap-general .course-content .info-item>div .content-item{float:left;margin-right:.42666667rem}body .page-classindex .course-wrap-general .course-content .info-item>div .content-item dt{font-weight:400}body .page-classindex .course-wrap-general .course-content .info-item>div .content-item dd{color:#2B333B;margin-top:.21333333rem;font-weight:600}body .page-classindex .course-wrap-general .course-content .info-item>div .content-item:nth-child(4n+4){margin-right:0}body .page-classindex .course-wrap-general .course-content .info-item>div ul{display:flex;float:left;position:relative;overflow-x:auto;width:6.4rem}body .page-classindex .course-wrap-general .course-content .info-item>div ul li{display:inline-block;color:#F01414;white-space:nowrap;background:rgba(240,20,20,.06);margin-right:.26666667rem;border-radius:.24rem;font-size:.32rem;padding-left:.21333333rem;padding-right:.21333333rem;padding-top:.10666667rem;padding-bottom:.10666667rem;line-height:.29333333rem;height:.50666667rem;box-sizing:border-box}body .page-classindex .course-wrap-general .course-content .info-item>div ul li::last-child{margin-right:0}body .page-classindex .course-wrap-general .course-content .info-item>div p{max-width:calc(100% - 1.3rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left}body .page-classindex .course-wrap-general .course-content .info-item>div a{float:right;font-size:.32rem;color:#F01414}body .page-classindex .pic-wrap img{width:100%}body .page-classindex .step-wrap{padding-top:.32rem;padding-bottom:.64rem}body .page-classindex .step-wrap .step-container{padding-left:.85333333rem;padding-right:.85333333rem}body .page-classindex .step-wrap .step-container .step-list .step-item:not(:first-child){margin-top:.64rem}body .page-classindex .step-wrap .step-container .step-list .step-item .item-title{font-size:.42666667rem;line-height:.48rem;color:#2B333B;font-weight:500}body .page-classindex .step-wrap .step-container .step-list .step-item .item-title .item-name{margin-left:.26666667rem}body .page-classindex .step-wrap .step-container .step-list .step-item .item-media-list{margin-top:.32rem;font-size:.37333333rem;line-height:.42666667rem}body .page-classindex .step-wrap .step-container .step-list .step-item .item-media-list .media-item .imwap-play_arrow{float:left;margin-top:.34666667rem;width:.37333333rem;height:.37333333rem;line-height:.37333333rem;border-radius:50%;background-color:#B7BBBF;color:#fff;text-align:center;font-size:.32rem}body .page-classindex .step-wrap .step-container .step-list .step-item .item-media-list .media-item .type-icon{float:left;margin-top:.34666667rem;width:.37333333rem;height:.37333333rem;line-height:.37333333rem;color:#B7BBBF;text-align:center;font-size:.37333333rem}body .page-classindex .step-wrap .step-container .step-list .step-item .item-media-list .media-item p{position:relative;float:left;margin-left:.34666667rem;padding-top:.32rem;padding-bottom:.32rem;width:7.54666667rem;border-bottom:1px solid #D9DDE1;border-width:.02666667rem;padding-right:1.22666667rem;box-sizing:border-box}body .page-classindex .step-wrap .step-container .step-list .step-item .item-media-list .media-item p .watchfree-btn{position:absolute;top:.32rem;right:0rem;font-size:.26666667rem;color:#D48E05;line-height:.37333333rem;padding-left:.21333333rem;padding-right:.21333333rem;padding-top:.02666667rem;padding-bottom:.02666667rem;border-radius:.29333333rem;background:rgba(212,142,5,.1)}body .page-classindex .teacher-wrap{padding-bottom:.53333333rem}body .page-classindex .teacher-wrap .teacher-container{padding-top:.10666667rem;padding-left:.53333333rem;padding-right:.53333333rem;box-sizing:border-box}body .page-classindex .teacher-wrap .teacher-container .teacher-box{float:left}body .page-classindex .teacher-wrap .teacher-container .teacher-box img{float:left;width:1.06666667rem;height:1.06666667rem;border-radius:50%}body .page-classindex .teacher-wrap .teacher-container .teacher-box div{float:left;margin-left:.32rem}body .page-classindex .teacher-wrap .teacher-container .teacher-box div .nickname{margin-top:.05333333rem;font-weight:700;font-size:.42666667rem;line-height:.48rem;color:#2B333B}body .page-classindex .teacher-wrap .teacher-container .teacher-box div .jobtitle{margin-top:.16rem;font-size:.26666667rem;line-height:.32rem;color:#71777D}body .page-classindex .teacher-wrap .teacher-container .imwap-arrow_r{float:right;font-size:.42666667rem;line-height:1.06666667rem}body .page-classindex .teacher-wrap .teacher-container .teacher-desc{clear:both;margin-top:1.30666667rem;padding-top:.13333333rem;padding-bottom:.13333333rem;padding-left:.26666667rem;padding-right:.26666667rem;background:#F3F5F7;font-size:.29333333rem;line-height:.48rem;border-radius:.10666667rem}body .page-classindex .teacher-wrap .teacher-course{overflow-x:scroll;white-space:nowrap;margin-top:.21333333rem}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box{display:inline-table;background:#F3F5F7;box-sizing:border-box;height:1.94666667rem;margin-left:.21333333rem;border-radius:.10666667rem;padding:.21333333rem}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box:first-child{margin-left:.42666667rem}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box:last-child{margin-right:.42666667rem}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box .teacher-course-img{float:left;height:1.52rem;width:1.09333333rem;border-radius:.10666667rem;background-size:cover;background-position:center center}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box .teacher-course-content{margin-left:1.30666667rem}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box .teacher-course-content .teacher-course-name{font-size:.32rem;width:2.58666667rem;height:.88rem;color:#1E2337;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;line-height:1.4}body .page-classindex .teacher-wrap .teacher-course .teacher-course-box .teacher-course-content .teacher-course-info{margin-top:.21333333rem;font-size:.29333333rem;color:#1E2337;line-height:1}body .page-classindex .service-wrap{margin-top:.58666667rem}body .page-classindex .service-wrap .service-list-item{padding-top:.21333333rem;padding-bottom:.21333333rem;font-size:.37333333rem;line-height:.46666667rem;color:#2B333B;box-sizing:content-box}body .page-classindex .service-wrap .service-list-item:last-child{border-bottom:0}body .page-classindex .service-wrap .service-list-item .item-title{float:left}body .page-classindex .service-wrap .service-list-item>.fit-span{width:5.33333333rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .page-classindex .service-wrap .service-list-item>div{float:left;margin-left:.32rem;width:6.66666667rem}body .page-classindex .service-wrap .service-list-item>div .service-item{float:left;margin-right:.29333333rem}body .page-classindex .service-wrap .service-list-item>div .service-item img{float:left;width:.37333333rem;height:.37333333rem}body .page-classindex .service-wrap .service-list-item>div .service-item span{float:left;margin-left:.10666667rem;line-height:.37333333rem}body .page-classindex .service-wrap .service-list-item>div .service-item:nth-child(3n+3){margin-right:0}body .page-classindex .service-wrap .service-list-item>div .service-item:nth-child(n+4){margin-top:.21333333rem}body .page-classindex .service-wrap .service-list-item .imwap-more_horiz{float:right;font-size:.37333333rem;line-height:.37333333rem;color:#71777D}body .page-classindex .service-wrap .service-list-item.sale-buy{line-height:.53333333rem}body .page-classindex .service-wrap .service-list-item.sale-buy .buy-type{display:block;float:left;margin-right:.16rem;width:1.38666667rem;height:.53333333rem;font-size:.26666667rem;border-radius:.26666667rem;background:rgba(0,140,200,.14);color:#008CC8;font-weight:700;text-align:center}body .page-classindex .service-wrap .service-list-item.sale-buy .imwap-more_horiz{line-height:.53333333rem}body .page-classindex .package-wrap{padding-bottom:.26666667rem}body .page-classindex .path-wrap .path-list{border-bottom:1px solid transparent;padding-left:.58666667rem;padding-right:.42666667rem;box-sizing:border-box}body .page-classindex .path-wrap .path-list .item{padding-top:.32rem;padding-bottom:.32rem}body .page-classindex .path-wrap .path-list .item .left{width:2.13333333rem;height:2.13333333rem;display:inline-block;margin-right:.21333333rem;position:relative}body .page-classindex .path-wrap .path-list .item .left>div{position:absolute;bottom:0;left:0;border-radius:.21333333rem;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center}body .page-classindex .path-wrap .path-list .item .left .img1{width:1.84rem;height:1.84rem;left:-.16rem}body .page-classindex .path-wrap .path-list .item .left .img1 .mask{background-color:rgba(0,0,0,.41);width:100%;height:100%;position:absolute;bottom:0;left:0}body .page-classindex .path-wrap .path-list .item .left .img2{width:2.02666667rem;height:2.02666667rem;left:-.08rem}body .page-classindex .path-wrap .path-list .item .left .img2 .mask{background-color:rgba(0,0,0,.22);width:100%;height:100%;position:absolute;bottom:0;left:0}body .page-classindex .path-wrap .path-list .item .left .img3{width:2.13333333rem;height:2.13333333rem}body .page-classindex .path-wrap .path-list .item .right{display:inline-block;width:6.45333333rem}body .page-classindex .path-wrap .path-list .item .right .title{color:#2B333B;font-size:15px;font-weight:700;margin-bottom:.10666667rem}[data-dpr="2"] body .page-classindex .path-wrap .path-list .item .right .title{font-size:30px}[data-dpr="2.5"] body .page-classindex .path-wrap .path-list .item .right .title{font-size:38px}[data-dpr="2.75"] body .page-classindex .path-wrap .path-list .item .right .title{font-size:41px}[data-dpr="3"] body .page-classindex .path-wrap .path-list .item .right .title{font-size:45px}[data-dpr="4"] body .page-classindex .path-wrap .path-list .item .right .title{font-size:60px}body .page-classindex .path-wrap .path-list .item .right .desc{color:#71777D;font-size:12px;line-height:.42666667rem;margin-bottom:.24rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}[data-dpr="2"] body .page-classindex .path-wrap .path-list .item .right .desc{font-size:24px}[data-dpr="2.5"] body .page-classindex .path-wrap .path-list .item .right .desc{font-size:30px}[data-dpr="2.75"] body .page-classindex .path-wrap .path-list .item .right .desc{font-size:33px}[data-dpr="3"] body .page-classindex .path-wrap .path-list .item .right .desc{font-size:36px}[data-dpr="4"] body .page-classindex .path-wrap .path-list .item .right .desc{font-size:48px}body .page-classindex .path-wrap .path-list .item .right .info{height:.45333333rem;line-height:.45333333rem}body .page-classindex .path-wrap .path-list .item .right .info>span{color:#71777D;font-size:12px;font-weight:700}[data-dpr="2"] body .page-classindex .path-wrap .path-list .item .right .info>span{font-size:24px}[data-dpr="2.5"] body .page-classindex .path-wrap .path-list .item .right .info>span{font-size:30px}[data-dpr="2.75"] body .page-classindex .path-wrap .path-list .item .right .info>span{font-size:33px}[data-dpr="3"] body .page-classindex .path-wrap .path-list .item .right .info>span{font-size:36px}[data-dpr="4"] body .page-classindex .path-wrap .path-list .item .right .info>span{font-size:48px}body .page-classindex .path-wrap .path-list .item .right .info .collect span{color:#71777D;font-size:12px;margin-right:.10666667rem}[data-dpr="2"] body .page-classindex .path-wrap .path-list .item .right .info .collect span{font-size:24px}[data-dpr="2.5"] body .page-classindex .path-wrap .path-list .item .right .info .collect span{font-size:30px}[data-dpr="2.75"] body .page-classindex .path-wrap .path-list .item .right .info .collect span{font-size:33px}[data-dpr="3"] body .page-classindex .path-wrap .path-list .item .right .info .collect span{font-size:36px}[data-dpr="4"] body .page-classindex .path-wrap .path-list .item .right .info .collect span{font-size:48px}body .page-classindex .path-wrap .path-list .item .right .info .collect i{font-size:12px}[data-dpr="2"] body .page-classindex .path-wrap .path-list .item .right .info .collect i{font-size:24px}[data-dpr="2.5"] body .page-classindex .path-wrap .path-list .item .right .info .collect i{font-size:30px}[data-dpr="2.75"] body .page-classindex .path-wrap .path-list .item .right .info .collect i{font-size:33px}[data-dpr="3"] body .page-classindex .path-wrap .path-list .item .right .info .collect i{font-size:36px}[data-dpr="4"] body .page-classindex .path-wrap .path-list .item .right .info .collect i{font-size:48px}body .page-classindex .path-wrap .path-list .item .right .info .collect i.active{color:#f01414}body .page-classindex .common-wrap{padding-bottom:.32rem}body .page-classindex .common-wrap .common-list .common-item{display:block;padding-top:.48rem;padding-bottom:.48rem;border-bottom:1px solid #F3F5F7;border-width:.02666667rem}body .page-classindex .common-wrap .common-list .common-item:last-child{border-bottom:0}body .page-classindex .common-wrap .common-list .common-item .item-pic{position:relative;float:left;width:1.70666667rem;height:2.4rem;border-radius:.16rem;background-position:center;background-size:contain;background-repeat:no-repeat}body .page-classindex .common-wrap .common-list .common-item .item-pic:before{content:'';position:absolute;width:.61333333rem;height:.34666667rem;top:.10666667rem;right:-.08rem;background:no-repeat center / 100%}body .page-classindex .common-wrap .common-list .common-item .item-pic.hot:before{background-image:url(/static/coding/static/common/img/classindex/icon-hot-card.png?v=1)}body .page-classindex .common-wrap .common-list .common-item .item-pic.up:before{background-image:url(/static/coding/static/common/img/classindex/icon-up-card.png?v=1)}body .page-classindex .common-wrap .common-list .common-item .item-pic.new:before{background-image:url(/static/coding/static/common/img/classindex/icon-new-card.png?v=1)}body .page-classindex .common-wrap .common-list .common-item .item-right{position:relative;float:left;margin-left:.34666667rem;width:7.06666667rem;height:2.4rem}body .page-classindex .common-wrap .common-list .common-item .item-right.class .item-name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}body .page-classindex .common-wrap .common-list .common-item .item-right.class .item-info .item-kinds{color:#C9912F;background:rgba(235,170,29,.12)}body .page-classindex .common-wrap .common-list .common-item .item-right.coding .item-info .item-kinds{color:#209EF6;background:rgba(32,158,246,.12)}body .page-classindex .common-wrap .common-list .common-item .item-right .item-name{font-weight:500;font-size:.42666667rem;line-height:.53333333rem;color:#2B333B;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body .page-classindex .common-wrap .common-list .common-item .item-right .t-info{line-height:.4rem;max-height:.8rem;margin-top:.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body .page-classindex .common-wrap .common-list .common-item .item-right .t-info .t_name,body .page-classindex .common-wrap .common-list .common-item .item-right .t-info .t_desc{font-size:.29333333rem;line-height:.4rem;padding-left:.13333333rem;padding-right:.13333333rem;padding-top:.05333333rem;padding-bottom:.05333333rem;border-radius:.05333333rem;margin-right:.16rem;background:#F3F5F7}body .page-classindex .common-wrap .common-list .common-item .item-right .item-info{position:absolute;bottom:0;width:100%;font-size:.32rem;line-height:.42666667rem;color:#71777D}body .page-classindex .common-wrap .common-list .common-item .item-right .item-info .item-kinds{border-radius:.05333333rem;font-size:.26666667rem;padding-top:.08rem;padding-right:.13333333rem;padding-bottom:.08rem;padding-left:.13333333rem;line-height:.26666667rem;text-align:center;box-sizing:border-box}body .page-classindex .common-wrap .common-list .common-item .item-right .item-info .item-numbers{float:right;margin-left:.32rem;font-size:.26666667rem;color:#71777D}body .page-classindex .common-wrap .common-list .common-item .item-right .item-info .item-numbers i{margin-right:.05333333rem;line-height:.53333333rem}body .page-classindex .common-wrap .common-list .common-item:last-child .item-right{border-bottom:0}body .page-classindex .recommend-wrap .item-level{margin-left:.26666667rem}body .page-classindex .page-service img{width:100%;display:block}body .layer{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:rgba(43,51,59,.8)}body .layer .layer-wrap{position:absolute;bottom:0;width:100%;max-height:88%;overflow-y:auto;border-top-left-radius:.34666667rem;border-top-right-radius:.34666667rem;background:#fff;box-sizing:border-box;animation:layer-up .3s;-webkit-animation:layer-up .3s}body .layer .layer-wrap .layer-head{padding-top:.53333333rem;padding-bottom:.37333333rem;border-bottom:1px solid rgba(212,142,5,.4);border-width:.02666667rem}body .layer .layer-wrap .layer-head span{float:left;font-weight:700;font-size:.42666667rem;line-height:.48rem;color:#D48E05}body .layer .layer-wrap .layer-head .imwap-close{float:right;font-size:.48rem;line-height:.48rem;color:#B7BBBF}body .layer .layer-wrap .layer-body{max-height:60vh;overflow-y:auto;padding:.16rem}body .layer .layer-wrap .layer-body .item-box{font-size:.32rem;line-height:.37333333rem;color:#2B333B;border-bottom:1px solid #D9DDE1;border-width:.02666667rem}body .layer .layer-wrap .layer-body .item-box .item-box-left{float:left;font-weight:700}body .layer .layer-wrap .layer-body .item-box .item-box-right{float:left;margin-left:.53333333rem;word-break:break-all}body .layer .layer-wrap .layer-footer{padding-top:.53333333rem;padding-bottom:.53333333rem}body .layer .layer-wrap .layer-footer span,body .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}body .layer.coupon-layer .layer-head{border-bottom:0!important;text-align:center;padding-bottom:.37333333rem}body .layer.coupon-layer .layer-head span{float:none;color:#2B333B;font-size:.53333333rem}body .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}body .layer.coupon-layer .item-box .item-box-left{width:100%;font-weight:400!important}body .layer.coupon-layer .item-box .item-box-left p{font-size:.26666667rem;line-height:.37333333rem;margin-top:.16rem;color:#71777D}body .layer.coupon-layer .item-box .item-box-left p:first-child{margin-top:0}body .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}body .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}body .layer.coupon-layer .item-box .item-box-right.gray{background-image:url(/static/coding/static/common/img/classindex/coupon-bg-used.png?v=1)}body .layer.coupon-layer .layer-footer a{background-image:linear-gradient(270deg,#ec0c0c 0,#ff6262 100%)}body .layer.info-layer .item-box{padding-top:.37333333rem;padding-bottom:.37333333rem}body .layer.info-layer .item-box span{float:left}body .layer.info-layer .item-box span.star-wrap{margin-top:.02666667rem;margin-left:.21333333rem}body .layer.info-layer .item-box>span{width:1.33333333rem;word-break:break-all}body .layer.info-layer .item-box .item-box-right{float:right!important;margin-left:0!important;width:6.66666667rem}body .layer.service-layer .item-box{padding-top:.53333333rem;padding-bottom:.53333333rem}body .layer.service-layer .item-box img{float:left;width:.85333333rem;height:.85333333rem}body .layer.service-layer .item-box .item-box-right{width:7.76rem}body .layer.service-layer .item-box .item-box-right p:first-child{font-weight:700;font-size:.37333333rem;line-height:.42666667rem;color:#2B333B}body .layer.service-layer .item-box .item-box-right p:nth-child(2){margin-top:.10666667rem;font-size:.32rem;line-height:.53333333rem;color:#71777D}body .layer.log-layer .log-list{position:relative;z-index:0;margin-top:.53333333rem}body .layer.log-layer .log-list .line-column{position:absolute;z-index:-1;top:0;left:.16rem;width:.05333333rem;height:100%;background:#F3F5F7}body .layer.log-layer .log-list .item-box{border-bottom:0}body .layer.log-layer .log-list .item-box .item-box-left{width:.37333333rem;height:.37333333rem;border:1px solid #B7BBBF;border-width:.05333333rem;border-radius:50%;box-sizing:border-box;background:#FFF}body .layer.log-layer .log-list .item-box .item-box-right{margin-left:.42666667rem;padding-top:.53333333rem;padding-bottom:.53333333rem;width:7.97333333rem;border-bottom:1px solid #D9DDE1;border-width:.02666667rem}body .layer.log-layer .log-list .item-box .item-box-right p:first-child{font-weight:700;font-size:.37333333rem;line-height:.42666667rem;color:#2B333B}body .layer.log-layer .log-list .item-box .item-box-right p:nth-child(2){margin-top:.21333333rem;font-size:.32rem;line-height:.48rem;color:#71777D}body .layer.log-layer .log-list .item-box:first-child .item-box-right{padding-top:0}body .layer.fit-layer .item-box-right,body .layer.skill-layer .item-box-right{margin-left:.42666667rem;padding-top:.37333333rem;padding-bottom:.37333333rem;width:7.97333333rem;border-width:.02666667rem}body .layer.fit-layer .item-box-right p,body .layer.skill-layer .item-box-right p{margin-top:.21333333rem;font-size:.32rem;line-height:.48rem;color:#71777D}@keyframes layer-up{0%{opacity:0;transform:translateY(800px);-webkit-transform:translateY(800px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes layer-up{0%{opacity:0;transform:translateY(800px);-webkit-transform:translateY(800px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.dialog{position:fixed;top:50%;left:50%;background:#FFF;z-index:999;color:#545C63;box-sizing:border-box;border-radius:.21333333rem;padding-top:.74666667rem;padding-bottom:.74666667rem;padding-left:.56rem;padding-right:.56rem}.dialog .modal-btn{display:inline-block;width:4rem;height:1.06666667rem;line-height:1.06666667rem;margin-top:.56rem;margin-left:auto;margin-right:auto;font-size:.37333333rem;border-radius:.21333333rem;background:#f20d0d;text-align:center;color:#FFF}.dialog .call-btn{width:3.76rem;height:.74666667rem;line-height:.74666667rem;margin-top:.64rem;margin-left:-1.88rem;font-size:.37333333rem;border-radius:.90666667rem;border:1px solid #f20d0d;color:#f20d0d;text-align:center;position:absolute;left:50%}.dialog .close-btn,.dialog .close-btn-page{border-radius:50%;position:absolute;left:50%;width:.85333333rem;height:.85333333rem;bottom:-1.28rem;margin-left:-.42666667rem;background-image:url(/static/wap/static/img/act/bargain/wap-close-btn.png);background-repeat:no-repeat;background-position:center;background-size:cover}.dialog p{font-size:.32rem;line-height:.53333333rem}.dialog .text{color:#4A4A4A;text-align:center;font-size:.37333333rem;line-height:.53333333rem}.dialog .small-title{font-size:.42666667rem;margin-bottom:.26666667rem;line-height:.58666667rem;text-align:center;letter-spacing:0;color:#f20d0d;font-weight:700}.dialog .prompt p{font-size:.42666667rem;line-height:.58666667rem;letter-spacing:0}.dialog .share-btn{width:3.76rem;height:.74666667rem;line-height:.74666667rem;border-width:.02666667rem;text-align:center;border-style:solid;border-color:#f20d0d;color:#f20d0d}.dialog .fs14{font-size:.37333333rem;line-height:.53333333rem;color:#4A4A4A}.dialog .icon-phone{width:.53333333rem;height:.90666667rem;margin:0 auto;margin-bottom:.21333333rem}.dialog .icon-stustatus{width:.74666667rem;height:.82666667rem;margin:0 auto;margin-bottom:.21333333rem}.dialog ul li{display:flex;align-items:flex-start;margin-bottom:.16rem}.dialog ul li span{font-size:.32rem;margin-right:.26666667rem;line-height:.53333333rem;font-weight:700;letter-spacing:0}.dialog ul li p{width:6.98666667rem}.dialog-modal{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.6);z-index:998}.share-mask{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:100000;animation:gradually-show .2s}#canvas-img{display:none;position:fixed;top:0;left:50%;z-index:100001;top:4rem;width:6.13333333rem;margin-left:-3.06666667rem;animation:top-show .4s}#canvas-img img{width:100%;margin-bottom:.26666667rem}#canvas-img p{color:#fff;text-align:center}@keyframes gradually-show{to{opacity:1}from{opacity:0}}@keyframes top-show{to{transform:translateY(0);opacity:1}from{transform:translateY(-100px);opacity:0}}@keyframes gradually-hide{to{opacity:0}from{opacity:1}}.tips-box .small-tips{display:inline-flex;align-items:center;background-color:rgba(0,0,0,.7);color:#fff}.tips-box .small-tips span{width:auto}.tips-box .small-tips i.success{color:#8edaa7}#canvas-content,#poster-canvas-content{background-repeat:no-repeat;background-position:top center;background-size:100%;position:absolute;top:200px;left:0;z-index:-100;overflow:hidden;width:8.76rem;height:15.36rem}#canvas-content>img,#poster-canvas-content>img{position:absolute;top:0;left:0;z-index:-100;width:100%}#canvas-content .user-box,#poster-canvas-content .user-box{padding-top:1.05333333rem;padding-left:.37333333rem;line-height:0;box-sizing:border-box;position:relative}#canvas-content .user-box .user-img,#poster-canvas-content .user-box .user-img{width:.96rem;height:.96rem;border-radius:50%;margin-right:.29333333rem;display:inline-block;vertical-align:middle;background-size:cover;background-position:center;background-repeat:no-repeat}#canvas-content .user-box .user-info,#poster-canvas-content .user-box .user-info{display:inline-block;vertical-align:middle}#canvas-content .user-box .user-info p,#poster-canvas-content .user-box .user-info p{color:#fff;font-size:14px;line-height:.53333333rem;font-weight:700}[data-dpr="2"] #canvas-content .user-box .user-info p,[data-dpr="2"] #poster-canvas-content .user-box .user-info p{font-size:28px}[data-dpr="2.5"] #canvas-content .user-box .user-info p,[data-dpr="2.5"] #poster-canvas-content .user-box .user-info p{font-size:35px}[data-dpr="2.75"] #canvas-content .user-box .user-info p,[data-dpr="2.75"] #poster-canvas-content .user-box .user-info p{font-size:39px}[data-dpr="3"] #canvas-content .user-box .user-info p,[data-dpr="3"] #poster-canvas-content .user-box .user-info p{font-size:42px}[data-dpr="4"] #canvas-content .user-box .user-info p,[data-dpr="4"] #poster-canvas-content .user-box .user-info p{font-size:56px}#canvas-content .user-box .user-info h5,#poster-canvas-content .user-box .user-info h5{color:#fff;margin-top:.05333333rem;font-size:12px;line-height:.37333333rem}[data-dpr="2"] #canvas-content .user-box .user-info h5,[data-dpr="2"] #poster-canvas-content .user-box .user-info h5{font-size:24px}[data-dpr="2.5"] #canvas-content .user-box .user-info h5,[data-dpr="2.5"] #poster-canvas-content .user-box .user-info h5{font-size:30px}[data-dpr="2.75"] #canvas-content .user-box .user-info h5,[data-dpr="2.75"] #poster-canvas-content .user-box .user-info h5{font-size:33px}[data-dpr="3"] #canvas-content .user-box .user-info h5,[data-dpr="3"] #poster-canvas-content .user-box .user-info h5{font-size:36px}[data-dpr="4"] #canvas-content .user-box .user-info h5,[data-dpr="4"] #poster-canvas-content .user-box .user-info h5{font-size:48px}#canvas-content .course-info,#poster-canvas-content .course-info{position:absolute;bottom:0;left:0;width:100%;padding-top:.26666667rem;padding-left:.85333333rem;padding-right:.85333333rem;padding-bottom:2.64rem;box-sizing:border-box}#canvas-content .course-info .course-code,#poster-canvas-content .course-info .course-code{display:flex;margin-top:.42666667rem}#canvas-content .course-info .course-code .left,#poster-canvas-content .course-info .course-code .left{display:inline-block;vertical-align:middle}#canvas-content .course-info .course-code .left .box,#poster-canvas-content .course-info .course-code .left .box{width:4rem;height:.75466667rem;padding-left:.16rem;box-sizing:border-box;background:#FEAA29;border-radius:.18666667rem;position:relative}#canvas-content .course-info .course-code .left .box span,#poster-canvas-content .course-info .course-code .left .box span{font-weight:700;color:#fff;font-size:14px;line-height:.75466667rem;vertical-align:top}[data-dpr="2"] #canvas-content .course-info .course-code .left .box span,[data-dpr="2"] #poster-canvas-content .course-info .course-code .left .box span{font-size:28px}[data-dpr="2.5"] #canvas-content .course-info .course-code .left .box span,[data-dpr="2.5"] #poster-canvas-content .course-info .course-code .left .box span{font-size:35px}[data-dpr="2.75"] #canvas-content .course-info .course-code .left .box span,[data-dpr="2.75"] #poster-canvas-content .course-info .course-code .left .box span{font-size:39px}[data-dpr="3"] #canvas-content .course-info .course-code .left .box span,[data-dpr="3"] #poster-canvas-content .course-info .course-code .left .box span{font-size:42px}[data-dpr="4"] #canvas-content .course-info .course-code .left .box span,[data-dpr="4"] #poster-canvas-content .course-info .course-code .left .box span{font-size:56px}#canvas-content .course-info .course-code .left .box:after,#poster-canvas-content .course-info .course-code .left .box:after{display:block;content:"";position:absolute;top:.26666667rem;right:-.2rem;width:0;height:0;border-bottom:16px dashed transparent;border-top:16px dashed transparent;border-left:16px solid #FEAA29;border-bottom-width:.13333333rem;border-top-width:.13333333rem;border-left-width:.21333333rem}#canvas-content .course-info .course-code .left .course-price,#poster-canvas-content .course-info .course-code .left .course-price{padding-top:.41333333rem}#canvas-content .course-info .course-code .left .course-price .now-price,#poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:20px;line-height:.528rem;color:#FA6400;font-weight:700;vertical-align:bottom;display:inline-block}[data-dpr="2"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="2"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:40px}[data-dpr="2.5"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="2.5"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:50px}[data-dpr="2.75"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="2.75"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:55px}[data-dpr="3"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="3"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:60px}[data-dpr="4"] #canvas-content .course-info .course-code .left .course-price .now-price,[data-dpr="4"] #poster-canvas-content .course-info .course-code .left .course-price .now-price{font-size:80px}#canvas-content .course-info .course-code .left .course-price .ori-price,#poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:13px;line-height:.43733333rem;margin-left:.08rem;color:#9199A1;text-decoration:line-through;vertical-align:bottom;display:inline-block}[data-dpr="2"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="2"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:26px}[data-dpr="2.5"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="2.5"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:33px}[data-dpr="2.75"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="2.75"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:36px}[data-dpr="3"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="3"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:39px}[data-dpr="4"] #canvas-content .course-info .course-code .left .course-price .ori-price,[data-dpr="4"] #poster-canvas-content .course-info .course-code .left .course-price .ori-price{font-size:52px}#canvas-content .course-info .course-code .share-qrcode,#poster-canvas-content .course-info .course-code .share-qrcode{display:inline-block;vertical-align:middle;width:2.34666667rem;height:2.34666667rem;margin-left:.18666667rem}#canvas-content .bottom-tip,#poster-canvas-content .bottom-tip{background:#EF881E;text-align:center;color:#fff;font-weight:700;font-size:12px;line-height:.8rem}[data-dpr="2"] #canvas-content .bottom-tip,[data-dpr="2"] #poster-canvas-content .bottom-tip{font-size:24px}[data-dpr="2.5"] #canvas-content .bottom-tip,[data-dpr="2.5"] #poster-canvas-content .bottom-tip{font-size:30px}[data-dpr="2.75"] #canvas-content .bottom-tip,[data-dpr="2.75"] #poster-canvas-content .bottom-tip{font-size:33px}[data-dpr="3"] #canvas-content .bottom-tip,[data-dpr="3"] #poster-canvas-content .bottom-tip{font-size:36px}[data-dpr="4"] #canvas-content .bottom-tip,[data-dpr="4"] #poster-canvas-content .bottom-tip{font-size:48px}