@font-face {
  font-family: 'siyuanheiti';
  src: url("../font/syht.eot");
}
* {
  margin: 0;
  padding: 0;
  font-family: Arial, "siyuanheiti" !important; }

ul li {
  list-style: none; }

body {
  background: #fff; }
.box-model {
  padding-bottom: 0.5rem;
  font-size: 0; }
  .box-model .bm-top {
    position: relative; }
    .box-model .bm-top .bg {
      display: block;
      max-width: 100%;
      position: relative;
      z-index: 1; }
    .box-model .bm-top .tip-text {
      position: absolute;
      right: 0.1rem;
      top: 0;
      font-size: 0.22rem;
      line-height: 0.5rem;
      color: #fff;
      z-index: 3; }
    .box-model .bm-top .title-icon {
      height: 1.7rem;
      background: url("../image/qlmm_t1.png") no-repeat center center;
      background-size: contain;
      position: absolute;
      left: 10%;
      top: 0.4rem;
      z-index: 2;
      width: 80%; }
    .box-model .bm-top .pointer-box {
      position: absolute;
      left: 25%;
      top: 2.1rem;
      width: 50%;
      z-index: 3; }
      .box-model .bm-top .pointer-box .zp1 {
        max-width: 100%;
        -webkit-animation: xuzh 20s linear infinite;
        animation: xuzh 20s linear infinite; }
      .box-model .bm-top .pointer-box .zp2 {
        position: absolute;
        left: 10%;
        width: 80%;
        top: 10%;
        z-index: 4; }
      .box-model .bm-top .pointer-box .zp3 {
        position: absolute;
        left: 25%;
        top: 25%;
        width: 50%;
        z-index: 5;
        -webkit-animation: xuzh 3s linear infinite;
        animation: xuzh 3s linear infinite; }
    .box-model .bm-top .search-box {
      position: absolute;
      left: 10%;
      bottom: 4%;
      width: 80%;
      z-index: 6; }
      .box-model .bm-top .search-box .t {
        font-size: 0.36rem;
        color: #cbe5fd;
        text-align: center;
        line-height: 0.7rem; }
      .box-model .bm-top .search-box .input-box {
        position: relative;
        margin-bottom: 0.2rem; }
        .box-model .bm-top .search-box .input-box .ib-input {
          padding: 0 5%;
          background: #fff;
          border-radius: 0.15rem;
          border: 1px solid #ddd; }
          .box-model .bm-top .search-box .input-box .ib-input input {
            display: block;
            width: 100%;
            border: 0;
            outline: none;
            font-size: 0.32rem;
            line-height: 0.7rem;
            color: #333; }
        .box-model .bm-top .search-box .input-box .ip-show {
          display: none;
          position: absolute;
          left: 0;
          right: 0;
          top: 0.7rem;
          z-index: 10;
          font-size: 0.3rem;
          line-height: 0.5rem;
          background: #efefef;
          padding: 0.1rem 0;
          border-radius: 0.15rem; }
          .box-model .bm-top .search-box .input-box .ip-show .ips-t {
            padding: 0 5%;
            overflow: hidden; }
            .box-model .bm-top .search-box .input-box .ip-show .ips-t span {
              float: left;
              display: block;
              width: 50%;
              text-align: center; }
          .box-model .bm-top .search-box .input-box .ip-show ul li {
            padding: 0 5%;
            overflow: hidden;
            cursor: pointer; }
            .box-model .bm-top .search-box .input-box .ip-show ul li p {
              width: 50%;
              float: left;
              text-align: center; }
              .box-model .bm-top .search-box .input-box .ip-show ul li p span {
                color: #f00; }
    .box-model .bm-top .s-btn {
      width: 100%;
      background: #ef8717;
      line-height: 0.8rem;
      color: #fff;
      text-align: center;
      font-size: 0.4rem;
      border-radius: 0.5rem;
      cursor: pointer; }
    .box-model .bm-top .text {
      color: #999;
      font-size: 0.18rem;
      line-height: 0.6rem;
      text-align: right; }
  .box-model .box1 {
    display: flex;
    padding-top: 0.2rem;
    margin-bottom: 0.2rem; }
    .box-model .box1 .item {
      flex: 1;
      text-align: center;
      border-right: 1px solid #eef4fc; }
      .box-model .box1 .item:nth-of-type(3n) {
        border-right: 0; }
      .box-model .box1 .item img {
        display: inline-block;
        max-width: 50%; }
      .box-model .box1 .item p {
        font-size: 0.24rem;
        line-height: 0.4rem; }
  .box-model .box2 {
    background: #eee;
    padding: 0.3rem 3% 0.1rem 3%; }
    .box-model .box2 .title {
      text-align: center;
      font-size: 0.24rem;
      line-height: 0.4rem;
      margin-bottom: 0.15rem; }
    .box-model .box2 .content {
      position: relative;
      padding: 0.2rem 2% 0 2%; }
      .box-model .box2 .content .ct-bg {
        background: #a17837;
        height: 0.4rem;
        border-radius: 0.5rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 11; }
      .box-model .box2 .content .ct-main {
        position: relative;
        z-index: 12;
        padding-bottom: 0.2rem;
        background: url("../image/qlmm_t1.png") repeat-x center bottom; }
        .box-model .box2 .content .ct-main .m-pre {
          display: flex;
          padding: 0.1rem 0;
          background: #d33c3c;
          border-bottom: 1px dashed #ddc39f;
          border-radius: 0.2rem 0.2rem 0 0; }
          .box-model .box2 .content .ct-main .m-pre .left {
            border-right: 1px dashed #ddc39f;
            padding: 0 0.2rem 0 0.1rem; }
            .box-model .box2 .content .ct-main .m-pre .left .p1 {
              font-size: 0.32rem;
              color: #fdda79;
              font-style: italic;
              font-weight: 700;
              margin-bottom: 0.05rem; }
              .box-model .box2 .content .ct-main .m-pre .left .p1 span {
                display: inline-block;
                padding: 0.05rem;
                background: #fff;
                border-radius: 0.05rem;
                font-style: normal;
                color: #d33c3c; }
            .box-model .box2 .content .ct-main .m-pre .left .p2 {
              font-size: 0.18rem;
              color: #fff; }
          .box-model .box2 .content .ct-main .m-pre .right {
            flex: 1;
            color: #fff;
            padding: 0 0.1rem;
            font-size: 0; }
            .box-model .box2 .content .ct-main .m-pre .right .r-t {
              line-height: 0.4rem; }
              .box-model .box2 .content .ct-main .m-pre .right .r-t p {
                display: inline-block;
                font-size: 0.24rem;
                margin-right: 0.2rem; }
                .box-model .box2 .content .ct-main .m-pre .right .r-t p span {
                  color: #fdda79; }
            .box-model .box2 .content .ct-main .m-pre .right .r-b {
              font-size: 0.2rem; }
              .box-model .box2 .content .ct-main .m-pre .right .r-b span {
                vertical-align: top;
                margin-right: 0.05rem; }
        .box-model .box2 .content .ct-main .m-chart {
          background-color: #fff;
          font-size: 0;
          position: relative;
          padding: 1.5rem 0;
          border-bottom: 0.05rem solid #eee; }
          .box-model .box2 .content .ct-main .m-chart .mbg {
            display: block;
            width: 50%;
            margin: 0 auto; }
          .box-model .box2 .content .ct-main .m-chart .item {
            position: absolute;
            z-index: 13; }
            .box-model .box2 .content .ct-main .m-chart .item .bs span {
              font-size: 0.24rem;
              font-weight: 700;
              margin-right: 0.1rem;
              display: inline-block;
              vertical-align: super;
              line-height: 0.4rem; }
            .box-model .box2 .content .ct-main .m-chart .item .bs img {
              display: inline-block;
              max-height: 0.25rem; }
            .box-model .box2 .content .ct-main .m-chart .item p {
              font-size: 0.18rem; }
            .box-model .box2 .content .ct-main .m-chart .item.item1 {
              left: 5%;
              top: 0.8rem; }
            .box-model .box2 .content .ct-main .m-chart .item.item2 {
              right: 4%;
              top: 0.5rem; }
            .box-model .box2 .content .ct-main .m-chart .item.item3 {
              left: 1%;
              bottom: 1.5rem; }
            .box-model .box2 .content .ct-main .m-chart .item.item4 {
              right: 0%;
              bottom: 1.5rem; }
            .box-model .box2 .content .ct-main .m-chart .item.item5 {
              left: 30%;
              bottom: 0.5rem; }
  .box-model .box3 {
    padding-top: 0.1rem;
    margin-bottom: 0.2rem; }
    .box-model .box3 .b-title {
      text-align: center;
      font-size: 0.32rem; }
      .box-model .box3 .b-title span {
        color: #f00; }
    .box-model .box3 .b-main {
      display: flex;
      padding: 0 0.15rem;
      margin-bottom: 0.1rem; }
      .box-model .box3 .b-main .item {
        flex: 1;
        background: #eee;
        border: 1px solid #00a0e9;
        margin-right: 0.15rem;
        text-align: center; }
        .box-model .box3 .b-main .item:nth-of-type(3n) {
          margin-right: 0; }
        .box-model .box3 .b-main .item .t {
          font-size: 0.24rem;
          color: #000;
          line-height: 0.48rem;
          font-weight: 700; }
          .box-model .box3 .b-main .item .t .c-red {
            color: #f00; }
          .box-model .box3 .b-main .item .t .c-green {
            color: green; }
        .box-model .box3 .b-main .item img {
          display: inline-block;
          max-width: 96%;
          margin-bottom: 0.05rem; }
        .box-model .box3 .b-main .item p {
          height: 0.7rem;
          line-height: 0.7rem;
          overflow: hidden;
          color: #fff;
          font-size: 0.2rem;
          background: #00a0e9; }
    .box-model .box3 .text {
      font-size: 0.2rem;
      text-align: right;
      color: #666; }
  .box-model .b-tip {
    font-size: 0.24rem;
    color: #666;
    text-align: right;
    padding-right: 2%;
    background: #eee;
    padding-bottom: 0.1rem; }
  .box-model .btitle {
    font-size: 0.32rem;
    color: #f00;
    text-align: center;
    margin-bottom: 0.2rem; }
  .box-model .footer-search {
    display: flex;
    padding: 0 2%;
    margin-bottom: 0.2rem; }
    .box-model .footer-search .s-input-box {
      flex: 1;
      margin-right: 0.2rem;
      position: relative; }
      .box-model .footer-search .s-input-box .b-input {
        border: 1px solid #999;
        border-radius: 0.2rem;
        padding: 0 0.2rem;
        background: #eee;
        height: 0.7rem;
        line-height: 0.7rem; }
        .box-model .footer-search .s-input-box .b-input input {
          display: block;
          width: 100%;
          border: 0;
          background: none;
          outline: none;
          font-size: 0.32rem;
          line-height: 0.7rem; }
      .box-model .footer-search .s-input-box .ip-show {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.74rem;
        z-index: 16;
        font-size: 0.3rem;
        line-height: 0.5rem;
        background: #efefef;
        padding: 0.1rem 0;
        border-radius: 0.15rem; }
        .box-model .footer-search .s-input-box .ip-show .ips-t {
          padding: 0 5%;
          overflow: hidden; }
          .box-model .footer-search .s-input-box .ip-show .ips-t span {
            float: left;
            display: block;
            width: 50%;
            text-align: center; }
        .box-model .footer-search .s-input-box .ip-show ul li {
          padding: 0 5%;
          overflow: hidden;
          cursor: pointer; }
          .box-model .footer-search .s-input-box .ip-show ul li p {
            width: 50%;
            float: left;
            text-align: center; }
            .box-model .footer-search .s-input-box .ip-show ul li p span {
              color: #f00; }
    .box-model .footer-search .s-btn {
      width: 32%;
      text-align: center;
      color: #fff;
      background: -webkit-linear-gradient(top, #fd9149, #eb4515);
      border: 1px solid #ff764f;
      height: 0.7rem;
      line-height: 0.7rem;
      border-radius: 0.2rem;
      font-size: 0.32rem;
      cursor: pointer; }
  .box-model .btext {
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.3rem;
    color: #00a0e9;
    margin-bottom: 0.1rem; }
  .box-model .footer-bz {
    text-align: center;
    padding: 0.2rem 0;
    background: #1b1b1b;
    color: #fff;
    line-height: 0.34rem;
    font-size: 0.2rem; }

.popup-model-fixed {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5); }
  .popup-model-fixed .pmf-main {
    position: absolute;
    left: 5%;
    top: 28%;
    z-index: 99999999;
    width: 90%;
    background: #34a2d7;
    border-radius: 0.1rem; }
    .popup-model-fixed .pmf-main .close {
      display: block;
      width: 0.3rem;
      height: 0.3rem;
      background: url("../image/qlmm_t1.png") no-repeat center center;
      background-size: contain;
      position: absolute;
      right: 0.2rem;
      top: 0.2rem;
      cursor: pointer; }
    .popup-model-fixed .pmf-main .content {
      padding: 0.5rem 0.4rem 0.3rem 0.4rem; }
      .popup-model-fixed .pmf-main .content .title {
        text-align: center;
        text-shadow: 1px 1px 0.25rem #000;
        color: #fff;
        font-size: 0.42rem;
        font-weight: 700;
        line-height: 0.7rem; }
      .popup-model-fixed .pmf-main .content .t1 {
        color: #fff;
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 0.48rem; }
      .popup-model-fixed .pmf-main .content .t2 {
        color: #fff;
        line-height: 0.3rem;
        font-size: 0.24rem;
        margin-bottom: 0.2rem; }
      .popup-model-fixed .pmf-main .content .t3 {
        color: #fff;
        text-align: center;
        font-size: 0.24rem; }
      .popup-model-fixed .pmf-main .content .stock {
        color: #f00;
        font-weight: 700;
        line-height: 0.6rem;
        font-size: 0.32rem; }
      .popup-model-fixed .pmf-main .content .cinput {
        border: 1px solid #ddd;
        border-radius: 0.15rem;
        margin-bottom: 0.2rem; }
        .popup-model-fixed .pmf-main .content .cinput input {
          display: block;
          width: 100%;
          text-align: center;
          border: 0;
          outline: none;
          background: #fff;
          line-height: 0.7rem;
          font-size: 0.28rem;
          border-radius: 0.15rem; }
      .popup-model-fixed .pmf-main .content .cbtn {
        margin-bottom: 0.2rem;
        line-height: 0.7rem;
        border-radius: 0.15rem;
        border-bottom: 2px solid #b13131;
        font-size: 0.32rem;
        text-align: center;
        color: #fff;
        background: #ff0000;
		font-weight: bold;
        cursor: pointer; }

.popup-tip-model {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999999999;
  font-size: 0; }
  .popup-tip-model .tmain {
    position: absolute;
    left: 20%;
    top: 40%;
    width: 60%;
    margin-left: -0.4rem;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.4rem 0.4rem 1rem 0.4rem;
    border: 1px solid #ddd; }
    .popup-tip-model .tmain .tm-content {
      font-size: 0.28rem;
      text-align: center;
      margin-bottom: 0.5rem; }
    .popup-tip-model .tmain .tm-footer {
      text-align: right;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0.4rem;
      padding: 0 0.4rem; }
      .popup-tip-model .tmain .tm-footer .fbtn {
        display: inline-block;
        font-size: 0.28rem;
        line-height: 0.5rem;
        padding: 0 0.3rem;
        background: #169BD5;
        color: #fff;
        cursor: pointer;
        border-radius: 0.05rem; }

@-webkit-keyframes xuzh {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes xuzh {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }