﻿@charset "UTF-8";
/*!
	消息列表
	2020-04-02
	2021-07-13
	2021-07-31
	2022-01-19
	2022-01-24
	2022-09-06 默认隐藏关闭按钮
*/
/*!
	颜色函数
	liuyouji
	2019-03-24
	2020-12-10
	2022-05-04
*/
/*!
	设置主色调
*/
.l-msg-list {
  box-sizing: border-box;
  padding-top: 0px;
  position: fixed;
  top: 0px;
  /*right: 0px;
  min-width: 300px;
  margin: 0 auto;*/
  width: 100%;
  pointer-events: none;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif, "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  line-height: 26px;
  font-size: 14px;
  z-index: 20000;
}
.l-msg-list .l-msg-container {
  margin: 0 auto;
  overflow: hidden;
  opacity: 0.9;
}
.l-msg-list .l-msg-container:hover {
  opacity: 1;
}
.l-msg-list .l-msg-container > .l-msg {
  pointer-events: all;
  box-sizing: border-box;
  display: none;
  width: 341px;
  margin: 10px auto 2px auto;
  border: solid 2px #fff;
  box-shadow: #194ca2 0 0 2px;
  background-color: #80a9d6;
  border-radius: 5px;
  cursor: default;
}
.l-msg-list .l-msg-container > .l-msg > div {
  text-align: left;
}
.l-msg-list .l-msg-container > .l-msg > .l-msg-title {
  padding: 3px 3px 3px 35px;
  /*font-weight: bold;*/
  min-height: 26px;
  line-height: 24px;
  color: #fff;
  border-radius: 3px 3px 0 0;
  background: #0052ad;
}
.l-msg-list .l-msg-container > .l-msg > .l-msg-title > .btn-close {
  cursor: pointer;
  display: none;
  float: right;
  box-shadow: #f9f9f9 0 0 2px 0px;
  padding: 0 5px;
  border-radius: 4px;
}
.l-msg-list .l-msg-container > .l-msg > .l-msg-title > .btn-close:hover {
  box-shadow: #f9f9f9 0 0 5px 1px;
}
.l-msg-list .l-msg-container > .l-msg:hover > .l-msg-title > .btn-close {
  display: inline-block;
}
.l-msg-list .l-msg-container > .l-msg > .l-msg-text {
  padding: 3px 10px;
  min-height: 26px;
  overflow-wrap: break-word;
}
.l-msg-list .l-msg-container > .l-msg-tp-info {
  background-color: #bac9e3;
  box-shadow: #194ca2 0 0 2px;
  color: #000;
}
.l-msg-list .l-msg-container > .l-msg-tp-info .l-msg-title {
  background: url("Images/info.png") 6px center no-repeat, linear-gradient(0deg, #194ca2 42%, #4770b5 58%, #194ca2 100%) left center no-repeat;
  background-size: 22px 22px, auto auto;
}
.l-msg-list .l-msg-container > .l-msg-tp-prompt {
  background-color: #c9c6dd;
  box-shadow: #4a418d 0 0 2px;
  color: #000;
}
.l-msg-list .l-msg-container > .l-msg-tp-prompt .l-msg-title {
  background: url("Images/info.png") 6px center no-repeat, linear-gradient(0deg, #4a418d 42%, #6e67a4 58%, #4a418d 100%) left center no-repeat;
  background-size: 22px 22px, auto auto;
}
.l-msg-list .l-msg-container > .l-msg-tp-warning {
  background-color: #d7c3d7;
  box-shadow: #7b3678 0 0 2px;
  color: #000;
}
.l-msg-list .l-msg-container > .l-msg-tp-warning .l-msg-title {
  background: url("Images/alarm.png") 6px center no-repeat, linear-gradient(0deg, #7b3678 42%, #955e93 58%, #7b3678 100%) left center no-repeat;
  background-size: 22px 22px, auto auto;
}
.l-msg-list .l-msg-container > .l-msg-tp-alarm {
  background-color: #e6bfd0;
  box-shadow: #ac2b62 0 0 2px;
  color: #000;
}
.l-msg-list .l-msg-container > .l-msg-tp-alarm .l-msg-title {
  background: url("Images/alarm.png") 6px center no-repeat, linear-gradient(0deg, #ac2b62 42%, #bd5581 58%, #ac2b62 100%) left center no-repeat;
  background-size: 22px 22px, auto auto;
}
.l-msg-list .l-msg-container > .l-msg-tp-error {
  background-color: #f5bcca;
  box-shadow: #dd204d 0 0 2px;
  color: #000;
}
.l-msg-list .l-msg-container > .l-msg-tp-error .l-msg-title {
  background: url("Images/error.png") 6px center no-repeat, linear-gradient(0deg, #dd204d 42%, #e44d71 58%, #dd204d 100%) left center no-repeat;
  background-size: 22px 22px, auto auto;
}

/*!
	加载蒙版层
*/
.l-loading-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  display: none;
  text-align: center;
}
.l-loading-container > div.l-loading-mask {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0.2;
  background-color: #808080;
  width: 100%;
}
.l-loading-container > div.l-loading-msg {
  box-sizing: border-box;
  padding: 5px 20px;
  text-align: center;
  border: solid 2px #fff;
  box-shadow: #0052ad 0 0 2px;
  border-radius: 5px;
  background-color: #0052ad;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
}
