
.btn {
  border: 2rpx solid #c0c4cc;
  color: #606266;
  background: #FFFFFF;
  display: inline-flex;
  height: 90rpx;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  font-weight: 400;
  user-select: none;
  vertical-align: middle;
  font-size: 27rpx;
  border-radius: 5px;
  padding: 0 20rpx;

  &-small {
    padding: 12rpx 21rpx;
    height: 45rpx;
    font-size: 20rpx;
  }
}

.btn-primary {
  color: #FFFFFF;
  background: #398CFF;
  border-color: #398CFF;
}

.btn-success {
  color: #FFFFFF;
  background: #67c23a;
  border-color: #67c23a;
}

.btn-info {
  color: #FFFFFF;
  background: #D2D2D2;
  border-color: #D2D2D2;
}

.btn-warning {
  color: #FFFFFF;
  background: #FFBD7C;
  border-color: #FFBD7C;
}

.btn-danger {
  color: #FFFFFF;
  background: #f56c6c;
  border-color: #f56c6c;
}

.btn-primary-pain {
  color: #409eff;
  background: #FFFFFF;
  border-color: #b3d8ff;
}

.btn-success-pain {
  background: #FFFFFF;
  color: #c2e7b0;
  border-color: #c2e7b0;
}

.btn-info-pain {
  background: rgb(244, 244, 245);
  color: #909399;
}

.btn-warning-pain {
  color: #e6a23c;
  background: rgb(253, 246, 236);
  border-color: #e6a23c;
}

.btn-danger-pain {
  color: #FF5767;
  background: #FFFFFF;
  border-color: #FF8A95;
}

.btn.btn-radius {
  border-radius: 100rpx;
}


/* 无样式button (用于伪submit) */

.btn-normal {
  display: block;
  margin: 0;
  padding: 0;
  line-height: normal;
  background: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
  font-size: unset;
  text-align: unset;
  overflow: visible;
  color: inherit;
}

.btn-normal:after {
  border: none;
}

.btn-normal.button-hover {
  color: inherit;
}

button:after {
  content: none;
  border: none;
}
