html{width: 100%; height: 100%; margin: 0; padding: 0;} 
body{width: 100%; height: 100%; margin: 0; padding: 0; background:#fff; font-size:13px;}
img{border:none; vertical-align:middle;}

#container{margin:0 auto; padding:0; width:640px; min-height:100%; /*background:#fff; position:relative;*/}
#container a:visited { text-decoration: none; color: #000;}
#container a:link { text-decoration: none; color: #000;}
#container a:hover {text-decoration: none; color: #000;}

#loadingMessage{position:fixed; width:32px; height:32px; display:none; z-index:2000;}

.color-red{color:#eb6000;}
.color-green{color:#339933;}
.color-gray{color:#a2a2a2;}

.popup-background{
	z-index:1000; 
	background:#000; 
	opacity:0.7; 
	position:fixed; 
	left:0; 
	top:0;
	width:100%; 
	height:100%; 
	display:none;
}

.popup-window{
	z-index:1001;
	background: #fff;
	position:fixed;
	left:0;
	top:0;
	display:none;
	border-radius:3px;
}

.popup-window h3{margin:0; padding:0 5px; line-height:32px; background:#eb6000; color:#fff;}
.popup-window img{width:100%; height:100%;}
.popup-window p{margin:0 0 10px 0; padding:0 10px; line-height:24px;}

#header{margin:0; padding:0; display:block; width:640px; /*height:130px;*/ background:#ED101D; z-index:999;}
#header img{max-width:100%;}

/*页内容*/
#content{margin:0; padding:0 0 50px 0; width:640px; background:#fff;}
#content p.copyright{margin:20px 0; padding:0; line-height:32px; text-align:center;}

#content h3{margin:0; padding:0 0 0 10px; line-height:50px; background:#037CBD; color:#fff; font-size:16px;}
#content p.item{margin:0; padding:0 0 0 10px; line-height:40px; border-bottom:solid 1px #ddd;}
#content p.item a{display:block;}

#article{margin:0; padding:0;}
#article .title{border-bottom:solid 2px #037CBD;}
#article h2{margin:0; padding:0; line-height:32px; text-align:center; font-size:16px;}
#article p{margin:0; padding:0; line-height:24px; text-align:center; color:#a2a2a2;}
#article .desc{margin:0; padding:10px;}
#article .desc img{max-width:100%;}
#article .desc table{max-width:620px;}

.noresult{margin:0; padding:10px; background: #fff; border-bottom: solid 1px #ddd;}
.noresult h4{margin:0; padding:0; line-height:28px; color: #ff9900;}
.noresult p{margin:0; padding:0; line-height:24px;}

#loadMore{margin:0; padding:0; text-align:center; color:#99cc00; display:none;}
#loadMore p{margin:0; padding:0; line-height:44px;}
.noData{color:#a2a2a2 !important;}
.isLoading{color:#a2a2a2 !important; }

ul.list2{list-style: none; margin:0; padding: 0;}
ul.list2:after{content:""; display: block; clear:both;}
ul.list2 li{display:block; float:left; width:30%; margin-left:2.5%; margin-top:2.5%;
			border-radius:5px;}
ul.list2 li b{display:block; line-height:80px; text-align:center;}
ul.list2 li p{margin:0 0 5px 0; padding:0; line-height:30px; text-align:center; background:#fff;}
ul.list2 li img{width:50px; height:50px; margin:15px auto;}

ul.list2 li:nth-child(8n+1) {
    background-color: rgb(54, 161, 219);
}
ul.list2 li:nth-child(8n+2) {
    background-color: rgb(103, 140, 225);
}
ul.list2 li:nth-child(8n+3) {
    background-color: rgb(140, 103, 223);
}
ul.list2 li:nth-child(8n+4) {
    background-color: rgb(132, 208, 24);
}
ul.list2 li:nth-child(8n+5) {
    background-color: rgb(20, 199, 96);
}
ul.list2 li:nth-child(8n+6) {
    background-color: rgb(243, 182, 19);
}
ul.list2 li:nth-child(8n+7) {
    background-color: rgb(255, 138, 74);
}
ul.list2 li:nth-child(8n+8) {
    background-color: rgb(252, 83, 102);
}
/**/

/**/
#footer{margin:0; padding:20px 0 10px 0; width:640px;}
#footer p{margin:0; padding:0; text-align:center; color:#a2a2a2;}
/**/

/*底部TAB*/
#tab{margin:0; padding:0; position:fixed; bottom: 0; width:640px; height:50px; background:#333; z-index:999;}

#tab ul{list-style:none; margin:0; padding:0;}
#tab ul:after{content:""; display:block; clear:both;}
#tab ul li{float:left; margin:0; padding:0; height:50px; line-height:50px; width:25%; text-align:center; position:relative;}
#tab a {display:block; margin:0; padding:0; text-decoration:none;}
#tab a span{display:block; margin:0; padding:10px 0 0 0; height:40px; color:#fff; font-size:0.9em;}
#tab b{display:block; margin:0; padding:0; width:100%; height:36px; position:absolute; top:0;}
#tab b.home{background:url(../images/tab_home.png) no-repeat; 
				background-size:20px 20px; background-position:50% 50%;}
#tab b.water{background:url(../images/tab_all.png) no-repeat; 
				background-size:20px 20px; background-position:50% 50%;}
#tab b.activity{background:url(../images/tab_history.png) no-repeat; 
				background-size:20px 20px; background-position:50% 50%;}
#tab b.about{background:url(../images/tab_my.png) no-repeat;
			 background-size:20px 20px; background-position:50% 50%;}
/**/


div.desc{margin:0; padding:10px;}
div.desc img{max-width:620px;}