@keyframes pop_scale {
  from {
    transform: scale(0.5);
    opacity: 0;
  }

  to {
    transform: scale(1.0);
    opacity: 1;
  }
}



.swiper-button-next, .swiper-button-prev {

    color: #000!important;
}



  #divpop_box .bottom {
    text-align: center;
    font-size: 16px;
    background: #393939;
  }

  #divpop_box .bottom form {
    height: 40px;
    line-height: 40px;
    color: #fff;
  }

  #divpop_box .bottom form a {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    margin-left: 10px;
  }

  #divpop_box .bottom form a:hover {
    color: #ffee00;
  }

  #divpop_box {
    position: absolute;
    text-align: left;
    top: 120px;
    z-index: 9999;
    
    left: 10%;
    box-sizing: border-box;
    display:inline-block;
	overflow:hidden;
	
    animation: pop_scale 0.5s forwards;


  }



	.swiper {
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    .swiper {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      width:400px;
    }

    .mySwiper {
      height: 20%;
      width:400px;
      box-sizing: border-box;
      padding: 10px!important;
	  box-sizing:border-box;
	background:#000;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }