.mail{cursor: pointer;}
.alert-mask{ width:100%; height:100%; display: none; position: fixed; left:0; top:0; background:rgba(0,0,0,0); z-index:2222;}
.alert-model{  width:300px;position: fixed; z-index:3333;  display: none; left:0; right:0; margin:auto; top:50%; transform-origin: center; max-width:80%; max-height:80%; background:#fff; border-radius:5px; overflow: hidden;}
.alert-model .alert-title{ padding:15px 0;color:#333;font-weight:bold; font-size: 15px; text-align: center;}
.alert-model .alert-text{ font-size:14px; text-align: center; color:#333; line-height:23px; padding:0 20px;  }
.alert-model .alert-title p{color:#000;}
.alert-model .alert-content{ padding:20px; padding-top:0; overflow: hidden auto; max-height:400px; font-size:14px;}
.alert-model .alert-content a{color:#000;font-weight: bold;}
.alert-open{ animation: alert-open 0.3s ease forwards; }
.alert-close{ animation: alert-close 0.3s ease forwards; }
@-webkit-keyframes alert-open{  
   0%{ transform: scale(0); opacity:0;  }
    100%{ transform: scale(1); opacity:1; }
}
@-webkit-keyframes alert-close{  
 0%{ transform: scale(1); opacity:1;  } 
 30%{ transform: scale(1.05); opacity: 0.5; }
 100%{ transform: scale(0.7); opacity: 0;}
}