@charset "utf-8";
.sy-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    z-index: 1000;
    overflow: hidden;
}
.sy-maer {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    z-index: 10001;
    overflow: hidden;
}
.sy-aleut {
    position: fixed;
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    width: 280px;
    max-width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10002;
    -webkit-box-shadow: 1px 1px 2px 2px rgba(255,255,255,.08),0 0 16px rgba(255,255,255,.7);
    box-shadow: 1px 1px 2px 2px rgba(255,255,255,.08),0 0 16px rgba(255,255,255,.7);
}
 .sy-aleut.animated {
        -webkit-animation-duration: .3s;
        animation-duration: .3s
    }


.sy-aleut-title {
    text-align: left;
    height: 36px;
    line-height: 36px;
    display: flex;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    background-color: #eeeeee;
}
.sy-alert {
    position: fixed;
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    width: 280px;
    max-width: 90%;
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    /*max-height: 80%;*/
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    -webkit-box-shadow: 1px 1px 2px 2px rgba(255,255,255,.09),0 0 16px rgba(255,255,255,.8);
    box-shadow: 1px 1px 2px 2px rgba(255,255,255,.09),0 0 16px rgba(255,255,255,.8);
}
.sy-alert.animated{-webkit-animation-duration:.3s;animation-duration:.3s}
    .sy-alert .sy-title {
        height: 36px;
        color: #333;
        line-height: 36px;
        font-size: 15px;
        border-bottom: 1px solid #eee;
        padding: 0 0px;
        font-weight: bold;
        display: flex;
        padding-left: 10px;
        background-color: #f6f6f6;
    }
.sy-alert .sy-content {
        padding: 14px;
        text-align: left;
        padding-left: 78px;
        font-size: 14px;
        line-height: 24px;
        color: #666;
        overflow-y: auto;
        padding-top: 20px;
        background-image: url(/App_Css/images/ui/question.png);
        background-repeat: no-repeat;
        background-position: left 15px top 50%;
        background-size: 48px 48px;
    }
.sy-content-ban {
    height: 30px;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 14px;
}
.sy-content-ban-ok {
    width: fit-content;
    padding: 0px 10px 0px 10px;
    /*height: 26px;*/
    line-height: 24px;
    color: #fff;
    background-color: #0393ff;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}
    .sy-content-ban-ok:hover {
        background-color: #03aaff;
    }
    .sy-content-ban-ok:active {
        background-color: #0087ed;
    }
.sy-content-ban-pen {
    width: fit-content;
    padding: 0px 10px 0px 10px;
    /*height: 24px;*/
    line-height: 24px;
    color: #808080;
    border-radius: 3px;
    border: 1px solid #c2c2c2;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}
.sy-content-ban-pen:active {
        background-color: #dcdcdc;
    }
.sy-content-ban-distance {
    width: 14px;
    display: inline-block;
}
.sy-alert .sy-btn {
    height: 50%;
    border-top: 1px solid #eee;
    overflow: hidden
}
.sy-alert .sy-btn button{float:left;border:0;color:#666;cursor:pointer;background:#fff;width:50%;line-height:40px;font-size:15px;letter-spacing:2px;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%;border:0;}
.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:0px 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}