/*reset*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 100%;
  color: #333333;
  background-color: #ffffff;
  height: 100%;
}
body {
  font-family: '\5B8B\4F53', Arial, Verdana, sans-serif;
  margin: 0;
  word-wrap: break-word;
  font-size: 12px;
  min-height: 100%;
  _height: 100%;
}
:active {
  outline: 0;
}
:visited {
  outline: 0;
}
:link,
:visited,
ins {
  text-decoration: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
video,
canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
select,
textarea,
p,
blockquote,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}
fieldset,
iframe {
  border: 0 none;
}
img {
  border: 0 none;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
code,
kbd,
samp,
tt,
sup,
sub,
small,
input,
button,
textarea,
select {
  font-size: 100%;
}
abbr,
acronym {
  border: 0 none;
  font-variant: normal;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
ol,
ul,
menu {
  list-style: none outside none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
caption,
th {
  text-align: left;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
mark {
  background-color: #ff6;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
input,
select,
button {
  vertical-align: middle;
}
button {
  width: auto;
  cursor: pointer;
  overflow: visible;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
}
button::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}
a {
  color: #333333;
}
a:hover {
  text-decoration: underline;
}
.hidden {
  display: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
/* body-reset */
body {
  font-family: 'Microsoft YaHei';
  background: #f8f8f8;
  font-size: 14px;
  min-width: 800px;
  min-height: 370px;
}
#wrap_contain {
  display: none;
}
.hideImg {
  display: none;
}
.section {
  text-align: center;
  font: 50px 'Microsoft Yahei';
  color: #fff;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.section .g {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.section .img {
  position: absolute;
}
.section .mask {
  position: absolute;
}
.sect3 {
  width: 502px;
  height: 50px;
  background: url('img_v2/footer_info.jpg') no-repeat;
  margin: 0 auto;
}
.sect3 li {
  float: left;
}
.sect3 li a {
  display: block;
  height: 36px;
  padding: 7px 0;
  color: #999999;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
.sect3 li a:hover {
  color: #ff5656;
  text-decoration: none;
}
.sect3 .beian {
  width: 75px;
  padding-left: 40px;
}
.sect3 .jubao {
  width: 100px;
  padding-left: 32px;
}
.sect3 .jiancha {
  width: 84px;
  padding-left: 56px;
}
.sect3 .baojing {
  width: 93px;
  padding-left: 48px;
}
.sect3 .xingzheng {
  width: 45px;
  margin-right: 33px;
  display: none;
}
.sect3 .wenhua {
  width: 47px;
  margin-right: 30px;
  display: none;
}
.sect3 .hangye {
  width: 100px;
  margin-right: 28px;
  display: none;
}
.sect3 .shengfen {
  width: 105px;
  margin-right: 33px;
  display: none;
}
.sect3 .pinpai {
  width: 100px;
  margin-right: 35px;
  display: none;
}
.sect3 .anquan {
  width: 103px;
  display: none;
}
.sect3.sect3_v1 {
  position: relative;
  background: url(img_v2/footer_info_v2.png) no-repeat;
  transform: translateX(-50px);
}
.sect3.sect3_v1 .jubao {
  width: 74px;
  padding-left: 50px;
}
.sect3.sect3_v1 .gongan {
  width: 60px;
  margin-right: 13px;
}
.sect3.sect3_v1 .xingzheng {
  width: 54px;
  margin-right: 13px;
}
.sect3.sect3_v1 .baojing {
  width: 74px;
  padding-left: 53px;
}
.sect3.sect3_v1 .wenhua {
  width: 56px;
  margin-right: 8px;
}
.sect3.sect3_v1 .hangye {
  width: 106px;
  margin-right: 26px;
}
.sect3.sect3_v1 .pinpai {
  width: 100px;
  margin-right: 27px;
}
.sect3.sect3_v1 .jiancha {
  width: 84px;
  padding-left: 46px;
}
.sect3 .w-icon {
  position: absolute;
  top: 0;
  left: 500px;
}
.sect3 .w-icon img {
  width: 50px;
  vertical-align: top;
  cursor: pointer;
}
.sect3 .security-wrap {
  left: 564px;
}
.sect3 .security-wrap img {
  width: 47px;
}
#menu {
  position: fixed;
  right: 34px;
  top: 44%;
  z-index: 1000;
}
#menu li {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 20px;
  margin-bottom: 8px;
}
#menu li a {
  text-indent: -10000px;
  display: block;
  width: 100%;
  height: 100%;
}
#menu li.active {
  background: #fff;
}
.headerWrap {
  height: 122px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -12px no-repeat;
  background-size: 1962px 134px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.headerWrap .header_g {
  width: 100%;
  min-width: 1300px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.headerWrap .logo {
  float: left;
  width: 206px;
  height: 100px;
  margin: -5px 0 0 34px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.headerWrap .text {
  float: left;
  height: 100px;
  line-height: 100px;
  margin: -5px 0 0 10px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.headerWrap .text img {
  width: 12px;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: -2px;
}
.headerWrap .code {
  float: right;
  width: 74px;
  height: 74px;
  margin: 9px 26px 0 0;
  background-size: 100% auto;
}
.headerWrap .code img {
  width: 100%;
  height: 1005;
}
.headerWrap .btnGroup {
  float: right;
  margin-right: 28px;
}
.headerWrap .btnGroup .btn {
  display: block;
  width: 148px;
  height: 46px;
  float: left;
  text-indent: -99999px;
  margin: 25px 0 0 0;
}
.headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 1px no-repeat;
  background-size: 140px auto;
  margin-right: 30px;
}
.headerWrap .btnGroup .Enter:hover {
  background-position: center -46px;
}
.headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 1px no-repeat;
  background-size: 140px auto;
  margin-right: 30px;
  cursor: pointer;
}
.headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -46px;
}
.headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 1px no-repeat;
  background-size: 140px auto;
  cursor: pointer;
}
.headerWrap .btnGroup .Connect:hover {
  background-position: center -46px;
}
.headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.section1 {
  background-size: cover;
}
.section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.section1 .g {
  width: 100%;
  max-width: 1200px;
}
.section1 .img1 {
  width: 620px;
  height: 612px;
  right: -78.5px;
  top: 50%;
  margin-top: -356px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.section1 .img3 {
  width: 633px;
  height: 529px;
  left: -13px;
  top: 50%;
  margin-top: -290px;
  background-size: contain;
}
.section1 .img3 .page_logo {
  width: 368px;
  height: 88px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 20%;
}
.section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 200px;
  position: relative;
  top: 280px;
}
.section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 74px;
  position: relative;
  top: 320px;
  cursor: pointer;
}
.section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 299px;
}
.section1 .img3 .btnGroup .btn {
  display: block;
  width: 310px;
  height: 80px;
  text-indent: -9999px;
  margin-bottom: 28px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.section1 .img3 .btnGroupHw {
  left: 10px;
}
.section1 .img3 .btnGroupHw .btn {
  width: 418.5px;
  height: 108px;
}
.section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.section1 .footer-text span {
  flex: 0 0 auto;
}
.section1 .footer-text span a {
  color: #fff;
}
.height900 .headerWrap {
  height: 109.8px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -10.8px no-repeat;
  background-size: 1962px 120.6px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height900 .headerWrap .header_g {
  width: 100%;
  min-width: 1170px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height900 .headerWrap .logo {
  float: left;
  width: 185.4px;
  height: 90px;
  margin: -4.5px 0 0 30.6px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height900 .headerWrap .text {
  float: left;
  height: 90px;
  line-height: 90px;
  margin: -4.5px 0 0 9px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height900 .headerWrap .text img {
  width: 10.8px;
  vertical-align: middle;
  margin-top: -0.9px;
  margin-left: -1.8px;
}
.height900 .headerWrap .code {
  float: right;
  width: 66.6px;
  height: 66.6px;
  margin: 8.1px 23.4px 0 0;
  background-size: 100% auto;
}
.height900 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height900 .headerWrap .btnGroup {
  float: right;
  margin-right: 25.2px;
}
.height900 .headerWrap .btnGroup .btn {
  display: block;
  width: 133.2px;
  height: 41.4px;
  float: left;
  text-indent: -99999px;
  margin: 22.5px 0 0 0;
}
.height900 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.9px no-repeat;
  background-size: 126px auto;
  margin-right: 27px;
}
.height900 .headerWrap .btnGroup .Enter:hover {
  background-position: center -41.4px;
}
.height900 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.9px no-repeat;
  background-size: 126px auto;
  margin-right: 27px;
  cursor: pointer;
}
.height900 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -41.4px;
}
.height900 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.9px no-repeat;
  background-size: 126px auto;
  cursor: pointer;
}
.height900 .headerWrap .btnGroup .Connect:hover {
  background-position: center -41.4px;
}
.height900 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height900 .section1 {
  background-size: cover;
}
.height900 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height900 .section1 .g {
  width: 100%;
  max-width: 1200px;
}
.height900 .section1 .img1 {
  width: 620px;
  height: 612px;
  right: -78.5px;
  top: 50%;
  margin-top: -356px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height900 .section1 .img3 {
  width: 633px;
  height: 529px;
  left: -13px;
  top: 50%;
  margin-top: -290px;
  background-size: contain;
}
.height900 .section1 .img3 .page_logo {
  width: 368px;
  height: 88px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 20%;
}
.height900 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 200px;
  position: relative;
  top: 280px;
}
.height900 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 74px;
  position: relative;
  top: 320px;
  cursor: pointer;
}
.height900 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 299px;
}
.height900 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 310px;
  height: 80px;
  text-indent: -9999px;
  margin-bottom: 28px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height900 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height900 .section1 .img3 .btnGroupHw .btn {
  width: 418.5px;
  height: 108px;
}
.height900 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height900 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height900 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height900 .section1 .footer-text span a {
  color: #fff;
}
.height800 .headerWrap {
  height: 109.8px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -10.8px no-repeat;
  background-size: 1962px 120.6px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height800 .headerWrap .header_g {
  width: 100%;
  min-width: 1170px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height800 .headerWrap .logo {
  float: left;
  width: 185.4px;
  height: 90px;
  margin: -4.5px 0 0 30.6px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height800 .headerWrap .text {
  float: left;
  height: 90px;
  line-height: 90px;
  margin: -4.5px 0 0 9px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height800 .headerWrap .text img {
  width: 10.8px;
  vertical-align: middle;
  margin-top: -0.9px;
  margin-left: -1.8px;
}
.height800 .headerWrap .code {
  float: right;
  width: 66.6px;
  height: 66.6px;
  margin: 8.1px 23.4px 0 0;
  background-size: 100% auto;
}
.height800 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height800 .headerWrap .btnGroup {
  float: right;
  margin-right: 25.2px;
}
.height800 .headerWrap .btnGroup .btn {
  display: block;
  width: 133.2px;
  height: 41.4px;
  float: left;
  text-indent: -99999px;
  margin: 22.5px 0 0 0;
}
.height800 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.9px no-repeat;
  background-size: 126px auto;
  margin-right: 27px;
}
.height800 .headerWrap .btnGroup .Enter:hover {
  background-position: center -41.4px;
}
.height800 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.9px no-repeat;
  background-size: 126px auto;
  margin-right: 27px;
  cursor: pointer;
}
.height800 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -41.4px;
}
.height800 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.9px no-repeat;
  background-size: 126px auto;
  cursor: pointer;
}
.height800 .headerWrap .btnGroup .Connect:hover {
  background-position: center -41.4px;
}
.height800 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height800 .section1 {
  background-size: cover;
}
.height800 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height800 .section1 .g {
  width: 100%;
  max-width: 840px;
}
.height800 .section1 .img1 {
  width: 434px;
  height: 428.4px;
  right: -54.95px;
  top: 50%;
  margin-top: -249.2px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height800 .section1 .img3 {
  width: 443.1px;
  height: 370.3px;
  left: -9.1px;
  top: 50%;
  margin-top: -203px;
  background-size: contain;
}
.height800 .section1 .img3 .page_logo {
  width: 257.6px;
  height: 61.6px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 14%;
}
.height800 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 140px;
  position: relative;
  top: 196px;
}
.height800 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 51.8px;
  position: relative;
  top: 224px;
  cursor: pointer;
}
.height800 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 209.3px;
}
.height800 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 217px;
  height: 56px;
  text-indent: -9999px;
  margin-bottom: 19.6px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height800 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height800 .section1 .img3 .btnGroupHw .btn {
  width: 292.95px;
  height: 75.6px;
}
.height800 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height800 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height800 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height800 .section1 .footer-text span a {
  color: #fff;
}
.height700 .headerWrap {
  height: 85.4px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -8.4px no-repeat;
  background-size: 1962px 93.8px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height700 .headerWrap .header_g {
  width: 100%;
  min-width: 910px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height700 .headerWrap .logo {
  float: left;
  width: 144.2px;
  height: 70px;
  margin: -3.5px 0 0 23.8px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height700 .headerWrap .text {
  float: left;
  height: 70px;
  line-height: 70px;
  margin: -3.5px 0 0 7px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height700 .headerWrap .text img {
  width: 8.4px;
  vertical-align: middle;
  margin-top: -0.7px;
  margin-left: -1.4px;
}
.height700 .headerWrap .code {
  float: right;
  width: 51.8px;
  height: 51.8px;
  margin: 6.3px 18.2px 0 0;
  background-size: 100% auto;
}
.height700 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height700 .headerWrap .btnGroup {
  float: right;
  margin-right: 19.6px;
}
.height700 .headerWrap .btnGroup .btn {
  display: block;
  width: 103.6px;
  height: 32.2px;
  float: left;
  text-indent: -99999px;
  margin: 17.5px 0 0 0;
}
.height700 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.7px no-repeat;
  background-size: 98px auto;
  margin-right: 21px;
}
.height700 .headerWrap .btnGroup .Enter:hover {
  background-position: center -32.2px;
}
.height700 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.7px no-repeat;
  background-size: 98px auto;
  margin-right: 21px;
  cursor: pointer;
}
.height700 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -32.2px;
}
.height700 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.7px no-repeat;
  background-size: 98px auto;
  cursor: pointer;
}
.height700 .headerWrap .btnGroup .Connect:hover {
  background-position: center -32.2px;
}
.height700 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height700 .section1 {
  background-size: cover;
}
.height700 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height700 .section1 .g {
  width: 100%;
  max-width: 720px;
}
.height700 .section1 .img1 {
  width: 372px;
  height: 367.2px;
  right: -47.1px;
  top: 50%;
  margin-top: -213.6px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height700 .section1 .img3 {
  width: 379.8px;
  height: 317.4px;
  left: -7.8px;
  top: 50%;
  margin-top: -174px;
  background-size: contain;
}
.height700 .section1 .img3 .page_logo {
  width: 220.8px;
  height: 52.8px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 12%;
}
.height700 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 120px;
  position: relative;
  top: 168px;
}
.height700 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 44.4px;
  position: relative;
  top: 192px;
  cursor: pointer;
}
.height700 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 179.4px;
}
.height700 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 186px;
  height: 48px;
  text-indent: -9999px;
  margin-bottom: 16.8px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height700 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height700 .section1 .img3 .btnGroupHw .btn {
  width: 251.1px;
  height: 64.8px;
}
.height700 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height700 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height700 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height700 .section1 .footer-text span a {
  color: #fff;
}
.height600 .headerWrap {
  height: 85.4px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -8.4px no-repeat;
  background-size: 1962px 93.8px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height600 .headerWrap .header_g {
  width: 100%;
  min-width: 910px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height600 .headerWrap .logo {
  float: left;
  width: 144.2px;
  height: 70px;
  margin: -3.5px 0 0 23.8px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height600 .headerWrap .text {
  float: left;
  height: 70px;
  line-height: 70px;
  margin: -3.5px 0 0 7px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height600 .headerWrap .text img {
  width: 8.4px;
  vertical-align: middle;
  margin-top: -0.7px;
  margin-left: -1.4px;
}
.height600 .headerWrap .code {
  float: right;
  width: 51.8px;
  height: 51.8px;
  margin: 6.3px 18.2px 0 0;
  background-size: 100% auto;
}
.height600 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height600 .headerWrap .btnGroup {
  float: right;
  margin-right: 19.6px;
}
.height600 .headerWrap .btnGroup .btn {
  display: block;
  width: 103.6px;
  height: 32.2px;
  float: left;
  text-indent: -99999px;
  margin: 17.5px 0 0 0;
}
.height600 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.7px no-repeat;
  background-size: 98px auto;
  margin-right: 21px;
}
.height600 .headerWrap .btnGroup .Enter:hover {
  background-position: center -32.2px;
}
.height600 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.7px no-repeat;
  background-size: 98px auto;
  margin-right: 21px;
  cursor: pointer;
}
.height600 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -32.2px;
}
.height600 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.7px no-repeat;
  background-size: 98px auto;
  cursor: pointer;
}
.height600 .headerWrap .btnGroup .Connect:hover {
  background-position: center -32.2px;
}
.height600 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height600 .section1 {
  background-size: cover;
}
.height600 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height600 .section1 .g {
  width: 100%;
  max-width: 840px;
}
.height600 .section1 .img1 {
  width: 434px;
  height: 428.4px;
  right: -54.95px;
  top: 50%;
  margin-top: -249.2px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height600 .section1 .img3 {
  width: 443.1px;
  height: 370.3px;
  left: -9.1px;
  top: 50%;
  margin-top: -203px;
  background-size: contain;
}
.height600 .section1 .img3 .page_logo {
  width: 257.6px;
  height: 61.6px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 14%;
}
.height600 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 140px;
  position: relative;
  top: 196px;
}
.height600 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 51.8px;
  position: relative;
  top: 224px;
  cursor: pointer;
}
.height600 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 209.3px;
}
.height600 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 217px;
  height: 56px;
  text-indent: -9999px;
  margin-bottom: 19.6px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height600 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height600 .section1 .img3 .btnGroupHw .btn {
  width: 292.95px;
  height: 75.6px;
}
.height600 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height600 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height600 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height600 .section1 .footer-text span a {
  color: #fff;
}
.height550 .headerWrap {
  height: 73.2px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -7.2px no-repeat;
  background-size: 1962px 80.4px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height550 .headerWrap .header_g {
  width: 100%;
  min-width: 780px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height550 .headerWrap .logo {
  float: left;
  width: 123.6px;
  height: 60px;
  margin: -3px 0 0 20.4px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height550 .headerWrap .text {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: -3px 0 0 6px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height550 .headerWrap .text img {
  width: 7.2px;
  vertical-align: middle;
  margin-top: -0.6px;
  margin-left: -1.2px;
}
.height550 .headerWrap .code {
  float: right;
  width: 44.4px;
  height: 44.4px;
  margin: 5.4px 15.6px 0 0;
  background-size: 100% auto;
}
.height550 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height550 .headerWrap .btnGroup {
  float: right;
  margin-right: 16.8px;
}
.height550 .headerWrap .btnGroup .btn {
  display: block;
  width: 88.8px;
  height: 27.6px;
  float: left;
  text-indent: -99999px;
  margin: 15px 0 0 0;
}
.height550 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.6px no-repeat;
  background-size: 84px auto;
  margin-right: 18px;
}
.height550 .headerWrap .btnGroup .Enter:hover {
  background-position: center -27.6px;
}
.height550 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.6px no-repeat;
  background-size: 84px auto;
  margin-right: 18px;
  cursor: pointer;
}
.height550 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -27.6px;
}
.height550 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.6px no-repeat;
  background-size: 84px auto;
  cursor: pointer;
}
.height550 .headerWrap .btnGroup .Connect:hover {
  background-position: center -27.6px;
}
.height550 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height550 .section1 {
  background-size: cover;
}
.height550 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height550 .section1 .g {
  width: 100%;
  max-width: 600px;
}
.height550 .section1 .img1 {
  width: 310px;
  height: 306px;
  right: -39.25px;
  top: 50%;
  margin-top: -178px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height550 .section1 .img3 {
  width: 316.5px;
  height: 264.5px;
  left: -6.5px;
  top: 50%;
  margin-top: -145px;
  background-size: contain;
}
.height550 .section1 .img3 .page_logo {
  width: 184px;
  height: 44px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 10%;
}
.height550 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 100px;
  position: relative;
  top: 140px;
}
.height550 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 37px;
  position: relative;
  top: 160px;
  cursor: pointer;
}
.height550 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 149.5px;
}
.height550 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 155px;
  height: 40px;
  text-indent: -9999px;
  margin-bottom: 14px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height550 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height550 .section1 .img3 .btnGroupHw .btn {
  width: 209.25px;
  height: 54px;
}
.height550 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height550 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height550 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height550 .section1 .footer-text span a {
  color: #fff;
}
.height500 .headerWrap {
  height: 73.2px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -7.2px no-repeat;
  background-size: 1962px 80.4px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height500 .headerWrap .header_g {
  width: 100%;
  min-width: 780px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height500 .headerWrap .logo {
  float: left;
  width: 123.6px;
  height: 60px;
  margin: -3px 0 0 20.4px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height500 .headerWrap .text {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: -3px 0 0 6px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height500 .headerWrap .text img {
  width: 7.2px;
  vertical-align: middle;
  margin-top: -0.6px;
  margin-left: -1.2px;
}
.height500 .headerWrap .code {
  float: right;
  width: 44.4px;
  height: 44.4px;
  margin: 5.4px 15.6px 0 0;
  background-size: 100% auto;
}
.height500 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height500 .headerWrap .btnGroup {
  float: right;
  margin-right: 16.8px;
}
.height500 .headerWrap .btnGroup .btn {
  display: block;
  width: 88.8px;
  height: 27.6px;
  float: left;
  text-indent: -99999px;
  margin: 15px 0 0 0;
}
.height500 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.6px no-repeat;
  background-size: 84px auto;
  margin-right: 18px;
}
.height500 .headerWrap .btnGroup .Enter:hover {
  background-position: center -27.6px;
}
.height500 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.6px no-repeat;
  background-size: 84px auto;
  margin-right: 18px;
  cursor: pointer;
}
.height500 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -27.6px;
}
.height500 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.6px no-repeat;
  background-size: 84px auto;
  cursor: pointer;
}
.height500 .headerWrap .btnGroup .Connect:hover {
  background-position: center -27.6px;
}
.height500 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height500 .section1 {
  background-size: cover;
}
.height500 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height500 .section1 .g {
  width: 100%;
  max-width: 480px;
}
.height500 .section1 .img1 {
  width: 248px;
  height: 244.8px;
  right: -31.4px;
  top: 50%;
  margin-top: -142.4px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height500 .section1 .img3 {
  width: 253.2px;
  height: 211.6px;
  left: -5.2px;
  top: 50%;
  margin-top: -116px;
  background-size: contain;
}
.height500 .section1 .img3 .page_logo {
  width: 147.2px;
  height: 35.2px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 8%;
}
.height500 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 80px;
  position: relative;
  top: 112px;
}
.height500 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 29.6px;
  position: relative;
  top: 128px;
  cursor: pointer;
}
.height500 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 119.6px;
}
.height500 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 124px;
  height: 32px;
  text-indent: -9999px;
  margin-bottom: 11.2px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height500 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height500 .section1 .img3 .btnGroupHw .btn {
  width: 167.4px;
  height: 43.2px;
}
.height500 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height500 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height500 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height500 .section1 .footer-text span a {
  color: #fff;
}
.height400 .headerWrap {
  height: 73.2px;
  overflow: hidden;
  width: 100%;
  background: url('img_v4/common/header.png') center -7.2px no-repeat;
  background-size: 1962px 80.4px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
.height400 .headerWrap .header_g {
  width: 100%;
  min-width: 780px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.height400 .headerWrap .logo {
  float: left;
  width: 123.6px;
  height: 60px;
  margin: -3px 0 0 20.4px;
  background: url('img_v4/common/logo.png') center no-repeat;
  background-size: 100% auto;
}
.height400 .headerWrap .text {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: -3px 0 0 6px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4a90e2;
  font-size: 16px;
  cursor: pointer;
}
.height400 .headerWrap .text img {
  width: 7.2px;
  vertical-align: middle;
  margin-top: -0.6px;
  margin-left: -1.2px;
}
.height400 .headerWrap .code {
  float: right;
  width: 44.4px;
  height: 44.4px;
  margin: 5.4px 15.6px 0 0;
  background-size: 100% auto;
}
.height400 .headerWrap .code img {
  width: 100%;
  height: 1005;
}
.height400 .headerWrap .btnGroup {
  float: right;
  margin-right: 16.8px;
}
.height400 .headerWrap .btnGroup .btn {
  display: block;
  width: 88.8px;
  height: 27.6px;
  float: left;
  text-indent: -99999px;
  margin: 15px 0 0 0;
}
.height400 .headerWrap .btnGroup .Enter {
  background: url('img_v4/common/enter.png') center 0.6px no-repeat;
  background-size: 84px auto;
  margin-right: 18px;
}
.height400 .headerWrap .btnGroup .Enter:hover {
  background-position: center -27.6px;
}
.height400 .headerWrap .btnGroup .unitnGroup {
  background: url('img_v4/common/union.png') center 0.6px no-repeat;
  background-size: 84px auto;
  margin-right: 18px;
  cursor: pointer;
}
.height400 .headerWrap .btnGroup .unitnGroup:hover {
  background-position: center -27.6px;
}
.height400 .headerWrap .btnGroup .Connect {
  background: url('img_v4/common/connect-bg.png') center 0.6px no-repeat;
  background-size: 84px auto;
  cursor: pointer;
}
.height400 .headerWrap .btnGroup .Connect:hover {
  background-position: center -27.6px;
}
.height400 .headerWrap .btnGroup .recharge_enter {
  text-indent: 0;
  text-decoration: none;
  cursor: pointer;
  line-height: 42px;
}
.height400 .section1 {
  background-size: cover;
}
.height400 .section1 .page_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('img_v4/part1/weplay_bg.jpg') center top no-repeat;
  background-size: cover;
}
.height400 .section1 .g {
  width: 100%;
  max-width: 420px;
}
.height400 .section1 .img1 {
  width: 217px;
  height: 214.2px;
  right: -27.475px;
  top: 50%;
  margin-top: -124.6px;
  z-index: 100;
  background: url('img_v5/page1/page1-pc1-v2.png') center no-repeat;
  background-size: 100% auto;
}
.height400 .section1 .img3 {
  width: 221.55px;
  height: 185.15px;
  left: -4.55px;
  top: 50%;
  margin-top: -101.5px;
  background-size: contain;
}
.height400 .section1 .img3 .page_logo {
  width: 128.8px;
  height: 30.8px;
  background: url('img_v4/part1/weplay_title.png') center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 7%;
}
.height400 .section1 .img3 .descript {
  background: url(img/weplay_descript.png) no-repeat center;
  background-size: contain;
  height: 70px;
  position: relative;
  top: 98px;
}
.height400 .section1 .img3 .download {
  background: url(img/download-pc.png) no-repeat 25px center;
  background-size: contain;
  height: 25.9px;
  position: relative;
  top: 112px;
  cursor: pointer;
}
.height400 .section1 .img3 .btnGroup {
  position: absolute;
  right: 24px;
  top: 104.65px;
}
.height400 .section1 .img3 .btnGroup .btn {
  display: block;
  width: 108.5px;
  height: 28px;
  text-indent: -9999px;
  margin-bottom: 9.8px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.height400 .section1 .img3 .btnGroupHw {
  left: 10px;
}
.height400 .section1 .img3 .btnGroupHw .btn {
  width: 146.475px;
  height: 37.8px;
}
.height400 .section1 .img3 .btnGroupHw .iOS {
  display: none;
}
.height400 .section1 .footer-text {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  width: 610px;
}
.height400 .section1 .footer-text span {
  flex: 0 0 auto;
}
.height400 .section1 .footer-text span a {
  color: #fff;
}
.fp-tableCell {
  min-height: 365px;
}
.pc-btn {
  display: none;
  width: 133.2px;
  float: left;
  margin: 22.5px 0 0 0;
  color: #999;
  font-size: 16px;
  text-align: center;
  line-height: 37px;
  border: 1px solid #ddd;
  border-radius: 40px;
  margin-right: 30px;
  margin-top: 24px;
}
.link-security-btn {
  display: none;
}
.link-security-btn:hover {
  text-decoration: underline;
}
#auditBtn {
  display: none;
  color: transparent;
  background-image: url('img_v4/part1/exe.png');
}
#auditBtn:hover {
  background-image: url('img_v4/part1/exe.png');
  background-position: center bottom;
}
.pc-concant {
  display: none;
}
.report-wrap {
  font-size: 14px;
  color: #999;
  text-align: center;
}
.report-wrap a {
  color: #999999;
}
.report-wrap a:hover {
  color: #999999;
}
.unitnBox {
  display: none;
  position: fixed;
  top: 0;
  padding-top: 150px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  text-align: center;
  /* background-color: rgba(0, 0, 0, 0.7); */
  z-index: 999;
}
.unitnBox-info {
  position: relative;
  margin: 0 auto;
}
.unitnBox-img {
  width: 22vw;
  margin: 0 auto;
}
.unitnBox-img2 {
  width: 13.75vw;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
#connectBtn {
  position: relative;
}
.show-connect {
  width: 360px;
  height: 294px;
  background-image: url('img_v4/common//connect-erm.png');
  /* background-position: center bottom; */
  position: fixed;
  top: 61px;
  right: 0px;
  z-index: 100;
  display: none;
}
.show-connect .qr-code {
  width: 154px;
  height: 154px;
  background-image: url('img_v4/common/qr-big.png');
  position: absolute;
  top: 42px;
  left: 50%;
  transform: translateX(-50%);
}
.show-connect .connect-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  /* background: rgba(0, 0, 0, 0.4); */
}