.drawer {
      background-color: #fff;
      box-shadow: 0 0 15px -7px #ccc;
      display: flex;
      flex-direction: column;
      height: 100vh;
      left: -80vw;
      position: fixed;
      top: 0;
      transition: all .2s ease-in;
      width: 80vw;
      z-index: 1000
    }

    .drawer.active {
      left: 0
    }

    .drawer .title {
      align-items: center;
      background-color: #4066b8;
      display: flex;
      height: 60px;
      justify-content: space-between;
      padding: 0 12px;
      width: 100%
    }

    .drawer .title img {
      display: block;
      height: 30px;
      width: 80px
    }

    .drawer .title a {
      color: #fff
    }

    .drawer .cot {
      flex: 1;
      padding: 0 16px;
      position: relative
    }

    .drawer .cot .tools {
      align-items: center;
      border-bottom: 1px solid #d4d4d4;
      display: flex;
      justify-content: space-between;
      padding: 16px 0
    }

    .drawer .cot .tools a {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center
    }

    .drawer .cot .tools a img {
      height: 30px;
      margin-bottom: 6px;
      width: 30px
    }

    .drawer .cot .tools a i {
      font-size: 12px
    }

    .drawer .cot .list li a {
      justify-content: space-between;
      padding: 10px 0
    }

    .drawer .cot .list li a,
    .drawer .cot .list li a div {
      align-items: center;
      display: flex
    }

    .drawer .cot .list li a div .iconfont {
      color: #4066b8;
      font-size: 20px;
      margin-right: 6px
    }

    .drawer .cot .list li a div .iconfont.icongouwuche1 {
      margin-left: -3px
    }

    .drawer .cot .list li a div span {
      font-size: 13px
    }

    .drawer .cot .list li a>i {
      font-size: 12px
    }

    .drawer .cot .btn {
      border-radius: 18px;
      bottom: 120px;
      left: 50%;
      position: absolute;
      transform: translate(-50%);
      width: 80%
    }
  
  
    .mobile {
      background: #4066b8;
      height: 94px;
      margin-bottom: 20px;
      padding-top: 20px;
      position: relative;
      width: 100%
    }

    .mobile .nav {
      justify-content: space-between;
      padding: 0 10px;
      position: relative;
      width: 100%
    }

    .mobile .nav,
    .mobile .nav .iconfont {
      align-items: center;
      display: flex;
      height: 30px
    }

    .mobile .nav .iconfont {
      color: #fff;
      font-size: 20px;
      justify-content: center;
      width: 30px
    }

    .mobile .nav .logo {
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%)
    }

    .mobile .nav a {
      color: #fff;
      font-size: 15px
    }

    .mobile .round {
      background-color: #4066b8;
      border-radius: 50%;
      bottom: -12px;
      height: 24px;
      left: 0;
      position: absolute;
      width: 100%
    }

    .mobile .search {
      align-items: center;
      background: #fff;
      border-radius: 20px;
      bottom: -20px;
      box-shadow: 0 0 15px -7px #ccc;
      display: flex;
      height: 40px;
      justify-content: space-between;
      left: 50%;
      padding: 0 20px;
      position: absolute;
      transform: translate(-50%);
      width: 90%
    }

    .mobile .search span {
      color: #999;
      font-size: 12px
    }

    .mobile .search .iconfont {
      color: #999;
      font-size: 16px
    }
  
  
    .photo_zoom_tool {
      margin-bottom: 20px;
      position: relative;
      width: 260px
    }

    .photo_zoom_tool .preview-box {
      align-items: center;
      border: 1px solid #fff;
      cursor: crosshair;
      display: flex;
      height: 260px;
      justify-content: center;
      position: relative;
      width: 260px
    }

    .photo_zoom_tool .preview-box:hover {
      border: 1px solid #ddd
    }

    .photo_zoom_tool .preview-box img {
      height: 100%;
      width: 100%
    }

    .photo_zoom_tool .preview-box .mask {
      background-color: #fff;
      border: 1px solid #ccc;
      cursor: crosshair;
      height: 100px;
      left: 75px;
      opacity: .6;
      position: absolute;
      top: 75px;
      width: 100px;
      z-index: 1
    }

    .photo_zoom_tool .zoom-box {
      background-color: #fff;
      box-shadow: 0 0 14px -6px #ddd;
      height: 390px;
      overflow: hidden;
      position: absolute;
      right: -400px;
      top: 0;
      width: 390px;
      z-index: 100
    }

    .photo_zoom_tool .zoom-box img {
      border: none;
      display: block;
      height: 1030px;
      left: -100.286px;
      position: absolute;
      top: -125.357px;
      width: 1030px
    }

    .photo_zoom_tool .swiper_cot {
      display: flex;
      flex-direction: column;
      width: 100%
    }

    @media screen and (max-width:1024px) {
      .photo_zoom_tool .swiper_cot {
        width: 100%
      }
    }

    .photo_zoom_tool .swiper_cot .swiper-button-next,
    .photo_zoom_tool .swiper_cot .swiper-button-prev {
      color: #a09f9f
    }

    .photo_zoom_tool .swiper_cot .swiper-button-next:after,
    .photo_zoom_tool .swiper_cot .swiper-button-prev:after {
      font-size: 30px
    }

    .photo_zoom_tool .swiper_cot .mySwiper {
      box-sizing: border-box;
      cursor: pointer;
      float: left;
      height: 100px;
      margin-top: 4px;
      position: relative;
      width: 100%
    }

    .photo_zoom_tool .swiper_cot .mySwiper .swiper-cover {
      background-color: #0009;
      bottom: 0;
      height: 48px;
      position: absolute;
      right: 0;
      width: 48px;
      z-index: 100
    }

    .photo_zoom_tool .swiper_cot .mySwiper .swiper-wrapper {
      align-items: center;
      justify-content: start
    }

    .photo_zoom_tool .swiper_cot .mySwiper .swiper-slide {
      align-items: center;
      display: flex;
      font-size: 18px;
      height: 100px;
      justify-content: space-around;
      width: 60px !important
    }

    .photo_zoom_tool .swiper_cot .mySwiper .desigimgs {
      border: 1px solid #d4d4d4;
      cursor: pointer;
      height: 50px;
      padding: 5px;
      width: 50px
    }

    .photo_zoom_tool .swiper_cot .mySwiper .swiper-slide-thumb-active {
      background-color: #9999994d
    }

    .photo_zoom_tool .swiper_cot .mySwiper .swiper-pagination {
      bottom: -2px
    }

    @media screen and (max-width:1024px) {
      .photo_zoom_tool .preview-box img {
        height: unset;
        max-width: 200px;
        width: unset
      }

      .photo_zoom_tool .preview-box:hover {
        border: none
      }

      .photo_zoom_tool .preview-box .mask,
      .photo_zoom_tool .zoom-box {
        display: none
      }
    }
  
  
    .favorite {
      background-color: #3333;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000
    }

    .favorite>div {
      align-items: center;
      background-color: #fff;
      border-radius: 4px;
      box-shadow: 0 0 15px -7px #ccc;
      display: flex;
      flex-direction: column;
      justify-content: center;
      left: 50%;
      padding: 20px 40px;
      position: absolute;
      top: 15%;
      transform: translate(-50%)
    }

    .favorite>div .iconfont {
      border-radius: 50%;
      color: #ff6221;
      font-size: 40px;
      margin-bottom: 10px
    }

    .favorite>div>p {
      line-height: 22px;
      margin-bottom: 16px;
      text-align: center
    }

    .favorite>div>p a {
      color: #4066b8
    }

    .favorite>div>p a:hover {
      text-decoration: underline
    }

    .favorite>div>div {
      display: flex;
      justify-content: center
    }

    .favorite>div>div .btn {
      border-radius: 19px !important;
      margin: 0 10px;
      min-width: 60px;
      overflow: hidden;
      padding: 6px 16px !important
    }

    .favorite>div>.close {
      color: #333;
      cursor: pointer;
      font-size: 12px;
      font-size: 16px;
      position: absolute;
      right: 10px;
      top: 10px
    }

    @media screen and (max-width:1024px) {
      .favorite>div {
        padding: 20px;
        width: 80vw
      }

      .favorite>div>p {
        text-align: center
      }
    }
  
  
    .favorite {
      background-color: #3333;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000
    }

    .favorite>div {
      align-items: center;
      background-color: #fff;
      border-radius: 4px;
      box-shadow: 0 0 15px -7px #ccc;
      display: flex;
      flex-direction: column;
      justify-content: center;
      left: 50%;
      padding: 20px 40px;
      position: absolute;
      top: 15%;
      transform: translate(-50%)
    }

    .favorite>div .iconfont {
      border-radius: 50%;
      color: #ff6221;
      font-size: 40px;
      margin-bottom: 10px
    }

    .favorite>div>p {
      line-height: 22px;
      margin-bottom: 16px;
      text-align: center
    }

    .favorite>div>p a {
      color: #4066b8
    }

    .favorite>div>p a:hover {
      text-decoration: underline
    }

    .favorite>div>div {
      display: flex;
      justify-content: center
    }

    .favorite>div>div .btn {
      border-radius: 19px !important;
      margin: 0 10px;
      min-width: 60px;
      overflow: hidden;
      padding: 6px 16px !important
    }

    .favorite>div>.close {
      color: #333;
      cursor: pointer;
      font-size: 12px;
      font-size: 16px;
      position: absolute;
      right: 10px;
      top: 10px
    }

    @media screen and (max-width:1024px) {
      .favorite>div {
        padding: 20px;
        width: 80vw
      }

      .favorite>div>p {
        text-align: center
      }
    }
  
  
    .introduce {
      background: #fff;
      display: flex;
      padding: 25px;
      width: 938px
    }

    .introduce .pic {
      align-items: center;
      display: flex;
      flex-direction: column;
      width: 270px
    }

    .introduce .pic .freeImg {
      text-align: right;
      width: 100%
    }

    .introduce .pic .freeImg img {
      max-width: 100%
    }

    .introduce .pic .funBox {
      display: flex;
      flex-direction: column;
      width: 100%
    }

    .introduce .pic .funBox .btn {
      height: 40px;
      margin-bottom: 0;
      padding: 6px 10px;
      width: 100%
    }

    .introduce .pic .funBox .btn .iconfont {
      color: #fff;
      font-size: 22px;
      margin-right: 10px;
      opacity: 1
    }

    .introduce .pic .free {
      cursor: pointer;
      margin-top: 10px;
      width: 100%
    }

    .introduce .pic .free .freeImg {
      border-radius: 4px;
      height: 100%;
      width: 100%
    }

    .introduce .cot {
      flex: 1
    }

    .introduce .cot .title {
      border-bottom: 1px solid #d4d4d4;
      display: flex;
      margin-bottom: 30px;
      padding-bottom: 18px;
      position: relative
    }

    .introduce .cot .title h1 div {
      color: #333;
      font-size: 16px;
      font-weight: 700
    }

    .introduce .cot .title h1 .desc {
      bottom: 2px;
      color: #999;
      font-size: 12px;
      left: 0;
      margin-top: 5px;
      position: absolute
    }

    .introduce .cot .title h1 .trademark {
      border-left: 1px solid #333;
      margin-left: 5px;
      padding-left: 9px
    }

    .introduce .cot .title h1 .trademark i {
      font-size: 12px
    }

    .introduce .cot .title .tag {
      align-items: center;
      background-color: #333;
      border-radius: 2px;
      color: #fff;
      display: flex;
      font-size: 12px;
      height: 18px;
      justify-content: center;
      margin-left: 10px;
      min-width: 65px;
      padding: 2px 4px
    }

    .introduce .cot .title .mfg {
      align-items: center;
      background: #fefefe;
      border: 1px solid #40b775;
      cursor: pointer;
      display: flex;
      height: 30px;
      position: absolute;
      right: 0;
      width: 100px
    }

    .introduce .cot .title .mfg .icon {
      align-items: center;
      background: #40b775;
      display: flex;
      height: 30px;
      justify-content: center;
      margin-right: 5px;
      width: 30px
    }

    .introduce .cot .title .mfg .icon .img {
      height: 14px;
      width: 12px
    }

    .introduce .cot .title .mfg .mfgImg {
      height: 25px;
      width: 60px
    }

    .introduce .cot .title .mfg:hover .mfgdesc {
      display: flex
    }

    .introduce .cot .title .mfg .mfgdesc {
      background: #fefefe;
      border: 1px solid #40b775;
      display: none;
      min-height: 37px;
      padding: 0 10px;
      position: absolute;
      right: -1px;
      width: 500px;
      z-index: 100
    }

    .introduce .cot .title .mfg .mfgdesc div {
      align-items: center;
      display: flex;
      max-width: 500px;
      min-height: 37px
    }

    .introduce .cot .title .mfg .mfgdesc div .img {
      height: 28px;
      margin-right: 10px;
      width: 23px
    }

    .introduce .cot .title .mfg .mfgdesc div span {
      color: #40b775;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px
    }

    .introduce .cot .info {
      margin-top: 20px
    }

    .introduce .cot .info .activityInfo {
      margin-bottom: 20px;
      margin-top: -15px;
      max-width: 100%
    }

    .introduce .cot .info>div {
      display: flex;
      margin-bottom: 20px
    }

    .introduce .cot .info>div p:first-child {
      color: #999;
      margin-right: 20px;
      text-align: right;
      width: 120px
    }

    .introduce .cot .info>div p:last-child {
      flex: 1
    }

    .introduce .cot .info>div p a {
      color: #4066b8
    }

    .introduce .cot .info>div p a:hover {
      text-decoration: underline
    }

    .introduce .cot .info>div p a.pdf {
      color: #333
    }

    .introduce .cot .info>div p a.pdf .iconfont {
      color: #c80000;
      font-size: 20px;
      margin-right: 4px
    }

    .introduce .cot .info>div p a.pdf:hover {
      color: #c80000;
      text-decoration: unset
    }

    .introduce .cot .info>div.mfgNo {
      align-items: center;
      display: flex
    }

    .introduce .cot .info>div.mfgNo .tag {
      background-color: #ff6221;
      border-radius: 2px;
      color: #fff;
      font-size: 10px;
      margin-left: 10px;
      padding: 3px 4px
    }

    .introduce .cot .info>div.funBox {
      margin-bottom: 0;
      margin-top: 30px
    }

    .introduce .cot .info>div.funBox .quantity {
      display: flex
    }

    .introduce .cot .info>div.funBox .quantity .input {
      margin: 0
    }

    .introduce .cot .info>div.funBox .quantity .btn {
      height: 36px;
      margin: 0 0 0 10px
    }

    .introduce .cot .info>div.funBox .quantity .btn.border {
      background-color: #fff;
      border: 1px solid #4066b8;
      color: #4066b8
    }

    .introduce .cot .info>div.funBox .quantity .btn.border circle {
      color: #4066b8
    }

    .introduce .cot .info>div.funBox .quantity .btn.rfq {
      background-color: #fff;
      border: 1px solid #ff6221;
      color: #ff6221
    }

    .introduce .cot .info>div.funBox .quantity .btn.rfq circle {
      color: #ff6221
    }

    .introduce .cot .info>div.funBox .price {
      display: flex;
      margin-top: 10px;
      width: 100%
    }

    .introduce .cot .info>div.funBox .price p {
      color: #333;
      display: inline;
      flex: unset;
      margin-right: 30px;
      text-align: left;
      width: 180px
    }

    .introduce .cot .info>div.funBox .price p span {
      position: relative
    }

    .introduce .cot .info>div.funBox .price p span.total {
      color: #ff6221;
      font-weight: 700
    }

    .introduce .cot .info>div.funBox .price p span em {
      bottom: -14px;
      color: #999;
      font-size: 14px;
      left: 0;
      position: absolute;
      text-decoration: line-through
    }

    @media screen and (max-width:1024px) {
      .introduce .cot .info>div.funBox .price p span em {
        font-size: 12px
      }

      .introduce .cot .info>div.funBox {
        border-top: 1px solid #d4d4d4;
        padding-top: 30px
      }

      .introduce .cot .info>div.funBox>p {
        display: none
      }

      .introduce .cot .info>div.funBox>div {
        width: 100%
      }

      .introduce .cot .info>div.funBox .quantity .input {
        flex: 1;
        margin-bottom: 5px
      }

      .introduce .cot .info>div.funBox .quantity .btn {
        display: inline-block;
        font-size: 12px;
        padding: 6px 10px;
        width: 90px
      }

      .introduce .cot .info>div.funBox .quantity .btn.border {
        margin-left: 10px
      }
    }

    .introduce .cot .info>div.method {
      display: flex;
      margin-top: 20px
    }

    .introduce .cot .info>div.method div {
      flex: 1
    }

    .introduce .cot .info>div.method div img {
      height: unset;
      margin-right: 5px
    }

    .introduce .cot .info>div.certif {
      display: flex
    }

    .introduce .cot .info>div.certif div {
      flex: 1
    }

    .introduce .cot .info>div.certif div img {
      height: 50px;
      margin-right: 10px;
      max-width: 100%
    }

    .introduce .cot .info>div.usagegrade {
      display: flex
    }

    @media screen and (max-width:1024px) {
      .introduce .cot .info>div.usagegrade p:first-child {
        margin-right: 10px;
        width: 170px
      }
    }

    .introduce .cot .info>div.usagegrade ul {
      display: flex
    }

    @media screen and (max-width:1024px) {
      .introduce .cot .info>div.usagegrade ul {
        flex-wrap: wrap
      }
    }

    .introduce .cot .info>div.usagegrade ul li {
      align-items: center;
      display: flex;
      margin-right: 15px
    }

    @media screen and (max-width:1024px) {
      .introduce .cot .info>div.usagegrade ul li {
        margin-bottom: 10px
      }
    }

    .introduce .cot .info>div.usagegrade ul li img {
      margin-right: 8px
    }

    .introduce .headLineTitle {
      color: #fff;
      font-size: 16px
    }

    .introduce .headLineTitle a {
      color: #4066b8
    }

    .introduce .headLineTitle a:hover {
      text-decoration: underline
    }

    @media screen and (max-width:1024px) {
      .introduce {
        align-items: center;
        flex-direction: column;
        height: unset;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%
      }

      .introduce .pic {
        margin-bottom: 20px;
        width: 100%
      }

      .introduce .cot {
        width: 100%
      }

      .introduce .cot .title h1 a {
        font-size: 14px
      }

      .introduce .cot .title .mfg {
        display: none
      }

      .introduce .cot .info>div {
        font-size: 12px;
        margin-bottom: 10px
      }

      .introduce .cot .info>div p:first-child {
        margin-right: 10px;
        width: 100px
      }
    }

    .productfixtop {
      background: #f9fafb;
      border: 1px solid #d4d4d4;
      border-top: 0;
      height: 105px;
      left: 50%;
      padding: 20px;
      position: fixed;
      top: 0;
      transform: translate(-50%);
      width: 1300px;
      z-index: 1200
    }

    .productfixtop div {
      display: flex
    }

    .productfixtop div img {
      height: 70px;
      margin-right: 20px;
      width: 70px
    }

    .productfixtop div .cot {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%
    }

    .productfixtop div .cot .l1 {
      color: #333;
      font-size: 16px;
      font-weight: 700
    }

    .productfixtop div .cot .funBox {
      align-items: center;
      display: flex
    }

    .productfixtop div .cot .funBox input {
      margin: 0
    }

    .productfixtop div .cot .funBox .quantity {
      display: flex;
      margin-left: 6px;
      margin-right: 20px
    }

    .productfixtop div .cot .funBox .quantity .input {
      margin: 0
    }

    .productfixtop div .cot .funBox .price {
      display: flex
    }

    .productfixtop div .cot .funBox .price p {
      color: #333;
      display: inline;
      flex: unset;
      margin-right: 30px;
      text-align: left;
      width: 180px
    }

    .productfixtop div .cot .funBox .price p span {
      position: relative
    }

    .productfixtop div .cot .funBox .price p span.total {
      color: #ff6221;
      font-weight: 700
    }

    .productfixtop div .cot .funBox .price p span em {
      bottom: -14px;
      color: #999;
      font-size: 14px;
      left: 0;
      position: absolute;
      text-decoration: line-through
    }

    .productfixtop div .cot .funBox .button {
      display: flex;
      justify-content: flex-end;
      width: 80%
    }

    .productfixtop div .cot .funBox .button .btn {
      height: 38px;
      margin: 0 0 0 10px
    }

    .productfixtop div .cot .funBox .button .btn.border {
      background-color: #fff;
      border: 1px solid #4066b8;
      color: #4066b8
    }

    .productfixtop div .cot .funBox .button .btn.border circle {
      color: #4066b8
    }

    .productfixtop div .cot .funBox .button .btn.rfq {
      background-color: #fff;
      border: 1px solid #ff6221;
      color: #ff6221
    }

    .productfixtop div .cot .funBox .button .btn.rfq circle {
      color: #ff6221
    }

    @media screen and (max-width:1024px) {
      .productfixtop {
        display: none
      }
    }
  
  
    .stock {
      background: #fff;
      display: flex;
      flex-direction: column;
      padding: 20px;
      width: 346px
    }

    .stock .title {
      align-items: center;
      color: #333;
      display: flex;
      font-size: 16px;
      font-weight: 700;
      line-height: 30px;
      position: relative;
      width: 100%
    }

    .stock .title>.active {
      color: #ff6221;
      margin-left: 10px
    }

    .stock .title>.Inquiry {
      color: #999;
      font-size: 14px;
      margin-left: 10px
    }

    .stock .title>p {
      align-items: center;
      border-radius: 50%;
      color: #4066b8;
      cursor: pointer;
      display: flex;
      height: 30px;
      justify-content: center;
      position: absolute;
      right: 0;
      transition: all .3s;
      width: 30px
    }

    .stock .title>p:hover {
      background-color: #4066b81a
    }

    .stock .cot {
      flex: 1;
      width: 100%
    }

    .stock .cot>p {
      font-size: 12px;
      margin-bottom: 30px
    }

    .stock .cot .rfq>p {
      font-size: 12px;
      margin-bottom: 25px
    }

    .stock .cot .rfq .input,
    .stock .cot .rfq .select {
      margin-bottom: 25px
    }

    .stock .cot .rfq .btnBox {
      align-items: center;
      display: flex;
      justify-content: space-between
    }

    .stock .cot .rfq .btnBox>p {
      color: #4066b8;
      cursor: pointer
    }

    .stock .cot .rfq .btnBox>p:hover {
      text-decoration: underline
    }

    .stock .cot .rfq .btnBox .btn {
      margin: 0
    }

    .stock .cot .buy>p {
      display: flex;
      justify-content: space-between;
      margin: 10px 0
    }

    .stock .cot .buy .priceList {
      position: relative
    }

    .stock .cot .buy .priceList .head {
      background-color: #f6f8fc;
      display: flex;
      height: 36px;
      line-height: 36px;
      width: 100%
    }

    .stock .cot .buy .priceList .head p {
      flex: 1;
      height: 100%;
      text-align: center
    }

    .stock .cot .buy .priceList ul {
      max-height: 280px;
      overflow-y: auto;
      transition: all .5s;
      width: 100%
    }

    .stock .cot .buy .priceList ul::-webkit-scrollbar {
      width: 4px
    }

    .stock .cot .buy .priceList ul::-webkit-scrollbar-thumb {
      background-color: #e4e4e4;
      border-radius: 2px
    }

    .stock .cot .buy .priceList ul li {
      display: flex;
      font-size: 13px;
      height: 40px;
      line-height: 40px;
      width: 100%
    }

    .stock .cot .buy .priceList ul li p {
      flex: 1;
      height: 100%;
      text-align: center
    }

    .stock .cot .buy .priceList ul li:nth-child(2n) {
      background-color: #f8f8f8
    }

    .stock .cot .buy .desc {
      border-top: 1px dashed #d4d4d4;
      color: #ff6221;
      margin-top: 10px;
      padding: 10px 0
    }

    .stock .cot .buy .add {
      width: 100%
    }

    .stock .cot .buy .add p {
      background-color: #ff6221;
      border-radius: 4px;
      color: #fff;
      cursor: pointer;
      margin-bottom: 10px;
      padding: 15px 20px;
      text-align: center;
      transition: all .2s
    }

    .stock .cot .buy .add p+p {
      background-color: #fff;
      border: 1px solid #ff6221;
      color: #ff6221
    }

    .stock .cot .buy .add p+p:hover {
      background-color: #fff
    }

    .stock .cot .buy .add p:hover {
      background-color: #ff6221cc
    }

    @media screen and (max-width:1024px) {
      .stock .cot .buy .add p {
        width: unset
      }
    }

    .stock .cot .buy .free {
      margin-top: 20px
    }

    .stock .cot .buy .free .btn {
      height: 36px;
      margin: 0
    }

    .stock .cot .buy .free .btn.border {
      background-color: #fff;
      border: 1px solid #4066b8;
      color: #4066b8
    }

    .stock .cot .buy .free .btn.border circle {
      color: #4066b8
    }

    .stock .cot .banner {
      border-radius: 4px;
      margin-top: 30px;
      width: 100%
    }

    @media screen and (max-width:1024px) {
      .stock {
        height: unset;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%
      }

      .stock .title {
        font-size: 14px
      }

      .stock .priceList ul {
        height: unset !important
      }
    }
  
  
    .purchaseAndInquiry {
      padding: 0 !important
    }

    .purchaseAndInquiry .title {
      background: #3e4553;
      border-radius: 6px 6px 0 0;
      color: #fff;
      padding: 15px 30px;
      width: 100%
    }

    .purchaseAndInquiry .title .iconxunjia1 {
      color: #fff;
      font-size: 20px !important;
      font-weight: 400
    }

    .purchaseAndInquiry .title div {
      font-size: 20px;
      margin-bottom: 0
    }

    @media screen and (max-width:1024px) {
      .purchaseAndInquiry .title {
        padding-left: 15px
      }

      .purchaseAndInquiry .title div {
        font-size: 16px
      }
    }

    .purchaseAndInquiry .tab {
      padding: 20px
    }

    .purchaseAndInquiry .tab .bar {
      border-bottom: 1px solid #d4d4d4
    }

    .purchaseAndInquiry .tab .bar dl {
      display: flex;
      margin-bottom: 5px
    }

    @media screen and (max-width:1024px) {
      .purchaseAndInquiry .tab .bar dl {
        justify-content: space-between;
        overflow-x: scroll
      }
    }

    .purchaseAndInquiry .tab .bar dl dd {
      border-radius: 4px;
      cursor: pointer;
      font-size: 15px;
      padding: 10px 20px;
      transition: all .2s
    }

    .purchaseAndInquiry .tab .bar dl dd:hover {
      background-color: #4066b81a
    }

    @media screen and (max-width:1024px) {
      .purchaseAndInquiry .tab .bar dl dd {
        align-items: center;
        display: flex;
        font-size: 12px;
        margin-right: unset;
        text-align: center;
        white-space: nowrap
      }
    }

    .purchaseAndInquiry .tab .bar dl dd.active {
      background-color: #4066b8;
      color: #fff;
      position: relative
    }

    .purchaseAndInquiry .tab .bar dl dd+dd {
      margin-left: 40px
    }

    @media screen and (max-width:1024px) {
      .purchaseAndInquiry .tab .bar dl dd+dd {
        margin-left: 20px;
        padding: 10px 20px
      }
    }

    .purchaseAndInquiry .tab .content {
      padding-top: 20px
    }

    .purchaseAndInquiry .tab .content .purchase b,
    .purchaseAndInquiry .tab .content .transport b {
      display: block;
      margin-bottom: 10px
    }

    .purchaseAndInquiry .tab .content .purchase p,
    .purchaseAndInquiry .tab .content .transport p {
      line-height: 20px;
      margin-bottom: 20px
    }

    .purchaseAndInquiry .tab .content .purchase span,
    .purchaseAndInquiry .tab .content .transport span {
      display: block
    }

    @media screen and (max-width:1024px) {

      .purchaseAndInquiry .tab .content .purchase img,
      .purchaseAndInquiry .tab .content .transport img {
        width: 100%
      }
    }

    .purchaseAndInquiry .tab .content .package {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%
    }

    .purchaseAndInquiry .tab .content .package li {
      display: flex;
      flex-direction: column
    }

    @media screen and (max-width:1024px) {
      .purchaseAndInquiry .tab .content .package li img {
        width: 100%
      }
    }

    .purchaseAndInquiry .tab .content .package li span {
      color: #333;
      font-size: 14px;
      margin: 10px 0 20px
    }

    .purchaseAndInquiry .tab .content .guide {
      display: flex;
      flex-direction: column
    }

    .purchaseAndInquiry .tab .content .guide p {
      margin-bottom: 15px
    }

    .purchaseAndInquiry .tab .content .guide p a {
      color: #333;
      font-size: 14px
    }

    .purchaseAndInquiry .tab .content .guide p a .iconfont {
      color: #c80000;
      font-size: 20px
    }

    .purchaseAndInquiry .tab .content .guide p a:hover {
      color: #c80000
    }
  
  
    .spec .desc {
      font-size: 12px;
      margin-bottom: 30px
    }

    .spec .selectAttr {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 10px;
      width: 100%
    }

    .spec .selectAttr li {
      align-items: center;
      display: flex;
      height: 40px;
      padding-right: 10px;
      width: 590px
    }

    .spec .selectAttr li:nth-child(4n),
    .spec .selectAttr li:nth-child(4n+3) {
      background-color: #f8f8f8
    }

    .spec .selectAttr li>div {
      display: flex;
      flex: 3;
      font-size: 12px;
      padding: 0 5px
    }

    .spec .selectAttr li>div .checkbox {
      margin-left: 2px
    }

    .spec .selectAttr li>div .iconfont {
      cursor: pointer;
      padding: 10px 5px;
      position: relative
    }

    .spec .selectAttr li>div .iconfont:hover .faq,
    .spec .selectAttr li>div .iconfont:hover .trangle {
      display: block
    }

    .spec .selectAttr li>div .iconfont .faq {
      background-color: #333;
      border-radius: 4px;
      box-shadow: 0 0 15px -7px #ccc;
      color: #fff;
      display: none;
      font-size: 12px;
      left: 50%;
      padding: 10px;
      position: absolute;
      top: 31px;
      transform: translate(-50%);
      width: 300px;
      z-index: 10
    }

    @media screen and (max-width:1024px) {
      .spec .selectAttr li>div .iconfont .faq {
        font-size: 12px;
        left: -60px;
        top: 30px;
        transform: unset;
        width: 85vw
      }
    }

    .spec .selectAttr li>div .iconfont .trangle {
      border: 5px solid transparent;
      border-bottom-color: #333;
      bottom: 5px;
      box-shadow: 0 0 15px -7px #ccc;
      display: none;
      height: 0;
      left: 50%;
      position: absolute;
      transform: translate(-50%);
      width: 0;
      z-index: 11
    }

    .spec .selectAttr li>div:first-child {
      align-items: center;
      display: flex
    }

    .spec .selectAttr li>div:last-child {
      flex: unset;
      justify-content: flex-end;
      width: 20px
    }

    .spec .selectAttr li .internal {
      color: #4066b8;
      cursor: pointer
    }

    .spec .submit {
      text-align: right
    }

    .spec .submit span i {
      color: #4066b8;
      font-weight: 700
    }

    .spec .submit button {
      background: #4066b8;
      border-radius: 4px;
      color: #fff;
      font-family: unset;
      height: 34px;
      margin-left: 6px;
      width: 140px
    }

    @media screen and (max-width:1024px) {
      .spec {
        margin-bottom: 10px
      }

      .spec .selectAttr li {
        width: 100%
      }

      .spec .selectAttr li:nth-child(2) {
        display: none
      }

      .spec .selectAttr li:nth-child(4n),
      .spec .selectAttr li:nth-child(4n+3) {
        background-color: #fff
      }

      .spec .selectAttr li:nth-child(odd) {
        background-color: #f8f8f8
      }

      .spec .selectAttr li:first-child {
        background-color: #fff
      }

      .spec .selectAttr li:first-child div {
        font-weight: 700
      }

      .spec .selectAttr li div {
        font-size: 11px
      }

      .spec .selectAttr li div:first-child {
        flex: 2
      }

      .spec .selectAttr li div:nth-child(2) {
        flex: 4
      }

      .spec .selectAttr li div:nth-child(3) {
        flex: unset;
        width: 20px
      }

      .spec .submit {
        align-items: center;
        display: flex;
        justify-content: flex-end
      }

      .spec .submit span {
        font-size: 12px
      }

      .spec .submit span i {
        color: #4066b8;
        font-weight: 700
      }

      .spec .submit button {
        font-size: 12px;
        width: 120px
      }
    }
  
  
    .datasheet .desc {
      font-size: 12px;
      margin-bottom: 30px
    }

    .datasheet ul {
      width: 100%
    }

    .datasheet ul li .titles {
      color: #333;
      display: flex;
      font-size: 14px;
      font-weight: 700;
      height: 26px;
      margin-bottom: 6px
    }

    .datasheet ul li .pdfList {
      display: flex;
      flex-direction: column
    }

    .datasheet ul li .pdfList p {
      margin-bottom: 15px;
      padding-left: 15px
    }

    .datasheet ul li .pdfList p a {
      color: #333;
      font-size: 14px
    }

    .datasheet ul li .pdfList p a .iconfont {
      color: #c80000;
      font-size: 20px
    }

    .datasheet ul li .pdfList p a:hover {
      color: #c80000
    }

    @media screen and (max-width:1024px) {
      .datasheet ul li .titles {
        font-size: 12px
      }
    }
  
  
    .altparts .table {
      height: 325px;
      overflow-y: auto;
      width: 100%
    }

    .altparts .table::-webkit-scrollbar {
      width: 4px
    }

    .altparts .table::-webkit-scrollbar-thumb {
      background-color: #c1c1c1;
      border-radius: 2px
    }

    .altparts .table table {
      width: 100%
    }

    .altparts .table table thead tr th {
      background: #e0e5f0;
      font-size: 12px;
      position: sticky;
      top: 0;
      z-index: 100
    }

    .altparts .table table thead tr .check {
      align-items: center;
      display: flex;
      justify-content: space-around;
      padding-left: 5px;
      position: relative
    }

    @media screen and (max-width:1024px) {
      .altparts .table table thead tr .check {
        padding-left: 16px
      }
    }

    .altparts .table table thead tr .check .btn {
      font-size: 12px;
      margin-right: 5px
    }

    .altparts .table table thead tr .check .iconweiquanxuan-duoxuan {
      color: #d4d4d4;
      cursor: pointer;
      font-size: 16px;
      margin-right: 10px
    }

    .altparts .table table thead tr .check .active {
      color: #4066b8
    }

    .altparts .table table thead tr .check .number {
      background: #ff8901;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      position: absolute;
      right: 58px;
      text-align: center;
      top: 0;
      width: 20px
    }

    @media screen and (max-width:1024px) {
      .altparts .table table thead tr .check .number {
        right: 10px
      }
    }

    .altparts .table table tbody tr {
      border-left: 1px solid #ddd;
      border-top: 1px solid #ddd
    }

    .altparts .table table tbody tr:hover {
      background-color: #cccccc1a
    }

    .altparts .table table tbody tr .partno {
      align-items: center;
      border-right: 1px solid #ddd;
      display: flex
    }

    .altparts .table table tbody tr .partno .checkbox {
      margin: 0 10px
    }

    .altparts .table table tbody tr td {
      font-size: 12px;
      padding: 14px
    }

    .altparts .table table tbody tr span {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%
    }

    .altparts .table table tbody tr a:hover {
      cursor: pointer;
      text-decoration: underline
    }

    .altparts .table table tbody .icon {
      background: #f8f8f8 !important;
      border: 1px solid #ddd;
      padding: 8px 0;
      position: sticky;
      top: 50px;
      z-index: 102
    }

    .altparts .table table tbody .icon .iconfont {
      color: #ccc;
      cursor: pointer;
      font-size: 16px
    }

    .altparts .table .nodata {
      align-content: center;
      display: flex;
      justify-content: center;
      padding: 15px 0;
      width: 100%
    }

    .altparts .compare {
      background-color: #00000073;
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      top: 0;
      transform: translateY(100%);
      transition: all 2s ease-in-out;
      width: 100%;
      z-index: 1100
    }

    .altparts .compare .compare-content {
      background: #fff;
      border-radius: 40px 40px 0 0;
      bottom: 0;
      height: 70%;
      position: absolute;
      width: 100%
    }

    .altparts .compare .compare-content .title {
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 40px
    }

    .altparts .compare .compare-content .title h1 {
      font-size: 28px;
      font-weight: 700
    }

    .altparts .compare .compare-content .title .iconfont {
      font-size: 20px
    }

    .altparts .compare .compare-content .compare-details {
      height: calc(100% - 58px);
      padding: 0 20px 40px;
      width: 100%
    }

    .altparts .compare .compare-content .compare-details .table {
      height: calc(100% - 58px);
      overflow: hidden;
      overflow-x: auto;
      overflow-y: auto;
      width: 100%
    }

    .altparts .compare .compare-content .compare-details .table::-webkit-scrollbar {
      width: 4px
    }

    .altparts .compare .compare-content .compare-details .table::-webkit-scrollbar-thumb {
      background-color: #e4e4e4;
      border-radius: 2px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr {
      display: flex
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr:first-child {
      border-top: 1px solid #f4f4f4;
      position: sticky;
      top: 0;
      z-index: 10
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr:first-child td {
      display: flex
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td {
      background-color: #fff;
      border-right: 1px solid #f4f4f4
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td.one {
      left: 0;
      z-index: 9
    }

    @media screen and (max-width:1024px) {
      .altparts .compare .compare-content .compare-details .table table tbody tr td.one {
        left: unset
      }
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr:nth-child(2n) td {
      background-color: #f4f4f4
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr.similar td {
      background-color: #ddf0e8
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td {
      flex: 1;
      font-size: 12px;
      min-width: 200px;
      padding: 10px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .bold {
      font-weight: 700
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td.checkbox {
      align-items: center;
      display: flex;
      height: 70px;
      justify-content: flex-start
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td.one {
      width: 250px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .pordImg {
      display: flex;
      justify-content: space-between;
      width: 100%
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .pordImg>.btnBox {
      display: flex
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .pordImg>.btnBox .iconfont {
      align-items: center;
      border-radius: 6px;
      color: #ff6221;
      display: flex;
      font-size: 28px;
      height: 40px;
      justify-content: center;
      position: relative;
      right: unset;
      transition: all .2s;
      width: 40px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .pordImg>.btnBox .iconfont:hover {
      background-color: #cccccc1a
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .pordImg>.btnBox .iconfont.delete {
      color: #999;
      font-size: 21px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .imgBox {
      height: 50px;
      position: relative;
      width: 50px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .imgBox .img {
      height: 50px;
      width: 50px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td .iconfont {
      cursor: pointer;
      font-size: 12px;
      position: absolute;
      right: 10px
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td a {
      color: #4066b8
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td a:hover {
      text-decoration: underline
    }

    .altparts .compare .compare-content .compare-details .table table tbody tr td:first-child {
      flex: unset;
      position: sticky;
      width: 250px
    }

    .altparts .comparison_show {
      opacity: 1;
      transform: translateY(0)
    }

    .altparts .scrollable-content {
      height: 100%;
      overflow-y: auto
    }
  
  
    .similar .desc {
      font-size: 12px;
      margin-bottom: 30px
    }

    .similar .cot {
      overflow-x: auto;
      width: 100%
    }

    .similar .cot .modelList {
      display: flex;
      margin-bottom: 10px;
      width: 100%
    }

    .similar .cot .modelList li {
      border-right: 1px solid #d4d4d4;
      border-top: 1px solid #d4d4d4;
      height: 100%
    }

    .similar .cot .modelList li:first-child {
      border-left: 1px solid #d4d4d4
    }

    .similar .cot .modelList li:first-child div {
      background-color: #f6f8fc;
      width: 150px
    }

    .similar .cot .modelList li:first-child div span {
      min-height: 20px
    }

    .similar .cot .modelList li div {
      border: none;
      border-bottom: 1px solid #d4d4d4;
      color: #333;
      display: flex;
      flex-direction: column;
      font-size: 12px;
      line-height: 20px;
      padding: 6px 16px;
      text-align: center
    }

    .similar .cot .modelList li div span {
      color: #333
    }

    .similar .cot .modelList li div.img {
      align-items: center;
      height: 120px;
      justify-content: center
    }

    .similar .cot .modelList li div.img img {
      height: 80px
    }

    @media screen and (max-width:1024px) {
      .similar .cot .modelList li div.img a {
        display: block;
        width: 120px
      }

      .similar .cot .modelList li div.img a img {
        height: 60px;
        width: 60px
      }
    }

    .similar .cot .modelList li div a {
      color: #4066b8;
      min-height: 20px
    }

    .similar .cot .modelList li div a.partno {
      white-space: nowrap
    }

    .similar .cot .modelList li div a:hover {
      text-decoration: underline
    }

    .similar .cot .modelList li div a p {
      color: #333
    }

    .similar .cot .modelList li div p {
      min-height: 20px
    }

    .similar .cot .modelList li div.compare {
      height: 80px;
      justify-content: center
    }

    .similar .cot .modelList li div.compare .l1 {
      color: #4066b8
    }

    .similar .cot .modelList li div.addition {
      height: 120px;
      justify-content: center
    }

    .similar .cot .modelList li div.addition .l1 {
      color: #4066b8
    }

    .similar .cot .modelList li div.quantity {
      align-items: center;
      display: flex;
      height: 90px;
      justify-content: center
    }

    .similar .cot .modelList li div.quantity input {
      border: 1px solid #e9e9e9;
      border-radius: 2px;
      height: 24px;
      margin-bottom: 6px;
      text-align: center;
      width: 100px
    }

    .similar .cot .modelList li div.quantity button {
      background: #4066b8;
      border-radius: 2px;
      color: #fff;
      font-family: unset;
      height: 24px;
      width: 100px
    }

    .similar .cot .modelList li div.quantity button.warning {
      background: #ff6221
    }
  
  
    .information {
      padding: 0 !important
    }

    .information .title {
      background: #3e4553;
      border-radius: 6px 6px 0 0;
      color: #fff;
      padding: 15px 30px;
      width: 100%
    }

    .information .title .iconwenjian1 {
      color: #fff;
      font-size: 20px !important;
      font-weight: 400
    }

    .information .title div {
      font-size: 20px;
      margin-bottom: 0
    }

    @media screen and (max-width:1024px) {
      .information .title {
        padding-left: 15px
      }

      .information .title div {
        font-size: 16px
      }
    }

    .information .tab {
      padding: 20px
    }

    .information .tab .bar {
      border-bottom: 1px solid #d4d4d4
    }

    .information .tab .bar dl {
      display: flex;
      margin-bottom: 5px
    }

    @media screen and (max-width:1024px) {
      .information .tab .bar dl {
        justify-content: space-between;
        overflow-x: scroll
      }
    }

    .information .tab .bar dl dd {
      border-radius: 4px;
      cursor: pointer;
      font-size: 15px;
      padding: 10px 20px;
      transition: all .2s
    }

    .information .tab .bar dl dd:hover {
      background-color: #4066b81a
    }

    @media screen and (max-width:1024px) {
      .information .tab .bar dl dd {
        align-items: center;
        display: flex;
        font-size: 12px;
        margin-right: unset;
        text-align: center;
        white-space: nowrap
      }
    }

    .information .tab .bar dl dd.active {
      background-color: #4066b8;
      color: #fff;
      position: relative
    }

    .information .tab .bar dl dd+dd {
      margin-left: 40px
    }

    @media screen and (max-width:1024px) {
      .information .tab .bar dl dd+dd {
        margin-left: 20px;
        padding: 10px 20px
      }
    }

    .information .tab .content {
      padding-top: 20px
    }

    .information .tab .content #prodDetails {
      line-height: 22px;
      margin: unset;
      padding: unset
    }

    .information .tab .content #prodDetails h3 {
      font-size: 20px;
      font-weight: 700 !important;
      line-height: 28px;
      margin: 10px 0;
      padding: unset
    }

    .information .tab .content #prodDetails ul {
      padding-left: 20px
    }

    .information .tab .content #prodDetails li {
      margin: unset;
      padding: unset
    }
  
  
    .hotSale ul {
      display: flex;
      flex-wrap: wrap
    }

    .hotSale ul li {
      width: 20%
    }

    @media screen and (max-width:1024px) {
      .hotSale ul li {
        width: 50%
      }
    }

    .hotSale ul li a {
      align-items: center;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      padding: 20px;
      position: relative;
      transition: all .3s
    }

    .hotSale ul li a .imgs {
      margin-bottom: 10px
    }

    .hotSale ul li a p {
      font-weight: 700;
      margin-bottom: 5px
    }

    .hotSale ul li a .escd {
      height: 25px;
      position: absolute;
      right: 10px;
      top: 10px
    }

    .hotSale ul li a:hover {
      box-shadow: 0 0 15px -7px #ccc
    }
  
  
    .relatedCate ul {
      display: flex;
      flex-wrap: wrap
    }

    .relatedCate ul li {
      margin-bottom: 10px;
      padding-right: 20px;
      width: 25%
    }

    .relatedCate ul li a:hover {
      color: #4066b8;
      text-decoration: underline
    }

    .relatedCate ul li a i {
      color: #4066b8
    }

    @media screen and (max-width:1024px) {
      .relatedCate ul li {
        font-size: 12px;
        width: 100%
      }
    }
  
  
    .others .desc {
      font-size: 12px;
      margin-bottom: 30px
    }

    .others .cot .titleBox {
      border-bottom: 1px solid #4066b8;
      display: flex;
      padding-bottom: 6px;
      width: 100%
    }

    .others .cot .titleBox li {
      color: #333;
      flex: 2;
      font-size: 14px;
      font-weight: 700;
      padding: 0 10px
    }

    .others .cot .titleBox li:last-child {
      flex: 4
    }

    .others .cot .cotBox {
      width: 100%
    }

    .others .cot .cotBox li {
      align-items: center;
      display: flex;
      height: 60px;
      width: 100%
    }

    .others .cot .cotBox li:nth-child(2n) {
      background-color: #f6f8fc
    }

    .others .cot .cotBox li p {
      flex: 2;
      padding: 0 10px
    }

    .others .cot .cotBox li p:last-child {
      flex: 4
    }

    .others .cot .cotBox li a {
      color: #4066b8;
      flex: 2;
      padding: 0 10px
    }

    .others .cot .cotBox li a:hover {
      text-decoration: underline
    }

    @media screen and (max-width:1024px) {
      .others .cot .titleBox li {
        font-size: 10px
      }

      .others .cot .titleBox li:last-child {
        display: none
      }

      .others .cot .cotBox li {
        font-size: 10px
      }

      .others .cot .cotBox li a,
      .others .cot .cotBox li p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-all
      }

      .others .cot .cotBox li p {
        flex: 2;
        padding: 0 10px
      }

      .others .cot .cotBox li>p:last-child {
        display: none
      }
    }
  
  
    .search .desc {
      font-size: 12px;
      margin-bottom: 30px
    }

    .search .cot {
      display: flex;
      flex-wrap: wrap;
      width: 100%
    }

    .search .cot p {
      margin-bottom: 10px;
      padding-right: 20px;
      width: 25%
    }

    .search .cot p a:hover {
      color: #4066b8;
      text-decoration: underline
    }

    @media screen and (max-width:1024px) {
      .search .cot p {
        font-size: 12px;
        width: 50%
      }
    }
  
  
    .relevant {
      padding: 0 !important
    }

    .relevant .title {
      background: #3e4553;
      border-radius: 6px 6px 0 0;
      color: #fff;
      padding: 15px 30px;
      width: 100%
    }

    .relevant .title .iconfuzhiwenjian {
      color: #fff;
      font-size: 20px !important;
      font-weight: 400
    }

    .relevant .title div {
      font-size: 20px;
      margin-bottom: 0
    }

    @media screen and (max-width:1024px) {
      .relevant .title {
        padding-left: 15px
      }

      .relevant .title div {
        font-size: 16px
      }
    }

    .relevant .tab {
      padding: 20px
    }

    .relevant .tab .bar {
      border-bottom: 1px solid #d4d4d4
    }

    .relevant .tab .bar dl {
      display: flex;
      margin-bottom: 5px
    }

    @media screen and (max-width:1024px) {
      .relevant .tab .bar dl {
        justify-content: space-between;
        overflow-x: scroll
      }
    }

    .relevant .tab .bar dl dd {
      border-radius: 4px;
      cursor: pointer;
      font-size: 15px;
      padding: 10px 20px;
      transition: all .2s
    }

    .relevant .tab .bar dl dd:hover {
      background-color: #4066b81a
    }

    @media screen and (max-width:1024px) {
      .relevant .tab .bar dl dd {
        align-items: center;
        display: flex;
        font-size: 12px;
        margin-right: unset;
        text-align: center;
        white-space: nowrap
      }
    }

    .relevant .tab .bar dl dd.active {
      background-color: #4066b8;
      color: #fff;
      position: relative
    }

    .relevant .tab .bar dl dd+dd {
      margin-left: 40px
    }

    @media screen and (max-width:1024px) {
      .relevant .tab .bar dl dd+dd {
        margin-left: 20px;
        padding: 10px 20px
      }
    }

    .relevant .tab .content {
      padding-top: 20px
    }
  
  
    .more {
      padding: 0 !important
    }

    .more .title {
      background: #3e4553;
      border-radius: 6px 6px 0 0;
      color: #fff;
      padding: 15px 30px;
      width: 100%
    }

    .more .title .iconxinxi-yuankuang {
      color: #fff;
      font-size: 20px !important;
      font-weight: 400
    }

    .more .title div {
      font-size: 20px;
      margin-bottom: 0
    }

    @media screen and (max-width:1024px) {
      .more .title {
        padding-left: 15px
      }

      .more .title div {
        font-size: 16px
      }
    }

    .more .tab {
      padding: 20px
    }

    .more .tab .bar {
      border-bottom: 1px solid #d4d4d4
    }

    .more .tab .bar dl {
      display: flex;
      margin-bottom: 5px
    }

    @media screen and (max-width:1024px) {
      .more .tab .bar dl {
        justify-content: space-between;
        overflow-x: scroll
      }
    }

    .more .tab .bar dl dd {
      border-radius: 4px;
      cursor: pointer;
      font-size: 15px;
      padding: 10px 20px;
      transition: all .2s
    }

    .more .tab .bar dl dd:hover {
      background-color: #4066b81a
    }

    @media screen and (max-width:1024px) {
      .more .tab .bar dl dd {
        align-items: center;
        display: flex;
        font-size: 12px;
        margin-right: unset;
        text-align: center;
        white-space: nowrap
      }
    }

    .more .tab .bar dl dd.active {
      background-color: #4066b8;
      color: #fff;
      position: relative
    }

    .more .tab .bar dl dd+dd {
      margin-left: 40px
    }

    @media screen and (max-width:1024px) {
      .more .tab .bar dl dd+dd {
        margin-left: 20px;
        padding: 10px 20px
      }
    }

    .more .tab .content {
      padding-top: 20px
    }

    .more .tab .content .faq {
      padding: 0
    }

    .more .tab .content .faq .desc {
      font-size: 12px;
      margin-bottom: 30px
    }

    .more .tab .content .faq .title {
      display: none
    }

    .more .tab .content .empty {
      align-items: center;
      display: flex;
      flex-direction: column;
      padding: 20px
    }

    .more .tab .content .empty .iconfont {
      font-size: 50px
    }

    .more .tab .content .empty p {
      color: #333;
      display: inline-block;
      font-size: 13px;
      margin: 15px 0 0
    }
  
  
    .productMain>div {
      background-color: #fff;
      margin-bottom: 16px;
      padding: 20px;
      width: 100%
    }

    @media screen and (max-width:1024px) {
      .productMain>div {
        margin-bottom: 10px;
        padding: 10px
      }
    }
  
  
    .productDetail section .introduceAstock {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px
    }

    @media screen and (max-width:1024px) {
      .productDetail {
        padding: 0 10px;
        width: 100%
      }

      .productDetail section .introduceAstock {
        flex-direction: column;
        margin-bottom: 0
      }
    }
  
  
    .theFooter .top {
      background-color: #fff;
      height: 86px
    }

    .theFooter .top .cot {
      height: 100%
    }

    .theFooter .top .cot ul {
      box-sizing: border-box;
      display: flex;
      height: 100%;
      padding: 6px 0
    }

    .theFooter .top .cot ul li {
      align-items: center;
      border-left: 1px solid #f1f1f1;
      display: flex;
      flex: 1;
      height: 100%;
      justify-content: center
    }

    .theFooter .top .cot ul li:last-child {
      border-right: 1px solid #f1f1f1
    }

    .theFooter .top .cot ul li img {
      height: 40px;
      margin-right: 20px;
      width: 40px
    }

    .theFooter .top .cot ul li div b {
      color: #4066b8;
      font-size: 20px;
      line-height: 24px
    }

    .theFooter .bot {
      background-color: #4066b8
    }

    .theFooter .bot .cot {
      height: 100%;
      padding: 30px 0 0
    }

    .theFooter .bot .cot ul {
      display: flex;
      height: 100%;
      justify-content: space-between
    }

    .theFooter .bot .cot ul li {
      height: 100%;
      width: 280px
    }

    .theFooter .bot .cot ul li b {
      color: #fff;
      display: block;
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
      margin-bottom: 10px
    }

    .theFooter .bot .cot ul li b.line {
      border-bottom: 1px solid #fff
    }

    .theFooter .bot .cot ul li a {
      color: #fff;
      display: block;
      line-height: 30px
    }

    .theFooter .bot .cot ul li a:hover {
      text-decoration: underline
    }

    .theFooter .bot .cot ul li .review {
      display: flex;
      justify-content: flex-start;
      padding: 10px 0
    }

    .theFooter .bot .cot ul.function {
      padding-top: 20px
    }

    .theFooter .bot .cot ul.function li dl {
      display: flex
    }

    .theFooter .bot .cot ul.function li dl dd {
      align-items: center;
      background-color: #fff;
      border-radius: 6px;
      display: flex;
      height: 30px;
      justify-content: center;
      margin-right: 10px;
      width: 56px
    }

    .theFooter .bot .cot ul.function li dl dd img {
      height: 12px;
      width: 42px
    }

    .theFooter .bot .cot ul.function li .follow {
      display: flex
    }

    .theFooter .bot .cot ul.function li .follow .btn {
      background-color: #fff;
      border-radius: 15px;
      box-shadow: 0 5px 15px -5px #0000001a;
      height: 36px;
      line-height: 36px;
      margin-right: 16px;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 36px
    }

    .theFooter .bot .cot ul.function li .follow .btn .iconfont {
      font-size: 20px;
      transform: scale(.8);
      transition: all .4s cubic-bezier(.31, -.1, .43, 1.59)
    }

    .theFooter .bot .cot ul.function li .follow .btn:before {
      content: "";
      height: 120%;
      left: -110%;
      position: absolute;
      top: 90%;
      transform: rotate(45deg);
      transition: all .4s cubic-bezier(.31, -.1, .43, 1.59);
      width: 120%
    }

    .theFooter .bot .cot ul.function li .follow .btn .icontwitte {
      color: #000;
      font-size: 16px;
      font-weight: 700
    }

    .theFooter .bot .cot ul.function li .follow .btn.btn_tuite:before {
      background-color: #000
    }

    .theFooter .bot .cot ul.function li .follow .btn .iconlinkedin {
      color: #0077b5
    }

    .theFooter .bot .cot ul.function li .follow .btn.btn_linkedin:before {
      background-color: #0077b5
    }

    .theFooter .bot .cot ul.function li .follow .btn .iconinstagram {
      color: #e45496
    }

    .theFooter .bot .cot ul.function li .follow .btn.btn_instagram:before {
      background-color: #e45496
    }

    .theFooter .bot .cot ul.function li .follow .btn .iconfacebook1 {
      color: #3c57a0;
      font-weight: 700
    }

    .theFooter .bot .cot ul.function li .follow .btn.btn_facebook:before {
      background-color: #3c57a0
    }

    .theFooter .bot .cot ul.function li .follow .btn .iconYoutube-fill {
      color: red;
      font-size: 26px;
      font-weight: 700
    }

    .theFooter .bot .cot ul.function li .follow .btn.btn_youtube:before {
      background-color: red
    }

    .theFooter .bot .cot ul.function li .follow .btn:hover:before {
      left: -10%;
      top: -10%
    }

    .theFooter .bot .cot ul.function li .follow .btn:hover {
      text-decoration: unset
    }

    .theFooter .bot .cot ul.function li .follow .btn:hover .iconfont {
      color: #fff;
      position: relative;
      transform: scale(1)
    }

    .theFooter .bot .cot ul.function li .subscribe {
      align-items: center;
      border: 1px solid #fff;
      border-radius: 18px;
      box-sizing: border-box;
      display: flex;
      height: 36px;
      justify-content: space-between;
      overflow: hidden;
      padding: 2px;
      width: 100%
    }

    .theFooter .bot .cot ul.function li .subscribe input {
      background-color: #4066b8;
      border: none;
      color: #fff;
      height: 30px;
      margin: 0 !important;
      padding: 0 2px 0 10px;
      width: 60%
    }

    .theFooter .bot .cot ul.function li .subscribe input::-moz-placeholder {
      color: #f4f4f4
    }

    .theFooter .bot .cot ul.function li .subscribe input::placeholder {
      color: #f4f4f4
    }

    .theFooter .bot .cot ul.function li .subscribe button {
      background-color: #fff;
      border-radius: 17px;
      color: #4066b8;
      font-size: 13px;
      height: 32px;
      margin: 0 !important;
      padding: 0 !important;
      width: 30%
    }

    .theFooter .bot .cot ul.footIcon {
      padding: 20px 0
    }

    .theFooter .bot .cot ul.footIcon li .certificationBox {
      align-items: center;
      display: flex
    }

    .theFooter .bot .cot ul.footIcon li .certificationBox .certification {
      height: 60px;
      margin-right: 19px
    }

    .theFooter .bot .cot ul.footIcon li .friend-link {
      margin-top: 10px
    }

    @media screen and (max-width:1024px) {
      .theFooter .top {
        display: none
      }

      .theFooter .bot .cot {
        width: 100%
      }

      .theFooter .bot .cot ul {
        flex-direction: column
      }

      .theFooter .bot .cot ul li {
        margin-bottom: 20px;
        padding: 0 10px;
        width: 100%
      }

      .theFooter .bot .cot ul li b {
        border-bottom: 1px solid #fff;
        font-size: 18px;
        margin-bottom: 10px
      }

      .theFooter .bot .cot ul.footIcon {
        padding-top: 0
      }

      .theFooter .bot .cot ul.footIcon li:first-child {
        display: none
      }

      .theFooter .bot .cot ul.footIcon .friend-link img {
        width: 48px
      }
    }
  
  
    .indexes {
      background-color: #fff;
      border-radius: 6px;
      justify-content: space-between;
      padding: 14px 20px
    }

    .indexes,
    .indexes a {
      align-items: center;
      display: flex
    }

    .indexes a {
      border-radius: 50%;
      height: 28px;
      justify-content: center;
      transition: all .3s;
      width: 28px
    }

    .indexes a:hover {
      background-color: #4066b8;
      color: #fff
    }

    @media screen and (max-width:1024px) {
      .indexes {
        flex-wrap: wrap;
        justify-content: flex-start
      }

      .indexes span {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 56px
      }
    }
  
  
    .messageBox {
      left: 50%;
      position: fixed;
      top: 5vh;
      transform: translate(-50%);
      z-index: 100000
    }

    .messageBox .message {
      border-radius: 4px;
      box-shadow: 0 0 15px -7px #ccc;
      display: flex;
      max-width: 1000px;
      opacity: 1;
      overflow: hidden;
      z-index: 111
    }

    .messageBox .message.success {
      background-color: #0fbc5e
    }

    .messageBox .message.error {
      background-color: #c80000
    }

    .messageBox .message.warning {
      background-color: #ff6221
    }

    .messageBox .message.default {
      background-color: #f6f8fc
    }

    .messageBox .message .iconfont {
      align-items: center;
      color: #fff;
      display: flex;
      font-size: 20px;
      height: 40px;
      justify-content: center;
      margin-right: 10px;
      width: 40px
    }

    .messageBox .message .iconfont.iconsuccess {
      background-color: #0fbc5e
    }

    .messageBox .message .iconfont.iconerror {
      background-color: #c80000
    }

    .messageBox .message .iconfont.iconWarning {
      background-color: #ff6221
    }

    .messageBox .message .iconfont.iconinfo- {
      background-color: #f6f8fc
    }

    .messageBox .message span {
      align-items: center;
      color: #fff;
      display: flex;
      font-size: 16px;
      height: 40px;
      padding: 0 40px 0 30px
    }

    @media screen and (max-width:1024px) {
      .messageBox .message span {
        font-size: 12px
      }
    }

    @media screen and (max-width:800px) {
      .messageBox .message {
        width: 80vw
      }

      .messageBox .message span {
        flex: 1
      }
    }

    .zoomIn {
      animation: zoomIn-716cc739 .3s
    }

    .zoomOut {
      animation: zoomOut-716cc739 .3s
    }

    @keyframes zoomIn-716cc739 {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes zoomOut-716cc739 {
      0% {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }
  
  
    @font-face {
      font-family: swiper-icons;
      font-style: normal;
      font-weight: 400;
      src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
    }

    :root {
      --swiper-theme-color: #007aff
    }

    .swiper {
      list-style: none;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      padding: 0;
      position: relative;
      z-index: 1
    }

    .swiper-vertical>.swiper-wrapper {
      flex-direction: column
    }

    .swiper-wrapper {
      box-sizing: content-box;
      display: flex;
      height: 100%;
      position: relative;
      transition-property: transform;
      width: 100%;
      z-index: 1
    }

    .swiper-android .swiper-slide,
    .swiper-wrapper {
      transform: translateZ(0)
    }

    .swiper-pointer-events {
      touch-action: pan-y
    }

    .swiper-pointer-events.swiper-vertical {
      touch-action: pan-x
    }

    .swiper-slide {
      flex-shrink: 0;
      height: 100%;
      position: relative;
      transition-property: transform;
      width: 100%
    }

    .swiper-slide-invisible-blank {
      visibility: hidden
    }

    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
      height: auto
    }

    .swiper-autoheight .swiper-wrapper {
      align-items: flex-start;
      transition-property: transform, height
    }

    .swiper-backface-hidden .swiper-slide {
      backface-visibility: hidden;
      transform: translateZ(0)
    }

    .swiper-3d,
    .swiper-3d.swiper-css-mode .swiper-wrapper {
      perspective: 1200px
    }

    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide,
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top,
    .swiper-3d .swiper-wrapper {
      transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
      background: rgba(0, 0, 0, .15)
    }

    .swiper-3d .swiper-slide-shadow-left {
      background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
    }

    .swiper-3d .swiper-slide-shadow-right {
      background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
    }

    .swiper-3d .swiper-slide-shadow-top {
      background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
    }

    .swiper-3d .swiper-slide-shadow-bottom {
      background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
    }

    .swiper-css-mode>.swiper-wrapper {
      -ms-overflow-style: none;
      overflow: auto;
      scrollbar-width: none
    }

    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
      display: none
    }

    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
      scroll-snap-align: start start
    }

    .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
      scroll-snap-type: x mandatory
    }

    .swiper-vertical.swiper-css-mode>.swiper-wrapper {
      scroll-snap-type: y mandatory
    }

    .swiper-centered>.swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-vertical>.swiper-wrapper:before {
      height: var(--swiper-centered-offset-after);
      min-width: 1px;
      width: 100%
    }

    .swiper-centered>.swiper-wrapper>.swiper-slide {
      scroll-snap-align: center center
    }
  
  
    .swiper-pagination {
      position: absolute;
      text-align: center;
      transform: translateZ(0);
      transition: opacity .3s;
      z-index: 10
    }

    .swiper-pagination.swiper-pagination-hidden {
      opacity: 0
    }

    .swiper-pagination-disabled>.swiper-pagination,
    .swiper-pagination.swiper-pagination-disabled {
      display: none !important
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      bottom: 10px;
      left: 0;
      width: 100%
    }

    .swiper-pagination-bullets-dynamic {
      font-size: 0;
      overflow: hidden
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      position: relative;
      transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
      transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
      transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
      transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
      transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
      transform: scale(.33)
    }

    .swiper-pagination-bullet {
      background: var(--swiper-pagination-bullet-inactive-color, #000);
      border-radius: 50%;
      display: inline-block;
      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
      opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
      width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
    }

    button.swiper-pagination-bullet {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      box-shadow: none;
      margin: 0;
      padding: 0
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
      display: none !important
    }

    .swiper-pagination-bullet-active {
      background: var(--swiper-pagination-color, var(--swiper-theme-color));
      opacity: var(--swiper-pagination-bullet-opacity, 1)
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
      right: 10px;
      top: 50%;
      transform: translate3d(0, -50%, 0)
    }

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
      display: block;
      margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      top: 50%;
      transform: translateY(-50%);
      width: 8px
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: transform .2s, top .2s
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      left: 50%;
      transform: translate(-50%);
      white-space: nowrap
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transition: transform .2s, left .2s
    }

    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transition: transform .2s, right .2s
    }

    .swiper-pagination-progressbar {
      background: rgba(0, 0, 0, .25);
      position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background: var(--swiper-pagination-color, var(--swiper-theme-color));
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transform: scale(0);
      transform-origin: left top;
      width: 100%
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      transform-origin: right top
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
      height: 4px;
      left: 0;
      top: 0;
      width: 100%
    }

    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-vertical>.swiper-pagination-progressbar {
      height: 100%;
      left: 0;
      top: 0;
      width: 4px
    }

    .swiper-pagination-lock {
      display: none
    }
  
  
    :root {
      --swiper-navigation-size: 44px
    }

    .swiper-button-next,
    .swiper-button-prev {
      align-items: center;
      color: var(--swiper-navigation-color, var(--swiper-theme-color));
      cursor: pointer;
      display: flex;
      height: var(--swiper-navigation-size);
      justify-content: center;
      margin-top: calc(0px - var(--swiper-navigation-size)/2);
      position: absolute;
      top: 50%;
      width: calc(var(--swiper-navigation-size)/44*27);
      z-index: 10
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
      cursor: auto;
      opacity: .35;
      pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden,
    .swiper-button-prev.swiper-button-hidden {
      cursor: auto;
      opacity: 0;
      pointer-events: none
    }

    .swiper-navigation-disabled .swiper-button-next,
    .swiper-navigation-disabled .swiper-button-prev {
      display: none !important
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-family: swiper-icons;
      font-size: var(--swiper-navigation-size);
      font-variant: normal;
      letter-spacing: 0;
      line-height: 1;
      text-transform: none !important
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      left: 10px;
      right: auto
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
      content: "prev"
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      left: auto;
      right: 10px
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
      content: "next"
    }

    .swiper-button-lock {
      display: none
    }
  
  
    .swiper-grid>.swiper-wrapper {
      flex-wrap: wrap
    }

    .swiper-grid-column>.swiper-wrapper {
      flex-direction: column;
      flex-wrap: wrap
    }
  
  
    @font-face {
      font-family: inter-tight;
      src: url(https://res..com/static/InterTight-VariableFont_wght.ttf)
    }

    @font-face {
      font-family: ;
      src: url(https://res..com/static/Koulen-Regular.ttf)
    }

    a,
    abbr,
    acronym,
    address,
    applet,
    b,
    big,
    blockquote,
    body,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    dfn,
    div,
    dl,
    dt,
    em,
    fieldset,
    font,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    i,
    iframe,
    img,
    input,
    ins,
    kbd,
    label,
    legend,
    li,
    object,
    ol,
    p,
    pre,
    q,
    s,
    samp,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    table,
    tbody,
    td,
    textarea,
    tfoot,
    th,
    thead,
    tr,
    tt,
    u,
    ul,
    var {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    address,
    cite,
    dfn,
    em,
    i,
    var {
      font-style: normal
    }

    body {
      color: #333;
      font-family: Helvetica, Arial, Tahoma, sans-serif;
      font-size: 14px;
      letter-spacing: .2px
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    th {
      font-size: 100%;
      font-weight: 400
    }

    button,
    input,
    select,
    textarea {
      font-size: 100%
    }

    button {
      cursor: pointer
    }

    input {
      background-color: transparent
    }

    fieldset,
    img {
      border: 0
    }

    a,
    img {
      -webkit-touch-callout: none
    }

    a,
    a:active,
    a:focus,
    a:hover,
    a:visited {
      color: #666;
      text-decoration: none
    }

    input[type=password],
    input[type=text],
    textarea {
      word-wrap: break-word;
      -webkit-appearance: none;
      background: #fff;
      outline: 0;
      resize: none;
      white-space: pre-wrap
    }

    ol,
    ul {
      list-style: none
    }

    :focus {
      outline: none
    }

    .clearfix {
      content: "";
      display: block;
      overflow: hidden
    }

    .clear,
    .clearfix {
      clear: both
    }

    .fl {
      float: left
    }

    .fr {
      float: right
    }

    #__layout,
    #__layout>div,
    #body,
    body,
    html {
      height: 100%;
      width: 100%
    }

    *,
    :after,
    :before {
      box-sizing: border-box;
      margin: 0
    }

    button {
      border: none;
      font-family: oswald;
      outline: none
    }

    .w {
      margin: 0 auto;
      width: 1300px
    }

    .l1 {
      -webkit-line-clamp: 1
    }

    .l1,
    .l2 {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: break-all
    }

    .l2 {
      -webkit-line-clamp: 2
    }

    .font- {
      font-family: 
    }

    #app {
      background-color: #f6f8fc
    }
  
  
    .error {
      align-items: center;
      background-color: #fff;
      background-color: #1f73d3;
      display: flex;
      height: 100vh;
      justify-content: center;
      width: 100vw
    }

    .error img {
      margin-right: 30px;
      width: 400px
    }

    .error div {
      color: #fff
    }

    .error div h3 {
      font-size: 34px;
      font-weight: 700;
      margin-bottom: 40px
    }

    .error div p {
      font-size: 17px;
      font-weight: 700;
      line-height: 30px;
      margin: 16px 0 80px;
      width: 500px
    }

    .error div div {
      display: flex
    }

    .error div div a {
      align-items: center;
      background-color: #fff;
      border-radius: 4px;
      color: #ff5b35;
      display: flex;
      font-size: 25px;
      font-weight: 700;
      height: 50px;
      justify-content: center;
      min-width: 200px;
      padding: 0 30px
    }

    .error div div a+a {
      background: #ff5b35;
      color: #fff;
      margin-left: 20px
    }

    @media screen and (max-width:1024px) {
      .error {
        flex-direction: column;
        padding: 0 20px
      }

      .error img {
        margin-bottom: 20px;
        margin-right: unset;
        width: 200px
      }

      .error div h3 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center
      }

      .error div p {
        font-size: 14px;
        margin-bottom: 40px;
        width: unset
      }

      .error div div {
        justify-content: space-around
      }

      .error div div a {
        font-size: 14px;
        height: 40px;
        min-width: unset
      }
    }
  
  
    .error {
      align-items: center;
      background-color: #fff;
      display: flex;
      height: 100vh;
      justify-content: center;
      width: 100vw
    }

    .error img {
      margin-left: 40px;
      width: 700px
    }

    @media screen and (max-width:1024px) {
      .error {
        flex-direction: column;
        padding: 0 20px
      }

      .error img {
        width: 300px
      }
    }
  
  
  .termly-styles-module-primary-c2e506 {
    color: #4672ff
  }

  .termly-styles-module-secondary-dbc415 {
    color: #00c999
  }

  .termly-styles-module-dangerous-ca78b3 {
    color: #ed7474
  }

  .termly-styles-module-root-c82f71 {
    font-size: .875em;
    font-family: Roboto, "Open Sans", Helvetica, Arial
  }

  .termly-styles-module-root-c82f71.termly-styles-module-disabled-f3b5ea {
    opacity: .5;
    cursor: not-allowed
  }

  .termly-styles-module-root-c82f71:not(.termly-styles-module-disabled-f3b5ea) {
    cursor: pointer
  }

  .termly-styles-module-outline-af2c17 {
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    background: #fff;
    padding: .625em 2em
  }

  .termly-styles-module-outline-af2c17.termly-styles-module-primary-c2e506 {
    border-color: #4672ff
  }

  .termly-styles-module-outline-af2c17.termly-styles-module-secondary-dbc415 {
    border-color: #00c999
  }

  .termly-styles-module-outline-af2c17.termly-styles-module-dangerous-ca78b3 {
    border-color: #ed7474
  }

  .termly-styles-module-solid-f10ff4 {
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    padding: .625em 2em
  }

  .termly-styles-module-solid-f10ff4.termly-styles-module-primary-c2e506 {
    border-color: #4672ff;
    background: #4672ff
  }

  .termly-styles-module-solid-f10ff4.termly-styles-module-secondary-dbc415 {
    border-color: #00c999;
    background: #00c999
  }

  .termly-styles-module-solid-f10ff4.termly-styles-module-dangerous-ca78b3 {
    border-color: #ed7474;
    background: #ed7474
  }

  .termly-styles-module-text-eeb886 {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0
  }

  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uLy55YXJuL19fdmlydHVhbF9fL0B0ZXJtbHktcmVhY3QtY29tcG9uZW50cy12aXJ0dWFsLWQyMGQ4ZmJmYWIvMC9jYWNoZS9AdGVybWx5LXJlYWN0LWNvbXBvbmVudHMtbnBtLTMuNi4zLTRmNWNiNzE3MzItZWJhMmU4MWY2MC56aXAvbm9kZV9tb2R1bGVzL0B0ZXJtbHkvcmVhY3QtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9CdXR0b24vc3R5bGVzLm1vZHVsZS5zYXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLHFDQUNFLGFBTGUsQ0FNakIsdUNBQ0UsYUFOaUIsQ0FPbkIsdUNBQ0UsYUFQYyxDQVNoQixrQ0FDRSxnQkFBQSxDQUNBLDhDQUFBLENBQ0EsdUVBQ0UsVUFBQSxDQUNBLGtCQUFBLENBQ0YsNkVBQ0UsY0FBQSxDQUVKLHFDQUNFLGdCQUFBLENBQ0EsaUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGVBQUEsQ0FDQSxrQkFBQSxDQUNBLHlFQUNFLG9CQTNCYSxDQTRCZiwyRUFDRSxvQkE1QmUsQ0E2QmpCLDJFQUNFLG9CQTdCWSxDQStCaEIsbUNBQ0UsZ0JBQUEsQ0FDQSxpQkFBQSxDQUNBLGtCQUFBLENBQ0EsVUFBQSxDQUNBLGtCQUFBLENBQ0EsdUVBQ0Usb0JBeENhLENBeUNiLGtCQXpDYSxDQTBDZix5RUFDRSxvQkExQ2UsQ0EyQ2Ysa0JBM0NlLENBNENqQix5RUFDRSxvQkE1Q1ksQ0E2Q1osa0JBN0NZLENBK0NoQixrQ0FDRSxXQUFBLENBQ0Esd0JBQUEsQ0FDQSxTQUFBIiwic291cmNlc0NvbnRlbnQiOlsiJGNvbG9yLS1wcmltYXJ5OiAjNDY3MmZmXG4kY29sb3ItLXNlY29uZGFyeTogIzAwYzk5OVxuJGNvbG9yLS1kYW5nZXI6ICNlZDc0NzRcblxuLnByaW1hcnlcbiAgY29sb3I6ICRjb2xvci0tcHJpbWFyeVxuLnNlY29uZGFyeVxuICBjb2xvcjogJGNvbG9yLS1zZWNvbmRhcnlcbi5kYW5nZXJvdXNcbiAgY29sb3I6ICRjb2xvci0tZGFuZ2VyXG5cbi5yb290XG4gIGZvbnQtc2l6ZTogMC44NzVlbVxuICBmb250LWZhbWlseTogUm9ib3RvLCBcIk9wZW4gU2Fuc1wiLCBIZWx2ZXRpY2EsIEFyaWFsXG4gICYuZGlzYWJsZWRcbiAgICBvcGFjaXR5OiAwLjVcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkXG4gICY6bm90KC5kaXNhYmxlZClcbiAgICBjdXJzb3I6IHBvaW50ZXJcblxuLm91dGxpbmVcbiAgYm9yZGVyLXdpZHRoOiAxcHhcbiAgYm9yZGVyLXJhZGl1czogM3B4XG4gIGJvcmRlci1zdHlsZTogc29saWRcbiAgYmFja2dyb3VuZDogI2ZmZlxuICBwYWRkaW5nOiAwLjYyNWVtIDJlbVxuICAmLnByaW1hcnlcbiAgICBib3JkZXItY29sb3I6ICRjb2xvci0tcHJpbWFyeVxuICAmLnNlY29uZGFyeVxuICAgIGJvcmRlci1jb2xvcjogJGNvbG9yLS1zZWNvbmRhcnlcbiAgJi5kYW5nZXJvdXNcbiAgICBib3JkZXItY29sb3I6ICRjb2xvci0tZGFuZ2VyXG5cbi5zb2xpZFxuICBib3JkZXItd2lkdGg6IDFweFxuICBib3JkZXItcmFkaXVzOiAzcHhcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZFxuICBjb2xvcjogI2ZmZlxuICBwYWRkaW5nOiAwLjYyNWVtIDJlbVxuICAmLnByaW1hcnlcbiAgICBib3JkZXItY29sb3I6ICRjb2xvci0tcHJpbWFyeVxuICAgIGJhY2tncm91bmQ6ICRjb2xvci0tcHJpbWFyeVxuICAmLnNlY29uZGFyeVxuICAgIGJvcmRlci1jb2xvcjogJGNvbG9yLS1zZWNvbmRhcnlcbiAgICBiYWNrZ3JvdW5kOiAkY29sb3ItLXNlY29uZGFyeVxuICAmLmRhbmdlcm91c1xuICAgIGJvcmRlci1jb2xvcjogJGNvbG9yLS1kYW5nZXJcbiAgICBiYWNrZ3JvdW5kOiAkY29sb3ItLWRhbmdlclxuXG4udGV4dFxuICBib3JkZXI6IG5vbmVcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnRcbiAgcGFkZGluZzogMFxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


  .termly-styles-module-root-fb0fcd {
    display: flex;
    font-family: Roboto, "Open Sans", Helvetica, Arial;
    gap: 8px
  }

  .termly-styles-module-root-fb0fcd.termly-styles-module-disabled-c85e61 {
    cursor: not-allowed;
    opacity: .5
  }

  .termly-styles-module-root-fb0fcd:not(.termly-styles-module-disabled-c85e61) {
    cursor: pointer
  }

  .termly-styles-module-checkbox-c81b5f {
    width: 18px;
    height: 18px;
    border: solid 1px #e1e3e6;
    border-radius: 3px;
    background-image: linear-gradient(to top, #f2f4fb, #feffff);
    display: flex;
    flex: 0 0 18px
  }

  .termly-styles-module-checkbox-c81b5f.termly-styles-module-checked-d34356 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSI+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMEE2REEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNkY4OUVEIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYgMTl2LTNINHY1aDEwdi0ySDZ6IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgLTEwLjYwNyAxNC42MjEpIi8+Cjwvc3ZnPgo=), linear-gradient(to top, #f2f4fb, #feffff);
    background-repeat: no-repeat;
    background-position: center
  }

  .termly-styles-module-input-ccc581 {
    display: none
  }

  .termly-styles-module-label-dfa1a4 {
    display: flex;
    align-items: center
  }

  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uLy55YXJuL19fdmlydHVhbF9fL0B0ZXJtbHktcmVhY3QtY29tcG9uZW50cy12aXJ0dWFsLWQyMGQ4ZmJmYWIvMC9jYWNoZS9AdGVybWx5LXJlYWN0LWNvbXBvbmVudHMtbnBtLTMuNi4zLTRmNWNiNzE3MzItZWJhMmU4MWY2MC56aXAvbm9kZV9tb2R1bGVzL0B0ZXJtbHkvcmVhY3QtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9DaGVja2JveC9zdHlsZXMubW9kdWxlLnNhc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0Esa0NBQ0UsWUFBQSxDQUNBLDhDQUFBLENBQ0EsT0FBQSxDQUNBLHVFQUNFLGtCQUFBLENBQ0EsVUFBQSxDQUNGLDZFQUNFLGNBQUEsQ0FFSixzQ0FDRSxVQWRPLENBZVAsV0FmTyxDQWdCUCx3QkFBQSxDQUNBLGlCQUFBLENBQ0EsMERBQUEsQ0FDQSxZQUFBLENBQ0EsYUFBQSxDQUNBLDBFQUNFLGtHQUFBLENBQ0EsMkJBQUEsQ0FDQSwwQkFBQSxDQUVKLG1DQUNFLFlBQUEsQ0FFRixtQ0FDRSxZQUFBLENBQ0Esa0JBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIkaGVpZ2h0OiAxOHB4XG4kd2lkdGg6ICRoZWlnaHRcblxuLnJvb3RcbiAgZGlzcGxheTogZmxleFxuICBmb250LWZhbWlseTogUm9ib3RvLCAnT3BlbiBTYW5zJywgSGVsdmV0aWNhLCBBcmlhbFxuICBnYXA6IDhweFxuICAmLmRpc2FibGVkXG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZFxuICAgIG9wYWNpdHk6IDAuNVxuICAmOm5vdCguZGlzYWJsZWQpXG4gICAgY3Vyc29yOiBwb2ludGVyXG5cbi5jaGVja2JveFxuICB3aWR0aDogJGhlaWdodFxuICBoZWlnaHQ6ICR3aWR0aFxuICBib3JkZXI6IHNvbGlkIDFweCAjZTFlM2U2XG4gIGJvcmRlci1yYWRpdXM6IDNweFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gdG9wLCAjZjJmNGZiLCAjZmVmZmZmKVxuICBkaXNwbGF5OiBmbGV4XG4gIGZsZXg6IDAgMCAkd2lkdGhcbiAgJi5jaGVja2VkXG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKC4vY2hlY2ttYXJrLnN2ZyksIGxpbmVhci1ncmFkaWVudCh0byB0b3AsICNmMmY0ZmIsICNmZWZmZmYpXG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdFxuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlclxuXG4uaW5wdXRcbiAgZGlzcGxheTogbm9uZVxuXG4ubGFiZWxcbiAgZGlzcGxheTogZmxleFxuICBhbGlnbi1pdGVtczogY2VudGVyXG4iXSwic291cmNlUm9vdCI6IiJ9 */


  .termly-styles-module-root-c60f9c {
    border-radius: 3px;
    border: 1px solid #ced4da;
    color: #363840;
    font-size: inherit;
    line-height: 1.429;
    padding: .714em 1.0714em
  }

  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uLy55YXJuL19fdmlydHVhbF9fL0B0ZXJtbHktcmVhY3QtY29tcG9uZW50cy12aXJ0dWFsLWQyMGQ4ZmJmYWIvMC9jYWNoZS9AdGVybWx5LXJlYWN0LWNvbXBvbmVudHMtbnBtLTMuNi4zLTRmNWNiNzE3MzItZWJhMmU4MWY2MC56aXAvbm9kZV9tb2R1bGVzL0B0ZXJtbHkvcmVhY3QtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9JbnB1dC9zdHlsZXMubW9kdWxlLnNhc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0NBQ0UsaUJBQUEsQ0FDQSx3QkFBQSxDQUNBLGFBQUEsQ0FDQSxpQkFBQSxDQUNBLGlCQUFBLENBQ0EsdUJBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIucm9vdFxuICBib3JkZXItcmFkaXVzOiAzcHhcbiAgYm9yZGVyOiAxcHggc29saWQgI2NlZDRkYVxuICBjb2xvcjogIzM2Mzg0MFxuICBmb250LXNpemU6IGluaGVyaXRcbiAgbGluZS1oZWlnaHQ6IDEuNDI5XG4gIHBhZGRpbmc6IDAuNzE0ZW0gMS4wNzE0ZW1cblxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


  .termly-styles-module-root-d2a96c {
    height: 100%
  }

  .termly-styles-module-spinner-d9d2d6 {
    animation: termly-styles-module-rotate-d0c2b2 2s linear infinite;
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex
  }

  .termly-styles-module-spinner-d9d2d6 .termly-styles-module-path-da4f9d {
    stroke: var(--loading-circle-color, hsl(210, 70%, 75%));
    stroke-linecap: round;
    animation: termly-styles-module-dash-c05540 1.5s ease-in-out infinite
  }

  @keyframes termly-styles-module-rotate-d0c2b2 {
    100% {
      transform: rotate(360deg)
    }
  }

  @keyframes termly-styles-module-dash-c05540 {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
    }

    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
    }

    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
    }
  }

  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uLy55YXJuL19fdmlydHVhbF9fL0B0ZXJtbHktcmVhY3QtY29tcG9uZW50cy12aXJ0dWFsLWQyMGQ4ZmJmYWIvMC9jYWNoZS9AdGVybWx5LXJlYWN0LWNvbXBvbmVudHMtbnBtLTMuNi4zLTRmNWNiNzE3MzItZWJhMmU4MWY2MC56aXAvbm9kZV9tb2R1bGVzL0B0ZXJtbHkvcmVhY3QtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2FkaW5nL3N0eWxlcy5tb2R1bGUuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FDRSxXQUFBLENBRUYscUNBQ0UsK0RBQUEsQ0FDQSxTQUFBLENBQ0EsaUJBQUEsQ0FDQSxVQUFBLENBQ0EsV0FBQSxDQUNBLFlBQUEsQ0FDQSx1RUFDRSxzREFBQSxDQUNBLG9CQUFBLENBQ0Esb0VBQUEsQ0FFSiw4Q0FDRSxLQUNFLHdCQUFBLENBQUEsQ0FFSiw0Q0FDRSxHQUNFLHNCQUFBLENBQ0EsbUJBQUEsQ0FFRixJQUNFLHVCQUFBLENBQ0EscUJBQUEsQ0FFRixLQUNFLHVCQUFBLENBQ0Esc0JBQUEsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi5yb290XG4gIGhlaWdodDogMTAwJVxuXG4uc3Bpbm5lclxuICBhbmltYXRpb246IHJvdGF0ZSAycyBsaW5lYXIgaW5maW5pdGVcbiAgei1pbmRleDogMlxuICBwb3NpdGlvbjogcmVsYXRpdmVcbiAgd2lkdGg6IDEwMCVcbiAgaGVpZ2h0OiAxMDAlXG4gIGRpc3BsYXk6IGZsZXhcbiAgJiAucGF0aFxuICAgIHN0cm9rZTogdmFyKC0tbG9hZGluZy1jaXJjbGUtY29sb3IsIGhzbCgyMTAsIDcwJSwgNzUlKSlcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmRcbiAgICBhbmltYXRpb246IGRhc2ggMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZVxuXG5Aa2V5ZnJhbWVzIHJvdGF0ZVxuICAxMDAlXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKVxuXG5Aa2V5ZnJhbWVzIGRhc2hcbiAgMCVcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxLCAxNTBcbiAgICBzdHJva2UtZGFzaG9mZnNldDogMFxuXG4gIDUwJVxuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDkwLCAxNTBcbiAgICBzdHJva2UtZGFzaG9mZnNldDogLTM1XG5cbiAgMTAwJVxuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDkwLCAxNTBcbiAgICBzdHJva2UtZGFzaG9mZnNldDogLTEyNFxuIl0sInNvdXJjZVJvb3QiOiIifQ== */


  .termly-styles-module-root-a6c3b2 {
    display: flex;
    font-family: Roboto, "Open Sans", Helvetica, Arial;
    gap: 5px
  }

  .termly-styles-module-root-a6c3b2.termly-styles-module-disabled-fda258 {
    cursor: not-allowed
  }

  .termly-styles-module-root-a6c3b2:not(.termly-styles-module-disabled-fda258) {
    cursor: pointer
  }

  .termly-styles-module-input-da74ea {
    display: none
  }

  .termly-styles-module-radio-a94319 {
    width: 15px;
    height: 15px;
    border-radius: 9px;
    border: 1px solid #ced0da;
    background-image: linear-gradient(to top, #f2f4fb, #feffff);
    display: flex;
    justify-content: center;
    align-items: center
  }

  .termly-styles-module-radio-a94319.termly-styles-module-checked-e5d8eb .termly-styles-module-radio__inner-d76ba3 {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background-color: #239eeb
  }

  .termly-styles-module-radio-a94319.termly-styles-module-disabled-fda258 {
    opacity: .5
  }

  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uLy4uLy55YXJuL19fdmlydHVhbF9fL0B0ZXJtbHktcmVhY3QtY29tcG9uZW50cy12aXJ0dWFsLWQyMGQ4ZmJmYWIvMC9jYWNoZS9AdGVybWx5LXJlYWN0LWNvbXBvbmVudHMtbnBtLTMuNi4zLTRmNWNiNzE3MzItZWJhMmU4MWY2MC56aXAvbm9kZV9tb2R1bGVzL0B0ZXJtbHkvcmVhY3QtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9SYWRpb0dyb3VwL1JhZGlvQnV0dG9uL3N0eWxlcy5tb2R1bGUuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQSxrQ0FDRSxZQUFBLENBQ0EsOENBQUEsQ0FDQSxPQUFBLENBQ0EsdUVBQ0Usa0JBQUEsQ0FDRiw2RUFDRSxjQUFBLENBRUosbUNBQ0UsWUFBQSxDQUVGLG1DQUNFLFVBQUEsQ0FDQSxXQUFBLENBQ0EsaUJBQUEsQ0FDQSx3QkFBQSxDQUNBLDBEQUFBLENBQ0EsWUFBQSxDQUNBLHNCQUFBLENBQ0Esa0JBQUEsQ0FFRSxpSEFDRSxTQUFBLENBQ0EsVUFBQSxDQUNBLGlCQUFBLENBQ0Esd0JBL0JPLENBZ0NYLHdFQUNFLFVBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUT0RPOiBTdGlsbCBuZWVkIHRvIGdldCB2YXJpYWJsZXMgZXh0cmFjdGVkIGludG8gYSBjb21tb24gc3R5bGVzaGVldFxuXG4kYXp1cmUtbmluZTogIzIzOWVlYlxuJHNpbHZlci10d286ICNjZWQwZGFcbiRmb3JtYXQtc2VsZWN0ZWQtYmx1ZS1vbmU6ICMzN2E5ZTZcbiRmb3JtYXQtc2VsZWN0ZWQtYmx1ZS10d286ICMzZjU5ZDhcblxuLnJvb3RcbiAgZGlzcGxheTogZmxleFxuICBmb250LWZhbWlseTogUm9ib3RvLCBcIk9wZW4gU2Fuc1wiLCBIZWx2ZXRpY2EsIEFyaWFsXG4gIGdhcDogNXB4XG4gICYuZGlzYWJsZWRcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkXG4gICY6bm90KC5kaXNhYmxlZClcbiAgICBjdXJzb3I6IHBvaW50ZXJcblxuLmlucHV0XG4gIGRpc3BsYXk6IG5vbmVcblxuLnJhZGlvXG4gIHdpZHRoOiAxNXB4XG4gIGhlaWdodDogMTVweFxuICBib3JkZXItcmFkaXVzOiA5cHhcbiAgYm9yZGVyOiAxcHggc29saWQgJHNpbHZlci10d29cbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIHRvcCwjZjJmNGZiLCNmZWZmZmYpXG4gIGRpc3BsYXk6IGZsZXhcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXJcbiAgYWxpZ24taXRlbXM6IGNlbnRlclxuICAmLmNoZWNrZWRcbiAgICAucmFkaW9fX2lubmVyXG4gICAgICB3aWR0aDogN3B4XG4gICAgICBoZWlnaHQ6IDdweFxuICAgICAgYm9yZGVyLXJhZGl1czogNHB4XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkYXp1cmUtbmluZVxuICAmLmRpc2FibGVkXG4gICAgb3BhY2l0eTogMC41XG5cbiJdLCJzb3VyY2VSb290IjoiIn0= */


  .termly-styles-module-root-a0ea7f {
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-family: Roboto, "Open Sans", Helvetica, Arial;
    background: #e6e7e8;
    align-items: center;
    justify-content: center;
    container: holder/size;
    flex: 1;
    height: 100%
  }

  .termly-styles-module-shadowBox-fff901 {
    background: var(--termly-theme-background-color);
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
    display: inline-flex;
    flex-direction: column;
    max-width: 32em;
    min-width: min-content;
    padding: 2em;
    gap: 1em
  }

  .termly-styles-module-title-b31e43 {
    color: var(--termly-theme-color);
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1
  }

  .termly-styles-module-content-f5be7c {
    color: var(--termly-theme-color);
    font-size: var(--termly-theme-font-size);
    line-height: 1.75
  }

  .termly-styles-module-buttons-e4250e {
    display: flex;
    justify-content: center;
    gap: .5em
  }

  .termly-styles-module-buttons-e4250e>* {
    font-weight: 600;
    font-size: var(--termly-theme-font-size);
    width: 100%
  }

  .termly-styles-module-buttons-e4250e .termly-styles-module-acceptButton-b04512 {
    background: var(--termly-theme-button-background-color);
    border-color: var(--termly-theme-button-background-color) !important;
    color: var(--termly-theme-button-text-color) !important
  }

  .termly-styles-module-buttons-e4250e .termly-styles-module-prefsButton-c1a9b2 {
    background: rgba(0, 0, 0, 0);
    border-color: var(--termly-theme-color) !important;
    color: var(--termly-theme-color) !important
  }

  @container holder (height < 155px) {
    .termly-styles-module-shadowBox-fff901 {
      padding: 6cqb;
      display: inline-flex;
      gap: .5em
    }

    .termly-styles-module-acceptButton-b04512 {
      width: auto !important;
      padding: 3cqb 6cqb;
      font-size: 9cqb
    }

    .termly-styles-module-content-f5be7c {
      font-size: 9cqb
    }

    .termly-styles-module-prefsButton-c1a9b2,
    .termly-styles-module-toAllowContent-f3c279,
    .termly-styles-module-title-b31e43 {
      display: none
    }
  }

  @container holder (width < 197px) {
    .termly-styles-module-buttons-e4250e .termly-styles-module-prefsButton-c1a9b2 {
      display: none
    }
  }

  /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy9jb21wb25lbnRzL0Jsb2NrZWRDb250ZW50L3N0eWxlcy5tb2R1bGUuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQ0FDRSxZQUFBLENBQ0Esa0JBQUEsQ0FDQSxjQUFBLENBQ0EsOENBQUEsQ0FDQSxrQkFBQSxDQUNBLGtCQUFBLENBQ0Esc0JBQUEsQ0FDQSxxQkFBQSxDQUNBLE1BQUEsQ0FDQSxXQUFBLENBRUYsdUNBQ0UsK0NBQUEsQ0FDQSxpQkFBQSxDQUNBLHFCQUFBLENBQ0EsdUNBQUEsQ0FDQSxtQkFBQSxDQUNBLHFCQUFBLENBQ0EsY0FBQSxDQUNBLHFCQUFBLENBQ0EsV0FBQSxDQUNBLE9BQUEsQ0FFRixtQ0FDRSwrQkFBQSxDQUNBLGdCQUFBLENBQ0EsZUFBQSxDQUNBLGFBQUEsQ0FFRixxQ0FDRSwrQkFBQSxDQUNBLHVDQUFBLENBQ0EsZ0JBQUEsQ0FFRixxQ0FDRSxZQUFBLENBQ0Esc0JBQUEsQ0FDQSxRQUFBLENBRUEsdUNBQ0UsZUFBQSxDQUNBLHVDQUFBLENBQ0EsVUFBQSxDQUVGLCtFQUNFLHNEQUFBLENBQ0EsbUVBQUEsQ0FDQSxzREFBQSxDQUVGLDhFQUNFLHdCQUFBLENBQ0EsaURBQUEsQ0FDQSwwQ0FBQSxDQUVKLG1DQUNFLHVDQUNFLFlBQUEsQ0FDQSxtQkFBQSxDQUNBLFFBQUEsQ0FDRiwwQ0FDRSxxQkFBQSxDQUNBLGlCQUFBLENBQ0EsY0FBQSxDQUNGLHFDQUNFLGNBQUEsQ0FDRix3SEFHRSxZQUFBLENBQUEsQ0FFSixvQ0FFSSw4RUFDRSxZQUFBLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIucm9vdFxuICBkaXNwbGF5OiBmbGV4XG4gIGZsZXgtZGlyZWN0aW9uOiByb3dcbiAgZm9udC1zaXplOiAxcmVtXG4gIGZvbnQtZmFtaWx5OiBSb2JvdG8sICdPcGVuIFNhbnMnLCBIZWx2ZXRpY2EsIEFyaWFsXG4gIGJhY2tncm91bmQ6ICNlNmU3ZThcbiAgYWxpZ24taXRlbXM6IGNlbnRlclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlclxuICBjb250YWluZXI6IGhvbGRlciAvIHNpemVcbiAgZmxleDogMVxuICBoZWlnaHQ6IDEwMCVcblxuLnNoYWRvd0JveFxuICBiYWNrZ3JvdW5kOiB2YXIoLS10ZXJtbHktdGhlbWUtYmFja2dyb3VuZC1jb2xvcilcbiAgYm9yZGVyLXJhZGl1czogNXB4XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkZGRcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxNXB4IHJnYmEoMCwgMCwgMCwgMC4xNSlcbiAgZGlzcGxheTogaW5saW5lLWZsZXhcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtblxuICBtYXgtd2lkdGg6IDMyZW1cbiAgbWluLXdpZHRoOiBtaW4tY29udGVudFxuICBwYWRkaW5nOiAyZW1cbiAgZ2FwOiAxZW1cblxuLnRpdGxlXG4gIGNvbG9yOiB2YXIoLS10ZXJtbHktdGhlbWUtY29sb3IpXG4gIGZvbnQtc2l6ZTogMS4yNWVtXG4gIGZvbnQtd2VpZ2h0OiA1MDBcbiAgbGluZS1oZWlnaHQ6IDFcblxuLmNvbnRlbnRcbiAgY29sb3I6IHZhcigtLXRlcm1seS10aGVtZS1jb2xvcilcbiAgZm9udC1zaXplOiB2YXIoLS10ZXJtbHktdGhlbWUtZm9udC1zaXplKVxuICBsaW5lLWhlaWdodDogMS43NVxuXG4uYnV0dG9uc1xuICBkaXNwbGF5OiBmbGV4XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyXG4gIGdhcDogMC41ZW1cblxuICAmID4gKlxuICAgIGZvbnQtd2VpZ2h0OiA2MDBcbiAgICBmb250LXNpemU6IHZhcigtLXRlcm1seS10aGVtZS1mb250LXNpemUpXG4gICAgd2lkdGg6IDEwMCVcblxuICAuYWNjZXB0QnV0dG9uXG4gICAgYmFja2dyb3VuZDogdmFyKC0tdGVybWx5LXRoZW1lLWJ1dHRvbi1iYWNrZ3JvdW5kLWNvbG9yKVxuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tdGVybWx5LXRoZW1lLWJ1dHRvbi1iYWNrZ3JvdW5kLWNvbG9yKSAhaW1wb3J0YW50XG4gICAgY29sb3I6IHZhcigtLXRlcm1seS10aGVtZS1idXR0b24tdGV4dC1jb2xvcikgIWltcG9ydGFudFxuXG4gIC5wcmVmc0J1dHRvblxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXJtbHktdGhlbWUtY29sb3IpICFpbXBvcnRhbnRcbiAgICBjb2xvcjogdmFyKC0tdGVybWx5LXRoZW1lLWNvbG9yKSAhaW1wb3J0YW50XG5cbkBjb250YWluZXIgaG9sZGVyIChoZWlnaHQgPCAxNTVweClcbiAgLnNoYWRvd0JveFxuICAgIHBhZGRpbmc6IDZjcWJcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleFxuICAgIGdhcDogMC41ZW1cbiAgLmFjY2VwdEJ1dHRvblxuICAgIHdpZHRoOiBhdXRvICFpbXBvcnRhbnRcbiAgICBwYWRkaW5nOiAzY3FiIDZjcWJcbiAgICBmb250LXNpemU6IDljcWJcbiAgLmNvbnRlbnRcbiAgICBmb250LXNpemU6IDljcWJcbiAgLnByZWZzQnV0dG9uLFxuICAudG9BbGxvd0NvbnRlbnQsXG4gIC50aXRsZVxuICAgIGRpc3BsYXk6IG5vbmVcblxuQGNvbnRhaW5lciBob2xkZXIgKCB3aWR0aCA8IDE5N3B4IClcbiAgLmJ1dHRvbnNcbiAgICAucHJlZnNCdXR0b25cbiAgICAgIGRpc3BsYXk6IG5vbmVcbiJdLCJzb3VyY2VSb290IjoiIn0= */