.text-center {
  text-align: center;
}

.font-24 {
  font-size: 24px;
}

.font-16 {
  font-size: 16px;
}

.font-13 {
  font-size: 13px;
}

.font-12 {
  font-size: 12px;
}

.font-11 {
  font-size: 11px;
}

.text-grey1 {
  color: #888;
}

.text-grey2 {
  color: #aaa;
}

.list-cell-arrow::before {
  content: ' ';
  height: 10px;
  width: 10px;
  border-width: 2px 2px 0 0;
  border-color: #c0c0c0;
  border-style: solid;
  -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 30rpx;
}

.list-cell {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
  padding: 26rpx 30rpx;
}

.list-cell:first-child {
  border-radius: 8rpx 8rpx 0 0;
}

.list-cell:last-child {
  border-radius: 0 0 8rpx 8rpx;
}

.list-cell::after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #eaeef1;
  -webkit-transform: scaleY(0.5) translateZ(0);
  transform: scaleY(0.5) translateZ(0);
  transform-origin: 0 100%;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
}


.menu-list {
  margin: 15px 15px;

  .menu-item-box {
    width: 100%;
    display: flex;
    align-items: center;

    .menu-icon {
      color: #5A8DEE;
      font-size: 16px;
      margin-right: 5px;
    }

    .text-right {
      margin-left: auto;
      margin-right: 34rpx;
      color: #999;
    }
  }
}

.select-none {
user-select: none;
}

.pointer {
    cursor: pointer !important;
}

.bgc-blue {
    background-color: #5A8DEE !important;
}

.bgc-red {
    background-color: #CD594B !important;
}

.bgc-yellow {
    background-color: #F8CE5E !important;
}

.bgc-green {
    background-color: #4B9E65 !important;
}

.theme-blue {
    color: #5A8DEE !important;
}

.theme-red {
    color: #CD594B !important;
}

.theme-yellow {
    color: #F8CE5E !important;
}

.theme-green {
    color: #4B9E65 !important;
}

.border-blue {
    border: 1px solid #5A8DEE !important;
}

.border-red {
    border: 1px solid #CD594B !important;
}

.border-yellow {
    border: 1px solid #F8CE5E !important;
}

.border-green {
    border: 1px solid #4B9E65 !important;
}

.theme-grey {
    color: #565656 !important;
}

.theme-red-text:hover {
    color: #CD594B !important;
    cursor: pointer !important;
    border-color: #CD594B !important;
}

.theme-blue-text:hover {
    color: #5A8DEE !important;
    cursor: pointer !important;
    border-color: #5A8DEE !important;
}

/* flex布局相关 */
.d-flex {
    display: flex !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-justify-start {
    justify-content: flex-start !important;
}

.flex-justify-end {
    justify-content: flex-end !important;
}

.flex-justify-center {
    justify-content: center !important;
}

.flex-justify-between {
    justify-content: space-between !important;
}

.flex-justify-around {
    justify-content: space-around !important;
}

.flex-items-start {
    align-items: flex-start !important;
}

.flex-items-end {
    align-items: flex-end !important;
}

.flex-items-center {
    align-items: center !important;
}

.flex-items-baseline {
    align-items: baseline !important;
}

.flex-items-stretch {
    align-items: stretch !important;
}

.flex-content-start {
    align-content: flex-start !important;
}

.flex-content-end {
    align-content: flex-end !important;
}

.flex-content-center {
    align-content: center !important;
}

.flex-content-between {
    align-content: space-between !important;
}

.flex-content-around {
    align-content: space-around !important;
}

.flex-content-stretch {
    align-content: stretch !important;
}

.flex-auto {
    flex: 1 1 auto !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-self-auto {
    align-self: auto !important;
}

.flex-self-start {
    align-self: flex-start !important;
}

.flex-self-end {
    align-self: flex-end !important;
}

.flex-self-center {
    align-self: center !important;
}

.flex-self-baseline {
    align-self: baseline !important;
}

.flex-self-stretch {
    align-self: stretch !important;
}

.flex-item-equal {
    flex-grow: 1;
    flex-basis: 0;
}
uni-button[type=primary] {
	background-color: $theme-blue;
}
uni-modal .uni-modal__btn_primary {
	color: $theme-blue!important;
}