.con{position: absolute; z-index: 0; top:3%; right:2%; width:12%;}
button{width:60px; height:auto;float: left; background:none; border:none; }
button:hover{background-color: #f5f5f5;}
.bgDiv{width: 100%; height: 100%; background-color: #000; opacity: .5; position:fixed; display: none; z-index: 99; bottom: 0;}
.leftNav{width: 50%; max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999; top: 0; left: -50%;}
.rightNav{width: 50%; max-width: 400px; height: 100%; background-color: #fff; position: fixed; z-index: 999; top: 0; right: -50%;}
.upNav{width: 100%; height: 40%; background-color: #fff; position: fixed; z-index: 999; top: -40%;}
.downNav{width: 100%; height: 40%; background-color: #fff; position: fixed; z-index: 999; bottom: -40%;}
.rightNav span{display: inline-block; width: 96%; height: 50px; margin-left: 2%; line-height: 50px; border-bottom: 1px solid #f5f5f5; text-align: center;}
.rightNav span:hover{background-color: #f5f5f5;}