.__nuxt-error-page {
    padding: 1rem;
    background: #f7f8fb;
    color: #47494e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100!important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.__nuxt-error-page .error {
    max-width: 450px
}

.__nuxt-error-page .title {
    font-size: 1.5rem;
    margin-top: 15px;
    color: #47494e;
    margin-bottom: 8px
}

.__nuxt-error-page .description {
    color: #7f828b;
    line-height: 21px;
    margin-bottom: 10px
}

.__nuxt-error-page a {
    color: #7f828b!important;
    text-decoration: none
}

.__nuxt-error-page .logo {
    position: fixed;
    left: 12px;
    bottom: 12px
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

a,body,button,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,p,select,textarea,ul {
    margin: 0;
    padding: 0;
    outline: none
}

body,html {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,微软雅黑,sans-serif;
    color: #333;
    background-color: #fff;
    font-size: 14px;
    box-sizing: border-box
}

a {
    text-decoration: none
}

li,ul {
    list-style: none
}

input {
    font: normal
}

a:focus,input:focus {
    outline: none
}

img {
    max-width: 100%;
    vertical-align: middle
}

.el-button {
    border-color: #44A1DC;
    color: #44A1DC;
    font-weight: 400
}

.el-button:focus,.el-button:hover {
    color: #44A1DC;
    border-color: #44A1DC;
    background-color: rgba(42,163,150,.05)
}

.el-image {
    max-width: 100%
}

.container {
    padding-top: 110px
}

.main {
    max-width: 1220px;
    margin: auto
}

.main2 {
    max-width: 1170px;
    margin: auto
}

@-webkit-keyframes fadeInU {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInU {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInU {
    visibility: visible;
    -webkit-animation-name: fadeInU;
    animation-name: fadeInU;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes fadeInR {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInR {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.my-dialog ::v-deep .el-dialog {
    background-color: hsla(0,0%,100%,0);
    box-shadow: none
}

.my-dialog .dialog-bg {
    position: relative
}

.my-dialog .dialog-bg .dialog-content {
    position: absolute;
    top: 230px;
    text-align: center;
    width: 100%;
    left: 0
}

.my-dialog .dialog-bg .dialog-content div {
    margin-bottom: 36px;
    font-size: 16px;
    font-weight: 700
}

.my-dialog .dialog-bg .dialog-content img {
    width: 24px;
    position: relative;
    top: -2px
}

.my-dialog .dialog-bg .dialog-content a {
    display: inline-block;
    width: 120px;
    height: 32px;
    background-color: #44A1DC;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 16px;
    cursor: pointer
}

@media screen and (max-width: 992px) {
    .container {
        padding-top:103px
    }

    .container,.main,.main2 {
        overflow-x: hidden
    }

    .my-dialog ::v-deep .el-dialog {
        width: 380px
    }

    .my-dialog .dialog-bg .dialog-content {
        top: 130px
    }

    .my-dialog .dialog-bg .dialog-content div {
        margin-bottom: 12px;
        font-size: 14px
    }

    .my-dialog .dialog-bg .dialog-content img {
        width: 20px
    }

    .my-dialog .dialog-bg .dialog-content a {
        width: 110px;
        height: 30px;
        line-height: 30px
    }
}

.fade,.fade2 {
    opacity: 0
}

.fadeInU {
    opacity: 1
}

.el-tooltip__popper.is-light {
    border: .5px solid #e1e8f5;
    box-shadow: 0 2px 12px 0 rgba(79,121,155,.08),0 8px 21px 0 rgba(79,121,155,.04)
}

.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after {
    border: 6px solid #e1e8f5;
    box-shadow: 0 2px 12px 0 rgba(79,121,155,.08),0 8px 21px 0 rgba(79,121,155,.04)
}
