﻿.alert-modal {left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.alert-container {display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;background:#fff;border:1px solid #f1f1f1;z-index:99999;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.alert-title {font-size:20px;text-align:center;line-height:52px;color:#111;background:#fff;position:absolute;left:0;top:0;z-index:999;width:100%;text-align:center;}
.alert-content {font-size:16px;padding:15px 20px; line-height:1.7;color:#555;height:100%;overflow:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.alert-content-scrollbar {}
.alert-btn-box {border-top:1px solid #f1f1f1;text-align:right;position:absolute;left:0;background:#fff;bottom:0;z-index:999;width:100%;}
.alert-btn-p {display:inline-block;text-align:center;border-right:1px solid #f1f1f1;background-color:#fff;font-size:0.16px;line-height:35px;cursor:pointer;color:#222;box-sizing:border-box;}
.alert-btn-p:hover {background:#eee;}
.alert-btn-p:last-child {border-right:none;}
.pcAlert .alert-btn-box {padding-right:10px;border:none;}
.pcAlert .alert-btn-p {border:1px solid #f1f1f1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;line-height:30px;margin:7px 0;padding:0 10px;margin-right:10px;}
.alert-btn-close {position:absolute;right:10px;top:3px;font-size:24px;cursor:pointer;z-index:1000;}
.alert-container-black {background-color:rgba(0,0,0,0.65);border:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.alert-container-black .alert-content {color:#fff;}
.linearTop {-webkit-animation-name:linearTop;-moz-animation-name:linearTop;-o-animation-name:linearTop;animation-name:linearTop;}
.linearBottom {-webkit-animation-name:linearBottom;-moz-animation-name:linearBottom;-o-animation-name:linearBottom;animation-name:linearBottom;}
/*alert-actionsheet*/.alert-actionsheet {border-radius:0;background-color:#ddd;}
.alert-actionsheet .alert-content {display:none;}
.none {display:none;}
.alert-actionsheet .alert-title {color:#aaa;line-height:50px;}
.alert-actionsheet .alert-title,.alert-actionsheet .alert-btn-box {position:static;}
.alert-actionsheet .alert-btn-p {font-size:16px;display:block;line-height:40px;border-bottom:1px solid #eee;}
.alert-actionsheet .alert-btn-box {background-color:transparent;}
.alert-actionsheet .alert-btn-sheet {margin-top:5px;}
@keyframes linearBottom {0% {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
100% {-webkit-transform:translate3d(0,80px,0);-moz-transform:translate3d(0,80px,0);-o-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0;filter:alpha(opacity=0);}
}
@keyframes linearTop {0% {-webkit-transform:translate3d(0,80px,0);-moz-transform:translate3d(0,80px,0);-o-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0;filter:alpha(opacity=0);}
100% {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
}
/*显示动画*/.animated.infinite {animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;}
.animated.linearBottom,.animated.linearTop,.animated.bounceIn,.animated.bounceOut {-webkit-animation-duration:.45s;-moz-animation-duration:.45s;-o-animation-duration:.45s;animation-duration:.45s;}
@keyframes bounceIn {0%,20%,40%,60%,80%,100% {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-moz-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-o-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-o-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
100% {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.bounceIn {-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;}
@keyframes bounceOut {20% {-webkit-transform:scale3d(1.2,1.2,1.2);-moz-transform:scale3d(1.2,1.2,1.2);-o-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2);}
65%,70% {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(.75,.75,.75);-moz-transform:scale3d(.75,.75,.75);-o-transform:scale3d(.75,.75,.75);transform:scale3d(.75,.75,.75);}
100% {opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-o-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
}
.bounceOut {-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut;}
