@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
} 
/*
.tree-left{
    width: 9rem;
    height: auto;
    animation: fade-in;
    animation-duration: 2s;
    -webkit-animation:fade-in 2s;
    cursor: pointer;
}
.tree-right{
    width: 8.5rem;
    height: auto;
    transform: rotate(15deg);
    animation: fade-in;
    animation-duration: 2s;
    -webkit-animation:fade-in 2s;
    cursor: pointer;
}
.tree-main{
    width: 8rem;
    height: auto;
    animation: fade-in; 
    animation-duration: 1.5s;
    -webkit-animation:fade-in 1.5s;
}
*/

.tree-left{
    cursor: pointer;
}
.tree-right{
    cursor: pointer;
}

.leafs-left{
    width:100%;
}
.leafs-right{
    width:100%;
    position: relative;
    top: 19px;
}

.grow-left,.grow-right{
    animation: fade-in;
    animation-duration: 3s; 
    -webkit-animation:fade-in 3s;
}
.grow-left .badge,.grow-right .badge{
    line-height: 4rem;
    /* padding:0rem 1rem; */
    font-size: 1rem;
    margin:0.5rem 0.5rem 0.5rem 0rem;
}
.grow-item{
    display: flex;
    flex-direction:column;
    justify-content: center;
}
.grow-des{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0.5rem 0rem ;
    /* height: 4.5rem; */
}