/*
 * syalert.css
 * Version - 1.0
 * Copyright (c) 2019 sy
 */
@charset "utf-8";
.sy-mask { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 1000 }
.sy-alert { position: fixed; display: none; background: #fff; border-radius: 5px; overflow: hidden; width: 300px; 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: 50%; border-top: 1px solid #eee; overflow: hidden }
.sy-alert .sy-btn button { float: left; border: 0; color: #333; cursor: pointer; background: #fff; width: 50%; line-height: 45px; font-size: 15px; text-align: center }
.sy-alert .sy-btn button:nth-child(1) { color: #888; border-right: 1px solid #eee }
.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: 90%; border: 1px solid #eee; padding: 10px }
.sy-alert.sy-alert-model .sy-content .form .input-item textarea { display: block; position: relative; width: 90%; border: 1px solid #eee; padding: 10px; color:#666;  font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif; font-size:15px;}

.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 }


