body {
  min-height: 100%;
  font-size: 28upx;
  color: #101010;
  line-height: 1.4;
}

.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
  clear: both;
}

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

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

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

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.redfont {
  color: #ff4081;
}

.pinkfont {
  color: #ffa8c5;
}

.orangefont {
  color: #ff9800;
}

.bluefont {
  color: #3f51b5;
}

.greenfont {
  color: #259b24;
}

.grayfont {
  color: #979797;
}

.darkredfont {
  color: #e51c23;
}

.font24 {
  font-size: 24upx;
}

.font26 {
  font-size: 26upx;
}

.font28 {
  font-size: 28upx;
}

.font32 {
  font-size: 32upx;
}

.mgt20 {
  margin-top: 20upx;
}

.mgr30 {
  margin-right: 30upx;
}

.mgt30 {
  margin-top: 30upx;
}

.mgt10 {
  margin-top: 10upx;
}

.mgb20 {
  margin-bottom: 20upx;
}

.mgr60 {
  margin-right: 60upx;
}

.mgr20 {
  margin-right: 20upx;
}

.mgl20 {
  margin-left: 20upx;
}

.input-placeholder,
.textarea-placeholder {
  font-size: 26upx;
}

.container {
  height: 100%;
}

.panel {
  background-color: #fff;
  padding: 10upx;
}