@charset "utf-8";
  .pt1{
    position: absolute;
    width: 22px;
    height: 29px;
    left: calc(50% - 22px/2);
    top: 902px;
    border: 2px solid #F8FAFE;
    box-sizing: border-box;
    border-radius: 30px;
  }
  .gr{
    position: absolute;
    width: 32px;
    height: 32px;
    top: 95px;  
  }
  /* 这个距离顶端的长度是相对于这个背景图像而言 */
  .sp{
    position: absolute;
    width: 260.88px;
    height: 500px;
    left: calc(50% - 300.88px/2 - 362.56px);
  }
 .sp2{
    position: absolute;
    width: 243px;
    height: 420px;
    left: calc(50% - 300.88px/2 - 243px);
 }
 .pt2{
  position: absolute;
  width: 640px;
  height: 360px;
  left: calc(50% - 640px/2 - 320px);
}
 #sp1-1{
  position: absolute;
  width: 220px;
  height: 395px;
  left: calc(50% - 198px/2 - 240px);
  top: 259px;
  filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.18));
 }
 #sp1-2{
  position: absolute;
  width: 382px;
  height: 293px;
  left: calc(50% - 382px/2 + 311px);
  top: 340px;

 }
 #sp1-3{
  position: absolute;
  width: 0px;
  height: 523px;
  left: calc(50% - 0px/2 );
  top: 271px;
  border: 1px solid #D0D0D0;
  background: #9999;
 }

 #sp2-1{
  position: absolute;
  width: 100%;
  height: 974px;
 }
 #sp2-2{
  position: absolute;
  width: 100%;
  height: 974px;
 }
#image-gr{
  position: absolute;
  width: 22px;
  height: 29px;
  left: calc(50% - 22px/2);
  bottom: 49px;
}
.pt-box{
  position: absolute;
  width: 22px;
  height: 29px;
  left: calc(50% - 22px/2);
  bottom: 49px;
}

.gallery-item-image {
  position: absolute;
  bottom: 0px;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  /* 适应各种浏览器 */
  /* Firefox 4 */
  -webkit-transition: all .5s ease;
  /* Safari and Chrome */
  -o-transition: all .5s ease;
  /* Opera */
}