* {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none; }

@media screen and (max-width: 1368px) {
  html {
    font-size: 253.33333px; } }

@media screen and (max-width: 1028px) {
  html {
    font-size: 190.37037px; } }

@media screen and (max-width: 768px) {
  html {
    font-size: 142.22222px; } }

@media screen and (max-width: 540px) {
  html {
    font-size: 100px; } }

@media screen and (max-width: 414px) {
  html {
    font-size: 76.66667px; } }

@media screen and (max-width: 412px) {
  html {
    font-size: 76.2963px; } }

@media screen and (max-width: 380px) {
  html {
    font-size: 70.37037px; } }

@media screen and (max-width: 375px) {
  html {
    font-size: 69.44444px; } }

@media screen and (max-width: 360px) {
  html {
    font-size: 66.66667px; } }

@media screen and (max-width: 320px) {
  html {
    font-size: 59.25926px; } }

body {
  font-family: Helvetica,sans-serif;
  font-size: 16px; }

.fixed {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), transparent); }
  .fixed .caidan {
    height: 0.8rem;
    width: 0.7rem;
    float: left; }
    .fixed .caidan a {
      display: block;
      height: 0.8rem;
      width: 0.8rem;
      background: url("../image/1.png") no-repeat right center;
      background-size: 0.5rem 0.5rem; }
  .fixed .denglu {
    position: absolute;
    height: 0.8rem;
    width: 0.7rem;
    right: 0;
    margin-top: -0.8rem; }
    .fixed .denglu a {
      display: block;
      height: 0.8rem;
      width: 0.9rem;
      color: #fff;
      line-height: 0.8rem;
      font-size: 0.24rem;
      margin-top: 0.15rem; }
  .fixed .suosou {
    width: 3.5rem;
    height: 0.5rem;
    border-radius: 4px;
    background: #FFFFFF;
    margin: 0.12rem auto 0;
    padding-left: 5px;
    color: #ccc;
    font-size: 0.2rem;
    line-height: 0.5rem; }
    .fixed .suosou input {
      border: 0;
      cursor: pointer;
      outline: medium;
      float: right;
      margin-right: 10px;
      background: url("../img/85.png") no-repeat -82px 2px;
      background-size: 282px 31px;
      text-indent: -1000em;
      width: 20px;
      height: 30px; }

.daohang {
  position: relative;
  z-index: 999999999999999;
  transition: transform 0.8s ease;
  transform: translateX(-100%); }
  .daohang .fixeds {
    width: 4.76rem;
    height: 0.65rem;
    background: #eee;
    font-size: 0.2rem;
    color: #353535;
    padding-left: 0.14rem;
    line-height: 0.65rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999;
    border-bottom: 1px solid #d7d7d7; }
  .daohang .left-fixed {
    width: 1.1rem;
    position: fixed;
    top: 0.651rem;
    left: 0;
    z-index: 99999999; }
    .daohang .left-fixed li {
      width: 1.1rem;
      height: 0.9rem;
      background: #eee;
      font-size: 0.2rem;
      color: #acacac;
      text-align: center;
      line-height: 0.9rem;
      border-bottom: 1px solid #d7d7d7; }
    .daohang .left-fixed .css {
      background: #fff;
      color: #333; }
  .daohang .fanhui {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.5rem;
    height: 100vh;
    background: #000000;
    opacity: 0.7; }
    .daohang .fanhui p {
      width: 15px;
      position: absolute;
      right: 10px;
      top: 50%;
      margin: -54px 0 0 0;
      font-size: 14px;
      line-height: 14px;
      color: #B5B5B5; }
      .daohang .fanhui p span {
        display: block;
        width: 15px;
        height: 15px;
        margin: 10px 0 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        background-image: url(../image/11.png); }
  .daohang .right-fixed {
    width: 3.8rem;
    position: fixed;
    top: 0.651rem;
    left: 1.1rem;
    z-index: 99999999;
    background: #FFFFFF; }
    .daohang .right-fixed .centen {
      height: 100%;
      position: relative;
      top: 0;
      left: 0;
      background: #FFFFFF;
      padding: 0 0.17rem; }
      .daohang .right-fixed .centen h2 {
        height: 0.9rem;
        font-size: 0.22rem;
        line-height: 0.9rem;
        background: #FFFFFF;
        color: #9b9b9b; }
      .daohang .right-fixed .centen ul {
        overflow: hidden; }
      .daohang .right-fixed .centen li {
        float: left;
        width: 1.15rem;
        height: 1.45rem; }
        .daohang .right-fixed .centen li a {
          display: block;
          width: 100%;
          height: 100%; }
          .daohang .right-fixed .centen li a img {
            width: 0.85rem;
            height: 0.9rem;
            margin: 0 0.14rem; }
          .daohang .right-fixed .centen li a span {
            text-align: center;
            font-size: 0.18rem;
            color: #606060;
            display: block; }
    .daohang .right-fixed .centen1 {
      display: none;
      height: 100%;
      position: relative;
      top: 0;
      left: 0;
      background: #FFFFFF;
      padding: 0 0.17rem; }
      .daohang .right-fixed .centen1 h2 {
        height: 0.9rem;
        font-size: 0.22rem;
        line-height: 0.9rem;
        background: #FFFFFF;
        color: #9b9b9b; }
      .daohang .right-fixed .centen1 ul {
        overflow: hidden; }
      .daohang .right-fixed .centen1 li {
        float: left;
        width: 1.15rem;
        height: 0.9rem;
        margin-top: 0.2rem; }
        .daohang .right-fixed .centen1 li a {
          display: block;
          width: 100%;
          height: 100%; }
          .daohang .right-fixed .centen1 li a img {
            width: 0.9rem;
            margin: 0 0.14rem; }

.youru {
  transform: translateX(0); }

.swiper-container {
  width: 100%; }
  .swiper-container a {
    display: block;
    width: 100%;
    height: 100%; }
    .swiper-container a img {
      width: 100%; }
  .swiper-container .swiper-pagination-bullet {
    margin: 0 1px !important; }
  .swiper-container .swiper-pagination-bullet-active {
    background: #fff; }

.icon-img {
  margin-top: -0.06rem;
  width: 100%;
  height: 1.15rem; }
  .icon-img li {
    width: 20%;
    height: 100%;
    float: left;
    margin-top: 0.08rem;
    padding-bottom: 0.04rem; }
    .icon-img li a {
      float: left;
      width: 1.1rem;
      height: 1.1rem;
      text-align: center;
      font-size: 0.16rem;
      color: #051B28;
      box-sizing: border-box;
      padding: 0.08rem; }
      .icon-img li a img {
        display: block;
        padding: 0 0.17rem 0.12rem;
        width: 0.59rem;
        height: 0.59rem; }

.tianmaoredian {
  position: relative;
  border-top: 1px solid #f1f1f1;
  width: 100%;
  height: 0.5rem;
  background: #fff;
  margin-top: 0.25rem;
  padding: 0.15rem 0; }
  .tianmaoredian .img {
    width: 1rem;
    height: 0.6rem;
    border-right: 2px solid #e7e7e7;
    margin: auto 0; }
    .tianmaoredian .img img {
      display: block;
      height: 0.59rem;
      margin: 0 auto; }
  .tianmaoredian .laba {
    position: absolute;
    top: 0.35rem;
    left: 1.15rem;
    width: 0.32rem;
    height: 0.3rem; }
    .tianmaoredian .laba img {
      display: block;
      height: 0.3rem;
      width: 0.32rem; }
  .tianmaoredian .lunbo {
    overflow: hidden;
    position: absolute;
    top: 0.15rem;
    right: 0;
    width: 3.9rem;
    height: 0.6rem; }
    .tianmaoredian .lunbo .swiper-container {
      height: 0.6rem; }
    .tianmaoredian .lunbo a {
      display: block;
      height: 0.6rem;
      width: 3.9rem;
      overflow-y: hidden;
      white-space: nowrap;
      padding-left: 5px;
      font-size: 0.16rem; }
      .tianmaoredian .lunbo a .title {
        line-height: 0.24rem;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 98%; }
      .tianmaoredian .lunbo a span {
        line-height: 0.5rem;
        color: #ff3737;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 98%; }

.zhongbu-lunbo {
  width: 100%;
  height: 1.55rem;
  background: #f0f0f0; }
  .zhongbu-lunbo .zhongbu-lunbo-neikuan {
    margin: 0.06rem 0; }
    .zhongbu-lunbo .zhongbu-lunbo-neikuan #zhong-lunbo {
      height: 1.58rem;
      width: 100%;
      margin: 0 0.03rem; }
      .zhongbu-lunbo .zhongbu-lunbo-neikuan #zhong-lunbo a {
        float: left;
        display: block;
        height: 1.58rem;
        width: 2.6rem; }
        .zhongbu-lunbo .zhongbu-lunbo-neikuan #zhong-lunbo a img {
          height: 1.58rem;
          width: 2.6rem;
          background: white; }
      .zhongbu-lunbo .zhongbu-lunbo-neikuan #zhong-lunbo .mg {
        height: 1.58rem !important;
        width: 0.33rem !important; }

.biqiang {
  width: 100%;
  height: 0.45rem;
  background: #F0F0F0; }
  .biqiang .bq-box {
    display: block;
    text-align: center;
    height: 0.14rem;
    width: auto;
    margin: auto;
    padding-top: 0.1rem; }
  .biqiang .bq-left {
    display: inline-block;
    width: 0.5rem;
    height: 1px;
    background: #f6b7b7;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem; }
  .biqiang img {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem; }
  .biqiang .font {
    position: relative;
    top: -0.05rem;
    display: inline-block;
    font-size: 0.21rem;
    color: #ff2e2e; }
  .biqiang .bq-right {
    display: inline-block;
    width: 0.5rem;
    height: 1px;
    background: #f6b7b7;
    margin-left: 0.1rem;
    margin-bottom: 0.1rem; }
  .biqiang .pptm {
    background: #ff8000; }
  .biqiang .pptm1 {
    color: #FF8000; }
  .biqiang .ppzx {
    background: #B4E1DC; }
  .biqiang .ppzx1 {
    color: #B4E1DC; }
  .biqiang .bjsh {
    background: #BBD79F; }
  .biqiang .bjsh1 {
    color: #BBD79F; }
  .biqiang .gjhg {
    background: #8828DD; }
  .biqiang .gjhg1 {
    color: #8828DD; }
  .biqiang .jxsc {
    background: #E24AA5; }
  .biqiang .jxsc1 {
    color: #E24AA5; }
  .biqiang .ash {
    background: #17B7FF; }
  .biqiang .ash1 {
    color: #17b7ff; }
  .biqiang .clkw {
    background: #4A84E2; }
  .biqiang .clkw1 {
    color: #4A84E2; }
  .biqiang .hyrm {
    background: #5E4AE2; }
  .biqiang .hyrm1 {
    color: #5E4AE2; }
  .biqiang .ppqj {
    background: #2f2f2f; }
  .biqiang .ppqj1 {
    color: #2f2f2f; }
  .biqiang .cnxh {
    background: #999;
    width: 0.13rem; }
  .biqiang .cnxh1 {
    color: #999;
    font-weight: 800; }

.bq-conent {
  width: 100%;
  height: 4rem; }
  .bq-conent li {
    float: left;
    border-right: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    box-sizing: border-box;
    width: 25%;
    height: 2rem; }
    .bq-conent li a {
      display: block;
      width: 100%;
      height: 100%; }
      .bq-conent li a .font {
        font-size: 0.17rem;
        padding-top: 0.06rem;
        text-align: center;
        color: #000000;
        line-height: 0.3rem; }
      .bq-conent li a img {
        display: block;
        width: 1.1rem;
        height: 1.1rem;
        margin: 0.1rem auto; }
      .bq-conent li a .red {
        letter-spacing: -.5px;
        color: #ff3232;
        font-size: 0.11rem;
        margin-left: 0.28rem;
        color: #ff3232;
        display: inline-block;
        height: 0.16rem;
        line-height: 0.16rem; }
      .bq-conent li a .del {
        letter-spacing: -.5px;
        text-decoration: line-through;
        display: inline-block;
        height: 0.16rem;
        line-height: 0.16rem;
        color: #9b9b9b;
        font-size: 0.11rem;
        margin-left: -0.05rem; }

.pptm-conent {
  width: 100%;
  height: 1.57rem; }
  .pptm-conent .pptm-right,
  .pptm-conent .pptm-left {
    float: left;
    display: block;
    width: 50%;
    height: 1.57rem;
    border-right: 1px solid #F1F1F1;
    box-sizing: border-box; }
    .pptm-conent .pptm-right a,
    .pptm-conent .pptm-left a {
      float: left;
      width: 100%;
      height: 100%; }
      .pptm-conent .pptm-right a img,
      .pptm-conent .pptm-left a img {
        width: 100%;
        height: 100%; }
  .pptm-conent .pptm-right {
    border: none; }

.ppzx {
  width: 100%;
  height: 2.52rem; }
  .ppzx .ppzx-img {
    width: 33.33333333333%;
    height: 2.52rem;
    float: left;
    border-right: 1px solid #F1F1F1;
    box-sizing: border-box; }
    .ppzx .ppzx-img a {
      display: block;
      width: 100%;
      height: 100%; }
      .ppzx .ppzx-img a img {
        width: 100%;
        height: 100%; }

.guanggao {
  width: 100%;
  height: 1.32rem; }
  .guanggao a {
    display: block;
    width: 100%;
    height: 100%; }
    .guanggao a img {
      width: 100%;
      height: 100%; }

.bjsh {
  width: 100%;
  height: 2.1rem; }
  .bjsh .bjsh-left {
    border-right: 1px solid #F1F1F1;
    box-sizing: border-box;
    float: left;
    width: 2.4rem;
    height: 2.1rem; }
    .bjsh .bjsh-left a {
      display: block;
      width: 100%;
      height: 100%; }
      .bjsh .bjsh-left a img {
        width: 100%;
        height: 100%; }
  .bjsh .bjsh-right {
    float: left;
    width: 3rem;
    height: 2.1rem; }
    .bjsh .bjsh-right a {
      display: block;
      width: 100%;
      height: 50%;
      border-bottom: 1px solid #F1F1F1;
      box-sizing: border-box; }
      .bjsh .bjsh-right a img {
        width: 100%;
        height: 100%; }
    .bjsh .bjsh-right .bottom {
      border: none; }

.jxsc {
  width: 100%;
  height: 3.5rem; }
  .jxsc .top {
    width: 100%;
    height: 1.9rem; }
    .jxsc .top li {
      display: block;
      float: left;
      width: 25%;
      height: 100%;
      border-bottom: 1px solid #F1F1F1;
      border-right: 1px solid #F1F1F1;
      box-sizing: border-box; }
      .jxsc .top li a {
        display: block;
        width: 100%;
        height: 100%; }
        .jxsc .top li a img {
          width: 100%;
          height: 100%; }
    .jxsc .top .border {
      border-right: 0; }
  .jxsc .bottom {
    width: 100%;
    height: 1.6rem; }
    .jxsc .bottom li {
      display: block;
      float: left;
      width: 50%;
      height: 1.6rem;
      border-right: 1px solid #F1F1F1;
      box-sizing: border-box; }
      .jxsc .bottom li a {
        display: block;
        width: 100%;
        height: 100%; }
        .jxsc .bottom li a img {
          width: 100%;
          height: 100%; }

.clkw {
  width: 100%;
  height: 2.2rem; }
  .clkw a {
    float: left;
    width: 33.3333333333%;
    height: 100%;
    border-right: 1px solid #F1F1F1;
    box-sizing: border-box; }
    .clkw a img {
      width: 100%;
      height: 100%; }

.hyrm-box {
  width: 100%;
  height: 5.35rem; }
  .hyrm-box .hyrm-top {
    width: 100%;
    height: 1.55rem; }
    .hyrm-box .hyrm-top .hyrm-list {
      float: left;
      width: 50%;
      height: 100%;
      border-right: 1px solid #F1F1F1;
      border-bottom: 1px solid #F1F1F1;
      box-sizing: border-box; }
      .hyrm-box .hyrm-top .hyrm-list .hyrm-left {
        float: left;
        width: 50%;
        height: 100%; }
        .hyrm-box .hyrm-top .hyrm-list .hyrm-left .title {
          font-size: 0.19rem;
          text-align: center;
          color: #000;
          line-height: 0.4rem;
          font-weight: 700; }
        .hyrm-box .hyrm-top .hyrm-list .hyrm-left .sub-title {
          font-size: 0.17rem;
          text-align: center;
          color: #9c9c9c;
          line-height: 0.17rem; }
        .hyrm-box .hyrm-top .hyrm-list .hyrm-left img {
          display: block;
          width: 0.55rem;
          height: 0.55rem;
          margin: 0.1rem auto 0; }
      .hyrm-box .hyrm-top .hyrm-list .hyrm-right {
        float: left;
        width: 50%;
        height: 100%; }
        .hyrm-box .hyrm-top .hyrm-list .hyrm-right a {
          float: left;
          width: 100%;
          height: 100%; }
          .hyrm-box .hyrm-top .hyrm-list .hyrm-right a img {
            width: 100%;
            height: 100%; }
  .hyrm-box .hyrm-bottom {
    width: 100%;
    height: 1.9rem; }
    .hyrm-box .hyrm-bottom .hyrm-er {
      float: left;
      width: 25%;
      height: 100%;
      border-right: 1px solid #F1F1F1;
      box-sizing: border-box; }
      .hyrm-box .hyrm-bottom .hyrm-er .title {
        font-size: 0.19rem;
        text-align: center;
        color: #000;
        line-height: 0.4rem;
        font-weight: 700; }
      .hyrm-box .hyrm-bottom .hyrm-er .sub-title {
        font-size: 0.17rem;
        text-align: center;
        color: #9c9c9c;
        line-height: 0.17rem; }
      .hyrm-box .hyrm-bottom .hyrm-er img {
        display: block;
        width: 1.12rem;
        height: 1.12rem;
        margin: 0.1rem; }

.ppqj {
  height: 6.6rem;
  width: 100%; }
  .ppqj .ppqj-top {
    height: 4.65rem;
    width: 100%; }
    .ppqj .ppqj-top ul {
      height: 2.325rem;
      width: 100%; }
      .ppqj .ppqj-top ul li {
        display: block;
        float: left;
        height: 2.325rem;
        width: 50%;
        border-left: 0.05rem solid #F1F1F1;
        border-bottom: 0.05rem solid #F1F1F1;
        box-sizing: border-box; }
        .ppqj .ppqj-top ul li .left-top {
          float: left;
          height: 1.75rem;
          width: 1.75rem;
          border: 0.03rem solid #fff;
          box-sizing: border-box; }
          .ppqj .ppqj-top ul li .left-top a {
            display: block;
            width: 100%;
            height: 100%; }
            .ppqj .ppqj-top ul li .left-top a img {
              width: 100%;
              height: 100%; }
        .ppqj .ppqj-top ul li .right-top {
          float: left;
          height: 1.75rem;
          width: 0.85rem;
          border-top: 0.03rem solid #fff;
          border-right: 0.03rem solid #fff;
          box-sizing: border-box; }
          .ppqj .ppqj-top ul li .right-top .right-top-top {
            height: 0.84rem;
            width: 0.85rem;
            border-bottom: 1px solid #fff; }
            .ppqj .ppqj-top ul li .right-top .right-top-top a {
              display: block;
              width: 100%;
              height: 100%; }
              .ppqj .ppqj-top ul li .right-top .right-top-top a img {
                width: 100%;
                height: 100%; }
      .ppqj .ppqj-top ul .ppqj-bottom {
        float: left;
        height: 0.52rem;
        width: 100%; }
        .ppqj .ppqj-top ul .ppqj-bottom .img {
          float: left;
          height: 0.36rem;
          width: 0.36rem;
          margin-top: 0.08rem; }
          .ppqj .ppqj-top ul .ppqj-bottom .img img {
            height: 0.36rem;
            width: 0.36rem; }
        .ppqj .ppqj-top ul .ppqj-bottom .info {
          float: left;
          margin-left: 0.1rem; }
          .ppqj .ppqj-top ul .ppqj-bottom .info .name {
            font-size: 0.18rem;
            color: #000000;
            line-height: 0.27rem; }
          .ppqj .ppqj-top ul .ppqj-bottom .info .name-desc {
            font-size: 0.16rem;
            color: #9b9b9b;
            line-height: 0.22rem; }
  .ppqj .ppqj-bottom {
    height: 1.95rem;
    width: 100%; }
    .ppqj .ppqj-bottom .ppqj-conent {
      float: left;
      height: 1.95rem;
      width: 25%; }
      .ppqj .ppqj-bottom .ppqj-conent a {
        display: block;
        width: 100%;
        height: 100%; }
        .ppqj .ppqj-bottom .ppqj-conent a .ppqj-top {
          display: block;
          height: 0.7rem;
          width: 100%; }
          .ppqj .ppqj-bottom .ppqj-conent a .ppqj-top .title {
            text-align: center;
            font-size: 0.2rem;
            color: #000000;
            line-height: 0.4rem;
            font-weight: 800; }
          .ppqj .ppqj-bottom .ppqj-conent a .ppqj-top .sub {
            font-size: 0.17rem;
            text-align: center;
            color: #9B9B9B;
            line-height: 0.17rem; }
        .ppqj .ppqj-bottom .ppqj-conent a img {
          margin: 0.12rem;
          height: 1.12rem;
          width: 1.12rem; }

.cnxh {
  width: 100%; }
  .cnxh .cnxh-list {
    float: left;
    width: 50%;
    height: 3.7rem;
    border-right: 0.04rem solid #F1F1F1;
    border-bottom: 0.04rem solid #F1F1F1;
    box-sizing: border-box; }
    .cnxh .cnxh-list a {
      display: block;
      width: 100%;
      height: 100%; }
      .cnxh .cnxh-list a img {
        width: 2.67rem;
        height: 2.67rem; }
      .cnxh .cnxh-list a .item {
        padding: 0 0.13rem;
        height: 0.77rem;
        display: block; }
        .cnxh .cnxh-list a .item .item-name {
          display: block;
          overflow: hidden;
          height: 0.5rem;
          line-height: 0.26rem;
          font-size: 0.22rem;
          color: #9b9b9b;
          margin-top: 0.05rem;
          letter-spacing: -0.015rem; }
        .cnxh .cnxh-list a .item .money {
          display: block;
          height: 0.35rem;
          line-height: 0.35rem;
          font-size: 0.17rem;
          color: #dd2929; }
          .cnxh .cnxh-list a .item .money i {
            font-size: 0.13rem; }
          .cnxh .cnxh-list a .item .money .money-last {
            font-size: 0.13rem; }