﻿
    /* 提示框 Start */
    #message-container {position: fixed;left: 0;top: 70px;right: 0;display: flex;flex-direction: column;align-items: center;z-index: 9999;}
    #message-container .message {background: #fff;margin: 10px 0;padding: 0 10px;min-height: 40px;box-shadow: 0 0 10px 0 #487fff;font-size: 14px;border-radius: 3px;display: flex;align-items: center;border: 1px solid #487fff;}
    #message-container .message .text {color: #333;padding: 10px 20px 10px 5px;}
    #message-container .message .close {cursor: pointer;color: #999;font-size: 20;}
    #message-container .message .icon-info {color: #0482f8;}
    #message-container .message .icon-error {color: #eee;background: #f83504;border-radius: 10px;width: 15px;height: 15px;line-height: 15px;padding-left: 3px;}
    #message-container .message .icon-success {color: #eee;background: #06a35a;border-radius: 10px;width: 15px;height: 15px;line-height: 15px;padding-left: 2px;}
    #message-container .message .icon-warning {color: #ceca07;}
    #message-container .message .icon-loading {color: #0482f8;}
    @keyframes message-move-in {0% {opacity: 0;transform: translateY(-100%);}100% {opacity: 1;transform: translateY(0);}}
    #message-container .message.move-in {animation: message-move-in 0.3s ease-in-out;}
    @keyframes message-move-out {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(-100%);}}
    #message-container .message.move-out {animation: message-move-out 0.3s ease-in-out;animation-fill-mode: forwards;}
    /* 提示框 End */