.c-message {position: fixed;top: 30%;left: 50%;height: 50px;line-height: 50px;min-width: 200px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);z-index: 999;font-size: 14px;overflow: hidden;border-radius: 5px;text-align: center;background-color: #e47f11;letter-spacing: 2px;color: #ffffff;padding: 0 1%;}
.c-message:hover{background-color: #e47f11;}
.c-message2 {position: fixed;top: 10%;left: 50%;height: 50px;line-height: 50px;background: #fff;min-width: 200px;color: #666;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);z-index: 999;font-size: 13px;}
.c-message--main {} 
.c-message--icon {color: #fff;width: 50px;height: 50px;text-align: center;position: absolute;left: 0;top: 0;line-height: 40px;display: none;}

.c-message--success {background: url()no-repeat center;;}
.c-message--success2 {background: url()no-repeat center;;}
.c-message--error {background: #FF4949;} 
.c-message--info {background: #20A0FF;} 
.c-message--warning {background: #F7BA2A;}
.c-message--close {position: absolute;right: 10px;color: #999;text-decoration: none;cursor: pointer;font-size: 30px;top: 0;line-height: 34px;display: block;height: 40px;}
.c-message--close:hover {color: #666;}
@keyframes messageFadeInDown {
0% {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)    }
100% {-webkit-transform: none;transform: none }
}
.c-message.messageFadeInDown {-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-name: messageFadeInDown;}
@keyframes messageFadeOutUp {
0% {opacity: 1 }
100% {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%) }
}

.c-message.messageFadeOutUp {-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-name: messageFadeOutUp}

.c-message2.messageFadeInDown {-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-name: messageFadeInDown;}
.c-message2.messageFadeOutUp {-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-name: messageFadeOutUp}