@charset "UTF-8";
#newIndependent {
  display: none;
  padding-top: 74px; }
  #newIndependent .cls-1-hot {
    fill: #ff1e1e; }
  #newIndependent .cls-2-hot,
  #newIndependent .cls-3-hot {
    fill: #fff; }
  #newIndependent .cls-3-hot {
    font-size: 18px;
    font-family: MicrosoftYaHei, Microsoft YaHei; }
  #newIndependent .cls-4-hot {
    filter: url(#路径_111); }
  #newIndependent .newIndependent-head {
    padding-bottom: 94px;
    background-color: #377dff; }
    #newIndependent .newIndependent-head .head-title {
      padding-top: 103px;
      font-size: 60px;
      color: #ffffff;
      text-align: center;
      letter-spacing: 3px; }
    #newIndependent .newIndependent-head .head-trait {
      padding-top: 31px;
      font-size: 24px;
      color: #ffffff;
      letter-spacing: 1px;
      text-align: center; }
    #newIndependent .newIndependent-head .head-study {
      padding-top: 14px;
      font-size: 24px;
      letter-spacing: 1px;
      color: #ffffff;
      text-align: center; }
    #newIndependent .newIndependent-head .head-desc {
      padding-top: 14px;
      font-size: 24px;
      letter-spacing: 1px;
      color: #ffffff;
      text-align: center; }
    #newIndependent .newIndependent-head .head-btnBox {
      display: flex;
      justify-content: center;
      padding-top: 44px; }
      #newIndependent .newIndependent-head .head-btnBox .down-btn {
        text-align: center;
        width: 240px;
        line-height: 60px;
        font-size: 20px;
        position: relative;
        border-radius: 40px;
        color: #377dff;
        background-color: white;
        font-weight: bold;
        transition: all ease .3s; }
        #newIndependent .newIndependent-head .head-btnBox .down-btn:hover {
          transform: translateY(-3px); }
        #newIndependent .newIndependent-head .head-btnBox .down-btn .install-people {
          position: absolute;
          right: -17px;
          top: -27px;
          z-index: 99;
          color: white;
          background-image: url(/images/indexTest/installpeople_blue.png);
          background-repeat: no-repeat;
          width: 185px;
          height: 45px;
          line-height: 51px;
          background-size: 100%;
          font-size: 13px;
          padding-left: 26px;
          transform: rotateZ(10deg);
          font-weight: normal; }
      #newIndependent .newIndependent-head .head-btnBox .get-price {
        margin-left: 24px;
        text-align: center;
        width: 240px;
        line-height: 60px;
        font-size: 20px;
        position: relative;
        border-radius: 40px;
        border: 2px solid white;
        color: white;
        cursor: pointer;
        font-weight: bold;
        transition: all ease .3s; }
        #newIndependent .newIndependent-head .head-btnBox .get-price:hover {
          transform: translateY(-3px); }
    #newIndependent .newIndependent-head .head-time {
      padding-top: 24px;
      font-size: 16px;
      color: #ffffff;
      text-align: center; }
    #newIndependent .newIndependent-head .head-system {
      padding-top: 12px;
      color: #ffffff;
      font-size: 16px;
      text-align: center; }
  #newIndependent .newIndependent-advantage {
    padding-top: 120px;
    padding-bottom: 120px; }
    #newIndependent .newIndependent-advantage .advantage-head {
      padding-bottom: 80px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      #newIndependent .newIndependent-advantage .advantage-head .head-title {
        font-size: 44px;
        color: #377dff;
        padding-bottom: 24px; }
      #newIndependent .newIndependent-advantage .advantage-head .head-line {
        width: 130px;
        height: 6px;
        background-color: #377dff;
        border-radius: 4px; }
    #newIndependent .newIndependent-advantage .advantage-box {
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      width: 1110px; }
      #newIndependent .newIndependent-advantage .advantage-box .item {
        width: 254px;
        height: 316px;
        background-color: #ffffff;
        box-shadow: 0px 0px 8px 0px rgba(55, 125, 255, 0.1);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
        transition: .3s all ease; }
        #newIndependent .newIndependent-advantage .advantage-box .item:hover {
          transform: translateY(-15px); }
        #newIndependent .newIndependent-advantage .advantage-box .item .item-img {
          width: 100px;
          height: 100px; }
          #newIndependent .newIndependent-advantage .advantage-box .item .item-img img {
            height: 100%;
            object-fit: contain; }
        #newIndependent .newIndependent-advantage .advantage-box .item .item-desc {
          padding-top: 44px;
          width: 206px;
          text-align: center;
          font-size: 16px;
          color: #333333;
          line-height: 24px;
          letter-spacing: 0px; }
        #newIndependent .newIndependent-advantage .advantage-box .item .changeHeight {
          width: 208px !important; }
  #newIndependent .newIndependent-versions {
    height: 1000px; }
    #newIndependent .newIndependent-versions .versions-head {
      padding-bottom: 160px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      #newIndependent .newIndependent-versions .versions-head .head-title {
        font-size: 44px;
        color: #377dff;
        padding-bottom: 24px; }
      #newIndependent .newIndependent-versions .versions-head .head-line {
        width: 130px;
        height: 6px;
        background-color: #377dff;
        border-radius: 4px; }
      #newIndependent .newIndependent-versions .versions-head .head-desc {
        padding-top: 24px;
        font-size: 24px;
        color: #666666;
        text-align: center; }
    #newIndependent .newIndependent-versions .versions-box {
      display: flex;
      justify-content: center; }
      #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) {
        width: 252px;
        height: 720px;
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 0px #8eb5ff;
        border-radius: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 12px;
        transform-origin: center bottom;
        transition: .3s ease all;
        overflow: hidden;
        /* 钩子 */ }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .cls-1 {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(1):hover {
          transform: scale(1.1);
          margin: 0 24px;
          /* 钩子 */ }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1):hover .cls-1 {
            fill: #377dff; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1):hover::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 20px;
            background-color: #377dff;
            border-radius: 20px 20px 0px 0px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1):hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0.5px;
            width: 110%;
            height: 6px;
            background-color: #377dff;
            border-radius: 0px 0px 20px 20px; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-head {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-head .head-title {
            font-size: 32px;
            color: #333333;
            font-weight: bold;
            padding-top: 10px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-head .head-desc {
            padding-top: 5px;
            padding-bottom: 19px;
            font-size: 12px;
            color: #999999; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-head .head-line {
            width: 137px;
            height: 1px;
            background-color: #e6e6e6; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-info {
          padding-top: 30px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-info .list {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 6px; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-info .list .list-svg svg {
              margin: 0; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-box .item-info .list .list-desc {
              margin-left: 6px;
              text-align: center; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-btnLine {
          display: flex; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(1) .item-btnLine .clickBtn {
            width: 168px;
            text-align: center;
            line-height: 45px;
            background-color: #377dff;
            border-radius: 25px;
            font-size: 14px;
            color: #ffffff;
            cursor: pointer; }
      #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) {
        overflow: hidden;
        width: 252px;
        height: 720px;
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 0px #8eb5ff;
        border-radius: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 12px;
        transform-origin: center bottom;
        transition: .3s ease all;
        /* 钩子 */
        /* 高级版 */ }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .cls-1 {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .cls-1-crown {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .cls-2-crown {
          fill: none;
          stroke: #377dff;
          stroke-linecap: round;
          stroke-width: 3px; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover {
          transform: scale(1.1);
          margin: 0 24px;
          /* 钩子 */
          /* 高级版 */ }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover .cls-1 {
            fill: #ffb83c; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover .cls-1-crown {
            fill: #ffb83c; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover .cls-2-crown {
            fill: none;
            stroke: #ffb83c;
            stroke-linecap: round;
            stroke-width: 3px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 20px;
            background-color: #ffb83c;
            border-radius: 20px 20px 0px 0px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0.5px;
            width: 110%;
            height: 6px;
            background-color: #ffb83c;
            border-radius: 0px 0px 20px 20px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover .item-btnLine .clickBtn {
            background-color: #ffb83c; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2):hover .item-hot {
            display: block !important; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-head {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-head .head-title {
            font-size: 32px;
            color: #333333;
            font-weight: bold;
            padding-top: 10px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-head .head-desc {
            padding-top: 5px;
            padding-bottom: 19px;
            font-size: 12px;
            color: #999999; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-head .head-line {
            width: 137px;
            height: 1px;
            background-color: #e6e6e6; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-info {
          padding-top: 30px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-info .list {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 6px; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-info .list .list-svg svg {
              margin: 0; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-info .list .list-desc {
              margin-left: 6px;
              text-align: center; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-box .item-hot {
          display: none;
          position: absolute;
          top: -6px;
          right: -9px;
          z-index: 10; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-btnLine {
          display: flex; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(2) .item-btnLine .clickBtn {
            width: 168px;
            text-align: center;
            line-height: 45px;
            background-color: #377dff;
            border-radius: 25px;
            font-size: 14px;
            color: #ffffff;
            cursor: pointer; }
      #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) {
        overflow: hidden;
        width: 252px;
        height: 720px;
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 0px #8eb5ff;
        border-radius: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 12px;
        transform-origin: center bottom;
        transition: .3s ease all;
        /* 钩子 */
        /* 直播版 */ }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .cls-1 {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .cls-1-camera {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .cls-2-camera {
          fill: #fff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover {
          transform: scale(1.1);
          margin: 0 24px;
          /* 钩子 */
          /* 直播版 */ }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover .cls-1 {
            fill: #a570fe; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover .cls-1-camera {
            fill: #a570fe; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover .cls-2-camera {
            fill: #fff; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 20px;
            background-color: #a570fe;
            border-radius: 20px 20px 0px 0px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0.5px;
            width: 110%;
            height: 6px;
            background-color: #a570fe;
            border-radius: 0px 0px 20px 20px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3):hover .item-btnLine .clickBtn {
            background-color: #a570fe; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-head {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-head .head-title {
            font-size: 32px;
            color: #333333;
            font-weight: bold;
            padding-top: 10px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-head .head-desc {
            padding-top: 5px;
            padding-bottom: 19px;
            font-size: 12px;
            color: #999999; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-head .head-line {
            width: 137px;
            height: 1px;
            background-color: #e6e6e6; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-info {
          padding-top: 30px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-info .list {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 6px; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-info .list .list-svg svg {
              margin: 0; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-box .item-info .list .list-desc {
              margin-left: 6px;
              text-align: center; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-btnLine {
          display: flex; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(3) .item-btnLine .clickBtn {
            width: 168px;
            text-align: center;
            line-height: 45px;
            background-color: #377dff;
            border-radius: 25px;
            font-size: 14px;
            color: #ffffff;
            cursor: pointer; }
      #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) {
        overflow: hidden;
        width: 252px;
        height: 720px;
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 0px #8eb5ff;
        border-radius: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 12px;
        transform-origin: center bottom;
        transition: .3s ease all;
        /* 钩子 */
        /* 定制版 */ }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .cls-1 {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .cls-1-plane {
          fill: #377dff; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .cls-2-plane {
          fill: none;
          stroke: #fff;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 2.509px; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover {
          transform: scale(1.1);
          margin: 0 24px;
          /* 钩子 */
          /* 定制版 */ }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover .cls-1 {
            fill: #859bb8; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover .cls-1-plane {
            fill: #859bb8; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover .cls-2-plane {
            fill: none;
            stroke: #fff;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2.509px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 20px;
            background-color: #859bb8;
            border-radius: 20px 20px 0px 0px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0.5px;
            width: 110%;
            height: 6px;
            background-color: #859bb8;
            border-radius: 0px 0px 20px 20px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4):hover .item-btnLine .clickBtn {
            background-color: #859bb8; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-head {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-head .head-title {
            font-size: 32px;
            color: #333333;
            font-weight: bold;
            padding-top: 10px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-head .head-desc {
            padding-top: 5px;
            padding-bottom: 19px;
            font-size: 12px;
            color: #999999; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-head .head-line {
            width: 137px;
            height: 1px;
            background-color: #e6e6e6; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-info {
          padding-top: 30px; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-info .list {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 6px; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-info .list .list-svg svg {
              margin: 0; }
            #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-box .item-info .list .list-desc {
              margin-left: 6px;
              text-align: center; }
        #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-btnLine {
          display: flex; }
          #newIndependent .newIndependent-versions .versions-box .item:nth-child(4) .item-btnLine .clickBtn {
            width: 168px;
            text-align: center;
            line-height: 45px;
            background-color: #377dff;
            border-radius: 25px;
            font-size: 14px;
            color: #ffffff;
            cursor: pointer; }
      #newIndependent .newIndependent-versions .versions-box .active {
        transform: scale(1.1);
        margin: 0 24px !important;
        /* 钩子 */
        /* 高级版 */ }
        #newIndependent .newIndependent-versions .versions-box .active .cls-1 {
          fill: #ffb83c !important; }
        #newIndependent .newIndependent-versions .versions-box .active .cls-1-crown {
          fill: #ffb83c !important; }
        #newIndependent .newIndependent-versions .versions-box .active .cls-2-crown {
          fill: none;
          stroke: #ffb83c !important;
          stroke-linecap: round;
          stroke-width: 3px; }
        #newIndependent .newIndependent-versions .versions-box .active::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 20px;
          background-color: #ffb83c;
          border-radius: 20px 20px 0px 0px; }
        #newIndependent .newIndependent-versions .versions-box .active::after {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0.5px;
          width: 110%;
          height: 6px;
          background-color: #ffb83c;
          border-radius: 0px 0px 20px 20px; }
        #newIndependent .newIndependent-versions .versions-box .active .item-btnLine .clickBtn {
          background-color: #ffb83c !important; }
        #newIndependent .newIndependent-versions .versions-box .active .item-hot {
          display: block !important; }
  #newIndependent .newIndependent-demand {
    width: 1110px;
    margin: 0 auto;
    padding-top: 195px;
    padding-bottom: 93px; }
    #newIndependent .newIndependent-demand .demand-head {
      padding-bottom: 22px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      #newIndependent .newIndependent-demand .demand-head .head-title {
        font-size: 44px;
        color: #377dff;
        padding-bottom: 24px; }
      #newIndependent .newIndependent-demand .demand-head .head-line {
        width: 130px;
        height: 6px;
        background-color: #377dff;
        border-radius: 4px; }
    #newIndependent .newIndependent-demand .demand-item {
      padding-top: 79px; }
      #newIndependent .newIndependent-demand .demand-item .item-title {
        font-size: 28px;
        color: #377dff;
        padding-bottom: 30px; }
      #newIndependent .newIndependent-demand .demand-item .item-box {
        display: flex; }
        #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside {
          flex: 1;
          padding-right: 55px;
          padding-top: 30px; }
          #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside .information-box {
            padding-bottom: 24px; }
            #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside .information-box .information-title {
              width: 330px;
              line-height: 40px;
              background-color: #ecf0ff;
              border-radius: 8px;
              text-align: center;
              font-size: 18px;
              color: #377dff; }
            #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside .information-box .information-desc {
              padding-top: 12px;
              font-size: 16px;
              color: #333333; }
          #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside .information-btn {
            display: flex;
            padding-top: 16px; }
            #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside .information-btn .down-btn {
              cursor: pointer;
              border-radius: 10px;
              width: 156px;
              line-height: 50px;
              text-align: center;
              color: white;
              background-color: #377dff;
              transition: .3s ease all; }
              #newIndependent .newIndependent-demand .demand-item .item-box .box-Aside .information-btn .down-btn:hover {
                transform: translateY(-3px); }
        #newIndependent .newIndependent-demand .demand-item .item-box .box-Bside {
          width: 575px;
          height: 400px; }
          #newIndependent .newIndependent-demand .demand-item .item-box .box-Bside img {
            width: 100%;
            object-fit: contain; }
    #newIndependent .newIndependent-demand .demand-effect {
      margin-top: 100px;
      display: flex; }
      #newIndependent .newIndependent-demand .demand-effect .effect-left {
        margin-top: 81px;
        width: 575px;
        height: 400px; }
        #newIndependent .newIndependent-demand .demand-effect .effect-left img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      #newIndependent .newIndependent-demand .demand-effect .effect-right {
        flex: 1;
        padding-left: 39px; }
        #newIndependent .newIndependent-demand .demand-effect .effect-right .effect-title {
          font-size: 28px;
          color: #377dff;
          padding-bottom: 60px; }
        #newIndependent .newIndependent-demand .demand-effect .effect-right .effect-box .train-title {
          width: 294px;
          line-height: 40px;
          background-color: #ecf0ff;
          border-radius: 8px;
          text-align: center;
          color: #377dff;
          font-size: 18px; }
        #newIndependent .newIndependent-demand .demand-effect .effect-right .effect-box .train-desc {
          margin-top: 12px;
          font-size: 16px;
          color: #333333;
          padding-bottom: 24px; }
        #newIndependent .newIndependent-demand .demand-effect .effect-right .effect-btnLine {
          display: flex;
          padding-top: 16px; }
          #newIndependent .newIndependent-demand .demand-effect .effect-right .effect-btnLine .down-btn {
            width: 156px;
            line-height: 50px;
            background-color: #377dff;
            border-radius: 8px;
            text-align: center;
            cursor: pointer;
            color: white;
            transition: .3s ease all; }
            #newIndependent .newIndependent-demand .demand-effect .effect-right .effect-btnLine .down-btn:hover {
              transform: translateY(-3px); }
  #newIndependent .newIndependent-system {
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #377dff; }
    #newIndependent .newIndependent-system .system-title {
      padding-top: 95px;
      font-size: 40px;
      color: #ffffff;
      text-align: center; }
    #newIndependent .newIndependent-system .system-desc {
      margin-top: 24px;
      font-size: 20px;
      color: #ffffff;
      letter-spacing: 1px;
      text-align: center; }
    #newIndependent .newIndependent-system .system-btn {
      margin: 40px auto 0;
      width: 280px;
      line-height: 49px;
      background-color: #ffffff;
      box-shadow: 0px 5px 10px 0px rgba(0, 63, 180, 0.05);
      border-radius: 25px;
      text-align: center;
      color: #377dff;
      cursor: pointer; }

#mobile-newIndependent {
  display: none; }
  #mobile-newIndependent .mobile-head {
    padding-top: 13.33vw;
    padding-bottom: 8.13vw;
    background-color: #377dff; }
    #mobile-newIndependent .mobile-head .head-title {
      padding-bottom: 7.47vw;
      font-size: 6.4vw;
      color: #ffffff;
      letter-spacing: 0.19vw;
      text-align: center; }
    #mobile-newIndependent .mobile-head .head-desc-one {
      font-size: 3.2vw;
      letter-spacing: 0.09vw;
      color: #ffffff;
      text-align: center;
      padding-bottom: 1.87vw; }
    #mobile-newIndependent .mobile-head .head-lineBtn {
      padding: 3.9vw 0 2.67vw 0;
      display: flex;
      justify-content: center; }
      #mobile-newIndependent .mobile-head .head-lineBtn .down-btn {
        width: 28.2vw;
        line-height: 8vw;
        background-color: #ffffff;
        border-radius: 4.53vw;
        text-align: center;
        font-size: 2.93vw;
        color: #377dff;
        position: relative; }
        #mobile-newIndependent .mobile-head .head-lineBtn .down-btn .install-people {
          position: absolute;
          right: -1.9vw;
          top: -3.1vw;
          z-index: 99;
          color: white;
          background-image: url(/images/indexTest/installpeople_blue.png);
          background-repeat: no-repeat;
          width: 22vw;
          height: 6vw;
          line-height: 6.3vw;
          background-size: 100%;
          font-size: 2vw;
          padding-left: 3vw;
          transform: rotateZ(10deg);
          font-weight: normal; }
      #mobile-newIndependent .mobile-head .head-lineBtn .get-price {
        margin-left: 3.2vw;
        width: 28.2vw;
        color: #ffffff;
        text-align: center;
        font-size: 2.93vw;
        line-height: 8vw;
        border-radius: 4.53vw;
        border: solid 0.13vw #ffffff; }
    #mobile-newIndependent .mobile-head .head-update {
      text-align: center;
      font-size: 2.13vw;
      color: #ffffff; }
    #mobile-newIndependent .mobile-head .head-version {
      font-size: 2.13vw;
      color: #ffffff;
      text-align: center; }
  #mobile-newIndependent .mobile-function {
    padding-top: 16vw; }
    #mobile-newIndependent .mobile-function .function-head .head-title {
      font-size: 5.33vw;
      color: #377dff;
      text-align: center;
      padding-bottom: 2.13vw; }
    #mobile-newIndependent .mobile-function .function-head .head-line {
      width: 16vw;
      height: 0.8vw;
      background-color: #377dff;
      border-radius: 0.53vw;
      margin: 0 auto; }
    #mobile-newIndependent .mobile-function .function-box {
      padding: 10.67vw 4.27vw 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #mobile-newIndependent .mobile-function .function-box .itemFun {
        width: 43.27vw;
        height: 57.6vw;
        background-color: #ffffff;
        box-shadow: 0vw 0vw 1.07vw 0vw rgba(55, 125, 255, 0.1);
        border-radius: 1.33vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 8vw;
        margin-bottom: 2.9vw; }
        #mobile-newIndependent .mobile-function .function-box .itemFun .itemFun-img {
          width: 18.67vw;
          height: 18.67vw; }
          #mobile-newIndependent .mobile-function .function-box .itemFun .itemFun-img img {
            width: 100%;
            object-fit: contain; }
        #mobile-newIndependent .mobile-function .function-box .itemFun .itemFun-desc {
          padding-top: 5.33vw;
          text-align: center;
          width: 38.4vw;
          font-size: 3.2vw; }
  #mobile-newIndependent .mobile-section .section-head {
    padding-top: 16vw;
    padding-bottom: 5vw; }
    #mobile-newIndependent .mobile-section .section-head .head-title {
      font-size: 5.3vw;
      text-align: center;
      color: #377dff;
      padding-bottom: 2.1vw; }
    #mobile-newIndependent .mobile-section .section-head .head-line {
      margin: 0 auto;
      width: 16vw;
      height: 0.8vw;
      background-color: #377dff;
      border-radius: 0.5vw; }
    #mobile-newIndependent .mobile-section .section-head .head-desc {
      padding-top: 3.2vw;
      font-size: 3.2vw;
      color: #666666;
      text-align: center; }
  #mobile-newIndependent .mobile-section .section-box {
    height: 183vw;
    position: relative; }
    #mobile-newIndependent .mobile-section .section-box .center-box {
      position: absolute;
      top: 0;
      left: -63.67vw;
      padding: 20vw 15vw;
      display: flex;
      overflow-x: hidden; }
      #mobile-newIndependent .mobile-section .section-box .center-box .item {
        flex-shrink: 0;
        width: 58.67vw;
        height: 155.2vw;
        background-color: #ffffff;
        box-shadow: 0vw 0vw 1.2vw 0vw #8eb5ff;
        border-radius: 2.67vw;
        padding-top: 8vw;
        padding-bottom: 10.67vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 2.5vw;
        transform-origin: center bottom;
        transition: .3s ease all;
        /* 钩子 */
        /* 高级版 */
        /* 直播版 */
        /* 定制版 */ }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-1 {
          fill: #377dff; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-1-crown {
          fill: #377dff; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-2-crown {
          fill: none;
          stroke: #377dff;
          stroke-linecap: round;
          stroke-width: 3px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-1-camera {
          fill: #377dff; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-2-camera {
          fill: #fff; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-1-plane {
          fill: #377dff; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .cls-2-plane {
          fill: none;
          stroke: #fff;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 2.509px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-head {
          display: flex;
          flex-direction: column;
          align-items: center; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-head .head-img {
            height: 10vw; }
            #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-head .head-img img {
              width: 100%;
              object-fit: contain; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-head .head-title {
            font-size: 6.93vw;
            color: #333333;
            font-weight: bold;
            padding-top: 1.73vw; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-head .head-desc {
            padding-bottom: 5.33vw;
            font-size: 2.67vw;
            color: #999999; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-head .head-line {
            width: 32vw;
            height: 1px;
            background-color: #e6e6e6; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-info {
          padding-top: 6vw; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-info .list {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 1.5vw; }
            #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-info .list .list-svg {
              display: flex; }
              #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-info .list .list-svg svg {
                margin: 0; }
            #mobile-newIndependent .mobile-section .section-box .center-box .item .item-box .item-info .list .list-desc {
              font-size: 3.2vw;
              margin-left: 1.6vw;
              text-align: center; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .item-btnLine {
          display: flex; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-btnLine .clickBtn {
            width: 37.33vw;
            text-align: center;
            line-height: 10.67vw;
            background-color: #377dff;
            border-radius: 5.33vw;
            font-size: 4.27vw;
            color: #ffffff;
            cursor: pointer; }
        #mobile-newIndependent .mobile-section .section-box .center-box .item .item-hot {
          position: absolute;
          right: -1.5vw;
          top: -1vw;
          width: 14vw;
          height: 14vw; }
          #mobile-newIndependent .mobile-section .section-box .center-box .item .item-hot img {
            width: 100%;
            object-fit: contain; }
      #mobile-newIndependent .mobile-section .section-box .center-box .blueActive {
        transform: scale(1.1);
        margin: 0 5vw !important;
        /* 钩子 */ }
        #mobile-newIndependent .mobile-section .section-box .center-box .blueActive .cls-1 {
          fill: #377dff !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .blueActive::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 2.67vw;
          background-color: #377dff;
          border-radius: 2.67vw 2.67vw 0px 0px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .blueActive::after {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0;
          width: 100%;
          height: 2vw;
          background-color: #377dff;
          border-radius: 0px 0px 2.67vw 2.67vw; }
      #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive {
        transform: scale(1.1);
        margin: 0 5vw !important;
        /* 钩子 */
        /* 高级版 */ }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive .cls-1 {
          fill: #ffb83c !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive .cls-1-crown {
          fill: #ffb83c !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive .cls-2-crown {
          fill: none;
          stroke: #ffb83c !important;
          stroke-linecap: round;
          stroke-width: 3px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 2.67vw;
          background-color: #ffb83c;
          border-radius: 2.67vw 2.67vw 0px 0px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive::after {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0;
          width: 100%;
          height: 2vw;
          background-color: #ffb83c;
          border-radius: 0px 0px 2.67vw 2.67vw; }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive .item-btnLine .clickBtn {
          background-color: #ffb83c !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .yellowActive .item-hot {
          display: block !important; }
      #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive {
        transform: scale(1.1);
        margin: 0 5vw;
        /* 钩子 */
        /* 直播版 */ }
        #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive .cls-1 {
          fill: #a570fe !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive .cls-1-camera {
          fill: #a570fe !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive .cls-2-camera {
          fill: #fff !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 2.67vw;
          background-color: #a570fe;
          border-radius: 2.67vw 2.67vw 0px 0px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive::after {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0;
          width: 100%;
          height: 2vw;
          background-color: #a570fe;
          border-radius: 0px 0px 2.67vw 2.67vw; }
        #mobile-newIndependent .mobile-section .section-box .center-box .purpleActive .item-btnLine .clickBtn {
          background-color: #a570fe !important; }
      #mobile-newIndependent .mobile-section .section-box .center-box .grayActive {
        transform: scale(1.1);
        margin: 0 5vw;
        /* 钩子 */
        /* 定制版 */ }
        #mobile-newIndependent .mobile-section .section-box .center-box .grayActive .cls-1 {
          fill: #859bb8 !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .grayActive .cls-1-plane {
          fill: #859bb8 !important; }
        #mobile-newIndependent .mobile-section .section-box .center-box .grayActive .cls-2-plane {
          fill: none;
          stroke: #fff;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 2.509px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .grayActive::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 2.67vw;
          background-color: #859bb8;
          border-radius: 2.67vw 2.67vw 0px 0px; }
        #mobile-newIndependent .mobile-section .section-box .center-box .grayActive::after {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0;
          width: 100%;
          height: 2vw;
          background-color: #859bb8;
          border-radius: 0px 0px 2.67vw 2.67vw; }
        #mobile-newIndependent .mobile-section .section-box .center-box .grayActive .item-btnLine .clickBtn {
          background-color: #859bb8 !important; }
  #mobile-newIndependent .mobile-section .section-page {
    display: flex;
    justify-content: space-between;
    width: 15vw;
    margin: 0 auto; }
    #mobile-newIndependent .mobile-section .section-page .page-circle {
      width: 2vw;
      height: 2vw;
      background-color: #cccccc;
      border-radius: 50%; }
    #mobile-newIndependent .mobile-section .section-page .handleColor {
      background-color: #5f97ff !important; }
  #mobile-newIndependent .mobile-demand {
    padding-top: 16vw; }
    #mobile-newIndependent .mobile-demand .demand-head .head-title {
      font-size: 5.33vw;
      color: #377dff;
      text-align: center;
      line-height: 8vw;
      padding-bottom: 2.13vw; }
    #mobile-newIndependent .mobile-demand .demand-head .head-line {
      width: 16vw;
      height: 0.8vw;
      background-color: #377dff;
      border-radius: 0.53vw;
      margin: 0 auto; }
    #mobile-newIndependent .mobile-demand .demand-item {
      margin-top: 33.6vw;
      position: relative;
      padding: 33.87vw 4.27vw 0;
      background-color: #f6f9ff; }
      #mobile-newIndependent .mobile-demand .demand-item .item-img {
        position: absolute;
        left: 50%;
        top: -50%;
        transform: translate(-50%, 50%);
        width: 76.67vw;
        height: 53.33vw; }
        #mobile-newIndependent .mobile-demand .demand-item .item-img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #mobile-newIndependent .mobile-demand .demand-item .item-title {
        font-size: 4.27vw;
        color: #377dff;
        font-weight: bold;
        padding-bottom: 6.4vw; }
      #mobile-newIndependent .mobile-demand .demand-item .item-info .info-title {
        display: inline-block;
        padding: 0 3.2vw;
        line-height: 7.47vw;
        background-color: #ecf0ff;
        border-radius: 1.07vw;
        font-size: 3.73vw;
        text-align: center;
        color: #377dff; }
      #mobile-newIndependent .mobile-demand .demand-item .item-info .info-desc {
        padding-top: 2.13vw;
        padding-bottom: 5.33vw;
        font-size: 3.2vw;
        color: #333333;
        line-height: 4.8vw; }
  #mobile-newIndependent .mobile-system {
    margin-top: 16vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50.67vw;
    background-color: #377dff;
    padding-top: 11.47vw; }
    #mobile-newIndependent .mobile-system .system-title {
      font-size: 5.33vw;
      color: #ffffff; }
    #mobile-newIndependent .mobile-system .system-desc {
      padding-top: 3.2vw;
      padding-bottom: 5.33vw;
      font-size: 2.67vw;
      color: #ffffff; }
    #mobile-newIndependent .mobile-system .system-info {
      width: 45.33vw;
      text-align: center;
      line-height: 8vw;
      background-color: #ffffff;
      box-shadow: 0vw 0.67vw 1.33vw 0vw rgba(0, 63, 180, 0.05);
      border-radius: 4vw;
      font-size: 2.67vw;
      color: #377dff; }

/*# sourceMappingURL=newIndependent.css.map */