/**
  PC设计稿基准是宽度为1920
  开发时直接量取上面的px作为单位
  开发完毕时需要把px需vw
  替换计算公式如下
  replace(/(\d+px)/g, function(res) {
    const num = parseInt(res, 10)
    return  `${((num / 1920) * 100).toFixed(4)}vw `
  })
**/
@media (min-width: 1201px) {
  ::-webkit-scrollbar {
    display: none;
  }
  .is-show {
    opacity: 1 !important;
    transform: translateY(0px) !important;
  }
  .transition-block {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1s ease, transform 1s ease;
    transition-delay: 0.6s;
  }
  .gap-42px {
    gap: 42px;
  }
  .s10-container-pc .p-title {
    font-family: Roboto-Regular;
    font-size: 2.1875vw;
    letter-spacing: 0;
    line-height: 2.6042vw;
    font-weight: 400;
    white-space: pre-wrap;
  }
  .s10-container-pc .p-desc {
    font-size: 1.0417vw;
    letter-spacing: 0;
    line-height: 1.6667vw;
    font-weight: 400;
    white-space: pre-wrap;
  }
  .s10-container-pc .p-hightlight {
    font-size: 1.25vw;
    letter-spacing: 0;
    line-height: 1.25vw;
    font-weight: 700;
    background: linear-gradient(to right, #006FE5, #00A4F4);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .s10-container-pc .text-container {
    text-align: center;
    padding: 4.9479vw 0 4.0625vw;
  }
  .s10-container-pc .p1-container {
    height: calc(100vw / 1.92);
  }
  .s10-container-pc .p1-container .title-container {
    width: 44vw;
    left: 10vw  ;
    top: 16vw;
  }
  .s10-container-pc .p1-container .title-container .p1-title {
    font-size: 2.9167vw;
    line-height: 3.4896vw;
    font-weight: 700;
  }
  .s10-container-pc .p1-container .title-container .p1-sub-title {
    font-size: 1.5625vw;
    margin: 0.5208vw 0;
  }
  .s10-container-pc .p1-container .title-container .p1-desc {
    opacity: 0.8;
    font-size: 0.9375vw;
  }
  .s10-container-pc .p1-container .title-container .p1-btn {
    font-size: 0.7292vw;
    height: 2.3438vw;
    text-align: center;
    line-height: 2.3438vw;
    background-image: linear-gradient(100deg, #006FE5 4%, #00A7F4 100%);
    border-radius: 1.5625vw;
  }
  .s10-container-pc .p1-container .title-container .p1-btn span {
    vertical-align: bottom;
    margin-left: 8px;
  }
  .s10-container-pc .p1-container .title-container .p1-btn-1 {
    width: 7.4479vw;
    margin-right: 5.2083vw;
  }
  .s10-container-pc .p1-container .title-container .p1-btn-2 {
    width: 8.75vw;
  }
  .s10-container-pc .p2-container .p2-feature {
    padding: 5.5208vw 0;
    background: linear-gradient(to bottom, #F8F8F8, #F5F5F5 100%);
  }
  .s10-container-pc .p2-container .p2-feature-items {
    width: 29.4792vw;
    height: 7.3437vw;
    background: #FFFFFF;
    background-image: linear-gradient(135deg, #F5F5F5 0%, #FCFCFC 100%);
    box-shadow: 0.625vw 0.625vw 1.25vw 0px rgba(98, 98, 98, 0.12);
    border-radius: 4.6875vw;
  }
  .s10-container-pc .p5-container .p5-inner .p5-video {
    width: 40vw;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item {
    display: flex;
    position: relative;
    margin-top: 3.6458vw;
    color: #aaa;
    cursor: pointer;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item .p5-title-base {
    font-family: Roboto-Bold;
    font-size: 1.25vw;
    letter-spacing: 0;
    line-height: 1.25vw;
    font-weight: 700;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item .p5-desc-base {
    font-size: 1.0417vw;
    line-height: 1.6667vw;
    font-weight: 400;
    margin-top: 0.625vw;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item p {
    white-space: pre-wrap;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item::before {
    transition: all 0.5s;
    opacity: 0;
    transform: scale(0);
    display: inline-block;
    top: 0;
    content: '';
    width: 4px;
    background-image: linear-gradient(190deg, #00A4F4 9%, #006FE5 100%);
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item-active .p5-desc-base {
    color: #000;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item-active .p5-title-base {
    background: linear-gradient(to right, #006FE5, #00A4F4);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .s10-container-pc .p5-container .p5-inner .p5-videoshow-item-active::before {
    opacity: 1;
    transform: scale(1);
  }
  .s10-container-pc .p6-container {
    background-color: #F8F8F8;
  }
  .s10-container-pc .p6-container .p6-title {
    font-size: 1.6667vw;
  }
  .s10-container-pc .p6-container .p6-view-title {
    font-size: 1.0417vw;
    letter-spacing: 0;
    line-height: 1.6667vw;
    font-weight: 400;
    color: #aaa;
    cursor: pointer;
  }
  .s10-container-pc .p6-container .p6-view-title-0 {
    margin-right: 4.6875vw;
  }
  .s10-container-pc .p6-container .p6-view-title-active {
    color: #000;
    border-bottom: 1px solid #000;
  }
  .s10-container-pc .p6-container .p6-view-btn-wrap {
    width: 9.4271vw;
    height: 3.5417vw;
    background: #EDEBEB;
    border-radius: 1.7708vw;
    padding: 0 0.4167vw;
    margin: 0 auto;
  }
  .s10-container-pc .p6-container .p6-view-btn {
    cursor: pointer;
    z-index: 2;
    width: 4.349vw;
    height: 2.8125vw;
    text-align: center;
    line-height: 2.8125vw;
    font-size: 1.0417vw;
    color: #A3A3A3;
  }
  .s10-container-pc .p6-container .p6-view-btn-slide-block {
    position: absolute;
    left: 0.4167vw;
    width: 4.349vw;
    height: 2.8125vw;
    transition: all 0.5s;
    background-image: linear-gradient(-79deg, #006FE5 0%, #00A4F4 96%);
    border-radius: 1.7708vw;
    color: #fff;
  }
  .s10-container-pc .p6-container .p6-view-btn-active {
    color: #fff;
  }
  .s10-container-pc .p7-container {
    height: 300vh;
  }
  .s10-container-pc .p7-container .p7-inner {
    z-index: -1;
    padding-bottom: 2.0833vw;
  }
  .s10-container-pc .p7-container .p7-feature-wrap {
    top: 15.625vw;
  }
  .s10-container-pc .p7-container .p7-feature-item:first-child {
    margin-bottom: 6.25vw;
  }
  .s10-container-pc .p7-container .p7-feature-item-0 {
    transform: translateY(20.8333vw);
  }
  .s10-container-pc .p7-container .p7-feature-item-1 {
    transform: translateY(20.8333vw);
  }
  .s10-container-pc .p8-container {
    height: calc(100vh + 40vw);
    background: linear-gradient(to bottom, #F8F8F8 0%, #F5F5F5 100%);
  }
  .s10-container-pc .p8-container .p8-inner {
    top: 4.9479vw;
  }
  .s10-container-pc .p8-container .p8-title {
    margin-left: 19.7917vw;
  }
  .s10-container-pc .p8-container .p8-card {
    padding-top: 3.6458vw;
    padding-bottom: 3.6458vw;
    width: 18.2292vw;
    height: 23.4375vw;
    background-image: linear-gradient(135deg, #F5F5F5 0%, #FCFCFC 100%);
    box-shadow: 0.625vw 0.625vw 1.25vw 0px rgba(98, 98, 98, 0.12);
    border-radius: 0.625vw;
    margin-right: 2.1875vw;
  }
  .s10-container-pc .p8-container .p8-scroll-wrap {
    transform: translateX(19.7917vw);
    transition: all 0.5s linear;
  }
  .s10-container-pc .p9-container {
    height: 200vh;
    padding-bottom: 5.5208vw;
  }
  .s10-container-pc .p9-container .p9-inner {
    top: 4.9479vw;
  }
  .s10-container-pc .p9-container .p9-inner .p9-pin-wrap {
    width: 69.2708vw;
    height: 18.2292vw;
  }
  .s10-container-pc .p9-container .p9-pin-item-wifi {
    top: -3.125vw;
    left: 12.5vw;
    transform: translateX(12.5vw);
    margin: auto;
  }
  .s10-container-pc .p9-container .p9-pin-item-speaker {
    bottom: 0;
    left: 12.5vw;
    transform: translateX(12.5vw);
    margin: auto;
  }
  .s10-container-pc .p9-container .p9-pin-item-bracket {
    top: -3.125vw;
    left: 47% ;
    transform: translateX(12.5vw);
    margin: auto;
  }
  .s10-container-pc .p9-container .p9-pin-item-camera {
    bottom: 0;
    transform: translateX(12.5vw);
    margin: auto;
  }
  .s10-container-pc .p9-container .p9-pin-item-android {
    top: -3.125vw;
    right: 12.5vw;
    transform: translateX(12.5vw);
    margin: auto;
  }
  .s10-container-pc .p9-container .p9-pin-item-microphone {
    bottom: 0;
    right: 11vw ;
    transform: translateX(12.5vw);
    margin: auto;
  }
  .s10-container-pc .p9-container .p9-pin-line {
    display: block;
    width: 1px;
    background-color: #fff;
    transform-origin: 0;
    margin: auto;
    background-image: linear-gradient(-79deg, #006FE5 0%, #00A4F4 96%);
  }
  .s10-container-pc .p9-container .p9-pin-line-wifi {
    height: 5.2083vw;
  }
  .s10-container-pc .p9-container .p9-pin-line-speaker {
    height: 3.3333vw;
  }
  .s10-container-pc .p9-container .p9-pin-line-bracket {
    height: 2.0833vw;
  }
  .s10-container-pc .p9-container .p9-pin-line-camera {
    height: 3.125vw;
  }
  .s10-container-pc .p9-container .p9-pin-line-android {
    height: 5.2083vw;
  }
  .s10-container-pc .p9-container .p9-pin-line-microphone {
    height: 3.3333vw;
  }
  .s10-container-pc .p10-container {
    height: 200vh;
    padding: 5.5208vw 0;
    background: linear-gradient(to bottom, #F8F8F8 0%, #F5F5F5 100%);
  }
  .s10-container-pc .p10-container .p10-inner {
    transition: all 0.5s linear;
  }
  .s10-container-pc .p10-container .p10-inner .p10-card {
    padding-top: 3.6458vw;
    min-width: 30.2083vw;
    max-height: 16.5625vw;
    transform: translateY(15.625vw);
  }
  .s10-container-pc .p11-container .table-top {
    background: #f4f4f4;
    font-size: 1.25vw;
  }
  .s10-container-pc .p11-container th {
    padding: 1.0417vw;
    font-size: 1.0417vw;
  }
  .s10-container-pc .p11-container th span {
    font-size: 0.8333vw;
    font-weight: 400;
  }
  .s10-container-pc .p11-container td {
    padding: 1.0417vw;
  }
  .s10-container-pc .p11-container tr :first-child {
    min-width: 9.375vw;
  }
  .s10-container-pc .p11-container .p11-note {
    margin-top: 1.5625vw;
    color: #aaa;
  }
}
@media (max-width: 1200px) {
  ::-webkit-scrollbar {
    display: none;
  }
  .gap-42px {
    gap: 42px;
  }
  .s10-container-mobile img {
    width: auto;
  }
  .s10-container-mobile .p-title {
    font-family: Roboto-Regular;
    font-size: 3rem;
    color: #000000;
    text-align: center;
    font-weight: 400;
  }
  .s10-container-mobile .p-desc {
    font-family: Roboto-Regular;
    font-size: 1.75rem;
    letter-spacing: 0;
    line-height: 3rem;
    font-weight: 400;
  }
  .s10-container-mobile .p-hightlight {
    font-size: 2.25rem;
    letter-spacing: 0;
    line-height: 3.75rem;
    font-weight: 700;
    background: linear-gradient(to right, #006FE5, #00A4F4);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .s10-container-mobile .text-container {
    text-align: center;
    padding: 5.65rem 2.94rem 5.06rem;
  }
  .s10-container-mobile .p-base {
    letter-spacing: 0;
    line-height: 3rem;
    font-weight: 400;
    font-family: Roboto-Regular;
  }
  .s10-container-mobile .p1-container .title-container {
    left: 2.97rem;
    top: 4.44rem;
  }
  .s10-container-mobile .p1-container .title-container .p1-title {
    width: 38rem;
    line-height: 4rem;
    margin: 1.69rem 0;
    font-size: 3.25rem;
  }
  .s10-container-mobile .p1-container .title-container .p1-sub-title {
    font-family: Roboto-Medium;
    font-size: 2.5rem;
  }
  .s10-container-mobile .p1-container .title-container .p1-desc {
    width: 41rem;
  }
  .s10-container-mobile .p1-container .title-container .p1-btn {
    font-size: 1.63rem;
    height: 4.5rem;
    text-align: center;
    line-height: 4.5rem;
    border-radius: 2.75rem;
    background-image: linear-gradient(100deg, #006FE5 4%, #00A7F4 100%);
  }
  .s10-container-mobile .p1-container .title-container .p1-btn span {
    vertical-align: top;
  }
  .s10-container-mobile .p1-container .title-container .p1-btn-1 {
    width: 12.75rem;
    margin-right: 3.5rem;
  }
  .s10-container-mobile .p1-container .title-container .p1-btn-2 {
    width: 16.69rem;
  }
  .s10-container-mobile .p1-container .title-container .p1-btn-wrap {
    margin-top: 1.68rem;
  }
  .s10-container-mobile .p2-container .p2-title {
    width: 28.75rem;
  }
  .s10-container-mobile .p2-container .p2-desc {
    padding: 2rem 0 2.5rem;
    text-align: left;
  }
  .s10-container-mobile .p2-container .p2-feature {
    background: linear-gradient(to bottom, #F8F8F8, #F5F5F5 100%);
  }
  .s10-container-mobile .p2-container .p2-hightlight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    font-size: 2rem;
  }
  .s10-container-mobile .p2-container .p2-feature-item {
    padding: 2rem 3.88rem;
    background: #FFFFFF;
    background-image: linear-gradient(135deg, #F5F5F5 0%, #FCFCFC 100%);
    box-shadow: 0.75rem 0.75rem 1.5rem 0rem rgba(98, 98, 98, 0.12);
    border-radius: 8rem;
  }
  .s10-container-mobile .p2-container .p2-feature-item:last-child {
    margin-top: 4.31rem;
  }
  .s10-container-mobile .p2-container .p2-feature-item-right {
    margin-left: 2.63rem;
  }
  .s10-container-mobile .p2-container .p2-feature-item-icon {
    width: 4.94rem;
    height: 4.94rem;
  }
  .s10-container-mobile .p3-container .p3-title {
    width: 28.75rem;
  }
  .s10-container-mobile .p3-container .p3-desc {
    padding: 2rem 0;
  }
  .s10-container-mobile .p3-container .p3-hightlight {
    display: grid;
    grid-template-columns: 1.8fr 1.2fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .s10-container-mobile .p3-container .p3-hightlight-item {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .s10-container-mobile .p4-container .p4-title {
    width: 28.75rem;
  }
  .s10-container-mobile .p4-container .p4-desc {
    padding: 2rem 0;
  }
  .s10-container-mobile .p4-container .p4-hightlight {
    display: grid;
    grid-template-columns: 1.8fr 1.2fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
  .s10-container-mobile .p4-container .p4-hightlight-item {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .s10-container-mobile .p5-container {
    background: linear-gradient(to bottom, #F8F8F8, #F5F5F5 100%);
  }
  .s10-container-mobile .p5-container .p5-scroll-wrap {
    white-space: nowrap;
    overflow-x: scroll;
  }
  .s10-container-mobile .p5-container .p5-card {
    width: 38.75rem;
    margin-right: 2.38rem;
    vertical-align: top;
  }
  .s10-container-mobile .p5-container .p5-card .p5-desc {
    white-space: pre-wrap;
    margin-top: 1.88rem;
  }
  .s10-container-mobile .p5-container .p5-card .p5-hightlight {
    margin-top: 2.94rem;
  }
  .s10-container-mobile .p5-container .p5-card video {
    border-radius: 1rem ;
  }
  .s10-container-mobile .p6-container {
    background-color: #F8F8F8;
  }
  .s10-container-mobile .p6-container .p6-title {
    font-size: 1.6667vw;
  }
  .s10-container-mobile .p6-container .p6-desc {
    margin: 2.75rem 0;
  }
  .s10-container-mobile .p6-container .p6-view-btn-wrap {
    width: 16.25rem;
    height: 6.13rem;
    line-height: 6.13rem;
    background: #EDEBEB;
    border-radius: 8rem;
    padding: 0 6px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .s10-container-mobile .p6-container .p6-view-btn {
    width: 7rem;
    height: 4.8rem;
    line-height: 4.8rem;
    font-size: 1.75rem;
    text-align: center;
    border-radius: 4rem;
    color: #A3A3A3;
  }
  .s10-container-mobile .p6-container .p6-view-btn-active {
    background-image: linear-gradient(-79deg, #006FE5 0%, #00A4F4 96%);
    color: #fff;
  }
  .s10-container-mobile .p7-container {
    background-color: #fff;
  }
  .s10-container-mobile .p7-container .p7-desc {
    padding: 3.06rem 0 3.06rem;
  }
  .s10-container-mobile .p7-container .p7-feature {
    background: linear-gradient(to bottom, #F8F8F8, #F5F5F5 100%);
  }
  .s10-container-mobile .p7-container .p7-hightlight {
    top: 2.44rem;
    display: grid;
    grid-template-columns: 1.7fr 1.3fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }
  .s10-container-mobile .p7-container .p7-hightlight-item {
    font-size: 2rem;
    letter-spacing: 0;
  }
  .s10-container-mobile .p7-container .p7-hightlight-bottom {
    margin-top: -22rem;
  }
  .s10-container-mobile .p8-container {
    background: linear-gradient(to bottom, #F8F8F8, #F5F5F5 100%);
    padding: 0 1.94rem;
  }
  .s10-container-mobile .p8-container .p8-title {
    width: 34.31rem;
  }
  .s10-container-mobile .p8-container .p8-feature {
    padding-bottom: 5.68rem;
  }
  .s10-container-mobile .p8-container .p8-hightlight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }
  .s10-container-mobile .p8-container .p8-feature-item {
    margin-bottom: 2.62rem;
    padding: 2rem 2.25rem;
    background: #FFFFFF;
    background-image: linear-gradient(135deg, #F5F5F5 0%, #FCFCFC 100%);
    box-shadow: 0.75rem 0.75rem 1.5rem 0rem rgba(98, 98, 98, 0.12);
    border-radius: 8rem;
  }
  .s10-container-mobile .p8-container .p8-feature-item-right {
    margin-left: 2.63rem;
  }
  .s10-container-mobile .p8-container .p8-feature-item-icon {
    width: 4.94rem;
    height: 4.94rem;
  }
  .s10-container-mobile .p9-container {
    padding-bottom: 5rem;
  }
  .s10-container-mobile .p9-container .p-desc {
    padding: 2.44rem 0 1.44rem;
  }
  .s10-container-mobile .p9-container .p9-hightlight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }
  .s10-container-mobile .p9-container .p9-pin-wrap {
    margin: 9.5rem 0 9.25rem;
  }
  .s10-container-mobile .p9-container .p9-pin-item-wifi {
    top: -7rem;
    left: 5.5rem;
    margin: auto;
  }
  .s10-container-mobile .p9-container .p9-pin-item-speaker {
    bottom: -5rem;
    left: 5.5rem;
    margin: auto;
  }
  .s10-container-mobile .p9-container .p9-pin-item-bracket {
    top: -7rem;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
  }
  .s10-container-mobile .p9-container .p9-pin-item-camera {
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
  }
  .s10-container-mobile .p9-container .p9-pin-item-android {
    top: -7rem;
    right: 5.5rem;
    margin: auto;
  }
  .s10-container-mobile .p9-container .p9-pin-item-microphone {
    bottom: -5rem;
    right: 3.5rem;
    margin: auto;
  }
  .s10-container-mobile .p9-container .p9-pin-line {
    display: block;
    width: 1px;
    background-color: #fff;
    transform-origin: 0;
    margin: auto;
    background-image: linear-gradient(-79deg, #006FE5 0%, #00A4F4 96%);
  }
  .s10-container-mobile .p9-container .p9-pin-line-wifi {
    height: 6rem ;
  }
  .s10-container-mobile .p9-container .p9-pin-line-speaker {
    height: 4.69rem;
  }
  .s10-container-mobile .p9-container .p9-pin-line-bracket {
    height: 4.69rem;
  }
  .s10-container-mobile .p9-container .p9-pin-line-camera {
    height: 4.69rem;
  }
  .s10-container-mobile .p9-container .p9-pin-line-android {
    height: 6rem;
  }
  .s10-container-mobile .p9-container .p9-pin-line-microphone {
    height: 4.69rem;
  }
  .s10-container-mobile .p10-container {
    background: linear-gradient(to bottom, #F8F8F8 0%, #F5F5F5 100%);
  }
  .s10-container-mobile .p10-container .p10-card {
    padding: 3.13rem 2.69rem;
    background-image: linear-gradient(135deg, #F5F5F5 0%, #FCFCFC 100%);
    box-shadow: 0.75rem 0.75rem 1.5rem 0rem rgba(98, 98, 98, 0.12);
    border-radius: 0.75rem;
    margin-bottom: 2.5rem;
  }
  .s10-container-mobile .p10-container .p10-card img {
    width: 5.19rem;
    height: 5.19rem;
  }
  .s10-container-mobile .p11-container {
    width: 100% ;
    overflow-x: scroll;
  }
  .s10-container-mobile .p11-container table {
    width: 80rem;
  }
  .s10-container-mobile .p11-container .table-top {
    background: #f4f4f4;
    font-size: 2.53rem;
    padding: 1rem 1.06rem;
  }
  .s10-container-mobile .p11-container td {
    padding: 1rem ;
    width: 12rem;
    text-align: left;
    z-index: 0;
  }
  .s10-container-mobile .p11-container td .td-inner {
    width: 11.94rem;
    background-color: #fff;
  }
  .s10-container-mobile .p11-container th {
    padding: 1rem ;
    width: 12rem;
    text-align: left;
  }
  .s10-container-mobile .p11-container th span {
    font-size: 1.5rem;
    font-weight: 400;
  }
  .s10-container-mobile .p11-container .sticky-col {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
  }
  .s10-container-mobile .p11-container .first-col {
    left: 0;
  }
  .s10-container-mobile .p11-container .p11-note {
    margin-top: 30px;
    color: #aaa;
  }
}