.qr-change-code.topIn{-webkit-animation:topIn .3s ease-out;-moz-animation:topIn .3s ease-out;animation:topIn .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.bottomIn{-webkit-animation:bottomIn .3s ease-out;-moz-animation:bottomIn .3s ease-out;animation:bottomIn .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.leftIn{-webkit-animation:leftIn .3s ease-out;-moz-animation:leftIn .3s ease-out;animation:leftIn .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.rightIn{-webkit-animation:rightIn .3s ease-out;-moz-animation:rightIn .3s ease-out;animation:rightIn .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.topOut{-webkit-animation:topOut .3s ease-out;-moz-animation:topOut .3s ease-out;animation:topOut .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.bottomOut{-webkit-animation:bottomOut .3s ease-out;-moz-animation:bottomOut .3s ease-out;animation:bottomOut .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.leftOut{-webkit-animation:leftOut .3s ease-out;-moz-animation:leftOut .3s ease-out;animation:leftOut .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.qr-change-code.rightOut{-webkit-animation:rightOut .3s ease-out;-moz-animation:rightOut .3s ease-out;animation:rightOut .3s ease-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes topIn{0%{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-moz-keyframes topIn{0%{-moz-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%);opacity:0}
100%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@keyframes topIn{0%{-webkit-transform:translateX(0) translateY(-100%);-moz-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-webkit-keyframes bottomIn{0%{-webkit-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-moz-keyframes bottomIn{0%{-moz-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%);opacity:0}
100%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@keyframes bottomIn{0%{-webkit-transform:translateX(0) translateY(100%);-moz-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-webkit-keyframes leftIn{0%{-webkit-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-moz-keyframes leftIn{0%{-moz-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);opacity:0}
100%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@keyframes leftIn{0%{-webkit-transform:translateX(-100%) translateY(0);-moz-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-webkit-keyframes rightIn{0%{-webkit-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-moz-keyframes rightIn{0%{-moz-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);opacity:0}
100%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@keyframes rightIn{0%{-webkit-transform:translateX(100%) translateY(0);-moz-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);opacity:0}
100%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}}
@-webkit-keyframes topOut{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%);opacity:0}}
@-moz-keyframes topOut{0%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-moz-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%);opacity:0}}
@keyframes topOut{0%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(0) translateY(-100%);-moz-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%);opacity:0}}
@-webkit-keyframes bottomOut{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%);opacity:0}}
@-moz-keyframes bottomOut{0%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-moz-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%);opacity:0}}
@keyframes bottomOut{0%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(0) translateY(100%);-moz-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%);opacity:0}}
@-webkit-keyframes leftOut{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);opacity:0}}
@-moz-keyframes leftOut{0%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-moz-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);opacity:0}}
@keyframes leftOut{0%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(-100%) translateY(0);-moz-transform:translateX(-100%) translateY(0);transform:translateX(-100%) translateY(0);opacity:0}}
@-webkit-keyframes rightOut{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);opacity:0}}
@-moz-keyframes rightOut{0%{-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-moz-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);opacity:0}}
@keyframes rightOut{0%{-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);opacity:1}
100%{-webkit-transform:translateX(100%) translateY(0);-moz-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);opacity:0}}