html,
body {
  width: 100%;
  font-family: "PingFangSC-Regular", "sans-serif", "Microsoft Yahei";
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -webkit-user-select: none;
  /* Chrome,Safari,and Opera */
  -webkit-touch-callout: none;
  /* Disable Android and IOS callout */
  -webkit-overflow-scrolling: touch;
}

html,
body,
div,
p,
span,
ul,
ol,
li,
button,
input,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

img {
  display: block;
}

ul,
li {
  list-style: none;
}

a {
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@keyframes appearTitleRT {
  0% {
    opacity: 1;
    transform: translateY(10px);
  }

  100% {
    opacity: 0;
    transform: translateY(0px);
  }
}

@-webkit-keyframes appearTitleRT {
  0% {
    opacity: 1;
    -webkit-transform: translateY(10px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }
}

.rel {
  position: relative;
}

.rel {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
}

.rel .relDet {
  position: relative;
}

.rel .relDet a.actbtn {
  position: absolute;
  width: 3rem;
  height: 1rem;
  top: 0.4rem;
  right: 0.18rem;
}

.container {
  width: 100%;
  font-size: 0.3rem;
}

.container .top-nav {
  position: relative;
}

.container .top-nav img {
  width: 100%;
}

.container .top-nav .menuBtn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.02rem;
  height: 0.9rem;
  background: url('../../commons/img/menu.png') no-repeat;
  background-size: 100% 100%;
}

.container .top-nav .turnHome {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3.1rem;
  height: 0.9rem;
}

.menuOutCon {
  position: absolute;
  top: 0.85rem;
  right: 0.2rem;
  width: 2rem;
  border: 1px solid #edf0f4;
  z-index: 9;
  border-radius: 0.05rem;
  background: #ffffff;
  display: none;
}

.menuOutCon .menuInsideCon {
  position: relative;
}

.menuOutCon .menuInsideCon .arrowUpWhite {
  width: 0.29rem;
  position: absolute;
  top: -0.14rem;
  right: 0.15rem;
}

.menuOutCon .menuInsideCon .menu {
  padding: 0 0.25rem;
}

.menuOutCon .menuInsideCon .menu li {
  width: 100%;
  height: 0.82rem;
  border-bottom: 1px solid #e6eaef;
}

.menuOutCon .menuInsideCon .menu li a {
  display: block;
  line-height: 0.82rem;
  text-align: center;
  color: #333333;
  font-size: 0.24rem;
}

.menuOutCon .menuInsideCon .menu li:last-child {
  border-bottom: none;
}

.copyright {
  width: 100%;
  padding-bottom: 1.6rem;
}