* {
    margin: 0;
    padding: 0
}

html,body {
    min-width: 1390px;
    width: 100%;
    height: auto;
    background: #fff;
    height: 1845px
}


button {
    border: none;
    background-color: transparent;
    outline: none
}

body {
    font-family: "Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #3a3a3a;
    text-decoration: none
}

body div,body section {
    box-sizing: border-box
}

body .container {
    padding: 0 127px
}

body .container a {
    text-decoration: none
}

body .container .people {
    background-image: url("images/330.png");
    background-size: cover;
    width: 990px;
    height: 799px;
    position: absolute;
    right: -138px;
    top: -148px;
    color: #01134A
}

body .container .title {
    font-size: 52px;
    font-weight: 600;
    line-height: 73px;
    padding-top: 211px;
    margin-bottom: 18px;
    position: relative;
    z-index: 9
}

body .container .desc {
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 32px;
    position: relative;
    z-index: 9
}

body .container .join-btn {
    width: 160px;
    height: 58px;
    background-color: #FF9224;
    color: #FFFFFF;
    border-radius: 8px;
    text-align: center;
    line-height: 58px;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 298px
}

body .container .content-container {
    display: flex;
    margin-bottom: 142px
}

body .container .content-container .content-item {
    flex: 1;
    text-align: center
}

body .container .content-container .content-item .img {
    width: 202px;
    height: 202px;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 28px
}

body .container .content-container .content-item .title {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 20px
}

body .container .content-container .content-item .desc {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 0
}

body .container .content-container .content-item-1 .img {
    background-image: url("images/b9fb.png")
}

body .container .content-container .content-item-2 .img {
    background-image: url("images/a180a.png")
}

body .container .content-container .content-item-3 .img {
    background-image: url("images/5a0e.png")
}

body .container .content-container .content-item-4 .img {
    background-image: url("images/219c.png")
}

body .container .join {
    font-size: 42px;
    color: #01134A;
    line-height: 59px;
    margin-bottom: 55px;
    text-align: center;
    font-weight: 600
}

body .container .qrcode-container {
    width: 376px;
    height: 376px;
    background-color: #FFD8A7;
    border-radius: 24px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

body .container .qrcode-container .qrcode {
    width: 322px;
    height: 322px;
    position: absolute;
    top: 27px;
    left: 27px;
    border-radius: 12px;
    overflow: hidden;
    background-image: url("images/qrcode1.png");
    background-size: cover
}

body .container .footer-img {
    background-image: url("images/90da.png");
    background-size: cover;
    width: 100%;
    height: 189px;
    position: absolute;
    left: 0;
    bottom: 0
}

/*# sourceMappingURL=user_index.css.map */