.df-preview-img[data-v-9056b639]{align-items:center;animation:aniFadeIn .3s;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:7}.df-preview-img.platform-pc[data-v-9056b639]{height:calc(100vh - 30px);top:30px}.df-preview-img .img-loading[data-v-9056b639]{height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.df-preview-img .img-loading[data-v-9056b639]:after,.df-preview-img .img-loading[data-v-9056b639]:before{animation:AniLoading-9056b639 1s linear infinite alternate;background:#ffffff80;border-radius:50%;content:"";display:block;height:60px;left:0;position:absolute;top:0;transform:scale(0);width:60px}.df-preview-img .img-loading[data-v-9056b639]:after{animation-delay:1s}@keyframes AniLoading-9056b639{0%{transform:scale(0)}to{transform:scale(1)}}.df-preview-img .white-tip[data-v-9056b639]{background:#0000004d;border-radius:12px;color:#fff;display:block;font-size:12px;left:50%;line-height:20px;padding:10px 20px;position:absolute;text-align:center;top:20px;transform:translate(-50%);transition:opacity .5s;z-index:3}.df-preview-img .img[data-v-9056b639]{max-height:100%;max-width:100%}.df-preview-img .img video[data-v-9056b639]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.df-preview-img .operate-box[data-v-9056b639]{align-items:center;animation:aniShowSeconed-9056b639 2s;bottom:0;display:flex;height:100px;justify-content:center;left:0;opacity:0;position:absolute;transition:opacity .2s;width:100%;z-index:2}.df-preview-img .operate-box[data-v-9056b639]:hover{opacity:1}.df-preview-img .operate-box .cont[data-v-9056b639]{align-items:center;background:#0000004d;border-radius:12px;display:flex;height:60px;padding:0 5px;z-index:3}.df-preview-img .operate-box .item[data-v-9056b639]{background:no-repeat 50%/contain;cursor:pointer;height:36px;margin:0 25px;width:36px}.df-preview-img .operate-box .item.icon-amp[data-v-9056b639]{background-image:url(https://cdn.defo.xyz/defo_web/icon_amp.png)}.df-preview-img .operate-box .item.icon-narrow[data-v-9056b639]{background-image:url(https://cdn.defo.xyz/defo_web/icon_narrow.png)}.df-preview-img .operate-box .item.icon-download[data-v-9056b639]{background-image:url(https://cdn.defo.xyz/defo_web/icon_download.png)}.df-preview-img .operate-box .item.icon-rotate[data-v-9056b639]{background-image:url(https://cdn.defo.xyz/defo_web/icon_rotate.png)}.df-preview-img .next[data-v-9056b639],.df-preview-img .prev[data-v-9056b639]{align-items:center;animation:aniShowSeconed-9056b639 2s;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100px;z-index:2}.df-preview-img .next .btn[data-v-9056b639],.df-preview-img .prev .btn[data-v-9056b639]{background:url(https://cdn.defo.xyz/defo_web/icon_prev.png) no-repeat 50%/32px auto;height:80px;width:80px}.df-preview-img .next.disabled[data-v-9056b639],.df-preview-img .prev.disabled[data-v-9056b639]{cursor:no-drop}.df-preview-img .next.disabled .btn[data-v-9056b639],.df-preview-img .prev.disabled .btn[data-v-9056b639]{opacity:.3}.df-preview-img .next[data-v-9056b639]:hover,.df-preview-img .prev[data-v-9056b639]:hover{opacity:1}.df-preview-img .next[data-v-9056b639]{left:auto;right:0}.df-preview-img .next .btn[data-v-9056b639]{background-image:url(https://cdn.defo.xyz/defo_web/icon_next.png)}.df-preview-img .close[data-v-9056b639]{color:#fff;position:absolute;right:20px;top:20px;z-index:2}@keyframes aniShowSeconed-9056b639{0%,90%{background:none;opacity:1}to{background:none;opacity:0}}