.files{display:flex;align-items:flex-start;align-content:flex-start;justify-content:flex-start;flex-wrap:wrap;flex-basis:1px;width:100%;height:100%;border-radius:8px;padding:32px 44px 16px;overflow-x:hidden}.files .files-item{position:relative;flex:0 0 344px;height:344px;margin:0 12px 12px 0;border-radius:8px;border:1px solid var(--border-color,#e6eaf2);background-color:#596680;transition:all .2s linear;overflow:hidden;cursor:pointer}.files .files-item.is-loaded{background-color:var(--background-color,#fff)}.files .files-item.is-loaded .files-item__loading{display:none}.files .files-item:hover{border-color:var(--border-color,#c3cfe6)}.files .files-item__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .2s linear}.files .files-item__img:hover{transform:scale(1.1)}.files .files-item__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:24px}.files .files-item__play{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEIzRkE4QUMzNTgyMTFFN0FCMjA4NUU3MDNCMjNCMUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEIzRkE4QUQzNTgyMTFFN0FCMjA4NUU3MDNCMjNCMUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QjNGQThBQTM1ODIxMUU3QUIyMDg1RTcwM0IyM0IxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QjNGQThBQjM1ODIxMUU3QUIyMDg1RTcwM0IyM0IxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpAyqGAAAAOFSURBVHja1FrPTxNREH6726WVhYhgBbWKKRc1JBqbcrAxkcQLJHCRu0diDyQmetarNwmtkQsxGOKFSy8a/gBTAz0YxQRjWmlLVLAQESqWFeuMzCZ1syx0f/Ml36nZ16+zM/Pmfa8cMw8R2EZsBh4B+oECfb4DrAC3gD+Aa8BVoGzmSzmDz/HAk8AzwOMG1qkCvwGXgF+Af+wWjlHsBHYBA8wa/AJmgXl6O5YLPwHsBkrMHpSB88AVq4TzJLiTOYNF4Pv90kfYZxEssqvAduYcWujtLuuljp7wRmCMOoXTwPrpIPFyPcIDJLqRuYcGEo9d5/dBhAuUHk3MfYjUbpeoheoKv0Q55hUEqNaW1R2jFu20qXgNZ9XB5DXanlfRXau3Vvg5l4txP0ik8T/hAm3jhpFMJqPT09M3/H4/Z6P4LkWzUpynzeb25OTk3Ugk0jc8PHy5XC5/nJubW7dBuA+4CdxQIh4yu6IgCNi6WDAYvDA2NvZodnb2VigUarBBfEhJFaVXWgae54VoNHpzYWEhMTo6esVi4UHUzNMBwJa8lCSpY2Rk5EE2m73X29t7zKJlUWsrCm+1ux2Ew+FrMzMzj1OpVJ9FxdvGOzVEiaIoDQ4O3i4Wiw/j8bjZEbmJt/FgoJ2gweD5RCJhtnglnqYwR8FxnFK8SSjeiIEl/Dz1Rne2Qklqh+K9PzU1db3ezOPZIYWPhnTRjS+HHXZlYmLiCUQ9U+ejMgrfdlp4tVrdyWQyqaGhoeeFQqFiYIkKT7aAYyiVSh8gwnd6enqeGhT972UpQ4vtJx5ZlsuwCT2DKL+sVCpVk8ttYsRX7Rady+Ve9ff3xwcGBl5YIBqx6iPhVTvmFSi+ZSi+cQPFp1siwDUf+RYlmrq8Uny6ZYKalT6+ZIFY2cLi00Ox9gRUphOQ4V0UJsD1fD7/JhaLjafT6e82lQs6u28xTpzqPHfR4xsmmqE59Sn/E/Cnh0VjVixq2RNo6857WPg8q7GeBY1fhd7KUY+JLigpohVxBe/Y7iWTV7CulQnCHg0eDcZTbk2NNcCae800PPK9/HEcdb+yXX9adLEYUfSWpo+jNxcBP5PnEnAhPdLUt1m9whE7tFOhP93ikGi8NswwjVsItblyUKB33s3sc3Qtvy5Uv6FDd0GrbqNmr8RLlIaOXIlrWgVs139EK6+ZUknrTwjY2jaYRX9C+CvAALgjEQdPpMEQAAAAAElFTkSuQmCC) no-repeat;z-index:1;cursor:pointer}.files .loadmore{height:1px;background-color:transparent}@media screen and (max-width:1376px){.files{padding:16px}.files .files-item{flex:0 0 32%;margin-right:1%}.files .files-item:nth-child(3n){margin-right:0}}@media screen and (max-width:1024px){.files .files-item{flex:0 0 49.5%;margin-right:1%}.files .files-item:nth-child(2n){margin-right:0}.files .files-item:nth-child(3n){margin-right:1%}}@media screen and (max-width:768px){.files{padding:8px}.files .files-item{flex:0 0 100%}.files .files-item:nth-child(n){margin-right:0}}.let-download[data-v-1d8dccf8]{border:none;outline:none;margin:0;padding:0;width:46px;height:40px;border-radius:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;transition:all .2s linear}.let-download[data-v-1d8dccf8]:hover{background-color:rgba(146,159,183,.5)}.let-download .i-icon-download[data-v-1d8dccf8]{font-size:22px}@media screen and (max-width:768px){.let-download[data-v-1d8dccf8]{width:26px;margin:0 8px}.let-download[data-v-1d8dccf8]:hover{background-color:transparent}}.app-link{width:135px;height:40px;display:flex;align-items:center}.app-link .i-icon{width:100%;height:100%}.preview-progress{flex:1}.preview-progress.is-scale .preview-progress__rail{width:80px}.preview-progress .preview-progress__rail{position:relative;width:100%;height:6px;border-radius:3px;background-color:var(--background-contrl-rail,#bbbdc0);cursor:pointer}.preview-progress .preview-progress__slider{position:absolute;top:50%;left:0;z-index:2;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#f1f1f1;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:left .2s linear}.preview-progress .preview-progress__value{position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);width:0;height:100%;border-radius:3px;background-color:var(--background-contrl-rail-value,#7a8599);transition:width .2s linear}.preview-scale[data-v-6e2bc205]{display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:40px;border-radius:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent}.preview-scale .preview-progress[data-v-6e2bc205]{margin-left:16px}.preview-scale .i-icon-search[data-v-6e2bc205]{font-size:18px}.preview-rotate[data-v-1bd039d0]{border:none;outline:none;margin:0;padding:0;width:46px;height:40px;border-radius:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;transition:all .2s linear}.preview-rotate[data-v-1bd039d0]:hover{background-color:rgba(146,159,183,.5)}.preview-rotate .i-icon-rotate[data-v-1bd039d0]{font-size:30px}@media screen and (max-width:768px){.preview-rotate[data-v-1bd039d0]{width:26px;margin:0 8px}.preview-rotate[data-v-1bd039d0]:hover{background-color:transparent}}.preview-image{position:relative;width:100%;height:100%;overflow:hidden}.preview-image .preview-image__view{display:flex;width:100%;height:100%;overflow:hidden}.preview-image .preview-image__view-inner{display:inline-block;text-align:center;vertical-align:middle;width:100%;height:100%}.preview-image .preview-image__view-inner img{-o-object-fit:contain;object-fit:contain;display:block;margin:auto}.preview-image .preview-image__contrl{position:absolute;left:50%;bottom:40px;transform:translateX(-50%)}.preview-image .preview-image__contrl-inner{display:flex;align-items:center;justify-content:space-between;padding:4px;width:298px;height:48px;background-color:var(--background-contrl,hsla(0,0%,96.9%,.8));border-radius:16px;overflow:hidden}@media screen and (max-height:576px),screen and (max-width:1024px){.preview-image{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.preview-image .preview-image__view{height:calc(100% - 86px)}.preview-image .preview-image__footer{flex:0 0 86px;display:flex;align-items:center;justify-content:space-between;width:100vw;padding:0 16px 0 8px}.preview-image .preview-image__footer .preview-action{display:flex;align-items:center;justify-content:flex-start}.preview-image .preview-image__contrl{display:none}}.preview-play{width:46px;height:40px;font-size:20px;border-radius:13px;background-color:rgba(146,159,183,.5)}.preview-timer{flex:1;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-timer .preview-timer__text{color:#7a8599;font-weight:700;font-size:16px;line-height:16px}.preview-timer .preview-timer__text:first-child{padding-right:12px}.preview-timer .preview-timer__text:last-child{padding-left:12px}.preview-fullscreen{width:46px;height:40px;font-size:26px;border-radius:13px;transition:all .2s linear}.preview-fullscreen:hover{background-color:rgba(146,159,183,.5)}video::-webkit-media-controls{display:none!important}video::-moz-media-controls{display:none!important}video::-o-media-controls{display:none!important}video::media-controls{display:none!important}.preview-video{position:relative}.preview-video,.preview-video .preview-video__view{width:100%;height:100%}.preview-video .preview-video__contrl{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);width:625px;height:48px;max-width:95%;overflow:hidden}.preview-video .preview-video__contrl-inner{display:flex;align-items:center;justify-content:space-between;padding:4px;background-color:var(--background-contrl,hsla(0,0%,96.9%,.8));border-radius:16px;overflow:hidden}@media screen and (max-height:576px),screen and (max-width:1024px){.preview-video{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.preview-video .preview-video__view{height:calc(100% - 86px)}.preview-video .preview-video__footer{flex:0 0 86px;display:flex;align-items:center;justify-content:space-between;width:100vw;padding:0 16px 0 8px}.preview-video .preview-video__footer .preview-action{display:flex;align-items:center;justify-content:flex-start}.preview-video .preview-video__contrl{bottom:126px}.preview-video .preview-video__contrl .let-download,.preview-video .preview-video__contrl .preview-rotate{display:none}}.preview{position:relative;width:100vw;height:100%}.preview .preview-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1;border:none;outline:none;padding:0;margin:0;height:36px;width:36px;cursor:pointer;transition:.3s;border-radius:50%;text-align:center;font-size:24px;color:#fff;background-color:var(--background-contrl,#adb8cc)}.preview .preview-btn.is-left{left:10px}.preview .preview-btn.is-right{right:10px}.preview .preview-btn.is-disabled{opacity:.5;cursor:wait}.shares{flex:1;overflow:hidden;background-color:var(--background-color,#f5f7fa)}.shares .shares-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:0 16px;text-align:center;line-height:24px}.shares .shares-empty__icon{max-width:100%;margin-bottom:24px}.shares .shares-empty__title{color:var(--title-color,#000);font-weight:500;font-size:24px;letter-spacing:.15px;margin-bottom:16px}.shares .shares-empty__label{color:#7a8599;font-size:16px;letter-spacing:.15px}.shares .shares-unavaiable{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 16px}.shares .shares-unavaiable__text{display:inline-block;border-radius:5px;font-size:16px;font-weight:700;padding:12px 18px;color:var(--title-color,#2e384d);background-color:var(--background-contrl,#fff)}