body {
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 640px;
}

.clear {
    clear: both;
}

img {

}

p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.top {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    background: white;
}

/*.top-main {
    width: 90%;
    margin: 0 auto;
}

.top-main .menu {
    width: 7%;
    height: 3em;
    float: left;
}

.top-main .title {
    float: left;
    width: 86%;
    text-align: center;
    line-height: 3em;
}

.top-main .top-right {
    width: 7%;
    height: 3em;
    float: right;
}*/
.top-main {
    width: 100%;
    margin: 0 auto;
    position:relative;
}

.top-main .menu {
    width: 7%;
    height: 3em;
    position:absolute;
    left:5%;
    z-index: 2;
}

.top-main .title {
    width: 100%;
    text-align: center;
    line-height: 3em;
    position:absolute;
    z-index: 1;
    background: white;
}

.top-main .top-right {
    z-index: 2;
    position:absolute;
    right:5%;

}
.top-right button{
    border:0;
    padding:0;
    margin-top:0.5em;
    color:white;
    width:5em;
    background:#0078CE;
    line-height: 2em;
    border-radius: 5px;
    text-align: center;
}

.bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    background: #BFBFBF;
}

.bottom-nav {
    width: 100%;
}

.bottom-nav li {
    width: 20%;
    float: left;
    text-align: center;
}

.bottom-nav li img {
    display: inline-block;
    text-align: center;
    width: 1.5em;
    margin-top: 0.5em;
}

.bottom-nav li p {
    font-size: 0.8em;
    line-height: 2em;
}

.bottom-nav li a {
    text-decoration: none;
    color: black;
}

.bottom-nav li a:link {
    text-decoration: none;
    color: black;
}

.bottom-nav li a:visited {
    text-decoration: none;
    color: black;
}

.bottom-nav li a:hover {
    text-decoration: none;
    color: black;
}

.bottom-nav li a:active {
    text-decoration: none;
    color: black;
}
.container-right{
    position:fixed;
    left:65%;
}

.left-menu{
    width:65%;
    height:100%;
    background:white;
    position:fixed;
    left:-65%;
    z-index: 9999;
}
.left-menu-left{
    left:0;
}
.left-menu-top{
    width:100%;
    border-bottom:1px solid #ECECEC;
    height:3em;
}
.left-menu-top img{
    width:1.5em;
    height:auto;
    float:left;
    margin-left:18%;
    margin-top:0.6em;
}
.left-menu-top label{
    text-align: left;
    margin-left:0.5em;
    line-height: 3em;
    font-size:1em;
}

.left-menu-list{
    width:100%;
}
.left-menu-item{
    width:60%;
    padding-left:15%;
    padding-right:25%;
    height:3em;
    border-bottom:1px solid #ECECEC;
}
.left-menu-item p{
    font-size:0.9em;
    line-height: 3em;
    display:inline-block;
}
.left-menu-item label{
    float:right;
    line-height: 3em;
}

.left-menu-item a {
    text-decoration: none;
    color: black;
}

.left-menu-item a:link {
    text-decoration: none;
    color: black;
}

.left-menu-item a:visited {
    text-decoration: none;
    color: black;
}

.left-menu-item a:hover {
    text-decoration: none;
    color: black;
}

.left-menu-item a:active {
    text-decoration: none;
    color: black;
}