.zm-flex {
    display: flex;
}

.zm-flex-col {
    flex-direction: column;
}

.zm-flex-left {
    align-items: center;
    justify-content: flex-start;
}

.zm-flex-right {
    align-items: center;
    justify-content: flex-end;
}

.zm-flex-center {
    align-items: center;
    justify-content: center;
}

.zm-flex-between {
    align-items: center;
    justify-content: space-between;
}

.zm-flex-around {
    align-items: center;
    justify-content: space-around;
}

header {
    box-shadow: 0rem .125rem 1.0625rem 0rem rgba(0, 0, 0, 0.08);
    padding: 0 15rem;
    width: 100%;
    height: 6.25rem;
    position: fixed;
    top: 0px;
    z-index: 9999;
    background-color: #fff;
}

main::before {
    content: "";
    display: block;
    width: 100%;
    height: 6.25rem;
    background-color: transparent;
}

.logo {
    gap: .75rem;
}

.logo>img {
    width: 3.375rem;
    height: 3.375rem;
}

.logo>h1 {
    font-size: 1.875rem;
}

nav {
    gap: 4.75rem;
}

.nav-li>a {
    outline: none;
}

.nav-li a:hover,
.nav-li a.active {
    color: #007bff;
    /* 激活状态颜色 */
}

.nav-li>a {
    font-size: 1.5rem;
    color: #666666;
}

main {
    padding: 0 15rem;
}

.main-li {
    height: 50rem;
    align-items: center;
    justify-content: space-between;
}

.main-li>div {
    width: 50%;
}

.main-li-r {
    align-items: center;
    display: flex;
    justify-content: center;
}

.card-t-1 {
    /* align-items: end; */
    position: relative;
}

.card-t-1>img {
    width: 4.11rem;
    height: 3.9019rem;
    position: absolute;
    top: calc(-50% + 3.9rem/2);
    right: 1.875rem;
}

.card-t-1::after {
    content: "";
    width: 90%;
    height: 1.9375rem;
    background-color: #336BF6;
    opacity: 0.26;
    position: absolute;
    bottom: 1.25rem;
}

.card-t-1>p,
.card-t-2 {
    font-size: 5.625rem;
    z-index: 999;
}

.card-t-3 {
    font-size: 1.875rem;
    color: #666666;
    margin-top: 3.3125rem;
}

.card-t-4 {
    border: 1px solid #326AF6;
    border-radius: 2.6875rem 2.6875rem 2.6875rem 2.6875rem;
    padding: 1.1875rem 3.75rem;
    margin-top: 3.5625rem;
    font-size: 1.75rem;
    cursor: pointer;
    display: inline-block;
}

.card-t-5 {
    width: 29.25rem;
    font-size: 3.125rem;
    color: #336BF6;
    text-align: right;
}

.s-card {
    width: 29.25rem;
    height: 11.25rem;
    background: linear-gradient(215deg, #E5ECFF 0%, #FFFFFF 100%);
    box-shadow: 0rem .5rem 1.25rem 0rem rgba(0, 0, 0, 0.04);
    border-radius: .9375rem .9375rem .9375rem .9375rem;
    padding: 3.125rem 3.625rem;
    position: relative;
}

.s-card::before {
    content: "";
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 50%;
    background-color: #336BF6;
    border: 1.375rem solid #D6E2FF;
    position: absolute;
    top: -1.875rem;
    left: 1.875rem;
}

.s-card>p:nth-child(1) {
    font-size: 1.5rem;
    color: #333;
}

.s-card>p:last-child {
    font-size: .875rem;
    color: #333;
    margin-top: .625rem;
}

footer {
    height: 62.5rem;
    width: 100%;
    background: url(../img/Group5.png) 100% no-repeat;
    margin-top: 3.75rem;
    align-items: center;
    justify-content: center;
}

footer>.info {
    width: 95rem;
    height: 35.8125rem;
    margin: 16.3125rem 12.5rem 12.5rem 10.25rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 52px 52px 52px 52px;
    border: 2px solid #FFFFFF;
    backdrop-filter: blur(.5rem);
    gap: 1.75rem;
}

footer>.info>.logo {
    width: 8.75rem;
    height: 8.75rem;
    margin-bottom: 1.875rem;
}

footer>.info>.btns {
    cursor: pointer;
}

footer>.info>p {
    font-size: 1.5rem;
    color: #333;
}

footer>.info>.call {
    color: #4D4D4D !important;
}

footer>.info>.call>a {
    outline: none;
}

footer>.info>.call>a:hover {
    text-decoration: underline;
}

/* footer>.info>.btns {
    position: relative;
} */

/* footer>.info>.btns>.appleCR {
    position: absolute;
    left: 0%;
    top: -100%;
    scale: 0;
    opacity: 0;
    transition: all 0.3s ease ;
    border-radius: 3.25rem 3.25rem 3.25rem 3.25rem;
    box-shadow: 0rem .125rem 1.0625rem 0rem rgba(0, 0, 0, 0.08);
} */



.popup{
    position: fixed;
    width: 0%;
    height: 0%;
    background-color: rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(8px);
    top: 50%;
    left: 50%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    scale: 0;
}

.popup > img{
    width: 32.125rem;
    height: 43.875rem;
    border-radius: 3.25rem;
}

.popup-show {
    top: 0%;
    left: 0%;
    width: 100% !important;
    height: 100% !important;
    scale: 1 !important;
}