.main[data-v-64d7a53b]{position:fixed;right:0;top:0;bottom:0;width:300px;background:#535353;overflow:auto;padding-bottom:140px}.main.mobile-main[data-v-64d7a53b]{left:0;right:0;width:100%;top:auto;height:calc(var(--vh)*40);background:#282828}.main.mobile-main .content .header[data-v-64d7a53b]{padding:10px}.main.mobile-main .content .bottom[data-v-64d7a53b]{border-top:1px solid #535353;width:100%;padding-top:0}.main.mobile-main .content .bottom .button[data-v-64d7a53b]{height:35px;line-height:35px;width:120px;border-radius:35px;margin:0 auto}.main.mobile-main .content .bottom[data-v-64d7a53b] .mobileBox{height:80px!important}.main .bottom[data-v-64d7a53b]{position:fixed;bottom:0;right:0;width:300px;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;padding:10px}.main .bottom .button[data-v-64d7a53b]{display:block;height:40px;line-height:40px;text-align:center;cursor:pointer;width:100px;margin-left:10px}.main .bottom .button-fabu[data-v-64d7a53b]{background:transparent;border-radius:4px;border:1px solid #2cfffc;color:#2cfffc}.main .bottom .delIcon[data-v-64d7a53b]{padding:5px;margin-right:10px;background:#212121;border-radius:4px;cursor:pointer}.main .bottom .delIcon img[data-v-64d7a53b]{width:20px;height:20px;display:block}.main .bottom[data-v-64d7a53b] .shareMobile{padding-bottom:0!important;height:80px!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main .bottom[data-v-64d7a53b] .shareMobile .collectBox{width:60px;color:#fff;font-size:14px;text-align:center}.main .bottom[data-v-64d7a53b] .shareMobile .collectBox img{width:35px;height:35px;border-radius:35px;display:block;margin:0 auto;margin-bottom:5px}.main .imageWidth[data-v-64d7a53b] .shareMobile .collectBox{width:48px}.main .content[data-v-64d7a53b]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.main .content .header[data-v-64d7a53b]{width:100%;padding:20px;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#eee;font-size:14px}.main .content .header .avatar[data-v-64d7a53b]{width:36px;height:36px;margin-right:10px;border-radius:999px;overflow:hidden}.main .content .header .name[data-v-64d7a53b]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.main .content .header .starIcon[data-v-64d7a53b]{margin-right:9px;width:16px;height:15px;cursor:pointer}.main .content .detailtitle[data-v-64d7a53b]{margin:10px 20px;margin-top:20px;font-size:14px;font-weight:600;color:#eee}.main .content .cate[data-v-64d7a53b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding-left:20px}.main .content .cateItem[data-v-64d7a53b]{padding:5px 8px;background:#454545;border-radius:4px;min-width:28%;font-size:14px;color:#eee;text-align:center;margin-right:10px;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main .content .cateItem.cateItem-keyword[data-v-64d7a53b]{background:none;text-align:left}.main .content .introduceBox[data-v-64d7a53b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:48%;flex-basis:48%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:20px;margin-bottom:20px}.main .content .introduceBox .introduceTitle[data-v-64d7a53b]{font-size:12px;-ms-flex-negative:0;flex-shrink:0;color:#eee}.labels[data-v-64d7a53b]{padding:20px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.labels .label[data-v-64d7a53b]{padding:5px 10px;min-width:81px;background:#454545;border-radius:4px;margin-left:9px;font-size:14px;color:#eee;margin-bottom:10px;text-align:center}.coverBox[data-v-64d7a53b]{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #383838}.coverBox .coverImg[data-v-64d7a53b]{width:180px;height:180px;border-radius:10px}.coverBox .styleName[data-v-64d7a53b]{margin-top:10px;text-align:center;font-size:14px;color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editLabels[data-v-64d7a53b]{padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.editIcon[data-v-64d7a53b]{width:16px;height:16px;margin-left:10px;cursor:pointer}.background-history[data-v-04a3f895]{background:#666!important}.loading-out[data-v-04a3f895]{position:absolute;top:0;left:0;background:hsla(0,0%,100%,.8);height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;z-index:2;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;color:#333;font-size:14px;overflow:hidden}.loading-out .progress-circle[data-v-04a3f895]{margin-bottom:20px}.loading-out[data-v-04a3f895] .el-progress--circle .el-progress__text{color:#6386fb;font-size:18px!important;font-weight:550}.loading-out .icon-margin[data-v-04a3f895]{margin-right:2px}.el-image-viewer__btn[data-v-2d59f8c5]{right:340px}.el-image-viewer__next.is-disabled[data-v-2d59f8c5],.el-image-viewer__prev.is-disabled[data-v-2d59f8c5]{opacity:0;visibility:hidden}.el-image-viewer__canvas[data-v-2d59f8c5]{position:relative;width:calc(100% - 300px)}.el-image-viewer__canvas[data-v-2d59f8c5] .loading-out{z-index:9999!important}.padCanvas[data-v-2d59f8c5]{width:calc(100vw - 300px)}.el-image-viewer__actions[data-v-2d59f8c5]{margin-left:-150px}.urlList[data-v-2d59f8c5]{position:fixed;left:0;right:0;overflow:auto;bottom:90px;width:calc(100% - 300px)}.urlList .item[data-v-2d59f8c5]{margin-right:5px;min-width:60px;margin-top:5px;width:60px;height:60px;cursor:pointer;border:2px solid transparent}.urlList .item.active[data-v-2d59f8c5]{border:2px solid hsla(0,0%,100%,.5)}.urlList .item[data-v-2d59f8c5]:hover{border:2px solid hsla(0,0%,100%,.4)}.el-image-viewer__canvas img[data-v-2d59f8c5]{min-height:auto!important;min-width:auto!important}.changeCurrent[data-v-2d59f8c5]{width:20px;height:40px;line-height:40px;margin-right:30px;margin-left:30px;text-align:center;background:#000;cursor:pointer}.changeCurrent .el-icon-arrow-left[data-v-2d59f8c5]:before,.changeCurrent .el-icon-arrow-right[data-v-2d59f8c5]:before{color:#fff;font-size:10px}.style-img_preview-vant{height:calc(var(--vh)*60)}.style-img_preview-vant .van-image-preview__overlay{z-index:500!important}.style-img_preview-vant .van-image{width:100%;height:100%}.style-img_preview-vant .van-image .van-image__img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.style-img_preview-vant .work-img_preview{z-index:501!important}.progress-mobile-out{width:100vw;position:absolute;height:calc(var(--vh)*60 - 43px);top:0;left:0}.work-img_preview-main[data-v-40068421] .el-image-viewer__wrapper{z-index:501!important}.prev[data-v-40068421]{left:10px}.next[data-v-40068421],.prev[data-v-40068421]{width:50px;height:50px;position:fixed;top:calc(var(--vh)*30);background:hsla(0,0%,100%,.5);font-size:24px;border-radius:50px;margin-top:-25px;line-height:50px;text-align:center}.next[data-v-40068421]{right:10px}.progress-mobile-out[data-v-40068421] .loading-out{z-index:1000!important}.worksBody[data-v-2ab00549]{padding:44px 0;padding-left:20px;height:calc(var(--vh)*100)!important;overflow:auto}.worksBody .selectBox[data-v-2ab00549]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.worksBody .selectBox[data-v-2ab00549] .el-input__inner{background:#535353;border:none}.worksBody .selectBox[data-v-2ab00549] input{color:#fff}.worksBody .selectBox .el-input[data-v-2ab00549]{width:420px;background:#535353;border-radius:4px;margin-right:20px}.worksBody .selectBox .el-select[data-v-2ab00549]{width:100px;background:#535353;border-radius:4px}.worksBody .list[data-v-2ab00549]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.worksBody .list .cards[data-v-2ab00549]{width:260px;height:auto;margin-right:16px;margin-bottom:16px;position:relative;overflow:hidden}@media screen and (min-width:1280px)and (max-width:1680px){.worksBody .list .cards[data-v-2ab00549]{width:238px;height:auto}}.worksBody .list .cards .titleName[data-v-2ab00549]{margin-top:10px;font-size:14px;color:#fff}.worksBody .list .cards .cardImg[data-v-2ab00549]{display:block;width:260px;border-radius:10px;height:auto;overflow:hidden}@media screen and (min-width:1280px)and (max-width:1680px){.worksBody .list .cards .cardImg[data-v-2ab00549]{width:238px;height:auto}}.worksBody .list .cards .padImg[data-v-2ab00549]{width:100%;height:auto}.worksBody .list .cards .bottomTips[data-v-2ab00549]{width:100%;padding:10px}.worksBody .list .cards .bottomTips .title[data-v-2ab00549]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;width:238px;color:#fff;margin-bottom:8px}.worksBody .list .cards .bottomTips .avatarBox[data-v-2ab00549]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.worksBody .list .cards .bottomTips .avatarBox .avatar[data-v-2ab00549]{width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;margin-right:10px;border-radius:999px;overflow:hidden}.worksBody .list .cards .bottomTips .avatarBox .name[data-v-2ab00549]{font-size:14px;-ms-flex-negative:0;flex-shrink:0;color:#d7d7d7}.worksBody .list .cards .bottomTips .avatarBox .likeBox[data-v-2ab00549]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#d7d7d7}.worksBody .list .cards .bottomTips .avatarBox .likeIcon[data-v-2ab00549]{width:16px;height:16px;margin-left:9px;cursor:pointer}.worksBody .list .padCard[data-v-2ab00549]{width:calc(25% - 18px);height:auto;margin-right:12px}.worksBody .list .mobileCard[data-v-2ab00549]{width:calc(50vw - 20px);height:auto;margin-right:12px}.worksBody .styletabs[data-v-2ab00549]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;overflow-x:auto}.worksBody .styletabs .tabItem[data-v-2ab00549]{margin-right:10px;cursor:pointer;padding:13px 16px;text-align:center;min-width:92px;font-size:14px;color:#eee;border-radius:4px;margin-bottom:10px}.worksBody .styletabs .tabItem .tabIcon[data-v-2ab00549]{width:14px;height:14px;margin-right:12px}.worksBody .styletabs .activeItem[data-v-2ab00549],.worksBody .styletabs .tabItem[data-v-2ab00549]:hover{background:#535353}.worksBody .loadingend[data-v-2ab00549]{font-size:12px;width:100%;color:#fff;text-align:center}.padBody[data-v-2ab00549]{padding-top:44px;padding-left:10px}.dingzIcon[data-v-2ab00549]{width:260px;height:260px;margin-right:16px;display:block;margin-bottom:16px}@media screen and (min-width:1280px)and (max-width:1680px){.dingzIcon[data-v-2ab00549]{width:238px;height:238px}}.padIcon[data-v-2ab00549]{width:calc(25vw - 18px);height:calc(25vw - 18px);margin-right:12px}.mobileIcon[data-v-2ab00549]{width:calc(50vw - 20px);height:calc(50vw - 20px);margin-right:12px}.mobileBody[data-v-2ab00549]{padding-top:8px;padding-left:10px}.mobileBody .mobileSelect[data-v-2ab00549]{padding-left:30px;padding-right:5px}.mobileBody .mobileSelect .el-input[data-v-2ab00549]{margin-right:10px!important;width:65vw!important;margin-left:10px}