.list-item[data-v-ab44a26a]{cursor:pointer;display:inline-block;margin:0 10px 10px 0;overflow:hidden;border:2px solid #eee;width:150px;height:100px;border-radius:4px;background-color:#f5f7fa;opacity:.8;-webkit-transition:all .3s;transition:all .3s}.list-item[data-v-ab44a26a]:hover{opacity:1;border-color:#265c97}.file-item[data-v-ab44a26a]{position:relative}.file-item .file-item-inner[data-v-ab44a26a]{height:100%;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.file-item .file-item-inner .icon[data-v-ab44a26a]{font-size:48px;margin-bottom:5px;color:#0265dc;-webkit-transition:all .3s;transition:all .3s}.file-item .file-item-inner .name[data-v-ab44a26a]{font-size:12px;padding:0 10px;color:#333;-webkit-transition:all .3s;transition:all .3s}.file-item[data-v-ab44a26a]:hover{background-color:#0265dc}.file-item:hover .icon[data-v-ab44a26a],.file-item:hover .name[data-v-ab44a26a]{color:#fff}