.avatar-upload-preview[data-v-eebdc1fe]{position:absolute;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:200px;height:200px;border-radius:50%;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;overflow:hidden}.avatar-upload-preview img[data-v-eebdc1fe]{width:100%;height:100%}.demo_warp .tab_tit[data-v-28a656e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.grid-container[data-v-28a656e8]{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 2fr 1fr;width:300px;height:300px}.grid-cell[data-v-28a656e8]{background-color:#00fff6;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;font-size:15px;color:#fff}.grid-cell[data-v-28a656e8]:nth-child(5){background-color:transparent;grid-column:.25;grid-row:.25;-webkit-transform:scale(1.2);transform:scale(1.2)}.grid-cell img[data-v-28a656e8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.demo_warp .active[data-v-28a656e8]{color:#293846;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:0 solid #e6e6e6;border-left:1px solid #e6e6e6}.demo_warp ul li[data-v-28a656e8]{color:#a7b1c2;cursor:pointer;list-style:none;font-weight:600;padding:6px 20px 6px 20px;text-align:center;border-top:0 solid #e6e6e6;border-right:0 solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0 solid #e6e6e6}._table_d[data-v-28a656e8]{width:100%}._table_d td[data-v-28a656e8]{border:1px solid #bbb;text-align:center;line-height:30px}.avatar-upload-wrapper[data-v-28a656e8]{height:100px;width:100px}.ant-upload-preview[data-v-28a656e8]{position:relative;width:100%;max-width:100px;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc}.ant-upload-preview .upload-icon[data-v-28a656e8]{position:absolute;top:0;right:10px;font-size:1.4rem;padding:.5rem;background:rgba(222,221,221,.7);border:1px solid rgba(0,0,0,.2)}.ant-upload-preview .mask[data-v-28a656e8]{opacity:0;position:absolute;background:rgba(0,0,0,.4);cursor:pointer;-webkit-transition:opacity .4s;transition:opacity .4s}.ant-upload-preview .mask[data-v-28a656e8]:hover{opacity:1}.ant-upload-preview .mask i[data-v-28a656e8]{font-size:2rem;position:absolute;top:50%;left:50%;margin-left:-1rem;margin-top:-1rem;color:#d6d6d6}.ant-upload-preview .mask[data-v-28a656e8],.ant-upload-preview img[data-v-28a656e8]{width:100%;max-width:100px;height:100%;overflow:hidden}