.white-keep-on-record[data-v-451b64e5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.white-keep-on-record p[data-v-451b64e5] {
    text-align: center;
    font-size: 12px;
    color: #888888;
    margin-bottom: 5px;
}
.white-keep-on-record p a[data-v-451b64e5] {
      color: #888888;
}
.white-keep-on-record p a[data-v-451b64e5]:hover {
        color: #f60;
}

.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs {
  height: 443px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 22px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 22px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__header {
    padding: 0;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__headerbtn {
    z-index: 1;
    font-size: 20px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__headerbtn:hover .el-dialog__close {
      color: #fc6053;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body {
    padding: 0;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .dialogWrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .codeWrapper {
      margin: 50px 80px 50px 50px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .codeWrapper .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .codeWrapper .title > img {
          width: 43px;
          height: 43px;
          margin-top: -26px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .codeWrapper .title .introduce {
          text-align: center;
          margin-left: 16px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .codeWrapper .title .introduce h5 {
            color: #666666;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 13px;
            text-align: left;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .codeWrapper .title .introduce p {
            font-size: 20px;
            color: #999999;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .code {
      width: 250px;
      height: 250px;
      background-color: #ffffff;
      border-radius: 10px;
      border: solid 1px #efefef;
      margin: 30px 0 0 48px;
      padding: 14px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .code img {
        width: 100%;
        height: 100%;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body > p {
      font-size: 12px;
      color: #999999;
      margin: 17px 0 0 0.2px;
      width: 190px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body > p span {
        font-size: 12px;
        color: #fc6053;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation {
      position: relative;
      padding-left: 80px;
      margin-top: 90px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        font-size: 0;
        margin-bottom: 80px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div:last-child {
          margin: 0;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div img {
          width: 42px;
          height: 42px;
          margin-right: 21px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div h5 {
          font-size: 24px;
          color: #666666;
          font-weight: bold;
          margin-bottom: 29px;
          padding-top: 6px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div a {
          color: #fc6053;
          font-size: 36px;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div a.tel {
            letter-spacing: -1px;
            cursor: default;
}
.quantityContactUs[data-v-579deec2] .dialog-quantityContactUs .el-dialog__body .contactInformation > div::after {
          content: "";
          height: 337px;
          width: 1px;
          border-left: 1px dashed #dddddd;
          position: absolute;
          left: 0;
          top: 0;
}

.quantityTable[data-v-3c36220f] .dialog-quantityContactUs {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__headerbtn {
    z-index: 1;
    font-size: 20px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__headerbtn:hover .el-dialog__close {
      color: #fc6053;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body {
    padding: 10px 25px 20px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content {
      height: 431px;
      overflow: auto;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content::-webkit-scrollbar {
        width: 5px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table {
        border-collapse: collapse;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table * {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table td,
        .quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table th {
          border: 1px solid #ffffff;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table thead {
          height: 47px;
          line-height: 47px;
          background-color: #eeeeee;
          color: #333333;
          font-size: 15px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table thead th {
            height: 47px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table thead th:first-child {
              width: 440px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table thead th:last-child {
              width: 200px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr td {
          text-align: center;
          background: #f9f9f9;
          vertical-align: middle;
          font-size: 14px;
          color: #333333;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr td:first-child {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 16px 22px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr td:first-child .text {
              color: #999999;
              font-size: 12px;
              text-align: left;
              margin-left: 12px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr td:first-child .text p {
                color: #333333;
                font-size: 14px;
                margin-bottom: 4px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr td:last-child p {
            padding: 0 20px;
            line-height: 20px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr.tbody_title td {
          width: 100%;
          font-size: 16px;
          font-weight: bold;
          color: #333333;
          background-color: #fff;
          position: relative;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table tr.tbody_title td::before {
            content: "";
            position: absolute;
            display: block;
            width: 3px;
            height: 22px;
            background-color: #fc6053;
            border-radius: 2px;
            top: 13px;
            left: 9px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table .info {
          margin-left: 11px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table .info h4 {
            font-size: 14px;
            line-height: 14px;
            letter-spacing: 0px;
            color: #333333;
            margin-bottom: 4px;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content table .info h5 {
            font-size: 12px;
            line-height: 12px;
            letter-spacing: 0px;
            color: #999999;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content.personage-table thead th:last-child {
        background-color: #ffeeed;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content.personage-table tbody td:nth-child(2) {
        background-color: #fff9f9;
}
.quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content.business-table thead th:last-child,
      .quantityTable[data-v-3c36220f] .dialog-quantityContactUs .el-dialog__body .content.business-table tbody td:nth-child(2) {
        background-color: #fff5ed;
}

.quantity[data-v-30a7e765] {
  min-width: 1200px;
  line-height: 1;
  padding-bottom: 40px;
}
.quantity *[data-v-30a7e765] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.quantity[data-v-30a7e765] .header .nav-menu ul li.active {
    border-color: #fc6053;
}
.quantity[data-v-30a7e765] .header .nav-menu ul li.active a {
      color: #fc6053;
}
.quantity[data-v-30a7e765] .header .nav-menu ul li a:hover {
    color: #fc6053;
}
.quantity .banner[data-v-30a7e765] {
    width: 100%;
    height: 356px;
    background: url(../../static/img/banner.6f5dfd0e.png) no-repeat center;
    background-size: cover;
}
.quantity .container[data-v-30a7e765] {
    width: 1160px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: -286px auto 0;
}
.quantity .container .title[data-v-30a7e765] {
      font-size: 34px;
      font-weight: bold;
      font-stretch: normal;
      line-height: 34px;
      letter-spacing: 0px;
      color: #333333;
      margin-bottom: 18px;
      text-align: center;
}
.quantity .container .sub_title[data-v-30a7e765] {
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 24px;
      letter-spacing: 0px;
      color: #333333;
      text-align: center;
}
.quantity .container .sub_title span[data-v-30a7e765] {
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #fc6053;
        cursor: pointer;
}
.quantity .container .sub_title span[data-v-30a7e765]:hover {
          color: #ff1400;
}
.quantity .container ul.list[data-v-30a7e765] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 50px;
}
.quantity .container ul.list .item[data-v-30a7e765] {
        width: 360px;
        height: 463px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)), -webkit-gradient(linear, left top, left bottom, from(#eaf3ff), to(#eaf3ff));
        background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#eaf3ff, #eaf3ff);
        background-blend-mode: normal, normal;
        border-radius: 10px 10px 0px 0px;
        -webkit-box-shadow: 0px 0px 27px 0px rgba(36, 36, 36, 0.1);
                box-shadow: 0px 0px 27px 0px rgba(36, 36, 36, 0.1);
        padding: 40px 30px 0;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.quantity .container ul.list .item .icon_hot[data-v-30a7e765] {
          position: absolute;
          left: 0;
          top: 0;
          width: 88px;
          height: 92px;
}
.quantity .container ul.list .item .item_title[data-v-30a7e765] {
          font-size: 26px;
          font-weight: bold;
          font-stretch: normal;
          line-height: 24px;
          letter-spacing: 0px;
          color: #333333;
          margin-bottom: 20px;
}
.quantity .container ul.list .item .h4_title[data-v-30a7e765] {
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 26px;
          letter-spacing: 0px;
          color: #999999;
}
.quantity .container ul.list .item .item_top[data-v-30a7e765] {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: 2px dotted #e1e1e1;
          padding-bottom: 22px;
}
.quantity .container ul.list .item .h5_title[data-v-30a7e765] {
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 30px;
          letter-spacing: 0px;
          color: #999999;
          margin-top: 30px;
}
.quantity .container ul.list .item .h5_title[data-v-30a7e765] span {
            font-size: 56px;
            font-weight: bold;
            font-stretch: normal;
            line-height: 61px;
            letter-spacing: 0px;
            color: #fc6053;
            margin: 0 10px 0;
}
.quantity .container ul.list .item .h6_detail[data-v-30a7e765] {
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 16px;
          letter-spacing: 0px;
          color: #333333;
          margin-top: 28px;
          margin-bottom: 40px;
}
.quantity .container ul.list .item .buy_now[data-v-30a7e765] {
          width: 280px;
          height: 50px;
          background-color: #fc6053;
          border-radius: 6px;
          border: solid 1px #fc6053;
          cursor: pointer;
          color: #ffffff;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          line-height: 48px;
          letter-spacing: 0px;
          text-align: center;
          margin-bottom: 30px;
          display: block;
}
.quantity .container ul.list .item .buy_now[data-v-30a7e765]:hover {
            background-color: #ff1010;
            border: solid 1px #fc6053;
            color: #ffffff;
}
.quantity .container ul.list .item .more[data-v-30a7e765] {
          font-size: 15px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 15px;
          letter-spacing: 0px;
          color: #993333;
          text-decoration: underline;
          cursor: pointer;
}
.quantity .container ul.list .item .more[data-v-30a7e765]:hover {
            color: #ff5527;
}
.quantity .container ul.list .item .buy_now_cloud[data-v-30a7e765] {
          width: 280px;
          height: 50px;
          background-color: #ffffff;
          border-radius: 6px;
          border: solid 1px #fc6053;
          cursor: pointer;
          color: #fc6053 !important;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          line-height: 48px;
          letter-spacing: 0px;
          text-align: center;
          margin-bottom: 30px;
          display: block;
}
.quantity .container ul.list .item .buy_now_cloud[data-v-30a7e765]:hover {
            background-color: #ffeeed;
            border: solid 1px #fc6053;
}
.quantity .container ul.list .item .h5_title_spe[data-v-30a7e765] {
          font-size: 30px;
          font-weight: bold;
          font-stretch: normal;
          line-height: 30px;
          letter-spacing: 0px;
          color: #fc6053;
          margin: 72px 0 73px;
}
.quantity .container .h3_title[data-v-30a7e765] {
      font-size: 30px;
      font-weight: bold;
      font-stretch: normal;
      line-height: 30px;
      letter-spacing: -1px;
      color: #333333;
      text-align: center;
      margin: 80px 0 24px;
}
.quantity .container .underline[data-v-30a7e765] {
      width: 37px;
      height: 4px;
      background-image: -webkit-gradient(linear, left top, right top, from(#ff8181), to(#fc6053)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
      background-image: linear-gradient(90deg, #ff8181 0%, #fc6053 100%), linear-gradient(#000000, #000000);
      background-blend-mode: normal, normal;
      margin: 0 auto 50px;
}
.quantity .container .questions[data-v-30a7e765] {
      padding: 70px 80px;
      width: 1160px;
      background-color: #ffffff;
      -webkit-box-shadow: 0px 0px 27px 0px rgba(36, 36, 36, 0.1);
              box-shadow: 0px 0px 27px 0px rgba(36, 36, 36, 0.1);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 30px;
}
.quantity .container .questions .question[data-v-30a7e765] {
        padding-bottom: 35px;
}
.quantity .container .questions .question[data-v-30a7e765]:not(:last-child) {
          border-bottom: 1px dashed #dddddd;
          margin-bottom: 37px;
}
.quantity .container .questions .question h4[data-v-30a7e765] {
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 16px;
          letter-spacing: 0px;
          color: #333333;
          margin-bottom: 5px;
}
.quantity .container .questions .question h4 span[data-v-30a7e765] {
            width: 24px;
            height: 24px;
            background-color: #333333;
            border-radius: 50%;
            margin-right: 7px;
            color: #ffffff;
            display: inline-block;
            line-height: 24px;
            text-align: center;
}
.quantity .container .questions .question[data-v-30a7e765] .des {
          font-size: 14px;
          line-height: 23px;
          letter-spacing: 0px;
          color: #666666;
}
.quantity .container .questions .question[data-v-30a7e765] .des a,
          .quantity .container .questions .question[data-v-30a7e765] .des span {
            color: #fc6053;
            cursor: pointer;
}
.quantity .container .questions .question[data-v-30a7e765] .des a:hover,
            .quantity .container .questions .question[data-v-30a7e765] .des span:hover {
              color: #ff1400;
}
.quantity .sidebar[data-v-30a7e765] {
    width: 52px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px 0px 0px 10px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -119px;
    z-index: 2;
}
.quantity .sidebar .list > div[data-v-30a7e765]:not(:last-child)::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 8px;
      width: 37px;
      height: 1px;
      border-bottom: 1px dashed #ddd;
}
.quantity .sidebar .cooperationBox[data-v-30a7e765],
    .quantity .sidebar .demonstrationBox[data-v-30a7e765],
    .quantity .sidebar .topBox[data-v-30a7e765] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      padding: 0 13px;
}
.quantity .sidebar .cooperationBox > i[data-v-30a7e765],
      .quantity .sidebar .demonstrationBox > i[data-v-30a7e765],
      .quantity .sidebar .topBox > i[data-v-30a7e765] {
        margin-bottom: 8px;
}
.quantity .sidebar .cooperationBox > .text[data-v-30a7e765],
      .quantity .sidebar .demonstrationBox > .text[data-v-30a7e765],
      .quantity .sidebar .topBox > .text[data-v-30a7e765] {
        width: 26px;
        line-height: 14px;
        font-size: 12px;
}
.quantity .sidebar .cooperationBox[data-v-30a7e765] {
      height: 89px;
      position: relative;
      cursor: pointer;
}
.quantity .sidebar .cooperationBox .hoverList[data-v-30a7e765] {
        width: 184px;
        height: 356px;
        background-color: #fc6053;
        border-radius: 10px;
        padding: 30px 20px 20px;
        position: absolute;
        left: -194px;
        top: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: none;
}
.quantity .sidebar .cooperationBox .hoverList h4[data-v-30a7e765] {
          color: #fff;
          font-size: 18px;
          margin-bottom: 22px;
          text-align: center;
}
.quantity .sidebar .cooperationBox .hoverList ul li[data-v-30a7e765] {
          background-color: #fd8076;
          border-radius: 4px;
          margin-bottom: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
.quantity .sidebar .cooperationBox .hoverList ul li[data-v-30a7e765]:hover {
            background-color: #ff903f;
}
.quantity .sidebar .cooperationBox .hoverList ul li .dialogCall[data-v-30a7e765] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 144px;
            height: 40px;
            padding: 10px 14px;
            border-radius: 4px;
            cursor: pointer;
}
.quantity .sidebar .cooperationBox .hoverList ul li img[data-v-30a7e765] {
            width: 20px;
            height: 20px;
            margin-right: 10px;
}
.quantity .sidebar .cooperationBox .hoverList ul li span[data-v-30a7e765] {
            display: block;
            font-size: 14px;
            color: #fff;
}
.quantity .sidebar .cooperationBox .hoverList .el-button[data-v-30a7e765] {
          width: 144px;
          height: 40px;
          text-align: center;
          background-color: #fff;
          border-radius: 4px;
          color: #ff0000;
          font-size: 14px;
          margin-top: 36px;
          border: none;
}
.quantity .sidebar .cooperationBox .hoverList .el-button[data-v-30a7e765]:hover {
            background-color: #ffea00;
}
.quantity .sidebar .cooperationBox .hoverList[data-v-30a7e765]::after {
          content: "";
          height: 90px;
          width: 14px;
          position: absolute;
          right: -14px;
          top: 0;
}
.quantity .sidebar .cooperationBox:hover .hoverList[data-v-30a7e765] {
        display: block;
        cursor: auto;
}
.quantity .sidebar .cooperationBox:hover .cooperation[data-v-30a7e765] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAANlBMVEX8YFP8YFP8YFP8YFP8YFP8YFP8YFNHcEz8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFNabg6CAAAAEXRSTlPwViCAX+qYAA+gTQSnQXHVxH20lu0AAAB3SURBVBjTtZFLEgMhCEQbFdvP6IT7XzaONamYisvk7aCBpgAC26ACGDaYjnp+k8x+L0h0rN5XulhWoZodFLPCY8bvjqxCd56OQeO/ttoKeXA5ssV8M3ZDntcEWR7reSPYQuiGKw0fXjTiHjle4NNqMwV21Z4+/Z8r2w8qlXOHIAAAAABJRU5ErkJggg==) no-repeat center;
        background-size: 100% 100%;
}
.quantity .sidebar .cooperationBox:hover .text[data-v-30a7e765] {
        color: #fc6053;
}
.quantity .sidebar .demonstrationBox[data-v-30a7e765] {
      height: 89px;
      position: relative;
      cursor: pointer;
}
.quantity .sidebar .demonstrationBox:hover .demonstration[data-v-30a7e765] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWBAMAAADHkSqFAAAAMFBMVEVHcEz8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFMwtVmfAAAAD3RSTlMA0FBAwHDvWzCRGLANydJJk9HJAAAAeUlEQVQY02OQ/48AAgzvkXgPGJi+MEAB4ycGbLwFyDzmVBTefwkU3v85KLxvBsi8/xuQeanIKn8vQOJ9U0Ayk2sOHpcheN8EoUAeyONAeO8HUEGz7f9gY2Pj+L/GDSD187+DSPb/E0AU6/8CsCH1X8G8dIiR7EDHAQA7ol4sLe7lQAAAAABJRU5ErkJggg==) no-repeat center;
        background-size: 100% 100%;
}
.quantity .sidebar .demonstrationBox:hover .text[data-v-30a7e765] {
        color: #fc6053;
}
.quantity .sidebar .demonstrationBox:hover .detailsWrapper[data-v-30a7e765] {
        display: block;
        cursor: auto;
}
.quantity .sidebar .topBox[data-v-30a7e765] {
      height: 58px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.quantity .sidebar .topBox .top[data-v-30a7e765] {
        display: block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAM1BMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOy3qQoAAAAEHRSTlMADLqy76BrNx3XWIOAIslU8cVqegAAAKJJREFUGNN1UVsSxCAIE59gtZv7n3ZRcdqdHflRMpAEcG5FzymElLt7R/Gw8OVBL0BaYS5NgGujCbHuf41Iu1b46WRZ9QWR3zocMfg96o+8q/DqDGIp7SZBdxltk0Yz15DVxkpIvRle1EzA7KUb4WM4IxhMHp5UbOIDXiQBN+mTJz5IpiRFoUmbVW1KLoO0TZMZPIxzGv6wqtNiT2c4He3/xF83pAhSMKdumwAAAABJRU5ErkJggg==) no-repeat center;
        background-size: 100% 100%;
        width: 22px;
        height: 22px;
}
.quantity .sidebar .topBox .top[data-v-30a7e765]:hover {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAM1BMVEVHcEz8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFP8YFPyPWasAAAAEHRSTlMADLqy76BrNx3XWIOAIsxUjLKePwAAAKBJREFUGNN1kVkOBCEIRMUFwdaeuv9pxwXTPZnIj/KiVAHOrWicQkjc3Duyh4XPD70ArVkkVwWuTRNi2fcSkfZbleen6HqfEeWtIxGjvkf5kXcFvjuDWkr7k6I5Rt1Fo5mr4G5jJXQDxnM3EyBGw8e4IBgmD09dbPKBV5GAm/rBk48iU5LipIPzklwGaZsmM3ho59T8YVSnwZ7WcFra/4q/QSwIXAhlp8IAAAAASUVORK5CYII=) no-repeat center;
          background-size: 100% 100%;
}
.quantity .sidebar .cooperation[data-v-30a7e765] {
      display: block;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAANlBMVEUzMzMzMzMzMzMzMzMzMzMzMzMzMzNHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzP2mlrkAAAAEXRSTlPwfFYgX+qWAA+gTQSnQdXEaho5vZ0AAAB2SURBVBjTtZHbEsMgCEQXFTdoTMr//2yNk06d1sf2vMFy2QEE+AINgGOBa6/nN5v774WQI6tIZcxlFqr7zuBeuI/43WEaGI8jMqn9y9VSsE6+wpbtpnuDjWuCLOd8XgNbSuK40pD0ohH3yP4C2eY1Q+BDP9LkEy4kDxWGQ0MQAAAAAElFTkSuQmCC) no-repeat center;
      background-size: 100% 100%;
      width: 24px;
      height: 18px;
      cursor: pointer;
}
.quantity .sidebar .demonstration[data-v-30a7e765] {
      display: block;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAMAAAACYceEAAAANlBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMPiRcpAAAAEXRSTlMAbJE1wPBb0FBAGHewDckq0v5N7HgAAAB7SURBVCjPldHdCoAgDAXgmU2d/Xne/2UL06jYoM6V8ME8bBShJ1IxpBAljPRORKJPki3xPBkiRx9vCTAslqCIJZgNYWdMm7PegJPeOrdev7ajCMd3uIpXz1P3tImsgJMzDlhFtjZ2AML1Rzi219/THSr1ezgOj2ah7mgHD0UM66FFxi0AAAAASUVORK5CYII=) no-repeat center;
      background-size: 100% 100%;
      width: 25px;
      height: 22px;
      cursor: pointer;
}
.quantity .sidebar p[data-v-30a7e765] {
      color: #666;
      font-size: 12px;
}
.quantity .sidebar .detailsWrapper[data-v-30a7e765] {
      width: 336px;
      height: 356px;
      background-color: #fff;
      border-radius: 4px;
      padding: 30px;
      -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
      position: absolute;
      left: -346px;
      top: 0px;
      display: none;
}
.quantity .sidebar .detailsWrapper[data-v-30a7e765]::after {
        content: "";
        width: 14px;
        height: 90px;
        position: absolute;
        right: -14px;
        top: 0;
}
.quantity .sidebar .detailsWrapper > ul li[data-v-30a7e765] {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 20px;
}
.quantity .sidebar .detailsWrapper > ul li > div[data-v-30a7e765] {
          font-size: 0;
}
.quantity .sidebar .detailsWrapper > ul li > img[data-v-30a7e765] {
          margin-right: 13px;
          width: 20px;
          height: 20px;
}
.quantity .sidebar .detailsWrapper > ul li h6[data-v-30a7e765] {
          color: #333;
          font-size: 14px;
          margin-bottom: 14px;
          padding-top: 3px;
}
.quantity .sidebar .detailsWrapper > ul li[data-v-30a7e765] p,
        .quantity .sidebar .detailsWrapper > ul li[data-v-30a7e765] a {
          color: #999;
          font-size: 12px;
}
.quantity .sidebar .detailsWrapper > ul li[data-v-30a7e765] p span,
          .quantity .sidebar .detailsWrapper > ul li[data-v-30a7e765] a span {
            color: #fc6053;
}
.quantity .sidebar .detailsWrapper > ul li .code[data-v-30a7e765] {
          width: 110px;
          height: 110px;
          background-color: #fff;
          border-radius: 4px;
          border: solid 1px #ddd;
          margin-left: 31px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
}
.quantity .sidebar .detailsWrapper > ul li .code img[data-v-30a7e765] {
            width: 106px;
            height: 106px;
}