.preview-url-wrapper{width:100%;height:calc(100vh/var(--zoom) - 190px);background:rgba(0,0,0,.7);position:relative}.preview-url-wrapper .preview-url-box{width:100%;height:calc(100% - 34px);overflow-x:auto;overflow-y:auto;text-align:center;scroll-behavior:smooth}.preview-url-wrapper .preview-url-box img{max-width:100%}.preview-url-wrapper .preview-lis-box{margin:10px 0}.preview-url-wrapper .preview-pagination-wrapper{position:absolute;left:0;bottom:0;height:34px;width:100%;background:#fff;line-height:34px;padding:0 10px;font-size:20px;text-align:center;box-shadow:0 0 4px #000}.preview-url-wrapper .preview-pagination-wrapper .iconfont{display:inline-block;padding:0 10px;cursor:pointer;font-weight:700;margin:0 15px}.preview-url-wrapper .preview-pagination-wrapper .iconfont:hover{color:#4688ff}.preview-url-wrapper .preview-pagination-wrapper .next-btn{transform:rotate(180deg)}.preview-url-wrapper .preview-pagination-wrapper .no-btn{cursor:no-drop;color:#ccc}.preview-url-wrapper .preview-pagination-wrapper .no-btn:hover{color:#ccc}.preview-url-wrapper .preview-menu-wrapper{position:absolute;left:0;top:0;height:calc(100% - 34px);background:rgba(0,0,0,.7);width:200px}.preview-url-wrapper .preview-menu-wrapper .preview-menu-btn{width:40px;padding-right:10px;height:70px;line-height:70px;text-align:center;background:rgba(0,0,0,.7);border-radius:0 100px 100px 0;color:#fff;position:absolute;left:200px;top:50%;cursor:pointer;transition:all .5s}.preview-url-wrapper .preview-menu-wrapper .preview-menu-btn i{display:inline-block;font-size:20px;font-weight:700;transform:rotate(0deg)}.preview-url-wrapper .preview-menu-wrapper .preview-menu-btn:hover{color:#4688ff}.preview-url-wrapper .preview-menu-wrapper .preview-menu-wrapper-box{width:100%;height:100%;padding:20px 15px 10px;overflow-y:auto}.preview-url-wrapper .preview-menu-wrapper .preview-menu-wrapper-box .preview-menu-img{width:100%;margin-bottom:10px;border:5px solid rgba(70,136,255,0);cursor:pointer}.preview-url-wrapper .preview-menu-wrapper .preview-menu-wrapper-box .imgActivate,.preview-url-wrapper .preview-menu-wrapper .preview-menu-wrapper-box .preview-menu-img:hover{border:5px solid #4688ff}.preview-url-wrapper .preview-menu-wrapper-open{left:0;transition:all .5s}.preview-url-wrapper .preview-menu-wrapper-open .preview-menu-btn i{transform:rotate(0deg);transition:all .2s}.preview-url-wrapper .preview-menu-wrapper-end{left:-200px;transition:all .5s}.preview-url-wrapper .preview-menu-wrapper-end .preview-menu-btn i{transform:rotate(180deg);transition:all .2s}.preview-url-wrapper .span-close{position:absolute;bottom:35px;right:0;width:60px;height:60px;background:rgba(0,0,0,.8);border-radius:60px 0 0 0;text-align:right;padding-right:14px;z-index:99;cursor:pointer}.preview-url-wrapper .span-close:active,.preview-url-wrapper .span-close:hover{border-left:1px solid #ccc}.preview-url-wrapper .span-close i{color:#ccc;line-height:74px;font-size:24px}.preview-url-wrapper .preview-full-screen{position:absolute;bottom:34px;right:20px;width:60px;height:60px;background:rgba(0,0,0,.8);border-radius:30px 30px 0 0;text-align:center;cursor:pointer;z-index:0}.preview-url-wrapper .preview-full-screen i{color:#fff;font-size:24px;line-height:60px}.preview-url-wrapper .preview-full-screen:hover{background:rgba(70,136,255,.7)}.preview-url-wrapper .preview-full-screen1{position:absolute;bottom:34px;right:20px;width:60px;height:60px;background:rgba(0,0,0,.8);border-radius:30px 30px 0 0;text-align:center;cursor:pointer;z-index:0}.preview-url-wrapper .preview-full-screen1 i{color:#fff;font-size:24px;line-height:60px}.preview-url-wrapper .preview-full-screen1:hover{background:rgba(70,136,255,.7)}.full-screen{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);top:0;left:0;z-index:999999}