/**
 * 按钮样式 nButton
 */
.n-button {
    padding: 7px 16px;
    border-radius: 4px;
    font-size: 14px;
    user-select: none;
    background-color: #fff;
    color: #606266;
    border: 1px solid #dcdfe6
}

.n-button:hover {
    cursor: pointer;
    background-color: #c6e2ff;
    border-color: #c6e2ff;
    color: #409eff;
}

.n-button:active {
    border-color: #54acdc;
}

.n-button.btn-disabled {
    cursor: not-allowed;
}

/* .n-button-primary 圆角样式*/
.n-button.n-button-radius {
    border-radius: 30px;
}

/* type primary */
.n-button-primary {
    background-color: #52bede;
    color: #fff;
    border: 1px solid #52bede;
}

.n-button-primary:hover {
    transition: .2s linear;
    cursor: pointer;
    color: #fff;
    background-color: #54c0e3;
}

.n-button-primary:active {
    background-color: #1f87aa;
    border-color: #1f87aa;
}

.n-button-primary.btn-disabled {
    cursor: not-allowed;
}

/* .n-button-primary 圆角样式*/
.n-button-primary.n-button-radius {
    border-radius: 30px;
}

/* type success */
.n-button-success {
    background-color: #5cb85c;
    color: #fff;
    border: 1px solid #5cb85c;
}

.n-button-success:hover {
    transition: .2s linear;
    cursor: pointer;
    color: #fff;
    background-color: #4fc44f;
}

.n-button-success:active {
    background-color: #1f971f;
    border-color: #1f971f;
}

.n-button-success.btn-disabled {
    cursor: not-allowed;
}

/* .n-button-success 圆角样式*/
.n-button-success.n-button-radius {
    border-radius: 30px;
}

/* type error */
.n-button-error {
    background-color: #d9534f;
    color: #fff;
    border: 1px solid #d9534f;
}

.n-button-error:hover {
    transition: .2s linear;
    color: #fff;
    cursor: pointer;
    background-color: #c9302c;
}

.n-button-error:active {
    border-color: #9a221f;
    background-color: #9a221f;
}

.n-button-error.btn-disabled {
    cursor: not-allowed;
}

/* .n-button-error 圆角样式*/
.n-button-error.n-button-radius {
    border-radius: 30px;
}

/* type warning */
.n-button-warning {
    background-color: #f0ad4e;
    color: #fff;
    border: 1px solid #f0ad4e;
}

.n-button-warning:hover {
    color: #fff;
    transition: .2s linear;
    cursor: pointer;
    background-color: #ec971f;
}

.n-button-warning:active {
    background-color: #ba7712;
    border-color: #ba7712;
}

.n-button-warning.btn-disabled {
    cursor: not-allowed;
}

/* .n-button-warning 圆角样式*/
.n-button-warning.n-button-radius {
    border-radius: 30px;
}