.mycol {
  padding: 0;
}

.photo-home img {
  padding: 0 0 20px 0;
}

.photo-menu {
  padding: 10px;
}

/* .photo-menu a {
  display: block;
  cursor: pointer;
  border: 1px solid #cad3e2;
  text-align: center;
  color: #000000;
  background: #f0f5ff;
  text-decoration: none;
  padding: 0.5rem;
  margin: 0.3rem;
} */

/* .photo-menu a:hover {
  text-decoration: none;
  background: #9dbfff;
} */

#picBox {
  text-align: center;
  line-height: 1.3em;
  padding: 20px 0 0 0;
  min-height: 300px;
}

#picBox ul {
  margin: 0 0 10px 0;
  padding: 8px;
  list-style-type: none;
}

#picBox li {
  margin: 0;
  padding: 0;
}

#picBox .li1 {
  font-size: 1em;
  line-height: 1.3em;
  padding: 5px;
}

#picBox .li1 a {
  text-decoration: none;
  color: var(--bs-gray);
}

#picBox .li2 {
  width: 100%;
  height: 240px;
}

#picBox .li2 a {
  display: block;
  width: 100%;
  height: 100%;
}

#photo-title {
  padding: 20px;
}

#photo-big-title {
  font-weight: 500;
  font-size: 2rem;
  line-height: 2rem;
  color: #00479d;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#photo-detail {
  padding: 10px;
}

.photo-img {
  padding: 15px 15px 0 0;
  border: 1px solid #ffffff;
}

.photo-img:hover {
  border: 1px solid #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(127, 45, 0, 0.35) !important;
}

.photo-img img {
  padding: 3px;
  background: #ffffff;
  border: 1px solid #b6b6b6;
}

.photo-img {
  height: 156px;
}

.myphotosize {
  width: 100%;
  height: 200px;
}
/* 小火箭css */
#gotop1 {
  width: 70px;
  position: fixed;
  bottom: 20px;
  cursor: pointer;
  z-index: 9;
  right: 5.5rem;
}
/* 小火箭悬停.5特效 */
#gotop1:hover {
  animation: rubberBand 1s;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
/* end 小火箭 */
@media (max-width: 1199px) {
  .photo-img {
    height: 113px;
  }
}

@media (max-width: 991px) {
  .photo-img {
    height: 156px;
  }
}

@media (max-width: 767px) {
  #picBox .li1 {
    font-size: 0.8em;
    line-height: 1.3em;
  }
  .photo-img {
    height: 213px;
  }
  #photo-big-title {
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.5em;
  }
  /* 小火箭css */
  #gotop1 {
    width: 50px;
    right: 4.5rem;
  }
  .photo-menu a {
    padding: 0.2rem 0.3rem;
    font-size: 0.9rem;
  }
}

.photo-img a {
  display: block;
  width: 100%;
  height: 100%;
}

html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}