.select {
  width: 100%;
  height: 5.21875rem;
  background: url("../image/bottomBanner.png") no-repeat;
  background-size: 100% 100%;
  margin-bottom: 2.53125rem;
}

.select-p1 {
  padding-top: 1.09375rem;
  font-size: 0.671875rem;
  color: #fff;
  text-align: center;
}

.select-p2 {
  font-size: 0.671875rem;
  color: #fff;
  text-align: center;
}

.select-div {
  width: 6.09375rem;
  height: 0.9375rem;
  margin: 0.3125rem auto;
}

.select-signUp {
  width: 2.8125rem;
  height: 0.9375rem;
  border-radius: 0.09375rem;
  color: #fff;
  background: #fcb733;
  line-height: 0.9375rem;
  font-size: 0.375rem;
  text-align: center;
  float: left;
  margin-left: 0.4375rem;
}

.select-login {
  width: 2.8125rem;
  height: 0.9375rem;
  border-radius: 0.09375rem;
  color: #fff;
  background: #00c0fa;
  line-height: 0.9375rem;
  font-size: 0.375rem;
  text-align: center;
  float: left;
}

.nar_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu {
  background: #202124;
  color: #fff;
  font-size: 0.46875rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
}

.menu header {
  font-size: 0.46875rem;
  height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  padding-left: 0.375rem;
}

.menu header img {
  vertical-align: middle;
  margin-right: 0.375rem;
}

.menu header a {
  color: #9e9e9e;
  text-decoration: none;
}

.menu header a.menu_close img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-right: 0.5625rem;
}

.menu section ul {
  display: none;
  padding-left: 0.375rem;
  padding-right: 0.5625rem;
  text-align: center;
}

.menu section ul li {
  width: 33.33%;
  float: left;
  height: 1.328125rem;
  line-height: 1.328125rem;
}

.menu section ul li a {
  color: #fff;
  text-decoration: none;
}

.menu section ul li:active {
  color: #9e9e9e;
}

.menu section ul:after {
  content: '';
  display: block;
  clear: both;
}

.menu section h1 {
  height: 1.40625rem;
  line-height: 1.40625rem;
  background: #16171a;
  padding-left: 0.375rem;
  position: relative;
}

.menu section h1 i {
  width: 0.5rem;
  height: 0.359375rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(-90deg);
  -ms-transform: translate(0, -50%) rotate(-90deg);
  transform: translate(0, -50%) rotate(-90deg);
  background: url("../image/menu_down.png") no-repeat;
  margin-right: 0.5625rem;
}

.menu section h1 a {
  color: #fff;
  text-decoration: none;
}

.menu section .list div {
  margin: 0.015625rem 0;
}

.menu section .list div a {
  display: block;
  width: 100%;
  height: 100%;
}

.menu section .list div a:active {
  color: #a2a2a2;
}

.menu section .list div a .nav-img {
  position: relative;
  top: calc(50% - 0.46875rem);
  display: inline-block;
  width: 0.96875rem;
  height: 0.625rem;
  margin-right: 0.34375rem;
  background: #fff;
}

.menu section .list div a .img1 {
  width: 0.9375rem;
  height: 0.625rem;
  background: url(../image/nav/default1.png) center no-repeat;
  background-size: 100% 100%;
}

.menu section .list div a .img2 {
  width: 0.9375rem;
  height: 0.625rem;
  background: url(../image/nav/default2.png) center no-repeat;
  background-size: 100% 100%;
}

.menu section .list div a .img3 {
  width: 0.9375rem;
  height: 0.625rem;
  background: url(../image/nav/default3.png) center no-repeat;
  background-size: 100% 100%;
}

.menu section .list div a .img4 {
  width: 0.9375rem;
  height: 0.9375rem;
  background: url(../image/nav/default4.png) center no-repeat;
  background-size: 100% 100%;
}

.menu section .list div:nth-child(2) li {
  color: #9e9e9e;
}

.menu section .list div:nth-child(4) li {
  color: #9e9e9e;
}

.menu footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1.40625rem;
  line-height: 1.40625rem;
  background: #16171a;
  border-top: 0.03125rem solid #2b2b2e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.menu footer li {
  list-style: none;
  width: 33.33%;
  text-align: center;
}

.menu footer li a {
  color: #fff;
  text-decoration: none;
}

section i {
  background-size: contain !important;
}

footer li:not(:last-child) {
  border-right: 0.03125rem solid #2b2b2e;
}

.cloud_head {
  width: 100%;
  height: 7.5rem;
  background: url(../image/cloud/cloud_banner.png);
  background-size: 100% 100%;
}

.cloud_head .cloud_head_title {
  padding-top: 4.28125rem;
  font-size: 0.75rem;
  color: #fff;
  margin-bottom: 0.25rem;
  line-height: 0.75rem;
  text-align: center;
}

.cloud_head .cloud_head_content {
  font-size: 0.375rem;
  line-height: 0.375rem;
  color: #fff;
  margin-bottom: 0.375rem;
  text-align: center;
}

.cloud_head .cloud_head_bottom {
  color: #fff;
  font-size: 0.4375rem;
  display: inline-block;
  width: 3.8125rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  border: 0.015625rem solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.046875rem;
  text-align: center;
}

.cloud_footer {
  height: 5.15625rem;
  width: 100%;
}

.cloud_footer .cloud_banner {
  width: 100%;
  height: 4.375rem;
  background: url(../image/cloud/cloud_footer.png);
  background-size: 100% 100%;
}

.cloud_footer .cloud_banner .cloud_footer_title {
  padding-top: 1.25rem;
  font-size: 0.5625rem;
  color: #333;
  margin-bottom: 0.40625rem;
  line-height: 0.75rem;
  text-align: center;
}

.cloud_footer .cloud_banner .cloud_footer_bottom {
  color: #fff;
  font-size: 0.375rem;
  display: inline-block;
  width: 3.546875rem;
  height: 0.78125rem;
  line-height: 0.78125rem;
  background: #3ac0ff;
  border-radius: 0.046875rem;
  text-align: center;
}

.cloud_footer .cloud_bottom {
  height: 0.78125rem;
  background: #0d0d0d;
  text-align: center;
  color: #888;
  line-height: 0.78125rem;
}

#cnzz_stat_icon_1268353413 {
  display: none;
}

.cloud_footer_bottom {
  margin-left: calc(50% - 1.773438rem);
}

.cloud_head_bottom {
  margin-left: calc(50% - 1.90625rem);
}

.public_lists {
  text-align: center;
}

.public_lists h3 {
  margin-top: 1.25rem;
  font-size: 0.65625rem;
  color: #333333;
  line-height: 0.65625rem;
  margin-bottom: 0.375rem;
}

.public_lists p {
  margin: 0 0.625rem;
  margin-bottom: 0.40625rem;
  font-size: 0.34375rem;
  color: #888888;
}

.public_lists img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.public_lists .two_img {
  width: 9.078125rem;
  height: 8.421875rem;
}

.public_lists .three_img {
  width: 7.40625rem;
  height: 8.421875rem;
}

.public_lists .four_img {
  width: 7.1875rem;
  height: 8.484375rem;
}

.public_lists .five_img {
  width: 10rem;
  height: 8.421875rem;
}

.public_lists .six_img {
  width: 7.078125rem;
  height: 8.421875rem;
}

.public_lists .seven_img {
  width: 8.359375rem;
  height: 8.5625rem;
}

.public_lists .backstage_one {
  width: 9.640625rem;
  height: 6.140625rem;
}

.public_lists .backstage_two {
  width: 9.546875rem;
  height: 6.734375rem;
}

.public_lists .backstage_three {
  width: 100%;
  height: 8.421875rem;
}

.public_lists .backstage_four {
  width: 100%;
  height: 6.953125rem;
}

.public_lists .backstage_five {
  width: 8.65625rem;
  height: 7.953125rem;
}

.public_lists .backstage_six {
  width: 9.90625rem;
  height: 6.015625rem;
}

.public_lists .backstage_seven {
  width: 9.125rem;
  height: 6.25rem;
}

.public_footer {
  height: 0.65625rem;
  border: 0.015625rem solid #eaeaea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-left: none;
  border-right: none;
}