.common-container {

  max-width: 1580px;

  width: 100%;

  margin: auto;

  padding: 0 30px;

}



a {

  text-decoration: none;

}



* {

  padding: 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  box-sizing: border-box;

  outline: none;

}







/* photo gallery 页面右侧内容 start */

.photo-gallery-container .resources-inside-page {

  padding: 80px 0 50px;

}





.photo-gallery-content {

  margin-top: -30px;

}



.photo-gallery-container .content-container {

  margin: 0 -15px;

}



.content-container .fenxian {

  position: relative;

  width: 100%;

  height: 2px;

  margin: 28px 0 60px;

  background-color: #f7f8fa;

}



.content-container .fenxian::before {

  position: absolute;

  top: 0;

  left: 0;

  content: '';

  width: 160px;

  height: 100%;

  background-color: #2452b6;

}



.photo-gallery-content ul {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  list-style: none;

  margin: 0;

}



.photo-gallery-content ul li {

  /* margin-right: 30px; */

  margin-bottom: 80px;

  /* flex: 0 0 calc(100% / 3 - 20px); */

  cursor: pointer;

}



.photo-gallery-content ul li .photo-gallery-item {

  width: 100%;

  height: 100%;

  border: 1px solid #e5e5e5;

}

.photo-gallery-item  img {
  margin-bottom:20px;
}



.photo-gallery-content ul li img {

  width: 100%;

  height: 100%;

}



.photo-gallery-content ul li:nth-child(3n) {

  /* margin-right: 0; */

}



@media (max-width: 1023px) {

  .photo-gallery-content ul li {

    /* flex: 0 0 calc(100% / 2 - 15px); */

  }



  .photo-gallery-content ul li:nth-child(3n) {

    /* margin-right: 30px; */

  }



  .photo-gallery-content ul li:nth-child(2n) {

    /* margin-right: 0; */

  }



}



@media (max-width: 767px) {

  .photo-gallery-content ul li {

    margin-right: 0;

    /* flex: 0 0 calc(100%); */

  }



  .photo-gallery-container .resources-inside-page {

    padding: 30px 0 10px;

  }



  .download-content .content-container .fenxian {

    margin: 30px 0;

  }

}



/* photo gallery页面右侧内容  end */