.learn-wrapper{width:100%;height:100%;overflow:hidden}.learn-wrapper .content-container .banner-container{height:2.16rem;padding:.24rem .4rem;background:var(--poppy_color_white)}.learn-wrapper .content-container .banner-container .banner-swiper{border-radius:.2rem}.learn-wrapper .nav-panel{display:flex;background:var(--poppy_color_white)}.learn-wrapper .nav-panel .tab-container{width:calc(100% - 44px);padding-left:.4rem;overflow:hidden}.learn-wrapper .nav-panel .nav-more{display:flex;align-items:center;padding:0 .2rem}.learn-wrapper .scroll-panel{overflow:scroll}.learn-wrapper .scroll-panel .course-container{margin-bottom:10px;padding:.24rem .4rem;background:var(--poppy_color_white)}.learn-wrapper .scroll-panel .course-container .main-title{display:flex;justify-content:space-between;margin-bottom:.24rem}.learn-wrapper .scroll-panel .course-container .main-title span:first-child{font-size:.36rem;color:#333;font-weight:var(--poppy_font_weight_medium)}.learn-wrapper .scroll-panel .course-container .content{display:flex;flex-wrap:wrap;justify-content:space-between}.learn-wrapper .scroll-panel .course-container .content .item{width:calc(50% - .13rem);padding-bottom:.32rem}.learn-wrapper .scroll-panel .course-container .content .item .img{width:100%;height:1.8rem;border-radius:.2rem;overflow:hidden;margin-bottom:.24rem}.learn-wrapper .scroll-panel .course-container .content .item .img img{width:100%;height:100%}.learn-wrapper .scroll-panel .course-container .content .item .text{display:flex;align-items:center}.learn-wrapper .scroll-panel .course-container .content .item .text .label{overflow:hidden;text-overflow:ellipsis;display:inline-block;text-align:center;font-size:.2rem;color:var(--poppy_color_positive_level3);font-weight:var(--poppy_font_weight_medium);border:.5px solid rgba(0,0,0,.2);border-radius:.08rem;transform:skew(-5deg);-webkit-transform:skew(-5deg);-moz-transform:skew(-5deg);-ms-transform:skew(-5deg);margin-right:.08rem;width:.56rem;height:.32rem;line-height:.32rem}.learn-wrapper .scroll-panel .course-container .content .item .text .title{font-size:.36rem;color:#333;font-weight:var(--poppy_font_weight_medium);overflow:hidden;text-overflow:ellipsis;word-break:keep-all;width:calc(100% - .64rem)}.learn-wrapper .scroll-panel .course-container .content .item .date{font-size:var(--poppy_fontsize_small);color:var(--poppy_color_positive_level4)}.learn-wrapper .pop-panel{background:var(--poppy_color_white);border-radius:0 0 .16rem .16rem}.learn-wrapper .pop-panel .label-container{padding:.28rem .4rem 0;padding-top:.28rem;display:flex;flex-wrap:wrap;justify-content:flex-start}.learn-wrapper .pop-panel .label-container .label-item{background:var(--poppy_color_fg_4);border-radius:.28rem;height:.56rem;line-height:.56rem;font-size:.24rem;color:var(--poppy_color_positive_level3);text-align:center;flex:1;margin:0 .1rem .24rem;width:calc(33.33333% - .13333rem);min-width:calc(33.33333% - .13333rem);max-width:calc(33.33333% - .13333rem)}.learn-wrapper .pop-panel .label-container .label-item:first-child,.learn-wrapper .pop-panel .label-container .label-item:nth-child(4n){margin-left:0}.learn-wrapper .pop-panel .label-container .label-item:nth-child(3n){margin-right:0}