/*x7black*/
.pf-pc .vivo-high-box .vivo-x7black .title h2{ opacity: 0; -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); }
.pf-pc .vivo-high-box .vivo-x7black .title .more{ opacity: 0; -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); }
.pf-pc .vivo-high-box .vivo-x7black .figure{opacity: 0; -webkit-transform: translate3d(0%,8%,0); transform: translate3d(0%,8%,0); transition: opacity 1.5s .1s cubic-bezier(0, 0, 0.58, 1.0),transform 1.5s .1s cubic-bezier(0, 0, 0.58, 1.0);}
/*start*/
.pf-pc .vivo-high-box .vivo-x7black.start .title h2{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x7black.start .title .more{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x7black.start .figure{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}

.pf-pc .vivo-high-box .vivo-x7black.clearAnt .title h2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7black.clearAnt .title .more{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7black.clearAnt .figure{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
/*x7black*/

/*recruit*/
.pf-pc .vivo-high-box .vivo-recruit .figure{ opacity: 0; -webkit-transform: translate3d(0%,8%,0); transform: translate3d(0%,8%,0); transition: opacity 1.5s .1s cubic-bezier(0, 0, 0.58, 1.0),transform 1.5s .1s cubic-bezier(0, 0, 0.58, 1.0); }
.pf-pc .vivo-high-box .vivo-recruit.start .figure{-webkit-transform: translate3d(0,-8%,0); transform: translate3d(0,-8%,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-recruit.clearAnt .figure{-webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0); opacity: 1; }


.pf-pc .vivo-high-box .vivo-recruit.clearAnt .cloud em{ -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-delay: 0; animation-delay: 0;}
.pf-pc .vivo-high-box .vivo-recruit.clearAnt .train em{ -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-delay: 0; animation-delay: 0;}
.big .pf-pc .vivo-high-box .vivo-recruit.clearAnt .train em{ -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-delay: 0; animation-delay: 0;}
.small .pf-pc .vivo-high-box .vivo-recruit.clearAnt .train em{ -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-delay: 0; animation-delay: 0;}
.mini .pf-pc .vivo-high-box .vivo-recruit.clearAnt .train em{ -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-delay: 0; animation-delay: 0;}
/*recruit*/

/*x7sale*/
.pf-pc .vivo-high-box .vivo-x7sale .title h2{ opacity: 0; -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); }
.pf-pc .vivo-high-box .vivo-x7sale .title .more{ opacity: 0; -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); }

.pf-pc .vivo-high-box .vivo-x7sale .figure em.f1{   -webkit-transform: translate3d(10%,-7%,0); -moz-transform: translate3d(10%,-7%,0); transform: translate3d(10%,-7%,0); -webkit-transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); -moz-transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);}
.pf-pc .vivo-high-box .vivo-x7sale .figure em.f2{  -webkit-transform: translate3d(-11%,5%,0); -moz-transform: translate3d(-11%,5%,0); transform: translate3d(-11%,5%,0); -webkit-transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); -moz-transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);}

/*start*/
.pf-pc .vivo-high-box .vivo-x7sale.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x7sale.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x7sale.start .figure em{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}

.pf-pc .vivo-high-box .vivo-x7sale.clearAnt .title h2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7sale.clearAnt .title .more{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7sale.clearAnt .figure em{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7sale.clearAnt .figure em.f1{ -webkit-transform: translate3d(10%,-7%,0); -moz-transform: translate3d(10%,-7%,0); transform: translate3d(10%,-7%,0); -webkit-transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); -moz-transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);}
.pf-pc .vivo-high-box .vivo-x7sale.clearAnt .figure em.f2{ -webkit-transform: translate3d(-11%,5%,0); -moz-transform: translate3d(-11%,5%,0); transform: translate3d(-11%,5%,0); -webkit-transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); -moz-transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0), -moz-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);}

/*x7sale*/


/*x7gray*/
.pf-pc .vivo-high-box .vivo-x7gray .title h2{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7gray .title .more{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7gray .figure em.f1{opacity: 0; -webkit-transform: translate3d(-4%,4%,0); transform: translate3d(-4%,4%,0); -webkit-transition: opacity 1.2s .4s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1.8s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1.2s .4s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1.8s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1.8s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1.2s .4s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1.8s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1.2s .4s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1.8s .2s cubic-bezier(0, 0, 0.58, 1.0);}
.pf-pc .vivo-high-box .vivo-x7gray .figure em.f2{ opacity: 0; -webkit-transform: translate3d(4%,-4%,0); transform: translate3d(4%,-4%,0);-webkit-transition: opacity 1.2s .01s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1.8s .01s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1.2s .01s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1.8s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1.2s .01s cubic-bezier(0, 0, 0.58, 1.0), transform 1.8s .01s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1.2s .01s cubic-bezier(0, 0, 0.58, 1.0), transform 1.8s .01s cubic-bezier(0, 0, 0.58, 1.0), -webkit-transform 1.8s .01s cubic-bezier(0, 0, 0.58, 1.0);}
/*start*/
.pf-pc .vivo-high-box .vivo-x7gray.start .figure em{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-x7gray.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-x7gray.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}

.pf-pc .vivo-high-box .vivo-x7gray.clearAnt .title h2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7gray.clearAnt .title .more{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7gray.clearAnt .figure em.f1{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7gray.clearAnt .figure em.f2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
/*x7*/


/*xplay5*/
.pf-pc .vivo-high-box .vivo-xplay5 .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0); -webkit-transform: translate3d(0,-70px,0); -moz-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-xplay5 .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-xplay5 em.t1{ opacity: 0; -webkit-transform: translate3d(-4%,4%,0); transform: translate3d(-4%,4%,0);}
.pf-pc .vivo-high-box .vivo-xplay5 em.t2{ opacity: 0; -webkit-transform: translate3d(4%,-4%,0); transform: translate3d(4%,-4%,0);}
/*start*/
.pf-pc .vivo-high-box .vivo-xplay5.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-xplay5.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}


.pf-pc .vivo-high-box .vivo-xplay5.clearAnt .title h2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-xplay5.clearAnt .title .more{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}

.pf-pc .vivo-high-box .vivo-xplay5.clearAnt .figure em.t1{ opacity: 1;-webkit-transform: translate3d(1%,1%,0); transform: translate3d(1%,1%,0);-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-xplay5.clearAnt .figure em.t2{ opacity: 1; -webkit-transform: translate3d(0%,0%,0); transform: translate3d(0%,0%,0);-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}

/*xplay5*/


/*v3*/
.pf-pc .vivo-high-box .vivo-v3 .figure{-webkit-transform: translate3d(100px,0,0); -moz-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); opacity: 0;}
.pf-pc .vivo-high-box .vivo-v3 .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0); -webkit-transform: translate3d(0,-70px,0);  -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-v3 .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-v3.start .figure{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  -webkit-transition: opacity 1s cubic-bezier(.38,.01,.22,1), -webkit-transform 1s cubic-bezier(.38,.01,.22,1); transition: opacity 1s cubic-bezier(.38,.01,.22,1), -webkit-transform 1s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1), opacity 1s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1), opacity 1s cubic-bezier(.38,.01,.22,1), -webkit-transform 1s cubic-bezier(.38,.01,.22,1); opacity: 1;}
.pf-pc .vivo-high-box .vivo-v3.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;  -webkit-transition: opacity 1s .3s  cubic-bezier(.38,.01,.22,1),-webkit-transform 1s .3s cubic-bezier(.38,.01,.22,1); transition: opacity 1s .3s  cubic-bezier(.38,.01,.22,1),-webkit-transform 1s .3s cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);
transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1),-webkit-transform 1s .3s cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-v3.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}

.pf-pc .vivo-high-box .vivo-v3.clearAnt .title h2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-v3.clearAnt .title .more{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-v3.clearAnt .figure{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
/*v3*/

/*x6s*/
.pf-pc .vivo-high-box .vivo-x6s .figure{ -webkit-transform: translate3d(-50px,0,0); -moz-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0);  -webkit-transition: -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); transition: -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-x6s .figure em.f2{ -webkit-transform: translate3d(100px,0,0); -moz-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0);  -webkit-transition: opacity .5s .5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); transition: opacity .5s .5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s cubic-bezier(.38,.01,.22,1), opacity .5s .5s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s cubic-bezier(.38,.01,.22,1), opacity .5s .5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x6s .figure em.f1{ -webkit-transform: translate3d(200px,0,0); -moz-transform: translate3d(200px,0,0); transform: translate3d(200px,0,0);  -webkit-transition: opacity .5s .5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); transition: opacity .5s .5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s cubic-bezier(.38,.01,.22,1), opacity .5s .5s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s cubic-bezier(.38,.01,.22,1), opacity .5s .5s cubic-bezier(.38,.01,.22,1), -webkit-transform 1.5s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x6s .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0); -webkit-transform: translate3d(0,-70px,0); -moz-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-x6s .title .more{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-x6s.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-x6s.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x6s.start .figure,.pf-pc .vivo-high-box .vivo-x6s.start .figure em{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
/*x6s*/

/*x7*/
.pf-pc .vivo-high-box .vivo-x7 .title h2{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .2s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .2s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7 .title .more{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0),opacity 1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 1s .8s cubic-bezier(0, 0, 0.58, 1.0);  opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7 .figure1{-webkit-transform: translate3d(0,-80px,0); -moz-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);  -webkit-transition: opacity 2.1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.1s .5s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 2.1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.1s .5s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 2.1s .5s cubic-bezier(0, 0, 0.58, 1.0),opacity 2.1s .8s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 2.1s .5s cubic-bezier(0, 0, 0.58, 1.0),opacity 2.1s .8s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.1s .5s cubic-bezier(0, 0, 0.58, 1.0); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7 .figure2{-webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0);  -webkit-transition: opacity 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0),opacity 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0),opacity 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.5s .6s cubic-bezier(0, 0, 0.58, 1.0); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7 .figure3{-webkit-transform: translate3d(0,-80px,0); -moz-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);  -webkit-transition: opacity 1.5s .6s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.1s .6s cubic-bezier(0, 0, 0.58, 1.0);
transition: opacity 1.5s .6s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.1s .6s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 2.1s .6s cubic-bezier(0, 0, 0.58, 1.0),opacity 1.5s .6s cubic-bezier(0, 0, 0.58, 1.0); transition: transform 2.1s .6s cubic-bezier(0, 0, 0.58, 1.0),opacity 1.5s .6s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 2.1s .6s cubic-bezier(0, 0, 0.58, 1.0); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x7 .figure4{ -webkit-transition: opacity 1.5s .6s cubic-bezier(0, 0, 0.58, 1.0); transition: opacity 1.5s .6s cubic-bezier(0, 0, 0.58, 1.0); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-x7.start .figure em{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-x7.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-x7.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}

.pf-pc .vivo-high-box .vivo-x7.clearAnt .title h2{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7.clearAnt .title .more{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .vivo-high-box .vivo-x7.clearAnt .figure em{-webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s;}
/*x7*/


/*szj*/
.pf-pc .vivo-high-box .vivo-szj .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0); -webkit-transform: translate3d(0,-70px,0); -moz-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); -webkit-transition: -webkit-transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); -moz-transition: -moz-transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-szj .title .more{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: -webkit-transform 1.5s .4s cubic-bezier(.38,.01,.22,1),opacity 1.5s .4s  cubic-bezier(.38,.01,.22,1); -moz-transition: -moz-transform 1.5s .4s cubic-bezier(.38,.01,.22,1),opacity 1.5s .4s  cubic-bezier(.38,.01,.22,1); transition: transform 1.5s .4s cubic-bezier(.38,.01,.22,1),opacity 1.5s .4s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-szj.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition: -webkit-transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: -moz-transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-szj.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
/*szj*/


/*xplay5a*/
.pf-pc .vivo-high-box .vivo-xplay5a .figure{ -webkit-transform: translate3d(50px,0,0); -moz-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); -webkit-transition: transform 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); -moz-transition: transform 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); transition: transform 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-xplay5a .marv{ -webkit-transition: opacity 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); -moz-transition: opacity 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); transition: opacity 1.5s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-xplay5a .title h2{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: transform 1s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); -moz-transition: transform 1s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); transition: transform 1s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1s .2s cubic-bezier(0.186956, 0.98296, 0.416181, 1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-xplay5a .title .more{ -webkit-transform: translate3d(0,-50px,0); -moz-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); -webkit-transition: transform 1.5s .6s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1.5s .6s cubic-bezier(0.186956, 0.98296, 0.416181, 1); -moz-transition: transform 1.5s .6s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1.5s .6s cubic-bezier(0.186956, 0.98296, 0.416181, 1); transition: transform 1.5s .6s cubic-bezier(0.186956, 0.98296, 0.416181, 1),opacity 1.5s .6s cubic-bezier(0.186956, 0.98296, 0.416181, 1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-xplay5a.start .figure,.pf-pc .vivo-high-box .vivo-xplay5a.start .marv{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-xplay5a.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; }
.pf-pc .vivo-high-box .vivo-xplay5a.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
/*xplay5a*/






.pf-pc .vivo-high-box .vivo-h3 .info{-webkit-transition: opacity .6s .3s cubic-bezier(.38,.01,.22,1); -moz-transition: opacity .6s .3s cubic-bezier(.38,.01,.22,1); transition: opacity .6s .3s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-h3.start .info{ opacity: 1;}


.pf-pc .vivo-high-box .vivo-h4 .info i{-webkit-transition: width 3s .5s;-moz-transition: width 3s .5s;transition: width 3s .5s;}
.pf-pc .vivo-high-box .vivo-h4 .figure{-webkit-transform: translate3d(-150px,-150px,0);-moz-transform: translate3d(-150px,-150px,0);transform: translate3d(-150px,-150px,0); -webkit-transition: transform 2s cubic-bezier(.38,.01,.22,1),opacity 2s cubic-bezier(.38,.01,.22,1); -moz-transition: transform 2s cubic-bezier(.38,.01,.22,1),opacity 2s cubic-bezier(.38,.01,.22,1); transition: transform 2s cubic-bezier(.38,.01,.22,1),opacity 2s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-h4 .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0);transform: translate3d(0,-70px,0); -webkit-transition: transform 1.5s .3s cubic-bezier(.38,.01,.22,1),opacity 1.5s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1.5s .3s  cubic-bezier(.38,.01,.22,1),opacity 1.5s .3s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s .3s cubic-bezier(.38,.01,.22,1),opacity 1.5s .3s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-h4 .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); -webkit-transition: transform 1.5s .6s cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1.5s .6s  cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s cubic-bezier(.38,.01,.22,1); transition: transform 1.5s .6s cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-h4.start .info i{width:0;}
.pf-pc .vivo-high-box .vivo-h4.start .figure{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-h4.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-h4.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-h4.startm .figure{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .clearDelay .vivo-high-box .vivo-h4 .figure{-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;}


/*x6*/
.pf-pc .vivo-high-box .vivo-x6 .figure em.f1{ -webkit-transform: translate3d(80px,-80px,0); -moz-transform: translate3d(80px,-80px,0); transform: translate3d(80px,-80px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x6 .figure em.f2{ -webkit-transform: translate3d(-80px,-80px,0); -moz-transform: translate3d(-80px,-80px,0); transform: translate3d(-80px,-80px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x6 .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0);transform: translate3d(0,-70px,0); transition: transform 1s 1.3s cubic-bezier(.38,.01,.22,1),opacity 1s 1.3s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-x6 .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); transition: transform 1.5s .6s cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-x6.start .figure em{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x6.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-x6.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-x6.start .figure{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .clearDelay .vivo-high-box .vivo-x6 .figure{ -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s;}
/*x6*/





/*y31*/
.pf-pc .vivo-high-box .vivo-y31 .figure em.f1{ -webkit-transform: translate3d(80px,80px,0); -moz-transform: translate3d(80px,80px,0); transform: translate3d(80px,80px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-y31 .figure em.f2{ -webkit-transform: translate3d(80px,80px,0); -moz-transform: translate3d(80px,80px,0); transform: translate3d(80px,80px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s .3s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-y31 .figure em.f3{ -webkit-transform: translate3d(-80px,80px,0); -moz-transform: translate3d(-80px,80px,0); transform: translate3d(-80px,80px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-y31 .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0);transform: translate3d(0,-70px,0); transition: transform 1s 1.3s cubic-bezier(.38,.01,.22,1),opacity 1s 1.3s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-y31 .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); transition: transform 1.5s .6s cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-y31.start .figure em{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-y31.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-y31.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-y31.startm .figure{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .clearDelay .vivo-high-box .vivo-y31 .figure{ -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s;}
/*y31*/





/*2016hr*/
.pf-pc .vivo-high-box .vivo-2016hr .figure{ -webkit-transform: translate3d(80px,-80px,0); -moz-transform: translate3d(80px,-80px,0); transform: translate3d(80px,-80px,0); -webkit-transition: transform 5s linear,opacity 5s linear; -moz-transition: transform 5s linear,opacity 5s linear; transition: transform 5s linear,opacity 5s linear;}
.pf-pc .vivo-high-box .vivo-2016hr .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0); -webkit-transform: translate3d(0,-70px,0); -moz-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-2016hr .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); transition: transform 1.5s .6s cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-2016hr.start .figure{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-2016hr.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-2016hr.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
.pf-pc .vivo-high-box .vivo-2016hr.startm .figure{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.pf-pc .clearDelay .vivo-high-box .vivo-2016hr .figure{ -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s;}
/*2016hr*/




/*xplay5*/
.pf-pc .vivo-high-box .vivo-xplay5 .title h2{-webkit-transform: translate3d(0,-70px,0);-moz-transform: translate3d(0,-70px,0); -webkit-transform: translate3d(0,-70px,0); -moz-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); -webkit-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); transition: transform 1s cubic-bezier(.38,.01,.22,1),opacity 1s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
.pf-pc .vivo-high-box .vivo-xplay5 .title .more{-webkit-transform: translate3d(0,-50px,0);-moz-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0); transition: transform 1.5s .6s cubic-bezier(.38,.01,.22,1),opacity 1.5s .6s  cubic-bezier(.38,.01,.22,1); opacity: 0;}
/*start*/
.pf-pc .vivo-high-box .vivo-xplay5.start .title h2{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1; -webkit-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); -moz-transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1); transition: transform 1s .3s cubic-bezier(.38,.01,.22,1),opacity 1s .3s  cubic-bezier(.38,.01,.22,1);}
.pf-pc .vivo-high-box .vivo-xplay5.start .title .more{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity: 1;}
/*xplay5*/