.bty-bg-info{
	background-color: #50bfff;
}
.bty-bg-error{
	background-color: #ff4949;
}
.bty-bg-warning{
	background-color: #f7ba2a;
}
.bty-bg-success{
	background-color: #13ce66;
}

/* 顶部简单消息提示框 */
.bty-message, .bty-loading{
	box-shadow: 0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);
	filter:"progid:DXImageTransform.Microsoft.Shadow(strength=4,direction=125,color='#f3f3f3')";
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength=4,direction=125,color='#f3f3f3')";
	z-index: 99999;
}

.bty-message{
	min-width: 300px;
    padding: 10px 12px;
    box-sizing: border-box;
    border-radius: 2px;
    position: fixed;
    left: 50%;
    top: 20px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .3s,transform .4s;
    overflow: hidden;
    background-color: #fff;
}

.bty-message-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff; 
    text-align: center;
}
 
.bty-message-group {
    margin-left: 38px;
    position: relative
}

.bty-message-group p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 34px 0 0;
    white-space: nowrap;
    color: #8492a6;
    text-align: justify
}
 

.bty-message-close-btn {
    top: 3px;
    right: 0;
    position: absolute;
    cursor: pointer;
    color: #c0ccda; 
}

.bty-message-close-btn:hover {
    color: #99A9BF
}

.bty-message-fade-enter,.bty-message-fade-leave-active {
    opacity: 0;
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}
/* 顶部简单消息提示框 */

/* alert 和 confirm 提示框 */
.bty-modal{
	width: 380px;
    margin: auto;
    z-index:99999;
}
.bty-alert-content,.bty-confirm-content{
    min-width: 370px;
    max-width: 380px;
	background-color: #fff;
	border-radius: 3px;
	border-width: 1px;
    border-color: gray;
    border-style: solid;
}
.bty-alert-header,.bty-confirm-header{
	position: relative;
    padding: 10px; 
}
.bty-alert-body,.bty-confirm-body{ 
    padding: 10px 10px 20px 10px;
    position: relative;
} 
.bty-alert-footer,.bty-confirm-footer{ 
	padding: 10px;
    text-align: right;  
}
.bty-confirm-icon{ 
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 40px;
    top: 0px;
}
 .bty-confirm-body>p{
	margin-left: 50px;
}
/* alert 和 confirm 提示框 */

/* loading */
.bty-loading{
	min-width: 150px;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    border-radius: 2px;
    position: fixed;
    left: 50%;
    top: 20px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .3s,transform .4s;
    overflow: hidden; 
    opacity: 0.8; 
    color: #fff;
}
.bty-loading-icon {  
    position: absolute;
    left: 12px;
    top: 14px;
}
.bty-loading-group{
	margin-left: 40px;
	margin-right: 10px;
}
.bty-modal + .modal-backdrop{
	z-index:19999;
}