.body_bg{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100vh; display:none; z-index:998;}
.body_st{ position:absolute; left:0; top:0; width:100%;-webkit-transition: 0.5s;transition: 0.5s;}
.body_st.on{ left:220px;}
.sjdh{ position:fixed; left:-220px; top:0; background:#333; width:220px; height:100vh; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s; z-index:999;}
.sjdh i.dhgb{ position:absolute; right:15px; top:15px; width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC5ElEQVRYR8WX/XEUMQzFnyogHYRUEKgAUgF0QKiAUAGhAqACkgqACggVECogVABUIObnkQ+t17vrS/6IZ25yk7Otp6enD5vuedk929deANz9QNIzSQ8lPW3AX0m6kfTFzP6MOjYEwN0x9krS87j4VxjLdgB1GP/4LOmDmQFqda0CcHcufReGMfpe0pWZXfdudfdHwcxZgAHIazODme5aBBCXfZVKmM7M7GLLm/y7uwPiXJJLOlkC3QXg7qeSPkr6gUf7xLQBgWYIw7Gklz0nZgCS598knd7WeAUSwoW9Jz0mJgBi809JxPvWnrehinthApEeZadaAIgMtbNpJxzEuCakBUFOzgSz3yW9NTO0UdYOQCge7ycb2OTuoH8QFK7meHiLeP+a2aRWuDuG32QHMwC8R3wgnxhJoiT9UHQXRDJOOs5EF7/D7IWZkSUTBviBHAfEbG2B2DKeREltODazox2ARH83VdLhmp4TJkaNRzjrHUVnJQRRaonbRHwjTMQeznZp72QE1RWtEcqrCqCIw8xGe0NmAhtDxhOTVMci9lsBCNYQEX2CRb1HxEPL3e8GoIk5RlezoxOGGYBC6UgIknFUTJ5DP31jCESc/13TtBVhEcYSj63x2uG2UjTflwT/X4QRU2hhiCgFokMbna1kSvSJyUwwCsLdS8EzM+6bFCIKxKGZPd7X+FadaBig4F2bWZmucimuqTULQ/SCMu0sDRYdEFTVk8Y4Rj/lMt12w9Iya5lsLgV1dxTrMIahg3YAcXe8v8lNqgWAqonzrCMOJfjKpog9rX7CcG8iqjPBal/YB1AS6EzkSzMhgmT+vzOIZJz3Qh3rd/iXAJAiMPEi/hKS4cdGpDV3UKoR92VM1rM7tt4FdYLhIN8vt4BEsQI4+wGx2ic2u1/MCrBBSFiEh2zIFRNDpCmfSjNen2/NkpsAUirWVw+UMuf3Fu8IRvDF11N7aBhAJ9cZLPiwyO3F59daxvwDRyOnMBEvOT8AAAAASUVORK5CYII=); background-size:cover;}
.sjdh ul{ padding-top:30px;}
.sjdh ul li{ padding:10px 0px 0;}
.sjdh ul li p{ margin:0 25px; text-align:center; background:url(../img/jiah.png) right center no-repeat; background-size:12px 12px;}
.sjdh ul li.ons p{background:url(../img/jianh.png) right center no-repeat; background-size:12px 12px;}
.sjdh ul li p a{font-size:18px; color:#fff; line-height:30px;}
.sjdh ul li .fl{ display:none; padding:10px 40px; background:#444;}
.sjdh ul li .fl a{ display:block; text-align:center;line-height:24px; font-size:14px; color:#ccc;}
.dhan{position:absolute;left:3%;top:33px;cursor:pointer;z-index: 99; background:#000; padding:3px 0;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
.dhan div{width:30px;height:2px;background:#fff;border-radius:2px;box-shadow:0 0 0px #999; margin:5px;}
.dhov{left:0px;}