body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd{margin:0;padding:0}
*{outline:none;}
div,ul,h1,h2,h3,h4,h5,h6{box-sizing:border-box}
ul,ol,li{list-style:none}
a:hover{color:#3a73e0;text-decoration:none;}
a{text-decoration:none;}
html,body{min-height:100%;display:flex;flex-direction:column;min-height:100vh;}
p{text-align:justify;text-justify:inter-ideograph;}
em{font-style:inherit;}
header{padding:12px 24px;}
header .logo_box{cursor:pointer;display: flex;}
header .logo_box img{height:40px;width:auto;}
.head {background-image: url("../img/background.webp");background-size: 100% 100%;background-repeat: no-repeat;}
.sec-one{padding: 36px 0 1px 0;width:100%;row-gap: 32px;display:flex;flex-direction: column-reverse;align-items:center;justify-content: center;}
.sec-one .banner {width: 518px;}
.sec-one .info {display: flex;flex-direction: column;align-items: center;}
.sec-one .banner-name {font-weight:bold;font-size: 54px;color: #3C80F4;}
.sec-one .banner-name2 {font-weight: bold;font-size: 36px;color: #333;}
.sec-one .banner-desc {font-size: 22px;color: #666666;margin-top:10px;}
.sec-one .banner-desc br{display:none;}
.sec-one .banner-btn{background:#fff;border-radius:55px;padding: 12px 48px;margin-top: 20px;font-size: 22px;color: #fff;background-color: #3C80F4;display:flex;align-items:center;}
.sec-one .banner-btn i{width:24px;height:24px;background:url("../img/win-ico.webp");background-size:24px;margin-right:16px;}
.sec-one .banner-device{font-size: 14px;color: #333;line-height:22px;margin-top: 10px;margin-bottom:0;display: flex;gap: 14px;}
.sec-one .index-device-desc{font-size: 14px;color: #333;line-height:22px;margin-top: 12px;}
.index-btn_wrap{position: relative;cursor: pointer;}
.index-code-box{display:flex;align-items:flex-end!important;justify-content:center!important;width:179px!important;height:197px!important;background:url(../img/code-box.png);background-size:179px 197px;position:absolute;top: 70px;left:11%;z-index:5;display:none!important;}
.index-code-box .index-code{margin-bottom:24px;}
.index-code-box .index-code img{width:136px!important;height:136px!important}
.sec-two{display:flex;flex-direction: column;background-color: #fff;padding: 0 0 120px 0;align-items: center;}
.sub-name {display: flex;margin: 80px auto 40px;width: 284px;height: 64px;background-size: 100%;background-image: url(../img/sub-name-2.webp);}
.sec-two .tips {font-size: 18px;color: #fff;}
.sec-two .sec-name {font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 47px;margin-top: 6px;}
.sec-two .lists {display: flex;flex-wrap: wrap;max-width: 996px;column-gap: 24px;row-gap: 24px;margin-top: 40px;}
.sec-two .lists .item {background: linear-gradient( 270deg, #E3EEFF 0%, #F4F8FF 100%);padding: 32px 24px;display: flex;column-gap: 32px;width: 485px;align-items: center;}
.sec-two .lists .item img {width: 56px;height: 56px;}
.sec-two .lists .item .info {display: flex;row-gap: 10px;flex-direction: column;}
.sec-two .lists .item span {font-size: 18px;font-weight: bold;color: #3C80F4;}
.sec-two .lists .item p {font-size: 14px;color:#666;}
.sec-three .sub-name {background-image: url(../img/sub-name-1.webp);}
.sec-three .sec-1,
.sec-three .sec-2,
.sec-three .sec-3,
.sec-three .sec-4 {display: flex;padding: 60px 0;column-gap: 135px;align-items: center;justify-content: center;}
.sec-three .sec-1,.sec-three .sec-3 {flex-direction: row-reverse;}
.sec-three .sec-1 .info,
.sec-three .sec-2 .info,
.sec-three .sec-3 .info,
.sec-three .sec-4 .info{width: 380px;}
.sec-three .sec-1 .info h3,
.sec-three .sec-2 .info h3,
.sec-three .sec-3 .info h3,
.sec-three .sec-4 .info h3 {font-weight: bold;font-size: 30px;color: #3C80F4;}
.sec-three .sec-1 .info p,
.sec-three .sec-2 .info p,
.sec-three .sec-3 .info p,
.sec-three .sec-4 .info p {font-size: 16px;color: #666;line-height: 24px;margin-top: 24px;}
.sec-three .sec-1 img,
.sec-three .sec-2 img,
.sec-three .sec-3 img,
.sec-three .sec-4 img {width: 530px;}
footer{padding:24px 0 18px;background:#E8EFFA;text-align:center;}
footer .friend-link{font-size:12px;color:#636363;line-height:20px;}
footer .friend-link a{font-size:12px;color:#636363;line-height:20px;margin-left:4px;display:inline-block;}
footer .friend-link a:hover{color:#226EF1;}
footer p{font-size:12px;color:#636363;line-height:20px;text-align: center;}
footer #beian,footer .beian{font-size:12px;color:#636363;line-height:20px;}
.ios-desc{display:none;}
#to_top {position: fixed;bottom: 150px;right: 270px;cursor: pointer;z-index: 1000;display: none;}
#to_top img {width: 65px;height: 65px;}

.crumbs {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background: rgb(232 240 254 / 0.66);
}

.crumbs .crumbs-middle {
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

.crumbs a {
    color: #666666;
}

.crumbs a:hover {
    color: #007aff;
}
.Min3 {
    margin-bottom: 64px;
}
.c-main {
    width: 1200px;
    margin: 0 auto;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.d-flex {
    display: flex !important;
}
.Min3 .m-t-56 {
    margin-top: 28px;
}
.pc-none {
    display: none;
}
.Min4 {
    padding: 0;
}
.relation {
    margin-top: 25px;
}
.comm_itembox {
    width: 100%;
    padding-top: 18px;
    background-color: #fff;
    box-sizing: border-box;
}
.con_main_info {
    padding-left: 16px;
    width: 100%;
    overflow: hidden;
    padding: 10px 16px 0 8px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}
.artDel_name {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.comm_itembox .artDel_name h1, .comm_itembox .artDel_name h2 {
    padding: 0 1rem;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    font-size: 26px;
    font-weight: bold;
}
.artDel_name p {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 16px;
}
.artDel_name p time {
    display: none;
}
.artDel_name p span {
    display: inline-block;
    color: #707070;
    font-size: 14px;
}
.artDel_name p span a {
    color:#1687FF;
}
.c-main .content {
    padding: 24px 0 0;
    margin-top: 0;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 26px;
    font-style: normal;
}
.Min3 .content {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px;
}
.c-main .content p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 26px;
    font-style: normal;
}
.c-main .content h3 {
    font-size: 18px;
    color: #006FFA;
    text-align: left;
    font-style: normal;
    margin: 16px 0 16px;
    font-weight: bold;
}
.c-main .content img {
    max-width: 700px;
    max-height: 400px;
    height: auto;
    width: auto;
    display: block;
    margin: 24px auto;
    box-shadow: 0 0 10px 2px rgb(101 156 255 / 50%);
}
.c-main .content p a {
    vertical-align: unset;
    color: #1687FF;
}
.part-title {
    border-bottom: 2px solid #E4E4E4;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    display: flex;
    margin-top: 56px;
}
.c-main .part-title {
    margin-top: 56px;
}
.Min4 .part-title {
    margin-bottom: 20px;
}
.part-title span, .part-title h2 {
    padding-bottom: 8px;
    border-bottom: 2px solid #1473E1;
}
.relation ul.relation-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    justify-content: space-around;
}
.Min4 ul.relation-info {
    justify-content: space-between;
}
.relation ul.relation-info li {
    width: 45%;
    list-style-type: none;
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
.Min4 ul.relation-info li {
    border: unset;
    width: 48%;
    padding: 15px 0;
    border-bottom: 1px dashed #DDDDDD;
}
.relation ul.relation-info li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.relation ul.relation-info li .title a {
    color: #333;
}
.relation ul.relation-info li .info {
    display: flex;
    margin-top: 15px;
    align-items: center;
}
.relation ul.relation-info li .info img {
    height: 80px;
    margin-right: 15px;
    width: 115px;
}
.relation ul.relation-info li .info p {
    height: 63px;
    font-size: 14px;
    color: #444;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}
.main_wrap {
    width: 1200px;
    margin: auto;
}
.part-privacy h1 {
    font-size: 32px;
}
.part-privacy {
    padding: 16px;
    font-size: 16px;
    line-height: 32px;
}
.part-privacy p{
    font-size: 16px;
    line-height: 32px;
}
.page-404 {
    height: 100%;
}

.page-404 img {
    width: 100%;
    margin-top: 4rem;
    padding: 0 2rem;
    box-sizing: border-box;
}

.page-404 h1,.page-404 span {
    display: block;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 2rem;
}

.page-404 .desc {
    text-align: center;
    font-size: .75rem;
    margin-top: .5rem;
}

.page-404 .desc a {
    color: #3C80F4;
}

.page-404 .btn-lists {
    margin: 1.5rem 0 1rem;
    display: flex;
    justify-content: center;
}

.page-404 .btn-lists a {
    width: 78px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: #3C80F4;
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 1.5rem;
}
.sec-four {
    margin-top: 0;
    padding: 64px 0 88px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
  }
  .sec-four h3 {
    font-size: 40px;
  }
  .sec-four .faq-list {
    width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 16px;

  }

  .sec-four .faq-list .faq-item {
    padding: 0 0 0 8px;
    border-radius: var(---8, 8px);
    border: 1px solid var(--10, rgba(0, 0, 0, 0.10));
    display: flex;
    flex-direction: column;
  }

  .sec-four .faq-title {
    display: flex;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
  }

  .sec-four .faq-title .faq-serial {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1687FF;
    margin: 13px;
  }

  .sec-four .faq-title .faq-title-text {
    flex: 1;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: var(--90, rgba(0, 0, 0, 0.90));
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
  }

  .sec-four .faq-title .faq-dropdown-icon {
    width: 25px;
    height: 25px;
    margin: 0px 16px 0 16px;
    background: url('/statics/2024/img/toggle.png') no-repeat 0 0 / 50px 25px;
  }
  .sec-four .faq-title .faq-dropdown-icon.active {
      transform: rotate(180deg);
  }
  /*.sec-four .faq-title:hover .faq-dropdown-icon {*/
  /*  background: url('/statics/2024/img/toggle.png') no-repeat -25px 0 / 50px 25px;*/
  /*}*/

  .sec-four .faq-container {
    display: none;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    margin-top: -8px;
    padding: 0 60px 24px 32px;
  }

  .sec-four .faq-container.active {
    display: flex;
  }

  .sec-four .faq-container .faq-content {
    font-size: 16px;
    font-weight: 400;
    color: var(--90, rgba(0, 0, 0, 0.60));
    text-align: start;
  }

  .sec-four .faq-container .faq-detail-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--normal, #1687FF);
    font-family: "Microsoft YaHei UI";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
  }

  .sec-four .faq-container .faq-detail-btn:hover {
    color: var(--hover, #1687FF);
  }

  .sec-four .faq-container .faq-detail-btn:active {
    color: var(--hover, #1687FF);
  }

  .sec-four .faq-all-btn {
    width: 216px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(---normal, #1687FF);
    color: var(--normal, #1687FF);
    font-weight: 700;
  }

  .sec-four .faq-all-btn:hover {
    border: 1px solid var(---normal, #1687FF);
    color: var(--normal, #27C566);
  }

  .sec-four .faq-all-btn:active {
    border: 1px solid var(---normal, #1687FF);
    color: var(--normal, #1687FF);
  }
@media screen and (max-width:950px){
    .head{background-image: url(../img/background-m.webp);}
}
@media screen and (max-width:810px){
    header{padding:1rem;}
    header .logo_box img{height:2rem;object-fit:cover;}
    .sec-one{min-width:unset;width:100%;padding: 2rem 0 0 0;}
    .sec-one .banner {width: 21rem;}
    .sec-one .banner-name{font-weight:bold;font-size: 2.75rem;}
    .sec-one .banner-name2{font-size: 1.5rem;}
    .sec-one .banner-desc{font-size:1rem;margin-top: .5rem;text-align:center;}
    .sec-one .banner-desc br{display:block;}
    .sec-one .banner-btn{border-radius:1.5rem;padding:.5rem 2.5rem;margin-top: .75rem;font-size:1rem;line-height:1.5rem;display:flex;color: #fff;}
    .sec-one .banner-btn i.android-ico{width:1.125rem;height:1.125rem;background:url("../img/android-ico.webp");background-size:1.125rem;margin-right:.375rem;}
    .sec-one .banner-btn i.ios-ico{width:1.125rem;height:1.125rem;background:url("../img/ios-ico.webp");background-size:1.125rem;margin-right:.375rem;}
    .sec-one .banner-device{font-size: .875rem;line-height:1rem;margin-top:.5rem;color: #666;}
    .sec-one .index-device-desc{font-size:.8rem;line-height:1rem;margin-top:.8rem;}
    .sub-name {margin: 2.5rem auto 0;width: 11.5rem;height: 2.75rem;}
    .sec-two{padding: 0 0 2.875rem 0;}
    .sec-two .tips {font-size: 1rem;}
    .sec-two .sec-name {font-size: 2rem;margin-top:1rem;padding: 0 3rem;
        text-align: center;}
    .sec-two .lists {width:24rem;column-gap:1.5rem;row-gap:1rem;justify-content: center;margin-top: 1.5rem;}
    .sec-two .lists .item {padding: 0.75rem 1rem;flex-direction: column;width: 100%;}
    .sec-two .lists .item img {width: 1.75rem;height: 1.75rem;position: absolute;left: 10rem;}
    .sec-two .lists .item .info {row-gap: .625rem;}
    .sec-two .lists .item p {font-size: .875rem;}
    .sec-two .lists .item span {font-size: 1.25rem;text-align: center;margin-left: 2rem;}
    .sec-three .sec-1, .sec-three .sec-2, .sec-three .sec-3, .sec-three .sec-4 {flex-direction: column;padding: 1rem;}
    .sec-three .sec-1 .info, .sec-three .sec-2 .info, .sec-three .sec-3 .info, .sec-three .sec-4 .info {width: 100%;text-align: center;}
    .sec-three .sec-1 .info h3, .sec-three .sec-2 .info h3, .sec-three .sec-3 .info h3, .sec-three .sec-4 .info h3 {font-size: 1.375rem;}
    .sec-three .sec-1 .info p, .sec-three .sec-2 .info p, .sec-three .sec-3 .info p, .sec-three .sec-4 .info p {font-size: 0.875rem;line-height:1.5rem;margin-top: .5rem;}
    .sec-three .sec-1 img, .sec-three .sec-2 img, .sec-three .sec-3 img, .sec-three .sec-4 img {width: 90%;margin-top: 1.5rem;}
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .25rem!important;}
    footer{padding:1rem 1.625rem 1rem;text-align:center;}
    footer .friend-link{font-size:.8rem;line-height:1.6rem;}
    footer .friend-link a{font-size:.8rem;line-height:1.6rem;margin-left:.25rem;}
    footer p,footer #beian,footer .beian{font-size:.8rem;line-height:1.6rem;}
    .ios-desc{color: #666;font-size: .875rem;margin-top: .625rem;}
    #to_top {position: fixed;bottom: 2rem;right: 1rem;cursor: pointer;z-index: 1000;display: none;}
    #to_top img {width: 2.5rem;height: 2.5rem;}

    .crumbs {
        width:100%;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        display: flex;
        align-items: center;
        padding: .5rem 16px;
        background: rgb(232 240 254 / 0.66);
    }

    .crumbs .crumbs-middle {
        width: 100%;
        margin: 0 auto;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .c-main {
        padding: 0 1.5rem;
        width: initial;
    }
    .Min3 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
        background-color: #fff;
    }
    .c-main .left {
        width: initial;
    }
    .Min3 .left {
        width: 100%;
    }
    .Min3 .m-t-56 {
        margin-top: 0;
    }
    .comm_itembox {
        padding-top: 28px;
    }
    .con_main_info {
        padding: 0;
    }
    .comm_itembox .artDel_name h1, .comm_itembox .artDel_name h2 {
        font-size: 1.125rem;
    }
    .artDel_name p {
        white-space: nowrap;
        margin-top: 15px;
    }
    .artDel_name p span {
        font-size: 0.75rem;
        margin: auto;
    }
    .artDel_name p span i {
        font-style: normal;
    }
    .m-none {
        display: none !important;
    }
    .Min3 .content {
        padding: 0 1.5rem 1.5rem;
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
    .c-main .content p {
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
    .features.new-version img, .c-main .content img {
        max-width: 50%;
        display: block;
        max-height: 12.5rem;
        margin: 1rem auto;
        width: unset !important;
        height: unset !important;
    }
    .c-main .content h3 {
        font-size: 15px;
        color: #2770D4;
        margin: 1rem 0;
    }
    .h-8-b {
        height: 0.5rem;
        background: #F6F6F6;
    }
    .pc-none {
        display: block;
    }
    .container {
        padding: 0 1.5rem;
    }
    .relation {
        margin-top: 0;
        padding-bottom: .75rem;
    }
    .Min4 {
        padding-bottom: 1.875rem;
    }
    .c-main .part-title {
        margin-top: 1.5rem;
        font-size: 0.9375em;
    }
    .Min4 .part-title {
        margin-bottom: 0;
    }
    .Min4 .relation-info {
        margin-top: .5rem;
    }
    .relation ul.relation-info {
        justify-items: center;
    }
    .Min4 .relation-info li {
        padding: 0 !important;
    }
    .relation ul.relation-info li {
        border: none;
        padding: 0.75rem 0;
        width: 100%;
        margin-bottom: 0;
    }
    .Min4 .relation-info li .title {
        height: auto !important;
    }
    .relation ul.relation-info li .title {
        line-height: 0.75rem;
        height: 1rem;
    }
    .relation ul.relation-info li a {
        font-size: 1rem;
        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
        font-weight: 400;
        color: #333333;
    }
    .Min4 .relation-info li .title a {
        font-size: 0.875rem;
        padding-bottom: 0.5rem;
        margin-top: 1rem;
        display: block;
        border-bottom: 1px dashed #DDDDDD;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: normal;
        white-space: nowrap;
    }
    .Min4 .relation-info li .title a:before {
        content: "";
        width: 4px;
        height: 4px;
        background: #2680EB;
        display: inline-block;
        border-radius: 2px;
        margin-right: 10px;
    }
    .main_wrap {
        width: 100%;
        margin: 0 auto;
    }
    .part-privacy {
        margin-top: 2rem;
    }
    .part-privacy h1 {
        font-size: 2rem;
    }
    .part-privacy {
        padding: 1rem;
        font-size: 0.875rem;
        line-height: 1.75rem;
    }
    .part-privacy p{
        font-size: 0.875rem;
        line-height: 1.75rem;
    }
    .sec-four {
        padding: 4rem 0 5.5rem 0;
        gap: 2rem;
    }
    .sec-four .faq-list {
        width: 100%;
        gap:1.5rem;
        padding: 0 1.5rem;
    }
    .sec-four .faq-title{
        padding: 1.25rem 0;
    }
    .sec-four .faq-title .faq-serial {
        width: 4px;
        height: 4px;
        margin: 6px;
    }
    .sec-four .faq-title .faq-title-text {
        font-size: 1.25rem;
    }
    .sec-four .faq-title .faq-dropdown-icon {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 1rem 0 1rem;
        background-size: 2.5rem 1.5rem;
        
    }
    .sec-four .faq-title:hover .faq-dropdown-icon {
        background-size: 2.5rem 1.5rem;
    }
    .sec-four .faq-title:hover .faq-dropdown-icon {
        background-position: -1.25rem 0;
    }
    .sec-four .faq-container {
        gap: 1rem;
        margin-top: -0.5rem;
        padding: 0 1.5rem 1.5rem 1.25rem;
    }
    .sec-four .faq-container .faq-content {
        font-size: 1rem;
    }
    .sec-four .faq-container .faq-detail-btn {
        font-size: 1rem;
    }
}