/*
 * 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:10px;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: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:80px;text-align:center}
.ttimg{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	border: 1px solid #CCCCCC;
	width:100px;
	height:60px;
}
.ttimg img{ width:100px;}

@media screen and (max-width:1000px) {

.sy-alert.sy-alert-model .sy-content .form .input-item{margin-bottom:5px;position:relative}
.sy-alert.sy-alert-model .sy-content .form .input-item input{display:block;position:relative;width:100%;border:1px solid #eee;padding:5px}
.sy-alert.sy-alert-model .sy-content .form .input-item .getcode{border:0;top:0;right:0;position:absolute;background:0;line-height:27px;color:#f60;width:80px;text-align:center}
.ttimg{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	border: 1px solid #CCCCCC;
	width:50px;
	height:31px;
}
.ttimg img{ width:50px;}
}