.contentitem[data-v-50aafb7c]{width:100%;float:left;box-sizing:border-box;border-radius:.16rem;position:relative}.contentitem .tips[data-v-50aafb7c]{float:left;width:100%;height:1.46667rem;line-height:1.46667rem;font-size:.4rem;background:#eef8f7;color:#333;text-indent:.4rem}.contentitem .tips .tipname[data-v-50aafb7c]{float:left}.contentitem .tips .teaching[data-v-50aafb7c]{width:1.06667rem;height:.45333rem;float:left;display:block;margin-top:.13333rem;margin-left:.13333rem;font-size:.26667rem;line-height:.50667rem;text-align:center;font-weight:400;color:#fff;background:#ff70bd;border-top-left-radius:.22667rem;border-top-right-radius:.22667rem;border-bottom-right-radius:.22667rem}.contentitem .more[data-v-50aafb7c]{position:absolute;right:.53333rem;top:.64rem;width:.34667rem;height:.17333rem;display:block}.contentitem .itembox[data-v-50aafb7c]{padding-left:.4rem;padding-right:.4rem;margin-bottom:.4rem}.contentitem .staus[data-v-50aafb7c]{width:100%;float:left;margin-top:.37333rem;margin-bottom:.26667rem}.contentitem .staus .conttype[data-v-50aafb7c]{width:.93333rem;height:.26667rem;font-size:.26667rem;line-height:100%;padding:.08rem 0;text-align:center;float:left;border-radius:.08rem;color:#fff;margin-right:.26667rem}.contentitem .staus .green[data-v-50aafb7c]{color:#fff;background:#01cab8;border:1px solid #01cab8}.contentitem .staus .prog[data-v-50aafb7c]{color:#01cab8}.contentitem .staus .gary[data-v-50aafb7c]{color:#999;border:1px solid #999}.contentitem .staus .nomal[data-v-50aafb7c]{color:#000;border:1px solid #313131}.contentitem .staus .showtext[data-v-50aafb7c]{display:block;text-indent:1.22667rem;margin-top:.10667rem;font-size:.32rem;line-height:.50667rem;color:#999}.contentitem .staus .showtext .duration[data-v-50aafb7c]{margin-left:.13333rem}.contentitem .showspan[data-v-50aafb7c]{display:block;max-width:8rem;font-size:.4rem;height:.50667rem;line-height:.53333rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contentitem .doccont[data-v-50aafb7c]{width:100%;height:.66667rem}.contentitem .doccont .conttype[data-v-50aafb7c]{width:1.33333rem;height:.66667rem;line-height:.66667rem;border-radius:.06667rem;text-align:center;display:block;float:left;margin-right:.26667rem;color:#fff}.contentitem .doccont .audio[data-v-50aafb7c]{background:#ff993f}.contentitem .doccont .video[data-v-50aafb7c]{background:#3fabff}.contentitem .doccont .docs[data-v-50aafb7c]{background:#34c041}.contentitem .doccont .times[data-v-50aafb7c]{float:left;line-height:.66667rem;color:#ccc}.prom[data-v-70ab3eb9]{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99999;top:0;left:0}.prom .mode[data-v-70ab3eb9]{width:8.21333rem;height:10.13333rem;position:absolute;left:50%;top:50%;margin-top:-5.06667rem;margin-left:-4.10667rem;background:#fff;border-radius:.32rem}.prom .mode .top[data-v-70ab3eb9]{width:7.53333rem;margin-top:.32rem;margin-left:.53333rem;height:.8rem;float:left;position:relative}.prom .mode .top .cancel[data-v-70ab3eb9]{width:.64rem;height:.64rem;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/other/close-icon.png) 50% no-repeat;background-size:.64rem;position:absolute;top:.4rem;right:.4rem}.prom .mode .top .teacher[data-v-70ab3eb9]{width:1.6rem;height:1.6rem;margin-right:.37333rem;float:left;border-radius:.16rem;overflow:hidden}.prom .mode .top .namebox[data-v-70ab3eb9]{font-size:.48rem;font-weight:700;color:#1a1a1a;line-height:.66667rem;margin-top:.53333rem;float:left}.prom .mode .top .namebox .name[data-v-70ab3eb9]{float:left}.prom .mode .top .namebox .person[data-v-70ab3eb9]{width:.57333rem;height:.57333rem;display:inline-block;margin-left:.13333rem;padding-top:0;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/other/serve-icon.png) 50% no-repeat;background-size:.57333rem}.prom .mode .top .subname[data-v-70ab3eb9]{float:left;font-size:.38667rem;color:#1a1a1a;line-height:.66667rem}.prom .mode .contentpic[data-v-70ab3eb9]{width:4.8rem;height:4.8rem;float:left;margin-left:1.70667rem;margin-top:.2rem;display:block}.prom .mode .content[data-v-70ab3eb9]{width:7.14667rem;margin-left:.53333rem;margin-right:.53333rem;color:#999;font-size:.38667rem;text-align:center;margin-top:.26667rem;float:left}.prom .mode .copybox[data-v-70ab3eb9]{width:4.82667rem;height:1.2rem;margin-left:1.69333rem;margin-top:.53333rem;line-height:1.2rem;text-align:center;background:#01cab8;border-radius:.6rem;font-size:.44rem;color:#fff;float:left}.nodata[data-v-025cc040]{width:100%;height:7.06667rem;float:left}.nodata .nodatapic[data-v-025cc040]{width:4.4rem;height:4.33333rem;display:block;margin:1.33333rem auto}.pages[data-v-6e3eb160]{width:10rem;float:left;min-height:100vh;position:relative;background:#fff}.pages .topbox[data-v-6e3eb160]{width:10rem;height:3.73333rem;background:#fff;position:absolute;z-index:0}.pages .topbox .gradient[data-v-6e3eb160]{width:10rem;height:3.73333rem;background:linear-gradient(180deg,#fff,#00ffe8);opacity:.06}.pages .topitem[data-v-6e3eb160]{width:9.17333rem;height:3.73333rem;position:relative;top:.45333rem;left:.48rem;z-index:3}.pages .topitem .step[data-v-6e3eb160]{font-size:.44rem;color:#1a1a1a;line-height:1.46667rem;font-weight:700;float:left}.pages .topitem .step .done[data-v-6e3eb160]{margin-left:.4rem;margin-right:.16rem;font-size:.8rem;font-weight:800;color:#fbd35a}.pages .topitem .step .needdo[data-v-6e3eb160]{margin-left:.06667rem;margin-right:.06667rem}.pages .topitem .process[data-v-6e3eb160]{width:9.17333rem;height:.8rem;float:left;margin-top:.2rem;background:#fff;box-shadow:0 .17333rem .30667rem .04rem rgba(109,226,216,.14);border-radius:.4rem;position:relative}.pages .topitem .process .complele[data-v-6e3eb160]{width:9.01333rem;height:.64rem;background:linear-gradient(90deg,#ffe970,#ffb22a);position:absolute;top:.08rem;left:.08rem;border-radius:.32rem}.pages .tabbox[data-v-6e3eb160]{width:100%;float:left;height:1.21333rem;background:#fff;z-index:9999}.pages .tabbox .table[data-v-6e3eb160]{width:100%;height:1.21333rem;border-bottom:.01333rem solid #dbdbdb;box-sizing:border-box}.pages .tabbox .table .tab[data-v-6e3eb160]{width:5rem;height:1.21333rem;display:block;text-align:center;float:left;line-height:1.21333rem;color:#999;font-size:.38667rem;position:relative}.pages .tabbox .table .active[data-v-6e3eb160]{color:#1a1a1a}.pages .tabbox .table .active .line[data-v-6e3eb160]{position:absolute;width:1.49333rem;height:.09333rem;background:#01cab8;left:1.75333rem;top:1.10667rem;border-radius:.05333rem}.pages .navbox[data-v-6e3eb160]{width:9.17333rem;float:left;margin-left:.41333rem;margin-top:.38667rem}.pages .navbox .navitem[data-v-6e3eb160]{width:9.17333rem;height:1.49333rem;line-height:1.49333rem;background:#fff;font-size:.38667rem;color:#1a1a1a;box-shadow:0 0 .4rem 0 hsla(0,0%,83.9%,.3);border-radius:.33333rem;margin-bottom:.33333rem;text-indent:1.44rem;position:relative}.pages .navbox .navitem .icon[data-v-6e3eb160]{width:.62667rem;height:.62667rem;display:block;position:absolute;top:.44rem;left:.49333rem}.pages .navbox .navitem .icon1[data-v-6e3eb160]{background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/mycourse/add-weixin.png);background-size:.62667rem}.pages .navbox .navitem .icon2[data-v-6e3eb160]{background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/mycourse/handout.png);background-size:.62667rem}.pages .navbox .navitem .icon3[data-v-6e3eb160]{background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/mycourse/weixin.png);background-size:.62667rem}.pages .navbox .navitem .more[data-v-6e3eb160]{width:.57333rem;height:.57333rem;display:block;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/mycourse/right-more.png);background-size:.57333rem;position:absolute;top:.46667rem;right:.28rem}