.img-pre__container{bottom:0;display:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;left:0;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:var(--container-zIndex)}.img-pre__container .img-pre__header{align-items:center;background:rgba(0,0,0,var(--header-bg-opcity));box-sizing:border-box;display:flex;height:55px;justify-content:space-between;padding:0 calc(25px + 100vw - 100%) 0 25px;position:absolute;width:100%;z-index:calc(var(--container-zIndex) + 1)}.img-pre__container .img-pre__header .img-pre__nums{color:#fff}.img-pre__container .img-pre__header .img-pre__button-item{align-items:center;background:none;border:none;border-radius:4px;color:#fff;display:inline-flex;height:30px;justify-content:center;margin-right:1.5vw;outline:none;position:relative;width:30px}.img-pre__container .img-pre__header .img-pre__button-item .bi,.img-pre__container .img-pre__header .img-pre__button-item svg{font-size:16px;height:16px;width:16px}.img-pre__container .img-pre__header .img-pre__button-item:last-child{margin-right:0}.img-pre__container .img-pre__header button:not(:disabled){cursor:pointer}.img-pre__container .img-pre__header button:not(:disabled):after{background:rgba(0,0,0,.9);border-radius:4px;content:attr(data-tooltip);display:none;font-size:12px;left:50%;padding:3px 7px;position:absolute;top:130%;transform:translate(-50%);white-space:nowrap}.img-pre__container .img-pre__header button:not(:disabled):hover:after{display:inline-block}.img-pre__container .img-pre__header button:not(:disabled):hover{background:rgba(0,0,0,.2)}.img-pre__container .img-pre__header button[disabled]{cursor:not-allowed!important;opacity:.4}.img-pre__container .img-pre__content-wrapper{height:100%;position:relative}.img-pre__container .img-pre__content-wrapper .img-pre__img-item{animation-duration:.3s;animation-timing-function:ease-in-out;height:100%;position:absolute;top:0;width:100%;will-change:transform,opacity}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-left-out{animation-name:img-pre_slide-left-hide}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-left-in{animation-name:img-pre_slide-left-show}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-right-out{animation-name:img-pre_slide-right-hide}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.slide-right-in{animation-name:img-pre_slide-right-show}.img-pre__container .img-pre__content-wrapper .img-pre__img-item.loading:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggb3BhY2l0eT0iLjIiIGZpbGw9IiNjY2MiIGQ9Ik0yMC4yMDEgNS4xNjljLTguMjU0IDAtMTQuOTQ2IDYuNjkyLTE0Ljk0NiAxNC45NDYgMCA4LjI1NSA2LjY5MiAxNC45NDYgMTQuOTQ2IDE0Ljk0NnMxNC45NDYtNi42OTEgMTQuOTQ2LTE0Ljk0NmMtLjAwMS04LjI1NC02LjY5Mi0xNC45NDYtMTQuOTQ2LTE0Ljk0NnptMCAyNi41OGMtNi40MjUgMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNCAwLTYuNDI1IDUuMjA5LTExLjYzNCAxMS42MzQtMTEuNjM0IDYuNDI1IDAgMTEuNjMzIDUuMjA5IDExLjYzMyAxMS42MzQgMCA2LjQyNi01LjIwOCAxMS42MzQtMTEuNjMzIDExLjYzNHoiLz48cGF0aCBmaWxsPSIjY2NjIiBkPSJtMjYuMDEzIDEwLjA0NyAxLjY1NC0yLjg2NmExNC44NTUgMTQuODU1IDAgMCAwLTcuNDY2LTIuMDEydjMuMzEyYzIuMTE5IDAgNC4xLjU3NiA1LjgxMiAxLjU2NnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjAgMjAiIHRvPSIzNjAgMjAgMjAiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvc3ZnPg==) no-repeat 50% /cover;content:"";display:inline-block;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.img-pre__container .img-pre__content-wrapper img{cursor:pointer;position:absolute;transform:translate(var(--offsetX)) translateY(var(--offsetY)) translateZ(0) scale(var(--scale)) rotate(var(--rotate));transition:all .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.img-pre__container #J-img-pre__next,.img-pre__container #J-img-pre__prev{align-items:center;background:none;border:none;border-radius:2px;color:#f6f6f6;cursor:pointer;display:flex;justify-content:center;outline:none;padding:7px 5px;position:fixed;top:50%;z-index:calc(var(--container-zIndex) + 1)}.img-pre__container #J-img-pre__next .bi,.img-pre__container #J-img-pre__prev .bi{font-size:20px;height:20px;width:20px}.img-pre__container #J-img-pre__next:hover,.img-pre__container #J-img-pre__prev:hover{background:rgba(0,0,0,.2)}.img-pre__container #J-img-pre__prev{left:2%}.img-pre__container #J-img-pre__next{right:calc(-98% + 100vw)}.img-pre__container .moving{transition:none!important}.img-pre__container.show{animation-name:img-pre_show;pointer-events:auto}.img-pre__container.show .img-pre__header{animation-name:img-pre_header-show}.img-pre__container.hide{animation-name:img-pre_hide}.img-pre__container.hide .img-pre__header,.img-pre__container.hide img.img-pre__animated{animation-name:img-pre_header-hide}.img-pre__animated{animation-duration:.5s;animation-fill-mode:both}@keyframes img-pre_show{0%{background:transparent}to{background:rgba(0,0,0,var(--container-opacity))}}@keyframes img-pre_hide{0%{background:rgba(0,0,0,var(--container-opacity))}to{background:transparent}}@keyframes img-pre_header-show{0%{opacity:0}to{opacity:1}}@keyframes img-pre_header-hide{0%{opacity:1}to{opacity:0}}@keyframes img-pre_slide-left-hide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-90%)}}@keyframes img-pre_slide-left-show{0%{opacity:0;transform:translate(90%)}to{opacity:1;transform:translate(0)}}@keyframes img-pre_slide-right-hide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(90%)}}@keyframes img-pre_slide-right-show{0%{opacity:0;transform:translate(-90%)}to{opacity:1;transform:translate(0)}}