.as-phone {
    z-index: 10;
    position: fixed;
    left: -9rem;
    top: var(--cfSize);
    width: var(--pSize);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--dxSize);
    background: #FF0000;
    font-size: var(--gSize);
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: var(--jSize);
}

.as-phone i {
    display: inline-block;
    width: var(--dxSize);
    height: var(--dxSize);
    background: #fff;
    margin-left: var(--jSize);
    text-align: center;
}

.as-phone i img {
    width: var(--ySize);
    height: var(--ySize);
    margin-top: var(--aSize);
}

.as-code {
    z-index: 10;
    position: fixed;
    left: -9rem;
    top: var(--fxSize);
    width: var(--pSize);
    height: var(--exSize);
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #FF0000;
    padding: 0 0.5rem;
}

.as-code p {
    width: var(--bxSize);
    height: var(--bxSize);
    background: #fff;
}

.as-code span {
    font-size: var(--eSize);
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    transform: scale(0.85);
}

.as-code img {
    width: 100%;
    height: 100%;
}