/*图片动画*/
.img_animate{ transition: all 0.3s ease 0s; cursor: pointer; }
.img_animate:hover{ transform:scale(1.2); }

.img_animate1{}
.img_animate1 img,.img_animate1 .bg-cover{ transition: all 0.3s ease 0s; cursor: pointer; }
.img_animate1:hover img,.img_animate1:hover .bg-cover{ transform:scale(1.2); }

/*下划线动画*/
.bb_animate::after{
  display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;
  width: 0; height: 3px; background: #4c90ff;
  transition: all 0.2s ease 0s;
}
/* .bb_animate:hover::after{ width: 100%; } */
.lb::before{
    display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;
    width: 1px; height: 20px; background: #ccc;
}

/*
    animation-duration  //动画时长
    animation-delay     //增加延迟
    animation-fill-mode: forwards;  //保持最后一个属性值

    class="fadeLeft" :style="{'animation-delay': [0.2*index] + 's'}"
*/
.loadAnimate{}
.loadAnimate .fadeLeft,.loadAnimate .fadeRight,.loadAnimate .fadeTop,.loadAnimate .fadeBottom{
    animation-duration: 1s; animation-delay:0s; animation-fill-mode: forwards;
 }
.fadeLeft, .fadeRight, .fadeTop, .fadeBottom{
    opacity: 0;
}
.loadAnimate .fadeLeft{ animation-name: left; }
.loadAnimate .fadeRight{ animation-name: right; }
.loadAnimate .fadeTop{ animation-name: up; }
.loadAnimate .fadeBottom{ animation-name: down; }