@charset "utf-8";

a { color: inherit;}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  [class^="icon-"],
  [class*=" icon-"] {
    
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-home3:before {
    content: "\e900";
  }
  .icon-users:before {
    content: "\e96f";
  }
  .icon-stats-bars:before {
    content: "\e96d";
  }
  .icon-gift:before {
    content: "\e971";
  }
  .icon-list2:before {
    content: "\ea86";
  }
    .icon-box:before {
    content: "\e960";
  }
li {
  list-style: none;
}
img,
a img {
  border: none;
  vertical-align: middle;
}
input {
  outline: none;
}
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
i,
em {
  font-style: normal;
  font-weight: normal;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  height: 0px;
  font-size: 0px;
  visibility: hidden;
  display: block;
  content: " ";
}


.header{
    margin: 0 auto;
        max-width: 640px;
    background: #222;
    height: 40px;
    line-height: 40px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    color: #cecece;
    font-size: 0px;
    padding: 0 20px;
    overflow: hidden;
}
.header a {
    float: right;
}
.header .h-logo {
    float: left;
    font-size: 0;
    color: #ff7800;
    margin-left: -7px;
}
.header .h-logo img{
    height: 36px;
}
.header .h-search {
    margin-right: 10px;
}
.header .h-search img{
    width: 25px;
}
.nav{
    height: 38px;
    line-height: 38px;
    background: #fff;
    margin-bottom: 2px;
    box-shadow: 0 1px 6px #ccc;
}
.nav a {
    float: left;
    width: 25%;
    height: 38px;
    text-align: center;
    border-bottom:2px solid #fff;
    box-sizing: border-box;
}
.nav a.on{
    border-bottom:2px solid #339ffc;
}
.nav a span {
    position: relative;
    display: inline-block;
    height: 38px;
    line-height: 38px;
	font-size: 16px;
}


 
  input[type="submit"], input[type="reset"], input[type="button"], button, .button {background-color: #fe3535;border: 0;-webkit-box-shadow: inset 0 0 0 1px #fa7d8f;box-shadow: inset 0 0 0 1px #fa7d8f;color: #F7F8FA !important;cursor: pointer;display: inline-block;font-family: "Microsoft Yahei", "Roboto Slab", serif;font-size: 0.8rem;font-weight: 400;height: 3rem;letter-spacing: 0.075em;line-height: 3rem;padding: 0 2.25rem;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}
input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, button.icon:before, .button.icon:before { margin-right: 0.5rem; }
input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, button.fit, .button.fit { display: block; margin: 0 0 0.375em 0; width: 100%; }
input[type="submit"].small, input[type="reset"].small, input[type="button"].small, button.small, .button.small { font-size: 0.6rem; }
input[type="submit"].small2, input[type="reset"].small2, input[type="button"].small2, button.small2, .button.small2 { font-size: 0.6rem; height: 2rem; line-height: 2rem; padding:0 0.6rem}
input[type="submit"].big, input[type="reset"].big, input[type="button"].big, button.big, .button.big { font-size: 1rem; height: 3.65rem; line-height: 3.65rem; }
input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special { background-color: #fe3535; -webkit-box-shadow: none; box-shadow: none; color: #F7F8FA !important; }
input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, button.special:hover, .button.special:hover { background-color: #359efc; }
input[type="submit"].special:active, input[type="reset"].special:active, input[type="button"].special:active, button.special:active, .button.special:active { background-color: #1790fc; }
input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, button.disabled, button:disabled, .button.disabled, .button:disabled { -moz-pointer-events: none; -webkit-pointer-events: none; -ms-pointer-events: none; pointer-events: none; opacity: 0.25; }