/*!
 *  build: 双画象双精准育人平台 - 学校端 
 *  copyright: 来亿科技 
 *  time: 2021-8-24 10:08:24
 */
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
}