h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,textarea{font:400 12px "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body {background: #020513 url(../img/invite-campaign-contbg.png) bottom center no-repeat; background-size: cover; min-height: 100vh; }
.main {
    background: url(../img/invite-campaign-banbg.png) top center no-repeat;
    background-size: cover;
}

.banner {
    max-width: 11.5rem;
    width: 94%;
    margin: 0 auto;
    padding: 1.2rem 0 1rem;
    text-align: center;
}

.banner>img {
    width: 2.24rem;
}

.banner_des {
position: relative;
font-size: .52rem;
font-weight: 700;
background: linear-gradient(182deg, #FFF 43%, #A8A8A8 74.06%);
background-clip: text;  
-webkit-background-clip: text;  
-webkit-text-fill-color: transparent;
}

a.banner_btn {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: .2rem;
    font-weight: 600;
    border-radius: .12rem;
    background: url(../img/invite-campaign-btnbg.png) top center no-repeat;
    background-size: 100% 100%;
    width: 4.2rem;
    height: 1.1rem;
    margin-top: .15rem;
    position: relative;
    box-sizing: border-box;
    padding: 0.4rem 0;
}

a.banner_btn:hover {
    background: url(../img/invite-campaign-btnbg-hover.png) top center no-repeat;
    background-size: 100% 100%;
}

a.banner_btn::after {
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(69, 10, 212, 0.50) 0%, rgba(123, 5, 198, 0.50) 100%);
    filter: blur(10px);
    position: absolute;
    top: 0;
}

a.banner_btn svg {
    width: 0.18rem;
    height: 0.18rem;
    display: inline-block;
    vertical-align: middle;
}

.content {
    max-width: 14rem;
    width: 94%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 1rem;
}

.content_des {
    color: #9BAED8;
    font-size: .18rem;
    font-style: italic;
}

.content_lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem 2.4%;
    margin-top: .6rem;
}

.content_item {
    max-width: 2.52rem;
    width: 100%;
    height: 1.56rem;
    border-radius: .15rem;
    box-sizing: border-box;
    padding: .27rem .2rem;
    text-align: left;
    transition: all 0.3s ease-in-out;
}

.content_item:hover {
    transform: translateY(-10px);
}

.special_demo {
    display: inline-block;
    color: #302A37;
    font-size: .12rem;
    padding: 0 .09rem;
    margin-bottom: .06rem;
    font-weight: 400;
    border-radius: .12rem;
    background: linear-gradient(180deg, #D5CBEB 0%, #A391CE 109.09%);
}

.content_item_title {
    color: #FFF;
    font-size: .18rem;
    font-weight: 700;
}

.content_item_des {
    color: #FFF;
    font-size: .13rem;
    font-weight: 400;
}

.content_item1 .special_demo {
    padding: 0 0.17rem;
}

.content_item1 {
    background: #121A44 url(../img/invite-campaign-bgimg1@2x.png) top center no-repeat;
    background-size: cover;
}
.content_item2 {
    background: #121A44 url(../img/invite-campaign-bgimg2@2x.png) top center no-repeat;
    background-size: cover;
}
.content_item3 {
    background: #121A44 url(../img/invite-campaign-bgimg3@2x.png) top center no-repeat;
    background-size: cover;
}
.content_item4 {
    background: #121A44 url(../img/invite-campaign-bgimg4@2x.png) top center no-repeat;
    background-size: cover;
}
.content_item5 {
    background: #121A44 url(../img/invite-campaign-bgimg5@2x.png) top center no-repeat;
    background-size: cover;
}

.footer { background: #1B1D21; padding: .11rem 0; width: 100%; position: fixed; bottom: 0; }
.footer>div { text-align: center; }
.footer>div p { color: #666;font-size: .12rem;font-weight: 400; }
.footer>div p a {  color: inherit;font-size: inherit; font-weight: inherit; text-decoration: none; }
.footer>div p a:hover { color: #2C67FF; }

@media screen and (max-width: 1920px) {
    .main { background-size: auto; }
}

@media screen and (max-width: 1500px) {
    .content {
        max-width: 10rem;
    }
    .content_lists {
        gap: 0.35rem;
    }
}

@media screen and (max-width: 750px) {
    body {
        background: #020513 url(../img/invite-campaign-contbg-mo.png) bottom center no-repeat;
        background-size: 100%;
    }
    .main {
        background: url(../img/invite-campaign-banbg-mo.png) top center no-repeat;
        background-size: 100%;
    }
    .banner { padding: 0.6rem 0 0.5rem; }
    .banner_des { font-size: 24px; }
    .content { width: 85%; }
    .content_des { font-size: 14px; }

    a.banner_btn {
        width: 336px;
        height: 88px;
        padding: 28px 0;
    }
}