/*顶级弹窗start*/
.modal-block{
    min-width: 200px;
    min-height: 100px;
    background-color: #FFFFFF;
    position: absolute;
    top: 20vh;
    left: calc(50% - 100px);
    border-radius: 5px;
    z-index: 1001;
}
.pop-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(31,43,68,0.35);
    z-index: 1000;
    top: 0;
    left: 0;
}
.pop-modal {
    display: none;
}
.pop-block {
}
.modal-block {

}
.modal-title {
    padding: 16px;
    border-bottom: 1px solid #CDDBEE;
}
.modal-title span {
    font-size: 14px;
    letter-spacing: 0.7px;
    font-weight: bold;
    color: #1E2A45;
}
.modal-title img {
    width: 14px;
    height: 14px;
    float: right;
    padding: 4px;
    cursor: pointer;
}
.modal-content {
    padding: 16px;
}
.modal-footer {
    padding: 8px 16px 16px 16px;
    height: 24px;
    border-top: 1px solid #CDDBEE;
    text-align: right;
}
/*对话框start*/
.dialog-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(31,43,68,0.35);
    z-index: 1000;
    top: 0;
    left: 0;
}
.dialog-content-wrap {
    position: absolute;
    top: 35vh;
    left: calc(50% - 200px);
    background: #FFFFFF;
    z-index: 1001;
    width: 400px;
    border-radius: 5px;
    box-shadow: 0px 4px 12px 0px rgba(31,43,68,0.15);
}
.dialog-content-wrap .dialog-title {
    padding: 16px;
}
.dialog-content-wrap .dialog-title img {
    float: left;
    width: 24px;
    height: 24px;
}
.dialog-content-wrap .dialog-title span {
    line-height: 25px;
    margin-left: 8px;
    font-weight: bold;
}
.dialog-content-wrap .dialog-content {
    margin-left: 48px;
    margin-right: 16px;
    color: #445C86;
    font-size: 12px;
    width: 336px;
}
.dialog-content-wrap .dialog-footer {
    padding: 16px;
    text-align: right;
}
.dialog-content-wrap .dialog-footer a{
    margin-left: 8px;
}
/*对话框end*/
/*消息提示框start*/
.message-wrap {
    position: absolute;
    top: 8px;
    left: calc(50% - 300px);
    min-width: 600px;
    border-radius: 5px;
    padding: 8px;
    z-index: 9999;
}
.message-success-wrap {
    background-color: #EFF7E9;
    border: 1px solid #B7EB8F;
}
.message-fail-wrap {
    background-color: #FAECEC;
    border: 1px solid #FFA39E;
}
.message-warning-wrap {
    background-color: #FAF6E9;
    border: 1px solid #FFE58F;
}
.message-info-wrap {
    background-color: #E3EEFA;
    border: 1px solid #C8E0FB;
}
.message-wrap img {
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 3px;
}
.message-wrap span {
    line-height: 15px;
    margin-left: 8px;
    color: #445C86;
    font-size: 12px;
}
/*消息提示框end*/
.btn-cancel,.btn-normal {
    height: 20px;
    width: 60px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #00A4EA;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 0 5px 0 8px;
    color: #00A4EA;
    cursor: pointer;
}
.btn-delete {
    height: 20px;
    width: 60px;
    border-radius: 4px;
    background: #F5222D;
    border: 1px solid #F5222D;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 0 5px 0 8px;
    color: #FFFFFF;
    cursor: pointer;
}
.btn-submit {
    height: 20px;
    width: 60px;
    border-radius: 4px;
    background: #00A4EA;
    border: 1px solid #00A4EA;
    font-size: 12px;
    letter-spacing: 4px;
    padding: 0 5px 0 8px;
    color: #FFFFFF;
    cursor: pointer;
}
/*顶级弹窗end*/
/* switch样式开始 */
