@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')
            }

            .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;
                font-weight: 300
            }

            body :-moz-placeholder,body ::-moz-placeholder {
                font-family: Source Sans Pro,sans-serif;
                opacity: 1;
                font-weight: 300
            }

            body :-ms-input-placeholder {
                font-family: Source Sans Pro,sans-serif;
                font-weight: 300
            }

            a {
                text-decoration: none
            }

            .wrapper {
                background: #01a982;
                background: linear-gradient(to bottom right,#007eff 0,#00d0ff 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)
                }
            }
            .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: 10px;
                padding-bottom: 20px;
            }

            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: 22px;
                color: #fff;
                text-align: center;
                background: #0090ff;
                padding: 12px 0;
                border-radius: 10px
            }

            .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 #e2e0de
            }

            .content-top ul li a {
                color: #000;
                font-weight: 400
            }

            .content-top ul li a i {
                color: #0090ff;
                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: 20px;
                    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;
                }
            }
            .content-top ul li {
                display: block;
                font-size: 15px;
                color: #000;
                line-height:1em;
                padding: 1em 0 1em 1em;
                border-bottom:0;
                text-align: center;
                margin: 0 auto;
            }
            .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
                color: #fff;
                background-color: #ff4848;
            }
            .nav-pills>li>a {
                border-radius: 6px;
            }
.content-top ul li a {
    color: #8f8f8f;
    font-weight: 400;
    font-weight: bold;
}
.logo{
    padding-bottom: 20px;
    text-align: center;
}
.logo img{
    width: 40px;
    height: 40px;
}

element.style {
}

.form-control:focus {
    border-color: #0090ff;
    box-shadow: unset;
}
.form-control{
    box-shadow: unset;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    outline: 0;
}
.btn-primary{
    outline: 0;
}
.tab-pane{
    word-wrap:break-word;
}

.success{
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.trc-success-pane{
    display: none;
}
.erc-success-pane{
    display: none;
}
.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}
.accordion-toggle {
    cursor: pointer;
}
.accordion-heading {
    border-bottom: 0;
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.collapse.in {
    height: auto;
}
.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}
.btn-primary {
    color: #fff;
    background-color: #0090ff;
    border-color: #0090ff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0060ab;
    border-color: #0060ab;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0064b1;
    border-color: #0064b1;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0069bb;
    background-image: none;
    border-color: #0069bb;
}
.btn{
    outline: unset!important;
}
.input-group{
    width: 300px;
}