.mainCont {
    width: 100%;
    position: relative;
    z-index: 2;
}

.barrage-container {
    position: relative;
    width: 100%;
    height: 152px;
    margin-top: 28px;
    display: flex;
    flex-flow: column;
}

.barrage-item {
    animation: move-right 15s linear forwards;
    position: absolute;
    left: 100%;
    height: 80px;
}

.barrage-item:nth-child(2n) {
    top: 78px;
}

@keyframes move-right {
    from {
        left: 100%;
        transform: translateX(0);
    }

    to {
        left: 0;
        transform: translateX(-100%);

    }

}

@keyframes move-right2 {
    from {
        left: 130%;
        transform: translateX(0);
    }

    to {
        left: 0;
        transform: translateX(-100%);
    }

}

.topbox {
    width: 100%;
    height: 86px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.nobackgrond {
    background: #FFF;
}

.noheilimt {
    height: auto;
}

.logBlack {
    width: 165px;
    height: 57px;
}

.aboutimg {
    width: 146px;
    height: 77px;
    margin-left: 96px;
    margin-top: 67px;
}

.ptextbox {
    width: 875px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 237px;
}

.ptextbox p {
    height: 37px;
    font-size: 26px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: bold;
    color: #22242A;
    line-height: 37px;
    margin-top: 139px;
}

.ptextbox span {
    width: 100%;
    font-size: 22px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #838383;
    line-height: 42px;
    text-align: center;
}

.mapbox {
    width: 1280px;
    height: 647px;
    margin-top: 42px;
    position: relative;
}

.mapbox img {
    width: 100%;
}

.mapiofo {
    position: absolute;
    left: 129px;
    width: 396px;
    height: 491px;
    background: rgba(36, 111, 249, .85);
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;


}

.mapiofo p {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 37px;
    margin-top: 77px;
    margin-bottom: 59px;
}

.mapiofo span {
    width: 312px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 19px;
    margin-bottom: 10px;
    margin-left: 24px;
}

.logoBox {
    width: 1280px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
}

.logo {
    width: 183px;
    height: 57px;
}

.pagebox {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.page {
    width: 1280px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 420px;
    height: 813px;

}

.p1Title {
    width: 859px;
    height: 180px;
    margin-top: 128px;
    margin-bottom: 93px;
}

.downloadBox {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.downloadBox span {
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 21px;
    margin-top: 13px;
}

.p1btBox {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-right: 61px;
}

.andbt {
    width: 180px;
    height: 60px;
}

.iosbt {
    width: 180px;
    height: 58px;
    margin-bottom: 45px;
}

.QRL {
    width: 165px;
    height: 165px;
    border-radius: 14px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.QRimgL {
    width: 124px;
    height: 124px;
    border-radius: 8px;
}

.p2title {
    width: 100%;
    height: 56px;
    font-size: 40px;
    text-align: center;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: bold;
    color: #838383;
    line-height: 56px;
}

.pageinfo {
    width: 1280px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.infobox {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.infobox:nth-child(2n) {
    flex-flow: row;
}

.infoimg {
    width: 510px;
    height: 499px;
    object-fit: contain;
}

.desbox {
    position: relative;
    width: 350px;
    height: 499px;
    margin-left: 148px;
    margin-right: 97px;
}


.desindex {
    position: absolute;
    height: 78px;
    top: 128px;
    left: 137px;
    opacity: 1;
}

.destitle {
    position: absolute;
    opacity: 0;
    height: 45px;
    top: 212px;
}

.destext {
    position: absolute;
    opacity: 0;
    top: 284px;
    height: 45px;
}

.omov {
    animation: titlep .6s linear forwards;
}

.omov2 {
    animation: titlep .8s linear forwards;
}

.bottomBox {
    width: 100%;
    background: #000000;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}

.bottomBtbox {
    width: 1280px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
    margin-bottom: 38px;
}

.bottomBtbox span {
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A6A6A6;
    line-height: 14px;
    margin-top: 10px;
}

.ios2 {
    width: 180px;
    height: 58px;
    margin-right: 42px;
}

.and2 {
    width: 180px;
    height: 60px;
    margin-right: 33px;
}

.QRSbox {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.QRS {
    width: 56px;
    height: 56px;
    border-radius: 4px;
}

.linkBox {
    width: 1280px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 33px;
}

.linkbottm {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    text-decoration: none;
    margin: 0 45px 0 45px;
}

.linkbottm:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.linkbottm:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.compinfo {
    width: 1280px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.compinfo span {
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A7A7A7;
    line-height: 17px;
    margin-right: 13px;
}

.compinfo a {
    text-decoration: none;
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #F3F3F3;
    line-height: 17px;
    margin-right: 20px;
}

.compinfo a:hover {
    color: #F3F3F3;
    text-decoration: none;
}

.compinfo a:hover {
    color: #F3F3F3;
    text-decoration: none;
}

.abbotpos {
    position: relative;

}

.alphamove {
    animation: opacitymove .6s linear forwards;
}

@keyframes opacitymove {
    from {
        opacity: 0.3;
    }

    to {
        opacity: 1;
    }
}

@keyframes titlep {
    0% {
        opacity: 0.3;
        transform: translateY(0px);
    }

    100% {
        opacity: 1;
        transform: translateY(-50px);
    }
}

@media (min-height:1080px) {
    .abbotpos {
        position: fixed;
        bottom: 0px;
        z-index: 9;
    }
}

@media (max-width:1920px) {
    .page {
        height: 813px;
    }
}
@media (max-width:1800px) {
    .page {
        height: 813px;
    }
    .p1Title {
     
        margin-bottom: 50px;
    }
}

@media (max-width:1600px) {
    .page {
        height: 600px;
    }
    .p1Title {
        margin-top: 30px;
        margin-bottom: 50px;
    }
}


@media (max-width:1300px) {
    .page {
        height: 574px;
    }

    .p1Title {
        margin-top: 30px;
        margin-bottom: 10px;
    }
}