body{
    padding: 0;
    margin: 0;
    background-color: #F9F9F9;
}
.con{
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
@media screen and (max-width:1200px) {
    .con{
        padding: 16px;
        box-sizing: border-box;
    }
    .m-hide{
        display: none;
    }
    .m-show{
        display: block;
    }
    .cards{
        display: block!important;
    }
    .cards > .ml-8 {
        margin-left: 0;
    }
}
@media screen and (min-width:1200px) {
    .m-hide{
        display: block;
    }
    .m-show{
        display: none;
    }
}
.banner{
    background-image: url(./imgs/banner-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.page-bottom{
    background-color: #2B2F2F;
    color: #8C8C99;
    text-align: center;
}
.h-90{
    height: 22.5rem;
}
.h-19{
    height: 4.75rem;
}
.w-19{
    width: 4.75rem;
}
.join{
    background-image: url(./imgs/join-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.join-submit{
    background: linear-gradient(to right, #FF8A38, #FF6900)!important;
    color: white;
    height: 64px;
    border-radius: 64px;
    line-height: 64px;
    font-size: 24px;
    display: block;
    width: calc(100% - 80px);
    margin: 28px 40px 0;
}