@charset "UTF-8";
/* justify布局 */
.ui_justify {
  text-align: justify;
  font-size: 0; }
  .ui_justify::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0; }
  .ui_justify .ui_justify_item {
    display: inline-block;
    vertical-align: top; }

/* 浮动布局相关 */
.pull_left {
  float: left; }

.pull_right {
  float: right; }

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

/* 文本相关 */
.text-center {
  text-align: center; }

/* 位置相关 */
.block-center {
  margin-left: auto;
  margin-right: auto; }

.vam {
  vertical-align: middle !important; }

/* 样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "SourceHanSansSC-Regular"; }

.winchat_wrapper {
  width: 6.30616rem;
  margin: 0 auto; }
  .winchat_wrapper h5 {
    margin: 0 auto;
    font-size: 0.18918rem;
    color: #303030; }
    .winchat_wrapper h5:before {
      content: "";
      display: inline-block;
      width: 0.21021rem;
      height: 0.01051rem;
      background: #1ab68c;
      margin-right: 0.02628rem;
      margin-bottom: 0.0473rem; }
    .winchat_wrapper h5:after {
      content: "";
      display: inline-block;
      width: 0.21021rem;
      height: 0.01051rem;
      background: #1ab68c;
      margin-left: 0.02628rem;
      margin-bottom: 0.0473rem; }

.mask {
  display: none;
  position: fixed;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }

.win_chat {
  width: 100%; }
  .win_chat .banner {
    position: relative;
    width: 100%; }
    .win_chat .banner .wrapper {
      width: 6.30616rem;
      height: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center; }
    .win_chat .banner > img {
      width: 100%; }
    .win_chat .banner .video_mask {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 0.63062rem;
      background: rgba(0, 0, 0, 0.3); }
      .win_chat .banner .video_mask .mask_left {
        width: 50%;
        height: 0.36786rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid #2494a5; }
        .win_chat .banner .video_mask .mask_left h6 {
          font-size: 0.14714rem;
          color: #8fe5fd;
          margin-bottom: 9px; }
        .win_chat .banner .video_mask .mask_left p {
          font-size: 0.1051rem;
          color: #8fe5fd; }
      .win_chat .banner .video_mask .mask_right {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .win_chat .banner .video_mask .mask_right .video_normal {
          width: 1.15613rem;
          cursor: pointer; }
        .win_chat .banner .video_mask .mask_right .video_active {
          display: none;
          width: 1.28225rem;
          cursor: pointer; }
    .win_chat .banner .btn-1 {
      display: block;
      position: absolute;
      top: 68%;
      left: 50%;
      width: 1rem;
      transform: translate(-50%, -50%);
      line-height: 0.25225rem;
      border: 1px solid #fff;
      border-radius: 6px;
      color: #fff;
      text-align: center;
      font-size: 0.11561rem;
      color: #fdfdfd;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .win_chat .banner .btn-1 {
          top: 85%;
          width: 1.98381rem;
          line-height: 0.63062rem;
          font-size: 0.28903rem; } }
      @media screen and (max-width: 500px) {
        .win_chat .banner .btn-1 {
          top: 75%;
          width: 1.98381rem;
          line-height: 0.63062rem;
          font-size: 0.28903rem; } }
    .win_chat .banner .mobile-btn {
      display: none; }
  .win_chat .video_wrap {
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer; }
    .win_chat .video_wrap .close {
      position: absolute;
      right: 0;
      width: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 18px;
      color: black;
      cursor: pointer;
      font-weight: lighter;
      z-index: 10; }
  .win_chat .winchat_part_common {
    text-align: center; }
    .win_chat .winchat_part_common .winchat_part_content .content_right {
      width: 50%; }
      .win_chat .winchat_part_common .winchat_part_content .content_right p {
        width: 100%;
        font-size: 0.08408rem;
        line-height: 0.12612rem;
        color: #303030; }
      .win_chat .winchat_part_common .winchat_part_content .content_right .conten-title {
        padding: 0.70419rem 0 0.08408rem;
        font-size: 0.12612rem;
        color: #303030; }
      .win_chat .winchat_part_common .winchat_part_content .content_right img {
        width: 100%; }
    .win_chat .winchat_part_common .winchat_part_content .content_left {
      width: 50%; }
      .win_chat .winchat_part_common .winchat_part_content .content_left img {
        width: 100%; }
      .win_chat .winchat_part_common .winchat_part_content .content_left p {
        width: 100%;
        font-size: 0.08408rem;
        line-height: 0.12612rem;
        color: #303030; }
      .win_chat .winchat_part_common .winchat_part_content .content_left .conten-title {
        padding: 0.70419rem 0 0.08408rem;
        font-size: 0.12612rem;
        color: #303030; }
  .win_chat .winchat_part_deep {
    background: #f2f2f2; }
  .win_chat .winchat_part_f {
    text-align: center;
    padding: 0.415156rem 0 0.509748rem; }
    .win_chat .winchat_part_f p {
      margin-top: 0.06832rem;
      margin-bottom: 0.2575rem;
      font-size: 0.09985rem;
      letter-spacing: 2px;
      color: #282828; }
    .win_chat .winchat_part_f .winchat_part_content .content_left {
      width: 50%; }
      .win_chat .winchat_part_f .winchat_part_content .content_left p {
        width: 2.78522rem;
        color: #505050;
        text-align: left;
        font-size: 0.08408rem;
        line-height: 0.12612rem; }
    .win_chat .winchat_part_f .winchat_part_content .content_right {
      width: 50%; }
      .win_chat .winchat_part_f .winchat_part_content .content_right img {
        width: 2.94813rem; }
  .win_chat .winchat_part_s {
    width: 100%;
    background: #27cfa4;
    padding: 0.31005rem 0 0.60434rem;
    text-align: center; }
    .win_chat .winchat_part_s h5 {
      margin: 0 auto 0.20495rem;
      color: #fff; }
      .win_chat .winchat_part_s h5:before {
        width: 0;
        height: 0; }
      .win_chat .winchat_part_s h5:after {
        width: 0;
        height: 0; }
    .win_chat .winchat_part_s .winchat_part_box {
      width: 100%; }
      .win_chat .winchat_part_s .winchat_part_box .small_box {
        text-align: center; }
        .win_chat .winchat_part_s .winchat_part_box .small_box span {
          display: inline-block;
          background: #fff;
          width: 0.52551rem;
          height: 0.52551rem;
          border-radius: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip1 {
            background: url("/templates/website/res/img/winChat/tip1.png") center;
            background-size: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip2 {
            background: url("/templates/website/res/img/winChat/tip2.png") center;
            background-size: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip3 {
            background: url("/templates/website/res/img/winChat/tip3.png") center;
            background-size: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip4 {
            background: url("/templates/website/res/img/winChat/tip4.png") center;
            background-size: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip5 {
            background: url("/templates/website/res/img/winChat/tip5.png") center;
            background-size: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip6 {
            background: url("/templates/website/res/img/winChat/tip6.png") center;
            background-size: 100%; }
          .win_chat .winchat_part_s .winchat_part_box .small_box span.tip7 {
            background: url("/templates/website/res/img/winChat/tip7.png") center;
            background-size: 100%; }
        .win_chat .winchat_part_s .winchat_part_box .small_box p {
          margin-top: 0.05255rem;
          font-size: 0.08408rem;
          line-height: 0.12612rem;
          letter-spacing: 0px;
          color: #ffffff; }
  .win_chat .winchat_part_t {
    padding: 0.42041rem 0; }
  .win_chat .winchat_part_fo {
    padding: 0.33633rem 0 0.40465rem; }
    .win_chat .winchat_part_fo .winchat_part_content .mobile_winchat {
      display: none;
      word-wrap: break-word;
      font-size: 16px;
      text-align: left; }
    .win_chat .winchat_part_fo .winchat_part_content .content_right img {
      width: 3.49467rem; }
  .win_chat .winchat_part_fi {
    padding: 0.57281rem 0 0.49398rem; }
  .win_chat .winchat_part_si {
    padding: 0.27327rem 0; }
    .win_chat .winchat_part_si .winchat_part_content .content_right img {
      width: 2.14935rem; }
  .win_chat .winchat_part_se {
    padding: 0.24699rem 0 0.4099rem; }
    .win_chat .winchat_part_se .winchat_part_content .content_left img {
      width: 2.52247rem; }
  .win_chat .winchat_part_e {
    width: 100%;
    background: url("/templates/website/res/img/winChat/function1.jpg");
    padding: 0.31531rem 0 0.36786rem; }
    .win_chat .winchat_part_e p {
      font-size: 0.08408rem;
      line-height: 0.17868rem;
      color: #fff; }
    .win_chat .winchat_part_e p.conten-title {
      font-size: 0.12612rem;
      line-height: 0.17868rem; }
    .win_chat .winchat_part_e .content_right img {
      width: 1.89185rem; }
  .win_chat .mobile_winchat {
    display: none;
    word-wrap: break-word;
    font-size: 16px;
    text-align: left; }
  .win_chat .winchat_part_n {
    position: relative;
    height: 2.94288rem;
    background: url("/templates/website/res/img/winChat/function2.jpg");
    padding-top: 0.42041rem;
    text-align: center; }
    .win_chat .winchat_part_n p {
      margin-top: 0.1997rem;
      margin-bottom: 0.62011rem;
      font-size: 0.08408rem;
      line-height: 0.12612rem;
      color: #505050; }
    .win_chat .winchat_part_n .winchat_part_content {
      position: absolute;
      width: 4.03594rem;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
      .win_chat .winchat_part_n .winchat_part_content img {
        width: 100%; }
  .win_chat section {
    padding-top: 0.41667rem; }
    .win_chat section .winchat_compute {
      text-align: center; }
      .win_chat section .winchat_compute .buy {
        margin: 20px auto 0;
        margin-top: 0.25rem; }
        .win_chat section .winchat_compute .buy .item_box {
          width: 1.98644rem;
          height: 2.56451rem;
          flex: 1;
          display: flex;
          flex-direction: column;
          margin-bottom: 60px; }
          .win_chat section .winchat_compute .buy .item_box .title-3 {
            position: relative;
            height: 0.36979rem;
            font-size: 0.15625rem;
            line-height: 0.36979rem; }
            .win_chat section .winchat_compute .buy .item_box .title-3 .sub-txt {
              position: relative;
              top: 0.03125rem;
              font-size: 0.09375rem; }
            .win_chat section .winchat_compute .buy .item_box .title-3 .mark-icon {
              position: absolute;
              width: 0.29167rem;
              height: 0.31771rem;
              right: 0;
              top: -1px; }
          .win_chat section .winchat_compute .buy .item_box .content {
            text-align: left;
            flex: 1;
            padding: 0.16816rem 0.1051rem 0; }
            .win_chat section .winchat_compute .buy .item_box .content .p-1 {
              height: 0.63062rem;
              line-height: 30px;
              font-size: 0.08333rem;
              letter-spacing: 1.2px;
              color: #333333; }
            .win_chat section .winchat_compute .buy .item_box .content .p-2 {
              border-bottom: 1px dashed #ddd;
              font-size: 0.08934rem;
              color: #000000;
              padding-bottom: 0.1051rem; }
              .win_chat section .winchat_compute .buy .item_box .content .p-2 span {
                color: #cf1c1c;
                font-size: 0.08934rem; }
              .win_chat section .winchat_compute .buy .item_box .content .p-2 .price {
                font-size: 0.1524rem; }
              .win_chat section .winchat_compute .buy .item_box .content .p-2 span.old_price {
                margin-left: 0.1524rem;
                font-size: 0.08408rem;
                color: #808080; }
                .win_chat section .winchat_compute .buy .item_box .content .p-2 span.old_price .old_price_show {
                  color: #808080; }
              .win_chat section .winchat_compute .buy .item_box .content .p-2 .discount {
                color: #808080; }
            .win_chat section .winchat_compute .buy .item_box .content .p-3 {
              line-height: 0.08934rem;
              margin-top: 0.12087rem;
              font-size: 0.09375rem;
              color: #112f5f;
              margin-bottom: 0.07883rem; }
            .win_chat section .winchat_compute .buy .item_box .content .p-4 {
              margin-top: 0.11979rem;
              font-size: 0.07292rem;
              color: #9aa3b1; }
          .win_chat section .winchat_compute .buy .item_box .company div {
            font-size: 0.08934rem;
            color: #112f5f;
            margin-bottom: 0.16816rem; }
          .win_chat section .winchat_compute .buy .item_box .footer {
            font-size: 0.08408rem;
            padding-bottom: 0.1051rem; }
            .win_chat section .winchat_compute .buy .item_box .footer .controller {
              width: 0.1051rem;
              height: 0.1051rem;
              border-radius: 100%;
              color: #999;
              border: 1px solid #999;
              cursor: pointer;
              user-select: none; }
            .win_chat section .winchat_compute .buy .item_box .footer .active {
              color: #112f5f;
              border: 1px solid #112f5f; }
            .win_chat section .winchat_compute .buy .item_box .footer .num {
              color: #000000; }
        .win_chat section .winchat_compute .buy .item + .item {
          margin-left: 0.17342rem; }

#product-banner {
  width: 100%;
  position: relative;
  overflow: hidden; }
  #product-banner .slider-containter {
    width: 100%;
    text-align: center; }
    #product-banner .slider-containter .banner-img {
      width: 100%;
      position: relative; }
      #product-banner .slider-containter .banner-img img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      #product-banner .slider-containter .banner-img .img-mobile {
        display: none; }
      #product-banner .slider-containter .banner-img .btn {
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #product-banner .slider-containter .banner-img .btn a.link-btn {
          display: block;
          width: 1.05103rem;
          height: .241736rem;
          border: solid 1px #fff;
          font-size: 0.14714rem;
          line-height: 0.24174rem;
          color: #fff;
          cursor: pointer; }
          #product-banner .slider-containter .banner-img .btn a.link-btn:hover {
            border-color: rgba(75, 171, 253, 0.8); }
  #product-banner .aislider-pagination {
    position: absolute;
    bottom: 0.45194rem !important;
    text-align: center;
    z-index: 99; }
    #product-banner .aislider-pagination .swiper-pagination-bullet {
      background: #f3f3f3;
      opacity: 1; }
      #product-banner .aislider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007aff; }

@media screen and (max-width: 1294px) {
  .winchat_part_e .content_right {
    display: none; } }

@media screen and (max-width: 1200px) {
  .win_chat .winchat_wrapper h5 {
    font-size: 18px; }
    .win_chat .winchat_wrapper h5:before {
      width: 15px;
      height: 2px;
      margin-right: 5px;
      margin-bottom: 5px; }
    .win_chat .winchat_wrapper h5:after {
      width: 15px;
      height: 2px;
      margin-left: 5px;
      margin-bottom: 5px; }
  .win_chat .winchat_wrapper p {
    font-size: 16px; }
  .win_chat .winchat_wrapper .winchat_part_content {
    padding: 0.4rem 0; }
    .win_chat .winchat_wrapper .winchat_part_content .content_left p {
      font-size: 12px;
      line-height: 24px; }
    .win_chat .winchat_wrapper .winchat_part_content .content_left .conten-title {
      padding: 0.2rem 0 0.084rem;
      font-size: 15px; }
    .win_chat .winchat_wrapper .winchat_part_content .content_right p {
      font-size: 14px;
      line-height: 23px; }
    .win_chat .winchat_wrapper .winchat_part_content .content_right .conten-title {
      padding: 0.2rem 0 0.084rem;
      font-size: 15px; }
  .win_chat .winchat_wrapper .winchat_part_box .small_box p {
    font-size: 14px;
    line-height: 24px; }
  .win_chat .mobile_winchat {
    display: block;
    line-height: 23px !important;
    text-align: center; }
  .win_chat .winchat_part_fi .pc_winchat {
    display: none; }
  .win_chat .winchat_part_e .winchat_part_content .content_left .conten-title {
    padding: 0; }
  .win_chat .winchat_part_n {
    height: auto; }
    .win_chat .winchat_part_n .pc_winchat {
      display: none; }
    .win_chat .winchat_part_n .winchat_part_content {
      position: static;
      width: 100%;
      transform: translateX(0); }
      .win_chat .winchat_part_n .winchat_part_content img {
        width: 100%; }
  .win_chat section .winchat_compute .buy .item.item_box .content .p-1 {
    line-height: 14px; }
  .win_chat section .winchat_compute .buy .item.item_box .content .p-4 {
    font-size: 12px; } }

@media screen and (max-width: 900px) {
  .win_chat .winchat_wrapper {
    width: 80%; }
    .win_chat .winchat_wrapper h5 {
      font-size: 20px; }
      .win_chat .winchat_wrapper h5:before {
        width: 15px;
        height: 2px;
        margin-right: 5px;
        margin-bottom: 5px; }
      .win_chat .winchat_wrapper h5:after {
        width: 15px;
        height: 2px;
        margin-left: 5px;
        margin-bottom: 5px; }
    .win_chat .winchat_wrapper p {
      font-size: 18px; }
    .win_chat .winchat_wrapper .winchat_part_content {
      padding: 30px 0; }
      .win_chat .winchat_wrapper .winchat_part_content .content_left {
        width: 100%; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left p {
          width: 100%;
          font-size: 14px;
          line-height: 23px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left .conten-title {
          padding: 0;
          font-size: 16px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left img {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 20px; }
      .win_chat .winchat_wrapper .winchat_part_content .content_right {
        width: 100%; }
        .win_chat .winchat_wrapper .winchat_part_content .content_right img {
          width: 100%;
          margin-top: 20px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_right p {
          padding: 0;
          font-size: 14px;
          line-height: 23px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_right .conten-title {
          padding: 0;
          font-size: 16px; }
    .win_chat .winchat_wrapper .winchat_part_box .small_box span {
      width: 36px;
      height: 36px;
      margin: 10px auto 10px; }
    .win_chat .winchat_wrapper .winchat_part_box .small_box p {
      font-size: 12px;
      line-height: 16px; }
  .win_chat .winchat_part_si img {
    width: 50% !important; }
  .win_chat .winchat_part_se img {
    width: 50% !important; }
  .win_chat .winchat_part_e {
    height: auto; }
  .win_chat .winchat_part_n {
    height: auto; }
    .win_chat .winchat_part_n .pc_winchat {
      display: none; }
    .win_chat .winchat_part_n .mobile_winchat {
      display: block;
      line-height: 23px;
      text-align: center; }
    .win_chat .winchat_part_n .winchat_part_content {
      position: static;
      width: 100%;
      transform: translateX(0); }
      .win_chat .winchat_part_n .winchat_part_content img {
        width: 100%; }
  .win_chat section {
    padding: 30px 0; }
    .win_chat section .winchat_compute h5 {
      font-size: 20px; }
      .win_chat section .winchat_compute h5:before {
        width: 15px;
        height: 2px;
        margin-right: 5px;
        margin-bottom: 5px; }
      .win_chat section .winchat_compute h5:after {
        width: 15px;
        height: 2px;
        margin-left: 5px;
        margin-bottom: 5px; }
    .win_chat section .winchat_compute .buy {
      flex-direction: column; }
      .win_chat section .winchat_compute .buy .item.item_box {
        margin-left: 0;
        width: 100%;
        height: auto;
        margin-bottom: 30px; }
        .win_chat section .winchat_compute .buy .item.item_box .title-3 {
          height: 40px;
          font-size: 20px; }
          .win_chat section .winchat_compute .buy .item.item_box .title-3 .sub-text {
            font-size: 15px; }
        .win_chat section .winchat_compute .buy .item.item_box .content {
          padding: 32px 20px 0; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-1 {
            height: 120px;
            line-height: 30px;
            font-size: 15px; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-2 {
            font-size: 17px;
            padding-bottom: 20px; }
            .win_chat section .winchat_compute .buy .item.item_box .content .p-2 span {
              font-size: 17px; }
            .win_chat section .winchat_compute .buy .item.item_box .content .p-2 .price {
              font-size: 29px; }
            .win_chat section .winchat_compute .buy .item.item_box .content .p-2 span.old_price {
              margin-left: 29px;
              font-size: 16px; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-3 {
            line-height: 30px;
            margin-top: 23px;
            font-size: 17px;
            margin-bottom: 15px; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-4 {
            font-size: 14px; }
        .win_chat section .winchat_compute .buy .item.item_box .company div {
          font-size: 17px;
          margin-bottom: 32px; }
        .win_chat section .winchat_compute .buy .item.item_box .footer {
          font-size: 16px;
          padding-bottom: 20px;
          margin-top: 20px; }
          .win_chat section .winchat_compute .buy .item.item_box .footer .controller {
            width: 20px;
            height: 20px; } }

@media screen and (max-width: 768px) {
  #product-banner .slider-containter .banner-img .img {
    display: none; }
  #product-banner .slider-containter .banner-img .img-mobile {
    display: inline; }
  #product-banner .slider-containter .banner-img .btn a.link-btn {
    display: block;
    width: 2.10206rem;
    height: 0.60434rem;
    line-height: 0.60434rem;
    font-size: 0.36786rem; }
  .win_chat .video_wrap {
    width: 80%; }
    .win_chat .video_wrap video {
      width: 100%; }
  .win_chat .banner {
    height: 400px;
    background: url("/templates/website/res/img/winChat/banner.jpg") center;
    background-size: 200%; }
    .win_chat .banner > img {
      display: none; }
    .win_chat .banner .btn-1 {
      top: 70%; }
    .win_chat .banner .mobile-btn {
      display: block; }
    .win_chat .banner .pc-btn {
      display: none; }
    .win_chat .banner .video_mask {
      height: 0.94592rem; }
      .win_chat .banner .video_mask .wrapper .video_normal {
        width: 2.31226rem; }
      .win_chat .banner .video_mask .wrapper .video_active {
        width: 2.56451rem; }
  .win_chat .winchat_wrapper {
    width: 80%; }
    .win_chat .winchat_wrapper h5 {
      font-size: 20px; }
      .win_chat .winchat_wrapper h5:before {
        width: 15px;
        height: 2px;
        margin-right: 5px;
        margin-bottom: 5px; }
      .win_chat .winchat_wrapper h5:after {
        width: 15px;
        height: 2px;
        margin-left: 5px;
        margin-bottom: 5px; }
    .win_chat .winchat_wrapper p {
      font-size: 18px; }
    .win_chat .winchat_wrapper .winchat_part_content .content_left .pc_winchat {
      display: none !important; }
    .win_chat .winchat_wrapper .winchat_part_content .content_left .mobile_winchat {
      display: block !important;
      line-height: 23px !important; }
    .win_chat .winchat_wrapper .winchat_part_content {
      padding: 30px 0; }
      .win_chat .winchat_wrapper .winchat_part_content .content_left {
        width: 100%; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left p {
          width: 100%;
          font-size: 14px;
          line-height: 23px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left .conten-title {
          padding: 0;
          font-size: 16px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left img {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 20px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left .pc_winchat {
          display: none !important; }
        .win_chat .winchat_wrapper .winchat_part_content .content_left .mobile_winchat {
          display: block !important;
          line-height: 23px !important; }
      .win_chat .winchat_wrapper .winchat_part_content .content_right {
        width: 100%; }
        .win_chat .winchat_wrapper .winchat_part_content .content_right img {
          width: 100%;
          margin-top: 20px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_right p {
          padding: 0;
          font-size: 14px;
          line-height: 23px; }
        .win_chat .winchat_wrapper .winchat_part_content .content_right .conten-title {
          padding: 0;
          font-size: 16px; }
    .win_chat .winchat_wrapper .winchat_part_box .small_box span {
      width: 36px;
      height: 36px;
      margin: 10px auto 10px; }
    .win_chat .winchat_wrapper .winchat_part_box .small_box p {
      font-size: 12px;
      line-height: 16px; }
  .win_chat .winchat_part_fo .winchat_part_content .content_left .pc_winchat {
    display: none !important; }
  .win_chat .winchat_part_fo .winchat_part_content .content_left .mobile_winchat {
    text-align: center;
    display: block !important;
    line-height: 23px !important; }
  .win_chat .winchat_part_e {
    height: auto; }
    .win_chat .winchat_part_e .pc_winchat {
      display: none; }
  .win_chat .winchat_part_n {
    height: auto; }
    .win_chat .winchat_part_n .pc_winchat {
      display: none; }
    .win_chat .winchat_part_n .mobile_winchat {
      display: block;
      line-height: 23px; }
    .win_chat .winchat_part_n .winchat_part_content {
      width: 100%; }
      .win_chat .winchat_part_n .winchat_part_content img {
        width: 100%; }
  .win_chat section {
    padding: 30px 0; }
    .win_chat section .winchat_compute h5 {
      font-size: 20px; }
      .win_chat section .winchat_compute h5:before {
        width: 15px;
        height: 2px;
        margin-right: 5px;
        margin-bottom: 5px; }
      .win_chat section .winchat_compute h5:after {
        width: 15px;
        height: 2px;
        margin-left: 5px;
        margin-bottom: 5px; }
    .win_chat section .winchat_compute .buy {
      flex-direction: column; }
      .win_chat section .winchat_compute .buy .item.item_box {
        margin-left: 0;
        width: 100%;
        height: auto;
        margin-bottom: 30px; }
        .win_chat section .winchat_compute .buy .item.item_box .title-3 {
          height: 40px;
          font-size: 20px; }
          .win_chat section .winchat_compute .buy .item.item_box .title-3 .sub-text {
            font-size: 15px; }
        .win_chat section .winchat_compute .buy .item.item_box .content {
          padding: 32px 20px 0; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-1 {
            height: 120px;
            line-height: 30px;
            font-size: 15px; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-2 {
            font-size: 17px;
            padding-bottom: 20px; }
            .win_chat section .winchat_compute .buy .item.item_box .content .p-2 span {
              font-size: 17px; }
            .win_chat section .winchat_compute .buy .item.item_box .content .p-2 .price {
              font-size: 29px; }
            .win_chat section .winchat_compute .buy .item.item_box .content .p-2 span.old_price {
              margin-left: 29px;
              font-size: 16px; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-3 {
            line-height: 30px;
            margin-top: 23px;
            font-size: 17px;
            margin-bottom: 15px; }
          .win_chat section .winchat_compute .buy .item.item_box .content .p-4 {
            font-size: 14px; }
        .win_chat section .winchat_compute .buy .item.item_box .company div {
          font-size: 17px;
          margin-bottom: 32px; }
        .win_chat section .winchat_compute .buy .item.item_box .footer {
          font-size: 16px;
          padding-bottom: 20px;
          margin-top: 20px; }
          .win_chat section .winchat_compute .buy .item.item_box .footer .controller {
            width: 20px;
            height: 20px; } }

@media screen and (max-width: 500px) {
  .win_chat .banner {
    background-size: 300%; }
    .win_chat .banner .video_mask {
      height: 1.57654rem; }
      .win_chat .banner .video_mask .wrapper {
        width: 80%; }
      .win_chat .banner .video_mask .mask_left h6 {
        margin-bottom: 0; }
      .win_chat .banner .video_mask .mask_left p {
        text-align: center; }
      .win_chat .banner .video_mask .video_normal {
        width: 2.89033rem !important; }
      .win_chat .banner .video_mask .video_active {
        width: 3.20563rem !important; } }

.btn-wrapper {
  width: 100%;
  text-align: center; }
  .btn-wrapper .btn {
    display: inline-block;
    width: 0.9375rem;
    height: 0.26042rem;
    text-align: center;
    line-height: 0.26042rem;
    font-size: 0.125rem;
    letter-spacing: 2.4px;
    color: #fff;
    background-color: #007bc0;
    border-radius: 6px;
    margin: 0.42041rem 0;
    cursor: pointer; }
    @media screen and (max-width: 900px) {
      .btn-wrapper .btn {
        width: 1.14583rem;
        height: 0.36458rem;
        line-height: 0.36458rem;
        font-size: 0.14583rem; } }
    @media screen and (max-width: 768px) {
      .btn-wrapper .btn {
        width: 4.55729rem;
        height: 1.17188rem;
        line-height: 1.17188rem;
        font-size: 0.52083rem; } }
    .btn-wrapper .btn:hover {
      background-color: rgba(0, 123, 192, 0.8); }