html,body {
 width: 100%;
 max-width: 650px;
 left: 0;
 right: 0;
 margin: 0 auto;
}
.top,.foot,.banner,.main,.modal{
 width: 100%;
 max-width:650px;
}
.top,.foot{
 position:fixed;
 z-index:999;
 color:white;
 background: #3497ff;
}
.main,.modal{margin:0 auto;}
.main_pic{max-width:100%;}
.container {
 max-width: 650px;
}
.container_box {
 padding-top: 55px;
 box-sizing: border-box;
}
.top {
 top: 0;
 padding: 8px;
}
.top a,.top a:hover,.top a:visited {
 text-decoration: none;
}
.top .back,.top .home{
 width: 30px;
 height: 30px;
 display:none;
 padding:10px;
}
.top .back {
 float:left;
 font-size:18px;
 color: white;
 border: red 0px solid;
}
.top .tools {
 color: white;
}
.top .home{
 display:block;
 float: right;
 font-size: 18px;
 color:white;
}
.banner img{width:100%;}
.foot {
 min-height:50px;
 bottom: 0;
 margin: 20px 0 0 0;
 padding: 5px;
 border-top: #eee 0px solid;
}
.foot a {
 color: white;
}
.banner {
 margin: 0 auto;
 text-align: center;
}
.banner img {
 width: 100%;
}
.main {
 min-height: 320px;
 padding:5px;
 margin: 0 auto 100px;
}
.map_win{max-width:200px;min-height:200px;margin-top:20px;}