.ps46-page {
    width: 108rem;
    padding: 1px 0;
    position: relative;
}

.pg-phone {
    display: block;
}

.pg-pc {
    display: none;
}

.ps46-main-img, .ps46-phone-main-img, .ps46-panel1 img, .ps46-panel2 img, .ps46-panel3 img, .ps46-panel4 img {
    width: 100%;
}

.banner {
    width: 108rem;
    position: relative;
}

.float-left-content-box {
    position: absolute;
    left: 14rem;
    top: 30.6rem;
    width: 80rem;
}

.float-left-img-box {
    animation-duration: 5s;
    animation-name: fadeInLeft;
}

.float-left-title {
    margin: 0;
    color: #fff;
    font-size: 8rem;
    font-family: 'Rany-Medium';
}

.float-left-des {
    width: 80rem;
    margin-top: 3rem;
    color: #fff;
    font-size: 3.6rem;
    line-height: 4.8rem;
    font-family: 'OPPOSans-L';
}

.ps46-panel1, .ps46-panel2, .ps46-panel3, .ps46-panel4 {
    width: 108rem;
    position: relative;
}

.ps46-panel1-message, .ps46-panel2-message, .ps46-panel3-message, .ps46-panel4-message {
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

.ps46-panel1-message {
    top: 6rem;
    right: 0;
    width: 100%;
    text-align: center;
}

.ps46-panel1-title {
    margin: 0;
    color: #333;
    font-size: 6rem;
    font-family: 'Rany-Bold';
}

.ps46-panel1-txt {
    color: #333;
    font-size: 3rem;
    font-family: 'Rany';
}

.ps46-panel2-message {
    top: 109.4rem;
    left: 14rem;
    width: 80rem;
}

.ps46-panel2-title, .ps46-panel3-title, .ps46-panel4-title {
    margin: 0 0 4.8rem;
    font-size: 6rem;
    line-height: 7.2rem;
    font-family: 'Rany';
}

.ps46-panel2-title, .ps46-panel2-txt {
    color: #111;
}

.ps46-panel2-txt, .ps46-panel3-txt, .ps46-panel4-txt {
    margin: 0;
    font-size: 3.6rem;
    line-height: 4.8rem;
    font-family: 'OPPOSans-L';
}

.ps46-panel2-txt {
    width: 80rem;
}

.ps46-panel3-message {
    top: 46.1rem;
    right: 14rem;
    width: 56rem;
    text-align: right;
}

.ps46-panel3-title, .ps46-panel3-txt {
    color: #111;
}

.ps46-panel4-message {
    top: 38.4rem;
    left: 14rem;
    width: 80rem;
}

.ps46-panel4-title, .ps46-panel4-txt {
    color: #fff;
}

@keyframes fadeInLeft {
    0% {
    opacity: 0;
}

100% {
    opacity: 1;
}


}

\n