@charset "utf-8";
/* 默认显示桌面内容 */
.mobile-content {
    display: none;
}
.desktop-content {
    display: block;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
html,body{
  height: 100%;
  width: 100%;

  background: #fff;
}
body {
  margin: 0;
  padding: 0;
  position: relative;
}
p,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  border: none;
}
a,
a:hover {
  text-decoration: none;
}
input{
  outline:none;
  border:0;
  padding: 0;
}
.md_btn{display: none;}
/*导航*/
.bg{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.bg img{
  width: 960px;
  height: auto;
}
.bigBox{
  width: 100%;
  min-width: 1200px;
  /* width: 1200px;
  margin: 0 auto; */
}
.nav{
  width: 1200px;
  height: 70px;
  /* background: #fff; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.logo-v {
  width: 200px;
  height: 60px;
  /* background-color: #000; */
}
.logo-title{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  float: left;
  height: 60px;
  line-height: 60px;
  margin-left: 20px;
}
.logo{
  width: 60px;
  height: 60px;

  background-image: url(../images/logo.png);
  background-size: cover;
  /* background-repeat: round; */
  /* float: left; */
  /* object-fit: fill; */
}
.nav p{
  font-size: 20px;
  font-weight: bold;
  color: #000;
  float: left;
  line-height: 80px;
  margin-left: 10px;
}
.bannerBox{     
  background-size: cover;
  width: 100%;
  min-width: 1200px;
  height: 682px;
  overflow: hidden;
  position: relative;
  background-image: url(../images/bg@2x.png);
  background-repeat: round;
}
.banner-nav{
  width: 1200px;
  margin: 0 auto;
  padding-top: 25px;
}
.bannerSmallBox{
  width: 1200px;
  margin: 0 auto;
  padding-top: 61px;
}
.bannerLeft{
  float: left;
}
.bannerLeft h2{
  font-size: 58px;
  line-height: 80px;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
}
.bannerLeft p{
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  margin-top: 0px;
  line-height: 28px;
  margin-bottom: 20px;
}
.banner1Box{
  background: linear-gradient(to right, 
                rgb(138, 56, 245) 25%,  /* 黄色，25% 的位置 */
                rgb(88, 72, 202) 50%,  /* 绿色，50% 的位置 */
                rgb(38, 84, 163) 100%); /* 蓝色，结束位置，可以与上一个相同以保持平滑过渡 */
  background-size: cover;
  width: 100%;
  height: 420px;
  overflow: hidden;
  position: relative;
}
.banner-btnv {
  height: 60px;
  width: 500px;
  display: flex;
  justify-content: left; 
  align-items: start;
  /* background-color: #000; */
}
.banner-txtv {
  display: flex;
  align-items: start;
  /* background-color: #000; */
}
.text-tab-des{
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
  opacity: 0.65;
  margin-bottom: 30px;
}
.tuBox{
  position: absolute;
  top:80px;
  right:0px;
}
.btnBox{
  overflow: hidden;
  margin-top: 50px;
}
.btnBox a{
  height: 60px;
  background: #fff;
  color:#000;
  border-radius: 30px;
  float: left;
}
.btnBox a.an{
  width: 200px;
}
.btnBox a.ios{
  width: 200px;
  margin-left: 20px;
}
.goo{
  width: 420px;
  display: block;
  height: 60px;
  background: #fff;
  color:#000;
  border-radius: 30px;
  margin-top: 20px;
}
.goo img{
  width: 24px;
  height: 24px;
  float: left;
  margin: 18px 10px 0 140px;

}
.goo p{
  font-size: 16px;
  line-height: 60px;
  float: left;
  font-weight: bold;
  color: #000;
}
.btnBox a img{
  width: 24px;
  height: 24px;
  float: left;
  margin: 16px 10px 0 40px;
}
.btnBox a p{
  font-size: 16px;
  line-height: 60px;
  float: left;
  font-weight: bold;
  color: #000;
}
.tu{
  margin-top: 65px;
  width: auto;
  height: 411px;
  display: block;
}

.youBox{
  width: 1200px;
  margin: 0 auto;
  margin-top: 160px;
  overflow: hidden;
}
.youBox h2{
  font-size: 46px;
  line-height: 80px;
  color: #000;
  text-align: center;
  margin-bottom: 60px;
}
.width33{
  width: 31%;
  height: 360px;
  float: left;
  margin-right: 2%;
}
.icon1{
   overflow: hidden;
   text-align: center;
   background: rgba(74,82,255,0.1);
}
.icon1 p{
  padding: 0 30px;
}
.icon1 img{
  margin-top: 70px !important;
}
.width33:last-child{
  margin-right: 0;
}
.width33 img{
  width: 20%;
  height:auto;
  margin: 0 auto;
}
.width33 h3{
  font-size: 24px;
  line-height: 40px;
  color: #000;
  margin-top: 20px;
}
.width33 p{
  font-size: 14px;
  color: #000;
  opacity: 0.65;
  line-height: 22px;
}
.width33 ul{
  overflow: hidden;
}
.tel{
  float: right !important;
  font-weight: 300 !important;
}
.width33 li{
  height: 170px;
  background: rgba(74,82,255,0.1);
  margin-bottom: 20px;
  text-align: left;
}
.width33 li img{
  float: left;
  margin: 45px 10px 0 20px;
}
.width33 li:last-child{
  margin-bottom: 0;
}
.text1{
  width: 65%;
  text-align: left;
  float: left;
  margin-top: 22px;
}
.card1{
  width: 65%;
  text-align: center;
  float: left;
  margin-top: 22px;
  border:0.5px solid #999;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.centerlrview {
  display: flex;
  justify-content: center;
}
.leftlrview {
  display: flex;
  justify-content: left;
  margin-bottom: 20px;
}
.bordercard {
  width: 346px;
  height: 352px;
  box-shadow: 
    -3px 0 0 0 rgba(0, 0, 0, 0.1), /* 左侧阴影 */
    3px 0 0 0 rgba(0, 0, 0, 0.1), /* 右侧阴影 */
    0 -3px 0 0 rgba(0, 0, 0, 0.1), /* 顶部阴影 */
    0  3px 0 0 rgba(0, 0, 0, 0.1); /* 底部阴影 */
  border-radius: 3px;
  text-align: center;
  align-self: center;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;

}
.column {
  flex-direction: column;
  display: flex;
}
.tab-icon {
  width: 76px;
  height: 75px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.bordercard-line {
  width: 70px;
  height: 4.2px;
  text-align: center;
  align-self: center;
  border-radius: 2.1px;
  background-color: rgb(55, 127, 180);
  margin-top: 20px;
  margin-bottom: 35px;
}
.bordercard-title {
  font-weight: 800;
  font-size: 17px;
  color: #000;
}
.tab-card-desc {
  font-size: 16px;
  color: #666;
  margin-top: 15px;
  line-height: 28px;
  margin-bottom: 10px;
  /* margin-left: 15px; */
  margin-right: 15px;
  max-lines: 3;
  overflow: auto;
}
.bordercard-desc {
  font-size: 13px;
  color: #666;
  margin-top: 15px;
  margin-bottom: 10px;
  /* margin-left: 15px; */
  margin-right: 15px;
}
.timel-title {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
  text-align: center;
  font-weight: 600;
}
.timel-des {
  font-size: 16px;
  color: rgb(221, 221, 221);
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}

.dingBox{
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}
.tit{
  font-size: 34px;
  font-weight: 600;
  line-height: 80px;
  color: rgb(0, 6, 25);
}
.tit-pay-data{
  font-size: 34px;
  font-weight: 600;
  line-height: 80px;
  color: rgb(0, 6, 25);
  text-align: left;
}
.pay-data-des {
  font-size: 16px;
  color: rgb(114, 114, 114);
  margin-top: 5px;
  /* margin-bottom: 10px; */
  /* margin-left: 15px; */
  margin-right: 15px;
  line-height: 28px;
  text-align: left;
}

.pay-data-lv {
  display: flex;
  justify-content: left;
  margin-top: 29px;
}
.pay-data-momo{
  font-size: 16px;
  color: #666;
  margin-top: 10px;
  line-height: 22px;
  /* margin-bottom: 10px; */
  /* margin-left: 15px; */
  /* margin-right: 15px; */
}
.buy-sell-con {
  background-color: rgb(242, 242, 255);
  margin-top: 50px;
  border-top-left-radius: 300px;
  border-top-right-radius: 500px;
}
.buy-sell-momo{
  font-size: 16px;
  color: #666;
  margin-top: 15px;
  margin-bottom: 10px;
  line-height: 28px;
  text-align: left;
}
.buy-sell-imgv {
  width: 43%;
}
.buy-sell-img{
  width: 100%;
  height: auto;
}
.work-view{
  width: 1200px;
  margin: 10px auto;
  text-align: center;
  padding-top: 70px;
  background-color: rgb(242, 242, 255);
  width: 100%;
  margin: 0 auto;
}
.work-tit{
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
  color: rgb(0, 6, 25);
  margin-bottom: 30px;
}
.work-des{
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: rgb(114, 114, 114);
  margin-top: 0px;
  margin-bottom: 15px;
}
.down-title{
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: rgb(0, 6, 25);
  text-align: center;
  margin-bottom: 0px; 
}
.feed-back-tit{
  font-size: 34px;
  font-weight: 600;
  line-height: 80px;
  color: rgb(0, 6, 25);
  text-align: center;
  line-height: 50px;
  margin-bottom: 10px;
  margin-top: 40px;
}
.text2{
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
  opacity: 0.65;
  margin-bottom: 15px;
}

.dingBox img{
  width: 100%;
  margin-top: 80px;
}
.botBox-tab {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  margin-top: 45px; 
  /* background-color: rgb(242, 242, 255);  */
  width: 100%; 
}
.botBox-tab ul{
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  width: 68%;
  /* background-color: #23282d; */
  padding-bottom: 10px;
}
.botBox-tab ul li{
  width: 33.33%;
  float: left;
  text-align: center;
}

.botBox{
  width: 1200px;
  margin: 10px auto;
  text-align: center;
}

.botBox ul{
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  width: 68%;
}
.botBox ul li{
  width: 33.33%;
  float: left;
  text-align: center;
}
.botBox ul li img{
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}
.botBox ul li span{
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  margin-top: 20px;
}
.bottomBox{
  width: 100%;
  height: 80px;
  background-color: #373968;
}
.smallBox{
  width: 1200px;
  margin: 0 auto;
}
.smallBox *{
  font-size: 16px;
  line-height: 20px;
  margin-top: 30px;
  color: #fff;
  opacity: .65;
  float: left;
}
.smallBox a{
  padding: 0 15px;
  border-right:1px solid #fff;
}
.smallBox p{
  margin-left: 20px;
}
.smallBox a:last-child{
  border-right: none;
}
.smallBox .right{
  float: right;
}
.download {
  background-color: rgb(95,95,255);
  margin-left: 15px;
  height: 48px;
  width: 200px;
  line-height: 48px;
  border: none;
  border-radius: 24px;
  color: white;
  font-size: 16px;
  text-align: center;
}
.launage {
  height: 48px;
  width: 200px;
  line-height: 44px;
  color: white;
  font-size: 16px;
}
.connect{
  margin-left: 50px;
  height: 48px;
  width: 200px;
  line-height: 48px;
  border-radius: 24px;
  color: white;
  font-size: 16px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0);
}
.phone{
  width: 100%;
  height: auto;
}
.phone-desc-view {
  width: 50%;
  border-radius: 3px;
  /* text-align: center; */
  align-self: flex-start;
  padding-top: 0px;
  padding-bottom: 35px;
  padding-right: 10px;
  margin-top: 42px;
  margin-bottom: 10px;
  /* background-color: #409EFF; */
}
.phone-desc-view1{
  width: 50%;
  border-radius: 3px;
  text-align: center;
  align-self: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 20%;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.coin-view {
  width: 60px;
  height: 60px;
}
.coin-title {
  margin-top: 20px;
  font-size: 18px;
  color: rgb(0, 6, 25);
  font-weight: 400;
}
.coin-center-view {
  width: 200px;
  height: 4px;
  /* text-align: center;
  align-self: center; */
  border-radius: 1px;
  background-color: rgb(218, 218, 226);
  line-height: 40px;
  margin-left: 36px;
  margin-right: 36px;
  margin-top: 28px;
}
.phone-new {
  width: 607px;
  height: auto;
  margin: 55px;
}
.download-btn {
  display: flex;
  justify-content: center;
  width: 242px;
  height: 48px;
  margin-left: 10px;
  margin-right: 10px;
  border: none;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, 
                rgb(222, 151, 120) 25%,  /* 黄色，25% 的位置 */
                rgb(187, 126, 177) 50%,  /* 绿色，50% 的位置 */
                rgb(148, 96, 242) 75%,  /* 蓝色，75% 的位置 */
                rgb(148, 96, 242) 100%); /* 蓝色，结束位置，可以与上一个相同以保持平滑过渡 */
}
.download-btn-icon {
  width: 20px;
  height: 20px;
  color: white;
  margin-right: 15px;
}
.download-btn-title {
  font-size: 18px;
  color: white;
  line-height: 48px;
}
.download-card-des {
  font-size: 16px;
  color: rgb(204, 204, 204);
  text-align: center;
}
.download-card-title {
  font-size: 38px;
  color: white;
  font-weight: 600;
}
.download-card {
  background-color: rgb(138, 56, 246);
  width: 600px;
  height: 160px;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 70px;
  margin-left: calc(50% - 300px);
  display: flex;
  align-items: center
}
.help-card {
  margin-top: 30px;
  margin-bottom: 40px;
  background-color: rgb(245, 245, 255);
  width: 480px;
  height: 270px;
  border-radius: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px;
}
.help-header {
  display: flex;
  justify-content: start;
}
.helper-name{
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.helper-img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.helper-desc{
  font-size: 14px;
  color: #666;
  text-align: start;
  margin-top: 10px;
  margin-bottom: 8px;
}
.buy-line {
  height: 4px;
  width: 700px;
  background-color: #000;
}
.el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
}
.select-wrapper{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: REM(50);
  margin: REM(10) auto;
  padding-top: REM(15);
  &>select{
      width: REM(458);
      height: REM(63);
      padding-left: REM(20);
      border: 1px solid #23282d;
      background: #23282d;
      -webkit-appearance: none;
      color: #92989f;
      font-size: REM(24);
      margin-top: REM(75);
      border-radius: 0;
      z-index:10;
  }
  .arrow{
      position: absolute;
      width: REM(41);
      height: REM(30);
      top: REM(65);
      right: REM(80);
      pointer-events: none;
      z-index:11;
  }

}
.box-stack {
  width: 70%;
  height: 100%;
  /* display: flex;
  justify-content: center; */
  /* padding-left: 10px;
  padding-right: 10px; */
  /* background-color: rgba(255, 255, 255, 0.2); */
  position: relative;
}
.box-line {
  position: absolute;
  height: 40px;
  width: calc(100% - 20px);
  /* margin-top: 45px; */
  /* background-color: blue; */
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 140px;

  /* background-color: #000; */
}
.box-point-c {
  position: absolute;
  height: 4px;
  width: calc(100% - 20px);
  margin-top: 45px;
  background-color: rgb(81, 255, 255);
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 158px;
}
.box-point-sc{
  position: absolute;
  height: 10px;
  width: calc(100% - 20px);
  /* margin-top: 45px; */
  /* background-color: rgb(81, 255, 5); */
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 155px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-line1 {
  /* position: absolute; */
  /* height: 10px; */
  width: calc(100% - 10px);
  /* background-color: red; */
  display: flex;
  justify-content: center;
}
.box-text-con {
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
  height: 100%;
  /* background-color: rgba(111, 111, 111, 0.6); */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
}
.box-text-con1 {
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
  height: 100%;
  /* background-color: rgba(111, 111, 111, 0.6); */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
}
.box-text-con-point{
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
  height: 100%;
  /* background-color: yellow; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.line-point {
  background-color: rgba(81, 255, 255, 0.2);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.line-point1 {
  background-color: rgba(81, 255, 255, 0.4);
  width: 26px;
  height: 26px;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.line-point2 {
  background-color: rgba(81, 255, 255, 1);
  width: 14px;
  height: 14px;
  border-radius: 7px;
}
.bigBox-stack{
  width: 100%;
  /* height: 100%; */
  position: relative;
  /* overflow: auto; */
}
.absolute-top {
  position: absolute;
  top: 0px;  
  left: 0px; 
  width: 100%;
  height: 280px;
  background-color: rgb(242, 242, 255);
  background-size: cover;
  display: flex;
  justify-content: center;

}
.absolute-bottom {
  position: absolute;
  bottom: 0px;  
  right: 0px; 
  width: 100%;
  top: 290px;
  background-color: #fff;
  background-size: cover;
  padding-top: 120px;
}
.absolute-layer {
  position: absolute;
  top: 200px;  
  right: 0px; 
  width: 100%;
  height: 200px;
  background-size: cover;
}
.download-card-line {
  background-color: #fff;
  width: 1px;
  height: 100px;
  margin: 40px;
}
.page-footer {
  width: 100%;
  background-color: rgb(242, 242, 255);
  background-size: cover;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
.foot-notice {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 20px;
  color: rgb(38, 56, 245)
}
.foot-connect {
  height: 48px;
  width: 200px;
  line-height: 48px;
  border: none;
  border-radius: 24px;
  color: white;
  font-size: 16px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 80px;
  background-color: rgb(138, 56, 248);
}


.select-container {
  position: relative;
  user-select: none;
  height: 44px;
  display: flex;
  justify-content: center;
}
 
.select-control {
  /* padding: 10px; */
  cursor: pointer;
  display: inline-block;
}
 
.select-options {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-radius: 8px;
  margin-left: 60px;
}
 
.select-options li a {
  padding: 10px;
  display: block;
  
}
.select-options li a:hover {
  background-color: #f0f0f0;
}
.banner-android{
  background: linear-gradient(to right, 
                rgb(138, 56, 245) 25%,  /* 黄色，25% 的位置 */
                rgb(88, 72, 202) 50%,  /* 绿色，50% 的位置 */
                rgb(38, 84, 163) 100%); /* 蓝色，结束位置，可以与上一个相同以保持平滑过渡 */
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: 1200px;
}

.apk-icon {
  width: 300px;
  height: 300px;
  margin-top: 15px;
  margin-bottom: 20px;
}