.animation h2,.animation h4,.animation p,.animation ul{text-align:left}.animation--sample1{position:relative;width:50px;height:50px;background-color:red}.animation--sample1__a1{-webkit-animation-duration:4s,4s;animation-duration:4s,4s;-webkit-animation-name:sample1_a1,sample1_a2;animation-name:sample1_a1,sample1_a2;-webkit-animation-timing-function:cubic-bezier(0,1.83,.9,-.65),cubic-bezier(0,0,0,0);animation-timing-function:cubic-bezier(0,1.83,.9,-.65),cubic-bezier(0,0,0,0)}.animation--sample2__a1{-webkit-animation:sample2_a1 4s cubic-bezier(0,1.83,.9,-.65);animation:sample2_a1 4s cubic-bezier(0,1.83,.9,-.65)}.animation--sample2__a2{-webkit-animation:sample2_a2 6s;animation:sample2_a2 6s}.animation--cancel-d-enter,.animation--cancel-d-leave-to{margin-left:50px}.animation--cancel-d-enter-to,.animation--cancel-d-leave{margin-left:0}.animation--cancel-d-enter-active,.animation--cancel-d-leave-active{-webkit-transition:margin-left 1s linear;transition:margin-left 1s linear}@-webkit-keyframes sample1_a1{0%{bottom:0}50%{bottom:100px}to{bottom:300px}}@keyframes sample1_a1{0%{bottom:0}50%{bottom:100px}to{bottom:300px}}@-webkit-keyframes sample1_a2{0%{left:0}to{left:400px}}@keyframes sample1_a2{0%{left:0}to{left:400px}}@-webkit-keyframes sample2_a1{0%{-webkit-animation-timing-function:cubic-bezier(0,1.21,0,.92);animation-timing-function:cubic-bezier(0,1.21,0,.92);left:0}50%{left:100px}to{left:300px}}@keyframes sample2_a1{0%{-webkit-animation-timing-function:cubic-bezier(0,1.21,0,.92);animation-timing-function:cubic-bezier(0,1.21,0,.92);left:0}50%{left:100px}to{left:300px}}@-webkit-keyframes sample2_a2{0%{-webkit-animation-timing-function:cubic-bezier(0,1.21,0,.92);animation-timing-function:cubic-bezier(0,1.21,0,.92);left:0}30%{left:100px}60%{-webkit-animation-timing-function:cubic-bezier(0,1.83,.9,-.65);animation-timing-function:cubic-bezier(0,1.83,.9,-.65);left:200px}to{left:300px}}@keyframes sample2_a2{0%{-webkit-animation-timing-function:cubic-bezier(0,1.21,0,.92);animation-timing-function:cubic-bezier(0,1.21,0,.92);left:0}30%{left:100px}60%{-webkit-animation-timing-function:cubic-bezier(0,1.83,.9,-.65);animation-timing-function:cubic-bezier(0,1.83,.9,-.65);left:200px}to{left:300px}}.transition-sample{padding-top:120px;text-align:left;font-size:16px}.transition-sample--scene{position:fixed;top:0;left:0;right:0;height:200px;background-color:#aaa}.transition-sample--obj{position:absolute;top:30px;left:10px;width:40px;height:40px;background-color:red}.transition-sample--row{padding:10px}.transition-sample input{font-size:16px}.animation-sample{padding-top:120px;text-align:left;font-size:16px}.animation-sample--scene{position:fixed;top:0;left:0;right:0;height:200px;background-color:#aaa}.animation-sample--obj{position:absolute;top:80px;left:30px;width:40px;height:40px;background-color:red}.animation-sample--row{padding:10px}.animation-sample input{font-size:16px}@-webkit-keyframes scale{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes scale{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes line{0%{left:30px}50%{-webkit-animation-timing-function:linear;animation-timing-function:linear;left:100px}to{left:240px}}@keyframes line{0%{left:30px}50%{-webkit-animation-timing-function:linear;animation-timing-function:linear;left:100px}to{left:240px}}.shopping-cart{text-align:left}.shopping-cart--goods{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px}.shopping-cart--goods-name{font-size:16px;color:#333}.shopping-cart--goods-desc{font-size:14px;color:#999}.shopping-cart--goods-ope{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}.shopping-cart--goods-ope span{margin:0 10px}.shopping-cart--goods-btn{text-align:center;width:30px;height:30px;line-height:30px;background-color:#cfcfcf;color:#666;border-radius:15px;font-size:24px}.shopping-cart--goods-btn:active{color:rgba(0,0,0,.5)}.shopping-cart--goods-btn__parabola{position:fixed}.shopping-cart--cart{position:fixed;bottom:20px;left:20px;width:40px;height:40px;background-color:rgba(0,0,0,.6);padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px}.shopping-cart--cart img{width:100%;height:100%}.shopping-cart--cart-num{position:absolute;top:5px;right:5px;font-size:10px;height:12px;color:#fff;background-color:#ff4200;line-height:12px;padding:0 3px;border-radius:6px}.shopping-cart--cart-move-to{-webkit-animation:bounce .5s ease-in-out;animation:bounce .5s ease-in-out}.parabola-enter-active{-webkit-transition:bottom .5s cubic-bezier(.35,-.55,.88,.33),left .5s linear;transition:bottom .5s cubic-bezier(.35,-.55,.88,.33),left .5s linear}.parabola-enter-to{bottom:40px!important;left:30px!important}@-webkit-keyframes bounce{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes bounce{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(.9);transform:scale(.9)}}