@charset "utf-8";
body {
  width: 19.2rem;
  opacity: 0; }

* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  font-family: "PingFang SC Medium", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif; }

.flex {
  display: flex; }

ul {
  list-style: none; }

img {
  border: none; }

a {
  text-decoration: none;
  color: black; }

input, textarea {
  outline: none; }

.hide {
  display: none; }

@media screen and (max-width: 600px) {
  body {
    width: 7.5rem; } }
.product-container {
  padding: .5rem 0 1.3rem; }
  .product-container .container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative; }
    .product-container .container .left-container {
      padding: .36rem .25rem;
      width: calc(4.2rem - .5rem);
      margin-right: .3rem;
      overflow: auto;
      flex-shrink: 0;
      border: 1px solid #5d5d5d;
      border-radius: 10px; }
      .product-container .container .left-container .product-screen-container {
        width: 100%; }
        .product-container .container .left-container .product-screen-container .product-screen-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: .25rem; }
          .product-container .container .left-container .product-screen-container .product-screen-title .title {
            font-size: .3rem;
            color: #fff;
            font-weight: normal; }
          .product-container .container .left-container .product-screen-container .product-screen-title .goback {
            border-radius: 50%; }
            .product-container .container .left-container .product-screen-container .product-screen-title .goback span {
              width: .43rem;
              height: .43rem;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center; }
            .product-container .container .left-container .product-screen-container .product-screen-title .goback:after {
              border-radius: 50%; }
        .product-container .container .left-container .product-screen-container .screen-area {
          padding: .4rem 0;
          border-bottom: 1px solid #2d2d2d; }
          .product-container .container .left-container .product-screen-container .screen-area:last-child {
            border: none; }
          .product-container .container .left-container .product-screen-container .screen-area .title {
            font-size: .18rem;
            color: rgba(255, 255, 255, 0.5); }
          .product-container .container .left-container .product-screen-container .screen-area .nav-list .nav-item {
            display: inline-block;
            vertical-align: top;
            margin-top: .16rem;
            margin-right: .08rem;
            cursor: pointer;
            border-radius: 50px; }
            .product-container .container .left-container .product-screen-container .screen-area .nav-list .nav-item span {
              padding: .08rem .15rem;
              font-size: 12px;
              color: #fff;
              border-radius: 50px;
              border: 1px solid #2c2c2c;
              display: block; }
          .product-container .container .left-container .product-screen-container .screen-area .nav-list .disabled-nav-item span {
            color: #777; }
          .product-container .container .left-container .product-screen-container .screen-area .show-btn {
            padding: .08rem .15rem;
            font-size: 14px;
            color: #fff;
            border-radius: 50px;
            border: 1px solid #2c2c2c;
            margin-top: .16rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            width: fit-content; }
        .product-container .container .left-container .product-screen-container .changjing-area .nav-list .nav-item:nth-child(n + 10) {
          display: none; }
        .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area {
          position: relative;
          margin-top: .16rem; }
          .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-input-area {
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.25);
            border-radius: 50px; }
            .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-input-area input {
              padding: 0 .2rem 0 .5rem;
              height: .5rem;
              color: #fff;
              font-size: 14px;
              width: calc(100% - .7rem);
              border: none;
              background-color: unset; }
            .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-input-area .iconfont {
              position: absolute;
              color: #fff;
              left: .16rem;
              top: 0;
              line-height: .5rem; }
          .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result {
            position: absolute;
            width: 100%;
            top: 100%;
            padding-top: .06rem;
            display: none;
            z-index: 100; }
            .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result .result-list {
              border-radius: 10px;
              background-color: #1d1d1d;
              height: 2.3rem;
              overflow-y: scroll; }
              .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result .result-list::-webkit-scrollbar {
                display: none; }
              .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result .result-list .result-item {
                padding: .1rem .2rem;
                font-size: 13px;
                color: #999999;
                cursor: pointer; }
              .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result .result-list .result-item-on {
                background-color: #2f2f2f;
                color: #fff; }
    .product-container .container .right-container {
      width: calc(100% - 4.5rem);
      flex-shrink: 0; }
      .product-container .container .right-container .consult-btn {
        width: fit-content; }
        .product-container .container .right-container .consult-btn span {
          font-size: 12px;
          padding: .08rem .16rem; }
      .product-container .container .right-container .demo-btn {
        font-size: 13px;
        padding: .08rem .16rem;
        border: 1px solid rgba(255, 255, 255, 0.25);
        color: #fff;
        border-radius: 50px; }
      .product-container .container .right-container .operation-list {
        display: flex;
        align-items: center; }
        .product-container .container .right-container .operation-list .operation-item {
          margin-right: .2rem;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .product-container .container .right-container .operation-list .operation-item .iconfont {
            color: #777777; }
          .product-container .container .right-container .operation-list .operation-item .icon-dianzan1, .product-container .container .right-container .operation-list .operation-item .icon-shoucang1 {
            background-image: linear-gradient(to left, #fff, #d70c19 65%);
            -webkit-background-clip: text;
            color: transparent; }
          .product-container .container .right-container .operation-list .operation-item .value {
            color: #fff;
            margin-left: 3px;
            font-size: 12px; }
      .product-container .container .right-container .search-input-area {
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.26);
        border-radius: 50px;
        margin-bottom: .45rem; }
        .product-container .container .right-container .search-input-area input {
          padding: 0 .5rem 0 .5rem;
          height: .5rem;
          color: #fff;
          font-size: 14px;
          width: calc(100% - 1rem);
          border: none;
          background-color: unset; }
        .product-container .container .right-container .search-input-area .iconfont {
          position: absolute;
          color: #fff;
          left: .16rem;
          top: 0;
          line-height: .5rem; }
        .product-container .container .right-container .search-input-area .search-btn {
          height: 100%;
          padding: 0 .35rem;
          font-size: 15px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          border-radius: 0 50px 50px 0;
          background-image: linear-gradient(to right, #ff7d7d, #ff0011);
          position: absolute;
          z-index: 100;
          top: 0;
          right: 0; }
      .product-container .container .right-container .hot-tag-area {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: .55rem; }
        .product-container .container .right-container .hot-tag-area .title {
          padding: .08rem .15rem;
          font-size: 12px;
          color: #fff; }
        .product-container .container .right-container .hot-tag-area .hot-tag-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .product-container .container .right-container .hot-tag-area .hot-tag-list .hot-tag-item {
            display: inline-block;
            vertical-align: top;
            margin-bottom: .16rem;
            margin-right: .1rem;
            cursor: pointer;
            border-radius: 50px; }
            .product-container .container .right-container .hot-tag-area .hot-tag-list .hot-tag-item span {
              padding: .08rem .15rem;
              font-size: 12px;
              color: #fff;
              border-radius: 50px;
              border: 1px solid #2c2c2c;
              display: block; }
      .product-container .container .right-container .product-list-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .45rem; }
        .product-container .container .right-container .product-list-title .title {
          font-size: .3rem;
          color: #fff;
          font-weight: normal; }
        .product-container .container .right-container .product-list-title .product-screen-area {
          display: flex;
          align-items: center; }
          .product-container .container .right-container .product-list-title .product-screen-area .sort-type-area {
            position: relative; }
            .product-container .container .right-container .product-list-title .product-screen-area .sort-type-area .selected-type {
              display: flex;
              align-items: center;
              padding-left: .12rem;
              border-left: 1px solid #d20c18;
              color: #fff;
              cursor: pointer; }
              .product-container .container .right-container .product-list-title .product-screen-area .sort-type-area .selected-type .value {
                font-size: 12px; }
            .product-container .container .right-container .product-list-title .product-screen-area .sort-type-area .sort-type-list {
              position: absolute;
              top: 100%;
              left: 0;
              padding-top: .1rem;
              width: 100%;
              z-index: 10;
              display: none; }
              .product-container .container .right-container .product-list-title .product-screen-area .sort-type-area .sort-type-list .type-item {
                padding: 0.1rem 0.1rem;
                font-size: 12px;
                color: #999999;
                cursor: pointer;
                background-color: #1d1d1d;
                text-align: center; }
              .product-container .container .right-container .product-list-title .product-screen-area .sort-type-area .sort-type-list .type-item-on {
                background-color: #2f2f2f;
                color: #fff; }
          .product-container .container .right-container .product-list-title .product-screen-area .show-type-area {
            margin-left: .42rem;
            border: 1px solid rgba(255, 255, 255, 0.25);
            border-radius: 50px;
            display: flex;
            align-items: center; }
            .product-container .container .right-container .product-list-title .product-screen-area .show-type-area .iconfont {
              width: .5rem;
              height: .4rem;
              text-align: center;
              line-height: .4rem;
              color: #fff;
              font-weight: bold;
              cursor: pointer; }
              .product-container .container .right-container .product-list-title .product-screen-area .show-type-area .iconfont:last-child {
                border-left: 1px solid rgba(255, 255, 255, 0.25); }
            .product-container .container .right-container .product-list-title .product-screen-area .show-type-area .selected-show-type {
              background-image: linear-gradient(to left, #fff, #d70c19 65%);
              -webkit-background-clip: text;
              color: transparent; }
      .product-container .container .right-container .product-tab-item {
        display: none; }
      .product-container .container .right-container .product-tab-item-on {
        display: block; }
        .product-container .container .right-container .product-tab-item-on .img-area {
          width: 100%;
          height: 1.36rem;
          border-radius: 10px;
          overflow: hidden;
          position: relative; }
          .product-container .container .right-container .product-tab-item-on .img-area:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2);
            top: 0;
            left: 0; }
          .product-container .container .right-container .product-tab-item-on .img-area img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: all 0.6s; }
        .product-container .container .right-container .product-tab-item-on .img-product-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .product-container .container .right-container .product-tab-item-on .img-product-list .product-item {
            width: calc(33.3% - .24rem - .32rem);
            background-color: #0d0d0d;
            padding: .16rem;
            border-radius: 10px;
            margin-bottom: .4rem;
            margin-right: .36rem; }
            .product-container .container .right-container .product-tab-item-on .img-product-list .product-item:hover img {
              transform: scale(1.1); }
            .product-container .container .right-container .product-tab-item-on .img-product-list .product-item a {
              display: block; }
            .product-container .container .right-container .product-tab-item-on .img-product-list .product-item .product-name, .product-container .container .right-container .product-tab-item-on .img-product-list .product-item .product-des {
              font-size: 15px;
              color: #fff;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-top: .3rem; }
            .product-container .container .right-container .product-tab-item-on .img-product-list .product-item .product-des {
              font-size: 12px;
              margin-top: .24rem; }
            .product-container .container .right-container .product-tab-item-on .img-product-list .product-item .product-item-btn {
              display: flex;
              align-items: center;
              justify-content: space-between;
              margin-top: .5rem; }
            .product-container .container .right-container .product-tab-item-on .img-product-list .product-item:nth-child(3n) {
              margin-right: 0; }
        .product-container .container .right-container .product-tab-item-on .text-product-list .product-item {
          padding: .1rem .38rem .1rem .1rem;
          background-color: #0d0d0d;
          border-radius: 10px;
          margin-bottom: .4rem;
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          position: relative; }
          .product-container .container .right-container .product-tab-item-on .text-product-list .product-item:hover img {
            transform: scale(1.1); }
          .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .product-left-item {
            display: flex;
            align-items: center; }
            .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .product-left-item .img-area {
              width: 1.4rem;
              height: 1.4rem;
              margin-right: .6rem;
              flex-shrink: 0; }
            .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .product-left-item .product-info .product-name {
              margin-top: .12rem;
              color: #fff;
              font-size: 13px; }
            .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .product-left-item .product-info .product-id {
              font-size: 15px;
              font-weight: bold;
              background-image: linear-gradient(to right, #fff, #d70c19 40%);
              -webkit-background-clip: text;
              color: transparent; }
          .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .consult-btn {
            position: absolute;
            top: calc(.1rem + 2px);
            right: calc(.38rem + 2px); }
          .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .operation-list .operation-item {
            margin-left: .4rem;
            margin-right: 0; }
      .product-container .container .right-container .product-detail-container .detail-title-area {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .product-container .container .right-container .product-detail-container .detail-title-area .left-title-area {
          color: #fff;
          display: flex;
          align-items: center; }
          .product-container .container .right-container .product-detail-container .detail-title-area .left-title-area .title {
            font-size: .3rem;
            font-weight: normal; }
          .product-container .container .right-container .product-detail-container .detail-title-area .left-title-area .product-id {
            font-size: 14px;
            padding: .03rem .15rem;
            border-radius: 50px;
            margin-left: .15rem;
            background-color: #0d0d0d; }
      .product-container .container .right-container .product-detail-container .detail-img {
        width: 100%;
        height: 2.92rem;
        border-radius: 10px;
        object-fit: cover;
        display: block;
        margin: .5rem 0 .35rem; }
      .product-container .container .right-container .product-detail-container .detail-info-item {
        padding-top: .35rem;
        padding-bottom: .7rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
        .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: .4rem; }
          .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area .title {
            font-size: 15px;
            color: #fff;
            margin-right: 1.2rem; }
          .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area .title-on {
            background-image: linear-gradient(to right, #fff 1%, #d70c19 70%);
            -webkit-background-clip: text;
            color: transparent;
            position: relative; }
            .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area .title-on:after {
              position: absolute;
              content: '';
              width: 100%;
              height: .04rem;
              background-color: #d70c19;
              left: 0;
              bottom: -.28rem;
              display: none; }
          .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area .left-title-area {
            display: flex;
            align-items: center; }
        .product-container .container .right-container .product-detail-container .detail-info-item .intro {
          margin-top: .6rem; }
          .product-container .container .right-container .product-detail-container .detail-info-item .intro * {
            color: #fff;
            line-height: 1.8;
            text-align: justify; }
        .product-container .container .right-container .product-detail-container .detail-info-item .config-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: space-between; }
          .product-container .container .right-container .product-detail-container .detail-info-item .config-list .config-item {
            display: flex;
            align-items: center;
            position: relative;
            width: calc(50% - .2rem - .48rem);
            padding: .16rem .24rem;
            border-radius: 50px;
            background-color: #0d0d0d;
            margin-bottom: .24rem; }
            .product-container .container .right-container .product-detail-container .detail-info-item .config-list .config-item .label {
              width: 86px;
              flex-shrink: 0;
              color: #999999; }
            .product-container .container .right-container .product-detail-container .detail-info-item .config-list .config-item .value {
              width: calc(100% - 86px);
              color: #fff; }
        .product-container .container .right-container .product-detail-container .detail-info-item .demo-list {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item {
            width: calc(50% - .2rem);
            flex-shrink: 0;
            margin-bottom: .4rem;
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.25);
            position: relative; }
            .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item:hover img {
              transform: scale(1.1); }
            .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .img-area {
              width: 100%;
              height: 2.24rem;
              overflow: hidden;
              border-radius: 10px; }
              .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .img-area img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all 0.6s; }
            .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .demo-info {
              position: absolute;
              bottom: 0;
              left: 0;
              background-color: rgba(0, 0, 0, 0.85);
              border-bottom-left-radius: 10px;
              border-bottom-right-radius: 10px;
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: .1rem .16rem;
              width: calc(100% - .32rem); }
              .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .demo-info .download-btn {
                color: #fff;
                width: 30px;
                text-align: right;
                flex-shrink: 0;
                cursor: pointer; }
                .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .demo-info .download-btn .iconfont {
                  font-size: 20px; }
              .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .demo-info .demo-name {
                width: calc(100% - 30px);
                font-size: 14px;
                color: #fff;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
          .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-audio-item .demo-info {
            position: relative;
            border-radius: 10px; }
          .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-audio-item audio {
            width: calc(100% - .32rem);
            margin: .16rem .16rem 0;
            height: 40px; }
          .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-audio-item video {
            height: 200px;
            object-fit: contain;
            border-radius: 10px; }
        .product-container .container .right-container .product-detail-container .detail-info-item:first-child .info-title-area {
          padding-bottom: .24rem;
          border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
          .product-container .container .right-container .product-detail-container .detail-info-item:first-child .info-title-area .title-on:after {
            display: block; }
        .product-container .container .right-container .product-detail-container .detail-info-item:nth-child(2) {
          padding-bottom: .36rem; }
        .product-container .container .right-container .product-detail-container .detail-info-item:nth-child(3) {
          padding-bottom: .3rem;
          border-bottom: none; }
      .product-container .container .right-container .product-recommend-container {
        padding: .34rem .3rem;
        border-radius: 10px;
        background-color: #0d0d0d; }
        .product-container .container .right-container .product-recommend-container .title {
          font-size: 15px;
          color: #fff;
          text-align: center;
          position: relative;
          margin-bottom: .32rem; }
          .product-container .container .right-container .product-recommend-container .title:before, .product-container .container .right-container .product-recommend-container .title:after {
            position: absolute;
            content: '';
            width: calc(50% - 50px);
            height: 1px;
            background-color: rgba(255, 255, 255, 0.25);
            top: 50%;
            left: 0;
            transform: translate(0, -50%); }
          .product-container .container .right-container .product-recommend-container .title:after {
            left: unset;
            right: 0; }
        .product-container .container .right-container .product-recommend-container .swiper-recommend-product {
          padding-bottom: .54rem; }
          .product-container .container .right-container .product-recommend-container .swiper-recommend-product .swiper-pagination {
            bottom: 0; }
          .product-container .container .right-container .product-recommend-container .swiper-recommend-product .swiper-pagination-bullet {
            background-color: #5c5c5c;
            opacity: 1; }
          .product-container .container .right-container .product-recommend-container .swiper-recommend-product .swiper-pagination-bullet-active {
            background-color: #d70c19; }
          .product-container .container .right-container .product-recommend-container .swiper-recommend-product .swiper-slide {
            width: 2.28rem; }
            .product-container .container .right-container .product-recommend-container .swiper-recommend-product .swiper-slide img {
              width: 100%;
              height: 2.28rem;
              border-radius: 10px;
              display: block;
              margin-bottom: .28rem;
              object-fit: cover; }
            .product-container .container .right-container .product-recommend-container .swiper-recommend-product .swiper-slide p {
              font-size: 14px;
              color: #fff;
              text-align: center;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }

.product-container table, .search-result-container table {
  background-color: #181818;
  color: #999999;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: .3rem; }
  .product-container table td, .search-result-container table td {
    padding: 0 .25rem;
    font-size: 14px;
    text-align: center;
    height: .7rem;
    line-height: 1.5; }
  .product-container table thead td, .search-result-container table thead td {
    color: #fff;
    background-color: #171717;
    white-space: nowrap; }
  .product-container table .btn, .search-result-container table .btn {
    color: #d20c18; }
  .product-container table td:last-child, .search-result-container table td:last-child {
    width: 1.6rem; }
  .product-container table tbody tr:hover, .search-result-container table tbody tr:hover {
    background-color: #292929; }
    .product-container table tbody tr:hover td:first-child, .search-result-container table tbody tr:hover td:first-child {
      color: #fff; }
    .product-container table tbody tr:hover .btn, .search-result-container table tbody tr:hover .btn {
      padding: .1rem .3rem;
      color: #fff;
      border-radius: 50px;
      background-image: linear-gradient(to right, #890001, #d70c19);
      white-space: nowrap; }

.product-consult-container {
  width: 100%;
  height: 3.05rem;
  background-image: url("../../images/test/product-consult-bg.jpg");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center; }
  .product-consult-container .content p {
    font-size: .24rem;
    color: #fff;
    margin-bottom: .34rem; }
  .product-consult-container .content .consult-btn {
    padding: 0 .5rem;
    height: .5rem;
    line-height: .5rem;
    display: block;
    background-image: linear-gradient(to right, #ff7d7d, #ff0011);
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    width: fit-content;
    margin: 0 auto; }

.data-set-container .title {
  font-size: .5rem;
  color: #fff;
  position: relative;
  z-index: 100; }

.product-intro {
  padding: 2.38rem 0;
  position: relative; }
  .product-intro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .8; }
  .product-intro .title {
    text-align: center; }
  .product-intro .intro {
    color: #999999;
    font-size: .2rem;
    margin: .9rem auto;
    width: 12rem;
    position: relative;
    z-index: 100; }
  .product-intro .btn-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 100; }
    .product-intro .btn-list .btn {
      width: 1.7rem;
      height: .5rem;
      border-radius: 50px;
      color: #e7cecf;
      background-image: linear-gradient(to right, #890001, #d70c19);
      margin-left: .5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px; }
      .product-intro .btn-list .btn .iconfont {
        margin-right: 5px; }

.product-config-container {
  background-color: #121212;
  padding-bottom: .9rem; }
  .product-config-container .title-area {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .product-config-container .title-area .more-btn {
      width: 1.5rem;
      height: .45rem;
      color: #fff;
      border-radius: 50px;
      background-image: linear-gradient(to right, #890001, #d70c19);
      display: flex;
      align-items: center;
      justify-content: center; }

.search-container {
  padding: 1rem 0; }
  .search-container .search-input-area {
    display: flex;
    align-items: center;
    width: 7.3rem;
    height: .65rem;
    margin: 0 auto; }
    .search-container .search-input-area .search-input {
      padding: 0 .5rem;
      width: calc(100% - 2.65rem);
      height: 100%;
      flex-shrink: 0;
      border-radius: 50px 0 0 50px;
      background-color: #fff;
      border: none;
      font-size: .2rem; }
    .search-container .search-input-area .search-btn {
      width: 1.65rem;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: .2rem;
      background-image: linear-gradient(to right, #890001, #d70c19);
      border-radius: 0 50px 50px 0;
      border: none;
      cursor: pointer; }
  .search-container .search-result-container .result-count {
    color: #fff;
    margin-bottom: .3rem;
    font-size: 16px; }
  .search-container .search-result-container .result-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .3rem; }
    .search-container .search-result-container .result-nav .result-nav-item {
      color: #fff;
      font-size: 16px;
      margin-right: 1.35rem;
      padding: .1rem .2rem;
      border-radius: 50px; }
      .search-container .search-result-container .result-nav .result-nav-item:last-child {
        margin-right: 0; }
    .search-container .search-result-container .result-nav .result-nav-item-on {
      background-color: #d20c18; }
  .search-container .search-result-container .result-tab-item {
    display: none; }
  .search-container .search-result-container .result-tab-item-on {
    display: block; }
  .search-container .search-result-container .no-result {
    text-align: center;
    color: #fff;
    margin: .3rem 0; }
  .search-container .search-result-container .cases-list .cases-item {
    display: flex;
    align-items: center;
    margin-bottom: .5rem; }
    .search-container .search-result-container .cases-list .cases-item .cases-img {
      width: 50%;
      height: 3.5rem;
      flex-shrink: 0;
      margin-right: .5rem;
      overflow: hidden; }
      .search-container .search-result-container .cases-list .cases-item .cases-img img {
        width: 100%;
        height: 100%;
        display: block;
        transition: all 0.6s;
        object-fit: cover; }
    .search-container .search-result-container .cases-list .cases-item .content {
      width: calc(50% - .5rem);
      flex-shrink: 0; }
      .search-container .search-result-container .cases-list .cases-item .content .title {
        font-size: .3rem;
        color: #fff; }
      .search-container .search-result-container .cases-list .cases-item .content .des {
        font-size: 16px;
        color: #999999;
        margin-top: .1rem; }
    .search-container .search-result-container .cases-list .cases-item:hover img {
      transform: scale(1.1); }
    .search-container .search-result-container .cases-list .cases-item:hover .title {
      color: #d20c18; }
  .search-container .search-result-container .news-list {
    display: flex;
    flex-wrap: wrap; }
    .search-container .search-result-container .news-list .news-item {
      width: calc(50% - 1rem);
      margin-right: 1rem;
      flex-shrink: 0;
      padding-bottom: .6rem;
      border-bottom: 1px solid #363636;
      margin-bottom: .6rem;
      display: flex;
      align-items: center; }
      .search-container .search-result-container .news-list .news-item .time {
        margin-right: .5rem;
        flex-shrink: 0; }
        .search-container .search-result-container .news-list .news-item .time span {
          display: block;
          font-size: .2rem;
          color: #999;
          line-height: 1; }
      .search-container .search-result-container .news-list .news-item .content {
        flex-shrink: 0;
        width: calc(100% - 1.2rem); }
        .search-container .search-result-container .news-list .news-item .content .news-title {
          font-size: .2rem;
          color: #fff;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .search-container .search-result-container .news-list .news-item .content .des {
          font-size: 13px;
          color: #999;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
    .search-container .search-result-container .news-list .news-item:nth-child(even) {
      margin-right: 0;
      margin-left: 1rem; }
    .search-container .search-result-container .news-list .news-item:hover .content .news-title {
      color: #d20c18; }

/*# sourceMappingURL=data-set.css.map */