.centerContent[data-v-0cafd40a]{width:100%;height:100%;background-color:#000}#materialPreView[data-v-0cafd40a]{width:0;height:0%}.dropWrap[data-v-0cafd40a]{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff}.dropWrap .closeDropWrap[data-v-0cafd40a]{display:block;position:absolute;right:10px;top:10px;font-size:24px;cursor:pointer}.dropWrap .dropzone[data-v-0cafd40a]{position:absolute;top:5%;left:5%;right:5%;bottom:5%;border:3px dashed #e6e6e6;color:#ccc}.dropWrap .innerArea[data-v-0cafd40a]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dropWrap .placeholder[data-v-0cafd40a]{font-size:22px}.dropWrap .uploadBtn[data-v-0cafd40a]{font-size:18px;background:#7761cf;border-radius:3px;line-height:44px;padding:0 30px;color:#fff;display:inline-block;margin:20px auto;cursor:pointer;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}.dropWrap .uploadBtn[data-v-0cafd40a]:hover{background:#3bc8f2;cursor:pointer}.dropWrap .uploadBtn input[data-v-0cafd40a]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.dropWrap .uploadBtn svg[data-v-0cafd40a]{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}