.ys_container {
  position: fixed;
  display: block;
  top: 0;
  bottom: 0; }

.show-img-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  padding: 0.12rem; }
  .show-img-layer .show-box {
    height: 100%;
    width: 100%; }
    .show-img-layer .show-box .img-show {
      height: 100%;
      width: 100%; }
      .show-img-layer .show-box .img-show .swiper-slide img {
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        /*transform: translateX(-50%);*/ }
  .show-img-layer .close-box {
    width: .20rem;
    height: .20rem;
    background: url(../../images/close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .20rem;
    right: .20rem;
    cursor: pointer;
    z-index: 100; }