.page-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 1024px;
    background: radial-gradient(75% 75% at 49.87% 34.42%, #161478 0%, #0B0135 100%);
    background-size: 100%;
}

.bg-bottom-wrap {
    height: 140px;
    /* background: rgba(27, 40, 158, .5) */
}

.bg-bottom {
    width: 100%;
    height: auto;
}

.bottom-text {
    position: absolute;
    bottom: 48px;
    width: 100%;
    padding: 0 146px;
}

.year {
    float: left;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #ffffff;
}

.links {
    float: right;
}

.link {
    display: inline-block;
    font-size: 16px;
    color: #13156A;
    text-align: center;
    border-radius: 20px;
    background: rgba(255, 255, 255, .8) !important;
    padding: 7px 22px;
    margin-left: 16px;

}

.top-wrap {
    position: relative;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.top-content {
    display: flex;
    position: relative;
    max-width: 80%;
}

.bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.logo {
    width: 280px;
    height: auto;
}

.app-intro {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 55px;
    color: #FFFFFF;
    margin-top: 32px;
}

.text {
    width: 100%;
}

.download-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 64px;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    color: #0000D4;
    background: #ffffff !important;
    border-radius: 38px;
    margin-top: 83px;
}

.apple-icon {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.right-part {
    width: 466px;
    margin-top: -100px;
    margin-left: 120px;
}