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{text-decoration:none;}
html,body{background-color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-x: hidden;}
p{text-align:justify;text-justify:inter-ideograph;}
em{font-style:inherit;}
.main {flex:1}
.s1 {display: flex;justify-content: center;column-gap: 60px;flex-direction: column;align-items: center;background: url(../img/banner-bg.webp) ;height: 944px;position: relative;background-repeat: no-repeat;background-size: cover;}
.s1 .logo_wrap {position: absolute;top: 16px;width: 1140px;display: flex;}
.s1 .logo_wrap img{height:44px;width:auto;cursor: pointer;}
.s1 .name {font-size: 50px;font-weight: bold;color: #333;margin:24px 0 32px;}
.s1 .desc {font-size: 18px;font-weight: bold;color: #fff;margin-top: 16px;}
.s1 .con {display: flex;flex-direction: row;column-gap: 54px;align-items:center;}
.s1 .con .img-banner {content: url(../img/banner.webp);width: auto;height: 520px;}
.s1 .con .row {display: flex;flex-direction: row;column-gap: 25px;}
.s1 .con .down {display:flex;align-items: center;justify-content: center; width: 270px;height:54px;line-height: 54px;background-color: #fff;border-radius: 27px;text-align: center;color: #0f67ff;font-size: 18px;font-weight: bold;margin: 32px 0 8px;}
.s1 .con .down i {content: url(../img/icon-download.webp);margin-right: 12px;width: 24px;height: 24px;}
.s1 .con .down:hover {opacity: 0.8;}
.s1 .down-base-info {margin-top: 16px;font-size: 14px;color: #fff;line-height: 22px;text-align: center;display: flex;align-items: center;gap: 16px;justify-content: flex-start;}
.s1 .down-base-info em {all: unset;font-style: normal;}
.s1 .device-description {margin-top: 16px;font-size: 14px;color: #fff;line-height: 22px;}
.s2 {height: 593px;background: #EBEDFC;}
.s2 .list1 {display: flex;justify-content: center;column-gap: 40px;height: inherit;align-items: center;}
.s2 .list1 .item {width: 270px;height: 297px;cursor:pointer;}
.s2 .list1 .item .info1 {width:inherit ;height: inherit;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;border-radius: 10px;}
.s2 .list1 .item .info1 p {color: #333C4B;font-size: 20px;font-weight: bold;margin-top: 24px;}
.s2 .list1 .item:hover {margin-top: -16px;}
.s2 .list1 .item:hover .info1{ display: none;}
.s2 .list1 .item:hover .info2{ display: flex;}
.s2 .list1 .item .info2  {width:inherit ;height: inherit;position: relative;background: #0f67ff;border-radius: 10px;display: none;flex-direction: column;justify-content: center;align-items: center;}
.s2 .list1 .item .info2  img {position: absolute;top:-40px;left: 50%;transform: translateX(-50%); }
.s2 .list1 .item .info2  .name{color: #fff;font-size: 20px;font-weight: bold;}
.s2 .list1 .item .info2  .desc{font-size: 14px;color: #fff;width: 222px;  display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;margin-top: 24px;}
.s3 {display: flex;flex-direction: column;align-items: center;row-gap: 80px;padding:80px 0;}
.s3 .row {width: 1200px;height: 444px;display: flex;justify-content: center;align-items: center;column-gap:80px}
.s3 .row:nth-child(even) {flex-direction: row-reverse;}
.s3 .row .info {}
.s3 .row > img {background-size: contain;}
.s3 .row .img-feature-1 {content: url(../img/feature-1.webp)}
.s3 .row .img-feature-2 {content: url(../img/feature-2.webp)}
.s3 .row .info .name {font-size: 32px;color: #333C4B;font-weight: 600;margin-top:90px}
.s3 .row .info .desc {font-size: 16px;color: #686F7F;margin-top: 24px;}
.s4 {background-color: #F2F6FE;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 108px;}
.s4 .name {color: #333C4B;font-size: 36px;font-weight: bold;margin-top: 80px;text-align: center;}
.s4 .con {margin-top: 120px;display: flex;justify-content: center;column-gap: 32px;}
.s4 .con img {background-size: cover;}
.s4 .con .info {width: 250px;height: 220px;display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 16px;background-color: #fff;border-radius: 28px;} 
.s4 .con .c1 ,.s4 .con .c2 {display: flex;flex-direction: column;row-gap: 40px;}
.s4 .con .c1 {margin-top: 28px;}
.s4 .con .c2 {margin-top: -58px;}
.s4 .con .info .tt {font-size: 40px;font-weight: bold;color: #333C4B;}
.s4 .con .info .dd {font-size: 16px;color: #333C4B;text-align: center;margin-top: 8px;}

.w-1200 {
    width: 1140px;
}
.crumbs {
    margin: 24px auto;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    display: flex;
    align-items: center;
    vertical-align: unset;
    margin-top: 80px;
}

.crumbs a,.crumbs h1,.crumbs span {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    vertical-align: unset
}

/*.crumbs::before {
    content: "";
    background: url(../img/icon-crumbs.png);
    vertical-align: middle;
    margin-right: 4px;
    background-size: 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}*/
.sub-name {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sub-name::before {
    content: "";
    width: 4px;
    height: 21px;
    background-color: #3C74E1;
    border-radius: 2px;
    margin-right: 6px;
}
.section-9 {
    background-color: #fff;
    margin: 0 auto;
}

.section-9 .section-lists {
    margin-top: 8px;
}

.section-9 .section-lists .section-item {
    padding: 16px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #E4E4E4;
    }

.section-9 .section-lists .section-item img {
    width: 192px;
    height: 130px;
    object-fit: cover;
    border-radius: 12px;
}

.section-9 .section-lists .section-item .base-info {
    width: 800px;
    flex: 1;
    margin-left: 16px;
}

.section-9 .section-lists .section-item .base-info .item-name {
    all: unset;
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.section-9 .section-lists .section-item .base-info .item-name:hover {
    color: #3C74E1;
}

.section-9 .section-lists .section-item .base-info .item-desc {
    margin-top: 16px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.section-9 .section-lists .section-item .base-info .item-updatetime {
    margin-top: 16px;
    display: inline-block;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.section-9 .section-lists .section-item .base-info .item-updatetime em {
    vertical-align: unset;
    color: #1674E4;
}

.section-9 .section-lists .section-item .base-info .item-views {
    margin-top: 16px;
    display: inline-block;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin-left: 40px;
}

.section-9 .section-lists .section-item .lists-btn {
    padding: 6px 12px;
    background: linear-gradient(to right,#437ffc 0%,#1ab2ff 100%);
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-left: 24px;
    border-radius: 8px;
}

.section-9 .section-lists .section-item .lists-btn em {
    vertical-align: unset;
}

.section-9 .section-lists .section-item .lists-btn:hover {
    background: linear-gradient(to right,#1ab2ff 0%,#437ffc 100%);
}
.pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 24px;
}

.pagenation li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 4px 0;
    min-width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #EFEFEF;
    font-size: 12px;
    font-family: PingFang SC-Regular,PingFang SC;
    font-weight: 400;
    color: #666666;
    box-sizing: border-box;
}

.pagenation li > a {
    white-space: nowrap;
    color: #333;
    min-width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 8px;
}

.pagenation li > a.active,.pagenation li > a:hover {
    background: #498be7;
    color: #FFFFFF;
}

.pagenation li.total {
    padding: 0 8px;
}
.pagenation-col {
    width: 90px;
    position: relative;
}

.pagenation-col.active .plist {
    display: block;
}

.pagenation-col.active .arrow-bottom {
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
}

.pagenation-col .plist {
    padding: 5px 0;
    width: 90px;
    max-height: 530px;
    overflow-y: scroll;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    font-size: 14px;
    font-family: PingFang SC-Regular,PingFang SC;
    font-weight: 400;
    color: #666666;
    box-sizing: border-box;
    position: absolute;
    bottom: 29px;
    display: none;
    left: -1px;
}

.pagenation-col .plist::-webkit-scrollbar {
    width: 8px;
}

.pagenation-col .plist::-webkit-scrollbar-thumb {
    width: 8px;
    background: #E2E2E2;
    border-radius: 20px 20px 20px 20px;
}

.pagenation-col .plist > a {
    color: #333;
    width: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
}

.pagenation-col .plist > a.active {
    color: #498be7;
}

.pagenation-col .plist > a:hover {
    color: #498be7;
}

.pagenation-col .page-curr {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    color: #757575;
}

.pagenation-col .page-curr:hover {
    cursor: pointer;
}

.pagenation-col .page-curr .arrow-bottom {
    width: 12px;
    height: 20px;
    position: relative;
    margin-left: 4px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pagenation-col .page-curr .arrow-bottom:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #757575 transparent transparent transparent;
}

.pagenation-col .page-curr .arrow-bottom:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #ffffff transparent transparent transparent;
}
.text-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pd-24 {
    padding: 24px;
    box-sizing: border-box;
    background-color: #fff;
}
.section-10 {
    margin: 0 auto;
    box-shadow: 0 0 5px 1px #eee;
    border-radius: 6px;
}

.section-10 .article-name {
    font-weight: bold;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 30px;
    text-align: center;
    margin-top: 8px;
}

.section-10 .base-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.section-10 .base-info span {
    vertical-align: unset;
    font-weight: 400;
    font-size: 14px;
    color: #757575;
    line-height: 20px;
}

.section-10 .base-info span:first-of-type {
    margin-right: 64px;
}

.section-10 .base-info span em {
    vertical-align: unset
}

.section-10 .base-info span a {
    vertical-align: unset;
    color:#0f67ff;
}
.section-11 {
    margin: 24px auto;
    box-shadow: 0 0 5px 1px #eee;
    border-radius: 6px;
}
.content {
}
.content a {
    color:#0f67ff;
}
.content .detail {
    padding: 16px 0 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.content .detail h3 {
    font-size: 16px;
    font-weight: bold;
    color: #1674E4;
    margin: 15px 0;
    border-bottom: 1px solid #E0ECFF;
    padding-bottom: 8px;
}

.content .detail h4 {
    font-size: 14px;
    font-weight: bold;
    color: #2680EB;
    margin: 15px 0;
    border-bottom: 1px solid #E0ECFF;
    padding-bottom: 8px;
}

.content .detail p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.content .detail p a,.content .detail p span {
    vertical-align: unset
}

.content .detail img {
    max-width: 50%;
    max-height: 400px !important;
    width: auto;
    height: auto;
    margin: 20px auto;
    display: block;
    box-shadow: 0 0 5px 1px #1178D6;
}


.section-12 {
    margin: 0 auto 32px;
    box-shadow: 0 0px 5px 1px #eee;
    border-radius: 6px
}

.section-12 .section-lists {
    display: flex;
    margin-top: 8px;
    flex-wrap: wrap;
}

.section-12 .section-lists .section-item {
    width: 525px;
    padding: 16px 0;
    border-bottom: 1px dashed #E4E4E4;
    margin-left: 40px;
}

.section-12 .section-lists .section-item:nth-of-type(2n-1) {
    margin-left: 0;
}

.section-12 .section-lists .section-item:hover .item-name {
    color: rgb(13 110 253);
}

.section-12 .section-lists .section-item .item-name {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    margin-bottom: 16px;
}

.section-12 .section-lists .section-item img {
    width: 106px;
    height: 66px;
    object-fit: cover;
    display: inline-block;
    border-radius: 8px;
}

.section-12 .section-lists .section-item .item-desc {
    width: 400px;
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-left: 12px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.subtname {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    position: relative;
    color:#0f67ff;
}
.s5 {
    margin-top: 0;
    padding: 64px 0 88px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}
.s5 h3 {
    font-size: 36px;
    color: #333C4B;
}
.s5 .faq-list {
    width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.s5 .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;
}

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

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

.s5 .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;
}

.s5 .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;
}
.s5 .faq-title .faq-dropdown-icon.active {
      transform: rotate(180deg);
}
  /*.s5 .faq-title:hover .faq-dropdown-icon {*/
  /*  background: url('/statics/2024/img/toggle.png') no-repeat -25px 0 / 50px 25px;*/
  /*}*/

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

.s5 .faq-container.active {
    display: flex;
}

.s5 .faq-container .faq-content {
    font-size: 16px;
    font-weight: 400;
    color: var(--90, rgba(0, 0, 0, 0.60));
    text-align: start;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.s5 .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;
}

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

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

.s5 .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;
}

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

.s5 .faq-all-btn:active {
    border: 1px solid var(---normal, #1687FF);
    color: var(--normal, #1687FF);
}

.footer{padding:16px 0;text-align:center;width:100%;background-color: #1d293e;}
.footer p,.footer p a{font-size:14px;font-weight:normal;margin-bottom:0;color: #E7ECF9;margin-top: 0;text-align: center;line-height: 24px;}
/* .footer p a {font-size:14px;font-weight:normal;color: #a9b4c7;} */
.footer .beian,.footer .privacy{font-size:14px;color:#333;}
.index-btn_wrap{position: relative;}
.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: 60px;left:6%;display:none!important;}
.index-code-box .index-code{margin-bottom:24px;}
.index-code-box .index-code img{width:136px!important;height:136px!important}
.to_top{position:fixed;right:56px;bottom:100px;cursor:pointer;display:none;}
.to_top img{width:50px;height:50px;}
.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%;
    text-align: center;
}

.page-404 img {
    width: auto;
    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: #4570F6;
}

.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: #4570F6;
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 1.5rem;
}

@media screen and (max-width:810px){
.s1 {flex-direction: column;height: auto;}
.s1 .logo_wrap {top: 1rem;left: 1rem;width: auto;}
.s1 .logo_wrap img{height:2rem;width:auto;}
.s1 .name {font-size: 1.5rem;color: #333;text-align: center;margin: 1.5rem 0;}
.s1 .con {flex-direction: column-reverse;column-gap: 0.625rem;margin-top: 3.5rem;row-gap: 1rem;align-items: center;row-gap: 2rem;}
/* .s1 .con img {width: 24.9375rem;height: 19.8125rem;content: url(../img/m-banner.webp);} */
.s1 .con .img-banner {width: auto;height: 19.8125rem;}
.s1 .con .row {display: flex;flex-direction: row;column-gap: 0.625rem;}
.s1 .con .row:first-child {justify-content: center;}
.s1 .info {margin-top:0;display: flex;align-items: center; flex-direction: column;}
.s1 .info .desc {font-size: 1rem;margin:0.25rem 0 0;}
.s1 .down-base-info {font-size: .75rem;margin-top: .875rem;line-height: 1.2rem;gap: 0 .5rem;flex-wrap: wrap;}
.s1 .device-description {margin-top: .5rem;font-size:.75rem;}
.s1 .con .down {border-radius: 0.625rem;width: 13.5rem;height: 2.8125rem;font-size: 1rem;margin-top: 1rem;}
.s1 .con .down i{margin-right: 0.5rem;width: 1.125rem;height: 1.125rem;}
.s1 .con .down.android i {    content: url(../img/icon-down-android.webp);}
.s1 .con .down.ios i {    content: url(../img/icon-down-ios.webp);}
.s2 {height: auto;padding: 2.5rem 0;}
.s2 .list1 {flex-wrap: wrap;column-gap: 1.25rem;row-gap: 1.375rem;}
.s2 .list1 ul {display: none;}
.s2 .list1 .item {width: 8.8125rem;height: 8.8125rem;}
.s2 .list1 .item .info1 p{font-size: 1rem;margin-top: 1rem;}
.s2 .list1 .item img {width: 2.5rem;height: 2.5rem;}
.s2 .list1 .item:hover {margin-top: 0;}
.s2 .list1 .item:hover .info1{ display: flex;}
.s2 .list1 .item:hover .info2{display: none;}
.s3 {row-gap: 2.5rem;padding: 2rem 1rem;}
.s3 .row {width: 100%;height:auto; flex-direction: column !important;row-gap: 1.5rem;background-color: #fff;}
.s3 .row .info {display: flex;align-items: center;flex-direction: column;}
.s3 .row .info .name {font-size: 1.125rem;color: #333C4B;text-align: center;line-height: 1.5rem;margin-top:0}
.s3 .row .info .desc {font-size: 0.875rem;color: #686F7F;line-height: 1.125rem;margin-top: 1rem;text-align: center;}
.s3 .row > img {width: 19.9375rem;height:19.5rem;}
/* .s3 .row:first-child img {content: url(../img/m-feature-1.webp);}
.s3 .row:nth-child(2) img {content: url(../img/m-feature-2.webp);} */
.s3 .row:first-child .img-feature-1 {width: 20rem;height: 19.5rem;}
.s3 .row:nth-child(2) .img-feature-2 {width: 20rem;height: 19.5rem;}
.s4 {padding-bottom: 2rem;}
.s4 .name {font-size: 1.125rem;color: #333C4B;text-align: center;line-height: 1.5rem;margin-top: 2rem;}
.s4 .con {flex-direction: column;margin-top: 1rem;row-gap: 1.25rem;align-items: center;}
.s4 .con > img {width: 25rem;height: 18.75rem;content: url(../img/m-feature-3.webp);}
.s4 .con .c1,.s4 .con .c2  {margin-top: 0;flex-direction: row;column-gap: 1rem;}
.s4 .con .c2 {margin-top: 0;flex-direction: row;}
.s4 .con .info{width: 8.8125rem;height: 4.375rem;flex-direction: row;border-radius: 0.25rem;}
.s4 .con .info .tt {font-size: 1rem;color: #333C4B;}
.s4 .con .info .dd {font-size: 0.875rem;color:#666}
.s4 .con .info img {width: 2.375rem;height: 2.375rem;margin-right: 0.5rem;}
.s5 {
    padding: 4rem 0 4rem 0;
    gap: 2rem;
}
.s5 h3 {
    font-size: 1.125rem;
        color: #333C4B;
}
.s5 .faq-list {
    width: 100%;
    gap:1.5rem;
    padding: 0 1.5rem;
}
.s5 .faq-title{
    padding: .75rem 0;
}
.s5 .faq-title .faq-serial {
    width: 4px;
    height: 4px;
    margin: 6px;
}
.s5 .faq-title .faq-title-text {
    font-size: .875rem;
}
.s5 .faq-title .faq-dropdown-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 1rem 0 1rem;
    background-size: 2.5rem 1.5rem;
    
}
.s5 .faq-title:hover .faq-dropdown-icon {
    background-size: 2.5rem 1.5rem;
}
.s5 .faq-container {
    gap: .75rem;
    margin-top: -0.5rem;
    padding: 0 .75rem .75rem 1rem;
}
.s5 .faq-container .faq-content {
    font-size: .875rem;
}
.s5 .faq-container .faq-detail-btn {
    font-size: .875rem;
}
.w-1200 {
    width: inherit;
}
.crumbs {
    font-size: 0.75rem;
    width: -webkit-fill-available;
    padding: 0.5rem 1rem;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-top: 4rem;
}

.crumbs a,.crumbs h1,.crumbs span {
    font-size: 0.75rem;
    display: unset;
}
.sub-name {
    font-size: 0.875rem;
}
.section-9 {
    background-color: #fff;
    margin: 0 auto;
    padding: 1rem 1rem 0;
}

.section-9 .section-lists {
    margin-top: 0;
}

.section-9 .section-lists .section-item {
    padding: 1rem 0;
    border-bottom: 1px solid #E4E4E4;
    ;}

.section-9 .section-lists .section-item img {
    width: 7.75rem;
    height: 4.875rem;
    border-radius: .5rem;
}

.section-9 .section-lists .section-item .base-info {
    width: calc(100vw - 15rem);
    margin-left: .5rem;
}

.section-9 .section-lists .section-item .base-info .item-name {
    font-size: .875rem;
    line-height: 1.25rem;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}

.section-9 .section-lists .section-item .base-info .item-desc {
    display: none;
}

.section-9 .section-lists .section-item .base-info .item-updatetime {
    margin-top: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    display: block;
}

.section-9 .section-lists .section-item .base-info .item-updatetime em {
    vertical-align: unset;
}

.section-9 .section-lists .section-item .base-info .item-views {
    margin-top: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    margin-left: 0;
}

.section-9 .section-lists .section-item .lists-btn {
    padding: .25rem .5rem;
    font-size: .8rem;
    line-height: 1rem;
    margin-left: 1rem;
    border-radius: .25rem;
}

.section-9 .section-lists .section-item .lists-btn em {
    display: none;
}
.h-8 {
    display: block;
    background: #F7F7F7;
    height: 0.5rem;
}

.mt-24 {
    margin-top: 0;
}

.pd-24 {
    padding-left: 0.625rem;
    padding-right: .625rem;
}
.section-10 {
    padding: 1.5rem .625rem 1rem;
    box-shadow: 0 5px 5px 1px #eee;
}

.section-10 .article-name {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-top: 0;
}

.section-10 .base-info {
    margin-top: 1rem;
}
.section-10 .base-info a {
    color:#0f67ff;
}
.section-10 .base-info span {
    font-size: .8rem;
    line-height: 1rem;
}

.section-10 .base-info span:first-of-type {
    margin-right: 1rem;
}

.section-11 {
    margin: .5rem auto;
    box-shadow: 0 5px 5px 1px #eee;
}

.section-12 {
    margin: 0;
    padding: 1.5rem .625rem;
}

.section-12 .section-lists {
    display: flex;
    margin-top: 0;
    flex-wrap: nowrap;
    flex-direction: column;
}

.section-12 .section-lists .section-item {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #E4E4E4;
    margin-left: 0;
    display: flex;
    position: relative;
}

.section-12 .section-lists .section-item .item-name {
    width: calc(100vw - 9rem);
    margin-left: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 0;
    position: absolute;
    top: 1.25rem;
    left: 7.25rem;
}

.section-12 .section-lists .section-item img {
    width: 7.25rem;
    height: 4.75rem;
    border-radius: .5rem;
}

.section-12 .section-lists .section-item .item-desc {
    width: calc(100vw - 9.5rem);
    margin-left: .5rem;
    font-size: .8rem;
    line-height: 1.25rem;
    height: 2.5rem;
    margin-top: 2rem;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.content .detail h3 {
    font-size: 0.975rem;
}
.content .detail,
.content .detail p {
    line-height: 1.5rem;
    font-size: 0.875rem;
}

.subtname {
    font-size: 1.2rem;
}
.footer{padding:1rem 1rem;}
.footer p, .footer p a{font-size:12px;margin-bottom:0;line-height:1.25rem;}
.footer .beian,.footer .privacy{font-size:12px;color:#333;}
.to_top {right: 1rem !important;bottom: 2rem !important;}
.to_top img {width: 1.5625rem !important;height: 1.5625rem !important;}
.main_wrap {
    width: 100%;
    margin: 0 auto;
}
.part-privacy h1 {
    font-size: 2rem;
}
.part-privacy {
    padding: 2rem 1rem 1rem;
    font-size: 0.875rem;
    line-height: 1.75rem;
}
.part-privacy p{
    font-size: 0.875rem;
    line-height: 1.75rem;
}
.page-404 img {
    width: 100%;
}
.page-404 .desc {
    font-size: .875rem;
}
}