#root,body,html{height:100%!important}#study{height:100%;background:#fff;display:flex;flex-flow:column;overflow:hidden}#study .tab{height:11.733333vw;max-height:11.733333vw;line-height:11.733333vw;text-align:center;background:#f7f9fc;display:flex;justify-content:center}#study .tab,#study .tab>div{flex:1 0 auto}#study .tab a{display:inline-block;height:11.733333vw;font-size:4vw}#study .study-container{padding-bottom:13.333333vw;flex:1 1 auto;overflow-y:auto;box-sizing:border-box}#study .active{color:#09f;border-bottom:1px solid #09f}.v-list-base-item{padding:2.666667vw 2.666667vw 0;position:relative}.v-list-base-item .content{display:flex;height:100%;padding-bottom:2.666667vw;border-bottom:1px solid #e7eaf1}.v-list-base-item .content .cover{flex:0 0 auto;margin-right:4.266667vw;position:relative}.v-list-base-item .content .cover img{width:40vw;height:28.8vw;border-radius:.8vw}.v-list-base-item .content .course-status{width:100%;height:6.4vw;position:absolute;bottom:-1px;border-radius:0 0 .8vw .8vw;text-align:center;line-height:6.4vw;color:#fff;font-size:3.466667vw}#study .info{display:flex;flex-wrap:wrap;width:55%}#study .info .title{font-size:4vw;font-weight:400;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#study .info .contact{font-size:3.466667vw;color:#09f;flex:0 1 auto;width:100%}#study .info .process-status{display:flex;justify-content:space-between;align-items:center}#study .info .process-wrapper{position:relative;width:39.2vw;height:1.6vw;background:#e5e5e5;border-radius:1.066667vw;margin-right:3.733333vw}#study .info .process-bar{position:absolute;top:0;left:0;height:100%;background-color:#09f;border-radius:1.066667vw}#study .info .process-text{color:#09f;font-size:3.2vw;line-height:4vw}#study .info .des{color:#999;font-size:2.933333vw;align-self:flex-end;line-height:1}#study .info .des .time{margin-right:2.666667vw}#study .info .start-learn{display:block;box-sizing:border-box;align-self:flex-end;width:20.8vw;height:5.866667vw;padding:1.333333vw 3.733333vw;-webkit-appearance:none;outline:0;border:none;background:#09f;color:#fff;border-radius:.8vw}#study .add-course{padding:2.666667vw 3.2vw}#study .add-course button.add{width:40vw;height:28.8vw;font-size:4vw;font-family:HiraginoSansGB-W3;font-weight:400;color:#09f;border:1px dashed #09f;background:transparent}#study .my-course-uid{width:100vw;height:8vw;background:#fff4ce;line-height:8vw;text-align:center;font-size:3.2vw;color:#333}#study .empty{height:100%;display:flex;flex-direction:column;align-items:center;padding-top:37.333333vw}#study .empty .iconfish{width:5.333333vw;height:5.333333vw;color:#1a4263}#study .empty .empty-prompt{margin-bottom:8vw;font-size:3.2vw;color:#666}#study .empty .select-course{display:block;width:34.933333vw;height:8vw;border:1px solid #09f;border-radius:4vw;background:transparent;color:#09f;font-size:4.266667vw;text-align:center;line-height:8vw}#study .status{position:absolute;top:0;right:0;padding:.533333vw 1.6vw;border-radius:2.933333vw 0 0 2.933333vw;font-size:3.733333vw;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#ff4000),to(#fd7700));background:-webkit-linear-gradient(top,#ff4000,#fd7700);background:linear-gradient(180deg,#ff4000,#fd7700)}#study .course-expire{display:inline-block;text-align:center;position:absolute;bottom:2.666667vw;left:0;width:24.533333vw;height:5.333333vw;line-height:5.6vw;background-color:#ff3a3a;border-radius:0 2.666667vw 2.666667vw 0;color:#fff;font-size:3.2vw}.course-base-item{width:47.8%;margin-top:4vw;margin-bottom:1.333333vw;position:relative}.course-base-item img{width:100%;height:31.733333vw;min-height:31.733333vw}.course-base-item .course-title{font-size:3.733333vw;color:#333;line-height:5.066667vw;margin-top:2.4vw}.free-courses{padding:4vw;display:flex;flex-wrap:wrap;justify-content:space-between}.free-courses .course-base-item{margin-top:0;margin-bottom:4vw}.free-courses .course-base-item img{border-radius:.8vw}.free-courses .top{position:absolute;top:2.666667vw;left:0}.free-courses .tag-soon{background:#ff2121;color:#fff}.free-courses .tag-playing{background:#09f;color:#fff}.free-courses .tag-category{background:#e0b97b;color:#fff}.free-courses .course-item{margin-top:0;margin-bottom:4.266667vw}.free-courses .course-item .course-title{margin-top:0;line-height:9.066667vw;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.free-courses .course-item .bottom{display:flex;justify-content:space-between}.free-courses .live .bottom{display:flex;justify-content:flex-start;color:#09f}.free-courses .animation-box{width:3.733333vw;height:3.2vw;display:flex;justify-content:space-between;margin-right:1.333333vw}.free-courses .animation-box .column{width:.533333vw;height:3.2vw;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:scaleY 1.1s ease-out infinite;animation:scaleY 1.1s ease-out infinite;background-color:#09f}.free-courses .animation-box .column-1{-webkit-animation-delay:.2s;animation-delay:.2s}.free-courses .animation-box .column-2{-webkit-animation-delay:.4s;animation-delay:.4s}.free-courses .animation-box .column-3{-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes scaleY{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes scaleY{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}
/*# sourceMappingURL=study.e406d228.chunk.css.map */