@charset "UTF-8";
/**
* 统一按钮样式，分为normal、hover、active、disabled
*/
/* 绿色 */
/* 蓝色 */
/* 黄色 */
/* 红色 */
/* 按钮基础样式 */
/* 判断按钮大小 */
/* 判断按钮颜色 */
/* 按钮样式生成器 */
/*按钮带图标,默认加号,待删除*/
/*主要按钮，绿色*/
.btn-primary-large {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 36px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #35D46A;
  color: #FFFFFF;
  border: 1px solid #35D46A; }
  .btn-primary-large:hover {
    background-color: #5DDC87;
    color: #FFFFFF; }
  .btn-primary-large:active {
    background-color: #2FBE5F;
    color: #FFFFFF; }
  .btn-primary-large.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #35D46A;
    color: #FFFFFF;
    border: 1px solid #35D46A; }
    .btn-primary-large.disabled:hover {
      background-color: #35D46A;
      color: #FFFFFF; }
    .btn-primary-large.disabled:active {
      background-color: #35D46A;
      color: #FFFFFF; }
  .btn-primary-large:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #35D46A;
    color: #FFFFFF;
    border: 1px solid #35D46A; }
    .btn-primary-large:disabled:hover {
      background-color: #35D46A;
      color: #FFFFFF; }
    .btn-primary-large:disabled:active {
      background-color: #35D46A;
      color: #FFFFFF; }
  .btn-primary-large > span:before {
    margin-right: 8px;
    color: #FFFFFF; }
  .btn-primary-large:hover > span:before {
    color: #FFFFFF; }
  .btn-primary-large:active > span:before {
    color: #FFFFFF; }
  .btn-primary-large.two-letter {
    letter-spacing: 5px;
    padding-right: 15px; }

.btn-primary-medium {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 28px;
  font-size: 12px;
  padding: 0 14px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #35D46A;
  color: #FFFFFF;
  border: 1px solid #35D46A; }
  .btn-primary-medium:hover {
    background-color: #5DDC87;
    color: #FFFFFF; }
  .btn-primary-medium:active {
    background-color: #2FBE5F;
    color: #FFFFFF; }
  .btn-primary-medium.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #35D46A;
    color: #FFFFFF;
    border: 1px solid #35D46A; }
    .btn-primary-medium.disabled:hover {
      background-color: #35D46A;
      color: #FFFFFF; }
    .btn-primary-medium.disabled:active {
      background-color: #35D46A;
      color: #FFFFFF; }
  .btn-primary-medium:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #35D46A;
    color: #FFFFFF;
    border: 1px solid #35D46A; }
    .btn-primary-medium:disabled:hover {
      background-color: #35D46A;
      color: #FFFFFF; }
    .btn-primary-medium:disabled:active {
      background-color: #35D46A;
      color: #FFFFFF; }
  .btn-primary-medium > span:before {
    margin-right: 8px;
    color: #FFFFFF; }
  .btn-primary-medium:hover > span:before {
    color: #FFFFFF; }
  .btn-primary-medium:active > span:before {
    color: #FFFFFF; }
  .btn-primary-medium.two-letter {
    letter-spacing: 5px;
    padding-right: 12px; }

.btn-primary-small {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 24px;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #35D46A;
  color: #FFFFFF;
  border: 1px solid #35D46A; }
  .btn-primary-small:hover {
    background-color: #5DDC87;
    color: #FFFFFF; }
  .btn-primary-small:active {
    background-color: #2FBE5F;
    color: #FFFFFF; }
  .btn-primary-small.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #35D46A;
    color: #FFFFFF;
    border: 1px solid #35D46A; }
    .btn-primary-small.disabled:hover {
      background-color: #35D46A;
      color: #FFFFFF; }
    .btn-primary-small.disabled:active {
      background-color: #35D46A;
      color: #FFFFFF; }
  .btn-primary-small:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #35D46A;
    color: #FFFFFF;
    border: 1px solid #35D46A; }
    .btn-primary-small:disabled:hover {
      background-color: #35D46A;
      color: #FFFFFF; }
    .btn-primary-small:disabled:active {
      background-color: #35D46A;
      color: #FFFFFF; }
  .btn-primary-small > span:before {
    margin-right: 8px;
    color: #FFFFFF; }
  .btn-primary-small:hover > span:before {
    color: #FFFFFF; }
  .btn-primary-small:active > span:before {
    color: #FFFFFF; }
  .btn-primary-small.two-letter {
    letter-spacing: 5px;
    padding-right: 9px; }

/*白底黑字按钮*/
.btn-plain-large {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 36px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #FFFFFF;
  color: #363636;
  border: 1px solid #DFDFDF; }
  .btn-plain-large:hover {
    background-color: #FAFAFA;
    color: #363636; }
  .btn-plain-large:active {
    background-color: #F5F5F5;
    color: #363636; }
  .btn-plain-large.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #FFFFFF;
    color: #363636;
    border: 1px solid #DFDFDF; }
    .btn-plain-large.disabled:hover {
      background-color: #FFFFFF;
      color: #363636; }
    .btn-plain-large.disabled:active {
      background-color: #FFFFFF;
      color: #363636; }
  .btn-plain-large:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #FFFFFF;
    color: #363636;
    border: 1px solid #DFDFDF; }
    .btn-plain-large:disabled:hover {
      background-color: #FFFFFF;
      color: #363636; }
    .btn-plain-large:disabled:active {
      background-color: #FFFFFF;
      color: #363636; }
  .btn-plain-large > span:before {
    margin-right: 8px;
    color: #35D46A; }
  .btn-plain-large:hover > span:before {
    color: #35D46A; }
  .btn-plain-large:active > span:before {
    color: #35D46A; }
  .btn-plain-large.two-letter {
    letter-spacing: 5px;
    padding-right: 15px; }

.btn-plain-medium {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 28px;
  font-size: 12px;
  padding: 0 14px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #FFFFFF;
  color: #363636;
  border: 1px solid #DFDFDF; }
  .btn-plain-medium:hover {
    background-color: #FAFAFA;
    color: #363636; }
  .btn-plain-medium:active {
    background-color: #F5F5F5;
    color: #363636; }
  .btn-plain-medium.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #FFFFFF;
    color: #363636;
    border: 1px solid #DFDFDF; }
    .btn-plain-medium.disabled:hover {
      background-color: #FFFFFF;
      color: #363636; }
    .btn-plain-medium.disabled:active {
      background-color: #FFFFFF;
      color: #363636; }
  .btn-plain-medium:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #FFFFFF;
    color: #363636;
    border: 1px solid #DFDFDF; }
    .btn-plain-medium:disabled:hover {
      background-color: #FFFFFF;
      color: #363636; }
    .btn-plain-medium:disabled:active {
      background-color: #FFFFFF;
      color: #363636; }
  .btn-plain-medium > span:before {
    margin-right: 8px;
    color: #35D46A; }
  .btn-plain-medium:hover > span:before {
    color: #35D46A; }
  .btn-plain-medium:active > span:before {
    color: #35D46A; }
  .btn-plain-medium.two-letter {
    letter-spacing: 5px;
    padding-right: 12px; }

.btn-plain-small {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 24px;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #FFFFFF;
  color: #363636;
  border: 1px solid #DFDFDF; }
  .btn-plain-small:hover {
    background-color: #FAFAFA;
    color: #363636; }
  .btn-plain-small:active {
    background-color: #F5F5F5;
    color: #363636; }
  .btn-plain-small.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #FFFFFF;
    color: #363636;
    border: 1px solid #DFDFDF; }
    .btn-plain-small.disabled:hover {
      background-color: #FFFFFF;
      color: #363636; }
    .btn-plain-small.disabled:active {
      background-color: #FFFFFF;
      color: #363636; }
  .btn-plain-small:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #FFFFFF;
    color: #363636;
    border: 1px solid #DFDFDF; }
    .btn-plain-small:disabled:hover {
      background-color: #FFFFFF;
      color: #363636; }
    .btn-plain-small:disabled:active {
      background-color: #FFFFFF;
      color: #363636; }
  .btn-plain-small > span:before {
    margin-right: 8px;
    color: #35D46A; }
  .btn-plain-small:hover > span:before {
    color: #35D46A; }
  .btn-plain-small:active > span:before {
    color: #35D46A; }
  .btn-plain-small.two-letter {
    letter-spacing: 5px;
    padding-right: 9px; }

/*红色按钮*/
.btn-red-large {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 36px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #F46A57;
  color: #FFFFFF;
  border: 1px solid #F46A57; }
  .btn-red-large:hover {
    background-color: #F57968;
    color: #FFFFFF; }
  .btn-red-large:active {
    background-color: #EF6755;
    color: #FFFFFF; }
  .btn-red-large.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #F46A57;
    color: #FFFFFF;
    border: 1px solid #F46A57; }
    .btn-red-large.disabled:hover {
      background-color: #F46A57;
      color: #FFFFFF; }
    .btn-red-large.disabled:active {
      background-color: #F46A57;
      color: #FFFFFF; }
  .btn-red-large:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #F46A57;
    color: #FFFFFF;
    border: 1px solid #F46A57; }
    .btn-red-large:disabled:hover {
      background-color: #F46A57;
      color: #FFFFFF; }
    .btn-red-large:disabled:active {
      background-color: #F46A57;
      color: #FFFFFF; }
  .btn-red-large.two-letter {
    letter-spacing: 5px;
    padding-right: 15px; }

.btn-red-medium {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 28px;
  font-size: 12px;
  padding: 0 14px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #F46A57;
  color: #FFFFFF;
  border: 1px solid #F46A57; }
  .btn-red-medium:hover {
    background-color: #F57968;
    color: #FFFFFF; }
  .btn-red-medium:active {
    background-color: #EF6755;
    color: #FFFFFF; }
  .btn-red-medium.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #F46A57;
    color: #FFFFFF;
    border: 1px solid #F46A57; }
    .btn-red-medium.disabled:hover {
      background-color: #F46A57;
      color: #FFFFFF; }
    .btn-red-medium.disabled:active {
      background-color: #F46A57;
      color: #FFFFFF; }
  .btn-red-medium:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #F46A57;
    color: #FFFFFF;
    border: 1px solid #F46A57; }
    .btn-red-medium:disabled:hover {
      background-color: #F46A57;
      color: #FFFFFF; }
    .btn-red-medium:disabled:active {
      background-color: #F46A57;
      color: #FFFFFF; }
  .btn-red-medium.two-letter {
    letter-spacing: 5px;
    padding-right: 12px; }

.btn-red-small {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 24px;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #F46A57;
  color: #FFFFFF;
  border: 1px solid #F46A57; }
  .btn-red-small:hover {
    background-color: #F57968;
    color: #FFFFFF; }
  .btn-red-small:active {
    background-color: #EF6755;
    color: #FFFFFF; }
  .btn-red-small.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #F46A57;
    color: #FFFFFF;
    border: 1px solid #F46A57; }
    .btn-red-small.disabled:hover {
      background-color: #F46A57;
      color: #FFFFFF; }
    .btn-red-small.disabled:active {
      background-color: #F46A57;
      color: #FFFFFF; }
  .btn-red-small:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #F46A57;
    color: #FFFFFF;
    border: 1px solid #F46A57; }
    .btn-red-small:disabled:hover {
      background-color: #F46A57;
      color: #FFFFFF; }
    .btn-red-small:disabled:active {
      background-color: #F46A57;
      color: #FFFFFF; }
  .btn-red-small.two-letter {
    letter-spacing: 5px;
    padding-right: 9px; }

/*蓝色按钮*/
.btn-blue-large {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 36px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #56C7E8;
  color: #FFFFFF;
  border: 1px solid #56C7E8; }
  .btn-blue-large:hover {
    background-color: #67CCEA;
    color: #FFFFFF; }
  .btn-blue-large:active {
    background-color: #4DB2D0;
    color: #FFFFFF; }
  .btn-blue-large.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #56C7E8;
    color: #FFFFFF;
    border: 1px solid #56C7E8; }
    .btn-blue-large.disabled:hover {
      background-color: #56C7E8;
      color: #FFFFFF; }
    .btn-blue-large.disabled:active {
      background-color: #56C7E8;
      color: #FFFFFF; }
  .btn-blue-large:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #56C7E8;
    color: #FFFFFF;
    border: 1px solid #56C7E8; }
    .btn-blue-large:disabled:hover {
      background-color: #56C7E8;
      color: #FFFFFF; }
    .btn-blue-large:disabled:active {
      background-color: #56C7E8;
      color: #FFFFFF; }
  .btn-blue-large.two-letter {
    letter-spacing: 5px;
    padding-right: 15px; }

.btn-blue-medium {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 28px;
  font-size: 12px;
  padding: 0 14px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #56C7E8;
  color: #FFFFFF;
  border: 1px solid #56C7E8; }
  .btn-blue-medium:hover {
    background-color: #67CCEA;
    color: #FFFFFF; }
  .btn-blue-medium:active {
    background-color: #4DB2D0;
    color: #FFFFFF; }
  .btn-blue-medium.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #56C7E8;
    color: #FFFFFF;
    border: 1px solid #56C7E8; }
    .btn-blue-medium.disabled:hover {
      background-color: #56C7E8;
      color: #FFFFFF; }
    .btn-blue-medium.disabled:active {
      background-color: #56C7E8;
      color: #FFFFFF; }
  .btn-blue-medium:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #56C7E8;
    color: #FFFFFF;
    border: 1px solid #56C7E8; }
    .btn-blue-medium:disabled:hover {
      background-color: #56C7E8;
      color: #FFFFFF; }
    .btn-blue-medium:disabled:active {
      background-color: #56C7E8;
      color: #FFFFFF; }
  .btn-blue-medium.two-letter {
    letter-spacing: 5px;
    padding-right: 12px; }

.btn-blue-small {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  height: 24px;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 4px;
  box-sizing: border-box;
  /* 绿色主按钮 */
  background-color: #56C7E8;
  color: #FFFFFF;
  border: 1px solid #56C7E8; }
  .btn-blue-small:hover {
    background-color: #67CCEA;
    color: #FFFFFF; }
  .btn-blue-small:active {
    background-color: #4DB2D0;
    color: #FFFFFF; }
  .btn-blue-small.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #56C7E8;
    color: #FFFFFF;
    border: 1px solid #56C7E8; }
    .btn-blue-small.disabled:hover {
      background-color: #56C7E8;
      color: #FFFFFF; }
    .btn-blue-small.disabled:active {
      background-color: #56C7E8;
      color: #FFFFFF; }
  .btn-blue-small:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* 绿色主按钮 */
    background-color: #56C7E8;
    color: #FFFFFF;
    border: 1px solid #56C7E8; }
    .btn-blue-small:disabled:hover {
      background-color: #56C7E8;
      color: #FFFFFF; }
    .btn-blue-small:disabled:active {
      background-color: #56C7E8;
      color: #FFFFFF; }
  .btn-blue-small.two-letter {
    letter-spacing: 5px;
    padding-right: 9px; }

.btn-text {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #02A438;
  background: none;
  border: none;
  font-size: 14px !important; }
  .btn-text:hover {
    color: #35D46A; }

.btn-text-small {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #02A438;
  background: none;
  border: none;
  font-size: 12px !important; }
  .btn-text-small:hover {
    color: #35D46A; }

.btn-text-black {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #666666;
  background: none;
  border: none;
  font-size: 14px !important; }
  .btn-text-black:hover {
    color: #5DDC87; }

.btn-text-red {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #D9402B;
  background: none;
  border: none;
  font-size: 14px !important; }
  .btn-text-red:hover {
    color: #F57968; }

.btn-text-black-small {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #666666;
  background: none;
  border: none;
  font-size: 12px !important; }
  .btn-text-black-small:hover {
    color: #5DDC87; }

.btn-icon-text {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  color: #666666;
  background: none;
  border: none; }
  .btn-icon-text:hover {
    color: #35D46A; }
  .btn-icon-text > span:before {
    margin-right: 8px;
    color: #AAAAAA; }
  .btn-icon-text:hover > span:before {
    color: #35D46A; }
  .btn-icon-text:active > span:before {
    color: #35D46A; }

.btn-icon-text-self {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  color: #666666;
  background: none;
  border: none;
  font-size: 14px;
  padding: 0px; }
  .btn-icon-text-self:hover {
    color: #35D46A; }
    .btn-icon-text-self:hover svg {
      fill: #35D46A; }
  .btn-icon-text-self > icon {
    margin-right: 8px;
    color: #AAAAAA;
    vertical-align: middle; }
  .btn-icon-text-self:hover > span:before {
    color: #35D46A; }
  .btn-icon-text-self:active > span:before {
    color: #35D46A; }

.btn-link {
  cursor: pointer;
  font-family: inherit;
  outline: none;
  color: #02A438;
  background: none;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent #35D46A transparent;
  padding-bottom: 2px; }