/* 全局按钮样式 */

/* 实心蓝色 */
.primary-btn{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #56a8ff;
    border: 1px solid #56a8ff;
    color: #fff;
    border-radius: 4px;
    text-align: center;  
    transition: background-color .1s linear 0s;    
}
.primary-btn:hover{
    background-color: #1c8aff;
}

/* 空心蓝色 */
.primary-btn2{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #56a8ff;
    color: #56a8ff;
    border-radius: 4px;
    text-align: center;  
    transition: background-color .1s linear 0s;    
}
.primary-btn2:hover{
    background-color: #e1efff;
}

/* 实心红色 */
.danger-btn{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #ff4c46;
    border: 1px solid #d43f3a;
    color: #fff;
    border-radius: 4px;
    text-align: center;  
    transition: background-color .1s linear 0s;    
}
.danger-btn:hover{
    background-color: #ff2828;
}

/* 空心红色 */
.danger-btn2{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #d43f3a;
    color: #fff;
    border-radius: 4px;
    text-align: center;  
    transition: background-color .1s linear 0s;    
}
.danger-btn2:hover{
    background-color: #fab6b6;
}

/* 实心橙色 */
.warning-btn{
    display: inline-block;
    padding:0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #FE6A00;
    border: 1px solid #FE6A00;
    color: #fff;
    border-radius: 4px;
    text-align: center;  
    transition: background-color .1s linear 0s;    
}
.warning-btn2:hover{
    background-color: #f16500;
}