.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-75a79ac0]{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-75a79ac0]{width:100%;height:150px;background-color:#e1e1e1;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:3px}.workItem .text[data-v-75a79ac0]{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-75a79ac0]{font-size:12px;color:#333;line-height:20px;overflow-x:hidden;height:20px;margin-top:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;width:100%}.workItem .text .icons[data-v-75a79ac0]{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-75a79ac0]{margin-top:5px;padding-bottom:5px;margin-bottom:5px}.workItem .text .icons .zan[data-v-75a79ac0]{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;cursor:pointer}.workItem .text .icons .zan.browser[data-v-75a79ac0]{margin-left:20px}.workItem .text .icons .zan img[data-v-75a79ac0]{height:12px;margin-right:3px}.workItem .text .icons .zan .number[data-v-75a79ac0]{line-height:20px;overflow:hidden;height:20px}.scratchcontainer[data-v-565a6f8d]{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:8px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:auto;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.scratchcontainer .workContainer[data-v-565a6f8d]{background-color:#fff;border:1px solid #ebebeb;margin:5px;margin-bottom:10px;cursor:pointer;border-radius:8px;overflow:hidden;width:calc(25% - 12px);position:relative}