/*style.css*/
html, body {
	height: 100%;
	background:#2a2b31;
}
.aui-content{
	background:white;height:100%;
}

{
 color:#DA251C; // 本APP的强调色（红色）
 color:#424242; // 标题颜色 （深灰色）
 color:#969896; // 副标题颜色 （淡灰色）
 color:#A71D5D; // 价格颜色
 color:#ECECEC; // 颜色
}

.badge-end{
	color:#2ECC71;
}

.badge-ing{
	color:#E0A93E;
}

.stage-end{
	color:#2ECC71;background-color:#D7F2E2;
}
.stage-ing{
	color:#E0A93E;background-color:#FDF1C9;
}
.stage-undo{
	color:#969896;
	background-color:#EEEEEE;
}
.badge-undo{
	color:#969896;
}

#animate{
	-webkit-animate-delay: 0;
	-webkit-animate-iteration-count: 1;
}

.text-partition{
	width:2rem;
}

.aui-bar{
	min-height: 2rem;
}

.aui-bar-nav{
	height:4rem;
	line-height: 4rem;
}

/**
 * 导航栏 返回按钮 
 */
.aui-bar-nav .aui-pull-left{
	text-align:left;
}

.aui-icon-left{
	width:60px;
}

 .aui-bar-nav{
	background:#2a2b31;
}
 
/**
 * 导航栏标题 
 */
 .aui-bar-light{
 	border:solid 1px;
	background-color:#323237;
}

.aui-bar-nav .aui-title {
	color:#323237;font-size:0.8rem;font-weight:bold
}

.aui-bar-nav .aui-bar-light .aui-iconfont {
	color: #323237;
}


.module-title{
	border-bottom:solid 1px #ECECEC;line-height:50px;text-align:center;font-size:0.9rem;
}


.aui-card-list-content-padded {
	word-break: break-all;
	font-size: 0.9rem;
	color: #212121;
}

.aui-card-list-user-name {
	font-size: 0.9rem;
}
.aui-card-list-user-avatar {
	width: 2.5rem;
	float: left;
	margin-right: 0.5rem;
}

.aui-tab-item {
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
}
.aui-tab-item.aui-active {
    color: #212121;
    border-bottom: 2px solid #DA251C;
}


/**
 * 激活时的脚标颜色 
 */
footer .aui-active i,.aui-active div{
	color:#DA251C;
}
.aui-bar-tab .aui-bar-tab-item .aui-iconfont{
	font-size:0.8rem;
}

.btn_red{
	line-height:30px;
	padding:0 15px 0 15px;
	background-color:#DA251C;
	color:white;
	border-radius:15px;
}

.aui-iconfont i{
	color:white;
}

.footer-mat{
	height:50px;
}

.aui-bar-tab .aui-bar-tab-label{
	font-size:0.8rem;
}

.hover {
	opacity: .8;
}

.flex-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.flex-con {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.flex-vertical {
	-webkit-box-orient: vertical;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.border-t, .border-b {
	position: relative;
}
.border-t:before, .border-b:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #FFFFFF;
	right: 0;
	height: 1px;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.border-b:after {
	top: auto;
	bottom: 0;
}

#wrap {
	height: 100%;
}

.spinner {
  margin: 2rem auto 0;
  width: 100%;
  height:10%;
  text-align: center;
  position:absolute;
  z-index:100;
  top:45%;
}
 
.spinner > div {
  width: 1rem;
  height: 1rem;
  background-color: #f8bb06;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*my.css*/
.aui-bar-nav{position: fixed;}
.aui-bar-nav .aui-icon-left,.aui-bar-nav .aui-title{color:#fff!important;}