*{padding: 0rem; margin: 0rem;box-sizing: border-box;}
body, html{width: 100%;height: 100%; font-family: Arial, Helvetica, sans-serif;}
header{width: 100%;height: 5rem;position: fixed;left: 0;top: 0;display: flex;align-items: center;padding: 0 13.125rem;justify-content: space-between;background-color: inherit;z-index: 99999;}
header .logo{width: 10.125rem;}
header .actions{width: 38.875rem;display: flex;align-items: center;justify-content: space-between;}
a{text-decoration: none;color: inherit;list-style: none;}
.navigate{color: #1A1A1A;font-size: 0.875rem; font-weight: 500;width: auto;}
.caseNav{color: #FFFFFF !important;}
.navigate:hover{cursor: pointer;color: #FF575F;position: relative;}
.navigate:hover::before{width: 100%;height: 0.125rem;border-radius: 2px;overflow: hidden; position: absolute;content: '';background-color: #FF575F;left: 0;bottom: -0.625rem;animation: activeAni 0.4s linear;}
/* .navigate:active{color: #FF575F;position: relative;}
.navigate:active::before{width: 100%;height: 0.125rem;border-radius: 2px;overflow: hidden; position: absolute;content: '';background-color: #FF575F;left: 0;bottom: -0.625rem;animation: activeAni 0.4s linear;} */
.navigate-active{color: #FF575F;position: relative;cursor: pointer;}
.navigate-active::before{width: 100%;height: 0.125rem;border-radius: 2px;overflow: hidden; position: absolute;content: '';background-color: #FF575F;left: 0;bottom: -0.625rem;animation: activeAni 0.4s linear;}
@keyframes activeAni{
from{
    transform: scaleX(0);
}
to{
    transform: scaleX(1);
}
}

#downloadImg{width: 13.75rem;position: absolute;top: 2.5rem;left: -50%;transform: translateX(-25%);}
#downloadImg .downloadImg{width: 100%;}
footer{width: 100%;background-color: #171E2B;height: 5.625rem;display: flex;flex-flow: column;align-items: center;justify-content: center;}
footer .footer{line-height: 1.125rem;font-size: 0.69rem;color: #FFFFFF;}
.homeTitle{width: 100%;text-align: center;line-height: 2.5rem;color: #1A1A1A;font-size: 2.125rem;font-family: PingFangSC, PingFang SC;font-weight: 600;}
.homeTip{width: 100%;text-align: center;line-height: 1.5625rem;color: #999999;font-size: 1.125rem;margin-top: 0.75rem;font-weight: 400;}

#pageTip{width: 63.75rem;height: 1.375rem; margin: 3.75rem auto;display: flex;align-items: center;}
#pageTip .firstPage{line-height: 1.375rem;color: #999999;font-size: 1rem;cursor: pointer;}
#pageTip .currentPage{height: 100%;display: flex;align-items: center;margin-left: 0.25rem;}
#pageTip .currentPage .currentPageIcon{width: 1.25rem;height: 1.25rem;}
#pageTip .currentPage .currentPageCheck{color: #333333;font-size: 1rem;cursor: pointer;}
#pageTip .currentPage .currentPageTxt{font-size: 1rem;color: #999999;cursor: pointer;}
#main{width: 63.75rem;margin: 3.75rem auto;}

#contact{width: 100%;display: flex;flex-flow: column;align-items: center;padding: 5.625rem 0;}
#contact .contact{width: 63.75rem;padding: 5.5rem 0 4.375rem;position: relative;}
#contact .contact .contactTitle{width: 100%;height: 5.125rem;line-height: 5.125rem;border-bottom: 1px solid #EEEEEE;font-size: 1.875rem;color: #1A1A1A; font-weight: 600;}
#contact .contact .qrcodeItems{position: absolute;width: 30rem;height: auto;display: flex;align-items: center;justify-content: space-between;top: 22rem;right: 2rem;}

.contactBox{width: auto;height: auto;}
.contactBox .contactBoxTitle{line-height: 1.75rem;color: #1A1A1A;font-size: 1.25rem;font-weight: 600;}
.contactBox .contactBoxInfo{margin-top: 1.875rem;height: 1.5rem;display: flex;align-items: center;}
.contactBox .contactBoxInfo .contactBoxInfoIcon{width: 1.5rem;height: 1.5rem;}
.contactBox .contactBoxInfo .contactBoxInfoTxt{line-height: 1.5rem;color: #333333;font-size: 1.125rem;margin-left: 0.75rem;}
.qrcodeBox{width: 11.25rem;height: auto;display: flex;flex-flow: column;align-items: center;}
.qrcodeBox .qrcode{width: 11.25rem;}
.qrcodeBox .qrcodeTitle{line-height: 2.375rem;margin-top: 0.875rem;font-size: 1.5rem;color: #1A1A1A;font-weight: 600;}

#qrcode{width: 10.5rem;height: 15rem;border-radius: 1rem;overflow: hidden;position: fixed;right: 1.25rem;bottom: 8.25rem;z-index: 9;}
#qrcode .qrcodeBoxB{width: 100%;height: 10.5rem;background: linear-gradient( 225deg, #FF6068 0%, #FFAEB2 100%);display: flex;align-items: center;justify-content: center;}
#qrcode .qrcodeBoxB .qrcodeImg{width: 9.625rem;height: 9.625rem;}
#qrcode .qrcodeTip{width: 100%;height: 4.5rem;display: flex;flex-flow: column; align-items: center;justify-content: center;color: #FFFFFF;font-size: 1.124rem;line-height: 1.625rem;font-weight: 500; background: linear-gradient( 50deg, #FF5D69 0%, #FF3741 100%);}