.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}.workItem[data-v-74d132a2]{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;position:relative}.workItem .img[data-v-74d132a2]{width:100%;height:140px;background-color:#e1e1e1;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:3px}.workItem .text[data-v-74d132a2]{padding-left:10px;padding-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;position:relative}.workItem .text .title[data-v-74d132a2]{font-size:12px;color:#333;line-height:20px;overflow:hidden;height:20px;margin-top:5px}.workItem .text .icons[data-v-74d132a2]{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;padding-left:-10px;margin-left:-10px;padding-left:10px;margin-right:-10px;padding-right:10px}.workItem .text .icons.line[data-v-74d132a2]{margin-top:5px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ebebeb}.workItem .text .icons .zan[data-v-74d132a2]{font-size:13px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;line-height:20px;overflow:hidden;height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;cursor:pointer}.workItem .text .icons .zan.browser[data-v-74d132a2]{margin-left:20px}.workItem .text .icons .zan img[data-v-74d132a2]{height:12px;margin-right:3px}.workItem .text .icons .zan .number[data-v-74d132a2]{line-height:20px;overflow:hidden;height:20px}.workItem .text .authorWrapper[data-v-74d132a2]{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;margin-bottom:5px}.workItem .text .authorWrapper .avatar[data-v-74d132a2]{width:24px;height:24px;border-radius:50%;margin-right:5px}.workItem .text .authorWrapper .name[data-v-74d132a2]{font-size:11px;color:#666;line-height:20px;overflow:hidden;height:20px}.workItem .text .time[data-v-74d132a2]{font-size:14px;color:#666;margin-top:10px;margin-bottom:12px}.workItem .text .send[data-v-74d132a2]{padding:2px 10px;border-radius:15px;background-color:#f56501;color:#fff;position:absolute;font-size:12px;right:-10px;bottom:10px;border-top-right-radius:0;border-bottom-right-radius:0}.workItem .author[data-v-74d132a2]{height:42px;border-top:1px solid #ebebeb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;font-size:10px}.workItem .author img[data-v-74d132a2]{width:20px;height:20px;border-radius:10px;margin-right:6px}.workItem .joinActivity[data-v-74d132a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:42px;border-top:1px solid #ebebeb}.workItem .joinActivity img[data-v-74d132a2]{width:25px}.workItem .closeWrapper[data-v-74d132a2]{background-color:#f56501;color:#fff;position:absolute;font-size:12px;right:0;top:0;width:30px;height:30px;border-bottom-left-radius:30px}.workItem .closeWrapper .close[data-v-74d132a2],.workItem .closeWrapper[data-v-74d132a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.workItem .closeWrapper .close[data-v-74d132a2]{position:relative;margin-left:0;margin-top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.workItem .closeWrapper .close .line1[data-v-74d132a2]{position:absolute;width:15px;height:1px;background-color:#fff}.workItem .closeWrapper .close .line2[data-v-74d132a2]{width:1px;height:15px;background-color:#fff}.workItem .remix[data-v-74d132a2]{background-color:#f56501;color:#fff;padding:1px 5px;margin-right:5px;font-size:10px;position:absolute;left:0;top:10px;border-bottom-right-radius:10px;border-top-right-radius:10px}.courseView[data-v-5abd2e7c]{background-color:#f8f8f8;border-radius:4px;padding:10px;min-height:500px}.courseView .items[data-v-5abd2e7c]{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-5abd2e7c]{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}.courseView .items .item.four_item[data-v-5abd2e7c]{width:calc(25% - 12px)}