.zsc-wrap {background: #fff;border: 1px solid #ccc;border-radius: 4px;display: none;overflow: scroll;opacity: 0;padding: 20px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1200px;max-height: 80vh;z-index: 999999999;}.zsc-wrap.active {display: block;}.zsc-wrap + .mask {background: rgba(0, 0, 0, 0.5);display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}@media (max-width: 768px) {.zsc-wrap {padding: 10px;width: 100%;max-width: 100vh;}}.zsc-wrap.active {display: block;opacity: 1;transition: .3s ease 0s;}.zsc-wrap.active + .mask {display: block;}.zsc-wrap img {max-height: 100%;margin-bottom: 20px;}@media (max-width: 768px) {.zsc-wrap img {margin-bottom: 10px;}}.s-nav span {display: inline-block;border-radius: 6px;border: 1px solid #ccc;color: #ccc;cursor: pointer;padding: 0 30px;height: 35px;line-height: 35px;margin-right: 30px;}.s-nav span.active {color: #222;border-color: #222;}.s-img img {display: none;}.s-img .active {display: block;margin: 10px auto;}.s-open {cursor: pointer;}.db {display: block;}.s-nav {margin-bottom: 20px;}.s-close {background: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;display: block;font-size: 30px;padding: 5px;position: fixed;top: 15px;right: 15px;height: 35px;line-height: 23px;width: 35px;text-align: center;}.s-open {cursor: pointer;font-size: 16px;font-weight: 400;color: #4d9d45;text-decoration: underline;margin-bottom: 20px;}@media(max-width: 736px) {.zsc-wrap.active {height: 100%;max-height: 100%;}.s-nav span {margin-top: 5px;}}