html,
body,
h1,
h2,
h3,
h4,
h6,
h5,
ul,
li,
figcaption,
figure,
article,
p,
input,
form,
img,
dd,
dt,
dl,
a {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
html,
body {
  width: 100%;
  height: 100%;
}

#website_container {
  background-color: #200935;
  color: #fff;
}
.mobile_img_wrappers {
  width: 100%;
  height: auto;
  display: block;
}

.page_name {
  position: absolute;
  width: 100%;
  height: 30px;
  opacity: 0;
  pointer-events: none;
}
.nav_wrapper {
  width: 100%;
  height: 135px;
  display: flex;
  justify-content: space-between;
  background-image: url("../img/pc_top_nav_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.nav_wrapper .left_log {
  position: relative;
  width: 360px;
}

.nav_wrapper .left_log .logo_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 201px;
  height: 68px;
}
.nav_wrapper .right_nav {
  font-size: 48px;

  line-height: 135px;
}

.nav_wrapper .right_nav .nav_ul {
  display: flex;
}

.right_nav .nav_ul .nav_li {
  text-align: center;
  padding: 0 20px;
  font-weight: bold;
  cursor: pointer;
}

.container {
  background-image: url("../img/container_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1000px;
}

.container .cotent_wrapper {
  width: 1356px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.container .down_block {
  margin-top: 50px;
  background-color: #200935;
  display: flex;
  justify-content: center;
}

.container .down_block .down_item_a {
  width: 300px;
  height: 94px;
  margin-right: 10px;
  background-image: url("../img/down_android.png");
  background-size: 100% auto;
  cursor: pointer;
}
.container .down_block .down_item_b {
  width: 300px;
  height: 94px;
  background-image: url("../img/down_ios.png");
  background-size: 100% auto;
  cursor: pointer;
}

.mobile_down_wrappers {
  background-color: #200935;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.mobile_down_wrappers .down_item_a {
  width: 170px;
  height: 54px;
  background-image: url("../img/down_android.png");
  background-size: 100% auto;
  cursor: pointer;
  margin-bottom: 10px;
}
.mobile_down_wrappers .down_item_b {
  width: 170px;
  height: 54px;
  background-image: url("../img/down_ios.png");
  background-size: 100% auto;
  cursor: pointer;
}

.cotent_wrapper .block {
  margin-top: 80px;
}

.cotent_wrapper .block .block_title_us {
  height: 100px;
  background-image: url("../img/us_title.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
}

.cotent_wrapper .block .block_text {
  margin-top: 56px;
  background-image: url("../img/block_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 58px;
  font-size: 32px;
}

.cotent_wrapper .block .block_title_ct {
  color: transparent;
  height: 100px;
  background-image: url("../img/ct_title.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.link_line {
  color: #fff;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link_line a {
  color: #50abff;
  text-decoration: underline;
}
.gonganicon {
  width: 16px;
  height: auto;
  margin-right: 10px;
}

#wx_mask_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;

  background-color: rgba(0, 0, 0, 0.6);

  background-image: url("../img//winxin_lock_mask.png");
  background-size: 120px auto;
  background-position: right top;
  background-repeat: no-repeat;
  color: #fff;
  display: none;
}