/*设置想要的样式*/
.yy.delighter {
    transition: all .3s ease-out;
    transform: translateX(-100%);
    opacity: 0;
 }


 /*简单理解为 开始时的样式*/
.yy.delighter.started {
transform: none;
opacity: 1;
}

/*简单理解为 结束时的样式*/
/* 

 .foo.delighter.started {
    transform: none;
    opacity: 1;
 } */

 /* 勋章 */
 .xz.delighter { transform:translateX(100%); opacity:0; transition: all .5s ease-out; }
 .xz.delighter.started { transform:none; opacity:1; }
 
 .xz-body.delighter { transform:translate(-100%); opacity:0; transition: all .5s ease-out; }
 .xz-body.delighter.started { transform:none; opacity:1; }



 /* 行业应用 */
 .yy-txt.delighter { transform:translateY(-100%); opacity:0; transition: all .5s ease-out; }
 .yy-txt.delighter.started { transform:none; opacity:1; }


 .yy-btn-body.delighter { transform:translateY(100%); opacity:0; transition: all .5s ease-out; }
 .yy-btn-body.delighter.started { transform:none; opacity:1; }




 /* 新闻资讯 */


.zx-h1.delighter { transform:translateY(100%); opacity:0; transition: all .5s ease-out; }
.zx-h1.delighter.started { transform:none; opacity:1; }


.zx-time.delighter { transform:translateY(-100%); opacity:0; transition: all .5s ease-out; }
.zx-time.delighter.started { transform:none; opacity:1; }


.zx-txt.delighter { transform:translateY(100%); opacity:0; transition: all .5s ease-out; }
.zx-txt.delighter.started { transform:none; opacity:1; }



/* 产品中心 */
.cp-left.delighter { transform:translateX(-100%); opacity:0; transition: all .5s ease-out; }
.cp-left.delighter.started { transform:none; opacity:1; }

.cp-right.delighter { transform:translateX(100%); opacity:0; transition: all .5s ease-out; }
.cp-right.delighter.started { transform:none; opacity:1; }