@charset "UTF-8";
html {
  font-family: "STXihei", 'helvetica neue', helvetica, 'heiti sc', 'droid sans fallback' , "\5FAE\8F6F\96C5\9ED1";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-size: 24px;
  line-height: 1.5;
  width: 100%; }

body {
  margin: 0;
  -webkit-overflow-scrolling: touch;
  width: 100%; }

a, button, input, select, textarea {
  outline: none; }

ul, ol {
  list-style: none; }

em, i {
  font-style: normal; }

ol, ul, input, figure {
  margin: 0;
  padding: 0; }

dl, dd, h1, h2, h3, h4, h5, h6, p, form {
  margin: 0; }

img {
  display: block;
  width: 100%;
  border: 0; }

table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

a, button, button:active, input {
  -webkit-tap-highlight-color: transparent; }

mark {
  background-color: transparent;
  color: inherit; }

a:link, a:hover, a:active, a:visited {
  text-decoration: none; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
  color: transparent; }

button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
  -webkit-appearance: none; }

input:-ms-clear {
  display: none; }

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only; }

select {
  overflow-x: hidden; }

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

body {
  background: #f4f4f4; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.di-bl, .strategyNav a {
  display: inline-block; }

.di-vm {
  display: inline-block;
  vertical-align: middle; }

.fl {
  float: left; }

.fr {
  float: right; }

.none {
  display: none; }

.hide {
  font-size: 0;
  width: 0;
  text-indent: -9999px; }

.sprites {
  background: url("../images/sprites.png");
  background-size: 3.64444rem auto; }

/* 头部 */
.header {
  width: 100%; }
  .header .h-top {
    height: 2rem;
    padding: 0.42222rem 0.57778rem;
    background: #36363a; }
    .header .h-top .logo {
      width: 4.42222rem;
      height: 2rem;
      overflow: hidden; }
      .header .h-top .logo a {
        display: block;
        width: 4.42222rem;
        height: 2rem;
        overflow: hidden; }
        .header .h-top .logo a img {
          vertical-align: top; }
    .header .h-top .h-customer-service {
      display: -moz-box;
      display: -webkit-box;
      display: box;
      width: 6.35556rem;
      height: 1.46667rem;
      padding-top: 0.11111rem; }
      .header .h-top .h-customer-service a {
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        width: 1.46667rem;
        height: 1.46667rem;
        overflow: hidden;
        margin-left: 0.66667rem; }

/* 底部 */
.footer {
  color: #fff;
  background: #36363a;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  height: 3.11111rem;
  font-size: 0.48889rem;
  width: 100%; }
  .footer .f-logo {
    width: 3.06667rem;
    height: 1.46667rem;
    overflow: hidden;
    margin: 0.75556rem 0.75556rem 0; }
  .footer .f-links {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    padding-top: 0.44444rem;
    white-space: nowrap;
    font-size: 0.48889rem;
    line-height: 0.71111rem; }
    .footer .f-links .f-link a {
      color: #fff;
      margin-right: 0.22222rem; }
    .footer .f-links p {
      font-size: 0.44444rem; }

.nav {
  margin: 0.66667rem 0.53333rem 0 0.53333rem;
  font-size: 0;
  border-bottom: 1px solid #cecece; }
  .nav a {
    color: #1c1c1c;
    font-size: 0.66667rem;
    padding: 0 0.28889rem;
    display: inline-block;
    text-align: center;
    padding-bottom: 0.44444rem; }
  .nav a:last-child {
    margin-right: 0; }
  .nav .On {
    color: #841976;
    border-bottom: 2px solid #841976; }

.strategyNav {
  text-align: center; }
  .strategyNav a {
    padding: 0.11111rem 0.33333rem;
    border-radius: 0.55556rem;
    font-size: 0.62222rem;
    margin: 0 0.91111rem;
    color: #666666; }
  .strategyNav .On {
    background: #b251a5;
    color: white; }

.listUl {
  margin: 0 0 0 0.53333rem; }
  .listUl li {
    padding: 0.55556rem 0;
    border-bottom: 1px solid whitesmoke; }
  .listUl a img {
    display: block;
    width: 100%; }
  .listUl a span:nth-child(1) {
    display: inline-block;
    width: 4.66667rem;
    height: 2.77778rem; }
  .listUl a span:nth-child(2) {
    display: inline-block;
    vertical-align: top;
    color: #666666;
    font-size: 0.62222rem;
    width: 9.77778rem;
    margin-left: 0.55556rem; }

.loadingTips {
  text-align: center;
  font-size: 0.62222rem;
  margin-bottom: 0.88889rem; }

.loadingTips img {
  width: 0.44444rem;
  height: 0.44444rem;
  display: inline-block; }

.header1 {
  position: relative;
  height: 2.13333rem;
  padding: 0 0.53333rem; }
  .header1 .goback {
    position: absolute;
    top: 0;
    left: 0.53333rem;
    width: 2.22222rem;
    height: 2.13333rem;
    line-height: 2.13333rem;
    font-size: 0.66667rem; }
    .header1 .goback a {
      display: block; }
    .header1 .goback img {
      width: 0.53333rem;
      height: 0.88889rem;
      overflow: hidden;
      margin: 0.62222rem 0.17778rem 0 0; }
  .header1 .header1-title {
    height: 2.13333rem;
    overflow: hidden;
    margin: 0 2.44444rem;
    text-align: center;
    line-height: 2.13333rem;
    font-size: 0.71111rem; }

.header1 {
  background: #363636; }
  .header1 .goback a {
    color: white; }
  .header1 .header1-title {
    color: white; }