.upload-my-class[data-v-bd6c4e88]{position:relative;width:140px;height:140px}.upload-my-class img[data-v-bd6c4e88]{width:100%;height:100%;display:block}.upload-my-class .my-mask[data-v-bd6c4e88]{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;top:0;left:0}.upload-my-class .icon-box[data-v-bd6c4e88]{width:100%;position:absolute;bottom:calc(50% - 22px);color:#fff;font-size:22px;text-align:center}.upload-my-class:hover .my-mask[data-v-bd6c4e88]{opacity:1}.detail-dask-box[data-v-bd6c4e88]{position:absolute;top:0;left:0;width:100%;height:auto;z-index:998;background-color:#fff;-webkit-transition:all .5s;transition:all .5s;margin-bottom:20px;padding-bottom:10px}.detail-dask-box .detail-header[data-v-bd6c4e88]{border-bottom:1px solid #eee;font-size:16px;color:#333;padding-bottom:10px;background-color:#f2f2f2}.detail-dask-box .msk-cont[data-v-bd6c4e88]{height:calc(100% - 60px)}.aside-box>div[data-v-bd6c4e88]{width:50%;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aside-box>div .el-input[data-v-bd6c4e88]{width:60%}.aside-box>div span[data-v-bd6c4e88]{width:200px;text-align:right}