@charset "UTF-8";
.prompt {
  /*
   * 基本样式
   */
  -webkit-transition: all .2s;
  transition: all .2s;
  position: fixed;
  padding: 10px 30px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  opacity: 0;
  z-index: 2000;
  /*
   * =========== 
   * = 颜色开始 = 
   * =========== 
   * default 默认
   * success 成功
   * info 一般信息
   * warning 警告
   * danger 危险
   * 
   */ }
  .prompt.prompt-middle {
    /*
     * 居中
     */
    left: 50%;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .prompt.prompt-bottom {
    /*
     * 底部
     */
    left: 50%;
    bottom: 10%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .prompt.prompt-top {
    /*
     * 顶部
     */
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .prompt.prompt-right-top {
    /*      
     * 右上角
     */
    right: 10px;
    top: 10px; }
  .prompt.prompt-right-bottom {
    /*
     * 右下角
     */
    bottom: 10px;
    right: 10px; }
  .prompt.prompt-left-top {
    /*
     * 左上角
     */
    left: 10px;
    top: 10px; }
  .prompt.prompt-left-bottom {
    /*
     * 左下角
     */
    bottom: 10px;
    left: 10px; }
  .prompt.prompt-success {
    /*
     * 成功
     */
    background-color: rgba(92, 184, 92, 0.7); }
  .prompt.prompt-info {
    /*
     * 一般信息
     */
    background-color: rgba(91, 192, 222, 0.7); }
  .prompt.prompt-warning {
    /*
     * 警告
     */
    background-color: rgba(240, 173, 78, 0.7); }
  .prompt.prompt-danger {
    /*
     * 危险
     */
    background-color: rgba(217, 83, 79, 0.7); }
  .prompt.prompt-show {
    opacity: 1; }