@font-face {
    font-family:iconfont;
    src:url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.eot?t=1584846914425);
    src:url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.eot?t=1584846914425#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPcAAsAAAAACEAAAAOQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDVIMaATYCJAMUCwwABCAFhG0HUhswBxEVnPHIfiZkcgn7O+8oo66bEbK2OpSJxjfBA+X1vslMtll8iBW0KuzdSry1J/JGpwASAA0EaO7O95urXT4WOkKV5Nojj7b4hwrpy2SO/v97p78xLfvYuvYslzWHLex8DDAOpEDHnGQljg3TC+cUPEjbIQAHqRRD1GvQzI2BgvQTgBjYr083jJQNVcMRGEZbyVSVKhajY2hztCvAIv178YYywgANXUJ2atW7fk9qmZi1ZMCSjnILC8fbDUAHJFAMUCCGl/oGIm2uGBKHP1RRC3BgoKGZmLxVUbOWZcWqHRkc9A8PBBKFBsIGKXUBUAvlFZhwBAGmhiDBLIqgwKyVRwPuKwAOWAjCWUxL9mpIWOWKcikVmuwiF0+49sx9/bnn5gvfDdO/at6eQHTP5dHLd8Z6V67btSPG061Q523w0S5OzYETx4QbT9zXbnmuP/bdvOsL9lwR2D031utePndvMM7nXRncNy/G4xvlEveE69fc4Tdu+AbcnOdxa4E98/bFyZV75+5WxGRRnfY0cEulpaqbVCzNtxTEU1P1m2J4tFGwJ7VcytpevcrWOXd44oCjAyZu3DXRvQxryi09PV2/BcVQIlRxZPWvAFhMXkb1qQ3bHPFvOVXxWI1TjTLPFjtT5smFsAtxVqK82CcvekwcsbMOHDh4wOBxYw4eZI+NVR+A6Vmx4bGz1ZI0XFw1r0mlXm20lW5RpWd+s0u/ijYZwarmHJsZVi+tXKjMlU2rm186Hlk6tFxaPfwAWLPk3380K2u4Qm6xtmaprTL4b/dj0Nu/F+qwat8MpwLgzvpfdbSsPbbVBj9Ijy//kxa1tAb7qAqUxK4rT8490qpVpxGATiESBDT4aTX/LxTJg3H0MbPIZMAgJgaNIqSAxCCbpGjFQMdJObBhUBMcFKXhbCdRDEcilB0oZAYAQTiHQCOU4yAJ5ypJ0e6DTizvwEa4kODAK6KWdJIrLP1uHgWtYqDuj3zPi2FOvTHlb7BpaiWp1NwvSPRJKrMiW3zFAhljRPy2laohIzzTC9gN08S0Cgf0mjnV9ZLnpuxDWc/z5oZHQasYqPsj3/NiZGO9yX3/DTZNrdQQ+qJfkOjbpzIrWpBedUsrwrXcEr9tpWrICM/0AjyYaI5pLe8U0GvmemTWS47qmba6bH7D/IybAAdkZV1oQgoldGHjYViCYPl3WKxb86g+On/sE/+kc/CLtS1vNg==') format('woff2'), url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.woff?t=1584846914425) format('woff'), url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.ttf?t=1584846914425) format('truetype'), url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.svg?t=1584846914425#iconfont) format('svg')
}
.failhide{
    display: none;
}
.iconfont {
    font-family:iconfont!important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-querenzhengque:before {
    content:"\e600"
}
.icon-tishi:before {
    content:"\e640"
}
.icon-cuowu:before {
    content:"\e602"
}
.icon-jinggao:before {
    content:"\e62b"
}
* {
    box-sizing:border-box;
    margin:0;
    padding:0;
    font-weight:300
}
body, body ::-webkit-input-placeholder {
    font-family:Source Sans Pro, sans-serif;
    color:#fff;
    font-weight:300
}
body :-moz-placeholder, body ::-moz-placeholder {
    font-family:Source Sans Pro, sans-serif;
    color:#fff;
    opacity:1;
    font-weight:300
}
body :-ms-input-placeholder {
    font-family:Source Sans Pro, sans-serif;
    color:#fff;
    font-weight:300
}
a {
    text-decoration:none
}
.lines span {
    float: right;
    min-width: 80px;
    text-align: center;
    color: #fff;
    background: #08f;
    /*box-shadow: 0 4px 10px rgb(255 63 61 / 25%);*/
    padding: 2px 5px;
    font-size: 12px;
    line-height: 20px;
    margin-right: 10px;
    /*margin-top: -22px;*/
    display: inline-block;
    vertical-align: text-top;
    border-radius: 2px;
}
.progress {
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
    height:20px;
    margin-bottom:20px;
    overflow:hidden;
    background-color: #fff;
    box-shadow: 0 4px 10px rgb(51 51 51 / 10%);
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);
    height:8px
}
.progress-bar {
    float:left;
    width:0%;
    height:100%;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background-color:#08f;
    /*box-shadow: 0 4px 10px rgba(255, 63, 61, 0.25);*/
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}
.progress-bar-success {
    background: #08f;
}
.btngo {
    border: 1.2px solid #08f;
    margin-right: 10px;
    color: #08f;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 6px;
    display: inline-block;
    padding: 6px 12px;
}
#tips2 {
    background: none;
    color: #666;
    font-weight: 500;
    text-align: left;
    padding: 0;
}
.wrapper {
    background: #08f;
    /*background: linear-gradient(to bottom right, #01a982 0, #60ae80 100%);*/
    overflow: hidden;
}
.bg-bubbles, .wrapper {
    position:absolute;
    left:0;
    width:100%;
    height:100%
}
.bg-bubbles {
    top:0;
    z-index:1
}
.bg-bubbles li {
    position:absolute;
    list-style:none;
    display:block;
    width:40px;
    height:40px;
    background-color:hsla(0, 0%, 100%, .15);
    bottom:-160px;
    animation:square 25s infinite;
    transition-timing-function:linear
}
.bg-bubbles li:nth-child(1) {
    left:10%
}
.bg-bubbles li:nth-child(2) {
    left:20%;
    width:80px;
    height:80px;
    animation-delay:2s;
    animation-duration:17s
}
.bg-bubbles li:nth-child(3) {
    left:25%;
    animation-delay:4s
}
.bg-bubbles li:nth-child(4) {
    left:40%;
    width:60px;
    height:60px;
    animation-duration:22s;
    background-color:hsla(0, 0%, 100%, .25)
}
.bg-bubbles li:nth-child(5) {
    left:70%
}
.bg-bubbles li:nth-child(6) {
    left:80%;
    width:120px;
    height:120px;
    animation-delay:3s;
    background-color:hsla(0, 0%, 100%, .2)
}
.bg-bubbles li:nth-child(7) {
    left:32%;
    width:160px;
    height:160px;
    animation-delay:7s
}
.bg-bubbles li:nth-child(8) {
    left:55%;
    width:20px;
    height:20px;
    animation-delay:15s;
    animation-duration:40s
}
.bg-bubbles li:nth-child(9) {
    left:25%;
    width:10px;
    height:10px;
    animation-delay:2s;
    animation-duration:40s;
    background-color:hsla(0, 0%, 100%, .3)
}
.bg-bubbles li:nth-child(10) {
    left:90%;
    width:160px;
    height:160px;
    animation-delay:11s
}
@keyframes square {
    0% {
        transform:translatey(0)
    }
    to {
        transform:translatey(-700px) rotate(600deg)
    }
}
@media (max-width:500px) {
    .container h1 {
        font-size:60px
    }
    form button, form input {
        width:500px
    }
}
.main {
    padding:50px 0;
    z-index:999;
    position:relative
}
.main h1 {
    font-size:40px;
    text-align:center;
    color:#fff;
    margin-bottom:30px;
    text-transform:uppercase
}
.content {
    margin:0 auto;
    width:28%;
    background:#fff;
    border-radius:5px
}
p.footer {
    font-size:16px;
    text-align:center;
    color:#fff;
    font-weight:500;
    margin-top:30px
}
p.footer a {
    color:#55acee
}
p.footer a:hover {
    color:#000;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all
}
.content-top h2 {
    font-size:18px;
    color:#fff;
    text-align:center;
    background:#08f;
    /*background:#02a982;*/
    margin-bottom: 15px;
    padding:12px 0;
    border-radius:5px
}
.content-top p {
    text-align:center;
    font-size:16px;
    color:#000;
    margin-top:15px
}
.content-top ul li {
    display:block;
    font-size:15px;
    color:#000;
    line-height:1.8em;
    padding:1em 0 1em 1em;
    border-bottom:1px solid #eee
}
.content-top ul li a {
    color:#08f;
    /*color:#000;*/
    font-weight:400
}
.content-top ul li a i {
    color:#02a982;
    font-style:normal;
    display:block;
    margin:2px 0
}
.content-top ul li span {
    display:block;
    /*color:#999*/
}
.content-top {
    padding:1.5em
}
.content-top p a {
    color:#55acee;
    margin-left:5px
}
@media (max-width:1366px) {
    .content {
        width:31%
    }
}
@media (max-width:1280px) {
    .content {
        width:32%
    }
}
@media (max-width:1080px) {
    .content {
        width:38%
    }
    .main h1 {
        font-size:36px
    }
    .content-top h2 {
        font-size:16px;
        padding:10px 0
    }
    .content-top p, .content-top ul li, p.footer {
        font-size:14px
    }
}
@media (max-width:800px) {
    .main h1 {
        font-size:34px
    }
    .content {
        width:46%
    }
}
@media (max-width:768px) {
    .main {
        padding:90px 0
    }
    .main h1 {
        margin-bottom:55px
    }
    p.footer {
        margin-top:75px
    }
}
@media (max-width:736px) {
    .main {
        padding:70px 0
    }
    .main h1 {
        margin-bottom:45px
    }
    .content {
        width:53%
    }
    p.footer {
        margin-top:50px
    }
}
@media (max-width:667px) {
    .main h1 {
        font-size:32px;
        margin-bottom:35px
    }
    .main {
        padding:60px 0
    }
    .content {
        width:57%
    }
    .content-top h2 {
        font-size:18px
    }
}
@media (max-width:600px) {
    .main h1 {
        font-size:30px
    }
    .content-top {
        padding:1em
    }
    .content {
        width:62%
    }
}
@media (max-width:568px) {
    .content {
        width:68%
    }
}
@media (max-width:480px) {
    .content {
        width:78%
    }
    .main h1 {
        font-size:28px
    }
    p.footer {
        margin-top:42px
    }
}
@media (max-width:414px) {
    .content-top h2 {
        font-size:16px
    }
    .content {
        width:85%
    }
    .main {
        padding:50px 0
    }
    p.footer {
        line-height:1.8em;
        margin:42px auto 0;
        width:85%
    }
}
@media (max-width:384px) {
    .main h1 {
        font-size:27px
    }
    .content, p.footer {
        width:90%
    }
    p.footer {
        margin:32px auto 0
    }
}
@media (max-width:375px) {
    .main h1 {
        font-size:26px;
        margin-bottom:25px
    }
    .main {
        padding:45px 0
    }
    .content, p.footer {
        width:92%
    }
    .content-top h2 {
        padding:8px 0
    }
}
@media (max-width:320px) {
    .main h1 {
        font-size:24px;
        margin-bottom:30px
    }
    .content-top ul li {
        padding:1em 0 1em 1em;
        background-size:13%!important
    }
    .content-top {
        padding:1.2em
    }
    .content-top p, .content-top ul li, p.footer {
        font-size:13px
    }
    .content, p.footer {
        width:90%
    }
}
@media(max-width:500px) {
    .bg-bubbles, .wrapper {
        /*height:auto;*/
    }
}