-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
-------------------------- */
--------------------------*/
--------------------------*/
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
-------------------------- */
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
--------------------------*/
-------------------------- */
--------------------------*/
--------------------------*/
.el-alert {
width: 100%;
padding: 8px 16px;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
position: relative;
background-color: #FFFFFF;
overflow: hidden;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s;
transition: opacity .2s; }
.el-alert.is-light .el-alert__closebtn {
color: #C0C4CC; }
.el-alert.is-dark .el-alert__closebtn {
color: #FFFFFF; }
.el-alert.is-dark .el-alert__description {
color: #FFFFFF; }
.el-alert.is-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.el-alert--success.is-light {
background-color: #f0f9eb;
color: #67C23A; }
.el-alert--success.is-light .el-alert__description {
color: #67C23A; }
.el-alert--success.is-dark {
background-color: #67C23A;
color: #FFFFFF; }
.el-alert--info.is-light {
background-color: #f4f4f5;
color: #909399; }
.el-alert--info.is-dark {
background-color: #909399;
color: #FFFFFF; }
.el-alert--info .el-alert__description {
color: #909399; }
.el-alert--warning.is-light {
background-color: #fdf6ec;
color: #E6A23C; }
.el-alert--warning.is-light .el-alert__description {
color: #E6A23C; }
.el-alert--warning.is-dark {
background-color: #E6A23C;
color: #FFFFFF; }
.el-alert--error.is-light {
background-color: #fef0f0;
color: #F56C6C; }
.el-alert--error.is-light .el-alert__description {
color: #F56C6C; }
.el-alert--error.is-dark {
background-color: #F56C6C;
color: #FFFFFF; }
.el-alert__content {
display: table-cell;
padding: 0 8px; }
.el-alert__icon {
font-size: 16px;
width: 16px; }
.el-alert__icon.is-big {
font-size: 28px;
width: 28px; }
.el-alert__title {
font-size: 13px;
line-height: 18px; }
.el-alert__title.is-bold {
font-weight: bold; }
.el-alert .el-alert__description {
font-size: 12px;
margin: 5px 0 0 0; }
.el-alert__closebtn {
font-size: 12px;
opacity: 1;
position: absolute;
top: 12px;
right: 15px;
cursor: pointer; }
.el-alert__closebtn.is-customed {
font-style: normal;
font-size: 13px;
top: 9px; }
.el-alert-fade-enter,
.el-alert-fade-leave-active {
opacity: 0; }