.g-head{background-color:#f8f8f8;height:50px;padding:15px;position:relative}
.g-head:after{content:" ";height:1px;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;border-bottom:1px solid #d4d4d4;bottom:0;left:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);width:100%}
.g-head .back{color:#197ae5;display:block;font-size:15px;height:40px;line-height:20px;left:15px;margin-top:-20px;position:absolute;padding:10px 0;top:50%}
.g-head .back .icon-back{color:#197be6;margin-left:-10px;width:30px}
.g-head .back .icon-back:before{font-size:36px}
.g-head h1{color:#000;font-size:18px;height:20px;line-height:20px;text-align:center}@-webkit-keyframes a{0%{-webkit-transform:scale(3);transform:scale(3);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}.aside-menu{position:absolute;right:15px;top:50%;width:70px;height:20px;margin-top:-10px}
.aside-menu a{height:20px;display:inline-block;background-image: url(../images/p1.png);background-repeat:no-repeat;background-size:20px auto}
.aside-menu a.personal-center{background-position:-20px -127px}
.aside-menu a.personal-home{background-position:0 -127px}

.aside-menu a.icon-menu{position:relative;float:right;background-position:-67px -127px;z-index:3}
.aside-menu a.icon-home{position:relative;float:right;background-position:-42.5px -127px;z-index:3}
.aside-menu a.icon-home.icon-menu-active{background-position:-67px -127px}
.menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#fff}
.menu .menu-cont{width:100%;position:absolute;top:50%;margin-top:-160px}
.menu .menu-cont li{width:25%;text-align:center;padding:18px 0;float:left}
.menu .menu-cont li a{display:block}
.menu .menu-cont li a span{display:block;font-size:14px;color:#333}
.menu .menu-cont li:nth-child(1) i{background-position:0 0}
.menu .menu-cont li:nth-child(2) i{background-position:-42px 0}
.menu .menu-cont li:nth-child(3) i{background-position:-84px 0}
.menu .menu-cont li:nth-child(4) i{background-position:-126px 0}
.menu .menu-cont li:nth-child(5) i{background-position:0 -42px}
.menu .menu-cont li:nth-child(6) i{background-position:-42px -42px}
.menu .menu-cont li:nth-child(7) i{background-position:-84px -42px}
.menu .menu-cont li:nth-child(8) i{background-position:-126px -42px}
.menu .menu-cont li:nth-child(9) i{background-position:0 -84px}
.menu .menu-cont li:nth-child(10) i{background-position:-42px -84px}
.menu .menu-cont li:nth-child(11) i{background-position:-84px -84px}
.menu .menu-cont li:nth-child(12) i{background-position:-126px -84px}
.menu.menuin{-webkit-animation:a .3s forwards;animation:a .3s forwards}
.menu.menuin,.menu.menuout{display:block;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.menu.menuout{-webkit-animation:b .3s ease forwards;animation:b .3s ease forwards}
.global-footer{background-color:#f8f8f8;color:#aaa;font-size:14px;padding:7px 0;text-align:center}
.global-footer:before{content:" ";height:1px;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;border-top:1px solid #d4d4d4;left:0;top:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);width:100%}
.global-footer span{display:inline-block;margin-right:10px}
.global-footer span:last-child{margin-right:0}