@charset "utf-8";
/*初始化样式*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul li {
  list-style: none;
  text-align: left;
}
button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0px solid transparent;
  outline: none;
}
a {
  text-decoration: none;
}
/*共用样式*/
html {
  font-family: 微软雅黑;
  color: #585858;
  background: #fff;
}
body {
  min-width: 320px;
  max-width: 750px;
  text-align: center;
  overflow: auto;
}
.hearder {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100vw;
  height: 9.33333333vw;
  line-height: 9.33333333vw;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
}
.hearder .logo {
  width: 39.2vw;
  height: 6.66666667vw;
  margin-top: 1.6vw;
}
.hearder .logo img {
  width: 100%;
  height: 100%;
}
.hearder .menu {
  width: 5.73333333vw;
  height: 4.66666667vw;
  margin-top: 0.8vw;
}
.hearder .menu img {
  width: 100%;
  height: 100%;
}
nav {
  z-index: 99;
}
nav ul {
  width: 70vw;
  position: fixed;
  background: white;
  height: 100%;
  right: -70vw;
  top: 19vw;
}
nav ul li a {
  display: block;
  line-height: 10vw;
  text-align: left;
  border-bottom: 1px solid #e4e4e4;
  color: black;
  text-decoration: none;
  padding-left: 4vw;
}
nav ul li a span {
  margin-left: 41vw;
}
nav ul li:last-child > p {
  border-radius: 5vw;
  background: #0094fe;
  height: 7.5vw;
  line-height: 7.5vw;
  width: 80%;
  margin: 10px auto;
  text-align: center;
  color: white;
  cursor: pointer;
}
nav ul li #countries {
  width: 70vw;
  height: 53vw;
  border-bottom: 1px solid #e4e4e4;
  padding-left: 2.2vw;
}
nav ul li #countries a {
  display: inline-block;
  border: 0.13333333vw solid #dcdcdc;
  margin-top: 3vw;
  font-size: 2.93333333vw;
  width: 15.33vw;
  height: 7vw;
  line-height: 7vw;
  text-align: center;
  padding: 0;
}
nav ul li #moshis {
  width: 70vw;
  height: 32vw;
  border-bottom: 1px solid #e4e4e4;
  padding-left: 2.2vw;
}
nav ul li #moshis a {
  display: inline-block;
  border: 0.13333333vw solid #dcdcdc;
  margin-top: 3vw;
  font-size: 2.93333333vw;
  width: 28.33vw;
  height: 7vw;
  line-height: 7vw;
  text-align: center;
  padding: 0;
  margin-left: 3vw;
}
.nav {
  position: fixed;
  top: 9.33333333vw;
  width: 100vw;
  height: 9.33333333vw;
  line-height: 9.33333333vw;
  background-color: #0977d6;
  font-size: 3.46666667vw;
  z-index: 999;
}
.nav a {
  color: #ffffff;
  padding: 0 2.4vw;
}
.banquan {
  width: 100vw;
  height: 12.13333333vw;
  background-color: #e5e5e5;
  padding-top: 5.06666667vw;
  padding-bottom: 27.33vw;
  color: #555555;
}
.banquan p {
  font-size: 3.2vw;
  text-align: center;
  margin: 0 auto;
}
.tabbar {
  background-image: linear-gradient(#148dfe, #7d48f8);
  position: fixed;
  bottom: 0px;
  height: 15vw;
  width: 100vw;
  z-index: 99;
  display: block;
  border-top: 2px solid #ffffff;
  padding-top: 1vw;
}
.tabbar ul {
  width: 100vw;
  display: flex;
  justify-content: space-around;
}
.tabbar ul li {
  text-align: center;
}
.tabbar ul li a .zixun {
  width: 20vw;
  position: fixed;
  bottom: 1.2vw;
  display: block;
  left: 40.2vw;
}
.tabbar ul li a img {
  width: 7vw;
}
.tabbar ul li a p {
  color: #ffffff;
  font-size: 3.2vw;
}