.mobile .m-logo{margin-left:5%;padding:7px 0;width:200px;}
.mobile .m-logo img{display:block;margin:0;width:100%;}
.mobile{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:50px;background:#fff; }
.mobile-inner{position:relative;margin-right:auto;margin-left:auto;width:100%;}
.mobile-inner img{margin-bottom:30px;width:100%;}
.mobile-inner p{margin:0;padding-right:30px;padding-bottom:30px;padding-left:30px;color:#676767;font-size:16px;line-height:25px;}
.mobile-inner-header{position:absolute;top:0;left:0;width:100%;height:50px;}
.mobile-inner-header-icon{position:relative;float:right;width:50px;height:50px;color:#fff;text-align:center;font-size:25px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;}
.mobile-inner-header-icon:hover{background-color:rgba(255,255,255,.2);cursor:pointer;}
.mobile-inner-header-icon span{position:absolute;top:calc((100% - 0px)/ 2);left:calc((100% - 25px)/ 2);width:25px;height:1px;background-color:rgba(0,0,0,1);}
.mobile-inner-header-icon span:nth-child(1){transform:translateY(8px) rotate(0);}
.mobile-inner-header-icon span:nth-child(2){transform:translateY(-8px) rotate(0);}
.mobile-inner-header-icon span:nth-child(3){transform:translateY(0) rotate(0);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond;}
.mobile-inner-header-icon-click span:nth-child(3){display:none;}
@keyframes clickfirst{0%{transform:translateY(8px) rotate(0);}
100%{transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond{0%{transform:translateY(-8px) rotate(0);}
100%{transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg);}
100%{transform:translateY(-8px) rotate(0);}
}
@keyframes outsecond{0%{transform:translateY(0) rotate(45deg);}
100%{transform:translateY(8px) rotate(0);}
}
.mobile-inner-nav{position:absolute;top:50px;left:0;display:none;padding-top:0;padding-bottom:0;width:100%;height:calc(100vh - 50px);border-top:solid 1px #ddd;background-color:#fff;}
.mobile-inner-nav a{display:inline-block;padding:0 15px;width:100%;border-bottom:solid 1px #ddd;color:#333;text-decoration:none;font-weight:300;line-height:50px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.mobile-inner-nav a:hover{border-bottom:solid 1px rgba(255,255,255,.2);color:#999;}