.list-item {
    color: #333;
    border-bottom: 1px solid #EBEEF0;
    position: relative;
}
.list-text {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    padding-top: 22px;
    box-sizing: content-box;
}
.list-flex {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    font-size: 15px;
}
.list-flex .inputLine {
    width: 100%;
    border: none;
    background-color: transparent !important;
}
@keyframes focus {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes blur {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
.list-line {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
}
.line-item {
    height: 100%;
    background-color: #333;
}
.focus-line {
    animation: 0.35s focus;
    width: 100%;
}
.blur-line {
    animation: 0.35s blur;
    width: 0;
}
.list-item-horizontal {
    color: #333;
    border-bottom: 1px solid #EBEEF0;
    height: 55px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-item-header {
    display: flex;
    align-items: center;
}
.list-text-horizontal, .list-front-text {
    font-size: 15px;
}
.list-flex .inputLine-horizontal {
    width: 100%;
    text-align: right;
    border: none;
    background-color: transparent !important;
}
.list-front-header {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.list-title-right-icon {
    width: 11px;
    height: 6px;
    margin-left: 7px;
}
.list-right-icon {
    margin-left: 7px;
}