@charset "utf-8";
/* CSS Document */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{ font-size:16px; font-family:"微软雅黑",Arial,Helvetica,STHeiti,Droid Sans Fallback; color:#374A61; letter-spacing:1px;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
h1,h2,h3 { font-weight:100;}
a{text-decoration:none; color:#FFF;}
.cl { clear:both;}
em { font-style:normal;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
.zt{ font-family:Microsoft YaHei;}
.btn-primary{ display: inline-block;background: linear-gradient( 90deg, #1CD37B 0%, #2AD6A1 100%);color: #fff;}
.btn-primary:hover{background: linear-gradient( 90deg, #1DB859 0%, #0DB799 100%);}
.svg-icon{    width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
.mt60{margin-top: 60px;}
/*top*/
.wrap{ position:relative;display:block;}
.top { width:100%;position: fixed;top: 0;z-index: 99999;}
.top.white{background: white;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.logo { flex: 478px 0 0;}
.logo img{ width: 48px;height: 48px;}
.logo a{ display: flex; align-items: center; color: #374A61;}
.head {display: flex; align-items: center; justify-content: space-between; max-width:1500px; height: 80px; margin:0px auto;}
.h-title{margin-left: 16px;font-weight: bold; font-size: 24px;}
.sub-title{margin-left: 10px; padding: 6px 20px; background: rgba(55,74,97,0.1); border-radius: 44px;font-size: 16px;color: #374A61;}
.h-split{padding: 0 20px;}
.btn_top {margin-left: 25px; padding: 8px 30px; border-radius:8px; font-size:16px;font-weight: bold;}
.title_a { font-weight: bold; font-size: 60px; color: #2D3A48;text-align: center;}
.title_b { margin-top: 10px; font-weight: 400; font-size: 20px;}
.s-split{padding: 0 14px;}
.section-1 {padding-top: 140px; background: url('../images/bg_section1.png') no-repeat center/cover; padding-bottom: 0;}
.downloads {
    display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
  }
  .down-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 260px;
    height: 70px;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
  }
  .down-box{
    display: inline-block;
  }
  .down-btn .svg-icon{
    margin-right: 14px;
    font-size: 30px;
  }
  .down-btn .text{
    font-size: 24px;
    font-weight: bold;
  }
  .down-btn .sub-text{
    margin-top: 2px;
    font-size: 12px;
  }
  .down-btn.mobile:hover .pop{
    display: block;
  }
  .down-btn.pc{
    margin-left: 20px;
    background-color: #3176dd;
  }
  .down-btn.pc:hover {
    background-color: #2c69c6;
  }
  .down-btn.pc:active {
    background-color: #23549e;
  }
  
  .popover .qrcode-img{
    width: 140px;
  }
  .pop{
    display: none;
    position: absolute;
    z-index: 9999;
    top: 62px;
    
  }
  .popover{
    margin-top: 12px;
    padding: 24px 12px 12px;
    transform-origin: center top;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background: #fff;
    color: #333;
    font-size: 12px;
  }
  .popover-arrow{
    position: absolute;
    top: -2px;
    left: 45%;
    border-width: 8px;
    border-color: transparent;
    border-bottom-color: #ebeef5;
    border-style: solid;
  }
  .popover-arrow::before{
    content: ' ';
    position: absolute;
    top: -7px;
    left: -8px;
    border-width: 8px;
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: solid;
  }
.banner {margin-top: 30px; position: relative;}
.banner img{width: 1300px;height: 554px;}
.section {display: flex; align-items: center; justify-content: center; column-gap: 60px; min-width: 1200px;margin-top: 60px;}
.section-img{width: 600px; height: 450px;line-height: 64px;}
.section-title{font-weight: bold; font-size: 46px;}
.section .strong{color: #35C76D;}
.section-ul{margin-top: 20px;}
.section-li{font-size: 18px;}
.section-li+.section-li{margin-top: 8px;}
.section-li::before{content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 10px; background: #374A61;border-radius: 50%;vertical-align: 0.15rem;}
.section .btn-primary{margin-top:20px; padding: 14px 60px;font-size: 18px;border-radius: 10px;}
.section:nth-child(odd){flex-direction: row-reverse;}

.section-6{margin-top: 60px; padding-top: 50px; padding-bottom: 62px; background: url(../images/bg_kefu.png) no-repeat center / cover;}
.kefu-title { position: relative; display: flex; align-items: center; justify-content: center;margin-bottom: 20px;font-size:32px; font-weight:bold;color: #333;}
.kefu-title::before{content: '';flex: 83px 0 0;height: 12px;margin-right: 10px;background: url(../images/pic_kefu.png) no-repeat center/contain;}
.kefu-title::after{content: '';flex: 83px 0 0;height: 12px;margin-left: 10px;background: url(../images/pic_kefu.png) no-repeat center/contain; transform: rotate(180deg);}
.kefu-desc{text-align: center; color: #333; line-height: 32px;}
.kefu-desc span{color: #9867FF;font-weight: bold;}
.section-7{ margin-top: 60px; }
.help-title{margin-bottom: 13px; font-weight: bold; font-size: 60px; text-align: center; font-style: italic;}
.section7 {display:flex;justify-content:center;flex-wrap: wrap;}
.section7 li { width:42%; border-radius:10px; box-shadow: 0px 0px 10px 0px rgba(26,177,94,0.2); margin:20px 0; padding:30px 30px;}
.section7 li:hover { box-shadow:0px 0px 10px 0px rgba(26,177,94,0.5);}
.section7 li:nth-child(2n) { margin-left: 64px;}
.section7 li h3 { font-size:22px; margin-bottom:20px;}
.section7 li h3::before {content:""; width:5px; height:25px; background:#fe7e62; display:inline-block; margin:0px 10px -5px 0;}
.section7 li p { font-size:15px;}
.star-box{width: 1200px; margin: 14px auto 16px;text-align: right;}
.star-box .svg-icon{font-size: 20px;}
.star-box .svg-icon+.svg-icon{margin-left: 10px;}
.star-box span{font-weight: bold; font-size: 14px; color: #393D59;}
.star-num{margin-left: 4px; font-weight: bold; font-size: 20px; color: #FF981E; font-style: normal; }
.user-list{width: 1120px; margin: 0 auto; padding: 0 40px; background: #F0FAFF; border-radius: 16px; }
.user-item {display: flex; align-items: center;height: 116px; border-bottom: 1px solid rgba(0,0,0,0.1); line-height: 26px;}
.user-item img{width: 46px;height: 46px;border-radius: 50%;}
.user-item .user-name{flex: 0 0 82px; margin-left: 12px; font-weight: bold; font-size: 14px; color: #393D59;}
.footer { text-align:center; padding:20px 0px;}
.footer p { width:800px; margin:5px auto; line-height:20px; font-size:13px; color:#888;}
.tj { display:none;}
.main-area{width: 1200px;margin: 0 auto;}