:root {
  --bColor: #F5F5F5;
  --cf7: #F7F7F7;
  --cfb: #FBFBFB;
  --c9: #999999;
  --c6: #666666;
  --c3: #333333;
  --c2: #222222;
  --c0: #ffffff;
  --c-1: #000000;
  --ce3: #abd8e326;
  --ceb: #EBEBEB;
  --ce6: #E61B00;
  --c036: #036EF5;
  --c396: #396FFF;
  --cdf: #DFDFDF;
  --ce9: #E9E9E9;
  --c427: #427DD5;
  --c247: #27417C;
  --cb7b: #B7B7B7;
  --f24: 24upx;
  --f26: 26upx;
  --f28: 28upx;
  --f30: 30upx;
  --f32: 32upx;
  --f40: 40upx;
}

page {
  background-color: var(--bColor);
  font-size: var(--f30);
}

view {
  word-break: break-word;
}

/* #ifdef H5*/
.header-toper {
  width: 100%;
  background-image: url(@/static/img/top.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 30upx 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background-color: var(--bColor);
}

/* #endif */
/* #ifdef APP-PLUS*/
.header-toper {
  width: 100%;
  height: 60upx;
  background-image: url(@/static/img/top.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* padding-top: env(safe-area-inset-top); */
  padding-top: var(--status-bar-height);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background-color: var(--bColor);
}

/* #endif */
.header-toper-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--f32);
  color: var(--c0);
  font-weight: 700;
}

.header-toper-title image {
  width: 48upx;
  height: 44upx;
  position: absolute;
  left: 0;
  padding: 40upx;
}

.header-toper-title image:last-child {
  left: auto;
  right: 0;
}

/* .start-bar {
		width: 100%;
		height: var(--status-bar-height);
	} */

.flex{
	display: flex;
}
.items-center{
	align-items: center;
}
.items-start{
	align-items: start;
}
.items-end{
	align-items: end;
}
.justify-center{
	justify-content: center;
}
.justify-start{
	justify-content: start;
}
.justify-end{
	justify-content: end;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.flex-1{
	flex: 1;
}
