.video-app-section {
    width:100%;
    background:#ffffff;
    padding:70px 30px;
}
.video-app-section .container{
    max-width:1200px;
    margin:0 auto;
}
.video-app-section .main-title{
    text-align:center;
    font-size:40px;
    color:#222;
    margin-bottom:55px;
    opacity:0;
    animation:video-titleAnim 1.4s ease forwards;
}
/* 通用行列 左图右文 / 左文右图交替 */
.video-app-section .row-item{
    display:grid;
    grid-template-columns:47% 51%;
    gap:2%;
    margin-bottom:52px;
    opacity:0;
    transform:translateY(45px);
    animation:video-itemUp 1s ease forwards;
}
.video-app-section .row-reverse{
    grid-template-columns:51% 47%;
}
.video-app-section .row-item:nth-of-type(1){animation-delay:0.15s;}
.video-app-section .row-item:nth-of-type(2){animation-delay:0.3s;}
.video-app-section .row-item:nth-of-type(3){animation-delay:0.45s;}
.video-app-section .row-item:nth-of-type(4){animation-delay:0.6s;}
.video-app-section .row-item:nth-of-type(5){animation-delay:0.75s;}

.video-app-section .img-wrap img{
    width:100%;
    display:block;
}
.video-app-section .text-wrap h3{
    font-size:24px;
    color:#222;
    margin-bottom:16px;
    line-height:1.35;
}
.video-app-section .text-wrap ul{
    padding-left:18px;
}
.video-app-section .text-wrap li{
    font-size:14px;
    color:#333;
    line-height:1.72;
    margin-bottom:7px;
    letter-spacing:0.15px;
}
.video-app-section .text-wrap p{
    font-size:14px;
    color:#333;
    line-height:1.72;
}

@keyframes video-titleAnim{
    0%{opacity:0;letter-spacing:-3px;transform:translateY(10px);}
    100%{opacity:1;letter-spacing:0;transform:translateY(0);}
}
@keyframes video-itemUp{
    to{opacity:1;transform:translateY(0);}
}