/* 移动端样式兼容 */
/* ==========头部导航栏================ */
.nav {
  box-sizing: border-box;
  padding: 0 10px;
  height: 44px;
  position: sticky;
  top: 0;
}

#logo img {
  height: 20px;
  margin-right: 60px;
  display: block;
}
.nav .icon {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.nav .menu {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 44px;
  background: rgba(22, 23, 26, 1);
  left: 0;
  transform: translateX(100%);
  padding-bottom: 88px;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: auto;

}
.nav .menu li {
  position: relative;
}
.nav .menu a::after {
  content: '';
  display: block;
  width: 200%;
  transform: translateX(-50%) scaleY(0.5);
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
.nav .menu li a {
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  position: relative;
}

.nav .menu li.current-menu-item > a {
  color: #015ece;
}
.nav .menu li > ul {
  display: block;
}
.nav .menu li .sub-menu  {
  padding-left: 20px;
}
#footer .content>ul:nth-of-type(1) {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
#footer .content>ul:nth-of-type(1) li {
  margin-bottom: 10px;
}
#footer .content>ul:nth-of-type(1) a {
  font-size: 16px;
}

/* ==============end 头部导航==================== */


@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.nav .menu.bounceInRight {
  -webkit-animation: bounceInRight 0.3s 1 forwards;
  animation: bounceInRight 0.3s 1 forwards;
}


@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.nav .menu.bounceOutRight {
  -webkit-animation: bounceOutRight 0.3s 1 forwards;
  animation: bounceOutRight 0.3s 1 forwards;
}

.m-center {
  text-align: center;
  margin: 0 auto;
}