
/* * syalert.css * Version - 1.0 * Copyright (c) 2019 sy*/@charset "utf-8";.sy-mask{width: 100%;height: 100%;position: fixed;background: rgb(169 168 168 / 80%);left: 0;top: 0;z-index: 1000}
.sy-alert{position: fixed;display: none;background: #fff;border-radius: 5px;overflow: hidden;width: 865px;height: 335px;max-width: 90%;max-height: 80%;left: 0;right: 0;margin: 0 auto;z-index: 9999}
.sy-alert.animated{-webkit-animation-duration: .3s;animation-duration: .3s}
.sy-alert .sy-title{height: 45px;color: #333;line-height: 45px;font-size: 15px;border-bottom: 1px solid #eee;padding: 0 12px}
.sy-alert .sy-content{padding: 20px;text-align: center;font-size: 14px;line-height: 24px;color: #666;overflow-y: auto}
.sy-alert .sy-btn{height: 13%;width: 50%;overflow: hidden;margin: 0px auto;}
.sy-alert .sy-btn button{float: left;border: 0;color: #333;cursor: pointer;background: #ededed;width: 47%;line-height: 45px;font-size: 15px;text-align: center}
.sy-alert .sy-btn button:nth-child(1){color: #fff;background: #1d5cf2;margin: 0px 5px;}
.sy-alert.sy-alert-alert .sy-btn button{float: none;width: 100%}
.sy-alert.sy-alert-tips{text-align: center;width: 150px;background: rgba(0,0,0,0.7)}
.sy-alert.sy-alert-tips .sy-content{padding: 8px;color: #fff;font-size: 14px}
.sy-alert.sy-alert-model .sy-content{text-align: left}
.sy-alert.sy-alert-model .sy-content .form .input-item{margin-bottom: 12px;position: relative}
.sy-alert.sy-alert-model .sy-content .form .input-item input{display: block;position: relative;width: 100%;border: 1px solid #eee;padding: 10px}
.sy-alert.sy-alert-model .sy-content .form .input-item .getcode{border: 0;top: 0;right: 0;position: absolute;background: 0;line-height: 37px;color: #f60;width: 100px;text-align: center}
