@import './libs/iconfont.wxss';
@import './libs/weui.wxss';
/* colors */
page {
  --color-primary: #01579b;
  --color-success: #48bfbb;
  --color-second: #ff087d;
  --color-danger: #ff087d;
  --color-dark: #666;
  --color-light: #fff;
  --color-warning: #fbc02d;
  --color-border: #eee;
  --gap: 28rpx;
  --gap-half: 14rpx;

  background-color: #f1f4fb;
  font-size: 32rpx;
  color: #333;
  line-height: 1.5;
}
.iconfont {
  font-size: inherit;
}
/* tools */
.block {
  display: block;
}
.relative {
  position: relative;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.font-small {
  font-size: 0.75em;
}
.gap-mt {
  margin-top: 0.5em;
}
.gap-mr {
  margin-right: 0.5em;
}
.gap-mb {
  margin-bottom: 0.5em;
}
.gap-ml {
  margin-left: 0.5em;
}
.empty-data {
  line-height: 4;
  text-align: center;
  color: #666;
}
/* input */
.input {
 height: 88rpx;
 line-height: 44rpx;
 padding: 22rpx;
 box-sizing: border-box;
}
/* button */
.btn {
  display: inline-block;
  height: 88rpx;
  line-height: 88rpx;
  padding: 0 1em;
  font-size: 32rpx;
  box-sizing: border-box;
  transition: transform .15s linear;
  background-color: #eee;
  border-radius: 8rpx;
}
.btn::after {
  content: "";
  border: none;
}
.btn-primary {
  background-color: var(--color-primary);
  color: #fff;
}
.btn-success {
  background-color: var(--color-success);
  color: #fff;
}
.btn-danger {
  background-color: var(--color-danger);
  color: #fff;
}
.btn-second {
  background-color: var(--color-second);
  color: #fff;
}
.btn-warning {
  background-color: var(--color-warning);
  color: #fff;
}
.btn-small {
  line-height: 2;
}
.btn-large {
  line-height: 3;
  font-size: 1.3em;
}
.btn-round {
  border-radius: 2.6em;
}
.btn-hollow {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.btn-block {
  display: block;
}
.btn-wrap {
  padding: var(--gap);
}
.button-hover {
  opacity: 0.8;
  transform: scale(.98);
}
/* flex */
.flex-row {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-item {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.flex-row-center {
  justify-content: center;
}
.flex-column-center {
  align-items: center;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-wrap {
  flex-wrap: wrap;
}

button[type=primary] {
  background-color: var(--color-primary);
}