@charset "UTF-8";
/*
app ID: UmMsg
Author: 
Author URI: 
name:
*/
.redBags{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 1115;display: none;}
.redBags .box,.redBags .img{ width:300px; min-height: 100px; padding: 30px; font-size: 14px; color: #333; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; border-radius: 5px}
.redBags .box h5{ font-weight: normal; font-size: 18px; color: #333}
.redBags .box p{font-size: 14px; padding-top: 15px;color: #666; line-height: 24px;}
.redBags.open .box,.redBags.open .img{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
.redBags .img{ width: 95%; max-width: 360px; background: none; top:48.5%; font-size: 0}
.redBags .img img{ width: 100%; max-width: 100%;}
.redBags i.close{ width: 32px; height: 32px; background-image: url(../images/close.png); background-size: cover; display: inline-block; margin-top:10px; cursor: pointer;}
.redBags .box .close{ width: 88px;line-height: normal;padding: 8px 0;text-align: center; background: #00ada7; color: #fff; display: inline-block; margin-top: 15px; border-radius:3px; cursor: pointer;}
#copyt{position: absolute; opacity: 0; width: 0px; height: 0px;font-size: 0}
.hideUm,.redBags em{ display: none; visibility: hidden;}
@-webkit-keyframes bounceInDown {
from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) translate(-50%,-50%);transform: translate3d(0, -3000px, 0) translate(-50%,-50%);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) translate(-50%,-50%);transform: translate3d(0, 25px, 0) translate(-50%,-50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%,-50%); transform: translate3d(0, -10px, 0) translate(-50%,-50%);}
90% {-webkit-transform: translate3d(0, 5px, 0) translate(-50%,-50%);transform: translate3d(0, 5px, 0) translate(-50%,-50%);}
to {-webkit-transform: translate3d(0, 0, 0) translate(-50%,-50%);transform: translate3d(0, 0, 0) translate(-50%,-50%);}
}
@keyframes bounceInDown {
from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) translate(-50%,-50%);transform: translate3d(0, -3000px, 0) translate(-50%,-50%);}
60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) translate(-50%,-50%);transform: translate3d(0, 25px, 0) translate(-50%,-50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%,-50%); transform: translate3d(0, -10px, 0) translate(-50%,-50%);}
90% {-webkit-transform: translate3d(0, 5px, 0) translate(-50%,-50%);transform: translate3d(0, 5px, 0) translate(-50%,-50%);}
to {-webkit-transform: translate3d(0, 0, 0) translate(-50%,-50%);transform: translate3d(0, 0, 0) translate(-50%,-50%);}
}