body{background: #F5F5F5;max-width: 640px;margin: 0 auto;}a{  -webkit-tap-highlight-color: rgba(255,0,0,0); }
.me-img img{width: 21px;height: 21px;display: inline-block;}
.slidebox img{width: 100%;display: block;}
.nav{background: #fff;padding: 1.25rem 0.3rem 0.25rem;overflow: hidden;}
.nav li{width: 33.3%;text-align: center;float: left;margin-bottom: 1rem;}
.nav li a img{width: 2.5rem;height: 2.5rem;display: inline-block;}
.c-56{color: #565656;}.c-c7{color: #C7C5C6;}
.advantage {padding: 0 0.5rem 0.5rem 0;overflow: hidden;}
.advantage li{width: 50%;float: left;text-align: center;}
.advantage li a{display: block;margin-left: 0.5rem;margin-bottom: 0.5rem;}
.advantage li img , .footer-box img{width: 100%;display: block;}
.groups-box{padding: 0 0.7rem 0.7rem 0;overflow: hidden;}
.groups-box li{width: 50%;float: left;margin-bottom: 0.5rem;}
.groups-box li a{display: block;border: 1px solid #F7F7F7;color: #565656;font-size: 0.7rem;margin-left: 0.7rem;margin-top: 0.2rem;padding: 0.7rem 0.5rem;-webkit-box-shadow: 0 0 10px #F3F3F3;-moz-box-shadow: 0 0 10px #F3F3F3;  box-shadow: 0 0 10px #F3F3F3;  }
.groups-box li a img{width: 2rem;height: 2rem;display: inline-block;margin-right: 0.5rem;}
.foot{max-width: 640px;}