html,body {  font-size:14px; height:100%;  }
.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;  text-justify: ;  }
.border-t:before,
.border-b:after{     content: '';     position: absolute;     left: 0;  top:0;     background: #ddd;   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;  }
.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body{ height:40px; line-height:40px; overflow:hidden;}
#wrap{ height: 100%; background-color: #fff !important; }

#footer{  background-color: #fff; position: fixed; bottom:0; left:0; z-index:9999; width:100%;  border-top:solid 1px #ddd; /* bottom:0; left:0; z-index:999;*/ }
#footer ul li{   padding: 5px 0 3px; 
/* padding-top: 36px; background: url() no-repeat center 6px; background-size: auto 30px; */
text-align: center; cursor: pointer; }
#footer ul li a{ display:block; width:100%;  color: #666; font-size:14px; text-align:center; overflow:hidden; }
#footer ul li.active a{ color: #1d97f3; }
/*#footer ul li:nth-child(1){ background-image: url(../image/bottombtn0101.png); }
#footer ul li:nth-child(2){ background-image: url(../image/bottombtn0201.png); }
#footer ul li:nth-child(3){ background-image: url(../image/bottombtn0301.png); }
#footer ul li:nth-child(4){ background-image: url(../image/bottombtn0401.png); }
#footer ul li:nth-child(1).active{ background-image: url(../image/bottombtn0102.png); }
#footer ul li:nth-child(2).active{ background-image: url(../image/bottombtn0202.png); }
#footer ul li:nth-child(3).active{ background-image: url(../image/bottombtn0302.png); }
#footer ul li:nth-child(4).active{ background-image: url(../image/bottombtn0402.png); } */


.border-t::before, .border-b::after{ position: inherit;  }
.aui-content-show{ padding:10px 0 0 0; text-align: justify ; }
.aui-content-show img{  max-width:100%; margin:0 auto;}


.aui-text-h1{ font-size:18px;}
#footer ul li a{ font-size:0;}
#footer ul li a span.flex-icon{
	display: inline-block;
	width:25px; height:25px; margin:0 auto;
	white-space: nowrap;
	vertical-align: baseline;
	background: url() no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
}
#footer ul li:nth-child(1) span.flex-icon{ background-image: url(../image/bottombtn0101.png); }
#footer ul li:nth-child(2) span.flex-icon{ background-image: url(../image/bottombtn0201.png); }
#footer ul li:nth-child(3) span.flex-icon{ background-image: url(../image/bottombtn0301.png); }
#footer ul li:nth-child(4) span.flex-icon{ background-image: url(../image/bottombtn0401.png); }
#footer ul li:nth-child(1).active span.flex-icon{ background-image: url(../image/bottombtn0102.png); }
#footer ul li:nth-child(2).active span.flex-icon{ background-image: url(../image/bottombtn0202.png); }
#footer ul li:nth-child(3).active span.flex-icon{ background-image: url(../image/bottombtn0302.png); }
#footer ul li:nth-child(4).active span.flex-icon{ background-image: url(../image/bottombtn0402.png); } 

#footer ul li a span.flex-icon-text{
	display: inline-block;
	width:100%;
	white-space: nowrap;
	vertical-align: baseline;
	text-align:center;
	font-size:14px;
	}