.traval-container {
  width: 100%;
  background: #d8d8d8;
}

.traval-container .banner {
  overflow: auto;
  height: 100%;
}

.traval-container .banner .card ul {
  width: 100%;
}

.traval-container .banner .card ul>li {
  position: relative;
  width: 100%;
  height: 100%;
}

.traval-container .banner .card ul>li .travel-desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffff;
  text-align: center;
  opacity: 0.6;
  white-space: nowrap;
}

.traval-container .banner .card ul>li .travel-desc .slogen-cn {
  line-height: 0.914rem;
  font-size: 0.65rem;
}

.traval-container .banner .card ul>li .travel-desc .slogen-en {
  line-height: 0.6rem;
  font-size: 0.429rem;
}

.traval-container .banner .card ul>li .links {
  width: 64.28%;
  height: 1.83rem;
  position: absolute;
  bottom: 1.28rem;
  left: 50%;
  transform: translateX(-50%);
}

.traval-container .banner .card ul>li .links ul {
  height: 100%;
}

.traval-container .banner .card ul>li .links li {
  width: 21%;
  margin-right: 1.187rem;
}

.traval-container .banner .card ul>li .links li:last-child {
  margin-right: 0;
}

.traval-container .banner .card ul>li .links .links-list {
  position: relative;
}

.traval-container .banner .card ul>li .links .links-list a {
  width: 100%;
  height: 100%;
}

.traval-container .banner .card ul>li .links .links-list div {
  width: 3.828rem;
  height: 4.714rem;
  position: absolute;
  top: -3.714rem;
  left: -1.25rem;
  opacity: 0;
}

.traval-container .banner .card ul>li .links .links-list div img {
  width: 3.828rem;
  height: 4.714rem;
}

.traval-container .banner .card ul>li .links .links-list>img {
  position: relative;
  z-index: 2;
}

.traval-container .banner .card ul>li .links .links-list>img:hover+div {
  opacity: 1;
  top: -4.714rem;
  transition: all 0.2s ease-in-out;
}

.traval-container .banner .card ul .hlzc-links {
  width: 4rem !important;
}

.traval-container .banner .card ul .hlzc-links ul {
  height: 100%;
}

.traval-container .banner .card ul .hlzc-links ul li {
  width: 1.36rem !important;
}