/*每个页面公共css */
/* 头条小程序需要把 iconfont 样式放到组件外 */

.width-full{
	width: 100%;
}
.flex-r{
	display: flex;
	flex-flow: row;
}
.flex-c{
	display: flex;
	flex-flow: column;
}
.flex-all,.flex-full{
	flex: 1;
}
.text-c{
	text-align: center;
}
.text-l{
	text-align: left;
}
.text-r{
	text-align: right;
}
.f-25 {
  font-size: 25px !important;
}
.f-30 {
  font-size: 30px !important;
}
.f-20 {
  font-size: 20px !important;
}
.f-18 {
  font-size: 18px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-10 {
  font-size: 10px !important;
}

.f-w {
  font-weight: 700;
}

.f-n {
  font-weight: 400;
}
.f-bold{
	font-weight: bold;
}
.color-f {
  color: #fff;
}
.color-0 {
  color: #000;
}
.color-3 {
  color: #333;
}
.color-4 {
  color: #444;
}
.color-5 {
  color: #555;
}
.color-6 {
  color: #666;
}

.color-7 {
  color: #777;
}

.color-8 {
  color: #888;
}
.color-a {
  color: #aaa;
}
.color-b {
  color: #bbb;
}
.color-c {
  color: #ccc;
}
.color-d {
  color: #ddd;
}
.color-e {
  color: #eee;
}
.color-9 {
  color: #999;
}
.color-f {
  color: #fff !important;
}
.color-m {
  color: #ff495e !important;
}

.color-s {
  color: #be0117 !important;
}

.color-green {
  color: #0ed339 !important;
}
.color-blue{
  color: #03a9f4;
}
.zzw-status-0{
  color: #444;
}
.zzw-status-10{
  color: #2196f3;
}
.zzw-status-20,.zzw-status-50{
  color: #ff9800;
}
.zzw-status-30{
  color: #00bcd4;
}
.zzw-status-40,.zzw-status-200,.zzw-status-201{
  color: #f44336;
}
.zzw-status-60{
  color: #4caf50;
}

.flex-x-center {
  /* display: flex; */
  justify-content: center;
}

.flex-x-between {
  justify-content: space-between;
}

.flex-x-around {
  justify-content: space-around;
}

.flex-x-end {
  justify-content: flex-end;
}

.flex-y-center {
  align-items: center;
  align-content: center;
}

.flex-y-end {
  align-items: flex-end;
}

.b-r {
  border-right: 1px solid #f9f9f9;
}
.b-l {
  border-left: 1px solid #f9f9f9;
}
.border-l{
	border-left: 1px solid #f9f9f9;
}
.b-b {
  border-bottom: 1px solid #f9f9f9;
}

.b-t {
  border-top: 1px solid #f9f9f9;
}
.m-b-5,.mg-b-5{
	margin-bottom: 5px !important;
}
.m-b-3,.mg-b-3{
	margin-bottom: 3px !important;
}
.m-b-10,.mg-b-10{
	margin-bottom: 10px !important;
}
.m-b-20,.mg-b-20{
	margin-bottom: 20px !important;
}
.m-t-5,.mg-t-5{
	margin-top: 5px !important;
}
.m-t-3,.mg-t-3{
	margin-top: 3px !important;
}
.m-t-10,.mg-t-10{
	margin-top: 10px !important;
}
.m-t-20,.mg-t-20{
	margin-top: 20px !important;
}
.m-l-10,.mg-l-10{
	margin-left: 10px !important;
}
.m-l-20,.mg-l-20{
	margin-left: 20px !important;
}
.m-l-5,.mg-l-5{
	margin-left: 5px !important;
}
.m-r-3,.mg-r-3{
	margin-right: 3px !important;
}
.m-r-10,.mg-r-10{
	margin-right: 10px !important;
}
.m-r-5,.mg-r-5{
	margin-right: 5px !important;
}
.m-r-3,.mg-r-3{
	margin-right: 3px !important;
}
/* 卡片 */
.nav-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 40upx 0px;
	justify-content: space-between;
}
.size-1 .nav-li {
	width: 95%;
	margin: 0 2.5% 40upx;
}
.nav-li {
	padding: 30upx;
	border-radius: 12upx;
	width: 45%;
	margin: 0 2.5% 40upx;
	background-image: url(/static/img/list-item-bk.png);
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}

.nav-li::after {
	content: "";
	position: absolute;
	z-index: -1;
	background-color: inherit;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -10%;
	border-radius: 10upx;
	opacity: 0.2;
	transform: scale(0.9, 0.9);
}

.nav-li.cur {
	color: #fff;
	background: rgb(94, 185, 94);
	box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
}

.nav-title {
	font-size: 32upx;
	font-weight: 300;
}

.nav-title::first-letter {
	font-size: 40upx;
	margin-right: 4upx;
}

.nav-name {
	font-size: 28upx;
	text-transform: Capitalize;
	margin-top: 20upx;
	position: relative;
}

.nav-name::before {
	content: "";
	position: absolute;
	display: block;
	width: 40upx;
	height: 6upx;
	background: #fff;
	bottom: 0;
	right: 0;
	opacity: 0.5;
}

.nav-name::after {
	content: "";
	position: absolute;
	display: block;
	width: 100upx;
	height: 1px;
	background: #fff;
	bottom: 0;
	right: 40upx;
	opacity: 0.3;
}

/* .nav-name::first-letter {
	font-weight: bold;
	font-size: 36upx;
	margin-right: 1px;
} */

.nav-li right-icon {
	position: absolute;
	right: 30upx;
	top: 30upx;
	font-size: 52upx;
	width: 60upx;
	height: 60upx;
	text-align: center;
	line-height: 60upx;
}

.text-light {
	font-weight: 300;
}

@keyframes show {
	0% {
		transform: translateY(-50px);
	}

	60% {
		transform: translateY(40upx);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes show {
	0% {
		transform: translateY(-50px);
	}

	60% {
		transform: translateY(40upx);
	}

	100% {
		transform: translateY(0px);
	}
}

.cu-bar .cu-title-text{
	height: 60upx;
	font-size: 32upx;
	line-height: 60upx;
	cursor: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}
.box-image{
	width: 100%;
	height: 100%;
}

/*自动隐藏文字*/
.aui-ellipsis-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.aui-ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.aui-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 无样式button (用于伪submit) */

.btn-normal {
  display: block;
  margin: 0;
  padding: 0;
  line-height: normal;
  background: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
  font-size: unset;
  text-align: unset;
  overflow: visible;
  color: inherit;
}

.btn-normal:after {
  border: none;
}

.btn-normal.button-hover {
  color: inherit;
}