/*通用 */
progress,
checkbox-group {
  width: 100%;
}

form {
  width: 100%;
}

.uni-container {
  padding: 20upx;
}

.uni-hide {
  display: none !important;
}

.uni-show {
  display: block !important;
}

.uni-invisible {
  visibility: hidden;
}

.uni-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: 8;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.uni-mask.uni-mask-in {
  visibility: visible;
  opacity: 1;
}

.uni-mask.uni-mask-out {
  opacity: 0;
}

/* loadmore */
.uni-loadmore {
  height: 80upx;
  line-height: 80upx;
  text-align: center;
  padding-bottom: 30upx;
}

.uni-active {
  opacity: 0.5 !important;
}

/* page */
.uni-page-head {
  padding: 35upx;
  text-align: center;
}

.uni-page-head-title {
  display: inline-block;
  padding: 0 40upx;
  font-size: 30upx;
  height: 88upx;
  line-height: 88upx;
  color: #bebebe;
  box-sizing: border-box;
  border-bottom: 2upx solid #d8d8d8;
}

.uni-page-body {
  width: 100%;
  flex-grow: 1;
  overflow-x: hidden;
}

.uni-img-round {
  border-radius: 50%;
}