*{
    margin:0;padding:0;box-sizing: border-box;font-family: "HarmonyOS_Sans";
}

@font-face {/*默认*/
    font-family: 'HarmonyOS_Sans';
    src: url('https://www.smo.online/wp-content/uploads/2024/09/HarmonyOS_Sans_Regular.ttf'); 
    font-style: normal;
    font-weight: normal;
}
@font-face {/*默认粗体*/
    font-family: 'HarmonyOS_Sans';
    src: url('https://www.smo.online/wp-content/uploads/2024/09/HarmonyOS_Sans_Bold.ttf'); 
    font-style: normal;
    font-weight: bold;
}
@font-face {/*默认斜体*/
    font-family: 'HarmonyOS_Sans';
    src: url('https://www.smo.online/wp-content/uploads/2024/09/HarmonyOS_Sans_Regular_Italic.ttf'); /* URL指向你的.ttf或.otf文件 */
    /* 可以包括其他格式，如.eot、woff等 */
    /* 如果有 Multiple Font Sources 可以添加 */
    font-style: italic;
    font-weight: normal;
}
@font-face {/*粗体斜体*/
    font-family: 'HarmonyOS_Sans';
    src: url('https://www.smo.online/wp-content/uploads/2024/09/HarmonyOS_Sans_Bold_Italic.ttf'); /* URL指向你的.ttf或.otf文件 */
    /* 可以包括其他格式，如.eot、woff等 */
    /* 如果有 Multiple Font Sources 可以添加 */
    font-style: italic;
    font-weight: normal;
}

.header{
    display:flex;
    align-items: center;
    background:#fff;
    width:100%;
    padding:31px 0;
}
.wrapbox{
    width:100%;
    max-width:1200px;
    margin:auto;
}
.header .headerBox{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.header .headerBox .logo{
    background:url("../images/logo.png") no-repeat;
    background-size:60px;
    padding-left:68px;
    line-height:60px;
    font-size:32px;
    color:#72A8E7;
    text-decoration: none;
}
.header .headerBox .right{
    display:flex;
    align-items: center;
}
.header .headerBox .right .language{
   position:relative; 
   margin-right:12px;

}
.header .headerBox .right .language .icon{
    background:url("../images/language.png") no-repeat;
    background-size:24px;
    width:24px;
    height:24px;
    cursor: pointer;
}
.header .headerBox .right .language:hover .dropdown{
    display:block;
}
.header .headerBox .right .language .dropdown{
    display: none;
    position:absolute;
    top:100%;
    right:-12px;
    border-radius: 16px;
    background-color: #fff;
    padding:24px;
    flex-direction: column;
    align-items: center;
    z-index: 99;
}
.header .headerBox .right .language .dropdown a:hover{
    color:#72A8E7;
}
.header .headerBox .right .language .dropdown a{
    display:block;
    text-decoration: none;
    line-height: 36px;
    margin: 0;
    color: #606266;
}

.header .headerBox .btn{
    display:block;
    padding:0 40px;
    line-height:62px;
    color:#fff;
    border-radius: 8px;
    background:#72A8E7;
    font-size:20px;
    font-weight: bold;
    text-decoration: none;
    /* margin-right:52px; */
}
.mainWrap{
    background-color: #F8F8F8;
    padding:96px 0 160px 0;
}

/* mainWrap */
.mainWrap .mainBox{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.mainWrap .mainBox .leftBox p{
    font-size:48px;
    color:#000;
    margin-bottom:32px;
}
.mainWrap .mainBox .leftBox p.tip{
    font-size:24px;
    color:#999;
}
.mainWrap .mainBox .leftBox .downloadBtns{
    display:flex;
    align-items: center;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn{
    position:relative;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download{
    display:block;
    width:156px;
    height:38px;
    background-image:url(../images/downloads.png);
    background-size:156px auto;
    cursor: pointer;
    font-size:14px;
    color:#333;
    line-height:38px;
    padding-left:52px;
    text-decoration: none;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download:first-child{
    margin-right:24px;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download.android{
    background-position:0 -38px;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn .qrcodeBox{
    display:none;
    position:absolute;
    top:100%;
    left:-12px;
    width:180px;
    border-radius: 16px;
    background-color: #fff;
    padding:24px;
    flex-direction: column;
    align-items: center;
    z-index: 99;
}

.mainWrap .mainBox .leftBox .downloadBtns .aBtn:hover .qrcodeBox{
    display:flex;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn .qrcodeBox img{
    width:100px;
}
.mainWrap .mainBox .leftBox .downloadBtns .aBtn .qrcodeBox .qrcodeDesc{
    font-size:16px;
    color:#2F2F2F;
    
    text-align: center;
    white-space: nowrap;
}
.mainWrap .mainBox .rightBox{
    width:50%;
    max-width:638px;
}
.mainWrap .mainBox .rightBox img{
    width:100%;
}
.mainWrap .features{
    margin-top:170px;
    display:flex;
    align-items: center;
    justify-content: space-evenly;
}
.mainWrap .features .aFea{
    display:flex;
    align-items: center;
}
.mainWrap .features .aFea .icon{
    display:block;
    width:80px;
    height:80px;
    background-image:url(../images/features.png);
    background-size:auto 80px;
    margin-right:24px;
}
.mainWrap .features .aFea .icon.icon2{
    background-position:-80px 0;
}
.mainWrap .features .aFea .icon.icon3{
    background-position:-160px 0;
}
.mainWrap .features .aFea .feaInfo .feaInfoTitle{
    font-size:24px;
    margin-bottom:16px;
}
.mainWrap .features .aFea .feaInfo .feaInfoDesc{
    font-size:14px;
    color:#999;
} 

/* exploreWrap */
.exploreWrap .exploreWrapTitle{
    font-size:48px;
    color:#000;
    text-align: center;
    margin-bottom:200px;
    margin-top:150px;
}
.exploreWrap .aExplore{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;  
    margin-bottom:200px;
    
} 
.exploreWrap .aExplore img{
    width:43%;
    max-width: 586px;
}
.exploreWrap .aExplore .exploreInfo{
    max-width:464px;
}
.exploreWrap .aExplore .exploreInfo .exploreInfoTitle{
    background:#72A8E7;
    color:#fff;
    border: 16px;
    line-height:39px;
    padding:0 24px;
    font-size:20px;
    margin-bottom:36px;
    display:inline-block;
    border-radius: 16px;
}
.exploreWrap .aExplore .exploreInfo .exploreInfoDesc{
    font-size:28px;
    color:#000;
    line-height:42px;
} 

/* customerWrap */
.customerWrap{
    background:#F8F8F8 url(../images/customerBg.png) no-repeat;
    background-position:60px 60px;
    background-size:auto 320px;
}
.customerWrap .customerWrapTitle{
    font-size:40px;
    color:#000;
    text-align: center;
    padding-bottom:120px;
    padding-top:111px;
}
.customerWrap .customerAvatarBox{
    display:flex;
    align-items: center;
    justify-content: center;
}
.customerWrap .customerAvatarBox img{
    width:100px;
    height:100px;
    margin:0 20px;
}
.customerWrap .customerAvatarBox img:nth-child(2){
    transform: translateY(-40px);
}
.customerWrap .customerDesc{
    font-size:22px;
    color:#666;
    max-width:1180px;
    margin:96px auto 123px auto;
    padding-top:96px;
    padding-bottom:123px;
}

/* banner */
.bannerWrap{
    height:367px;
    background:url(../images/bannerBg.png);
    background-size:100% 100%;
    background-position:center center;
    margin-top:-160px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.bannerWrap p{
    text-align: center;
    font-size:40px;
    color:#fff;
    font-weight: bold;
    margin-bottom:40px;
}
.bannerWrap p.small{
    color:#fff;
    font-size:20px;
    margin:0;
    font-weight: normal;
}

.footer{
    margin-top:90px;
    margin-bottom:74px;
    text-align: center;
    color:#000;
    font-size:16px;
}
.agreementWrap{
    padding:5px;
}
.agreementWrap h2.title{
    text-align: center;
    margin-bottom:15px;
}
.agreementWrap p{
    line-height:30px;
}
.agreementWrap .update{
    font-size:13px;
}