.web_page {
  position: relative;
  width: 100vw;
  max-width: 750px;
  height: 100vh;
  background: url(../img/tbg.png) no-repeat;
  background-size: 100% 66.6666666667vw;
  margin: 0px auto;
}
.web_page header {
  position: relative;
  width: 100%;
  height: 13.3333333333vw;
  line-height: 13.3333333333vw;
  text-align: center;
}
.web_page header .headerLeft {
  position: absolute;
  left: 6.4vw;
  top: 4.6666666667vw;
  width: 2.4vw;
  height: 4vw;
  display: flex;
  align-items: center;
}
.web_page header .headerCenter {
  font-family: Roboto;
  font-weight: 400;
  font-size: 4.8vw;
  color: #202124;
}
.web_page section {
  position: absolute;
  top: 13.3333333333vw;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 6.6666666667vw 5.3333333333vw 2.6666666667vw 5.3333333333vw;
  overflow-y: scroll;
}
.web_page section .app_msg_block {
  display: flex;
}
.web_page section .app_msg_block .logo {
  width: 21.0666666667vw;
  height: 21.0666666667vw;
  margin-right: 5.8666666667vw;
}
.web_page section .app_msg_block .app_msg_block_right p {
  line-height: normal;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_p1 {
  font-family: Roboto;
  font-weight: 500;
  font-size: 5.0666666667vw;
  color: #202124;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_p2 {
  font-family: Roboto;
  font-weight: 500;
  font-size: 5.0666666667vw;
  color: #202124;
  margin-bottom: 1.8666666667vw;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_p3 {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.7333333333vw;
  color: #04ACA4;
  margin-bottom: 2.6666666667vw;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom {
  display: flex;
  align-items: center;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom p {
  line-height: normal;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .country {
  width: 4.8vw;
  height: 3.2vw;
  margin-right: 1.8666666667vw;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .country_name {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.2vw;
  color: #5F6368;
  margin-right: 7.7333333333vw;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .downlaod {
  width: 3.2vw;
  height: 3.2vw;
  margin-right: 1.8666666667vw;
}
.web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .app_size {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.2vw;
  color: #5F6368;
}
.web_page section .app_msg_block2 {
  width: 100%;
  display: flex;
  margin-top: 8vw;
}
.web_page section .app_msg_block2 .app_msg_block2_child {
  position: relative;
  width: 33%;
}
.web_page section .app_msg_block2 .app_msg_block2_child p {
  text-align: center;
  line-height: normal;
}
.web_page section .app_msg_block2 .app_msg_block2_child .app_msg_block2_child_data {
  font-family: Arial;
  font-weight: 400;
  font-size: 3.7333333333vw;
  color: #202124;
  margin-bottom: 2.6666666667vw;
}
.web_page section .app_msg_block2 .app_msg_block2_child .app_msg_block2_child_title {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.2vw;
  color: #5F6368;
}
.web_page section .app_msg_block2 .app_msg_block2_child .line {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 0px;
  height: 6.6666666667vw;
  border-right: 1px solid #E8EAED;
  margin-top: -3.3333333333vw;
}
.web_page section .download_btn {
  display: block;
  width: 87.2vw;
  height: 12.8vw;
  background: #04ACA4;
  box-shadow: 0px 0px 0.8vw 0px rgba(0, 0, 0, 0.5);
  border-radius: 6.4vw;
  margin: 7.6vw auto 0px auto;
  font-family: Roboto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  color: #FFFFFF;
}
.web_page section .menu_block {
  margin-top: 6.6666666667vw;
}
.web_page section .menu_block .menu_block_top {
  display: flex;
}
.web_page section .menu_block .menu_block_top .menu_block_top_child {
  position: relative;
}
.web_page section .menu_block .menu_block_top .menu_block_top_child span {
  font-family: Roboto;
  font-weight: 400;
  font-size: 4.5333333333vw;
  color: #5F6368;
}
.web_page section .menu_block .menu_block_top .menu_block_top_child_sel {
  background: url(../img/menu_sel.png) no-repeat;
  background-size: 100% 2.6666666667vw;
  background-position-y: 3.7333333333vw;
}
.web_page section .menu_block .menu_block_top .menu_block_top_child_sel span {
  color: #04ACA4;
}
.web_page section .menu_block .menu_block_top .menu_block_top_child1 {
  margin-right: 10.9333333333vw;
}
.web_page section .menu_block .menu_block_top .menu_block_top_child2 {
  margin-right: 12vw;
}
.web_page section .menu_block .menu_block_center {
  display: flex;
  overflow-x: scroll;
  margin-top: 4.8vw;
}
.web_page section .menu_block .menu_block_center .menu_block_center_child {
  flex-shrink: 0;
  border-radius: 2.6666666667vw;
  overflow: hidden;
  margin-right: 2.9333333333vw;
}
.web_page section .menu_block .menu_block_center .menu_block_center_child img {
  width: 30.9333333333vw;
  height: 54.6666666667vw;
}
.web_page section .menu_block .menu_block_bottom {
  /*  */
  /*  */
  /*  */
  /*  */
  /*  */
  /*  */
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_title {
  font-family: Roboto;
  font-weight: 400;
  font-size: 4.2666666667vw;
  color: #202124;
  margin: 5.3333333333vw 0px 4vw 0px;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_content {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.7333333333vw;
  color: #5F6368;
  line-height: 5.6vw;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_content_last {
  margin-bottom: 6.6666666667vw;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips {
  background: #FFFFFF;
  border-radius: 1.3333333333vw;
  border: 1px solid #C9C9C9;
  padding: 4vw 1.3333333333vw 4vw 4vw;
  margin: 5.6vw 0px 2.6666666667vw 0px;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child {
  display: flex;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child img {
  width: 4.5333333333vw;
  height: 4.5333333333vw;
  margin-right: 4.2666666667vw;
  margin-top: 0.5333333333vw;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child div {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.4666666667vw;
  color: #5F6368;
}
.web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child_last {
  margin-top: 2.9333333333vw;
}
.web_page section .menu_block .menu_block_bottom .data_safety_top {
  display: flex;
  align-items: center;
  width: 87.2vw;
  background: #EDFFFE;
  border-radius: 1.3333333333vw;
  padding: 3.4666666667vw 6.1333333333vw;
  margin: 6.4vw 0px 5.3333333333vw 0px;
}
.web_page section .menu_block .menu_block_bottom .data_safety_top img {
  width: 4.8vw;
  height: 5.3333333333vw;
  margin-right: 4.8vw;
}
.web_page section .menu_block .menu_block_bottom .data_safety_top div {
  font-family: Roboto;
  font-weight: 400;
  font-size: 2.9333333333vw;
  color: #04ACA4;
}
.web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7.4666666667vw;
}
.web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top .data_safety_content_top_left {
  display: flex;
  align-items: center;
}
.web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top .data_safety_content_top_left img {
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 6.1333333333vw;
}
.web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top .data_safety_content_top_right {
  width: 2.6666666667vw;
  height: 1.6vw;
}
.web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_bottom {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.7333333333vw;
  color: #5F6368;
  line-height: 5.6vw;
  padding: 0px 0px 6.1333333333vw 5.3333333333vw;
}
.web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_bottom_unShow {
  height: 0px;
  padding: 0px;
  overflow: hidden;
}
.web_page section .menu_block .menu_block_bottom .protuct_offer_content {
  display: flex;
  align-items: center;
  margin-top: 4.8vw;
}
.web_page section .menu_block .menu_block_bottom .protuct_offer_content .protuct_offer_content_img {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  margin-right: 6.1333333333vw;
}
.web_page section .menu_block .menu_block_bottom .protuct_offer_content .protuct_offer_content_span {
  font-family: Roboto;
  font-weight: 400;
  font-size: 4.2666666667vw;
  color: #202124;
}
.web_page .download_tan_mask {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.web_page .download_tan_mask .download_tan {
  width: 82.6666666667vw;
  background: #FFFFFF;
  border-radius: 4vw;
  overflow: hidden;
}
.web_page .download_tan_mask .download_tan p {
  line-height: normal;
}
.web_page .download_tan_mask .download_tan .download_tan_title {
  font-family: Roboto;
  font-weight: 500;
  font-size: 4.2666666667vw;
  color: #04ACA4;
  margin: 8vw 0px 5.3333333333vw 0px;
  text-align: center;
}
.web_page .download_tan_mask .download_tan .download_tan_tips {
  font-family: Roboto;
  font-weight: 400;
  font-size: 3.7333333333vw;
  color: #202124;
  margin: 0px auto 7.4666666667vw auto;
  text-align: center;
}
.web_page .download_tan_mask .download_tan .download_tan_btn {
  padding: 4vw 0px;
  background: #04ACA4;
  text-align: center;
  font-family: Roboto;
  font-weight: 500;
  font-size: 4.2666666667vw;
  color: #FFFFFF;
}
.web_page .largeImg_mask {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
}
.web_page .largeImg_mask .largeImg {
  width: 100vw;
  height: auto;
}
.web_page .hideElement {
  display: none !important;
}

@media screen and (min-width: 1080px) {
  .web_page {
    background-size: 100% 500px;
  }
  .web_page header {
    position: relative;
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }
  .web_page header .headerLeft {
    position: absolute;
    left: 48px;
    top: 35px;
    width: 18px;
    height: 30px;
    display: flex;
    align-items: center;
  }
  .web_page header .headerCenter {
    font-family: Roboto;
    font-weight: 400;
    font-size: 36px;
    color: #202124;
  }
  .web_page section {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 50px 40px 20px 40px;
    overflow-y: scroll;
  }
  .web_page section .app_msg_block {
    display: flex;
  }
  .web_page section .app_msg_block .logo {
    width: 158px;
    height: 158px;
    margin-right: 44px;
  }
  .web_page section .app_msg_block .app_msg_block_right p {
    line-height: normal;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_p1 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 38px;
    color: #202124;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_p2 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 38px;
    color: #202124;
    margin-bottom: 14px;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_p3 {
    font-family: Roboto;
    font-weight: 400;
    font-size: 28px;
    color: #04ACA4;
    margin-bottom: 20px;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom {
    display: flex;
    align-items: center;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom p {
    line-height: normal;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .country {
    width: 36px;
    height: 24px;
    margin-right: 14px;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .country_name {
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    color: #5F6368;
    margin-right: 58px;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .downlaod {
    width: 24px;
    height: 24px;
    margin-right: 14px;
  }
  .web_page section .app_msg_block .app_msg_block_right .app_msg_block_right_bottom .app_size {
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    color: #5F6368;
  }
  .web_page section .app_msg_block2 {
    width: 100%;
    display: flex;
    margin-top: 60px;
  }
  .web_page section .app_msg_block2 .app_msg_block2_child {
    position: relative;
    width: 33%;
  }
  .web_page section .app_msg_block2 .app_msg_block2_child p {
    text-align: center;
    line-height: normal;
  }
  .web_page section .app_msg_block2 .app_msg_block2_child .app_msg_block2_child_data {
    font-family: Arial;
    font-weight: 400;
    font-size: 28px;
    color: #202124;
    margin-bottom: 20px;
  }
  .web_page section .app_msg_block2 .app_msg_block2_child .app_msg_block2_child_title {
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    color: #5F6368;
  }
  .web_page section .app_msg_block2 .app_msg_block2_child .line {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 0px;
    height: 50px;
    border-right: 1px solid #E8EAED;
    margin-top: -25px;
  }
  .web_page section .download_btn {
    display: block;
    width: 654px;
    height: 96px;
    background: #04ACA4;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    border-radius: 48px;
    margin: 57px auto 0px auto;
    font-family: Roboto;
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
  }
  .web_page section .menu_block {
    margin-top: 50px;
  }
  .web_page section .menu_block .menu_block_top {
    display: flex;
  }
  .web_page section .menu_block .menu_block_top .menu_block_top_child {
    position: relative;
  }
  .web_page section .menu_block .menu_block_top .menu_block_top_child span {
    font-family: Roboto;
    font-weight: 400;
    font-size: 34px;
    color: #5F6368;
  }
  .web_page section .menu_block .menu_block_top .menu_block_top_child_sel {
    background: url(../img/menu_sel.png) no-repeat;
    background-size: 100% 20px;
    background-position-y: 28px;
  }
  .web_page section .menu_block .menu_block_top .menu_block_top_child_sel span {
    color: #04ACA4;
  }
  .web_page section .menu_block .menu_block_top .menu_block_top_child1 {
    margin-right: 82px;
  }
  .web_page section .menu_block .menu_block_top .menu_block_top_child2 {
    margin-right: 90px;
  }
  .web_page section .menu_block .menu_block_center {
    display: flex;
    overflow-x: scroll;
    margin-top: 36px;
  }
  .web_page section .menu_block .menu_block_center .menu_block_center_child {
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 22px;
  }
  .web_page section .menu_block .menu_block_center .menu_block_center_child img {
    width: 232px;
    height: 410px;
  }
  .web_page section .menu_block .menu_block_bottom {
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_title {
    font-family: Roboto;
    font-weight: 400;
    font-size: 32px;
    color: #202124;
    margin: 40px 0px 30px 0px;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_content {
    font-family: Roboto;
    font-weight: 400;
    font-size: 28px;
    color: #5F6368;
    line-height: 42px;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_content_last {
    margin-bottom: 50px;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    padding: 30px 10px 30px 30px;
    margin: 42px 0px 20px 0px;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child {
    display: flex;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child img {
    width: 34px;
    height: 34px;
    margin-right: 32px;
    margin-top: 4px;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child div {
    font-family: Roboto;
    font-weight: 400;
    font-size: 26px;
    color: #5F6368;
  }
  .web_page section .menu_block .menu_block_bottom .menu_block_bottom_tips .menu_block_bottom_tips_child_last {
    margin-top: 22px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_top {
    display: flex;
    align-items: center;
    width: 654px;
    background: #EDFFFE;
    border-radius: 10px;
    padding: 26px 46px;
    margin: 48px 0px 40px 0px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_top img {
    width: 36px;
    height: 40px;
    margin-right: 36px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_top div {
    font-family: Roboto;
    font-weight: 400;
    font-size: 22px;
    color: #04ACA4;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 56px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top .data_safety_content_top_left {
    display: flex;
    align-items: center;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top .data_safety_content_top_left img {
    width: 36px;
    height: 36px;
    margin-right: 46px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_top .data_safety_content_top_right {
    width: 20px;
    height: 12px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_bottom {
    font-family: Roboto;
    font-weight: 400;
    font-size: 28px;
    color: #5F6368;
    line-height: 42px;
    padding: 0px 0px 46px 40px;
  }
  .web_page section .menu_block .menu_block_bottom .data_safety_content .data_safety_content_bottom_unShow {
    height: 0px;
    padding: 0px;
    overflow: hidden;
  }
  .web_page section .menu_block .menu_block_bottom .protuct_offer_content {
    display: flex;
    align-items: center;
    margin-top: 36px;
  }
  .web_page section .menu_block .menu_block_bottom .protuct_offer_content .protuct_offer_content_img {
    width: 80px;
    height: 80px;
    margin-right: 46px;
  }
  .web_page section .menu_block .menu_block_bottom .protuct_offer_content .protuct_offer_content_span {
    font-family: Roboto;
    font-weight: 400;
    font-size: 32px;
    color: #202124;
  }
  .web_page .largeImg_mask .largeImg {
    width: 750px;
    height: auto;
  }
  .web_page .download_tan_mask {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
  }
  .web_page .download_tan_mask .download_tan {
    width: 620px;
    background: #FFFFFF;
    border-radius: 30px;
    overflow: hidden;
  }
  .web_page .download_tan_mask .download_tan p {
    line-height: normal;
  }
  .web_page .download_tan_mask .download_tan .download_tan_title {
    font-family: Roboto;
    font-weight: 500;
    font-size: 32px;
    color: #04ACA4;
    margin: 60px 0px 40px 0px;
    text-align: center;
  }
  .web_page .download_tan_mask .download_tan .download_tan_tips {
    font-family: Roboto;
    font-weight: 400;
    font-size: 28px;
    color: #202124;
    margin: 0px auto 56px auto;
    text-align: center;
  }
  .web_page .download_tan_mask .download_tan .download_tan_btn {
    padding: 30px 0px;
    background: #04ACA4;
    text-align: center;
    font-family: Roboto;
    font-weight: 500;
    font-size: 32px;
    color: #FFFFFF;
  }
}

/*# sourceMappingURL=index.css.map */