/*****************for mobile menu*****************/
.menu-tab {
  width:100%;
  height:55px;
  border-top:1px solid #e9e9eb;
  background-color:#f7f7f7;
  position:fixed;
  bottom:0;
  z-index:9999;
}
.menu-tab ul li {
  width:25%;
  float:left;
}
.menu-tab ul li .icon-text {
  width:30px;
  height:auto;
  margin:5px auto 0 auto;
  display:inline-block;
  color:#666;
}
.menu-tab ul li .icon-text img {
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.menu-tab ul li .icon-text.selected {
  color:#fd5353;
}

.top-bar {
  background-color: #fff;
  height: 37px;
  line-height: 37px;
  border-bottom: 1px solid #eeeeee;
}
.top-bar i {
  display: inline-block;
  background: transparent url(../images/i_sprite.png) 0 0 no-repeat;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.top-bar .i-arr-down {
  width: 9px;
  height: 6px;
  background-position: -85px 0;
  margin: 0 0 0 3px;
}
.top-bar .has-qr-code {
  position: relative;
}
.top-bar .has-qr-code .qr-code {
  position: absolute;
  top: 35px;
  left: 10px;
  display: none;
  width: 90px;
  height: 90px;
  padding: 6px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  z-index: 99;
}
.top-bar .has-qr-code .qr-code-mobile {
  top: 25px;
}
.top-bar .contact li {
  float: left;
  padding: 0 20px 0 0;
}
.top-bar .contact li .i-tel {
  width: 18px;
  height: 18px;
  background-position: -21px 0;
  margin-top: -3px;
}
.top-bar .contact li .i-service {
  width: 21px;
  height: 16px;
  background-position: -44px 0;
}
.top-bar .contact li .i-wechat {
  width: 16px;
  height: 16px;
  background-position: 0 0;
}
.top-bar .top-nav li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #999;
  height: 15px;
  line-height: 15px;
  margin: 10px 0 0;
}
.top-bar .top-nav li .i-phone {
  width: 9px;
  height: 16px;
  background-position: -71px 0;
  margin-top: -2px;
}
.top-bar .top-nav .no-border {
  border: none;
  padding-right: 0;
}
.header {
  background-color: #fff;
  height: 63px;
  *height: 80px;
  border-bottom:1px solid #eee;
}
.header .container {
  margin-top:17px;
}
.header .logo a {
  display: block;
  width: 138px;
  height: 0;
  padding-top: 47px;
  overflow: hidden;
  background: transparent url(../images/l_sprite.png) 0 0 no-repeat;
  margin: 0 10px 0 0;
}
.header .slogan {
  width: 183px;
  height: 18px;
  margin: 14px 0 0;
  background: transparent url(../images/p_sprite.png) -121px -121px no-repeat;
}
.header .nav {
  padding: 3px 0 0;
  margin-right: -35px;
}
.header .nav li {
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin: 0 10px;
  font-size: 18px;
  color: #000;
}
.header .nav li a {
  color: #333;
}
.header .nav .active,
.header .nav li:hover {
  background: transparent url(../images/btn-bg-all.png) 0 -80px no-repeat;
}
.header .nav .index.active,
.header .nav .index:hover {
  background-position-y:-160px;
}
.header .nav .loans.active,
.header .nav .loans:hover {
  background-position-y:-120px;
}
.header .nav .active a,
.header .nav li:hover a {
  color: #fff;
}