.page1 .content{
    height: 100%;
}


.page1 .slogn{
    position: absolute;
    width: 360rem;
    top: 180rem;
    left: 60rem;
    margin: 0 auto;
    filter: drop-shadow(5rem 0rem 5rem #000);
}
.page1 .playDn{
    position: absolute;
    top: 520rem;
    left: 60rem;
    width: 450rem;
    height: 350rem;
    background: url(../img/page1/diannao.png) center center no-repeat;
    background-size: 100% auto;
}
.page1 .play{
   
    margin: 80rem 0 0 160rem !important;
    background-size: 360rem;
    width: 100rem;
    height: 100rem;
    background-position: -17rem -2130rem;
}


.slognDownload{
    position: absolute;
    top: 900rem;
    left: 60rem;
    width: 720rem;
}

.slognDownload .pcOnlineTxt{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 0 40rem 0rem;
}

.slognDownload .downloadBtns{
    display: grid;
    grid-template-columns: 1fr 1fr 1.3fr;
    grid-template-rows: 70rem 70rem;
    gap: 15rem;
    width: 720rem;
}

.slognDownload .downloadBtns .btn{
    display: block;
    border-radius: 10rem;
    overflow: hidden;
    transition: transform 0.2s, filter 0.2s;
}

.slognDownload .downloadBtns .btn:hover{
    transform: translateY(-3rem);
    filter: drop-shadow(0 4px 12rem rgba(255,215,0,0.5));
}

.slognDownload .downloadBtns .btn img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.slognDownload .downloadBtns .pcDownload{
    grid-row: span 2;
    align-self: stretch;
    /* background: url(../img/page1/zh-cn-pc.png) center center no-repeat;
    background-size: contain; */
    border-radius: 12rem;
    box-shadow: 0 4px 15rem rgba(0,0,0,0.5);
}

.lang_ar .page1 {
    transform: rotateY(180deg); 
}

.lang_ar .page1 .content{
    transform: rotateY(180deg); 
}

.lang_ar .page1 .slogn,.lang_ar .page1 .playDn,.lang_ar .slognDownload{
    right: 60rem;
    left: auto;
}