.py-message__closeBtn:focus,
.py-message__content:focus {
  outline-width: 0
}

.py-message {
  min-width: 380px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebeef5;
  position: fixed;
  left: 50%;
  top: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #edf2fc;
  -webkit-transition: opacity .3s, -webkit-transform .4s;
  transition: opacity .3s, -webkit-transform .4s;
  transition: opacity .3s, transform .4s;
  transition: opacity .3s, transform .4s, -webkit-transform .4s;
  overflow: hidden;
  padding: 15px 15px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.py-message.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.py-message.is-closable .py-message__content {
  padding-right: 16px
}

.py-message p {
  margin: 0
}

.py-message--info .py-message__content {
  color: #909399
}

.py-message--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8
}

.py-message--success .py-message__content {
  color: #67c23a
}

.py-message--warning {
  background-color: #fdf6ec;
  border-color: #faecd8
}

.py-message--warning .py-message__content {
  color: #e6a23c
}

.py-message--error {
  background-color: #fef0f0;
  border-color: #fde2e2
}

.py-message--error .py-message__content {
  color: #f56c6c
}

.py-message__icon {
  margin-right: 10px
}

.py-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1
}

.py-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  color: #c0c4cc;
  font-size: 16px
}

.py-message__closeBtn:hover {
  color: #909399
}

.py-message .py-icon-plane {
  color: #67c23a
}

.py-message .py-icon-closefill {
  color: #f56c6c
}

.py-message .py-icon-message {
  color: #909399
}

.py-message .py-icon-remindfill {
  color: #e6a23c
}

.py-message-fade-enter,
.py-message-fade-leave-active {
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}