html, .page {
    background: var(--el-bg-color-page);
}
html {
    background:
    radial-gradient(circle at 0% 0%, #94c7ff -30%, transparent 20%), 
    radial-gradient(circle at 100% 0%, rgb(101 225 236) -50%, transparent 30%)
    !important
}
@media screen and (min-width: 1000px){
    html::after{
        content: "";
        position: fixed;
        z-index: -1;
        bottom: 0;
        right: 0;
        width: 20%;
        max-width: 350px;
        height: 100%;
        background: url(7c7ac58cb9ca485dae2ccec81cd36353.png) no-repeat bottom;
        background-size: 100% auto;
    }
}
.important-title {
    -webkit-text-stroke: 0px #ffffff;
}
button.form-btn{
    background: #409eff;
}
/* button.form-btn{
    background: linear-gradient(270deg, #FF8C19 0%, #FF3333 45.67%, #FF2776 98.5%);
}*/
.layouts {
    padding-top: 70px;
}

/* header */
.site-header {
    position: fixed;
    background: #FFF;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding: 0 1.0em;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
}
.logo {
    padding: 0;
}
.logo .logo-image {
    width: 40px;
    padding: 5px 0;
}
.logo .logo-text small{
    font-size: .9rem;
    font-weight: normal;
}
.step-card{
    margin-top: 65px!important;
}
.nav-right{
    float: right;
    line-height: 48px;
    position: relative;
}
.nav-right > a{
    margin-right: 1.0rem;
}
.nav-button {
    display: none;
    background: url(navicon.png) no-repeat center center;
    width: 32px;
    height: 32px;
    border: 1px solid #efefef;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(192,192,192,.5);
}
.nav-menu {
    display: block;
    text-align: right;
    width: auto;
}
.nav-menu a {
    display: inline;
    margin-right: 1.0rem;
}
.links{
    font-size: 13px;
    text-align: center;
    padding: 1.0rem;
}
.links a{
    text-decoration: none; 
    color: #808080;
    margin-right: 1.0rem;
}
.footer-copyright {
    padding: calc(1.3125rem + 0.75vw) 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1098039216);
    text-align: center;
}

/*移动端*/
@media (max-width: 767.98px){
    .theme-switch {
        display: none;
    }
    .nav-button {
        display: block;
    }
    .nav-menu {
        display: none;
        position: absolute ;
        right: 1.0em;
        top: 48px;
        width: 120px;
        text-align: center;
        background: #FFF;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 3px 0 rgba(192,192,192,.5);
    }
    .nav-menu a {
        display: block;
        width: 100%;
        line-height: 40px;
        margin-right: 0;
        border-bottom: 1px solid #efefef;
    }
    .nav-menu a::last-child{
        border: none;
    }
}
@media (min-width: 1200px) {
  .footer-copyright {
    padding: 1.875rem 0;
  }
}
@media (max-width: 991px) {
  .footer .row .col-lg-3 {
    margin-bottom: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 991px) and (min-width: 1200px) {
  .footer .row .col-lg-3 {
    margin-bottom: 1.875rem;
  }
}