.border-ani:before,.border-ani:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani {
    transition: color .3s
}

.border-ani:before,.border-ani:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani:before {
    top: 0px;
    left: 0px
}

.border-ani:after {
    bottom: 0;
    right: 0px
}

.border-ani:hover:before,.border-ani:hover:after {
    width: 100%;
    height: 100%
}

.border-ani:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out,height .3s ease-out .3s
}

.border-ani:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s,width .3s ease-out .5s,height .3s ease-out .75s
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .28s
}

.fade-enter,.fade-leave-active {
    opacity: 0
}

.fade-transform-leave-active,.fade-transform-enter-active {
    transition: all .5s
}

.fade-transform-enter {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active,.breadcrumb-leave-active {
    transition: all .5s
}

.breadcrumb-enter,.breadcrumb-leave-active {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move {
    transition: all .5s
}

.breadcrumb-leave-active {
    position: absolute
}

.scaleInUp .el-image {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.dialog-class1 {
    z-index: 200
}

.dialog-class1 .el-dialog__header {
    display: none
}

.dialog-class1 .el-dialog__body {
    padding: 0
}

.dialog-class2 .el-dialog__body {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body {
    padding: 0
}

.tabsnav ::v-deep(.el-tabs__nav-wrap::after) {
    background-color: initial
}

.icon-center ::v-deep(.el-input__suffix-inner) {
    display: block
}

.dialog-padding .el-dialog__body {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap,.swiper {
    z-index: 0
}

.table-title-bg ::v-deep(.el-table__header-wrapper) .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination {
    display: flex;
    align-items: center
}

.button-shenqing {
    background: linear-gradient(180deg,#ffe4bd 0%,#bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg,#ffe4bd,#bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px
}

.el-loading-parent--relative {
    position: relative!important
}

.el-loading-parent--hidden {
    overflow: hidden!important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: #ffffffe6;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity var(--el-transition-duration)
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2)
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: var(--el-loading-fullscreen-spinner-size);
    width: var(--el-loading-fullscreen-spinner-size)
}

.el-loading-spinner {
    top: 50%;
    margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
    width: 100%;
    text-align: center;
    position: absolute
}

.el-loading-spinner .el-loading-text {
    color: var(--el-color-primary);
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    display: inline;
    height: var(--el-loading-spinner-size);
    width: var(--el-loading-spinner-size);
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: var(--el-color-primary);
    stroke-linecap: round
}

.el-loading-spinner i {
    color: var(--el-color-primary)
}

.el-loading-fade-enter-from,.el-loading-fade-leave-to {
    opacity: 0
}

@keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}