.mainbox[data-v-7e9762f2]{width:100%;float:left;height:100vh;background:#fff}.mainbox .topbox[data-v-7e9762f2]{width:100%;height:2.4rem;background:#fff;position:fixed;z-index:66}.mainbox .topbox .item[data-v-7e9762f2]{width:33.33%;height:2.4rem;float:left}.mainbox .topbox .item .icon[data-v-7e9762f2]{width:1.33333rem;height:1.66667rem;margin-left:1.02rem;margin-top:.36rem;display:block}.mainbox .topbox .item .plan[data-v-7e9762f2]{width:1.33333rem;height:1.66667rem;display:block;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/classes/class-plan.png);background-size:1.33333rem}.mainbox .topbox .item .course[data-v-7e9762f2]{width:1.33333rem;height:1.66667rem;display:block;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/classes/class-catalog.png);background-size:1.33333rem}.mainbox .topbox .item .record[data-v-7e9762f2]{width:1.33333rem;height:1.66667rem;display:block;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/classes/class-record.png);background-size:1.33333rem}.mainbox .block[data-v-7e9762f2]{width:100%;height:.16rem;background:#f5f5f5;position:fixed;top:2.4rem}.mainbox .more[data-v-7e9762f2]{width:2.13333rem;height:.66667rem;margin-left:3.53333rem;background:#f6f6f6;border-radius:.13333rem;text-align:center;line-height:.66667rem;margin-top:.66667rem;margin-bottom:.33333rem;float:left;color:#666}.mainbox .topbar[data-v-7e9762f2]{width:100%;height:1.2rem;line-height:1.2rem;background:#01cab8;color:#fff;position:fixed;top:2.4rem;font-size:.37333rem;text-align:center;z-index:998}.mainbox .allmessage[data-v-7e9762f2]{width:9.2rem;height:18rem;margin-left:.4rem;overflow-y:scroll}.mainbox .msgbox[data-v-7e9762f2]{width:9.2rem;float:left;margin-top:3.2rem}.mainbox .msgbox .msgitem[data-v-7e9762f2]{width:100%;float:left;margin-bottom:.53333rem}.mainbox .msgbox .msgitem .pictrue[data-v-7e9762f2]{width:1.06667rem;height:1.06667rem;border-radius:1.06667rem}.mainbox .msgbox .msgitem .top[data-v-7e9762f2]{margin-bottom:.13333rem}.mainbox .msgbox .msgitem .top .name[data-v-7e9762f2],.mainbox .msgbox .msgitem .top .time[data-v-7e9762f2]{display:inline-block;margin-right:.26667rem;font-size:.34667rem;color:#999;line-height:.53333rem}.mainbox .msgbox .msgitem .msgcon[data-v-7e9762f2]{max-width:7.2rem}.mainbox .msgbox .msgitem .msgcon .piccon[data-v-7e9762f2]{background:#f6f6f6;width:4.26667rem;height:2.4rem;cursor:pointer}.mainbox .msgbox .msgitem .msgcon .piccon .showpic[data-v-7e9762f2]{width:4.26667rem;height:2.4rem}.mainbox .msgbox .msgitem .msgcon .doccon[data-v-7e9762f2]{padding:.26667rem;background:#f6f6f6;color:#666;border-radius:0 .21333rem .21333rem .21333rem;font-size:.37333rem;float:left;cursor:pointer}.mainbox .msgbox .msgitem .msgcon .doccon .docbox[data-v-7e9762f2]{padding:.26667rem;background:#fff;border-radius:.13333rem;float:left}.mainbox .msgbox .msgitem .msgcon .doccon .docbox .filename[data-v-7e9762f2]{float:left}.mainbox .msgbox .msgitem .msgcon .doccon .docbox .docicon[data-v-7e9762f2]{width:.8rem;height:1.06667rem;display:block;float:left;margin-left:.26667rem}.mainbox .msgbox .msgitem .msgcon .videocon[data-v-7e9762f2]{background:#2c2c2c;border-radius:.21333rem;width:4.26667rem;height:2.4rem;position:relative}.mainbox .msgbox .msgitem .msgcon .videocon .poster[data-v-7e9762f2]{width:4.26667rem;height:2.4rem;border-radius:.21333rem;position:absolute;top:0;left:0}.mainbox .msgbox .msgitem .msgcon .videocon .playbtn[data-v-7e9762f2]{width:1.33333rem;height:1.33333rem;position:absolute;top:.53333rem;left:1.46667rem;z-index:6}.mainbox .msgbox .msgitem .msgcon .audio[data-v-7e9762f2]{width:2.66667rem;height:.64rem;background:#f7fbf9;border:.02667rem solid #ddd;border-radius:.13333rem;cursor:pointer;color:#666;line-height:.64rem;text-indent:.26667rem;position:relative}.mainbox .msgbox .msgitem .msgcon .audio .hideaudio[data-v-7e9762f2]{opacity:0;position:absolute;width:2.66667rem;height:.64rem;cursor:pointer}.mainbox .msgbox .msgitem .msgcon .coursecon[data-v-7e9762f2]{width:5.33333rem;height:5.06667rem;padding:.26667rem;background:#f6f6f6;border-radius:.21333rem;box-sizing:border-box}.mainbox .msgbox .msgitem .msgcon .coursecon .coursebox[data-v-7e9762f2]{width:4.8rem;height:4.53333rem;padding:.26667rem;background:#fff;border-radius:.21333rem;box-sizing:border-box;position:relative}.mainbox .msgbox .msgitem .msgcon .coursecon .coursepic[data-v-7e9762f2]{width:4.26667rem;height:2.4rem;border-radius:.21333rem}.mainbox .msgbox .msgitem .msgcon .coursecon .timetext[data-v-7e9762f2]{width:4.26667rem;height:.8rem;display:block;line-height:.8rem;text-align:center;font-size:.32rem;color:#fff;opacity:.9;filter:Alpha(opacity=90);position:absolute;background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 30%,rgba(0,0,0,.3) 50%,hsla(0,0%,100%,0) 0);top:1.94667rem;left:.26667rem}.mainbox .msgbox .msgitem .msgcon .coursecon .title[data-v-7e9762f2]{height:.96rem;line-height:.56rem;font-size:.34667rem;color:#333;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mainbox .msgbox .msgitem .msgcon .coursecon .bottom[data-v-7e9762f2]{float:left;width:100%;line-height:.8rem;box-sizing:border-box}.mainbox .msgbox .msgitem .msgcon .coursecon .bottom .price[data-v-7e9762f2]{float:left;font-size:.34667rem;color:#16d9b8}.mainbox .msgbox .msgitem .msgcon .coursecon .bottom .number[data-v-7e9762f2]{float:right;font-size:.32rem;color:#999}.mainbox .msgbox .left[data-v-7e9762f2]{float:left;width:100%}.mainbox .msgbox .left .pictrue[data-v-7e9762f2]{margin-right:.26667rem;cursor:pointer}.mainbox .msgbox .left .top[data-v-7e9762f2]{text-align:left}.mainbox .msgbox .left .textcon[data-v-7e9762f2]{padding:.33333rem;background:#f6f6f6;color:#333;border-radius:0 .21333rem .21333rem .21333rem;font-size:.37333rem;float:left}.mainbox .msgbox .left .signbox[data-v-7e9762f2]{width:6.50667rem}.mainbox .msgbox .left .sign[data-v-7e9762f2]{width:1.73333rem;height:1.73333rem;display:block;float:left;border-radius:.13333rem;line-height:1.73333rem;text-align:center;color:#fff;font-size:.45333rem;font-weight:600}.mainbox .msgbox .left .playback[data-v-7e9762f2]{background:#ef7eb4}.mainbox .msgbox .left .plan[data-v-7e9762f2]{background:#39b7f4}.mainbox .msgbox .left .info[data-v-7e9762f2]{width:4.4rem;height:1.86667rem;float:left;margin-left:.26667rem;position:relative}.mainbox .msgbox .left .info h5[data-v-7e9762f2]{color:#333;font-size:.4rem}.mainbox .msgbox .left .info .user[data-v-7e9762f2]{display:block;position:absolute;bottom:0;left:0;font-size:.34667rem}.mainbox .msgbox .left .info .timestr[data-v-7e9762f2]{display:block;position:absolute;bottom:0;right:0;color:#999;font-size:.34667rem}.mainbox .msgbox .imgpreview[data-v-7e9762f2]{text-align:center}.mainbox .msgbox .imgpreview .mediabox[data-v-7e9762f2]{text-align:center;height:5.33333rem;line-height:5.33333rem;display:flex;align-items:center;justify-content:center}.mainbox .msgbox .imgpreview .mediabox .playitem[data-v-7e9762f2]{width:auto;height:auto;max-width:8rem;max-height:5.33333rem}.mainbox .msgbox .imgpreview .mediabox .audiobox[data-v-7e9762f2]{width:100%;height:10.66667rem;display:block;text-align:center;background:rgba(49,58,72,.7)}.mainbox .msgbox .imgpreview .mediabox .audiobox .wait[data-v-7e9762f2]{width:1.6rem;margin:0 auto;display:block;padding-top:4.26667rem}