#myalert {
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 90000000; }
  #myalert > span {
    display: inline-block;
    width: 0;
    height: 100%;
    visibility: hidden;
    vertical-align: middle; }
  #myalert .alertContainer {
    background: #ffffff;
    border: 0;
    border-radius: 8px;
    box-shadow: 2px 2px 3px 0 rgba(28, 28, 28, 0.6);
    padding: 40px 15px;
    display: inline-block;
    vertical-align: middle;
    animation: alertshow 0.3s ease 0s;
    -webkit-animation: alertshow 0.3s ease 0s;
    -ms-animation: alertshow 0.3s ease 0s; }
    #myalert .alertContainer .closeBtn {
      position: relative;
      height: 14px; }
      #myalert .alertContainer .closeBtn > i {
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
        background: url(./images/closeBtn.png) no-repeat;
        background-size: 100%;
        width: 14px;
        height: 100%;
        cursor: pointer;
        opacity: 0.6; }
        #myalert .alertContainer .closeBtn > i:hover {
          opacity: 1; }
    #myalert .alertContainer .title {
      position: relative;
      overflow: hidden;
      color: #2e2e2e;
      padding: 0 10px;
      border-bottom: 1px solid #e5e5e5;
      text-align: center;
      line-height: 35px;
      font-size: 18px; }
    #myalert .alertContainer .content {
      overflow: hidden;
      padding: 10px 35px 10px 20px;
      color: #474747;
      overflow: hidden;
      text-align: left; }
      #myalert .alertContainer .content .error {
        color: #f47e7c; }
      #myalert .alertContainer .content .warning {
        color: #a5a5a5; }
      #myalert .alertContainer .content .success {
        color: #a5a5a5; }
      #myalert .alertContainer .content .info p {
        color: #a5a5a5; }
      #myalert .alertContainer .content > div {
        float: left; }
        #myalert .alertContainer .content > div.icons {
          width: 72px;
          height: 72px;
          background-image: url(./images/alert_icon.png);
          background-repeat: no-repeat;
          margin-right: 25px; }
          #myalert .alertContainer .content > div.icons.success {
            background-position: -72px 0; }
          #myalert .alertContainer .content > div.icons.warning {
            background-position: -144px 0; }
          #myalert .alertContainer .content > div.icons.error {
            background-position: -216px 0; }
        #myalert .alertContainer .content > div > h3 {
          padding: 10px 0;
          font-size: 18px;
          color: #222; }
      #myalert .alertContainer .content ul {
        overflow: hidden;
        color: #888; }
        #myalert .alertContainer .content ul > li {
          border-bottom: 1px dashed #CCC;
          line-height: 30px; }
          #myalert .alertContainer .content ul > li > span {
            margin-right: 15px; }
      #myalert .alertContainer .content .buttons {
        overflow: hidden;
        text-align: left;
        margin: 25px 0; }
        #myalert .alertContainer .content .buttons button {
          display: inline-block;
          margin-right: 10px;
          border: 0;
          min-width: 156px;
          height: 42px;
          color: #666;
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px; }
          #myalert .alertContainer .content .buttons button:hover {
            opacity: 0.8;
            filter: alpha(opacity=80); }
          #myalert .alertContainer .content .buttons button.ok {
            background-color: #628aff;
            color: #FFF; }
          #myalert .alertContainer .content .buttons button.cancle {
            color: #628aff;
            background-color: #FFF; }

@keyframes alertshow {
  0% {
    opacity: 0;
    transform: scale(0.6);
    -webkit-transform: scale(0.6); }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes alerthide {
  0% {
    opacity: 0.6;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0); } }

/*# sourceMappingURL=myalert.css.map */