.photoPreviewModule[data-v-566c179b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 16, 28, .9);
    z-index: 1001;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.photoPreview-container[data-v-566c179b] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: .92rem 1.76rem
}

.photoPreview-close-btn[data-v-566c179b] {
    position: absolute;
    width: .48rem;
    height: .48rem;
    right: -.68rem;
    top: -.12rem;
    border: 0;
    /*background: url(/img/bottom_icon_close_48.b796d62.png) 50% 50%/100% 100% no-repeat*/
}

.photoPreview-close-btn[data-v-566c179b]:hover {
    opacity: .8
}

.photoPreview-btn[data-v-566c179b] {
    position: absolute;
    width: .96rem;
    height: .96rem;
    margin-top: -.48rem;
    top: 50%;
    border: 0
}

.photoPreview-btn[data-v-566c179b]:hover {
    opacity: .8
}

/*    .photoPreview-btn-left[data-v-566c179b] {
        left: .4rem;
        background: url(/img/btn_left_96.49031fb.png) 50% 50%/100% 100% no-repeat
    }

    .photoPreview-btn-right[data-v-566c179b] {
        right: .4rem;
        background: url(/img/btn_right_96.f62552a.png) 50% 50%/100% 100% no-repeat
    }*/

.photoPreview-main[data-v-566c179b] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.first-load[data-v-566c179b] {
    top: 0 !important
}

.photoPreview-box[data-v-566c179b] {
    margin: 0 auto;
    padding: .16rem;
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    transition: all .6s
}

.photoPreview-panorama[data-v-566c179b] {
    width: 100%;
    height: 100%;
    top: 0;
    transition: all 0s
}

.outerFrame-icon[data-v-566c179b] {
    display: block;
    width: .44rem;
    height: .44rem;
    position: absolute;
    z-index: 2
}

.outerFrame-icon-topLeft[data-v-566c179b] {
    top: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAAEgvhuhAAAAAXNSR0IArs4c6QAAA2pJREFUaAXtWT1oFEEUfm8vBjnEEAgIaSSVpJNUFmkETdBGY6GXOxQsNSDsXRJ/QDhtTCC5FArWSnbvuC5oIyRYamORNoVFOkkThBQhlxvf7OZ29mcm2TlvL7eQhXBvvnnvm2/fvp2fDYL/Mi3mbwLM1keCAG+V7BdREMCAJnsn75ChhBkKHNDriCjiPfFBj6fzRvlLVi4kPNRcbSKeIw+U3lqYUbSVGRQuQSv5APHsWiPHvifuWLSetOLUv45j7ZraodXDHV/Zl1pN9S93LH/vUzuIHoPKswnl6w0BqS3KNzbV3cEeAxgcBiF1y5Wh7g/0aDIDi605MMxJjWht+CPq9Qz8OIiVVn+YY68UUE5esodoXtpxnDKZu7CUW4sExwCC5HO1MWgc/nLiMHMFKrmtGBxKF5e8aD2i5//J8coMXYClyT1lhFYHr23+l8B1NJ1g7KrV0eCSY/xXQp88oUJvzbIJpgVoDkrgcpVrTEM6GoIvkSzStGkHwaTbC5m7hyG8OZ7ctD6T80MvIK5BxFAplNXkpvWNuCZommewkm89+Lj0jp+c3LT4/DJGxPtEfF6L0eccXdKK1m+aZ0bIZ5eIB32+2mbwdov2zhHxNqwU/ouYKxHkprUHjA0B4iYRX9aWKQlwyU2brzZZWtA3oJK/KvFrCzLc6ZZlSPEqlc+NtlgUQUdpwQVSrF/PClIBJ7RQ8AHEAxXDdcw6I5em8iwtZ2mRZkAKJlwtCPoru1RnFJSvoVE/OcIYwmz1Ax0UnsodEkBP3FkcN2a53g9/GzVaFacCbga+hOX8QgBLqKGX8ef1AThofCXB454eRL76PqZ1bNXDumDEEz5fHYYDtk670VFPEwKdyIw7UJne8LAuGscLn6+NQqO5ThkeFprwD6AxSefTTYF135ILL9njtF3kJTHgSULcgnN9N2Hx/raHnaIRFF6q3aPzYpUE93uaEH7CxewtKE/telgPGK7wYnWGxL6nGvbfyBqMDD6AZ7f3e0BnRAJGvlSg8RGWczO0lU7kC0ZEQZuA75zlOwlWptuk616YWPOR9XSGwykRwjU+sYZJTqMthLO0ZrzHX8bwU/VlnJacFF1COP+fQ4ouITy9NZ7WUmG9vVKGq1iUSkJf48MDdqothKd2OgR426lsdIenaL3uzkCdHeUfl4TgI92vROYAAAAASUVORK5CYII=) 50% 50%/100% 100% no-repeat
}

.outerFrame-icon-topRight[data-v-566c179b] {
    top: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAAEgvhuhAAAAAXNSR0IArs4c6QAAAzZJREFUaAXtWD1MFEEU/ubYCzEkaEO0orCgtaDBWmOFobvccUZrEi12wQiF8WLjHxyJCbQmkl1PC9FGQzSxIbGS2BEtJDZUJOSMEgPsjW9/Hre32Tu5vV24iW5x+963s9/75t3Mm5kVMMwSJO6Ar/miYLPxrpvbjUDQM6yloNuhLaCbss4h7mN+fKbuBy3D/BZ0G21iyTQida/9B/V3oyzdqpHqlahHrTHD+kwv/mrdKOppq95FtXewpr1O5gWB6dB/F+JtOrpC7Vy3YRBENQhjXfhCWOI/7XuVJVxxDp+SJcwXrzZr3qRsNWsewnXrNyB7CV2jIMOhp+iMnNl08zuZgxBiC+XxAYaTIWc2w3xPBf0CIGwqm1qy5BxEt+5RuqbZTf4ep7i1o6LtQvifvJ0MRLZtvTREvuKDh1g2vHHe9grgBzif1ZDL2c00xJtEhjlBM3HRJT3Z34fS5Z2oAPHIHaapyhhs+5VLmhEDmBvfCgeIT+4wGZURSPujS9qTPYvZ3EYwQGfkXoAhCvDFJdV6hvEov8YBOp+h5fxXnBBnXMJ9+xNuVi4xeefKmWlqpQ/21k/XFbiGcvFpcuQOa+mDhurmnhsgI2aSJXdZ6cefN53nnAmDd4Ga46ZDLoV7UkiHXND8TU05Uk1LmsqFTDMtaf6hkMoOxTRzLtMcLf44dyZSOhcVL68qxj9ZxBOWEYuYLVyn/bw7H+KQpFPOo5RMWtOoSdq2By4hltGv5VHK7QbQQ5lHJ5zlGNYVMp9ASo0hyvwqstooHuSqB9hfjKMXzoKMZ3Qqq72mudbHEJ3S1pEVF/GwsFnHoq3jE856jMo5KqD0jUueZoj+gU1oGepAfv0ACxnHL5wF3XoxiL39dzSEhhiiDlTpeD9Km+fVA8w3ukc4Kystn8KPnbc0hEYYog7sQmQKmMu/ZKz7hLOyx296sbH9nNwxhmgOSOrEDZQLC90rnNVKWmsmKws0DyYYcu7dLzyo1vlYDW/RTGfjHAyWpO3vPB1KtYRDuBtP9YRLb9+pnvDApkytoeJvxhXMuHegVU+4umPcO7cpmPH6iUmtyel/QFAv48qWQ+Cuk211L8O8/Qcmu9z6h+V8SwAAAABJRU5ErkJggg==) 50% 50%/100% 100% no-repeat
}

.outerFrame-icon-bottomLeft[data-v-566c179b] {
    bottom: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAAEgvhuhAAAAAXNSR0IArs4c6QAAA2RJREFUaAXtWT1oFEEUfnPHRQliFNKIhaSSdJLaRsQEK41FjDkVrFPtnFEb4bRQE+QCItppoTsXAipBEAKmSmFK0yikDCjaJUKKkNyOb2Yzzg37c7uT29yd3BY7M9/M+/abt292fhaAuvch5MoBh4chOOTCQIFFVvgG1P0SZQlA2U50ZVY1lG1HU1O2HKx0XB4Eo5EGHgkaWhrQ6osgVyOEsh/gsF+NmpFAA+o+x9iYDOACIPAgFI8GHXczutKsySF93oSiS+hKktidomEa5kaxrmWJYZSGmQf9rclCcikjEqDZBkG9sU8QlZTRkJ7sG/LfNk8dgYkevBdKPHFIJWLda7RHShIHigV5lspTDMv0ynnywZaG3I9bh3kAcswtwGzxchqCuLbmoKBsAzjvA0LWoDJxOs4wSZ1Jriwc9g17MoifyC2oFI8oOG0aTq5YHPcdZq/I4mwxvq2yObg09sOzPxmZDHslqUuuPGGkXbcY7lCFrluUJ4y0090iPl487erP8EBoAd1C/KU6xanu2adDoa0sQX8CcKqjAN57ydHXexzKoxuWfIaZnl1K7Cx4fFnW9hROwfTYutHSoqDJhfGduUHYqeH8iRfJn4HK+KrMW97MUJwZ/w6F3EnJxWtfgVbPW/JKM5NcQDPXfkJP4Zis5d5nXF5fl3mLW5BckEyPbUJfwY8czt9Aid2z4MaVSdwlYl+EqM0llyJyZ+HetbFvpY3vcg5PcGeWeCfcSsHq2TpWSINXqyzaJNXCOYmPyTYRrGRo4ZDNbk49qNmpFk461+MdGirdGG92NIfz/Qcxzjv1O06av24Of8nNQXWoZHS21RyZQRYtXNQ57HGwSXsiRK5ZPW4KJuQtHD1xC8rndttTtvifoq5S9QZugl7jGZ8+JSawBLn+S/B0ZEs1a5dUC1eKpuaGYbf2AYu9CsIT0VU4DCPwaOL3P6zFmaBwJWhqbghq3iLu0vsVhOk67hgv4I5xrQ5rSTZauJJze34AvJ0l/CM1oCBMN7ADF7EDK3XYgWYbC1dySqwfx8AiFocUhENkG/K5q/B0fEFjB5NLLlzpKX/shc0/YgwMKwg7gPMun8RD+5cayzaXXrjSMz+fh5XdVzgGbioo81T8U64Uy+I59sLrVcqJi1udYdTTJM5jB/4CSPbC7412gc0AAAAASUVORK5CYII=) 50% 50%/100% 100% no-repeat
}

.outerFrame-icon-bottomRight[data-v-566c179b] {
    bottom: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAAEgvhuhAAAAAXNSR0IArs4c6QAAAyZJREFUaAXtmT1s00AUx9+5iTJUatg6VOpYCZauWTpl6ISqMkRt6AIbgiVHRSgSIhsVkCAhlRUJZDd04GMBtSCxVGKr2BBTxFIYIqEiVFWpkuPd2b4Yx3ZcO0diKR3q53fv/vfru/N9FWBYPyWd9Tbt6ewNc3mwluZyyVffAhkhjcrrc9KWBjXWpH0mIwjKT+gMsKZE+AqMEV4l5de09NP6PLD2FyCEVyBmhaB+qa2IQCkwNtRnAPtDdGfflkTHaZf6xgEPvFU/Hy6wvJO1A4moab+5n7WihgPJ40N3B8Z9R/zw30KExsbinklLblrCfT6ef7SH88m7DDR+nZgl5PpgxMs7s9A6/S5ENbIA1eI+t+OJ0+08sM5HIZrWZuDB6qGwrV/RxG8at6HD7guNbDoDlULLKarepvrdaOT90KhBgbGqmnHO2D3evhpxIEJXjTgxlx814swc4mrEzW2NopwzU1cRucq0WNtDReRiK6ko52Au/GrImVpyMWcNnpxuP7XntcHOiiX9DQov4RrE4HFRG5w41T8DgxzuFVtQK2Y4/WDEqfEN5+85FD5CYXm+iy9eMn4CsGkUPkThGTvf/BmvQ6n+RwgD+eoWjidOjVPM8SQS72PnXXAS23Y0cn50YIwfFF8h8YIt5n4SoHoFCcSa5y4MfCewBbXLN4Ji4ndokLqKMqqXMRmbyQIv6UeYiymej2hjRUUmw2iS7nySLHBrBUpexq11OXng1g4xeeDQvRMaj/Ewk0L8mO6lU7Iyntgxbp0Nk/dxWifm5IFbZ9pkgZcM8zLK+sJHe5NV+ZSC3z+e4R763381aWRjNMHXdyeh03yL29e8lWB8kDZo5ApUV19w32iB3zGm4QR2McPzXWA4htTEMjxc2XP4RgSc1ufwn3AfEGxWwhHShAltEYEPpM9hDDfjtJ5D4PfII8/YmMoGaOk8PCo0HJw95nDA1+tL0O68xKO2uG2wqA5wDC/iRXuzh9LD8X/BqX4NN3hbCOxsdw+yU8tQuXjswefr6gpEPZH7SvcpIOQ55FJXoVBo94n0LI5+heApF8ZJNvGyZCNMZFDMXxHxxGXW0UsAAAAAAElFTkSuQmCC) 50% 50%/100% 100% no-repeat
}

.outerFrame-line[data-v-566c179b] {
    position: absolute;
    z-index: 1
}

.outerFrame-line-top[data-v-566c179b] {
    top: 0
}

.outerFrame-line-bottom[data-v-566c179b], .outerFrame-line-top[data-v-566c179b] {
    left: .4rem;
    width: calc(100% - .8rem);
    height: 2px;
    background: linear-gradient(90deg, rgba(0, 153, 221, .1) 0, rgba(0, 153, 221, .7) 51%, rgba(0, 153, 221, .1))
}

.outerFrame-line-bottom[data-v-566c179b] {
    bottom: 0
}

.outerFrame-line-left[data-v-566c179b] {
    left: 0
}

.outerFrame-line-left[data-v-566c179b], .outerFrame-line-right[data-v-566c179b] {
    top: .4rem;
    width: 2px;
    height: calc(100% - .8rem);
    background: linear-gradient(180deg, rgba(0, 153, 221, .1) 0, rgba(0, 153, 221, .7) 51%, rgba(0, 153, 221, .1))
}

.outerFrame-line-right[data-v-566c179b] {
    right: 0
}

.photoPreview-content[data-v-566c179b] {
    position: relative;
    z-index: 2;
    background: #002242;
    width: 100%;
    height: 100%
}

.photoPreview-content img[data-v-566c179b] {
    display: block;
    width: 100%;
    height: 100%
}

.photoPreview-closure[data-v-566c179b] {
    top: 100%;
    opacity: 0;
    transition: all .6s
}