.vjs-no-js {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -150px;
    color: #000;
    height: 50px;
    font-weight: bold;
  }
  
  .ws-product-detail-bcb {
    padding-top: 25px;
    background-color: #ffffff;
  }
  
  .ws-product-detail-bcb .breadcrumb {
    background-color: #ffffff;
  }
  
  
  .ws-product-detail-bcb ul {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .ws-product-detail-bcb ul li img {
    position: relative;
    top: -3px;
  }
  
  .ws-product-detail-bcb ul li a {
    font-size: 17px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    color: #999999;
  }
  
  .ws-product-detail-bcb ul li:last-child a,
  .ws-product-detail-bcb ul li a:hover {
    color: #666666;
    text-emphasis: none;
  }
  
  .video-js.vjs-fluid {
    height: auto;
  }
  
  .vjs-poster {
    background-size: cover;
  }
  
  .ws-product-detail {
    padding-top: 30px;
  }
  
  .ws-product-detail .ws-pro-de-banner {
    float: left;
    width: 43%;
    padding-right: 4%;
    vertical-align: top;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem {
    position: relative;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide {
    width: 100%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1.5em;
    height: 3em;
    border-radius: 50%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .video-js .vjs-play-control .vjs-icon-placeholder:before, .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .vjs-icon-play:before {
    top: 25%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .vjs-control-bar .vjs-play-control .vjs-icon-placeholder:before, .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .vjs-icon-play:before {
    top: 0%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide video {
    width: 100%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide img {
    width: 100%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-de-baitem div.swiper-slide .ws-pro-de-vidiobtn {
    width: 15%;
    position: absolute;
    top: 50%;
    left: 42.5%;
    margin-top: -7%;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-deControl {
    padding: 30px 0;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-deControl div {
    float: left;
    width: 24%;
    height: 50px;
    margin: 0.5%;
    border: 1px solid #d8d8d8;
  }
  
  .ws-product-detail .ws-pro-de-banner .ws-pro-deControl div img {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .ws-product-detail .ws-product-detailctitle {
    font-family: Microsoft Yahei, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 25px;
    float: right;
    width: 57%;
    color: #505050;
  }
  
  .ws-product-detail .ws-pro-de-connect {
    float: right;
    width: 57%;
    color: #505050;
    font-size: 16px;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding {
    width: 100%;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent {
    max-height: 275px;
    overflow: hidden;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent p,
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent ul {
    font-size: 16px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    line-height: 1.5;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent ul {
    margin-bottom: 35px;
    padding-left: 20px;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent ul li {
    margin-top: 16px;
    list-style-type: disc;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-cgroup a {
    display: inline-block;
    text-align: center;
    margin: 40px 30px 0 0;
    text-emphasis: none;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-cgroup a img {
    display: block;
    margin: 0 auto;
  }
  
  .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-cgroup a span {
    display: block;
    font-family: Microsoft Yahei, Arial, sans-serif;
    font-size: 16px;
    margin-top: 20px;
    color: #505050;
  }
  
  .ws-product-detail .ws-pro-de-switch {
    margin-top: 60px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav {
    background-color: #737373;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul {
    padding: 10px 0;
    margin-bottom: 0;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li {
    display: inline-block;
    padding-right: 30px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li a {
    padding: 5px 0;
    color: #ffffff;
    font-size: 17px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    cursor: pointer;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li.active a,
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li a:hover {
    border-bottom: 3px #ffffff solid;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone {
    display: none;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-mb-swpage ul a {
    color: #333;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos3 {
    width: 50%;
    display: inline-block;
    letter-spacing: 1px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos4 {
    width: 50%;
    display: inline-block;
    letter-spacing: 1px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos1 {
    width: 50%;
    float: left;
    letter-spacing: 1px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos2 {
    width: 50%;
    float: right;
    letter-spacing: 1px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft .ws-pro-de-boxfirsttitle1 {
    font-size: 28px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    color: #505050;
    padding-bottom: 20px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft .ws-pro-de-boxfirsttitle2 {
    font-size: 18px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    color: #d20032;
    margin: 20px 0 60px 0;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft p {
    font-size: 16px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    color: #505050;
    line-height: 1.5;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft img {
    display: block;
    width: 80%;
    text-align: center;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft a.round-button.circle {
    font-size: 16px;
    color: #505050;
    border: 1px solid #505050;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft a.round-button:hover {
    color: #fff;
    border: 1px solid #d20032;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirsttitle {
    font-size: 28px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    font-weight: bold;
    color: #505050;
    letter-spacing: 1px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpadleft {
    padding-left: 5%;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirst {
    background-color: #d2ebfa;
    padding: 70px 0;
    letter-spacing: -10px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext {
    padding: 70px 0;
    border-bottom: 2px solid #d8d8d8;
    letter-spacing: -10px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 {
    width: 32%;
    display: inline-block;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 span {
    color: #d20032;
    font-size: 17px;
    font-family: Microsoft Yahei, Arial, sans-serif;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 div {
    font-size: 54px;
    color: #325078;
    font-family: Microsoft Yahei, Arial, sans-serif;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 p {
    white-space: nowrap;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 img {
    width: 60%;
    margin: 0 auto 20px auto;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox2 {
    width: 33.33%;
    float: left;
    text-align: center;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox2 img {
    width: 40%;
    margin: 0 auto 20px auto;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-boxleftleft {
    display: inline-block;
    width: 70%;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-boxleftright {
    display: inline-block;
    width: 29%;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-boxleftright .ws-pro-de-boxleftcircle {
    display: block;
    width: 80%;
    margin: 2px auto;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup {
    padding: 45px 0;
    border-bottom: 2px solid #d8d8d8;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup .ws-pro-de-swtitle {
    font-size: 24px;
    color: #4d4d4d;
    font-family: Microsoft Yahei, Arial, sans-serif;
    font-weight: bold;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul {
    width: 100%;
    padding: 30px 0 10px 0;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li {
    list-style-type: disc;
    margin-left: 1%;
    padding-bottom: 20px;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li a {
    font-size: 16px;
    font-family: Microsoft Yahei, Arial, sans-serif;
    clear: both;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li a .ws-pro-de-swspan1 {
    width: 84%;
    vertical-align: middle;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li a .ws-pro-de-swspan2 {
    float: right;
    width: 15%;
    color: #4d4d4d;
  }
  
  .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li a:hover .ws-pro-de-swspan1 {
    color: #d20032;
  }
  
  .ws-product-detail .ws-news-page {
    padding-top: 70px;
  }
  
  .ws-product-detail .ws-news-page .link-item {
    color: #4d4d4d;
  }
  
  .ws-product-detail .ws-news-page .link-item .link-title {
    color: #333333;
  }
  
  .ws-product-detail .red-link {
    font-size: 16px;
  }
  
  .ws-cutpage {
    display: block;
  }
  
  .ws-cutpage2 {
    display: none;
  }
  
  .ws-childnav-flex {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
  }
  
  @media (max-width: 768px) {
    .ws-product-detail-bcb {
      display: none;
    }
    .ws-product-detail {
      padding-top: 30px;
    }
    .ws-product-detail .ws-pro-de-banner {
      width: 100%;
      padding-right: 0;
    }
    .ws-product-detail .ws-product-detailctitle {
      margin-bottom: 20px;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }
    .ws-product-detail .ws-pro-de-connect {
      display: inline-block;
      width: 100%;
      color: #505050;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding {
      width: 95%;
      padding-left: 4%;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent {
      padding-top: 20px;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent div {
      font-size: 16px;
      margin-bottom: 45px;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent ul {
      margin-bottom: 20px;
      padding-left: 20px;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-ccontent ul li {
      margin-top: 17px;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-cgroup a {
      margin: 20px 0 0 0;
      width: 32%;
    }
    .ws-product-detail .ws-pro-de-connect .ws-pro-de-padding .ws-pro-de-cgroup a span {
      margin-top: 20px;
    }
    .ws-product-detail .ws-pro-de-switch {
      margin-top: 60px;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav {
      display: none;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul {
      padding: 10px 0;
      margin-bottom: 0;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li a {
      padding: 5px 0;
      color: #ffffff;
      font-family: Microsoft Yahei, Arial, sans-serif;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li:active a,
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swnav ul li a:hover {
      border-bottom: 3px #ffffff solid;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone {
      display: none;
      overflow: hidden;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-mb-swpage {
      overflow-x: auto;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos3 {
      width: 50%;
      float: left;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos4 {
      text-align: center;
      width: 100%;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos1 {
      width: 100%;
      float: left;
      text-align: center;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxpos2 {
      width: 100%;
      float: left;
      text-align: center;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft .ws-pro-de-boxfirsttitle1 {
      padding-bottom: 15px;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft .ws-pro-de-boxfirsttitle2 {
      margin: 20px 0 40px 0;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft p {
      text-align: left;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirstleft img {
      display: block;
      width: 80%;
      text-align: center;
      margin: 50px auto 0 auto;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxfirst {
      background-color: #d2ebfa;
      padding: 30px 0;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext {
      padding: 30px 0;
      border-bottom: 2px solid #d8d8d8;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 {
      width: 50%;
      float: left;
      margin: 10px 0;
      text-align: left;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 div {
      font-size: 28px;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox1 img {
      width: 35%;
      margin: 0 0 10px 0;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox2 {
      width: 50%;
      float: left;
      text-align: center;
      margin: 20px 0 0 0;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox2 p {
      text-align: center;
      white-space: nowrap;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-cutpagebox2 img {
      width: 30%;
      margin: 0 auto 20px auto;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-boxleftleft {
      display: inline-block;
      width: 100%;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-boxleftright {
      display: inline-block;
      width: 100%;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-boxnext .ws-pro-de-boxleftright .ws-pro-de-boxleftcircle {
      display: block;
      float: left;
      width: 50%;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup {
      padding: 45px 0;
      border-bottom: 2px solid #d8d8d8;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul {
      width: 90%;
      padding: 30px 0 10px 0;
      margin-left: 3%;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li {
      margin-left: 1%;
      padding-bottom: 15px;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li a .ws-pro-de-swspan1 {
      float: left;
      width: 95%;
      vertical-align: middle;
      color: #000000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .ws-product-detail .ws-pro-de-switch .ws-pro-de-swpage .ws-pro-de-swpageone .ws-pro-de-swsetup ul li a .ws-pro-de-swspan2 {
      float: left;
      width: 10%;
      display: none;
    }
    .ws-product-detail .red-link {
      font-size: 14px;
    }
    .ws-product-detail .ws-news-page {
      padding-top: 30px;
    }
  }
  
  .video-height {
    background: #000;
  }
  
  .ws-pro-de-swpageone img {
    max-width: 100%;
    height: auto !important;
  }
  .advisory-list .item-evaluate.unthumb:after {
          transform: rotate(180deg) rotateY(-180deg);
      }
      .item-evaluate.evaluate-on:after {
          background-position:center top;
      }
      .com-evaluate {
          min-height:auto;
          border-bottom: 1px solid #e5e5e5;
          padding: 30px 0 10px;
      }
      .com-evaluate-1 {
          width: 174px;
          text-align: left;
          display: flex;
          flex-direction: row;
      }
      .com-evaluate-1 .com-evaluate-avatar {
          background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBRDFEQTEwN0E4MjExRURBRDFDQUM2OTZGRTVDMTgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBRDFEQTExN0E4MjExRURBRDFDQUM2OTZGRTVDMTgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFEMURBMEU3QTgyMTFFREFEMUNBQzY5NkZFNUMxODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFEMURBMEY3QTgyMTFFREFEMUNBQzY5NkZFNUMxODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz75UrScAAAG00lEQVR42sxaWYxTZRQ+97Z363Y7ZTaWgLKoA2gwGhITVEKIJpi4EAjEaFAJCRGXB3zSByTRiPFBeSGEF0SIIUaJ8QEFTER5kJjRIEsIA8iSIDjKdJu2t7eb37nTDp2lnd5lgJN8+SfT9vT//vOf9VZIpjPkkajAo8AioAeYC8wEOoFI9T0poB+4ClwAzgIngF7A8GITgktCAvA0sBxYBjzsUM/vwFHgR+AQUHGzIduCQwhiWQWsBp4hb+U74ADwtR4OZiadEMisxLIeWEGTK98Ce0HqwKQQApE5WF4HNgEK3R5hn9sF7ASxi54RApmnsLwHPEF3Rg4C20HqsGtCIPMilo+BGXZ2UDBNkmTZS1KngG0g9aVjQiDzGpZP68JuS5LNZunG9et06eIF0rQAyYpCqqaSpmoUCAYoGApROBwhQbDtwleArSC12zahqmV2AmE738hE/r52ja5cvtT0fWy9WbNm0X0P9JCiKHZJvdvIUkITn9kHdLRslUyGfjv+K8XjcXvZWFVpyZNLYbGw3ev3zng+JTaIZp/YIVMoFOjYz0dtk2ExDIPOnDpp92MPAm9X99qcUDWaPWRH+x+9vZbfOJX+/n66fOkvux/jPLix6ZUDY878+xsQHVdOn/yTzvf1WX8HAhqpikrlSgUnnwPytnZ4P/xp/sKFdvPUq/XJ1z+qnHnfDpkErliNzIIFPTRj+vQRr5u4islEggbiwM0BSqXT1v99Ph91dnZQd1cXlUol6us7T0Y+D13naM68eXaCBEffl7H3Q7UyyV/34ivAfLsRjUXTtDFkWGRJoo6ODgss5XKZTLOADcsjQnYFFj11+oz1enxggLqnTrWzjeerdeWeYR8CQ9b+pt1LnMkO1Y6aqrb0flEUEdWUMfknFArWBYmcEzdcWeUwfL2e4ytsW021yC/hZN1IuVwZQdqBPFttY4YJbXCiRZalatg2XRK6dSCKojpVs9wiBFOxhsedaOASxkVbNa5VwpGIUzVLmQsHhSV2y5uaxGIxa9X1iCtC7EMc+e6dPRtH47hZfYRHAHw0LzjVoEfbyO/3U0d7u8tBgEDTpk2jrq5OJGhXI4FFTGix830I1N3djbDc7tqH2quHIgqiG1U9/upkxrmGnh5souKKEEdJDVWGlRglyY2quXwcuhsNgeHA4IJQqWxZm6EFgm5UzWRCrtpK0ecnQRRdkCndqmP0qOWTLqRTdB1zrWvifGZSKJYsy7TF2klRNbdbiYjkgfhlxUk7bdVwRVhIQenk1fzBE0JMxi+rDqxTtD4bCuvkkaSYUMkLTRJKfkH02bJOoVC0qg1RFL0i1M+aPJrWC6RorUcoA20Eh+hAMEweylUm9I9X2kSUL5IysWPnTdNKptFYO3ksF5jQOS81MqnmZApW3uHw7CSQTCBnmdAPnqqsVBomTyNvwl8Eq+2oVCo0CXKCCe0lF89jxnP28VsEgVS03lI1cU4CIX541ivq4SBPTq54R6jcMLTXj5rKLrvcceR7cDFq8fJzr7SWkFsmjIcI01ZSddnpjpIj9Yn1I85zbjXyBsuliQmJ1UI0nUp6ReYnGnqUOUQIpuKjOuDGb4zMIJm51lOaH9GQR8gD//VTPpdz61N7wKEyYhiAfpyTAg/a/K2SyBs5ymVzZOYNUhC5akOTVj+fNfLWWq62D1ycqppmDfCp9ZD+C7CiNmgcPQrejuWt5uV+kbKDGRDJjHBs/n4eBftslDEWqZxhhfTRuSwQDAITlkV8v9fUj4LHHANI3cDSNZ6zD6ZTIJJtWqQGNJV8PrElMrlc3qq2m+kLhsJWvdeg59oBMptGFmBjCT2G5Rjgq4XhwVSaMoNpW/M6voKNKgEuSjnJtuo3bLGIruM6BkYkUWDV6IfJjR548SOVD/KGQclEHHfcWUHOji/CWhYx9pXyUP/jNACwj+ltbXwNE9WrdnhsidxAEqnB/Tf/7V9TLBTobhIEjXI0NmUdyOyz1eBFI6G1bbEpR3w+311DRpLkSjiib25EhlqZJwzEk18l4wOrTdO8o2RkRS3p0egbsTZ9Z/OurAVJJNNbUonEllwuK9wJMoFAMB2ORtfi1hycuM1sURAoFhvZzJFkIhlpVIB6LZyDQhH9OHLSS57+NKZebsYTuzPp9Drko8mzlpXPAoNaKLS5PRbdZW8Q4EBgrUjBNL9BblpmGIZIHvU2VvmjaTlcsc9kRfnwtvy8bBQxAWF9m2HkNiJnMUlnDi8rFRC4jJC81S9JX9QKTWejGo+EHzYVi4X1ILgBZdI9pVIpiNWHnQm1RCrw14lCBQnXRDpIoAI4IcnyDr9fOszNmRf7+F+AAQBqupGgxv8KiwAAAABJRU5ErkJggg==');
          width: 52px;
          height: 52px;
          display: inline-block;
          margin-right: 13px;
      }
      .com-evaluate-1 .com-evaluate-content {
          flex: 1;
          margin-top: 0;
      }
      .com-evaluate-2 .com-evaluate-content {
          flex: 1;
          margin-top: 0;
          margin-bottom: 27px;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img {
          margin: 6px;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span {
          display: inline-block;
          width: 60px;
          height: 60px;
          margin-right: 6px;
          position: relative;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span > img,
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span > video {
          width: 100%;
          height: 100%;
          vertical-align: top;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span i {
          display: none;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span:hover i {
          position: absolute;
          left: 0;
          top: 0;
          width: 60px;
          height: 60px;
          cursor: pointer;
          background: rgba(0,0,0,0.5);
          display: block;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span:hover i img {
          position: absolute;
          left: 18px;
          top: 18px;
          width: 24px;
          height: 24px;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge {
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          padding: 10px 60px;
          box-sizing: border-box;
          overflow: hidden;
          background-color: #ffffff;
          z-index: 9999;
          text-align: center;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge i {
          display: inline-block;
          position: absolute;
          left: auto;
          right: 25px;
          top: 25px;
          background: none;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge > img,
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge > video {
          width: 80%;
          height: 80%;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge i img {
          display: none;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge i:before,
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge i:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 40px;
        top: 25px;
        right: 25px;
        margin-top: -1px;
        background: #000;
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge i:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .com-evaluate-2 .com-evaluate-content .com-evaluate-img span.enlarge i:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      .com-evaluate-2 .com-evaluate-reply {
          border-top: 1px solid #e5e5e5;
          margin-top: 10px;
          font-size: 14px;
      }
      .com-evaluate-2 .com-evaluate-reply .com-evaluate-reply-content {
          display: flex;
          flex-direction: row;
          align-items: end;
          width: 100%;
          justify-content: space-between;
          margin-top: 6px;
      }
      .com-evaluate-date {
          margin-top: 22px;
          width: 130px;
          margin-left: -55px;
          padding: 0 10px;
          text-align: center;
          background: #f4f4f4;
          line-height: 28px;
          border-radius: 6px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
      }
      .star {
          display: inline-block;
          width: 16px;
          height: 16px;
          vertical-align: middle;
          position: relative;
          top: -2px;
          cursor:pointer;
      }
      .star_grey {
          background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAASZJREFUOE+lkr9KxEAQxmc2i6CNYBuSSYKCT+GfxtJOGx/ARhT0Ae4Jzs5GxAc4X0J9BDtRSHa3trBRiGFH9rgLyV02GFyYZpjvN9/MLMI/H/bptdb3zPxDRKe+Oi/AGLNhrf1wQinldhiGr10QL6AoijEiXs5Etz4XXoBSipsdiaizdppUSh0x8z4ixgAwj/UFy58AoF0ws4tJmqaPNQAAJgMPckxED7Ut52IAZCp2DVtz/RFSi5cALrGw/dZUzHydJMlVM7m0Wa31EzPvdN4c8TmO491egFLqCwBWPQv9JqI1L8AYs2mtfZsV3AkhzsuyXJFS3gDAicsLIbaiKHqfQ1oj5Hm+FwTBqKqqiyzLXpqdtNYHzHxGRIe9Iwz8C+0zDhW7+l/w1GsRoPJ59wAAAABJRU5ErkJggg==');
      }
      .star_yellow {
          background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAASRJREFUOE+lkj1OAzEQhd/YiVcgJCQOkAokTsFPQ0nHysABaBBIcABOAB0NQrRYyyWAI9AhqLanSAOyN+tB2STISdarrLDkZjTvmzc/hH8+atKXRj0AVEhtT2J5UUA/w9qKV19DoRC0Sal9r4NEAaXpXgN0MRLRXcxFA0BxWFFqV5tbBQdGHRB4l4h6zOgB1V+dsdwHkBMhZ+bcM2fdw8FzAEDWZiEMpB3tnv5sjVwsBpmIq+mEVReBhOI5wDAwPf3ZpvhG6uIyjM5N1pvkhcFb9TunV6HtdiOgNOobwFJkoD9Su+UogLNk3Xv+GB/PvRD2DIDyXt0COB5f5Qal9nMCmWqheOzsSKKrwtN5cuTewkpskj0Gnwrt9htbaHMLtVtoC/gFvUNkEYb6684AAAAASUVORK5CYII=');
      }
      .com-evaluate-list {
          margin-top: 0;
      }
      .com-evaluate-2 {
          flex: 1;
      }
      .com-evaluate-star {
          margin-bottom: 10px;
          line-height: 16px;
      }
      .com-evaluate-title {
          font-weight: normal;
          font-size: 16px;
          line-height: 52px;
          color: #7c7c7c;
      }
      .com-evaluate-hover {
          position: relative;
          justify-content: space-between;
      }
      .com-evaluate-hover .item-evaluate:after {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 0;
      }
      .com-evaluate-hover .evaluate-on {
          color: #426e9b;
      }
      .evaluate-click-on::after {
          background-position: top center;
      }
      .com-evaluate-hover:after {
          position: absolute;
          left: 0;
          top: 0;
          margin-left: 0;
      }
      .com-evaluate-hover span:first-child {
          margin-left: 24px;
          display: inline-block;
      }
      .com-evaluate-hover span:last-child {
          text-align: right;
      }
      .x-form__uploader {
        position: relative;
        height: 60px;
        margin-top: 6px;
      }
      .x-form__uploader-img {
        display: block;
        width: 31px;
        margin: auto;
        margin-bottom: 6px;
      }
      .x-form__uploader-img + p {
          font-size: 12px;
      }
      .x-form__uploader-label {
        display: flex;
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 14px;
        color: #999999;
        flex-direction: row;
      }
      .x-form__uploader-input {
        display: none;
      }
      .x-form__uploader-preview {
        height: 100%;
        display: none;
      }
      .x-form__uploader-preview span {
          display: inline-block;
          margin-right: 10px;
      }
      .x-form__uploader-preview span img, .x-form__uploader-preview span video, #XUploaderButton{
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
      }
      .x-form__uploader-preview span:hover {
        position: relative;
      }
      .x-form__uploader-preview span i {
          position: absolute;
          display: none;
          background: red;
          right: 0;
          top: -5px;
          width: 16px;
          height: 16px;
          line-height: 16px;
          border-radius: 50%;
          text-align: center;
          color: #fff;
          overflow: hidden;
          z-index: 100;
          cursor: pointer;
      }
      .x-form__uploader-preview span i:before, .x-form__uploader-preview span i:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 70%;
        top: 50%;
        left: 15%;
        margin-top: -1px;
        background: #fff;
      }
      .x-form__uploader-preview span i:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .x-form__uploader-preview span i:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      .x-form__uploader-preview span:hover i {
          display: block;
      }
      .x-form__uploader-preview span img, .x-form__uploader-preview span video {
        border: 1px solid #ddd;
      }
      #XUploaderButton {
        text-align: center;
        border: 1px dashed #e5e5e5;
      }
      #XUploaderButton span {
          font-size: 50px;
          line-height: 50px;
          display: inline-block;
          cursor: pointer;
          color: #e5e5e5;
      }
      .x-form__uploader-text {
          padding: 0 15px;
          line-height: 25px;
          display: inline-block;
          color: #898989;
      }
      .wms-form-select{
          width: 100%;
          color: #717171;
          height: 38px;
          line-height: 38px;
          padding: 5px 10px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          background: #fff;
          border: 1px solid #dcdcdc;
          margin-bottom: 5px;
          outline: none;
          display: block !important;
      }
      .wms-form-select:focus{
          border: 1px solid #717171;
      }
      
      .alone_data{
          min-height:300px;
          background: #FFFFFF;
      }
      .div-feedback { 
        padding: 0px 24px 24px;
      }
      .layui-form { padding: 0; margin: 15px 0; }
      .layui-form-label { width: 80px; text-align: left; padding: 10px 0; }
      .layui-inline { margin-bottom: 10px; }
      .submit { background: #e60038; border: none; color: white; float: right; }
      .submit:hover { color: wheat; }
      .sa-tplby-check { overflow: hidden; }
      .sa-tplby-check p { float: left; }
      .sa-tplby-check .feedback_Box { float: left; margin-left: 100px; }
      .sa-tplby-check .feedback { color: red; text-decoration: underline; }
      .search_Fd { float: left; font-size: 18px; position: relative; z-index: 100; }
      .search_Fd .feedback { color: red; text-decoration: underline; }
      @media screen and (max-width: 768px) {
          .sa-tplby-check .feedback_Box { margin-left: 0px; margin-top: 10px; display: none; }
          .search_Fd { margin: 10px auto; font-size: 16px; display: none; }
      }
      
      .h2title{
          font-size: 24px !important;
          font-weight: bold !important;
      }
      .info_data table tr td p{
          font-size: 14px !important;
      }
      .order_data table tr td p{
          font-size: 14px !important;
      }
      td{
          font-size: 14px !important;
      }
      
      .advisory-list .advisory-item{
              padding-top: 20px;
              padding-bottom: 20px;
          }
          .advisory-list .advisory-item .item-help{
              position: relative;
              color: #E60039;
              line-height: 24px;
              margin-left: 32px;
              font-size: 14px;
              border-radius: 4px;
              width: 100px;
              cursor: pointer;
              border: 1px solid #E60039;
              text-align: center;
              margin-top: 10px;
          }
  
          .advisory-list .advisory-item .item-question:after {
              content: "问";
              color: #efefef;
              font-weight: normal;
              left: 0;
              top: 10px;
              width: 24px;
              height: 24px;
              background-color: #E60039;
              border-radius: 4px;
              font-size: 14px;
              line-height: 24px;
              text-align: center;
          }
          .advisory-list .advisory-item .item-answer:after {
              position: absolute;
              content: "答";
              color: #efefef;
              font-weight: normal;
              left: 0;
              top: 10px;
              width: 24px;
              height: 24px;
              background-color: #7d7d7d;
              border-radius: 4px;
              font-size: 14px;
              line-height: 24px;
              text-align: center;
          }
          .advisory-list .advisory-item .item-question, .advisory-list .advisory-item .item-answer{
              padding-right: 0px;
              padding-bottom: 0;
          }
          .advisory-list .advisory-item .item-answer-first .replyContent span:last-child{
              margin-right: -10px;
          }
          .advisory-list .advisory-item .item-answer-first {
              position: relative;
              color: #333;
              line-height: 24px;
              padding-top: 10px;
              padding-right: 0;
              padding-left: 25px;
              box-sizing: border-box;
              margin-top: 5px;
              border-bottom: none;
          }
          .advisory-list .advisory-item .item-answer-first:after {
              position: absolute;
              content: "帮";
              color: #efefef;
              font-weight: normal;
              left: 0;
              top: 10px;
              font-size: 14px;
              width: 24px;
              height: 24px;
              background-color: #7d7d7d;
              border-radius: 4px;
              line-height: 24px;
              text-align: center;
          }
          .advisory-list .advisory-item .item-help:after{
              position: absolute;
              content: "帮";
              color: #efefef;
              font-weight: normal;
              left: -33px;
              top: 0;
              width: 24px;
              height: 24px;
              background-color: #C70E2D;
              border-radius: 4px;
              font-size: 14px;
              line-height: 24px;
              text-align: center;
          }
          .contineOn .contineLook{
              display:none;
          }
          .contineOn .closeRepy{
              display:block;
          }
          .contineClose .contineLook{
              display:block;
          }
          .contineClose .closeRepy{
              display:none;
          }
          .advisory-item .replyclose {
              display:none;
          }
          .replyclose .replyContent {
              padding-left: 20px;
              box-sizing: border-box;
              border-bottom:none;
          }
          .item-answer-first .replythumbDiv{
              margin-left: -17px;
          }
          .com-faq-more-help{
              margin-left: 30px;
              margin-bottom: 20px;
              color: #426e9b;
              text-decoration:underline;
          }
         .com-faq-more{
            color: #E60039;
            font-size: 16px;
            line-height: 150%; /* 24px */
            margin-top: 24px;
            padding: 12px 32px;
            width: fit-content;
            margin: 24px auto 0px;
            border: 1px solid #E60039;
            border-radius: 4px;
         }
         /* .com-faq-more:hover{
            background-color: #E60039;
            color: #FFFFFF;
         } */
          .advisory-list .reply-evaluate {
              height: 26px;
              width: auto;
              position: relative;
              padding-left: 50px;
              line-height: 26px;
              color: #939393;
              font-size: 16px;
              cursor: pointer;
              box-sizing: border-box;
          }
          .advisory-list .reply-evaluate:after {
              display: block;
              left: 25px;
              position: absolute;
              height: 20px;
              width: 20px;
              content: "";
              background: url(https://www-file.ruijie.com.cn/chineseResources/UIA/v5.0/RJ-img/base/praise.png) no-repeat center bottom;
              top: 2px;
          }
          .advisory-list .reply-evaluate.evaluate-on:after {
              background: url(https://www-file.ruijie.com.cn/chineseResources/UIA/v5.0/RJ-img/base/praise.png) no-repeat center top;
          }
          .advisory-list .reply-evaluate.unthumb:after {
              transform: rotate(180deg) rotateY(-180deg);
          }
          .advisory-list .reply-evaluate.evaluate-on {
              color: #426e9b;
          }
          .helpRelpy{
              position: relative;
              margin: 17px 0;
          }
          .replyDiv .helpRelpy:last-child{
              border-bottom:none;
          }
          .boderBottom:not(:last-child)::before{
              position: absolute;
              content: '';
              bottom: -7px;
              left: 25px;
              height: 1px;
              width: 98%;
              box-sizing: border-box;
              /* color:#e5e5e5 ; */
              background-color: #e5e5e5;
          }
          .helpRelpy p{
              width: 80%;
          }
         .replyName{
              /* margin-left: auto; */
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              margin-right: 20px;
              font-size: 14px !important;
              font-weight: 400 !important;
              width: 80px;
              min-width: 30px;
         }
         .replyContent{
              display: flex;
              justify-content: space-between;
         }
         .item-answer{
              display: flex;
              justify-content: space-between;
              /* font-size: 12px !important;
              font-weight: normal !important; */
         }
  
         .replyUser{
              margin: 7px;
         }
         .advisory-list .item-evaluate:after {
            left: 22px;
         }
         .nameTime{
          display: flex;
          justify-content: space-between;
          width: 19%;
          text-align: left;
          color: #C3C9D5;
         }
         .reply-font{
          word-break: break-all;
          font-weight: normal;
          color: #292929;
          font-size: 14px;
          padding-left: 10px;
          /* box-sizing: border-box; */
          width: 72%
  
         }
         .item-help:hover{
          background-color:  #C70E2D;
          color: #fff !important;
         }
         /* 移动端css */
         .phoneShow{
          display: flex;
          align-items: center;
         }
         .phoneShow .nameTime{
          display: flex;
          flex: 1;
          justify-content: flex-end;
          flex-wrap:wrap;
         }
         .phoneShow .replyName{
          width: 40px;
         }
         .phoneShow .replyName,
         .phoneShow .nameTime :last-child{
           font-size: 12px !important;
         }
         .advisory-list .item-evaluate.evaluate-on,.advisory-list .item-evaluate{
             font-size: 16px;
             font-weight: 400;
         }
         .phoneShow .unthumb{
              margin-left: -13px;
         }
         #btnqcid{
          font-weight: 700;
          font-size: 14px;
          color: #01A0E8;
         }
         
         .flexWidth{
              word-break: break-all;
              font-weight: normal;
              color: #292929;
              font-size: 16px;
              width: 100%
         }
         
         .mess_div_new{
          background: rgba(196,196,196,0.5);
          position: fixed !important;
          z-index: 1005;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }
      .mess_div_new #d_content{
          /* padding: 8px 10px 20px 10px; */
          position: fixed;
          margin-top: 8%;
          margin-left: 37.5%;
          z-index: 100;
          background: #fff;
          line-height: 30px;
          color: #000;
          width: 25%;
          /* height: 77%; */
          font-size: 16px;
          border-radius: 3px;
          border: 1px solid darkgrey;
          box-sizing: border-box;
      }
      .d_content_head{
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #e9e9e9;
          padding: 10px;
      }
      .d_content_main{
          padding: 0 20px;
          box-sizing: border-box;
          margin-top: 20px;
      }
      .d_content_main_form{
          margin-top: 30px;
      }
      .d_content_main_form input,.d_content_main_form textarea{
          line-height: 30px;
          border:1px solid #f6f6f6;
          outline: none;
          padding: 0 20px;
          width: 100%;
          background-color: #f6f6f6;
      }
      .d_content_main_line{
          height: 1px;
          background-color: #f5f5f5;
          margin-top: 30px;
      }
      .d_content_bottom{
          width: 300px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          margin-top: 30px;
      }
      .d_content_bottom button{
          width: 90px;
          height: 30px;
          border-radius: 3px;
      }
      .cancelButton{
          background-color: #f2f2f2;
          border: 1px solid #e9e9e9;
      }
      .d_content_main_form .submitButton{
          border-radius: 4px;
          font-size: 14px;
          width: 150px;
          line-height: 40px;
          border: none;
          background-color: #da0030;
          color: white;
      }
      @media screen and (max-width: 1440px){
          .mess_div_new #d_content{
              top: 16%;
              width: 80%;
              margin-left: 10%;
          }
          /* .d_content_main_form{
              flex-direction: column;
              justify-content: center;
          } */
      }
      @media screen and (max-width: 1280px){
          .d_content_head>img{
              width: 30%;
          }
          .mess_div_new #d_content{
              top: 16%;
              width: 80%;
              margin-left: 10%;
          }
          
      }
      @media screen and (max-width: 768px){
          .d_content_head>img{
              width: 30%;
          }
          .mess_div_new #d_content{
              top: 16%;
              width: 80%;
              margin-left: 10%;
          }
          .d_content_main_form{
              display: block;
          }
      }
      /* 媒体查询移动尺寸 */
      @media screen and (max-width: 750px){
         .phoneShow{
          display: flex !important;
         }
         .pcShow{
          display: none;
         }
         .reply-font{
             width:100%;
         }
      }
  
      .n-video-play-btn{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
        cursor: pointer;
    }
    .n-video-play-btn::after {
        display: block;
        content: '';
        width: 64px;
        height: 64px;
        background-image: url(../images/player-btn.svg);
        background-position: 0 0;
        background-size: cover;
    }
    .n-video-play-btn:hover::after {
        background-position: 0 -64px;
    }
    .video-preview::before {
        content: '';
        background-image: url(../images/play.svg);
        width: 24px;
        height: 24px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
    }
    .video-preview::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(41, 41, 41, .5);
    }