h2, .h2 {
     font-size: 2rem;
 }
 .font-weight-thin {
        font-weight: 100 !important;
      }
      .font-weight-extra-light {
        font-weight: 200 !important;
      }
      .font-weight-light {
        font-weight: 300 !important;
      }
      .font-weight-normal {
        font-weight: 400 !important;
      }
      .font-weight-medium {
        font-weight: 500 !important;
      }
      .font-weight-semi-bold {
        font-weight: 600 !important;
      }
      .font-weight-bold {
        font-weight: 700 !important;
      }
      .font-weight-extra-bold {
        font-weight: 800 !important;
      }
      .font-weight-black {
        font-weight: 900 !important;
      }
      ul li {
        list-style: none;
      }
      a:hover {
        text-decoration: none;
      }
      .fixed-top {
        background: #fff;
      }

      .Tdesign-banner {
        width: 100%;
        padding: 12px 4px;
        background: linear-gradient(
          90deg,
          rgba(97, 57, 246, 255) 0.126%,
          rgba(82, 74, 241, 255) 44.067%,
          rgba(42, 122, 242, 255) 97.163%
        );
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
      }
      .Tdesign-banner--btn__active,
      .Tdesign-banner--btn__default {
        padding: 2px 11px;
        border-radius: 20px;
        font-size: 12px;
        line-height: 18px;
        cursor: pointer;
        text-align: center;
      }
      .Tdesign-banner--btn__active {
        border: 1px solid #fff;
        background: #fff;
        color: #565dff;
        margin-left: 40px;
        margin-right: 20px;
      }
      .Tdesign-banner--btn__default {
        border: 1px solid #fff;
        color: #fff;
      }
      .Tdesign-banner--btn-close {
        position: absolute;
        right: 16px;
        top: 12px;
        cursor: pointer;
      }
      .close-tdesign-banner {
        width: 21px;
        height: 21px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .close-tdesign-banner:hover {
        background: rgba(255, 255, 255, 0.25);
      }
      .fixed-top {
        stroke: #000;
      }
      .bg-transparent {
        background-color: transparent;
        color: #fff;
      }
      .bg-transparent svg {
        stroke: #fff;
      }
      .dropdown--arrow {
        margin-left: 4px;
        transition: transform 0.2s;
        will-change: transform;
        transform-origin: center center;
      }
      #wsc-header .nav-link[aria-expanded="true"] .dropdown--arrow,
      .dropdown-nav-item:hover .dropdown--arrow {
        transform: rotate(-180deg);
      }
      .product-box {
        border-radius: 16px;
        display: flex;
        width: 830px;
        justify-content: space-between;
        padding: 16px;
      }
      .product-box--item {
        border-radius: 10px;
        padding: 12px;
        flex: 0 0 244px;
      }
      .product-box--item:hover {
        background: rgba(0, 0, 0, 0.03);
      }
      .nav-item .collapse-box.collapse-box {
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        cursor: default;
        border-radius: 16px;
        overflow: hidden;
      }
      .community-box {
        padding: 16px;
        display: flex;
        width: 574px;
      }
      .community-box--works {
        padding: 12px 0;
      }
      .header-item {
        border-radius: 10px;
        display: flex;
        align-items: center;
        padding: 14px;
        cursor: pointer;
        width: 266px;
      }
      .header-resource .header-item:not(:last-child) {
        margin-bottom: 4px;
      }
      .header-item:hover {
        background: rgba(0, 0, 0, 0.03);
      }
      .header-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
        color: #121212;
      }
      .header-description {
        margin-left: 12px;
        flex: 1;
      }
      .community-box--activity {
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        width: 220px;
        display: block;
      }
      .community-box--activity-img-box {
        overflow: hidden;
        border-radius: 8px 8px 0 0;
        padding-bottom: 56.3%;
        height: 132px;
        transform: rotate(0deg);
      }
      .community-box--activity-description {
        padding: 15px 12px;
        display: flex;
        align-items: center;
      }
      .community-box--activity-img-box:hover .community-box--activity-img {
        transform: scale(1.05);
      }
      .community-box--works {
        width: 220px;
      }
      .community-box--work-img {
        width: 220px;
        height: 130px;
        cursor: pointer;
        transition: transform 1s cubic-bezier(0, 0, 0, 1);
      }
      .community-box--work-link {
        overflow: hidden;
        display: inline-block;
      }
      .community-box--work-link:hover .community-box--work-img {
        transform: scale(1.05);
        transition: transform 1s cubic-bezier(0, 0, 0, 1);
      }
      .community-box--work-list {
        width: calc(220px * 3);
      }
      .community-box--works input[type="radio"] {
        display: none;
      }
      .community-box--work-control {
        right: 9px;
        bottom: 15px;
      }
      .community-box--work-control--item {
        width: 4px;
        height: 4px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 50%;
        margin: 0 1px;
        transition: all 0.3s;
      }
      .community-box--work-list {
        transition: margin 0.8s;
      }
      #work-control1:checked ~ .community-box--work-list {
        margin-left: 0;
      }
      #work-control-left1:checked ~ .community-box--work-list,
      #work-control2:checked ~ .community-box--work-list {
        margin-left: -100%;
      }
      #work-control-left2:checked ~ .community-box--work-list,
      #work-control3:checked ~ .community-box--work-list {
        margin-left: -200%;
      }
      #work-control-left3:checked ~ .community-box--work-list {
        margin-left: 0;
        transition: margin 0.8s 0s;
      }
      #work-control-left1:checked
        ~ .community-box--work-control
        label[for="work-control1"],
      #work-control-left2:checked
        ~ .community-box--work-control
        label[for="work-control2"],
      #work-control1:checked
        ~ .community-box--work-control
        label[for="work-control1"],
      #work-control2:checked
        ~ .community-box--work-control
        label[for="work-control2"],
      #work-control3:checked
        ~ .community-box--work-control
        label[for="work-control3"] {
        width: 12px;
        height: 4px;
        background-color: #fff;
        border-radius: 31px;
      }
      .business-box {
        padding: 16px;
        width: 298px;
      }
      .support-box {
        padding: 16px;
        width: 434px;
        display: flex;
        align-items: center;
      }
      .support-item {
        padding: 12px;
        width: 220px;
      }
      @media (min-width: 981px) {
        .header-arrow {
          display: none;
        }
        .navbar-expand-1024 {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
        }
        .navbar-expand-1024 .navbar-collapse {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
        }
        .navbar-expand-1024 > .container,
        .navbar-expand-md > .container-fluid,
        .navbar-expand-md > .container-lg,
        .navbar-expand-md > .container-md,
        .navbar-expand-md > .container-sm,
        .navbar-expand-md > .container-xl,
        .navbar-expand-md > .container-xxl {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
        }
        .navbar-expand-1024 .navbar-nav {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
        }
        .icon-box {
          display: none;
        }
        .navbar-nav {
          align-items: center;
        }
        .header-dropdown-item {
          display: block;
        }
        .header-dropdown-item-mobile {
          display: none;
        }
      }
      @media (max-width: 1120px) {
        .avatar-container {
          display: none !important;
        }
      }
      @media (max-width: 1280px) {
        .ws-member {
          display: none;
        }
        .icon-box {
          padding-right: 20px;
        }
        #wsc-header .navbar-collapse {
          height: auto !important;
        }
      }
      @media (max-width: 980px) {
        .header-search--icon {
          display: none !important;
        }
        .header-container {
          padding-left: 0;
          padding-right: 0;
        }
        .search {
          padding: 12px 0;
        }
        .header-arrow {
          display: block;
          margin-left: 4px;
        }
        .toWorkbench {
          height: 42px;
        }
        .header-link--mobile {
          padding: 14px 0;
          display: flex;
          align-items: center;
        }
        .px-30.px-30 {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        .py-20 {
          padding-top: 15px !important;
          padding-bottom: 15px !important;
        }
        .header-dropdown-item-mobile .nav-link:after {
          display: inline-block;
          content: "";
          position: absolute;
          left: -20px;
          top: 0;
          bottom: 0;
          width: calc(100vw);
          z-index: -1;
        }
        .header-dropdown-item-mobile .nav-link[aria-expanded="true"]::after {
          background: rgba(0, 0, 0, 0.03);
        }
        .navbar-brand {
          padding: 16px 0 16px 20px;
        }
        .icon-box {
          display: block;
        }
        .navbar-nav {
          align-items: start;
          overflow-y: auto;
          overflow-x: hidden;
          max-height: calc(100vh - 128px);
          padding: 0 20px;
        }
        .header-dropdown-item-mobile {
          display: block;
          width: 100%;
        }
        .header-dropdown-item {
          display: none;
        }
        .toWorkbench-container {
          padding-left: 0;
          margin: 0 0 14px 0;
        }
      }
      @media (max-width: 520px) {
        .Tdesign-banner {
          padding: 11px 10px;
          justify-content: space-between;
        }
        .Tdesign-banner--btn__active {
          margin-left: 4px;
          margin-right: 4px;
        }
        .Tdesign-banner--btn-close {
          position: absolute;
          right: 2px;
          cursor: pointer;
          top: 50%;
          transform: translateY(-50%);
        }
      }
      .header-container {
        max-width: 1550px;
      }
      .font-size-large {
        font-size: 18px;
      }
      header input[name="dir"] {
        display: none;
      }
      .header-swiper--container {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
      .header-swiper--container .header-swiper-list {
        position: relative;
        width: 500%;
        height: 100%;
        transition: margin 0.8s;
      }
      .header-swiper--link {
        float: left;
        width: calc(100% / 5);
        height: 100%;
        color: #fff;
        display: block;
      }
      .header-swiper--link:hover .header-swiper--link-img {
        transform: scale(1.05);
        transition: transform 1s cubic-bezier(0, 0, 0, 1);
      }
      .header-swiper--link-img {
        width: 100%;
        transition: transform 1s cubic-bezier(0, 0, 0, 1);
      }
      .header-swiper--container .header-swiper-list__after,
      .header-swiper--container .header-swiper-list__before {
        position: absolute;
        top: 0;
        width: 200%;
        height: 100%;
        opacity: 0;
        z-index: -1;
      }
      .header-swiper--container
        .header-swiper-list__after
        .header-swiper--link {
        width: 50%;
        height: 100%;
        float: left;
      }
      .header-swiper--container .header-swiper-list__after {
        left: 0;
      }
      .header-swiper--container .header-swiper-list__before {
        right: 0;
      }
      .header-swiper--control-list {
        position: absolute;
        right: 9px;
        bottom: 6px;
        padding-left: 0;
        display: flex;
      }
      .header-swiper--control-btn {
        display: block;
        cursor: pointer;
        width: 4px;
        height: 4px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 50%;
        margin: 0 3px;
        transition: all 0.3s;
      }
      .header-control-js {
        display: none;
      }
      .left_box {
        left: 0;
      }
      .header-control-js label {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
        width: 100%;
        height: 100%;
        color: #fff;
        cursor: pointer;
      }
      .header-control-js label {
        display: none;
      }
      input[type="radio"]:checked ~ .header-control-js label {
        display: none;
      }
      #header-swiper--control1:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: 0;
      }
      #header-swiper--control1:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn1 {
        display: flex;
      }
      #header-swiper--control2:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -100%;
      }
      #header-swiper--control2:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn2 {
        display: flex;
      }
      #header-swiper--control3:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -200%;
      }
      #header-swiper--control1:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn1,
      #header-swiper--control2:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn2,
      #header-swiper--control3:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn3,
      #header-swiper--control4:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn4,
      #header-swiper--right1:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn2,
      #header-swiper--right2:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn3,
      #header-swiper--right3:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn4,
      #header-swiper--right4:checked
        ~ .header-swiper--control-list
        .header-swiper--control-btn1 {
        background: #fff;
        width: 12px;
        height: 4px;
        background-color: #fff;
        border-radius: 31px;
      }
      #header-swiper--control3:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn3 {
        display: flex;
      }
      #header-swiper--control4:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -300%;
      }
      #header-swiper--control4:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn4 {
        display: flex;
      }
      #header-swiper--right1:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -100%;
      }
      #header-swiper--right1:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn2 {
        display: flex;
      }
      #header-swiper--right2:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -200%;
      }
      #header-swiper--right2:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn3 {
        display: flex;
      }
      #header-swiper--right3:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -300%;
      }
      #header-swiper--right3:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn4 {
        display: flex;
      }
      #header-swiper--right4:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: -500%;
        transition: margin 0.8s 0s;
      }
      #header-swiper--right4:checked
        ~ .header-swiper--container
        .header-swiper-list__after {
        transition: left 0.8s;
        opacity: 1;
        left: -100%;
        z-index: 0;
      }
      #header-swiper--right4:checked
        ~ .header-swiper--container
        .header-swiper-list {
        margin-left: 0;
        transition: margin 0.8s 0s;
      }
      #header-swiper--right4:checked
        ~ .header-control-js
        .btn_header-swiper--control-btn1 {
        display: flex;
      }
      .header-cover-container {
        position: absolute;
        z-index: -1;
        min-width: 100%;
        top: 60px;
        width: 100%;
      }
      .header-cover {
        pointer-events: none;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 400;
        padding: 1em;
        position: absolute;
        transition: opacity 2s ease-out;
        transform: rotateX(-25deg) scale(1);
        transform-origin: 50% 7em 0;
        opacity: 0;
        box-shadow: 0 18px 80px rgb(0 0 0 / 7%);
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
        top: -16px;
        border-radius: 16px;
        background: #fff;
        display: block;
      }
      .header-product:hover ~ .header-cover-container .header-cover {
        left: -32.6%;
        height: 248px;
        width: 828px;
      }
      .header-resource:hover ~ .header-cover-container .header-cover {
        left: -10.6%;
        height: 328px;
        width: 577px;
      }
      .header-business:hover ~ .header-cover-container .header-cover {
        left: 30.5%;
        height: 105px;
        width: 298px;
      }
      .header-support:hover ~ .header-cover-container .header-cover {
        left: 34.9%;
        height: 364px;
        width: 434px;
      }
      .header-dropdown-item:hover ~ .header-cover-container .header-cover {
        animation: clipPath 0.25s ease-out 1 forwards;
        transition:
          left 0.15s ease-out,
          height 0.15s ease-out,
          width 0.1s ease-out,
          top 0.1s ease-in;
        opacity: 1;
        right: auto;
      }
      @keyframes clipPath {
        0% {
          opacity: 0;
        }
        100% {
          transform: rotateX(0) scale(1);
          top: 0;
          opacity: 1;
        }
      }
      @media (max-width: 1250px) {
        .toWorkbench-container {
          padding-left: 12px;
        }
        .ws-member {
          display: none;
        }
        .header-product:hover ~ .header-cover-container .header-cover {
          left: calc(-36.8% - 50px);
        }
        .header-support:hover ~ .header-cover-container .header-cover {
          left: calc(34.2% + 96px);
        }
        .header-resource:hover ~ .header-cover-container .header-cover {
          left: calc(-10.8% - 21px);
        }
      }
      .footer-container {
        border-bottom: solid 1px rgba(255, 255, 255, 0.2) !important;
      }
      .wsc-footer-left {
        padding: 5rem 0 1.875rem;
        border-right: solid 1px rgba(255, 255, 255, 0.1);
      }
      .wsc-footer-content {
        padding: 5rem 0 2rem;
      }
      .wsc-footer-product {
        padding-right: 6rem;
        padding-left: 7.5rem;
      }
      .icon-weibo-box,
      .icon-weixin-box {
        display: none;
      }
      .wx-code {
        top: -52px;
        left: -93px;
        z-index: 1;
        width: 132px;
        background-color: #fff;
        transform: scale(0.7);
        transform-origin: left bottom;
      }
      .wb-code {
        top: -81px;
        left: 27px;
        z-index: 1;
        width: 132px;
        background-color: #fff;
        transform: scale(0.7);
        transform-origin: left bottom;
      }
      .wx-container {
        overflow: visible;
      }
      .help--float-container:hover {
        cursor: default;
      }
      .help--float-container .help--float-qrcode {
        position: absolute;
        left: 70px;
        visibility: hidden;
        bottom: -81px;
      }
      .help--float-container:hover .help--float-qrcode {
        visibility: visible;
      }
      .help--float-container .help--float-qrcode--content {
        width: 120px;
        height: 146px;
        padding: 16px;
        margin-right: 10px;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 1px 2px 12px rgb(0 0 0 / 15%);
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
        color: #000;
      }
      @media (max-width: 1279px) {
        .wsc-footer-product {
          padding: 0 6rem;
        }
        .wsc-icon.wsc-logo {
          height: 4rem;
        }
      }
      @media (max-width: 991px) {
        #wsc-footer .container,
        #wsc-footer .container-md,
        #wsc-footer .container-sm {
          max-width: 100%;
          padding: 0 2rem;
        }
        .wsc-footer-content {
          padding: 1rem 0;
        }
        .wsc-footer-product {
          padding: 0;
        }
        .wsc-footer-left {
          padding: 2rem 1rem 0;
          border-right: none;
        }
        .footer-container {
          max-width: 100%;
        }
        .wx-container {
          overflow: hidden;
        }
        .wsc-footer-segment:hover {
          overflow: visible;
        }
        .wx-code {
          bottom: -76px;
          left: 0;
          max-width: 100px;
          margin: auto;
        }
        .wb-code {
          bottom: -66px;
          left: 32px;
          max-width: 100px;
          margin: auto;
        }
        .help--float-container .help--float-qrcode {
          bottom: -29px;
        }
        .help--float-container .help--float-qrcode--content {
          width: 113px;
          height: 127px;
          padding: 7px;
          margin-right: 10px;
        }
      }
      @media (max-width: 576px) {
        .header-apply {
          margin-left: 10px !important;
          max-width: 40px;
        }
        .Tdesign-banner-desc {
          flex: 0 0 80%;
        }
        .help--float-container .help--float-qrcode {
          left: 0;
          right: 296px;
          bottom: -18px;
        }
      }
      @media (max-height: 603px) {
        .qidian_wpa_img,
        iframe[src*="webpage.qidian.qq.com"] {
          display: none !important;
        }
      }
      .ws-nps-form-type2 {
        z-index: 1999999999 !important;
      }
      .footer-container.footer-container {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1) !important;
      }
      .prototype-meta {
        position: relative;
      }
      .prototype-meta::after {
        content: "beta";
        position: absolute;
        display: inline-block;
        background: rgb(238, 239, 255);
        border-radius: 100px;
        width: 45px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        color: #555cfd;
        left: 20px;
        top: -11px;
        font-size: 12px;
      }
      @media (max-width: 400px) {
        .Tdesign-banner-desc {
          max-width: 253px;
        }
      }
	  .need-center {
	    align-items: center;
	    justify-content: center;
	  }
	  .function-phone-0 {
	    margin-bottom: 253px;
	  }
	  .banner-title-2 {
	    font-size: 64px;
	    line-height: 70px;
	    color: #121212;
	    margin-bottom: 26px;
	  }
	  .function-list p span {
	    font-size: 18px;
	    line-height: 32px;
	    height: 34px;
	  }
	  .function-img {
	    width: 35px;
	    height: 35px;
	  }
	  .function-list {
	    margin: 10px 0;
	  }
	  .new-trend {
	    padding-top: 128px;
	    padding-bottom: 128px;
	  }
	  .function-item span {
	    white-space: nowrap;
	  }
	  .function-list p:nth-child(4n) {
	    margin-bottom: 0;
	  }
	  .function--right {
	    padding: 0 0 0 107px;
	  }
	  .function--h2 {
	    font-size: 36px;
	    font-weight: 600;
	    margin-bottom: 20px !important;
	  }
	  .function--m18 {
	    margin-bottom: 18px;
	  }
	  .more-item-left {
	    /* flex:0 0 388px;*/
	    flex: 0 0 415px;
	    padding: 90px 0 80px 68px;
	    position: relative;
	    z-index: 9;
	  }
	  .more-item-right {
	    flex: 1;
	    width: 475px;
	    z-index: 0;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	  }
	  .bg-transparent .nav-item:hover .nav-link path {
	    stroke: rgba(0, 0, 0, 0.5) !important;
	  }
	  .bg-transparent .nav-item:hover .nav-link {
	    color: rgba(0, 0, 0, 0.5) !important;
	  }
	  .bg-transparent {
	    color: #121212 !important;
	    background: transparent !important;
	  }
	  .bg-transparent svg {
	    stroke: #121212 !important;
	  }
	  .banner {
	    background: #fff url(../picture/prototype--bg.png) center
	      center/cover no-repeat; /*background:#fff url(/static/picture/prototype-bg2.png) center center/cover no-repeat;*/ /*padding-top:170px;*/ /*padding-top:165px;*/
	    min-height: 517px; /*padding-bottom:253px;*/
	   
	  }
	  .banner-title {
	    /*font-size:70px;*/
	    font-size: 64px; /*line-height:98px;*/
	    line-height: 70px;
	    color: #121212; /*margin-bottom:16px*/
	    margin-top: 165px;
	    margin-bottom: 7px;
	  }
	  .px-container {
	    max-width: 1200px;
	    margin-left: auto;
	    margin-right: auto;
	  }
	  .banner-desc {
	    font-size: 22px; /*font-size:18px;*/
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 34px; /*line-height:28px;*/ /*margin-bottom:71px;*/
	    margin-bottom: 61px; /*white-space:pre-line*/
	  }
	  .banner-btn {
	    width: 182px;
	    height: 60px;
	  }
	  .banner-btn-white {
	    width: 176px;
	    height: 60px;
	    border-radius: 49px;
	    background-color: #fff;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 20px;
	    font-weight: 600;
	    margin-left: 18px;
	    transition:
	      transform 0.32s ease,
	      box-shadow 0.32s ease;
	    border: 1px solid #e8eaed;
	  }
	  .banner-btn-white:hover,
	  .px-btn:hover {
	    box-shadow:
	      0 2px 30px rgb(0 0 0 / 3%),
	      0 5px 10px rgb(0 0 0 / 3%);
	    transform: translateY(-6px);
	    color: #fff;
	  }
	  .banner-btn-white:hover {
	    color: #121212;
	  }
	  .px-btn {
	    padding-left: 38px;
	    display: flex;
	    align-items: center;
	    font-size: 20px;
	    font-weight: 600;
	    will-change: transform;
	    transition:
	      transform 0.32s ease,
	      box-shadow 0.32s ease;
	    background: linear-gradient(-45deg, #a65ef7 0, #4c53ff 100%);
	    border-radius: 49px;
	    color: #fff;
	  }
	  .btn-arrow {
	    animation: btnArrowEffect 3s both infinite;
	    margin-left: 8px;
	  }
	  @keyframes btnArrowEffect {
	    0% {
	      transform: translate(0);
	    }
	    10% {
	      transform: translate(4px);
	    }
	    20% {
	      transform: translate(-2px);
	    }
	    30% {
	      transform: translate(4px);
	    }
	    40% {
	      transform: translate(-2px);
	    }
	    50% {
	      transform: translate(0);
	    }
	  }
	  .px-bottom::after {
	    display: inline-block;
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 100%;
	    background: #0d0d0d url(../picture/px-bottom-bg.png) center
	      center/cover no-repeat;
	    z-index: -1;
	  }
	  #wsc-footer {
	    background-color: #0d0d0d !important;
	  }
	  .bottom-try--btn {
	    width: 220px;
	    height: 60px;
	    background: linear-gradient(-45deg, #a65ef7 0, #4c53ff 100%);
	    box-shadow: 0 14px 37px #1e2b40;
	    border-radius: 52px;
	    padding-left: 0;
	    justify-content: center;
	  }
	  .px-bottom {
	    padding: 144px 0 64px;
	  }
	  .sec-title {
	    font-size: 48px;
	    font-weight: 700;
	    line-height: 56px;
	    color: #121212;
	    margin-bottom: 0;
	  }
	  .wsc-footer-list a:hover {
	    color: #fff !important;
	  }
	  @media (min-width: 576px) {
	    .wsc-footer .wsc-footer-left {
	      border: 0;
	    }
	  }
	  .banner-container {
	    justify-content: space-between;
	  }
	  .banner-left {
	    /*max-width:508px*/
	    max-width: 408px;
	  }
	  .banner-right {
	    /*display:none;*/ /*max-width:576px*/ /*新增*/
	    padding-top: 31px;
	    max-width: 675px;
	  }
	  .title {
	    font-size: 48px;
	    font-weight: 600;
	    color: #121212;
	    margin-bottom: 80px;
	    line-height: 54px;
	  }
	  .feature {
	    color: #121212;
	    margin-top: 110px;
	  }
	  .comment ~ .feature,
	  .feature + .feature {
	    padding-top: 40px;
	  }
	  .feature-grid {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	  }
	  .feature-grid--detail {
	    max-width: 427px;
	    padding-top: 11px;
	  }
	  .feature-grid--img {
	    max-width: 674px;
	  }
	  .feature-grid--item {
	    position: relative;
	    display: flex;
	    align-items: flex-start;
	  }
	  .feature-grid--item + .feature-grid--item {
	    margin-top: 48px;
	  }
	  .feature--title {
	    font-size: 20px;
	    font-weight: 600;
	    line-height: 28px;
	    margin-bottom: 10px;
	  }
	  .feature--desc {
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 24px;
	    margin-bottom: 0;
	    white-space: pre-line;
	  }
	  .comment {
	    background: linear-gradient(
	      135deg,
	      #6f67eb 0,
	      #b88ffe 96.183%
	    ); /*background:url('/static/picture/prototype-protograph-bg2.png') center center/cover no-repeat;*/ /* padding-top:125px;*/
	    margin-top: 135px;
	    padding-top: 191px;
	    padding-bottom: 215px;
	  }
	  .comment::after {
	    content: "";
	    background: url("../picture/content-bg3.png") center center/cover
	      no-repeat;
	    display: block;
	    height: 615px;
	    width: 100%;
	    position: absolute;
	    top: 5px;
	  }
	  .comment-title {
	    font-size: 18px;
	    font-weight: 600;
	    line-height: 25px;
	    color: #fff;
	    margin-bottom: 28px;
	  }
	  .comment-desc {
	    font-size: 40px;
	    font-weight: 600;
	    line-height: 48px;
	    color: #fff;
	    white-space: pre-line; /*新增*/
	    position: relative;
	    z-index: 1;
	  }
	  .more {
	    background-color: #f6f7fb;
	    padding: 131px 0;
	    margin-top: 150px;
	  }
	  .more-grid {
	    display: grid;
	    grid-template-rows: 200px 200px 200px;
	    grid-template-columns: 384px 384px 384px;
	    gap: 26px;
	  }
	  .more-item {
	    border-radius: 20px;
	    background: #fff;
	  }
	  .more-item-1 {
	    background: url(../picture/more-1.png) center center/cover
	      no-repeat;
	    grid-column: 1/3;
	    grid-row: 1/3;
	    position: relative;
	  }
	  .more-item-1--container {
	    max-width: 338px;
	  }
	  .more-item-1--title {
	    font-size: 40px;
	    font-weight: 600;
	    line-height: 54px;
	    color: #fff;
	    margin-bottom: 11px;
	  }
	  .more-item-1--desc {
	    opacity: 0.6;
	    color: #fff;
	    line-height: 24px;
	    margin-bottom: 65px;
	  }
	  .more-item-1--btn {
	    width: 154px;
	    height: 52px;
	  }
	  .more-title {
	    font-size: 20px;
	    font-weight: 600;
	    line-height: 28px;
	    color: #121212;
	    margin: 16px 0 8px;
	  }
	  .more-desc {
	    max-width: 318px;
	    font-size: 14px;
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 22px;
	    margin-bottom: 0;
	  }
	  .more-item--container {
	    padding: 32px 32px 41px 32px;
	  }
	  main {
	    color: #121212;
	  }
	  .solution-grid {
	    display: grid;
	    grid-template-columns: repeat(auto-fill, minmax(376px, 1fr));
	    gap: 26px;
	  }
	  .solution-item {
	    padding: 5px 5px 0 5px;
	    border-radius: 26px;
	    border: 1px solid transparent;
	    will-change: transform;
	    transition: all 0.2s;
	  }
	  .solution-item:hover {
	    border: 1px solid #e7e9ed;
	    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.04);
	    transform: translateY(-10px);
	  }
	  .solution-item-container {
	    padding: 20px 36px 40px 22px;
	  }
	  .solution-title {
	    font-size: 24px;
	    font-weight: 600;
	    line-height: 34px;
	    margin-bottom: 9px;
	  }
	  .solution-desc {
	    min-height: 72px;
	    color: rgba(0, 0, 0, 0.5);
	    line-height: 24px;
	    margin-bottom: 0;
	  }
	  .sec-gap {
	    padding: 115px 0 106px;
	  }
	  @media (max-width: 1251px) {
	    .solution-item {
	      text-align: center;
	    }
	    .solution-item .w-100 {
	      max-width: 418px;
	    }
	    .px-container {
	      padding: 0 24px;
	    }
	    .title {
	      text-align: center;
	    }
	    .banner-container,
	    .feature-grid {
	      flex-wrap: wrap;
	      justify-content: center;
	    }
	    .banner-left,
	    .feature-grid--img {
	      min-width: 68%;
	    }
	    .banner-btn-group {
	      justify-content: center;
	    }
	    .banner-right {
	      /*margin-top:60px*/
	    }
	    .banner-left {
	      text-align: center !important;
	    }
	    .feature-grid--img {
	      order: 0;
	    }
	    .feature-grid--detail {
	      order: 1;
	      margin-top: 40px;
	      flex: 99%;
	    }
	    .more-grid {
	      grid-template-columns: repeat(auto-fill, minmax(242px, 1fr));
	      grid-template-rows: auto;
	    }
	    .comment-desc {
	      white-space: normal;
	    }
	  }
	  @media (max-width: 570px) {
	    .banner {
	      padding-top: 69px !important; /*padding-bottom:88px;*/
	      background: url(../picture/prototype--bg-phone2.png) center
	        center/cover no-repeat;
	    }
	    .banner-title {
	      margin-top: 0;
	      font-size: 34px;
	      font-weight: 600;
	      line-height: 48px;
	    }
	    .banner-title-2 {
	      font-size: 34px;
	      font-weight: 600;
	      line-height: 48px;
	    }
	    .banner-desc {
	      font-size: 14px;
	      font-weight: 400;
	      line-height: 24px;
	      color: rgb(18, 18, 18);
	      margin-bottom: 35px;
	      white-space: normal;
	    }
	    .px-btn,
	    .banner-btn-white {
	      font-size: 16px;
	      max-width: 145px;
	      height: 48px;
	      padding-left: 0;
	      justify-content: center;
	    }
	    .title {
	      font-size: 30px;
	      font-weight: 600;
	      line-height: 38px;
	      margin-bottom: 36px;
	    }
	    .feature--desc {
	      font-size: 13px;
	      line-height: 20px;
	    }
	    .comment ~ .feature,
	    .feature + .feature {
	      padding-top: 20px;
	    }
	    .feature {
	      margin-top: 80px;
	    }
	    .more {
	      /*margin-top:70px;*/
	      margin-top: 90px;
	      padding-top: 76px;
	      padding-bottom: 88px;
	    }
	    .comment-desc {
	      font-size: 26px;
	      font-weight: 600;
	      line-height: 32px;
	    }
	    .more-item-1 {
	      grid-column: auto;
	    }
	    .more-grid {
	      grid-template-columns: auto;
	    }
	    .comment {
	      padding-top: 57px;
	      padding-bottom: 0;
	    }
	    .more-item-1--container {
	      margin: 0;
	      text-align: center;
	      flex-wrap: wrap;
	      flex: 1;
	      max-width: 100%;
	    }
	    .more-item-1--title {
	      font-size: 30px;
	      font-weight: 600;
	      line-height: 40px;
	    }
	    .more-item-1--desc {
	      font-size: 14px;
	      font-weight: 400;
	      line-height: 20px;
	      margin-bottom: 37px;
	      padding: 0 16px;
	    }
	    .sec-gap {
	      padding: 60px 0 83px;
	    }
	    .more-item-1--btn {
	      margin: 0 auto;
	    }
	    .more-item-left {
	      padding-left: 0;
	      flex: 1;
	      padding: 76px 8px 51px 8px;
	    }
	    .more-item-right {
	      position: static;
	      width: 100%;
	    }
	    .solution-grid {
	      grid-template-columns: repeat(auto-fill, minmax(308px, 1fr));
	    }
	  }
	  .toWorkbench {
	    background: linear-gradient(-90deg, #a65ef7 0, #4c53ff 100%), #fff !important;
	  }
	  .header-gradient--text {
	    color: #fff !important;
	    -webkit-text-fill-color: #fff !important;
	  }
	  @media (max-width: 570px) {
	    .banner {
	      padding-top: 135px;
	    }
	    .try-button {
	      width: 275px;
	      padding: 10px 16px;
	    }
	  }
	  .primary-font {
	    font-size: 16px;
	    font-weight: 600;
	    margin-bottom: 2px !important;
	    color: #643eff;
	  }
	  .advantage-desc {
	    max-width: 537px;
	  }
	  .advantage-desc {
	    /*max-width:33.5625rem;*/
	    max-width: 404px; /*font-size:20px;*/
	    font-size: 16px;
	    line-height: 26px;
	    margin-bottom: 54px;
	    color: rgba(18, 18, 18, 0.5);
	  }
	  .function-list p {
	    /*margin-bottom:1rem;*/
	    margin-bottom: 2.5rem;
	    font-size: 18px;
	    display: flex;
	    align-items: center;
	  }
	  .function--thing {
	    margin-right: 10px;
	  } /* @media(min-width:576px){.container,.container-sm{max-width:540px}}*/
	  .function-prototype-font {
	    color: rgb(25, 150, 255); /* font-weight:600;*/
	  }
	  .function-interactive-font {
	    color: rgb(255, 82, 167); /* font-weight:600;*/
	  }
	  .function-experience-font {
	    color: rgb(255, 146, 40); /* font-weight:600;*/
	  }
	  .function-deliver-font {
	    color: rgb(17, 212, 182); /* font-weight:600;*/
	  } /*.row{*/ /*  align-items:center;*/ /*  justify-content:center*/ /*}*/
	  .row-cols-lg-5 > * {
	    max-width: 120px;
	  } /*  */
	  .function-box {
	    display: flex; /*justify-content:center;*/
	    justify-content: center;
	    align-items: center;
	    overflow: auto; /*height:71px;*/
	  }
	  .pattern {
	    display: flex;
	    align-items: center; /* width:120px;*/ /* background-color:pink;*/
	    justify-content: center;
	    margin: 0 14px;
	    border-radius: 100px;
	  }
	  .function-item {
	    display: flex;
	    align-items: center;
	    padding: 8px 22px;
	    cursor: pointer;
	  }
	  .font-weight-medium {
	    font-size: 18px;
	    margin-left: 4px;
	  }
	  .function-active.active {
	    background-color: rgb(240, 248, 255);
	    font-weight: 600 !important;
	  }
	  .function-active:hover {
	    /*background-color:rgb(240,248,255);*/
	    font-weight: 600 !important;
	  }
	  .design-active.active {
	    background-color: rgb(240, 240, 255);
	    font-weight: 600 !important;
	  }
	  .design-active:hover {
	    /*background-color:rgb(240,240,255);*/
	    font-weight: 600 !important;
	  }
	  .interactive-active:hover {
	    /*background-color:rgb(255,241,248);*/
	    font-weight: 600 !important;
	  }
	  .interactive-active.active {
	    background-color: rgb(255, 241, 248);
	    font-weight: 600 !important;
	  }
	  .experience-active:hover {
	    /*background-color:rgb(255,248,235);*/
	    font-weight: 600 !important;
	  }
	  .experience-active.active {
	    background-color: rgb(255, 248, 235);
	    font-weight: 600 !important;
	  }
	  .deliver-active:hover {
	    /*background-color:rgb(228,250,247);*/
	    font-weight: 600 !important;
	  }
	  .deliver-active.active {
	    background-color: rgb(228, 250, 247);
	    font-weight: 600 !important;
	  }
	  .function-box::-webkit-scrollbar {
	    width: 0 !important;
	  }
	  .box-fix {
	    /*position:fixed;*/
	    position: sticky;
	    top: 110px; /*left:0;*/ /*right:0;*/
	    background-color: white;
	    z-index: 1000;
	  }
	  .brnone {
	    display: none;
	  }
	  .more-function {
	    padding-top: 100px !important;
	  }
	  .font-size-huge {
	    text-align: center;
	    color: rgba(0, 0, 0, 0.5);
	  }
	  .function--phone {
	    display: none !important;
	  }
	  .function--pc {
	    display: block !important;
	  }
	  
	  @media (max-width: 700px) {
	    .function--right {
	      padding: auto;
	    }
	  }
	  @media (max-width: 450px) {
	    .banner {
	      height: 706px;
	    }
	    .banner-right {
	      display: block;
	      max-width: 576px;
	    }
	    .function-img {
	      width: 28px;
	      height: 28px;
	    }
	    .function-list {
	      margin: 8px 0;
	    }
	    .pattern-section {
	      margin-bottom: 0 !important;
	    }
	    .more-function {
	      padding-top: 65px !important;
	    }
	    .brnone {
	      display: block;
	    }
	    .function-box {
	      justify-content: flex-start; /*height:56px;*/
	    }
	    .font-weight-black {
	      font-weight: 600;
	      font-size: 30px;
	      line-height: 38px;
	    }
	    .font-size-huge {
	      font-size: 13px;
	      line-height: 20px;
	      font-weight: 400;
	      color: rgba(0, 0, 0, 0.5);
	      text-align: center;
	      padding: 0 30px;
	    }
	    .font-weight-medium {
	      margin-left: 0;
	      font-size: 14px;
	      line-height: 28px;
	      white-space: nowrap;
	      font-weight: 400 !important;
	    }
	    .pattern {
	      margin: 0 7px;
	    }
	    .function-item {
	      padding: 6px 18px;
	    }
	    .function-item svg {
	      width: 28px;
	      height: 28px;
	    }
	    .primary-font {
	      font-size: 14px;
	      text-align: center;
	    }
	    .mb-3 {
	      font-size: 24px;
	      text-align: center;
	    }
	    .advantage-desc {
	      font-size: 13px;
	      line-height: 20px;
	      text-align: center;
	      padding: 0 22px;
	    }
	    .function-list p {
	      font-size: 16px;
	    }
	    .col {
	      padding-left: 23px;
	      padding-right: 23px;
	    }
	    .function--phone {
	      display: block !important;
	      margin-top: 23px;
	      margin-bottom: 42px;
	      padding: 0;
	    }
	    .new-trend {
	      padding-top: 110px !important;
	      padding-bottom: 0 !important;
	    }
	    .function--prototype {
	      padding-top: 48px !important;
	    }
	    .comment-title {
	      font-size: 16px;
	      line-height: 24px;
	    }
	       
	  
	    .col {
	      padding-left: 26px;
	      padding-right: 26px;
	    }
	    .prototype-function {
	   
	      padding: 0 26px;
	    }
	  }
	  .function--box-fix{position:fixed;top:64px;left:0;right:0;background-color:white;z-index:1000}
	  .function--content-img{position:absolute;/*top:0;*/    top:5px;right:-165px;z-index:0}
	  .function--img-h{display:none;height:615px}
	  @media (max-width:1251px){
		  .function-phone-0{margin-bottom:0}
		  }
		  @media (max-width:990px){
			  .function--right{/*padding:inherit;*/      padding:0 26px}
			  .prototype-function{/*padding-left:23px;*/      /*padding-right:29px;*/      padding:0 26px}
			  .function--pc{display:none !important}
			  .function--phone{display:block !important;margin-top:23px;margin-bottom:42px;padding:0}
			  }
			  @media(max-width:800px){.function-box{justify-content:normal}}/*原450*/  
			  @media (max-width:900px){
				  .comment{padding-bottom:0}
			  .function--content-img{position:inherit}
			  .function--img-h{display:block;height:auto}}
			  
			  @media(min-width:576px){.function--container{max-width:540px !important}}
			  @media(min-width:768px){.function--container{max-width:720px !important}}
			  @media(min-width:992px){.function--container{max-width:960px !important}}
			  @media(min-width:1280px){.function--container{max-width:1200px !important}}
			  @media(min-width:1600px){.function--container{max-width:1200px !important}}
	  
	  @media (max-width: 570px) {
	    .banner {
	      padding-top: 135px;
	    }
	    .try-button {
	      width: 275px;
	      padding: 10px 16px;
	    }
	  }