.mainViewFrame[data-v-27f9f051]{background-color:#6b45e1;width:100%;min-width:1100px;min-height:100%;background-size:100%;position:relative}.bg[data-v-27f9f051]{position:fixed;top:0;left:0;width:100%;z-index:100}.mainViewFrameContainer[data-v-27f9f051]{width:1000px;margin:0 auto;padding-bottom:30px;z-index:200;position:relative}.mainView .header[data-v-27f9f051]{color:#f60;font-size:40px;height:44px;line-height:44px;background-position:50%;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px;padding-bottom:30px}.mainView .header .back[data-v-27f9f051]{height:44px;cursor:pointer}.mainView .header .title[data-v-27f9f051]{height:44px}.videoCourseItem[data-v-9099bf94]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.videoCourseItem .banner[data-v-9099bf94]{display:inline-block;width:100%;height:150px;background:#f4f3f3;background-repeat:no-repeat;background-size:cover}.videoCourseItem .title[data-v-9099bf94]{margin-top:10px;color:#333;font-size:14px;margin-bottom:10px;padding-left:5px}.videoCourseItem .begin[data-v-9099bf94]{background-color:#ff7b00;font-size:13px;color:#fff;width:70px;text-align:center;height:25px;line-height:25px;border-radius:15px;cursor:pointer}.videoCourseItem .bottomView[data-v-9099bf94]{margin:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:0}.videoCourseItem .bottomView[data-v-9099bf94],.videoCourseItem .zan[data-v-9099bf94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.videoCourseItem .zan[data-v-9099bf94]{font-size:13px;color:#999;line-height:20px;overflow:hidden;height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videoCourseItem .zan img[data-v-9099bf94]{height:12px;margin-right:3px}.videoCourseItem .zan .number[data-v-9099bf94]{line-height:20px;overflow:hidden;height:20px}.courseView[data-v-36e8e7f2]{background-color:#f8f8f8;border-radius:4px;padding:10px}.courseView .items[data-v-36e8e7f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10px 0;margin-left:-10px;margin-bottom:0;min-height:120px}.courseView .items .item[data-v-36e8e7f2]{width:calc(33.33333% - 12px);margin-left:10px;margin-bottom:10px;border:1px solid #ebebeb;cursor:pointer;background-color:#fff;border-radius:4px;overflow:hidden}