.footer {
	margin-top: 24px;
}

.container {
	width: 100%;
	height: 100%;
}

.bg-gray {
    background: #efefef;
}

.bg-white {
    background: #fff;
}

.bg-green {
    background: #44BF3B;
}

.weui-msg-success {
    color: #44BF3B;
}

.weui-msg-error {
    color: #F76260;
}

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

.m-b-s {
    margin-bottom: 8px;
}

.m-b-l {
    margin-bottom: 64px;
}

.icon-result {
  width: 96px;
  height: 96px;
}

/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

/*模拟光标*/
@keyframes blink-caret { 50% { background-color: transparent; } }  
@-webkit-keyframes blink-caret { 50% { background-color: transparent; } }  
.cursor {  
    animation:blink-caret 1s step-end infinite;  
    -webkit-animation:blink-caret 1s step-end infinite;  
    width: 2px;  
    height: 28px;
    background-color: #31B932; 
    position: relative;
    float: right;
    top: 14px;
}