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{background-color: #f1f1f1;display: flex;flex-direction: column;min-height: 100vh;align-items: center;}
p{text-align:justify;text-justify:inter-ideograph;}
em{font-style:inherit;}
body .main {background: #fff;height: 100vh;width: 26.125rem;box-shadow: 2px 3px 10px #999;overflow-y: scroll;}
header{background:#FFFFFF;padding:12px 24px;}
header .logo_warp{all:unset;cursor:pointer;}

.section-1 .banner-name{font-weight:bold;font-size:55px;color:#202124;line-height:72px;}
.section-1 .banner-desc{font-size:32px;color:#606265;line-height:42px;margin-top:25px;}
.section-1 .banner-desc br{display:none;}
.section-1 .banner-btn{background:#3B73E1;border-radius:55px;padding:18px 68px;margin-top:25px;font-size:32px;color:#FFFFFF;line-height:42px;display:flex;align-items:center;}
.section-1 .banner-btn i{width:34px;height:34px;background-image:url("../img/win-ico.png");background-size:34px;margin-right:16px;}
.section-1 .banner-device{font-size:16px;color:#5E5F64;line-height:22px;margin-top:16px;margin-bottom:0;display: flex;gap: 14px;}
.section-1 .index-device-desc{font-size:16px;color:#5E5F64;line-height:22px;margin-top:16px;margin-bottom:60px;}
.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: 75px;left: -8%;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}
.section-2{display:flex;}
.section-2 .swiper{width:1200px;padding: 0 50px;}
.section-2 .swiper-wrapper{width:1000px;}
.section-2 .swiper-wrapper .swiper-slide{width:25%;}
.section-2 .swiper-wrapper img{width:100%;height:auto;box-shadow: 0 0 5px 1px #e5e5e5;border-radius: 10px;}
.section-2 .swiper-pagination{position:absolute;top:0;}
.section-2 .swiper-pagination-bullet{width:250px;height:66px;font-size:28px;color:#5E5F64;line-height:66px;border-radius:55px;text-align:center;cursor:pointer;background:#EFF4FD;opacity:unset;}
.section-2 .swiper-button-next,.section-2 .swiper-button-prev{z-index:11;width:56px !important;height:56px !important;}
.section-2 .swiper-button-next:after,.section-2 .swiper-button-prev:after{font-size:18px;border-radius:28px;display:inline-block;background:#f1f1f1;line-height:56px;text-align:center;width:56px !important;height:56px !important;}
.section-2 .swiper-button-next:hover:after,.section-2 .swiper-button-prev:hover:after{background:#3b73e1;color:#FFFFFF;}
.section-3{width:100%;margin:120px auto 0;}
.section-3 .module-name{font-weight:bold;font-size:42px;line-height:64px;margin-bottom:80px;text-align:center;color:#202124;}
.section-3 .module-name em{color:#336EE0;}
.section-3 .section-lists{}
.section-3 .section-lists .item{margin-bottom:120px;display:flex;align-items:center;justify-content:space-between;background-color: rgb(145 174 230 / 10%);border-radius: 10px;}
.section-3 .section-lists .item.no-background{background-color: transparent;}
.section-3 .section-lists .item img{width:652px;height:auto;}
.section-3 .section-lists .item:nth-of-type(2) img{order:2;}
.section-3 .section-lists .item .item-info{width:430px;margin-right: 102px;margin-left: 102px;}
.section-3 .section-lists .item .item-info .item-name{font-weight:bold;font-size:24px;color:#202124;line-height:50px;}
.section-3 .section-lists .item .item-info .item-desc{font-size:18px;color:#666666;line-height:24px;margin-top:12px;}
.section-3 .section-lists .item .item-info .item-desc:nth-child(2){margin-bottom:32px;}
.section-4{display:none;}
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:#226EF1;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{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: 50px;height: 50px;}

/*@media screen and (max-width:810px){*/header{background:#FFFFFF;padding:.75rem 1rem;}
header .logo_warp img{width:auto;height:2rem;object-fit:cover;}
header {display: flex; align-items: center; justify-content: space-between;}
header .nav {display:flex;column-gap: 1rem;}
header .nav a {font-size: .875rem;color: #000;}
header .nav a.active {color: #3B73E1;}
.section-1{min-width:unset;width:100%;margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;}
.section-1 .banner-name{font-weight:bold;font-size:1.5rem;line-height:2rem;}
.section-1 .banner-desc{font-size:.8rem;line-height:1.25rem;margin-top:1rem;text-align:center;}
.section-1 .banner-desc br{display:block;}
.section-1 .banner-btn{border-radius:1.5rem;padding:.75rem 2rem;margin-top:1rem;font-size:1rem;line-height:1.5rem;display:flex;align-items: center;}
.section-1 .banner-btn i{width:1.125rem;height:1.125rem;background-image:url("../img/win-ico.png");background-size:1.125rem;margin-right:.375rem;}
.section-1 .banner-btn i.android-ico {background-image:url("../img/android-ico.png");}
.section-1 .banner-btn i.ios-ico {background-image:url("../img/ios-ico.png");}
.section-1 .banner-device{font-size:.8rem;line-height:1rem;margin-top:.5rem;}
.section-1 .index-device-desc{font-size:.8rem;line-height:1rem;margin-top:.5rem;margin-bottom:1.5rem;}
/* .section-2{display:none;} */
.section-2 .swiper-wrapper .swiper-slide {width: auto;height: 455px;}
.section-2 .swiper-wrapper .swiper-slide img {width: auto;height: 455px;}
.section-3{width:100%;margin:2.5rem auto 0;padding:0 1rem;}
.section-3 .module-name{font-size:1.725rem;line-height:1.5rem;margin-bottom:1.5rem;display: none;}
.section-3 .section-lists .item{margin-bottom: 2.5rem;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;position: relative;padding: 1rem 1rem 7.25rem 1rem;}
.section-3 .section-lists .item.no-background {margin-bottom: 2.5rem;}
.section-3 .section-lists .item.no-background .item-info .bottom-desc {bottom: 0;}
.section-3 .section-lists .item:last-of-type{margin-bottom:3rem;padding-bottom: 7.25rem;}
.section-3 .section-lists .item:last-of-type .item-info .bottom-name {bottom: 4.8125rem;}
.section-3 .section-lists .item img{width:100%;height:auto;order:2;}
.section-3 .section-lists .item .item-info{width:100%;text-align:center;margin: 0;/* position: relative; */}
.section-3 .section-lists .item .item-info .item-desc:nth-child(2){margin-bottom:1rem;}
.section-3 .section-lists .item .item-info .item-name{font-weight:bold;font-size:1.125rem;line-height:1.5rem;}
.section-3 .section-lists .item .item-info .item-desc{font-size:.875rem;line-height: 1.75rem;margin-top: 1rem;}
.section-3 .section-lists .item .item-info .bottom-name{
    position: absolute;
    bottom: 4.6625rem;
    left: 50%;
    transform: translateX(-50%);
}
.section-3 .section-lists .item .item-info .bottom-desc{
    position: absolute;
    bottom: -0.0125rem;
    width: 90%;
}
.section-4{display:block;padding:0 1rem;}
.section-4 .swiper{width:100%;}
.section-4 .swiper-wrapper{width:100%;}
.section-4 .swiper-wrapper{padding:2rem 0 0 0;}
.section-4 .swiper-wrapper img{width:100%;height:auto;margin-left:0;}
.section-4 .swiper-pagination{position:absolute;top:0;}
.section-4 .swiper-pagination-bullet{width:unset;height:unset;padding:.75rem;font-size:.8rem;color:#000;line-height:1rem;border-radius:1rem;text-align:center;cursor:pointer;background:#f8faff;opacity:unset;}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .25rem!important;}
.section-4 .swiper-button-next,.section-4 .swiper-button-prev{z-index:11;width:1.25rem !important;height:1.25rem !important;}
.section-4 .swiper-button-next:after,.section-4 .swiper-button-prev:after{font-size:.5rem;border-radius:.625rem;display:inline-block;background:#f1f1f1;line-height:1.25rem;text-align:center;width:1.25rem !important;height:1.25rem !important;}
footer{padding:1rem 0.75rem 1rem;text-align:center;}
footer .friend-link{font-size:.75rem;line-height:1.6rem;}
footer .friend-link a{font-size:.75rem;line-height:1.6rem;margin-left:.25rem;}
footer p,footer #beian,footer .beian{font-size:.75rem;line-height:1.6rem;}
.ios-desc{color:#999;font-size:.8rem;margin-top:.25rem;}
#to_top {position: fixed;bottom: 2rem;right: calc(50vw - 12rem);cursor: pointer;z-index: 1000;display: none;}
#to_top img {width: 2rem;height: 2rem;}
/**滚动条START**/
.main::-webkit-scrollbar {width: .25rem;}
.main::-webkit-scrollbar-track {background: #fff;border-radius: .25rem;}
.main::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: .25rem;border: .125rem solid #c1c1c1;}
/**滚动条END**/
/*}*/
.main_article {
    display: flex;
    flex-direction: column;
    background-color: #f5f8fe!important;
    height: 100vh !important;
}
.crumbs {
    font-weight: 400;
    color: #666666;
    font-size: .75rem;
    padding: .75rem 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    flex-shrink: 0;
}
.crumbs a {
    color: #666666;
}

.category-lists {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 1rem 1rem 0;
    margin-bottom: auto;
    background-color: #fff;
}
.category-lists a {
    color: #333;
}
.category-lists .item {
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #E3E4E4;
}
.category-lists .item h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    font-size: .875rem;
}
.category-lists .item .info {
    display: flex;
    column-gap: .5rem;
}
.category-lists .item .info img {
    width: 9.5rem;
    height: 6rem;
    border-radius: 0.25rem;
}
.category-lists .item .desc {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: .5rem;
}
.category-lists .item .desc .tips {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制为两行 */
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-size: .75rem;
    line-height: 1.25rem;
}
.category-lists .item .desc .time {
    color: #999;
    font-size: .75rem;
}
.category-lists .item .desc .bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
}
.category-lists .item .desc .btn-detail {
    background-color: rgba(23, 116, 226, .11);
    color: #1774E2;
    border-radius: .25rem;
    padding: .375rem .625rem;
    font-size: .75rem;
}
.main_article .page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0;
    background-color: #fff;
    column-gap: .375rem;
}
.main_article .page a:first-child {
    display: none;
}
.main_article .page a {
    border: 1px solid #ddd;
    padding: .25rem .5rem;
    color: #666;
    font-size: 0.875rem;
    border-radius: .25rem;
}
.main_article .page a.active {
    color: #fff;
    background-color: #3B73E1;
    border: 1px solid #3B73E1;
}

.main-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.main-flex {
    flex-direction: column;
}
.main-flex .main-left {
    width: 100%;
}
.Min6 {
    background: #fff;
    padding: 1rem 0;
}
.Min6 h1 {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: bold;
    color: #2C2C2C;
    text-align: center;
    padding:0 1rem;
}
.Min6 .other-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0 1rem 0;
    border-bottom: 1px solid #ddd;
    margin:0 1rem;
}
.Min6 .other-info span {
    display: flex;
    color: #837f7f;
    font-size: .75rem;
    margin: 0 1rem 0 0;
    align-items: center;
}
.Min6 .other-info .time i {
    background: url(../img/time.png);
}
.Min6 .other-info .hits i {
    background: url(../img/views.png);
}
.Min6 .other-info .time i, .Min6 .other-info .hits i {
    width: .75rem;
    height: .75rem;
    margin-right: .25rem;
    background-size: .75rem;
    display: inline-block;

}
.Min6 .other-info .refer-link a {
    font-size: .75rem;
    color: #007aff;
}
.Min6 .content {
    background-color: #ffffff;
    font-size: .75rem;
    line-height: 1.5rem;
    color: #000;
    padding: .5rem 1rem;
}
.detail-module-title {
    padding-bottom: 16px;
    border-bottom: 2px solid #007aff;
    font-weight: bold;
    font-size: 1rem;
    color: #358FF0;
}
.Min6 .content .detail-module-title {
    margin: .5rem 0 1rem 0;
}
.Min6 .content p {
    color: #000;
    display: block;
    font-size: .75rem;
    line-height: 1.5rem;
}
.Min6 .content h3 {
    font-size: .875rem;
    line-height: normal;
    margin: .5rem 0;
    font-weight: bold;
}
.Min6 .content p img, .Min6 .content center img {
    max-width: 50%;
    max-height: 15rem;
    height: auto;
    width: auto;
    margin: .5rem auto;
    display: block;
    box-shadow: 0 0 5px 1px #358ff0;
}
.Min5 {
    width: 100%;
    background: #fff;
    padding: 1rem;
    margin-top: 1rem;
}
.Min5 .lists {
    display: block;
}
.Min5 .lists .item {
    display: block;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #E4E4E4;
}
.Min5 .lists .item .title {
    font-size: .875rem;
    font-weight: bold;
    color: #333;
}
.Min5 .lists .item .base-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}
.Min5 .lists .item .base-info .thumb-img {
    width: 30%;
    height: 60px;
    box-shadow: 2px 6px 10px -1px #999;
    border: 1px solid #cfcfcf;
}
.Min5 .lists .item .base-info .desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    color: #838282;
    width: 67%;
    line-height: 1.5rem;
    font-size: .75rem;
}
.part-privacy {
    padding: 1rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
}
.part-privacy p{
    font-size: 0.75rem;
    line-height: 1.5rem;
}

.section-4 {
    text-align: center;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    padding: 0 .875rem 0 .875rem;
}
.section-4 h2 {
    font-weight: bold;
    font-size: 2rem;
    color: #333;
}
.section-4 h2 i {
    font-style: normal;
    color: #3B7CED;
}
.section-4 .lists {
    display: flex;
    flex-direction: column;
}
.section-4 .lists .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.5rem;
    position: relative;
    padding:1rem 0;
}
.section-4 .lists .item + .item {
    border-top: 1px solid #999;
}
.section-4 .lists .item h3 {
    font-weight: bold;
    font-size: 1.05rem;
    color: #333;
    display: flex;
    align-items: center;
}
.section-4 .lists .item h3 a {
    color: #333;
    white-space: nowrap;
    width: 20rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-4 .lists .item h3::before {
    content: '';
    display: flex;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background-image: url('../img/wen.png');
    background-repeat: no-repeat;
    background-size: 1rem;
    
}
.section-4 .lists .item p {
    font-size: 0.75rem;
    color: #666;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.0575rem;
}
.section-4 .lists .item>a {
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: 0.75rem;
    color: #316BFF;
    background-color: #fff;
    padding-left: 0.75rem;
}
.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: 1rem;
    color: #333333;
    text-align: center;
    margin-top: 2rem;
}

.page-404 .desc {
    text-align: center;
    font-size: 1rem;
    margin-top: 1rem;
    color: #333333;
}

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