.left-box[data-v-17873963] {
  width: 46%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-box img[data-v-17873963] {
  max-width: 100%;
  max-height: 100%;
}
.right-box[data-v-903d79bd] {
  width: 54%;
  height: 30vw;
}
.right-box .header[data-v-903d79bd] {
  display: flex;
  justify-content: center;
  margin-top: 3%;
}
.right-box .header img[data-v-903d79bd] {
  height: 3.5vw;
}
.right-box .title[data-v-903d79bd] {
  display: flex;
  justify-content: center;
  margin-top: 3%;
}
.right-box .title img[data-v-903d79bd] {
  width: auto;
  height: 7.3vw;
}
.right-box .block-box[data-v-903d79bd] {
  display: flex;
  justify-content: center;
  height: 15vw;
}
.right-box .block-box .block[data-v-903d79bd] {
  border: 1px #fff solid;
  width: 11vw;
  margin-right: 3%;
  height: 14.5vw;
  border-radius: 15px;
  box-shadow: 0 14px 17px #3578f61a;
  background: rgba(255, 255, 255, 0.4);
}
.right-box .block-box .block .top[data-v-903d79bd] {
  width: 100%;
  height: 8.6vw;
  margin-top: 1.2vw;
}
.right-box .block-box .block .top .rqcode[data-v-903d79bd] {
  width: 80%;
  height: 100%;
  margin: auto;
}
.right-box .block-box .block .top .rqcode .QRCodeVueCss[data-v-903d79bd] {
  width: 100%;
  height: 100%;
}
.right-box .block-box .block .top .rqcode canvas[data-v-903d79bd] {
  width: 100% !important;
  height: 100% !important;
}
.right-box .block-box .block .top .logo[data-v-903d79bd] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.right-box .block-box .block .top .logo img[data-v-903d79bd] {
  width: 4vw;
}
.right-box .block-box .block .top .logo .name[data-v-903d79bd] {
  text-align: center;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  font-size: 0.93vw;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  color: #1d2a43;
  margin-top: 1.3vw;
}
.right-box .block-box .block .top .logo .version[data-v-903d79bd] {
  text-align: center;
  color: #a0a4b5;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  font-size: 0.62vw;
  font-weight: 400;
  line-height: 0.62vw;
  letter-spacing: 0px;
  margin-top: 0.8vw;
  min-width: 118px;
  transform-origin: center center;
}
.right-box .block-box .block .btn[data-v-903d79bd] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}
.right-box .block-box .block .btn .btn-font[data-v-903d79bd] {
  font-weight: 400;
  z-index: 2;
  color: #fff;
  font-size: 0.72vw;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  line-height: 1.97vw;
}
.right-box .block-box .block .btn .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 8.3vw;
  height: 2.7012vw;
}
.right-box .block-box .block .deepBlue-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-018ee8db.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .block .lightBlue-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-5fb4c63c.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .block .grep-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-3053446c.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .block .green-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-4c1e94fb.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .block .orange-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-0b2888f0.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .block .purple-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-0288d147.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .block .bluePurple-btn:hover .btn-img[data-v-903d79bd] {
  -webkit-backface-visibility: hidden;
  content: url(./BUT-hover-27dbb7b6.png);
  position: relative;
  width: 8.3vw;
}
.right-box .block-box .lightBlue-shadow[data-v-903d79bd],
.right-box .block-box .deepBlue-shadow[data-v-903d79bd],
.right-box .block-box .grep-shadow[data-v-903d79bd],
.right-box .block-box .bluePurple-shadow[data-v-903d79bd] {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(53, 120, 246, 0.05);
  box-shadow: 0 14px 17px #3578f60a, 0 30px 30px #3578f60d,
    0 68px 41px #3578f60d, 0 121px 48px #3578f603, 0 189px 53px #3578f600;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .green-shadow[data-v-903d79bd] {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(94, 192, 72, 0.05);
  box-shadow: 0 14px 17px #5ec0480a, 0 30px 30px #5ec0480d,
    0 68px 41px #5ec0480d, 0 121px 48px #5ec04803, 0 189px 53px #5ec04800;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .orange-shadow[data-v-903d79bd] {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(255, 189, 76, 0.05);
  box-shadow: 0 14px 17px #ffbd4c0a, 0 30px 30px #ffbd4c0d,
    0 68px 41px #ffbd4c0d, 0 121px 48px #ffbd4c03, 0 189px 53px #ffbd4c00;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .purple-shadow[data-v-903d79bd] {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(119, 41, 232, 0.05);
  box-shadow: 0 14px 17px #7729e80a, 0 30px 30px #7729e80d,
    0 68px 41px #7729e80d, 0 121px 48px #7729e803, 0 189px 53px #7729e800;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .lightBlue-shadow[data-v-903d79bd]:hover,
.right-box .block-box .deepBlue-shadow[data-v-903d79bd]:hover,
.right-box .block-box .grep-shadow[data-v-903d79bd]:hover,
.right-box .block-box .bluePurple-shadow[data-v-903d79bd]:hover {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(61, 123, 236, 0.06);
  box-shadow: 0 14px 17px #3d7bec1a, 0 30px 30px #3d7bec0d,
    0 68px 41px #3d7bec0d, 0 121px 48px #3d7bec03, 0 189px 53px #3d7bec00;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .green-shadow[data-v-903d79bd]:hover {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(94, 192, 72, 0.06);
  box-shadow: 0 14px 17px #5ec0481a, 0 30px 30px #5ec0480d,
    0 68px 41px #5ec0480d, 0 121px 48px #5ec04803, 0 189px 53px #5ec04800;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .orange-shadow[data-v-903d79bd]:hover {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(255, 189, 76, 0.06);
  box-shadow: 0 14px 17px #ffbd4c1a, 0 30px 30px #ffbd4c0d,
    0 68px 41px #ffbd4c0d, 0 121px 48px #ffbd4c03, 0 189px 53px #ffbd4c00;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .block-box .purple-shadow[data-v-903d79bd]:hover {
  border-radius: var(--size-size-10, 10px);
  border: 1px solid var(--style-backdrop, #fff);
  background: rgba(119, 41, 232, 0.06);
  box-shadow: 0 14px 17px #7729e81a, 0 30px 30px #7729e80d,
    0 68px 41px #7729e80d, 0 121px 48px #7729e803, 0 189px 53px #7729e800;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}
.right-box .fadeRqc-enter-active[data-v-903d79bd],
.right-box .fadeRqc-leave-active[data-v-903d79bd] {
  transition: opacity 0.2s ease;
}
.right-box .fadeRqc-enter-from[data-v-903d79bd],
.right-box .fadeRqc-leave-to[data-v-903d79bd] {
  opacity: 0;
}
.right-box .fadeRqc-enter-to[data-v-903d79bd],
.right-box .fadeRqc-leave-from[data-v-903d79bd] {
  opacity: 1;
}
.footer[data-v-20ccd537] {
  text-align: center;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  font-size: 0.62vw;
  font-weight: 400;
  line-height: 0.62vw;
  letter-spacing: 0px;
  color: #a0a4b5;
}
.page-box[data-v-cc61d673] {
  height: 100vh;
}
.page-box .main[data-v-cc61d673] {
  height: 94%;
  padding: 0% 6% 0% 0%;
  display: flex;
  align-items: center;
}
.main-box[data-v-e81a8752] {
  padding: 10px 0;
}
.main-box .logo[data-v-e81a8752] {
  text-align: center;
}
.main-box .logo img[data-v-e81a8752] {
  height: 10vw;
}
.main-box .title[data-v-e81a8752] {
  text-align: center;
  margin-top: 20px;
}
.main-box .title img[data-v-e81a8752] {
  height: 8vw;
  width: 87.5vw;
}
.main-box .msg[data-v-e81a8752] {
  margin: 25px 0;
  text-align: center;
}
.main-box .msg img[data-v-e81a8752] {
  width: 100%;
}
.main-box .btn[data-v-e81a8752] {
  display: flex;
  justify-content: center;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}
.main-box .btn .btn-font[data-v-e81a8752] {
  font-weight: 400;
  z-index: 2;
  color: #fff;
  font-size: 3.45vw;
  letter-spacing: 0px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  line-height: 13vw;
}
.main-box .btn .btn-img[data-v-e81a8752] {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 53vw;
  height: 17.4vw;
}
.main-box .version[data-v-e81a8752] {
  color: #a0a4b5;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  font-size: 2.4vw;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: center;
  height: 20px;
  line-height: 5px;
  margin-top: 10px;
}
.install-box[data-v-38e87632] {
  margin-top: 5px;
}
.install-box img[data-v-38e87632] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.des[data-v-38e87632] {
  text-align: center;
  margin-top: 5px;
}
.des img[data-v-38e87632] {
  height: 16px;
}

.web[data-v-c03427e1] {
  height: 100vh;
  width: 100vw;
  background: url(./web_bg-4ec5f78d.jpg) no-repeat center center fixed;
  background-size: cover;
}

.h5[data-v-c03427e1] {
  width: 100vw;
  min-height: 100vh;
  background: url(./h5_bg-f6ee58ca.jpg) no-repeat center top;
  background-size: cover;
}


/* 新增样式 */
.qrcode-download{
    position:relative;
    overflow: hidden;
}
.qrcode-wrapper{
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    z-index:10;
    transition: all ease-in .2s;
}
.qrcode{
    width: 100%;
    padding:10%;
    box-sizing: border-box;
}
.qrcode img{
    width: 100%;
    height: 100%;
}
.qrcode-download:hover .qrcode-wrapper{
    opacity: 1;
}