body {
  font-size: .24rem;
  background-color: #f4f4f4; }

header {
  position: relative;
  height: .86rem;
  line-height: .86rem;
  background-color: #f2f1ed; }
  header .btn-nav {
    position: absolute;
    left: .3rem;
    top: .3rem;
    width: .37rem;
    height: .34rem;
    background: url("../images/btn-nav.png") 0 0 no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%; }
  header > .logo {
    position: absolute;
    top: 0;
    left: 1.18rem;
    height: 100%;
    padding-top: .08rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    header > .logo img {
      height: 90%; }
  header .user {
    position: absolute;
    right: .3rem;
    top: .27rem;
    width: .36rem;
    height: .36rem;
    background: url("//m.mall.snailmobile.com/images/user.png") 0 0 no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%; }
  header nav {
    display: none;
    position: absolute;
    top: .86rem;
    left: 0;
    width: 100%;
    padding-bottom: 1rem;
    background-color: #222326;
    padding-top: 1.3rem;
    z-index: 2; }
    header nav a, header nav .btn1 {
      position: relative;
      display: block;
      color: #fff;
      font-size: .4rem;
      height: .98rem;
      line-height: .98rem;
      border-bottom: 1px solid #373739;
      padding-left: .3rem; }
    header nav .logo {
      position: absolute;
      left: .3rem;
      top: .2rem;
      height: .89rem; }
    header nav .close {
      position: absolute;
      right: .3rem;
      top: .4rem;
      width: .62rem;
      height: .62rem;
      background: url("../images/close.png") 0 0 no-repeat;
      -webkit-background-size: 100%;
      background-size: 100%; }
    header nav .box {
      height: 0;
      overflow: hidden;
      -webkit-transition: height .3s;
      -moz-transition: height .3s;
      -ms-transition: height .3s;
      -o-transition: height .3s;
      transition: height .3s; }
      header nav .box a {
        padding-left: .8rem;
        color: #a7a7a8;
        font-size: .4rem; }
      header nav .box.show {
        height: 5rem; }
    header nav .btn1 {
      position: relative; }
      header nav .btn1 a {
        position: absolute;
        left: 0;
        top: 0;
        width: 6rem; }
      header nav .btn1 span {
        position: absolute;
        right: 0;
        top: 0;
        width: .98rem;
        height: .98rem;
        text-align: center;
        border-left: 1px solid #373739; }
        header nav .btn1 span.minus {
          display: none; }

.comtit {
  position: relative;
  margin: 0 .3rem;
  height: .9rem;
  line-height: .9rem;
  border-bottom: 2px solid #f0f0f0;
  padding-left: .67rem;
  font-size: .3rem;
  color: #333;
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-background-size: .51rem;
  background-size: .51rem; }

.contact {
  height: 3.17rem;
  background-color: #222326;
  text-align: center;
  padding-top: .6rem;
  margin-top: .17rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .contact h4 {
    font-size: .32rem;
    color: #666; }
  .contact span {
    color: #d93f34; }
  .contact li {
    display: inline-block;
    padding-top: .96rem;
    margin: 0 .6rem;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: .72rem;
    background-size: .72rem; }
  .contact .btn-qrcode {
    background-image: url("//m.mall.snailmobile.com/images/contact-qrcode.png"); }
  .contact .btn-phone {
    background-image: url("//m.mall.snailmobile.com/images/contact-phone.png"); }

.popbox {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #222326;
  z-index: 3; }
  .popbox .close {
    position: absolute;
    right: .4rem;
    top: .3rem;
    width: .62rem;
    height: .62rem;
    background: url("../images/close.png") 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }

.qrPopbox {
  padding-top: .9rem;
  text-align: center;
  padding-bottom: 1.2rem; }
  .qrPopbox img {
    width: 3.1rem;
    margin: 0 auto .55rem auto; }
  .qrPopbox h4 {
    color: #fff;
    font-size: .32rem;
    margin-bottom: .2rem; }
  .qrPopbox p {
    font-size: .34rem;
    color: #666; }
    .qrPopbox p span {
      color: #d93f34; }

footer {
  padding-top: .26rem;
  padding-bottom: .3rem;
  text-align: center;
  background-color: #e5e5e5;
  color: #666;
  margin-bottom: 1.2rem; }
  footer span {
    display: block;
    font-size: .2rem; }

.nav-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  font-size: 0;
  padding: .2rem 0;
  width: 100%;
  background-color: #fff; }
  .nav-bottom a {
    display: inline-block;
    width: 20%;
    padding-top: .7rem;
    background-repeat: no-repeat;
    background-position: center 0;
    font-size: .22rem;
    color: #666;
    text-align: center;
    line-height: 1;
    -webkit-background-size: auto .5rem;
    background-size: auto .5rem; }
  .nav-bottom .nav-bottom-1 {
    background-image: url("../images/icon-hp.png"); }
  .nav-bottom .nav-bottom-2 {
    background-image: url("../images/icon-shop.png"); }
  .nav-bottom .nav-bottom-3 {
    background-image: url("../images/icon-news.png"); }
  .nav-bottom .nav-bottom-4 {
    background-image: url("../images/icon-mianka.png"); }
  .nav-bottom .nav-bottom-5 {
    background-image: url("../images/icon-service.png"); }

/*# sourceMappingURL=common.css.map */