/*!
 *  build: 双画象双精准育人平台 - 学校端 
 *  copyright: 来亿科技 
 *  time: 2021-8-24 10:08:24
 */
button[data-v-74d48bf4] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none;
    transition: color .4s ease-in-out
}

button[data-v-74d48bf4]:before {
    position: absolute;
    top: 100%;
    right: 100%;
    z-index: -1;
    width: 1em;
    height: 1em;
    content: "";
    background-color: #1890ff;
    border-radius: 50%;
    transition: transform .45s ease-in-out;
    transform: translate3d(50%, -50%, 0) scale3d(0, 0, 0);
    transform-origin: center
}

button[data-v-74d48bf4]:hover {
    color: #fff;
    cursor: pointer
}

button[data-v-74d48bf4]:hover:before {
    transform: translate3d(50%, -50%, 0) scale3d(15, 15, 15)
}

button[data-v-553fb4ff] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none;
    transition: color .4s ease-in-out
}

button[data-v-553fb4ff]:before {
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    width: 1em;
    height: 1em;
    content: "";
    background-color: #1890ff;
    border-radius: 50%;
    transition: transform .45s ease-in-out;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    transform-origin: center
}

button[data-v-553fb4ff]:hover {
    color: #fff;
    cursor: pointer
}

button[data-v-553fb4ff]:hover:before {
    transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15)
}

button[data-v-f9b6a640] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none;
    transition: color .4s ease-in-out
}

button[data-v-f9b6a640]:before {
    position: absolute;
    right: 100%;
    bottom: 100%;
    z-index: -1;
    width: 1em;
    height: 1em;
    content: "";
    background-color: #1890ff;
    border-radius: 50%;
    transition: transform .45s ease-in-out;
    transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);
    transform-origin: center
}

button[data-v-f9b6a640]:hover {
    color: #fff;
    cursor: pointer
}

button[data-v-f9b6a640]:hover:before {
    transform: translate3d(50%, 50%, 0) scale3d(15, 15, 15)
}

button[data-v-5d2c1216] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none;
    transition: color .4s ease-in-out
}

button[data-v-5d2c1216]:before {
    position: absolute;
    bottom: 100%;
    left: 100%;
    z-index: -1;
    width: 1em;
    height: 1em;
    content: "";
    background-color: #1890ff;
    border-radius: 50%;
    transition: transform .45s ease-in-out;
    transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
    transform-origin: center
}

button[data-v-5d2c1216]:hover {
    color: #fff;
    cursor: pointer
}

button[data-v-5d2c1216]:hover:before {
    transform: translate3d(-50%, 50%, 0) scale3d(15, 15, 15)
}

button[data-v-9771cf34] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none;
    transition: color .4s ease-in-out
}

button[data-v-9771cf34]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 1em;
    height: 1em;
    content: "";
    background-color: #1890ff;
    border-radius: 50%;
    transition: transform .45s ease-in-out;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    transform-origin: center
}

button[data-v-9771cf34]:hover {
    color: #fff;
    cursor: pointer
}

button[data-v-9771cf34]:hover:before {
    transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15)
}

button[data-v-19c91951] {
    z-index: 1;
    padding: .5em 1em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-19c91951]:hover {
    cursor: pointer;
    -webkit-animation: jelly-19c91951 .5s;
    animation: jelly-19c91951 .5s
}

@-webkit-keyframes jelly-19c91951 {

    0%,
    to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1.1, .9)
    }

    75% {
        transform: scale(.95, 1.05)
    }
}

@keyframes jelly-19c91951 {

    0%,
    to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1.1, .9)
    }

    75% {
        transform: scale(.95, 1.05)
    }
}

button[data-v-7c13db78] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-7c13db78]:hover {
    cursor: pointer
}

button[data-v-7c13db78]:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    border: 4px solid #2d3058;
    transform: scale(1);
    transform-origin: center
}

button[data-v-7c13db78]:hover:before {
    opacity: 0;
    transition: all .75s ease-in-out;
    transform: scale(1.75);
    transform-origin: center
}

button[data-v-0aa7dcce] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    cursor: pointer;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-0aa7dcce]:after {
    position: absolute;
    top: -50%;
    bottom: -50%;
    z-index: -1;
    width: 1.25em;
    content: "";
    background-color: hsla(0, 0%, 100%, .2);
    transform: translate3d(-525%, 0, 0) rotate(35deg)
}

button[data-v-0aa7dcce]:hover:after {
    transition: transform .45s ease-in-out;
    transform: translate3d(200%, 0, 0) rotate(35deg)
}

button[data-v-1f57ebfa] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-1f57ebfa]:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #1890ff;
    transition: transform .25s ease-in-out;
    transform: scaleY(0);
    transform-origin: bottom center
}

button[data-v-1f57ebfa]:hover {
    cursor: pointer
}

button[data-v-1f57ebfa]:hover:before {
    transform: scaleY(1);
    transform-origin: center top
}

button[data-v-24c34152] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-24c34152]:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #1890ff;
    transition: transform .25s ease-in-out;
    transform: scaleX(0);
    transform-origin: left center
}

button[data-v-24c34152]:hover {
    cursor: pointer
}

button[data-v-24c34152]:hover:before {
    transform: scaleX(1);
    transform-origin: right center
}

button[data-v-9cff323a] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-9cff323a]:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #1890ff;
    transition: transform .25s ease-in-out;
    transform: scaleX(0);
    transform-origin: right center
}

button[data-v-9cff323a]:hover {
    cursor: pointer
}

button[data-v-9cff323a]:hover:before {
    transform: scaleX(1);
    transform-origin: left center
}

button[data-v-5a03b397] {
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: none;
    outline: none
}

button[data-v-5a03b397]:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #1890ff;
    transition: transform .25s ease-in-out;
    transform: scaleY(0);
    transform-origin: top center
}

button[data-v-5a03b397]:hover {
    cursor: pointer
}

button[data-v-5a03b397]:hover:before {
    transform: scaleY(1);
    transform-origin: center bottom
}

div[data-v-342efac4] {
    position: relative
}

input[data-v-342efac4] {
    width: 6.5em;
    padding: .35em .45em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: 1px solid transparent;
    transition: background-color .3s ease-in-out
}

input[data-v-342efac4]:focus {
    outline: none
}

input[data-v-342efac4]::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-342efac4]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-342efac4]::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

span[data-v-342efac4] {
    position: absolute;
    background-color: #1890ff;
    transition: transform .5s ease
}

.bottom[data-v-342efac4],
.top[data-v-342efac4] {
    right: 0;
    left: 0;
    height: 1px;
    transform: scaleX(0)
}

.left[data-v-342efac4],
.right[data-v-342efac4] {
    top: 0;
    bottom: 0;
    width: 1px;
    transform: scaleY(0)
}

.bottom[data-v-342efac4] {
    bottom: 0;
    transform-origin: bottom right
}

input:focus~.bottom[data-v-342efac4] {
    transform: scaleX(1);
    transform-origin: bottom left
}

.right[data-v-342efac4] {
    right: 0;
    transform-origin: top right
}

input:focus~.right[data-v-342efac4] {
    transform: scaleY(1);
    transform-origin: bottom right
}

.top[data-v-342efac4] {
    top: 0;
    transform-origin: top left
}

input:focus~.top[data-v-342efac4] {
    transform: scaleX(1);
    transform-origin: top right
}

.left[data-v-342efac4] {
    left: 0;
    transform-origin: bottom left
}

input:focus~.left[data-v-342efac4] {
    transform: scaleY(1);
    transform-origin: top left
}

div[data-v-db9eb580] {
    position: relative
}

input[data-v-db9eb580] {
    width: 6.5em;
    padding: .35em .45em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: 1px solid transparent;
    transition: background-color .3s ease-in-out
}

input[data-v-db9eb580]:focus {
    outline: none
}

input[data-v-db9eb580]::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-db9eb580]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-db9eb580]::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

span[data-v-db9eb580] {
    position: absolute;
    background-color: #1890ff;
    transition: transform .5s ease;
    transform-origin: center
}

.bottom[data-v-db9eb580],
.top[data-v-db9eb580] {
    right: 0;
    left: 0;
    height: 1px;
    transform: scaleX(0)
}

.left[data-v-db9eb580],
.right[data-v-db9eb580] {
    top: 0;
    bottom: 0;
    width: 1px;
    transform: scaleY(0)
}

.top[data-v-db9eb580] {
    top: 0
}

.bottom[data-v-db9eb580] {
    bottom: 0
}

.left[data-v-db9eb580] {
    left: 0
}

.right[data-v-db9eb580] {
    right: 0
}

input:focus~.bottom[data-v-db9eb580],
input:focus~.top[data-v-db9eb580] {
    transform: scaleX(1)
}

input:focus~.left[data-v-db9eb580],
input:focus~.right[data-v-db9eb580] {
    transform: scaleY(1)
}

div[data-v-db0ecd62] {
    position: relative
}

input[data-v-db0ecd62] {
    width: 6.5em;
    padding: .35em .45em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: #2d3058;
    border: 1px solid transparent;
    transition: background-color .3s ease-in-out
}

input[data-v-db0ecd62]:focus {
    outline: none
}

input[data-v-db0ecd62]::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-db0ecd62]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-db0ecd62]::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

span[data-v-db0ecd62] {
    position: absolute;
    background-color: #1890ff;
    transition: transform .1s ease
}

.bottom[data-v-db0ecd62],
.top[data-v-db0ecd62] {
    right: 0;
    left: 0;
    height: 1px;
    transform: scaleX(0)
}

.left[data-v-db0ecd62],
.right[data-v-db0ecd62] {
    top: 0;
    bottom: 0;
    width: 1px;
    transform: scaleY(0)
}

.bottom[data-v-db0ecd62] {
    bottom: 0;
    transform-origin: bottom right
}

input:focus~.bottom[data-v-db0ecd62] {
    transform: scaleX(1);
    transform-origin: bottom left
}

.right[data-v-db0ecd62] {
    right: 0;
    transition-delay: .05s;
    transform-origin: top right
}

input:focus~.right[data-v-db0ecd62] {
    transform: scaleY(1);
    transform-origin: bottom right
}

.top[data-v-db0ecd62] {
    top: 0;
    transition-delay: .15s;
    transform-origin: top left
}

input:focus~.top[data-v-db0ecd62] {
    transform: scaleX(1);
    transform-origin: top right
}

.left[data-v-db0ecd62] {
    left: 0;
    transition-delay: .25s;
    transform-origin: bottom left
}

input:focus~.left[data-v-db0ecd62] {
    transform: scaleY(1);
    transform-origin: top left
}

div[data-v-27b66eea] {
    position: relative
}

input[data-v-27b66eea] {
    width: 6.5em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: rgba(61, 239, 255, .2)
}

input[data-v-27b66eea]:focus {
    outline: none
}

input[data-v-27b66eea]::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-27b66eea]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-27b66eea]::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

span[data-v-27b66eea] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: bottom right
}

input:focus~span[data-v-27b66eea] {
    transform: scaleX(1);
    transform-origin: bottom left
}

div[data-v-a0f2f63e] {
    position: relative
}

input[data-v-a0f2f63e] {
    width: 6.5em;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: rgba(252, 49, 113, .2)
}

input[data-v-a0f2f63e]:focus {
    outline: none
}

input[data-v-a0f2f63e]::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-a0f2f63e]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

input[data-v-a0f2f63e]::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

span[data-v-a0f2f63e] {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #1890ff;
    opacity: 0;
    transition: all .3s ease;
    transform: translate(-50%) scaleX(0);
    transform-origin: center
}

input:focus~span[data-v-a0f2f63e] {
    opacity: 1;
    transform: translate(-50%) scaleX(1)
}

span[data-v-34394cb1] {
    position: relative
}

span[data-v-34394cb1]:after,
span[data-v-34394cb1]:before {
    position: absolute;
    right: 0;
    left: 0;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: right center
}

span[data-v-34394cb1]:before {
    top: 0
}

span[data-v-34394cb1]:after {
    bottom: 0
}

span[data-v-34394cb1]:hover:after,
span[data-v-34394cb1]:hover:before {
    transform: scaleX(1);
    transform-origin: left center
}

span[data-v-3359f25f] {
    position: relative
}

span[data-v-3359f25f]:after,
span[data-v-3359f25f]:before {
    position: absolute;
    right: 0;
    left: 0;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleX(0)
}

span[data-v-3359f25f]:before {
    top: 0;
    transform-origin: right center
}

span[data-v-3359f25f]:hover:before {
    transform: scaleX(1);
    transform-origin: left center
}

span[data-v-3359f25f]:after {
    bottom: 0;
    transform-origin: left center
}

span[data-v-3359f25f]:hover:after {
    transform: scaleX(1);
    transform-origin: right center
}

span[data-v-21051bf7] {
    position: relative
}

span[data-v-21051bf7]:after,
span[data-v-21051bf7]:before {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .4s ease;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center
}

span[data-v-21051bf7]:before {
    top: 0
}

span[data-v-21051bf7]:after {
    bottom: 0
}

span[data-v-21051bf7]:hover:after,
span[data-v-21051bf7]:hover:before {
    transform: translateX(-50%) scaleX(1)
}

span[data-v-1dd94f04] {
    position: relative;
    z-index: 1
}

span[data-v-1dd94f04]:before {
    position: absolute;
    top: 0;
    right: -.25em;
    bottom: 0;
    left: -.25em;
    z-index: -1;
    content: "";
    background-color: #1890ff;
    transition: transform .2s ease-in-out;
    transform: scaleX(0);
    transform-origin: right center
}

span[data-v-1dd94f04]:hover:before {
    transform: scaleX(1);
    transform-origin: left center
}

span[data-v-716edecf] {
    position: relative;
    z-index: 1
}

span[data-v-716edecf]:before {
    position: absolute;
    top: 0;
    right: -.25em;
    bottom: 0;
    left: -.25em;
    z-index: -1;
    content: "";
    background-color: #1890ff;
    transition: all .1s ease-in-out;
    transform: scaleY(.1);
    transform-origin: bottom center
}

span[data-v-716edecf]:hover:before {
    background-color: #1890ff;
    transform: scaleY(1)
}

span[data-v-46c28a02] {
    position: relative
}

span[data-v-46c28a02]:before {
    position: absolute;
    top: -2px;
    right: 0;
    left: 0;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: bottom right
}

span[data-v-46c28a02]:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left
}

span[data-v-dd96e03c] {
    position: relative
}

span[data-v-dd96e03c]:before {
    position: absolute;
    top: -2px;
    left: 50%;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #1890ff;
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: translate(-50%) scaleX(0);
    transform-origin: center
}

span[data-v-dd96e03c]:hover:before {
    opacity: 1;
    transform: translate(-50%) scaleX(1)
}

span[data-v-05696c16] {
    position: relative
}

span[data-v-05696c16]:after,
span[data-v-05696c16]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleY(0);
    transform-origin: center top
}

span[data-v-05696c16]:before {
    left: -8px
}

span[data-v-05696c16]:after {
    right: -8px
}

span[data-v-05696c16]:hover:after,
span[data-v-05696c16]:hover:before {
    transform: scaleY(1);
    transform-origin: center bottom
}

span[data-v-ede65d0a] {
    position: relative
}

span[data-v-ede65d0a]:after,
span[data-v-ede65d0a]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleY(0)
}

span[data-v-ede65d0a]:before {
    left: -8px;
    transform-origin: center top
}

span[data-v-ede65d0a]:hover:before {
    transform: scaleY(1);
    transform-origin: center bottom
}

span[data-v-ede65d0a]:after {
    right: -8px;
    transform-origin: center bottom
}

span[data-v-ede65d0a]:hover:after {
    transform: scaleY(1);
    transform-origin: center top
}

span[data-v-51c10281] {
    position: relative
}

span[data-v-51c10281]:after,
span[data-v-51c10281]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleY(0);
    transform-origin: center
}

span[data-v-51c10281]:before {
    left: -8px
}

span[data-v-51c10281]:after {
    right: -8px
}

span[data-v-51c10281]:hover:after,
span[data-v-51c10281]:hover:before {
    transform: scaleY(1)
}

span[data-v-5e45715e] {
    position: relative
}

span[data-v-5e45715e]:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background-color: #1890ff;
    transition: transform .3s ease;
    transform: scaleX(0) translateY(-50%);
    transform-origin: right center
}

span[data-v-5e45715e]:hover {
    color: hsla(0, 0%, 100%, .8)
}

span[data-v-5e45715e]:hover:before {
    transform: scaleX(1) translateY(-50%);
    transform-origin: left center
}

span[data-v-341598c2] {
    position: relative
}

span[data-v-341598c2]:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .5s ease;
    transform: scaleX(0);
    transform-origin: bottom right
}

span[data-v-341598c2]:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left
}

span[data-v-fdef7a06] {
    position: relative
}

span[data-v-fdef7a06]:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .3s ease-in-out;
    transform: scaleX(1);
    transform-origin: bottom left
}

span[data-v-fdef7a06]:hover:before {
    transform: scaleX(0);
    transform-origin: bottom right
}

span[data-v-1bedf786] {
    position: relative
}

span[data-v-1bedf786]:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #1890ff;
    transition: transform .3s ease-in-out;
    transform: translate(-50%) scaleX(0);
    transform-origin: center
}

span[data-v-1bedf786]:hover:before {
    transform: translate(-50%) scaleX(1)
}