.con{position:absolute; z-index:2; top:1.4rem; right:0%; width:11%;}
button{width:100%; 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%;}
.rightNav span{ display:inline-block; width: 96%; height: 50px; margin-left: 2%; line-height: 50px; border-bottom: 1px solid #f5f5f5; text-align: center;}
.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%;}