zz656730/css/kind.css

html,body{
    width: 100%;
    height: 100%;
}
#app{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.list{
    display: flex;
    flex: 1;
    background-color: #141414;
    justify-content: center;
}
.list>ul{
    display: flex;
    flex-direction: column;
    width: 78%;
}
.list>ul>li{
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    height: 50px;
}
.list>ul>li>a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #ffffff;

}
.list>ul>li>a:hover{
    color: #48d23a;
}