@charset "utf-8";

.message-box[data-v-78b0a2a8] { background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 15px -10px; color: rgb(25, 25, 26); display: flex; font-size: 13px; left: 50%; line-height: 24px; max-width: 680px; padding: 10px 16px; position: fixed; top: 20%; transform: translate3d(-50%, 0px, 0px); width: max-content; word-break: break-word; z-index: 2000; }

.message-box .iconfont-icon[data-v-78b0a2a8] { flex-shrink: 0; font-size: 16px; line-height: 22px; margin-right: 8px; }

.message-box .iconfont-close[data-v-78b0a2a8] { cursor: pointer; flex-shrink: 0; font-size: 12px; line-height: 1; margin-left: 10px; }

.message-box .message-content[data-v-78b0a2a8] { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 14px; line-height: 22px; }

.message-box.message-box-success .iconfont-icon[data-v-78b0a2a8] { color: rgb(16, 163, 0); }

.message-box.message-box-warning .iconfont-icon[data-v-78b0a2a8] { color: rgb(0, 96, 191); }

.message-box.message-box-error .iconfont-icon[data-v-78b0a2a8] { color: rgb(192, 0, 0); }

@media (max-width: 768px) {
  .message-box[data-v-78b0a2a8] { max-width: 350px; }
}