.pagination[data-v-57c985d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:20px}.pageContent[data-v-57c985d2]{overflow:auto;height:70vh;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(auto-fill,14.5vw);grid-template-rows:repeat(2,13.5vw);grid-gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.box-card[data-v-57c985d2]{position:relative;width:14vw;height:250px;border:1px solid #eee}.box-card .pic[data-v-57c985d2]{width:90%;margin-top:15px;position:relative;margin-left:5%;cursor:pointer}.box-card .pic .default[data-v-57c985d2],.box-card .pic[data-v-57c985d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box-card .pic .default[data-v-57c985d2]{font-size:100px;color:#d7d8da}.box-card .pic .name[data-v-57c985d2]{position:absolute;bottom:0;font-size:14px;height:30px;width:100%;line-height:30px;background-color:rgba(0,0,0,.7);color:#fff;text-indent:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.box-card .date[data-v-57c985d2]{text-align:center;margin-top:15px;font-size:14px;color:#999}.box-card .controlBtn[data-v-57c985d2]{position:absolute;width:100%;height:40px;border-top:1px solid #eee;background:#f7f7f7;bottom:0;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}.box-card .iconStyel[data-v-57c985d2]{font-size:24px;color:#999;cursor:pointer}.box-card .iconStyel[data-v-57c985d2]:hover{color:#48a2ff}.box-card[data-v-57c985d2]:hover{border:1px solid #48a2ff}