* {
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  background: #fff;
  font-family: "Microsoft YaHei";
  text-align: center;
  overflow: visible;
}
body div {
  text-align: left;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff;
}
html.hide-module {
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
html.hide-module ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f5f5f5;
  opacity: 1;
}
html.hide-module ::-webkit-scrollbar:horizontal {
  height: 15px;
}
html.hide-module ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
html.hide-module ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #ddd;
}
html.hide-module body.pc {
  min-width: inherit;
  opacity: 0;
  transition: opacity 0.35s;
}
html.hide-module body.active {
  opacity: 1;
}
html.hide-module body > .main {
  padding-top: 0;
}
html.hide-module body > .main > .header {
  display: none;
}
html.hide-module body > .main > .footer {
  display: none;
}
html.hide-module body > .main > .widget {
  display: none;
}
html.hide-module body > .main.clause .content {
  max-width: initial;
  min-width: initial;
  width: 100%;
}
html.hide-module body > .main.clause .clause-body {
  padding: 0;
}
html.hide-module body > .main.clause .clause-con-body {
  padding: 0 80px;
}
html.hide-module body > .main .module-body {
  padding-bottom: 30px;
}
html.hide-module body > .main .module-body .tab {
  margin-top: 61px;
  box-shadow: none;
}
html.hide-module body > .main .module-body .content {
  max-width: 1180px;
  width: auto;
}
html.hide-module body > .main .module-body > .banner {
  display: none;
}
html.hide-module body > .main .module-body > .development {
  display: block;
}
html.hide-module body > .main .module-body .search-data {
  width: 197px;
  margin-top: 12px;
  margin-left: 440px;
  top: 47px;
  border-radius: 0;
  position: fixed;
}
html.hide-module body > .main .module-body .search-data .search-con a:hover {
  color: #0098ff;
}
input,
select {
  vertical-align: middle;
}
ul li {
  list-style-type: none;
}
img {
  border: 0 none;
}
a {
  outline: none;
  text-decoration: none;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hidden {
  visibility: hidden;
}
.pointer {
  cursor: pointer;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.btn {
  background: linear-gradient(277deg, #00cebb 0%, #95eae2 100%);
  border-radius: 50px;
  cursor: pointer;
}
.pc {
  margin: 0 auto;
  padding: 0;
  min-height: 100vh;
  border: 0;
  min-width: 1180px;
  font-family: Microsoft YaHei;
}
.pc .main {
  margin: 0 auto;
  position: relative;
  padding-top: 60px;
}
.pc .main.baima-platform {
  padding-top: 0;
}
.pc .content {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
}
.pc .center-body {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
}
.pc .block {
  display: block;
  width: 100%;
}
.pc .modal {
  z-index: 155;
  width: 1000px;
  height: 580px;
  background-color: #fff;
  box-shadow: 5px 10px 25px rgba(22, 87, 132, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  display: none;
  border: 6px solid #000;
  border-radius: 20px;
  overflow: hidden;
}
.pc .modal > p {
  font-size: 20px;
  text-align: right;
  margin-right: 10px;
  cursor: pointer;
}
.pc .modal .video {
  border: 0;
  outline: none;
}
.pc .widget {
  position: fixed;
  right: 24px;
  bottom: 100px;
  z-index: 300;
  width: 56px;
}
.pc .widget .widget-bubble {
  height: 164px;
  background: #2c83f3;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.07);
}
.pc .widget .widget-bubble .bubble-con {
  height: 138px;
  border-radius: 2px;
  cursor: pointer;
  padding-top: 24px;
}
.pc .widget .widget-bubble .bubble-con img {
  width: 23px;
  height: 19px;
  display: block;
  margin: 0 auto;
}
.pc .widget .widget-bubble .bubble-con div {
  margin: 0 auto;
  margin-top: 12px;
  width: 16px;
  height: 67px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.pc .widget .widget-bubble .bubble-right {
  position: absolute;
  width: 222px;
  height: 291px;
  background: #ffffff;
  box-shadow: 0px 3px 14px rgba(98, 133, 130, 0.16);
  right: 100%;
  bottom: 0;
  margin-right: 12px;
  overflow: hidden;
  z-index: 3;
  transition: 0.3s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateX(11px);
  transition-delay: 0.1s;
  font-size: 0;
}
.pc .widget .widget-bubble .bubble-right .bubble-item {
  margin-left: 11px;
  position: relative;
  padding-left: 32px;
  display: block;
}
.pc .widget .widget-bubble .bubble-right .bubble-item img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 0;
}
.pc .widget .widget-bubble .bubble-right .bubble-item .item-title {
  height: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #333333;
  transition: all ease 0.2s;
}
.pc .widget .widget-bubble .bubble-right .bubble-item .item-text {
  margin-top: 3px;
  height: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
}
.pc .widget .widget-bubble .bubble-right .bubble-item.phone {
  margin-top: 16px;
  margin-bottom: 24px;
}
.pc .widget .widget-bubble .bubble-right .bubble-item.phone .item-text {
  color: #00cebb;
}
.pc .widget .widget-bubble .bubble-right .bubble-item.pen {
  margin-bottom: 35px;
}
.pc .widget .widget-bubble .bubble-right .bubble-item.pen:hover .title {
  color: #00cebb;
}
.pc .widget .widget-bubble .bubble-right .icon-background {
  width: 174px;
  height: 233px;
}
.pc .widget .widget-bubble .bubble-right .icon-qr {
  width: 121px;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
}
.pc .widget .widget-bubble .bubble-right > .text {
  height: 15px;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  color: #999999;
  text-align: center;
}
.pc .widget .widget-bubble:hover {
  background: #0057c7;
}
.pc .widget .widget-bubble:hover .bubble-right {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.pc .widget .back-top {
  width: 54px;
  height: 54px;
  position: absolute;
  left: 0;
  font-size: 0;
  cursor: pointer;
  bottom: 72px;
  z-index: -1;
  background: #fff;
  transition: all 0.2s ease-in-out;
  border: 1px solid #2c83f3;
  position: relative;
}
.pc .widget .back-top img {
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
  position: absolute;
  left: 15px;
  top: 15px;
}
.pc .widget .back-top .back-top-top {
  width: 128px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  opacity: 1;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: -150px;
  text-align: center;
  line-height: 56px;
  display: none;
}
.pc .widget .back-top .back-top-top span {
  display: block;
  color: #666666;
  opacity: 1;
  font-size: 16px;
}
.pc .widget .back-top:hover {
  background: #e9f2fe;
}
.pc .widget .back-top:hover .back-top-top {
  display: block;
}
.pc .widget.active {
  padding-bottom: 66px;
}
.pc .widget.active .back-top {
  bottom: 0;
  box-shadow: 0px 0px 9px rgba(98, 133, 130, 0.16);
}
.pc .widget .widget-contact {
  width: 393px;
  height: 247px;
  box-sizing: border-box;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
  position: absolute;
  right: 90px;
  top: -22px;
}
.pc .widget .widget-contact.bottom-active {
  bottom: 70px;
}
.pc .widget .widget-contact > img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pc .widget .widget-contact .clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.pc .widget .widget-contact .widget-contact-box {
  width: 100%;
  height: 100%;
  padding: 23px 23px 0;
  position: relative;
}
.pc .widget .widget-contact .widget-contact-box .contact-item1 .img-block {
  width: 50px;
  height: 50px;
  margin-right: 5px;
  float: left;
}
.pc .widget .widget-contact .widget-contact-box .contact-item1 .img-block img {
  width: 100%;
  height: 100%;
}
.pc .widget .widget-contact .widget-contact-box .contact-item1 p {
  padding-top: 5px;
  font-size: 15px;
  color: #333;
}
.pc .widget .widget-contact .widget-contact-box .contact-item1 span {
  font-size: 11px;
  color: #666;
}
.pc .widget .widget-contact .widget-contact-box .contact-item2 {
  width: 346px;
  height: 147px;
  background: #fff;
  border-radius: 12px 12px 0 0;
  opacity: 1;
  margin-top: 15px;
  padding: 21px 30px;
  box-sizing: border-box;
}
.pc .widget .widget-contact .widget-contact-box .contact-item2 p {
  width: 286px;
  height: 47px;
  font-size: 14px;
  color: #333333;
  line-height: 28px;
}
.pc .widget .widget-contact .widget-contact-box .contact-item2 .contact-item2-consult {
  display: block;
  width: 286px;
  height: 40px;
  background: #00CEBB;
  box-shadow: -3px 8px 14px 1px rgba(0, 206, 187, 0.2);
  border-radius: 4px;
  opacity: 1;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}
.pc .widget .widget-contact .widget-contact-box .contact-item2 .contact-item2-consult:hover {
  background: #10BFAE;
}
.pc .widget .widget-contact .widget-contact-box .contact-item-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 15px;
  transition: transform 0.6s;
}
.pc .widget .widget-contact .widget-contact-box .contact-item-icon:hover {
  transform: rotate(360deg);
}
.pc .widget .widget-contact .widget-contact-box .contact-item-icon img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.pc .baima-common-partner-display {
  font-size: 0;
  width: 100%;
  padding-bottom: 33px;
  overflow: hidden;
  position: relative;
}
.pc .baima-common-partner-display .case-detail-bg {
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  z-index: 0;
  height: 100%;
}
.pc .baima-common-partner-display .case-detail-item {
  display: block;
  width: 13000px;
  padding-bottom: 8px;
  overflow: hidden;
}
.pc .baima-common-partner-display .case-detail-item .item {
  -webkit-animation-name: move;
  animation-name: move;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
  float: left;
  white-space: nowrap;
}
.pc .baima-common-partner-display .case-detail-item .item img {
  height: 139px;
  margin-right: 30px;
}
.pc .baima-common-partner-display .case-detail-item:nth-child(odd) .list {
  -webkit-animation-duration: 80s;
  animation-duration: 80s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.pc .baima-common-partner-display .case-detail-item:nth-child(1) .list {
  -webkit-animation-duration: 80s;
  animation-duration: 80s;
}
@-webkit-keyframes move {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@keyframes move {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@-webkit-keyframes portrait {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@keyframes portrait {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.baima-common-problem .problem-title {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 54px;
}
.baima-common-problem .problem-list {
  width: 1131px;
  margin: auto;
}
.baima-common-problem .problem-item {
  max-height: 60px;
  overflow: hidden;
  transition: max-height 0.5s;
  will-change: max-height;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.baima-common-problem .problem-item > p {
  height: 60px;
  line-height: 60px;
  display: flex;
  font-weight: 600;
  cursor: pointer;
  justify-content: space-between;
  font-size: 18px;
}
.baima-common-problem .problem-item > div {
  color: #969799;
  font-size: 16px;
  line-height: 23px;
  padding-bottom: 34px;
}
.baima-common-problem .problem-item.problem-item-active {
  max-height: 200px !important;
}
.baima-common-problem .problem-item .problem-item-open,
.baima-common-problem .problem-item .problem-item-close {
  text-align: center;
  width: 20px;
  font-size: 22px;
}
.baima-free-consult .free-consult-content {
  height: 320px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.baima-free-consult .free-consult-content img {
  width: 100%;
  height: 320px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.baima-free-consult .free-consult-content div {
  width: 500px;
  height: 230px;
  margin: 50px auto;
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
}
.baima-free-consult .free-consult-content div p {
  color: #fff;
  font-size: 21px;
}
.baima-free-consult .free-consult-content div h4 {
  font-size: 35px;
  color: 35px;
  color: #fff;
  padding: 20px 0 35px 0;
}
.baima-free-consult .free-consult-content div button,
.baima-free-consult .free-consult-content div a {
  display: block;
  height: 46px;
  margin: auto;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  padding: 0 56px;
  line-height: 46px;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.3);
  letter-spacing: 1px;
}
.baima-free-consult .free-consult-content div button:hover,
.baima-free-consult .free-consult-content div a:hover {
  background: #fff;
  color: #0098FF;
}
.baima-free-consult .free-consult-modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.baima-free-consult .free-consult-modal-view .modal-view-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.baima-free-consult .free-consult-modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-free-consult .free-consult-modal-view .user-info .modal-view-icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.baima-free-consult .free-consult-modal-view .user-info > .modal-view-title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.baima-free-consult .free-consult-modal-view .user-info .modal-view-colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 88px;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.baima-free-consult .free-consult-modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-free-consult .free-consult-modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.baima-free-consult .free-consult-modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.error {
  width: 100%;
}
.error .error-content {
  width: 1010px;
  height: 600px;
  margin: 0 auto;
}
.error .error-content div {
  width: 480px;
  height: 600px;
  float: left;
  margin-top: 50px;
}
.error .error-content .error-content-left {
  margin-top: 0;
  margin-right: 50px;
}
.error .error-content .error-content-left h2 {
  padding: 50px 0 40px 0;
  font-size: 38px;
  color: #333;
}
.error .error-content .error-content-left p {
  font-size: 20px;
  margin-bottom: 25px;
  color: #313131;
}
.error .error-content .error-content-left ul {
  margin: 0 0 50px 22px;
}
.error .error-content .error-content-left ul li {
  list-style-type: disc;
  padding: 8px 0;
}
.error .error-content .error-content-left ul li a {
  color: #2f82ff;
  font-size: 20px;
  margin-left: 10px;
}
.error .error-content .error-content-left ul li a:hover {
  color: #00CEBB;
}
.error .error-content .error-content-left > a {
  display: block;
  width: 180px;
  height: 50px;
  border-radius: 20px;
  background-color: #45a0fd;
  text-align: center;
  line-height: 25px;
  margin-left: 2px;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.header,
.baima-common-header {
  z-index: 100;
  margin: 0 auto;
  position: fixed;
  top: 0;
  height: 60px;
  background: #fff;
}
.header .content,
.baima-common-header .content {
  min-width: 800px;
  width: 98%;
  max-width: 1440px;
  padding: 0 10px;
}
.header .content .header-logo,
.baima-common-header .content .header-logo {
  overflow: hidden;
  display: inline-block;
  height: 60px;
}
.header .content .header-logo .logo,
.baima-common-header .content .header-logo .logo {
  width: 118px;
  height: 40px;
  display: none;
}
.header .content .header-logo .logo.text,
.baima-common-header .content .header-logo .logo.text {
  width: 290px;
  height: 57px;
  display: inline-block;
}
.header .content .tabs,
.baima-common-header .content .tabs {
  position: absolute;
  right: 22px;
  top: 0;
  height: 60px;
  line-height: 60px;
}
.header .content .tabs.over-width-class .dropdown,
.baima-common-header .content .tabs.over-width-class .dropdown {
  display: none;
}
.header .content .tabs.over-width-class .dropdown.developer-platform,
.baima-common-header .content .tabs.over-width-class .dropdown.developer-platform {
  display: inline-block;
}
.header .content .tabs.over-width-class .dropdown.menu-view-content,
.baima-common-header .content .tabs.over-width-class .dropdown.menu-view-content {
  display: inline-block;
}
.header .content .tabs .dropdown,
.baima-common-header .content .tabs .dropdown {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 16px;
  vertical-align: top;
}
.header .content .tabs .dropdown .tab,
.baima-common-header .content .tabs .dropdown .tab {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
  text-decoration: none;
  padding: 0 16px;
}
.header .content .tabs .dropdown .tab span,
.baima-common-header .content .tabs .dropdown .tab span {
  padding-bottom: 16px;
  border-bottom: solid 3px transparent;
}
.header .content .tabs .dropdown .tab.active,
.baima-common-header .content .tabs .dropdown .tab.active,
.header .content .tabs .dropdown .tab:hover,
.baima-common-header .content .tabs .dropdown .tab:hover {
  color: #00d0b9;
}
.header .content .tabs .dropdown .tab.active span,
.baima-common-header .content .tabs .dropdown .tab.active span,
.header .content .tabs .dropdown .tab:hover span,
.baima-common-header .content .tabs .dropdown .tab:hover span {
  border-color: #00d0b9;
}
.header .content .tabs .dropdown .product-dropdown-panel,
.baima-common-header .content .tabs .dropdown .product-dropdown-panel {
  width: 530px;
}
.header .content .tabs .dropdown .dropdown-panel,
.baima-common-header .content .tabs .dropdown .dropdown-panel {
  background: #ffffff;
  box-shadow: 0px 6px 40px 0px rgba(0, 51, 119, 0.1);
  border-radius: 0px 0px 8px 8px;
  opacity: 1;
  display: flex;
  position: absolute;
  margin-left: -173px;
  transition: all 0.6s;
  opacity: 0;
  height: 0px;
  padding: 0 40px;
  overflow: hidden;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-divider,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-divider {
  width: 1px;
  height: 308px;
  background: #f0f0f0;
  display: inline-block;
  margin-right: 40px;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block {
  display: inline-block;
  height: 100%;
  margin-right: 40px;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-title,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-title {
  font-size: 14px;
  font-weight: 400;
  color: #969799;
  line-height: 22px;
  padding: 16px 0;
  margin: 0 16px;
  border-bottom: solid 1px #f0f0f0;
  margin-bottom: 8px;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-item,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-item {
  line-height: 24px;
  padding: 12px 16px;
  display: block;
  color: #323233;
  font-size: 16px;
  margin: 16px 0;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-item img,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-item img {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: sub;
  margin-right: 12px;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-item:hover,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block .dropdown-panel-block-item:hover {
  color: #00cebb;
  background: rgba(0, 206, 187, 0.06);
  border-radius: 4px;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block.dropdown-panel-block-special,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block.dropdown-panel-block-special {
  margin-right: 0;
}
.header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block.dropdown-panel-block-special .dropdown-panel-block-item,
.baima-common-header .content .tabs .dropdown .dropdown-panel .dropdown-panel-block.dropdown-panel-block-special .dropdown-panel-block-item {
  margin: 32px 0;
}
.header .content .tabs .dropdown .dropdown-menu,
.baima-common-header .content .tabs .dropdown .dropdown-menu {
  position: absolute;
  left: 16px;
  width: 218px;
  box-sizing: border-box;
  background: #fff;
  z-index: 5;
  list-style: none;
  margin: 0;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 0px;
  background: #ffffff;
  box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
}
.header .content .tabs .dropdown .dropdown-menu li a,
.baima-common-header .content .tabs .dropdown .dropdown-menu li a {
  display: flex;
  align-items: center;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-align: left;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  line-height: 19px;
  border-radius: 4px;
  white-space: nowrap;
  padding: 4px 15px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.header .content .tabs .dropdown .dropdown-menu li a .icon,
.baima-common-header .content .tabs .dropdown .dropdown-menu li a .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background: #f7f8fa;
  font-size: 0;
}
.header .content .tabs .dropdown .dropdown-menu li a .icon > img,
.baima-common-header .content .tabs .dropdown .dropdown-menu li a .icon > img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.header .content .tabs .dropdown .dropdown-menu li:hover a,
.baima-common-header .content .tabs .dropdown .dropdown-menu li:hover a {
  background: #f0fcfb;
}
.header .content .tabs .dropdown .dropdown-menu li:hover a > span,
.baima-common-header .content .tabs .dropdown .dropdown-menu li:hover a > span {
  background: transparent;
}
.header .content .tabs .dropdown .dropdown-menu li:nth-child(2) a,
.baima-common-header .content .tabs .dropdown .dropdown-menu li:nth-child(2) a {
  margin-top: -1px;
}
.header .content .tabs .dropdown .dropdown-menu li:last-child a,
.baima-common-header .content .tabs .dropdown .dropdown-menu li:last-child a {
  border-bottom: 1px solid transparent;
}
.header .content .tabs .dropdown .dropdown-menu.service,
.baima-common-header .content .tabs .dropdown .dropdown-menu.service {
  left: 68%;
}
.header .content .tabs .dropdown .dropdown-menu .third-menu,
.baima-common-header .content .tabs .dropdown .dropdown-menu .third-menu {
  display: none;
  top: 0;
  left: 118px;
  position: absolute;
  box-shadow: 0px 0px 6px rgba(77, 142, 136, 0.29);
}
.header .content .tabs .dropdown .dropdown-menu .item-article:hover .third-menu,
.baima-common-header .content .tabs .dropdown .dropdown-menu .item-article:hover .third-menu {
  display: block;
}
.header .content .tabs .dropdown .dropdown-menu .item-article:hover .third-menu a,
.baima-common-header .content .tabs .dropdown .dropdown-menu .item-article:hover .third-menu a {
  background: #fff;
}
.header .content .tabs .dropdown .dropdown-menu .item-article:hover .third-menu a:hover,
.baima-common-header .content .tabs .dropdown .dropdown-menu .item-article:hover .third-menu a:hover {
  background: #f2fbfb;
  border-color: #cfe4e6;
}
.header .content .tabs .dropdown .dropdown-menu:has(.icon),
.baima-common-header .content .tabs .dropdown .dropdown-menu:has(.icon) {
  padding: 16px;
}
.header .content .tabs .dropdown .dropdown-menu:has(.icon) li a,
.baima-common-header .content .tabs .dropdown .dropdown-menu:has(.icon) li a {
  padding: 5px 15px;
}
.header .content .tabs .dropdown .dropdown-menu:has(.icon) li:not(:last-child),
.baima-common-header .content .tabs .dropdown .dropdown-menu:has(.icon) li:not(:last-child) {
  margin-bottom: 16px;
}
.header .content .tabs .dropdown.developer-platform .tab,
.baima-common-header .content .tabs .dropdown.developer-platform .tab {
  margin-right: 0;
}
.header .content .tabs .dropdown.developer-platform .tab span,
.baima-common-header .content .tabs .dropdown.developer-platform .tab span {
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
  padding: 0 20px;
  height: 38px;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  background: #00cebb;
  box-shadow: 0px 3px 6px rgba(0, 206, 187, 0.27);
  padding-bottom: 0;
}
.header .content .tabs .dropdown.developer-platform .tab span:hover,
.baima-common-header .content .tabs .dropdown.developer-platform .tab span:hover {
  background: #10bfae;
}
.header .content .tabs .dropdown.menu-view-content,
.baima-common-header .content .tabs .dropdown.menu-view-content {
  display: none;
}
.header .content .tabs .product-dropdown:hover .dropdown-panel,
.baima-common-header .content .tabs .product-dropdown:hover .dropdown-panel {
  opacity: 1;
  height: 380px;
  padding: 40px;
}
.header .content .tabs .software-dropdown .dropdown-panel,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel {
  width: 820px;
  height: 0;
  right: 13px;
  opacity: 1;
  margin-left: 0;
  box-sizing: border-box;
  justify-content: space-between;
}
.header .content .tabs .software-dropdown .dropdown-panel .left-copy-software,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .left-copy-software {
  width: 304px;
  padding: 36px 10px;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.header .content .tabs .software-dropdown .dropdown-panel .left-copy-software img,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .left-copy-software img {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 43px;
}
.header .content .tabs .software-dropdown .dropdown-panel .left-copy-software h4,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .left-copy-software h4 {
  font-size: 20px;
  margin-left: 48px;
  color: #333;
  margin-bottom: 15px;
}
.header .content .tabs .software-dropdown .dropdown-panel .left-copy-software p,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .left-copy-software p {
  width: 224px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-bottom: 29px;
}
.header .content .tabs .software-dropdown .dropdown-panel .left-copy-software a,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .left-copy-software a {
  display: block;
  width: 224px;
  height: 50px;
  background: linear-gradient(90deg, #0098ff 0%, #37aeff 100%);
  border-radius: 8px;
  text-align: center;
  color: #fff;
  line-height: 50px;
  margin-top: 15px;
}
.header .content .tabs .software-dropdown .dropdown-panel .left-copy-software a:hover,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .left-copy-software a:hover {
  background: linear-gradient(90deg, #0590ef 0%, #1593e9 100%);
}
.header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav {
  padding: 10px 0;
  margin-right: 30px;
}
.header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block {
  vertical-align: middle;
}
.header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block .dropdown-panel-block-item,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block .dropdown-panel-block-item {
  max-width: 100%;
  line-height: 0;
  padding: 14px 16px;
  font-size: 14px;
  color: #333;
  position: relative;
}
.header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block .dropdown-panel-block-item img,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block .dropdown-panel-block-item img {
  display: block;
  width: 36px;
  height: 15px;
  position: absolute;
  top: 7px;
  right: 7px;
}
.header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block .dropdown-panel-block-item:first-of-type img,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .dropdown-panel-block .dropdown-panel-block-item:first-of-type img {
  right: -42px;
}
.header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .hot-software .dropdown-panel-block-item img,
.baima-common-header .content .tabs .software-dropdown .dropdown-panel .right-dropdown-panel-nav .hot-software .dropdown-panel-block-item img {
  right: -29px !important;
}
.header .content .tabs .software-dropdown:hover .dropdown-panel,
.baima-common-header .content .tabs .software-dropdown:hover .dropdown-panel {
  height: 316px;
}
.header .content .tabs .menu-icon,
.baima-common-header .content .tabs .menu-icon {
  width: 40px;
  height: 40px;
  margin-top: 11px;
  cursor: pointer;
  margin-right: 21px;
}
.header .content .tabs .menu-icon .hide,
.baima-common-header .content .tabs .menu-icon .hide {
  display: none;
}
.header .content .tabs .menu-icon .menu-con,
.baima-common-header .content .tabs .menu-icon .menu-con {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all ease 0.35s;
}
.header .content .tabs .menu-icon .menu-con img,
.baima-common-header .content .tabs .menu-icon .menu-con img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  transition: all ease 0.35s;
}
.header .content .tabs .menu-icon .menu-con img.icon-open,
.baima-common-header .content .tabs .menu-icon .menu-con img.icon-open {
  opacity: 0;
}
.header .content .tabs .menu-icon .menu-con img.icon-close,
.baima-common-header .content .tabs .menu-icon .menu-con img.icon-close {
  opacity: 1;
}
.header .content .tabs.active .menu-icon .menu-con,
.baima-common-header .content .tabs.active .menu-icon .menu-con {
  transform: rotate(-90deg);
}
.header .content .tabs.active .menu-icon .menu-con .icon-open,
.baima-common-header .content .tabs.active .menu-icon .menu-con .icon-open {
  opacity: 1;
}
.header .content .tabs.active .menu-icon .menu-con .icon-close,
.baima-common-header .content .tabs.active .menu-icon .menu-con .icon-close {
  opacity: 0;
}
.header .menu-content,
.baima-common-header .menu-content {
  position: absolute;
  display: none;
  left: 0;
  top: 60px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: calc(100vh - 80px);
}
.header .menu-content.active .menu-tabs,
.baima-common-header .menu-content.active .menu-tabs {
  transform: translateX(0);
}
.header .menu-content .menu-tabs,
.baima-common-header .menu-content .menu-tabs {
  transition: transform 0.5s;
  transform: translateX(-600px);
  position: absolute;
  top: 0;
  left: 0;
  width: 415px;
  background: #fff;
  transform-origin: 0px 0px;
  z-index: 20;
  border: 1px solid rgba(192, 192, 192, 0.1);
  box-shadow: -5px 0 6px -4px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  height: 100%;
}
.header .menu-content .menu-tabs ul,
.baima-common-header .menu-content .menu-tabs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 10px 0 50px;
}
.header .menu-content .menu-tabs ul li,
.baima-common-header .menu-content .menu-tabs ul li {
  border: 0;
  overflow: hidden;
  padding: 10px 15px;
  position: relative;
}
.header .menu-content .menu-tabs ul li::after,
.baima-common-header .menu-content .menu-tabs ul li::after {
  content: "";
  display: block;
  width: 86%;
  height: 1.2px;
  background: #e6e7eb;
  position: absolute;
  top: 68px;
  left: 27px;
}
.header .menu-content .menu-tabs ul li:hover > a,
.baima-common-header .menu-content .menu-tabs ul li:hover > a,
.header .menu-content .menu-tabs ul li:hover > div > span,
.baima-common-header .menu-content .menu-tabs ul li:hover > div > span {
  background: #f0fcfb;
}
.header .menu-content .menu-tabs ul li a,
.baima-common-header .menu-content .menu-tabs ul li a,
.header .menu-content .menu-tabs ul li span,
.baima-common-header .menu-content .menu-tabs ul li span {
  width: 100%;
  text-align: left;
  display: inline-block;
  line-height: 50px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  transition: all ease 0.35s;
}
.header .menu-content .menu-tabs ul li a div,
.baima-common-header .menu-content .menu-tabs ul li a div,
.header .menu-content .menu-tabs ul li span div,
.baima-common-header .menu-content .menu-tabs ul li span div {
  display: inline-block;
}
.header .menu-content .menu-tabs ul li a img,
.baima-common-header .menu-content .menu-tabs ul li a img,
.header .menu-content .menu-tabs ul li span img,
.baima-common-header .menu-content .menu-tabs ul li span img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 27%;
  right: 14px;
  transition: all ease 0.35s;
}
.header .menu-content .menu-tabs ul li .child-con,
.baima-common-header .menu-content .menu-tabs ul li .child-con {
  display: none;
  padding: 30px 14px 0 30px;
  transition: all ease 0.35s;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab {
  margin-bottom: 15px;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab p,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab p {
  font-size: 16px;
  color: #888888;
  padding-bottom: 18px;
  border-bottom: 1.2px solid #e6e7eb;
  margin-bottom: 5px;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab > div,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab > div {
  position: relative;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab > div span,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab > div span {
  display: block;
  width: 36px;
  height: 15px;
  background: #3cd182;
  border-radius: 10px 10px 10px 0px;
  padding: 0;
  font-size: 11px;
  color: #fff;
  line-height: 14px;
  text-align: center;
  position: absolute;
  left: 103px;
  top: 17px;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab > div span.icon-lims,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab > div span.icon-lims {
  left: 160px;
  background: #fa6756;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab > div span.icon-srm,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab > div span.icon-srm {
  left: 91px;
  background: #fa6756;
}
.header .menu-content .menu-tabs ul li .child-con .sub-tab > div .icon-arrow-right,
.baima-common-header .menu-content .menu-tabs ul li .child-con .sub-tab > div .icon-arrow-right {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
  position: absolute;
  left: 74px;
  top: 21px;
}
.header .menu-content .menu-tabs ul li .child-con a,
.baima-common-header .menu-content .menu-tabs ul li .child-con a {
  color: #333;
  padding: 0;
  font-size: 16px;
}
.header .menu-content .menu-tabs ul li.active,
.baima-common-header .menu-content .menu-tabs ul li.active {
  padding-bottom: 0;
}
.header .menu-content .menu-tabs ul li.active .icon-close,
.baima-common-header .menu-content .menu-tabs ul li.active .icon-close {
  transform: rotate(-180deg);
}
.header .menu-content .menu-tabs ul li.active .child-con,
.baima-common-header .menu-content .menu-tabs ul li.active .child-con {
  display: block;
  padding-bottom: 1vw;
}
.header .menu-content .menu-tabs ul .apply-use-btn,
.baima-common-header .menu-content .menu-tabs ul .apply-use-btn {
  width: 85%;
  margin: 33px auto 0;
  background: #00cebb;
  border-radius: 6px;
  text-align: center;
  padding: 14px 0;
}
.header .menu-content .menu-tabs ul .apply-use-btn:hover,
.baima-common-header .menu-content .menu-tabs ul .apply-use-btn:hover {
  background: #10bfae;
}
.header .menu-content .menu-tabs ul .apply-use-btn a,
.baima-common-header .menu-content .menu-tabs ul .apply-use-btn a {
  font-weight: 16px;
  font-weight: 600;
  color: #fff;
}
.header .case-detail-modal-view,
.baima-common-header .case-detail-modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.header .case-detail-modal-view .modal-view-mask,
.baima-common-header .case-detail-modal-view .modal-view-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.header .case-detail-modal-view .user-info,
.baima-common-header .case-detail-modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.header .case-detail-modal-view .user-info .modal-view-icon,
.baima-common-header .case-detail-modal-view .user-info .modal-view-icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.header .case-detail-modal-view .user-info > .modal-view-title,
.baima-common-header .case-detail-modal-view .user-info > .modal-view-title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.header .case-detail-modal-view .user-info .modal-view-colse,
.baima-common-header .case-detail-modal-view .user-info .modal-view-colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.header .case-detail-modal-view .user-info .adv-custom,
.baima-common-header .case-detail-modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 68px;
}
.header .case-detail-modal-view .user-info .adv-custom .adv-title,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-right: 5%;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item:nth-child(even),
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .left,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .left span,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right input,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone input,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active),
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item .right .error-msg,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 15px;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item.active .right input,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item.error .right input,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.header .case-detail-modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.header .case-detail-modal-view .user-info .adv-custom .btn,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 20px auto;
}
.header .case-detail-modal-view .user-info .adv-custom .btn:hover,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.header .case-detail-modal-view .user-info .adv-custom .modal-con,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.header .case-detail-modal-view .user-info .adv-custom .modal-con img,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.header .case-detail-modal-view .user-info .adv-custom .modal-con .title,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.header .case-detail-modal-view .user-info .adv-custom .modal-con .text,
.baima-common-header .case-detail-modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.header .case-detail-modal-view .user-info.bottom,
.baima-common-header .case-detail-modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.header .case-detail-modal-view .user-info.bottom .home,
.baima-common-header .case-detail-modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.header .index-dropdown .index-dropdown-panel,
.baima-common-header .index-dropdown .index-dropdown-panel {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 578px;
  height: 0;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 8px 8px;
  transform: translate(-50%, 0px);
  z-index: 99;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.header .index-dropdown .index-dropdown-panel > div,
.baima-common-header .index-dropdown .index-dropdown-panel > div {
  width: 482px;
  line-height: initial;
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list {
  display: grid;
  grid-template-columns: repeat(2, 240px);
  grid-template-rows: 70px;
  grid-auto-rows: 70px;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  height: 70px;
  border-radius: 8px;
  overflow: hidden;
  transition: background 0.3s ease-out;
  cursor: pointer;
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a:hover,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a:hover {
  background: #f0fcfb;
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > img,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > img {
  width: 30px;
  height: 30px;
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > div,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > div span:first-child,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > div span:first-child {
  line-height: initial;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}
.header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > div span:last-child,
.baima-common-header .index-dropdown .index-dropdown-panel .dropdown-panel-list .dropdown-panel-list-item > a > div span:last-child {
  line-height: initial;
  font-weight: 400;
  font-size: 12px;
  color: #8d94a2;
}
.header .index-dropdown.active .index-dropdown-panel,
.baima-common-header .index-dropdown.active .index-dropdown-panel {
  height: 273px;
  opacity: 1;
}
.header .index-dropdown.active::after,
.baima-common-header .index-dropdown.active::after {
  display: block;
}
.header .index-dropdown::after,
.baima-common-header .index-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 578px;
  height: 10px;
  background: transparent;
  transform: translate(-50%, 100%);
  display: none;
}
.header .dropdown.product-dropdown:hover .custom.dropdown-panel,
.baima-common-header .dropdown.product-dropdown:hover .custom.dropdown-panel {
  padding: 10px 40px 0;
  height: 340px;
}
@media screen and (max-width: 1200px) {
  .header .content {
    min-width: initial;
  }
  .header .content .tabs .dropdown {
    display: none;
  }
  .header .content .tabs .dropdown.developer-platform {
    display: inline-block;
  }
  .header .content .tabs .dropdown.menu-view-content {
    display: inline-block;
  }
}
@media screen and (max-width: 1500px) {
  .header .content {
    width: 97%;
  }
}
.footer,
.baima-common-footer {
  width: 100%;
}
.footer .footer-content,
.baima-common-footer .footer-content {
  min-width: 1180px;
  background: url("../image/pc/footer/bottom-nav.svg");
  position: relative;
  overflow: hidden;
  width: 100%;
  font-size: 0;
}
.footer .footer-content .icon-foot,
.baima-common-footer .footer-content .icon-foot {
  min-width: 6000px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  z-index: 0;
}
.footer .footer-content .content,
.baima-common-footer .footer-content .content {
  margin: 0 auto;
  max-width: 1180px;
  padding-top: 124px;
  text-align: center;
  position: relative;
}
.footer .footer-content .content .foot-icon-bm,
.baima-common-footer .footer-content .content .foot-icon-bm {
  position: absolute;
  top: 55px;
}
.footer .footer-content .content .foot-icon-bm img,
.baima-common-footer .footer-content .content .foot-icon-bm img {
  width: 353px;
  height: 40px;
}
.footer .footer-content .content .foot-digitization,
.baima-common-footer .footer-content .content .foot-digitization {
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .footer-content .content .foot-digitization .foot-digitization-left,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left {
  display: inline-block;
  align-items: center;
  padding-left: 10px;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-title,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-title {
  font-size: 12px;
  height: 16px;
  line-height: 28px;
  color: #ededed;
  opacity: 1;
  text-align: center;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left img,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left img {
  width: 116px;
  height: 116px;
  margin-top: 15px;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .footer-contact .contact-item,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .footer-contact .contact-item {
  text-align: center;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third {
  margin-top: 17px;
  position: relative;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-showplace,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-showplace {
  display: flex;
  margin-bottom: 5px;
  position: absolute;
  top: -130px;
  left: -100px;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-showplace img,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-showplace img {
  width: 116px;
  height: 116px;
  display: none;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show {
  display: flex;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icon-qrcode,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icon-qrcode {
  position: absolute;
  top: -120px;
  left: -40px;
  display: none;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin {
  position: relative;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-weixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-weixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-weixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-weixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-weixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-weixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-douyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-douyin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-douyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-douyin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-douyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-douyin {
  width: 32px;
  height: 32px;
  opacity: 1;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-weixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-weixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-weixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-weixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-weixin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-weixin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-douyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-douyin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-douyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-douyin,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-douyin,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-douyin {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconweixin .icon-show-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .iconzhihu .icon-show-zhihu,
.footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-zhihu,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-left .foot-digitization-third .icon-show .icondouyin .icon-show-zhihu {
  margin-left: 16px;
  margin-right: 16px;
}
.footer .footer-content .content .foot-digitization .foot-digitization-right,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-right {
  width: 320px;
  height: 193px;
  border-radius: 4px;
  padding-top: 2px;
  padding-bottom: 12px;
  margin-left: 60px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.footer .footer-content .content .foot-digitization .foot-digitization-right > div,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-right > div {
  min-width: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.footer .footer-content .content .foot-digitization .foot-digitization-right > div .foot-right-time:not(:first-child),
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-right > div .foot-right-time:not(:first-child) {
  margin-top: 23px;
}
.footer .footer-content .content .foot-digitization .foot-digitization-right .foot-right-time,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-right .foot-right-time {
  display: flex;
  align-items: center;
}
.footer .footer-content .content .foot-digitization .foot-digitization-right .foot-right-time img,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-right .foot-right-time img {
  width: 16px;
  height: 16px;
}
.footer .footer-content .content .foot-digitization .foot-digitization-right .foot-right-time .time,
.baima-common-footer .footer-content .content .foot-digitization .foot-digitization-right .foot-right-time .time {
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  opacity: 1;
  margin-left: 14px;
  padding-bottom: 4px;
  white-space: nowrap;
}
.footer .footer-content .content .content-box,
.baima-common-footer .footer-content .content .content-box {
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 75px;
  right: 100px;
}
.footer .footer-content .content .content-box .foot-item,
.baima-common-footer .footer-content .content .content-box .foot-item {
  position: relative;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right {
  margin-left: 80px;
  text-align: center;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right span,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right span {
  height: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 23px;
  display: block;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right div,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right div {
  margin-bottom: 13px;
  height: 21px;
  margin-bottom: 23px;
  text-align: center;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right div a,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right div a {
  height: 21px;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  opacity: 0.6;
  margin-bottom: 13px;
  cursor: pointer;
  opacity: 1;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right div a:hover,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right div a:hover {
  color: #00cebb;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right .about a,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right .about a {
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #b6e5ed;
  cursor: default;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right .phone-nember,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right .phone-nember {
  height: 31px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
}
.footer .footer-content .content .content-box .foot-item .foot-item-right .icon-code,
.baima-common-footer .footer-content .content .content-box .foot-item .foot-item-right .icon-code {
  width: 139px;
  height: 139px;
  margin-top: 12px;
}
.footer .footer-content .content .content-box .foot-item.contact,
.baima-common-footer .footer-content .content .content-box .foot-item.contact {
  padding-left: 58px;
}
.footer .footer-content .content .content-box .foot-item.contact .foot-item-left,
.baima-common-footer .footer-content .content .content-box .foot-item.contact .foot-item-left {
  width: 40px;
}
.footer .footer-content .content .friend-ship-con,
.baima-common-footer .footer-content .content .friend-ship-con {
  position: relative;
  padding-left: 185px;
  margin-top: 60px;
}
.footer .footer-content .content .friend-ship-con .con-ship-left,
.baima-common-footer .footer-content .content .friend-ship-con .con-ship-left {
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #badef1;
  position: absolute;
  left: 80px;
  top: 0;
}
.footer .footer-content .content .friend-ship-con .con-ship-right .ship-item,
.baima-common-footer .footer-content .content .friend-ship-con .con-ship-right .ship-item {
  display: inline-block;
  height: 17px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #badef1;
  opacity: 1;
  margin-right: 41px;
  margin-bottom: 11px;
  text-decoration: none;
}
.footer .footer-content .foot-horizon,
.baima-common-footer .footer-content .foot-horizon {
  max-width: 1200px;
  width: 100%;
  margin: 20px auto 0;
  font-size: 14px;
  display: flex;
}
.footer .footer-content .foot-horizon .horizon-box,
.baima-common-footer .footer-content .foot-horizon .horizon-box {
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}
.footer .footer-content .foot-horizon .horizon-box > a,
.baima-common-footer .footer-content .foot-horizon .horizon-box > a,
.footer .footer-content .foot-horizon .horizon-box div,
.baima-common-footer .footer-content .foot-horizon .horizon-box div {
  color: #fff;
  padding: 0 10px;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}
.footer .footer-content .foot-horizon .horizon-box > a:hover,
.baima-common-footer .footer-content .foot-horizon .horizon-box > a:hover,
.footer .footer-content .foot-horizon .horizon-box div:hover,
.baima-common-footer .footer-content .foot-horizon .horizon-box div:hover {
  color: #00cebb;
}
.footer .footer-content .foot-horizon .horizon-open,
.baima-common-footer .footer-content .foot-horizon .horizon-open {
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -30px;
  color: #fff;
}
.footer .footer-content .foot-horizon .horizon-open:hover,
.baima-common-footer .footer-content .foot-horizon .horizon-open:hover,
.footer .footer-content .foot-horizon .horizon-close:hover,
.baima-common-footer .footer-content .foot-horizon .horizon-close:hover {
  cursor: pointer;
  color: #f35221;
}
.footer .footer-content .icp,
.baima-common-footer .footer-content .icp {
  z-index: 3;
  margin-top: 15px;
  padding-bottom: 20px;
}
.footer .footer-content .icp > div,
.baima-common-footer .footer-content .icp > div {
  font-size: 13px;
  color: #fff;
  letter-spacing: 1px;
  opacity: 0.6;
}
.footer .footer-content .icp > div a,
.baima-common-footer .footer-content .icp > div a {
  color: #fff;
  text-decoration: none;
}
.main.index .footer-content {
  background: url("../image/pc/footer/bottom-nav.svg");
}
.main.index .footer-content .content {
  padding-top: 124px;
  min-height: 295px;
}
.main.index .footer-content .content .friend-ship-con {
  display: block;
}
.baima-common-aside {
  width: 318px;
}
.baima-common-aside .aside-search {
  width: 348px;
  height: 96px;
  background: #ffff;
  box-sizing: border-box;
  padding: 24px 0;
  border-radius: 8px;
}
.baima-common-aside .aside-search .aside-search-body {
  margin: 0 auto;
  width: 300px;
  height: 48px;
  position: relative;
  border: 1px solid #40C2B2;
  border-radius: 8px;
}
.baima-common-aside .aside-search .aside-search-body .aside-input-area {
  height: 100%;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  border: none;
  border-radius: 8px;
  color: #969799;
}
.baima-common-aside .aside-search .aside-search-body .input-search {
  width: 80px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  display: block;
  background: #40C2B2;
  border-radius: 8px;
  line-height: 40px;
  outline: none;
  border: none;
  font-size: 14px;
  color: #fff;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -20px;
}
.baima-common-aside .aside-recommend {
  width: 348px;
  padding: 24px 24px 10px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 16px;
  border-radius: 8px;
}
.baima-common-aside .aside-recommend .aside-content-box .tag-relating-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}
.baima-common-aside .aside-recommend .aside-content-box .tag-relating-item {
  max-width: 162px;
  margin: 0 12px 12px 0;
  height: 24px;
  color: #646566;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 12px;
  transition: all 0.3s;
  background: #fafafa;
}
.baima-common-aside .aside-recommend .aside-content-box .tag-relating-item.active {
  color: #40C2B2;
}
.baima-common-aside .aside-recommend .aside-content-box .tag-relating-item:hover {
  color: #40C2B2;
}
.baima-common-aside .aside-recommend .aside-content-box .aside-content-sketch {
  display: flex;
  font-size: 17px;
  color: #323233;
  justify-content: space-between;
  align-items: center;
}
.baima-common-aside .aside-recommend .aside-content-box .aside-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #323233;
  margin-bottom: 10px;
}
.baima-common-aside .aside-recommend .aside-content-box .aside-more {
  font-size: 13px;
  color: #40C2B2;
  cursor: pointer;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item {
  display: block;
  margin: 25px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-rank-img {
  width: 50px;
  height: 50px;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-rank-img img {
  width: 100%;
  height: 100%;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-item-box {
  margin-left: 16px;
  text-align: left;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-item-box p {
  font-size: 14px;
  line-height: 24px;
  color: #323233;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-item-box p:hover {
  color: #40C2B2;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-item-box span {
  font-size: 12px;
  color: #969799;
  line-height: 20px;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-btn {
  position: absolute;
  top: 10px;
  right: 0;
  border-radius: 4px;
  border: 1px solid #40C2B2;
  cursor: pointer;
  padding: 2px 10px;
  color: #40C2B2;
  font-size: 12px;
  line-height: 20px;
}
.baima-common-aside .aside-recommend .aside-content-box .install-rank-item .install-btn:hover {
  background: rgba(0, 206, 187, 0.1);
}
.baima-common-aside .aside-recommend .aside-content-box .install-trial {
  background: #343F53;
  color: #fff;
  transition: all 0.3s;
}
.baima-common-aside .aside-recommend .aside-content-box .install-trial:hover {
  background: #576B95;
}
.baima-common-aside .aside-recommend .aside-content-box .recommend-item a {
  display: block;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #323233;
  margin-top: 16px;
}
.baima-common-aside .aside-recommend .aside-content-box .recommend-item a:hover p {
  color: #40C2B2;
}
.baima-common-aside .aside-recommend .aside-content-box .recommend-item a .recommend-item-img {
  display: block;
  width: 100px;
  height: 64px;
  border-radius: 4px;
}
.baima-common-aside .aside-recommend .aside-content-box .recommend-item a p {
  width: 180px;
  color: #323233;
  font-size: 14px;
  line-height: 24px;
  margin-left: 16px;
}
.baima-common-aside .aside-recommend .aside-content-box .hot-reading .recommend-item .hot-reading-sort {
  font-size: 16px;
  line-height: 22px;
  color: #C8C9CC;
  font-weight: 600;
}
.baima-common-aside .aside-recommend .aside-content-box .hot-reading .recommend-item .hot-reading-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  color: #323233;
  margin-left: 12px;
}
.baima-common-aside .aside-recommend .aside-content-box .hot-reading .recommend-item .hot-reading-title:hover {
  color: #40C2B2;
}
.baima-common-aside .aside-recommend .aside-content-box .hot-reading .recommend-item:nth-child(1) .hot-reading-sort {
  color: #FF4949;
}
.baima-common-aside .aside-recommend .aside-content-box .hot-reading .recommend-item:nth-child(2) .hot-reading-sort {
  color: #FF8F1B;
}
.baima-common-aside .aside-recommend .aside-content-box .hot-reading .recommend-item:nth-child(3) .hot-reading-sort {
  color: #FFC21B;
}
.baima-common-aside .crm-mask .adv-custom {
  position: relative;
  margin: 0 auto;
  margin-top: -42px;
  width: 1084px;
  height: 360px;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  text-align: center;
}
.baima-common-aside .crm-mask .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
  padding-top: 40px;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .left span {
  color: red;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  background: #fbfbfb;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  outline: none;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-common-aside .crm-mask .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-common-aside .crm-mask .adv-custom .btn {
  width: 182px;
  height: 50px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 50px;
  margin: 0 auto;
}
.baima-common-aside .crm-mask .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-common-aside .crm-mask .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-common-aside .crm-mask .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
}
.baima-common-aside .crm-mask .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-common-login-page {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  min-width: 1180px;
  z-index: 9999;
}
.baima-common-login-page .login-header {
  width: 100vw;
  height: 80px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
}
.baima-common-login-page .login-header .login-header-box {
  max-width: 1460px;
  min-width: 800px;
  height: 100%;
  padding: 0 20px;
  display: flex;
  margin: auto;
  justify-content: space-between;
  align-items: center;
}
.baima-common-login-page .login-header .login-header-left {
  height: 62px;
  display: flex;
  align-items: center;
  color: #646566;
}
.baima-common-login-page .login-header .login-header-left .line {
  width: 1px;
  height: 36px;
  background: #cbcbcb;
  margin: 0 11px;
  transform: scale(0.7);
}
.baima-common-login-page .login-header .login-header-right {
  color: #575757;
  display: flex;
  align-items: center;
}
.baima-common-login-page .login-box {
  width: 959px;
  height: 575px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}
.baima-common-login-page .login-box > img {
  width: 406px;
  height: 575px;
}
.baima-common-login-page .login-box .login-right {
  flex: 1;
}
.baima-common-login-page .login-box .login-main {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 46px 53px;
}
.baima-common-login-page .login-box .login-title {
  color: #333;
  font-weight: bold;
  font-size: 17px;
}
.baima-common-login-page .login-box .login-title span::before {
  content: "";
  width: 100%;
  height: 4px;
  background: #0098ff;
  bottom: -9px;
  left: 0;
  position: absolute;
}
.baima-common-login-page .login-box .login-input-area {
  margin-top: 26px;
}
.baima-common-login-page .login-box .login-input-area .login-form-item {
  display: flex;
  font-size: 13px;
  margin-bottom: 23px;
  position: relative;
}
.baima-common-login-page .login-box .login-input-area .login-form-item p {
  height: 40px;
  line-height: 40px;
  text-align: right;
  color: #323233;
  width: 105px;
  margin-right: 13px;
}
.baima-common-login-page .login-box .login-input-area .login-form-item span {
  color: #ff4949;
}
.baima-common-login-page .login-box .login-input-area .login-form-item input,
.baima-common-login-page .login-box .login-input-area .login-form-item textarea {
  outline: none;
  border: 1px solid #d8d8d8;
  width: 292px;
  height: 40px;
  border-radius: 2px;
  box-sizing: border-box;
  padding-left: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.baima-common-login-page .login-box .login-input-area .login-form-item input::placeholder,
.baima-common-login-page .login-box .login-input-area .login-form-item textarea::placeholder {
  color: #c8c9cc;
}
.baima-common-login-page .login-box .login-input-area .login-form-item .input-error {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  left: 130px;
  display: none;
}
.baima-common-login-page .login-box .login-input-area .login-form-item .captcha {
  position: absolute;
  width: 85px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  right: 38px;
  top: 0;
  line-height: 40px;
  color: #00cebb;
}
.baima-common-login-page .login-box .login-input-area .login-form-item .captcha::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #d8d8d8;
}
.baima-common-login-page .login-box .login-input-area .login-form-hint {
  font-size: 13px;
  color: #aaa;
  margin-bottom: 16px;
  margin-left: 120px;
  padding-right: 30px;
  position: relative;
}
.baima-common-login-page .login-box .login-input-area .login-form-hint span {
  color: #f00;
  border: solid 1px #f00;
  border-radius: 50%;
  margin-right: 2px;
  display: inline-block;
  width: 14px;
  text-align: center;
  height: 14px;
  line-height: 12px;
  font-size: 12px;
  vertical-align: top;
  position: absolute;
  left: -22px;
  top: 2px;
}
.baima-common-login-page .login-box .login-input-area button {
  margin-left: 118px;
  display: block;
  outline: none;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  width: 291px;
  height: 40px;
  font-size: 15px;
  letter-spacing: 2px;
  background: #0098ff;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.baima-common-login-page .login-box .login-input-area button:hover {
  background: #007bd9;
}
.baima-common-login-page .login-mask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.4);
}
.baima-common-login-page .login-mask .login-popup {
  width: 668px;
  position: absolute;
  left: 50%;
  top: 203px;
  transform: translateX(-50%);
  background: #fff;
  height: 314px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  color: #323233;
}
.baima-common-login-page .login-mask .login-popup > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-common-login-page .login-mask .login-popup .login-popup-container {
  width: 308px;
  margin: 0 auto;
  text-align: center;
}
.baima-common-login-page .login-mask .login-popup .login-popup-container .submit-successfully-box {
  width: 182px;
  height: 178px;
  margin: 0 auto;
}
.baima-common-login-page .login-mask .login-popup .login-popup-container .submit-successfully-box img {
  width: 100%;
  height: 100%;
}
.baima-common-login-page .login-mask .login-popup .login-popup-container .submit-successfully-box p {
  font-size: 24px;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin-top: -50px;
}
.baima-common-login-page .login-mask .login-popup .login-popup-container span {
  font-size: 16px;
  color: #666;
}
.baima-common-login-page .login-mask .login-popup .login-popup-container button {
  display: block;
  width: 132px;
  height: 40px;
  margin: 18px auto 0;
  border-radius: 8px;
  background-color: #00CEBB;
  text-align: center;
  padding: 9px 49px;
  border: none;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
}
.baima-common-login-v2 {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #f5f5f5;
  min-width: 1180px;
  z-index: 9999;
}
.baima-common-login-v2 .login-header {
  width: 100vw;
  height: 80px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
}
.baima-common-login-v2 .login-header .login-header-box {
  max-width: 1460px;
  min-width: 800px;
  height: 100%;
  padding: 0 20px;
  display: flex;
  margin: auto;
  justify-content: space-between;
  align-items: center;
}
.baima-common-login-v2 .login-header .login-header-left {
  height: 62px;
  display: flex;
  align-items: center;
  color: #646566;
}
.baima-common-login-v2 .login-header .login-header-left .line {
  width: 1px;
  height: 36px;
  background: #cbcbcb;
  margin: 0 11px;
  transform: scale(0.7);
}
.baima-common-login-v2 .login-header .login-header-right {
  color: #575757;
  display: flex;
  align-items: center;
}
.baima-common-login-v2 .login-box {
  width: 1000px;
  height: 600px;
  background: #fff;
  border-radius: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}
.baima-common-login-v2 .login-box .login-left {
  width: 470px;
  height: 100%;
  position: relative;
}
.baima-common-login-v2 .login-box .login-left > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-common-login-v2 .login-box .login-left .login-left-content {
  width: 405px;
  margin: 49px auto 0;
  color: #333;
}
.baima-common-login-v2 .login-box .login-left .login-left-content p {
  font-size: 24px;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 57px;
  position: relative;
}
.baima-common-login-v2 .login-box .login-left .login-left-content p::after {
  display: block;
  content: "";
  width: 52px;
  height: 2px;
  background: #0098FF;
  position: absolute;
  left: 50%;
  top: 45px;
  margin-left: -26px;
}
.baima-common-login-v2 .login-box .login-left .login-left-content span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
  margin-bottom: 24px;
}
.baima-common-login-v2 .login-box .login-left .left-company-logo {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px 10px;
  margin-top: 24px;
}
.baima-common-login-v2 .login-box .login-left .left-company-logo img {
  display: block;
  width: 127px;
  height: 60px;
}
.baima-common-login-v2 .login-box .login-right {
  flex: 1;
}
.baima-common-login-v2 .login-box .login-main {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 34px 40px;
}
.baima-common-login-v2 .login-box .login-main .login-title {
  color: #333;
  font-weight: bold;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 22px;
}
.baima-common-login-v2 .login-box .login-main > span {
  color: #666;
  font-size: 16px;
  line-height: 18px;
}
.baima-common-login-v2 .login-box .login-input-area {
  margin-top: 26px;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item {
  display: flex;
  font-size: 13px;
  margin-bottom: 23px;
  position: relative;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item .item-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 8px;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item span {
  color: #ff4949;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item input,
.baima-common-login-v2 .login-box .login-input-area .login-form-item textarea {
  outline: none;
  border: 1px solid #d8d8d8;
  width: 100%;
  height: 44px;
  border-radius: 2px;
  font-size: 14px;
  color: #333;
  padding: 2px 0 0 35px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item input::placeholder,
.baima-common-login-v2 .login-box .login-input-area .login-form-item textarea::placeholder {
  color: #c8c9cc;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item input.input-code,
.baima-common-login-v2 .login-box .login-input-area .login-form-item textarea.input-code {
  width: 300px;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item input.input-content,
.baima-common-login-v2 .login-box .login-input-area .login-form-item textarea.input-content {
  height: 66px;
  padding: 14px 20px;
  resize: none;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item .input-error {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  display: none;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-item .captcha {
  width: 120px;
  height: 44px;
  text-align: center;
  cursor: pointer;
  line-height: 44px;
  color: #0098FF;
  margin-left: 28px;
  box-sizing: border-box;
  background: rgba(0, 152, 255, 0.1);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #0098FF;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-hint {
  font-size: 13px;
  color: #aaa;
  margin: 0 0 16px 24px;
  position: relative;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-hint .mark-icon {
  color: #333;
  border: solid 1px #333;
  border-radius: 50%;
  margin-right: 2px;
  display: inline-block;
  width: 12.25px;
  height: 12.25px;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  vertical-align: top;
  position: absolute;
  left: -22px;
  top: 2px;
}
.baima-common-login-v2 .login-box .login-input-area .login-form-hint .product-hint {
  white-space: nowrap;
  color: #0098FF;
}
.baima-common-login-v2 .login-box .login-input-area button {
  display: block;
  outline: none;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  font-size: 15px;
  letter-spacing: 2px;
  background: #0098ff;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.baima-common-login-v2 .login-box .login-input-area button:hover {
  background: #007bd9;
}
.baima-common-login-v2 .login-mask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.4);
}
.baima-common-login-v2 .login-mask .login-popup {
  width: 668px;
  position: absolute;
  left: 50%;
  top: 203px;
  transform: translateX(-50%);
  background: #fff;
  height: 314px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  color: #323233;
}
.baima-common-login-v2 .login-mask .login-popup > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-common-login-v2 .login-mask .login-popup .login-popup-container {
  width: 308px;
  margin: 0 auto;
  text-align: center;
}
.baima-common-login-v2 .login-mask .login-popup .login-popup-container .submit-successfully-box {
  width: 182px;
  height: 178px;
  margin: 0 auto;
}
.baima-common-login-v2 .login-mask .login-popup .login-popup-container .submit-successfully-box img {
  width: 100%;
  height: 100%;
}
.baima-common-login-v2 .login-mask .login-popup .login-popup-container .submit-successfully-box p {
  font-size: 24px;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin-top: -50px;
}
.baima-common-login-v2 .login-mask .login-popup .login-popup-container span {
  font-size: 16px;
  color: #666;
}
.baima-common-login-v2 .login-mask .login-popup .login-popup-container button {
  display: block;
  width: 132px;
  height: 40px;
  margin: 18px auto 0;
  border-radius: 8px;
  background-color: #00CEBB;
  text-align: center;
  padding: 9px 49px;
  border: none;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
}
body.pc .baima-page-index {
  position: relative;
}
body.pc .baima-page-index .swiper-banner .swiper-container {
  padding-top: 80px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner {
  height: 610px;
  min-width: 1180px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: -80px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .icon-background {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  height: 610px;
  z-index: -1;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .icon-banner {
  width: 647px;
  position: absolute;
  right: 45px;
  top: 161px;
  height: 463px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con {
  position: absolute;
  top: 144px;
  left: 40px;
}
@keyframes change-width {
  0% {
    width: 1em;
  }
  10% {
    width: 1em;
  }
  11% {
    width: 2em;
  }
  20% {
    width: 2em;
  }
  21% {
    width: 3em;
  }
  30% {
    width: 3em;
  }
  31% {
    width: 4em;
  }
  40% {
    width: 4em;
  }
  41% {
    width: 5em;
  }
  50% {
    width: 5em;
  }
  80% {
    width: 5em;
  }
  100% {
    width: 5em;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .banner-text {
  font-size: 50px;
  color: #0098ff;
  overflow: hidden;
  width: 5em;
  white-space: nowrap;
  transition: width 0.5s;
  position: relative;
  padding-right: 5px;
  animation: change-width 5s linear infinite;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .banner-text:after {
  position: absolute;
  height: calc(100% - 16px);
  content: " ";
  width: 3px;
  background: #333;
  right: 0px;
  top: 10px;
  animation: flash 0.8s linear infinite;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .title {
  font-size: 50px;
  color: #333333;
  margin-bottom: 20px;
  font-weight: 400;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .text {
  font-size: 24px;
  font-weight: 300;
  color: #969799;
  margin-bottom: 36px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .btn {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
  text-align: center;
  width: 170px;
  height: 56px;
  border-radius: 4px;
  transition: all 0.5s;
  background: linear-gradient(79deg, #00cebb 0%, #54b3f3 100%);
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .btn:hover {
  margin-top: -5px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .btn:hover + .btn-shadow {
  opacity: 0.3;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner .content .banner-con .btn-shadow {
  width: 157px;
  height: 41px;
  background: #0fa89a;
  border-radius: 4px 4px 4px 4px;
  opacity: 0;
  position: absolute;
  z-index: -1;
  filter: blur(20px);
  margin-top: -30px;
  left: 10px;
  transition: all 0.5s;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner.second .content .banner-con {
  position: static;
  margin-top: 148px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner.second .content .banner-con .title {
  margin-bottom: 18px;
  text-align: center;
  height: 47px;
  line-height: 47px;
  color: #ffffff;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner.second .content .banner-con .text {
  text-align: center;
  height: 35px;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  margin-bottom: 29px;
  color: #ffffff;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner.second .content .banner-con .btn {
  margin: 0 auto;
}
body.pc .baima-page-index .swiper-banner .swiper-container .banner.second .icon-banner {
  right: initial;
  top: 39px;
  height: auto;
  transform: translateX(-50%);
  left: 50%;
  width: 846px;
  margin-left: 5px;
  z-index: -1;
}
body.pc .baima-page-index .swiper-banner .swiper-container .swiper-pagination {
  bottom: 26px;
}
body.pc .baima-page-index .swiper-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #c8d7e1;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0.61;
}
body.pc .baima-page-index .swiper-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 31px;
  border-radius: 7px;
  opacity: 1;
}
body.pc .baima-page-index.main {
  padding-top: 0;
}
body.pc .baima-page-index.main .header {
  background: transparent;
  transition: all ease 0.2s;
}
body.pc .baima-page-index.main .header .tabs .tab {
  color: #fff;
  transition: all ease 0.2s;
}
body.pc .baima-page-index.main .header .developer-platform .btn {
  transition: all ease 0.2s;
  background: rgba(255, 255, 255, 0.19);
  border: 1px solid rgba(255, 255, 255, 0.45098039);
}
body.pc .baima-page-index.main .header.active {
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
body.pc .baima-page-index.main .header.active .tabs .tab {
  color: #333;
}
body.pc .baima-page-index.main .header.active .developer-platform .btn {
  background: #00cebb;
  box-shadow: 0px 3px 6px rgba(0, 206, 187, 0.27);
  color: #fff;
}
body.pc .baima-page-index .video-view {
  position: relative;
  overflow: hidden;
  padding-bottom: 65px;
}
body.pc .baima-page-index .video-view .icon-banner {
  width: 100%;
  min-width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  z-index: -2;
}
body.pc .baima-page-index .video-view .content {
  margin-top: 104px;
}
body.pc .baima-page-index .video-view .content .video-con {
  overflow: hidden;
  margin-left: 89px;
  position: relative;
  width: 800px;
  height: 481px;
  background: #ffffff;
  box-shadow: 5px 10px 25px rgba(22, 87, 132, 0.2);
  border-radius: 10px;
  margin: 0 auto;
  border: 6px solid #000;
  border-radius: 16px;
}
body.pc .baima-page-index .video-view .content .video-con .icon-video {
  position: absolute;
  left: 14px;
  top: 13px;
  width: 97%;
  height: 95%;
}
body.pc .baima-page-index .video-view .content .video-con .video {
  outline: none;
  width: 100%;
  height: 100%;
  position: relative;
}
body.pc .baima-page-index .video-view .content .video-con .start {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 78px;
  height: 78px;
  z-index: 3;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  margin-top: -16px;
  transition: all 0.3s;
}
body.pc .baima-page-index .video-view .content .video-con .start:hover {
  width: 90px;
  height: 90px;
}
body.pc .baima-page-index .video-view .content .video-explain img {
  height: 50px;
  font-size: 38px;
  font-weight: 400;
  line-height: 50px;
  color: #333333;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 46px;
  margin-top: 111px;
  display: block;
}
body.pc .baima-page-index .characteristic {
  text-align: center;
  padding: 80px 0;
  position: relative;
}
body.pc .baima-page-index .characteristic .characteristic-mask-block {
  width: 100%;
  height: 990px;
  background: #FAFCFD;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
body.pc .baima-page-index .characteristic .content {
  display: inline-block;
  width: auto;
}
body.pc .baima-page-index .characteristic .characteristic-title {
  text-align: center;
  color: #333;
  font-size: 36px;
  font-weight: 400;
}
body.pc .baima-page-index .characteristic .characteristic-text {
  text-align: center;
  margin: 14px 0 23px;
  color: #d9d9d9;
  font-size: 24px;
}
body.pc .baima-page-index .characteristic .characteristic-trait {
  color: #323233;
  font-size: 27px;
  display: flex;
  justify-content: center;
}
body.pc .baima-page-index .characteristic .characteristic-trait span:nth-child(even) {
  margin: 0 10px;
}
body.pc .baima-page-index .characteristic .characteristic-bottom {
  display: flex;
  margin-top: 48px;
  justify-content: space-between;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-bottom-list {
  width: 481px;
  margin-right: 46px;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item {
  min-height: 153px;
  box-sizing: border-box;
  border-radius: 10px;
  background: #f5f5f5;
  padding: 29px 31px 15px;
  border: 1px solid #f5f5f5;
  cursor: pointer;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item.active {
  background: #ebf7ff;
  border: 1px solid #0098ff;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item.active .characteristic-item-title {
  color: #0098ff;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item.active .characteristic-item-desc {
  color: #323233;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item:not(:last-child) {
  margin-bottom: 23px;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item-title {
  font-weight: 400;
  font-size: 23px;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-item-desc {
  color: #646566;
  margin-top: 15px;
  line-height: 27px;
  letter-spacing: 1px;
  font-size: 15px;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-bottom-img {
  width: 630px;
  position: relative;
}
body.pc .baima-page-index .characteristic .characteristic-bottom .characteristic-bottom-img img {
  width: 100%;
  object-fit: cover;
  position: absolute;
}
body.pc .baima-page-index .platform-composition {
  position: relative;
}
body.pc .baima-page-index .platform-composition > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.pc .baima-page-index .platform-composition .content {
  padding: 80px 80px 50px 80px;
}
body.pc .baima-page-index .platform-composition .content h2 {
  font-size: 36px;
  text-align: center;
  font-weight: normal;
  color: #333;
}
body.pc .baima-page-index .platform-composition .content p {
  color: #D9D9D9;
  text-align: center;
  font-size: 25px;
  margin: 16px 0 54px;
}
body.pc .baima-page-index .platform-composition .content img {
  width: 100%;
  height: 100%;
}
body.pc .baima-page-index .advantage {
  text-align: center;
  height: 241px;
  background: #fff;
}
body.pc .baima-page-index .advantage .content {
  display: inline-block;
  width: auto;
}
body.pc .baima-page-index .advantage .content .advantage-title {
  height: 50px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
  color: #333333;
  margin-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
body.pc .baima-page-index .advantage .content .advantage-text {
  height: 33px;
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  text-align: center;
}
body.pc .baima-page-index .advantage.effic {
  height: 220px;
}
body.pc .baima-page-index .efficiency {
  padding-top: 42px;
  padding-bottom: 60px;
  background: #fafbfd;
}
body.pc .baima-page-index .efficiency .content > .bg {
  width: 80%;
  margin: 0 auto;
  display: block;
}
body.pc .baima-page-index .efficiency .content .content-box {
  text-align: center;
  margin-top: 60px;
}
body.pc .baima-page-index .efficiency .content .content-box .item {
  display: inline-block;
  position: relative;
  width: 349px;
  height: 220px;
  background: #fff;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  margin: 0 15px;
}
body.pc .baima-page-index .efficiency .content .content-box .item .bg {
  width: 140px;
  height: 146px;
  position: absolute;
  top: 16px;
  right: 20px;
}
body.pc .baima-page-index .efficiency .content .content-box .item .icon {
  width: 77px;
  height: 77px;
  margin-top: 40px;
  margin-left: 28px;
}
body.pc .baima-page-index .efficiency .content .content-box .item .title {
  margin-left: 37px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #666666;
  position: relative;
  z-index: 2;
}
body.pc .baima-page-index .efficiency .content .content-box .item .title span {
  font-size: 22px;
  color: #1390e5;
}
body.pc .baima-page-index .efficiency .content .content-box .item .title span.large {
  font-size: 47px;
  font-weight: 500;
  margin-left: 10px;
}
body.pc .baima-page-index .efficiency .content .content-box .item .text {
  margin-left: 37px;
  margin-top: 11px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #7e7e7e;
  position: relative;
  z-index: 2;
}
body.pc .baima-page-index .case-detail-list .case-detail-item {
  white-space: nowrap;
}
body.pc .baima-page-index .evaluation-con {
  background: #fafbfd;
}
body.pc .baima-page-index .evaluation-con .content .tab {
  font-size: 0;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item {
  display: inline-block;
  text-align: center;
  width: 25%;
  cursor: pointer;
  padding-top: 22px;
  padding-bottom: 22px;
  position: relative;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item img {
  max-width: 100%;
  height: 63px;
  margin: 0 auto;
  display: block;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item img.hover {
  display: none;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item .line {
  width: 141px;
  height: 4px;
  background: #00cebb;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 53%;
  transform: translateX(-50%);
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item.active img {
  display: none;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item.active img.hover {
  display: block;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item.active .text {
  color: #0098ff;
}
body.pc .baima-page-index .evaluation-con .content .tab .tab-item.active .line {
  opacity: 1;
}
body.pc .baima-page-index .evaluation-con .tab-con {
  height: 600px;
  width: 100%;
  position: relative;
}
body.pc .baima-page-index .evaluation-con .tab-con .swiper-pagination {
  display: none;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item {
  height: 600px;
  position: relative;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item img {
  width: 100%;
  height: 100%;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 1180px;
  z-index: 11;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item > img {
  width: 36.62px;
  height: 28px;
  position: absolute;
  left: -70px;
  top: 13px;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .headline {
  font-size: 48px;
  font-weight: bold;
  line-height: 59px;
  color: #fff;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .title {
  margin-top: 26px;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  color: #fff;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .line {
  width: 45px;
  height: 6px;
  background: #fff;
  margin-top: 45px;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .text {
  margin-top: 48px;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  width: 500px;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn {
  margin-top: 28px;
  width: 105px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
  color: #fff;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-left: 23px;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn.hide {
  display: none;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn span {
  font-size: 20px;
  position: absolute;
  right: 14px;
  top: -1px;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn:hover {
  color: #00cebb;
  border-color: #00cebb;
}
body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .mask-layer {
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
body.pc .baima-page-index .index-article-block {
  margin: auto;
  width: 1180px;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 60px;
}
body.pc .baima-page-index .index-article-block .index-article-panel {
  width: 372px;
  height: 340px;
  display: inline-block;
  position: relative;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-header {
  height: 140px;
  width: 100%;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  background: #f0f0f0;
  position: relative;
  z-index: 0;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-header .index-article-panel-header-text {
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding-top: 40px;
  color: #fff;
  font-weight: 400;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-header .index-article-panel-header-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-body {
  border-radius: 12px;
  display: inline-block;
  height: 220px;
  width: 100%;
  overflow: hidden;
  background: #f5f9fa;
  margin-top: -16px;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 1;
  position: absolute;
  top: 120px;
  left: 0;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item {
  display: block;
  line-height: 36px;
  padding: 0 24px;
  padding-left: 40px;
  color: #646566;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  display: flex;
  max-width: 100%;
  position: relative;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #92cdcf;
  display: inline-block;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item a {
  flex: 1;
  width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #646566;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item a:hover {
  color: #0098FF;
}
body.pc .baima-page-index .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item span {
  flex: 0 0 40px;
  overflow: hidden;
  color: #c8c9cc;
  padding-left: 8px;
  font-size: 14px;
  text-align: right;
}
@media screen and (max-width: 1780px) {
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .headline {
    font-size: 36px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .title {
    font-size: 20px;
    margin-top: 18px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .line {
    margin-top: 30px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .text {
    margin-top: 30px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .item-btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1400px) {
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .headline {
    font-size: 28px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .title {
    font-size: 18px;
    margin-top: 18px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .line {
    margin-top: 20px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .text {
    margin-top: 20px;
  }
  body.pc .baima-page-index .evaluation-con .tab-con .tab-con-item .con-item .item-btn {
    margin-top: 20px;
  }
}
.baima-page-support-help {
  max-width: 1920px;
  margin: 0 auto;
}
.baima-page-support-help .menu-view {
  width: 320px;
  background: #fafafa;
  z-index: 12;
  top: 80px;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding-bottom: 12px;
}
.baima-page-support-help .menu-view .search {
  width: 239px;
  height: 50px;
  background: #ffffff;
  box-shadow: 0px 5px 5px rgba(40, 66, 93, 0.1);
  border-radius: 25px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 27px;
  border-radius: 50px;
}
.baima-page-support-help .menu-view .search input {
  width: 74%;
  height: 100%;
  padding: 0 32px;
  border: none;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 400;
  line-height: 32px;
}
.baima-page-support-help .menu-view .search input:-webkit-input-placeholder {
  color: #999999;
}
.baima-page-support-help .menu-view .search .search-data {
  width: 100%;
  position: absolute;
  top: 100%;
  margin-top: 12px;
  transform: translateX(-50%);
  z-index: 3;
  display: none;
  left: 50%;
  padding: 6px 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.baima-page-support-help .menu-view .search .search-data .search-con {
  max-height: 300px;
  width: 100%;
  overflow: auto;
}
.baima-page-support-help .menu-view .search .search-data .search-con a {
  transition: all ease 0.2s;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  padding: 8px 0;
  padding-left: 14px;
  display: block;
}
.baima-page-support-help .menu-view .search .search-data .search-con a:hover {
  color: #00cebb;
}
.baima-page-support-help .menu-view .tree-view {
  font-size: 0;
  vertical-align: top;
  padding-top: 40px;
  border-top: 1px solid #cfcfcf;
}
.baima-page-support-help .menu-view .tree-view .arrow {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 6px;
  transform: rotate(-90deg);
}
.baima-page-support-help .menu-view .tree-view .open {
  line-height: 40px;
}
.baima-page-support-help .menu-view .tree-view .open > a {
  cursor: pointer;
}
.baima-page-support-help .menu-view .tree-view .open img {
  transition: all ease 0.2s;
}
.baima-page-support-help .menu-view .tree-view a {
  font-weight: 400;
  vertical-align: middle;
  transition: all ease 0.2s;
  height: 21px;
  font-size: 16px;
  color: #7f7f7f;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.baima-page-support-help .menu-view .tree-view a[href]:hover {
  color: #00cebb;
}
.baima-page-support-help .menu-view .tree-view a.active {
  color: #00cebb;
}
.baima-page-support-help .menu-view .tree-view .tree-title {
  padding: 0 20px;
}
.baima-page-support-help .menu-view .tree-view .tree-title img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.baima-page-support-help .menu-view .tree-view .tree-title a {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #7f7f7f;
}
.baima-page-support-help .menu-view .tree-view .tree-content .node .grandChild .grandChild-item {
  font-size: 0;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent {
  display: none;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child {
  display: none;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .child-con {
  position: relative;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .child-con a {
  vertical-align: middle;
  transition: all ease 0.2s;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .child-item {
  margin-bottom: 22px;
  margin-left: 41px;
  height: 19px;
  line-height: 19px;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild {
  display: none;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild .grandson {
  display: none;
  padding-left: 15px;
  margin-left: 64px;
  border-left: 1px solid #d9d9d9;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild .grandson .grandson-item {
  font-size: 0;
  line-height: 40px;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild .grandson-con {
  font-size: 0;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild .grandson-con a {
  margin-left: 3px;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild .grandson-con img {
  transform: rotate(-90deg);
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild.active .grandson {
  display: block;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild.active .grandson-con img {
  transform: rotate(0deg);
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child .grandChild.active > .child-con img {
  transform: rotate(90deg);
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child.active .grandChild {
  display: block;
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent .child.active > .child-con img {
  transform: rotate(0deg);
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent.active > .parent-con img {
  transform: rotate(90deg);
}
.baima-page-support-help .menu-view .tree-view .tree-content .parent.active .child {
  display: block;
}
.baima-page-support-help .menu-view .tree-view .tree-content.active > .open .arrow {
  transform: rotate(0deg);
}
.baima-page-support-help .menu-view .tree-view .tree-content.active .parent {
  display: block;
}
.baima-page-support-help .menu-view .tree-view .child-con {
  line-height: 40px;
}
.baima-page-support-help .menu-view .tree-view .child-con:not(.open) a {
  height: 100%;
  padding-left: 56px;
  display: block;
}
.baima-page-support-help .menu-view .tree-view .child-con:not(.open):hover {
  background: #f6f4f4;
}
.baima-page-support-help .menu-view .tree-view .child-con.open {
  padding-left: 38px;
}
.baima-page-support-help .menu-view .tree-view .grandChild-item.only {
  line-height: 40px;
}
.baima-page-support-help .menu-view .tree-view .grandChild-item.only a {
  height: 100%;
  padding-left: 79px;
  display: block;
}
.baima-page-support-help .menu-view .tree-view .grandChild-item.only:hover {
  background: #f6f4f4;
}
.baima-page-support-help .menu-view .tree-view .grandson-con.open {
  padding-left: 58px;
}
.baima-page-support-help .content-box {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}
.baima-page-support-help .content-box p > span > img {
  max-width: 860px !important;
}
.baima-page-support-help .content-box .nav-bar {
  padding-top: 41px;
  margin-bottom: 50px;
}
.baima-page-support-help .content-box .nav-bar .nav-bar-item {
  font-size: 0;
  display: inline-block;
}
.baima-page-support-help .content-box .nav-bar .nav-bar-item a {
  height: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  color: #333333;
  vertical-align: middle;
  margin-right: 24px;
}
.baima-page-support-help .content-box .nav-bar .nav-bar-item img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 23px;
}
.baima-page-support-help .content-box .nav-bar .nav-bar-item:last-child img {
  display: none;
}
.baima-page-support-help .content-box .nav-bar .nav-bar-item:last-child a {
  color: #00cebb;
}
.baima-page-support-help .content-box .content-view {
  margin: 0 auto;
  max-width: 680px;
  vertical-align: top;
  display: flex;
  flex-direction: column;
  word-break: break-all;
}
.baima-page-support-help .content-box .content-view .tree-right-head {
  padding-bottom: 19px;
  margin-bottom: 35px;
  border-bottom: 1px dashed #dedede;
}
.baima-page-support-help .content-box .content-view .tree-right-head .title {
  height: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 32px;
  color: #555555;
  margin-bottom: 16px;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time {
  height: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #999999;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .author {
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .author img {
  width: 13px;
  height: 12px;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .author span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .text {
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .read {
  margin-left: 36px;
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .read img {
  width: 17px;
  height: 12px;
}
.baima-page-support-help .content-box .content-view .tree-right-head .time .read span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-help .content-box .content-view .tree-right-head .label {
  margin-top: 12px;
  font-size: 14px;
  position: relative;
  color: #999999;
}
.baima-page-support-help .content-box .content-view .tree-right-head .label .text {
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-head .label .item {
  display: inline-block;
  border: 1px solid #ccc;
  color: #666;
  padding: 2px 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  cursor: pointer;
  margin-right: 5px;
}
.baima-page-support-help .content-box .content-view .tree-right-head .label .item:hover {
  color: #00cebb;
}
.baima-page-support-help .content-box .content-view .tree-right-body > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #555555;
}
.baima-page-support-help .content-box .content-view .tree-right-body > p.msg-head {
  clear: both;
  border-right: #0099cc 1px solid;
  padding-right: 3px;
  border-top: #0099cc 1px solid;
  padding-left: 3px;
  font-size: 14px;
  background: #f6fbff;
  padding-bottom: 0px;
  margin: 3px auto 0px;
  overflow: hidden;
  border-left: #0099cc 1px solid;
  padding-top: 0px;
  border-bottom: #0099cc 1px solid;
}
.baima-page-support-help .content-box .content-view .tree-right-body > p.msg-head .left {
  float: left;
  height: 100%;
  display: inline-block;
  margin-left: 14px;
}
.baima-page-support-help .content-box .content-view .tree-right-body > p.msg-head .right {
  float: right;
  height: 100%;
  display: inline-block;
  margin-right: 14px;
  color: #1390e5;
  cursor: pointer;
}
.baima-page-support-help .content-box .content-view .tree-right-body > p.msg-head .right:hover {
  text-decoration: underline;
}
.baima-page-support-help .content-box .content-view .tree-right-body > p.msg-body {
  clear: both;
  border-right: #1390e5 1px solid;
  padding-right: 3px;
  padding-left: 3px;
  font-size: 14px;
  background: #000;
  padding-bottom: 0px;
  margin: 0px auto 3px;
  overflow: hidden;
  border-left: #1390e5 1px solid;
  word-break: break-all;
  padding-top: 0px;
  border-bottom: #1390e5 1px solid;
  word-wrap: break-word;
  color: #fff;
}
.baima-page-support-help .content-box .content-view .tree-right-body h5 {
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #555555;
  margin: 15px 0;
}
.baima-page-support-help .content-box .content-view .tree-right-body h4 {
  height: 29px;
  font-size: 22px;
  font-weight: bold;
  line-height: 29px;
  color: #555555;
  margin-bottom: 20px;
  margin-top: 34px;
}
.baima-page-support-help .content-box .content-view .tree-right-body img {
  max-width: 100%;
}
.baima-page-support-help .content-box .content-view .tree-right-body a {
  color: #00cebb;
}
.baima-page-support-help .content-box .content-view .tree-right-body table {
  border-spacing: 0;
}
.baima-page-support-help .content-box .content-view .tree-right-body table tbody tr td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.baima-page-support-help .content-box .content-view .tree-right-body table tbody tr td:first-child {
  border-left: 1px solid #000;
}
.baima-page-support-help .content-box .content-view .tree-right-body table tbody tr:first-child td {
  border-top: 1px solid #000;
}
.baima-page-support-help .content-box .content-view .tree-right-search .head {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .title {
  height: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #333;
  margin-bottom: 17px;
  margin-top: 24px;
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .title:hover {
  color: #00cebb;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item > .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: #555555;
  margin-bottom: 9px;
  display: block;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item > .text:hover {
  color: #00cebb;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time {
  height: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #999999;
  padding-bottom: 25px;
  border-bottom: 1px solid #dedede;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .author {
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .author img {
  width: 13px;
  height: 12px;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .author span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .text {
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .read {
  margin-left: 36px;
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .read img {
  width: 17px;
  height: 12px;
}
.baima-page-support-help .content-box .content-view .tree-right-search .right-search-con .item .time .read span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-help .content-box .content-view .tree-right-search .high-light {
  color: #f99a54;
}
.baima-page-support-help .content-box .content-view .tree-right-search.tag .right-search-con .item .title {
  color: #f99a54;
}
.baima-page-support-help .content-box .content-view .no-data {
  padding-top: 75px;
}
.baima-page-support-help .content-box .content-view .no-data img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}
.baima-page-support-help .content-box .content-view .no-data div {
  text-align: center;
  margin-top: 11px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
}
.baima-page-support-help .content-box .content-view .pane-content {
  margin: 20px 0;
  margin-bottom: 100px;
  position: relative;
  background: #fbfbfb;
  border-radius: 4px;
  padding: 27px 20px 27px 30px;
  color: #000;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-title .text {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  float: left;
  margin-right: 26px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-title .title-btn {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 102px;
  height: 32px;
  text-align: center;
  color: #1f2d3d;
  margin-right: 16px;
  display: inline-block;
  transition: background 218ms;
  line-height: 32px;
  cursor: pointer;
  position: relative;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-title .title-btn:hover {
  background: #ebebeb;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-title .title-btn img {
  margin-right: 7px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-title .title-btn span {
  font-size: 14px;
  vertical-align: middle;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-title .title-btn.active {
  border-color: #00cebb;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-line {
  margin: 20px 0;
  height: 1px;
  background-color: #e9e9e9;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question .text {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  margin-right: 26px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question .select-box {
  margin-top: 10px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question .select-box .item {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 8px;
  cursor: pointer;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question .select-box .item .checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question .select-box .item .checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question .select-box .item span {
  font-size: 14px;
  padding-left: 8px;
  vertical-align: middle;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question textarea {
  border: 1px solid #d9d9d9;
  width: 96%;
  height: 32px;
  max-width: 760px;
  display: block;
  padding: 5px 8px;
  margin-top: 2px;
  outline: 0;
  resize: none;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-question textarea.high {
  height: 140px;
}
.baima-page-support-help .content-box .content-view .pane-content .submit {
  display: none;
}
.baima-page-support-help .content-box .content-view .pane-content .submit .error-msg {
  font-size: 14px;
  color: red;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-btn {
  background: #00cebb;
  display: inline-block;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  cursor: pointer;
}
.baima-page-support-help .content-box .content-view .pane-content .input-body {
  margin-top: 13px;
  position: relative;
  display: inline-block;
}
.baima-page-support-help .content-box .content-view .pane-content .input-body input {
  color: #999999;
  font-size: 16px;
  outline: none;
  width: 322px;
  height: 50px;
  padding: 0 22px;
  background: #fff;
  border: 1px solid #f5f5f5;
}
.baima-page-support-help .content-box .content-view .pane-content .input-body .icon-captcha {
  width: 95px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  position: absolute;
  right: 7px;
  top: 10px;
  cursor: pointer;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help {
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
  line-height: 35px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment {
  display: inline-block;
  z-index: 99;
  position: relative;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment > .text {
  color: #00cebb;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment .qr-con {
  position: absolute;
  bottom: 126%;
  left: 50%;
  transform: translateX(-50%);
  width: 228px;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(114, 114, 114, 0.2);
  display: none;
  z-index: 99;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment .qr-con .border-down-empty {
  position: absolute;
  top: 100%;
  transform: rotate(180deg) translateX(50%);
  left: 50%;
  width: 34px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment .qr-con .qr {
  width: 175px;
  height: 175px;
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 5px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment .qr-con .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #555555;
  padding-bottom: 26px;
}
.baima-page-support-help .content-box .content-view .pane-content .pane-help .increment:hover .qr-con {
  display: block;
}
.baima-page-support-help .content-box .content-view .pane-content .modal-con {
  position: absolute;
  width: 257px;
  height: 171px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 6px rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 5px;
  left: 50%;
  bottom: 142px;
  transform: translateX(-50%);
  z-index: 9;
}
.baima-page-support-help .content-box .content-view .pane-content .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 6px;
}
.baima-page-support-help .content-box .content-view .pane-content .modal-con .title {
  margin-bottom: 13px;
  text-align: center;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
}
.baima-page-support-help .content-box .content-view .pane-content .modal-con .text {
  text-align: center;
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.baima-page-support-help .right-view {
  top: 120px;
  position: fixed;
  right: 100px;
}
.baima-page-support-help .right-view .fixed-nav {
  font-size: 0;
  width: 183px;
  border-left: 2px solid #dedede;
  max-height: 500px;
  overflow: auto;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-head {
  padding-left: 16px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #4c4c4c;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-item {
  padding-left: 16px;
  margin-left: -2px;
  border-left: 2px solid transparent;
  font-size: 14px;
  margin-bottom: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 138px;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-item span {
  cursor: pointer;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-item.parent {
  color: #cccccc;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-item.child {
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #cccccc;
  padding-left: 34px;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-item.active {
  border-color: #00cebb;
  color: #00cebb;
}
.baima-page-support-help .right-view .fixed-nav .fixed-nav-item.child-separation {
  padding-left: 16px;
}
.baima-page-support-help .right-view .label {
  font-size: 0;
  width: 183px;
  margin-top: 27px;
  border-left: 2px solid #dedede;
}
.baima-page-support-help .right-view .label .title {
  font-weight: 400;
  padding-left: 16px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  color: #474748;
}
.baima-page-support-help .right-view .label .child {
  margin-bottom: 12px;
}
.baima-page-support-help .right-view .label .child .item {
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  color: #a1a1a1;
  padding: 0 12px;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  margin-left: 20px;
}
.baima-page-support-help .right-view .label .child .item:hover {
  color: #00cebb;
}
.baima-page-support-help .right-view .page-view {
  margin-top: 10px;
  position: relative;
  background: #ffffff;
  border-radius: 2px;
  padding: 0 12px;
}
.baima-page-support-help .right-view .page-view .item {
  height: 88px;
  padding: 0 8px;
  position: relative;
  color: #9b9b9b;
}
.baima-page-support-help .right-view .page-view .item:first-child:not(.no-border) {
  border-bottom: 1px solid #ebebeb;
}
.baima-page-support-help .right-view .page-view .item a {
  font-size: 14px;
  color: #9b9b9b;
}
.baima-page-support-help .right-view .page-view .item .text {
  font-size: 12px;
  padding-top: 20px;
  margin-bottom: 6px;
}
.baima-page-support-help .right-view .page-view .item.none {
  display: none;
}
.baima-page-support-help .right-view .page-view .item:not(.none) {
  cursor: pointer;
}
.baima-page-support-help .right-view .page-view .item:hover {
  color: #00cebb;
}
.baima-page-support-help .right-view .page-view .item:hover a {
  color: #00cebb;
}
.baima-page-support-help .page {
  text-align: right;
  height: 50px;
  background: #fff;
  margin: 30px auto 20px;
  cursor: pointer;
}
.baima-page-support-help .page .pagination {
  display: inline-block;
  padding: 0;
  margin-top: 8px;
  margin-right: 5px;
}
.baima-page-support-help .page .pagination > li {
  display: inline-block;
  margin: 0 5px;
  height: 32px;
  width: 32px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
}
.baima-page-support-help .page .pagination > li.active {
  background-color: #00d0b9;
  border-radius: 5px;
}
.baima-page-support-help .page .pagination > li.active a {
  color: white;
}
.baima-page-support-help .page .pagination > li.active a:hover {
  background: transparent;
}
.baima-page-support-help .page .pagination > li > a {
  color: #727272;
  float: left;
  height: 32px;
  width: 32px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
  margin-top: -2px;
  font-size: 16px;
  display: inline-block;
}
.baima-page-support-help .page .pagination > li > a > img {
  width: 12px;
  height: 11px;
}
.baima-page-support-help .page .pagination > li > a.active {
  background-color: #00d0b9;
  color: white;
}
.baima-page-support-help .page .pagination > li:hover:not(.active) {
  background-color: #ddd;
}
.baima-page-support-help .code-modal {
  color: #fff;
  text-shadow: 1px 1px 4px #333;
  font-size: 18px;
  text-align: center;
  z-index: 105;
  width: 250px;
  height: 70px;
  line-height: 70px;
  margin-top: -35px;
  margin-left: -125px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: rgba(0, 208, 185, 0.7);
  box-shadow: 1px 3px 13px rgba(0, 208, 185, 0.5);
  border-radius: 10px;
}
@media screen and (max-width: 1430px) {
  .baima-page-support-help .right-view {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .baima-page-support-help .content-box .content-view {
    margin: 0;
  }
}
@media screen and (max-width: 1870px) {
  .baima-page-support-help .content-box {
    margin-left: 360px;
  }
}
.baima-page-other-cloud .banner {
  height: 563px;
  min-width: 1180px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.baima-page-other-cloud .banner .icon-banner {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  height: 563px;
  z-index: -2;
}
.baima-page-other-cloud .banner .content .banner-title {
  height: 79px;
  font-size: 36px;
  font-weight: bold;
  line-height: 32px;
  color: #ffffff;
  margin-left: 14px;
  margin-top: 128px;
}
.baima-page-other-cloud .banner .content .cloud-party {
  margin-bottom: 22px;
}
.baima-page-other-cloud .banner .content .cloud-party img {
  width: 185px;
  height: 53px;
  margin-right: 25px;
}
.baima-page-other-cloud .banner .content .banner-text {
  height: 29px;
  font-size: 23px;
  font-weight: 300;
  line-height: 25px;
  color: #ffffff;
  margin-left: 17px;
  margin-bottom: 44px;
}
.baima-page-other-cloud .banner .content .btn {
  display: inline-block;
  width: 228px;
  height: 60px;
  margin-left: 9px;
  font-size: 18px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
  box-shadow: 0px 3px 30px rgba(0, 206, 187, 0.49);
  text-align: center;
}
.baima-page-other-cloud .cloud-type {
  width: 997px;
  height: 234px;
  margin: 0 auto;
  position: relative;
  margin-top: -64px;
  z-index: 2;
  padding-top: 64px;
}
.baima-page-other-cloud .cloud-type .icon-type-bg {
  width: 997px;
  height: 298px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}
.baima-page-other-cloud .cloud-type .title {
  height: 37px;
  font-size: 28px;
  font-weight: 400;
  line-height: 37px;
  color: #333333;
  text-align: center;
  margin-bottom: 10px;
}
.baima-page-other-cloud .cloud-type .text {
  height: 22px;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  color: #aaaaaa;
  text-align: center;
  margin-bottom: 27px;
}
.baima-page-other-cloud .cloud-type .type {
  text-align: center;
  font-size: 0;
}
.baima-page-other-cloud .cloud-type .type img {
  width: 110px;
  height: 73px;
  margin: 0 80px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-title {
  height: 47px;
  font-size: 36px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  margin-bottom: 101px;
  text-align: center;
  margin-top: 111px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body {
  height: 400px;
  margin-bottom: 33px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-icon {
  width: 525px;
  height: 100%;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-icon img {
  width: 100%;
  height: 100%;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con {
  margin-left: 167px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con .trait-con-title {
  height: 37px;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  margin-top: 116px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con .trait-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #999999;
  margin-top: 28px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con .trait-more {
  margin-top: 36px;
  cursor: pointer;
  display: inline-block;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con .trait-more span {
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #00cebb;
  vertical-align: middle;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con .trait-more img {
  width: 24px;
  height: 17px;
  vertical-align: middle;
  transition: all ease 0.2s;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body .trait-con .trait-more:hover img {
  transform: translateX(15px);
}
.baima-page-other-cloud .trait .trait-item .content .trait-body.trait-type .trait-con {
  text-align: right;
  margin-right: 113px;
}
.baima-page-other-cloud .trait .trait-item .content .trait-body.trait-type .trait-con .trait-con-title,
.baima-page-other-cloud .trait .trait-item .content .trait-body.trait-type .trait-con .trait-text {
  text-align: right;
}
.baima-page-other-cloud .trait .trait-item:last-child .trait-body {
  margin-bottom: 0;
}
.baima-page-other-cloud .trait .trait-item:nth-child(even) {
  background-color: #fbfcfd;
}
.baima-page-single-price {
  padding-top: 95px;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.baima-page-single-price .price-bg {
  position: absolute;
  width: 100%;
  height: 568px;
  left: 50%;
  z-index: 0;
  top: 0;
  transform: translateX(-50%);
}
.baima-page-single-price .price-head {
  position: relative;
}
.baima-page-single-price .price-head > .title {
  height: 53px;
  font-size: 40px;
  font-weight: 600;
  line-height: 53px;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}
.baima-page-single-price .price-head .resolving {
  height: 32px;
  font-weight: 400;
  margin-bottom: 41px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: #666;
}
.baima-page-single-price .price-head .increment-btn {
  margin: 0 auto;
  margin-bottom: 49px;
  text-align: center;
  border-radius: 100px;
  font-weight: 400;
  color: #ffffff;
  position: relative;
  width: 189px;
  height: 56px;
  background: #000;
  border-radius: 4px;
}
.baima-page-single-price .price-head .increment-btn > .text {
  line-height: 56px;
  border-radius: 100px;
  cursor: pointer;
  height: 100%;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  left: 44px;
}
.baima-page-single-price .price-head .increment-btn .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 41px;
  top: 17px;
  cursor: pointer;
}
.baima-page-single-price .price-head .increment-btn .qr-con {
  position: absolute;
  bottom: 0;
  left: 174%;
  transform: translateX(-50%);
  width: 228px;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(114, 114, 114, 0.2);
  display: none;
  z-index: 999;
}
.baima-page-single-price .price-head .increment-btn .qr-con .border-down-empty {
  position: absolute;
  bottom: 23px;
  transform: rotate(270deg);
  left: -23px;
  width: 34px;
}
.baima-page-single-price .price-head .increment-btn .qr-con .qr {
  width: 175px;
  height: 175px;
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 5px;
}
.baima-page-single-price .price-head .increment-btn .qr-con .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #555555;
  padding-bottom: 26px;
}
.baima-page-single-price .price-head .increment-btn:hover .qr-con {
  display: block;
}
.baima-page-single-price .type {
  text-align: center;
  font-size: 0;
}
.baima-page-single-price .type .content {
  display: flex;
}
.baima-page-single-price .type .content .type-box {
  width: 1024px;
  margin: 0 auto;
  vertical-align: middle;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.baima-page-single-price .type .content .type-box .type-item {
  width: 282px;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  vertical-align: top;
  top: 0;
  border-radius: 8px;
  opacity: 1;
  position: relative;
  transition: all 0.3s;
}
.baima-page-single-price .type .content .type-box .type-item:hover {
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.26);
  transform: translateY(-10px);
}
.baima-page-single-price .type .content .type-box .type-item .item-box {
  height: 100%;
  position: relative;
  border-radius: 4px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #333333;
  position: relative;
  margin-left: 28px;
  padding-top: 30px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .title:before {
  width: 72px;
  height: 6px;
  background: linear-gradient(90deg, #ffffff 0%, rgba(72, 72, 72, 0) 100%);
  opacity: 0.4;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .price-raw {
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
  color: #fff;
  margin-left: 28px;
  padding-top: 70px;
  padding-bottom: 12px;
  position: relative;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price {
  font-weight: bold;
  line-height: 32px;
  position: relative;
  margin-top: 23px;
  padding-left: 28px;
  font-size: 0;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price div {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price div.yuan {
  font-size: 24px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price div.num {
  font-size: 34px;
  margin-right: 8px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price div.year {
  font-size: 16px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price div.free-text {
  font-size: 24px;
  margin-right: 12px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-price.service {
  font-size: 23px;
  font-weight: 600;
  color: #fbc76a;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .price-content {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  opacity: 0.8;
  margin-top: 5px;
  padding-left: 28px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .scene-content {
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 46px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .scene-content .spot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  margin-top: 6px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .scene-content .scene-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666;
  display: inline-block;
  vertical-align: top;
  max-width: 200px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .price-text {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-decoration: line-through;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 8px;
  transform: scale(0.8);
}
.baima-page-single-price .type .content .type-box .type-item .item-box .text {
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  color: #333333;
  position: relative;
  z-index: 2;
  padding-left: 28px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-btn {
  margin: 0 auto;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin-left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 40px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-top: 28px;
  margin-bottom: 40px;
}
.baima-page-single-price .type .content .type-box .type-item .item-box .type-btn:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-page-single-price .type .content .type-box .type-item .item-box .bg {
  position: absolute;
  left: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
}
.baima-page-single-price .type .content .type-box .type-item .item-scene {
  margin-top: 25px;
}
.baima-page-single-price .type .content .type-box .type-item .item-scene .title {
  font-size: 14px;
  margin-left: 26px;
  font-weight: 400;
  line-height: 19px;
  color: #333333;
  margin-bottom: 9px;
}
.baima-page-single-price .type .content .type-box .type-item .recommend {
  position: absolute;
  z-index: 5;
  right: -8px;
  top: 25px;
}
.baima-page-single-price .type .content .type-box .type-item.free .type-price {
  color: #333;
}
.baima-page-single-price .type .content .type-box .type-item.free .type-btn {
  background: linear-gradient(90deg, #ffffff 0%, #eeeeee 100%);
  color: #333;
}
.baima-page-single-price .type .content .type-box .type-item.free .scene-content .spot {
  background: linear-gradient(290deg, #d9d9d9 0%, #eeeeee 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-page-single-price .type .content .type-box .type-item.basic .title {
  color: #fff;
}
.baima-page-single-price .type .content .type-box .type-item.basic .type-price {
  color: #fff;
}
.baima-page-single-price .type .content .type-box .type-item.basic .type-price .num {
  font-size: 40px;
}
.baima-page-single-price .type .content .type-box .type-item.basic .type-btn {
  background: linear-gradient(90deg, #c3d4ec 0%, #8ca8d2 100%);
}
.baima-page-single-price .type .content .type-box .type-item.basic .type-btn:hover {
  background: linear-gradient(90deg, #9FBAE1 0%, #5C83BD 100%);
}
.baima-page-single-price .type .content .type-box .type-item.basic .scene-content .spot {
  background: linear-gradient(90deg, #c3d4ec 0%, #8ca8d2 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-page-single-price .type .content .type-box .type-item.enterprise .type-price {
  color: #fff;
}
.baima-page-single-price .type .content .type-box .type-item.enterprise .type-price .num {
  font-size: 40px;
  color: #fff;
}
.baima-page-single-price .type .content .type-box .type-item.enterprise .title {
  color: #fff;
}
.baima-page-single-price .type .content .type-box .type-item.enterprise .type-btn {
  background: linear-gradient(91deg, #4690ff 0%, #1773ff 100%);
}
.baima-page-single-price .type .content .type-box .type-item.enterprise .type-btn:hover {
  background: linear-gradient(91deg, #4690FF 0%, #045DE4 100%);
}
.baima-page-single-price .type .content .type-box .type-item.enterprise .scene-content .spot {
  background: linear-gradient(91deg, #4690ff 0%, #1773ff 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-page-single-price .type .content .type-box .type-item.senior .title,
.baima-page-single-price .type .content .type-box .type-item.senior .price-raw,
.baima-page-single-price .type .content .type-box .type-item.senior .type-price,
.baima-page-single-price .type .content .type-box .type-item.senior .price-content {
  color: #fbc76a;
}
.baima-page-single-price .type .content .type-box .type-item.senior .type-btn {
  background: #3d4245;
  border-radius: 2px;
  color: #fbc76a;
}
.baima-page-single-price .type .content .type-box .type-item.senior .type-btn:hover {
  background: #515151;
}
.baima-page-single-price .type .content .type-box .type-item.senior .scene-content .spot {
  background: linear-gradient(314deg, #3d4245 0%, #ffffff 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-page-single-price .type .content .type-box .type-item:last-child {
  margin-right: 0;
}
.baima-page-single-price .tip {
  padding-top: 64px;
  padding-bottom: 25px;
}
.baima-page-single-price .tip .content {
  font-size: 0;
  display: flex;
}
.baima-page-single-price .tip .content .title {
  width: 176px;
}
.baima-page-single-price .tip .content table {
  flex: 1;
  border-spacing: 0;
}
.baima-page-single-price .tip .content table td {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 33.3%;
  text-align: center;
}
.baima-page-single-price .tip:not(.tip-con) .enterprise {
  font-size: 0;
  height: 24px;
  width: 17.5%;
  text-align: center;
}
.baima-page-single-price .tip:not(.tip-con) .enterprise span {
  vertical-align: top;
  font-size: 16px;
  color: #999;
  cursor: pointer;
}
.baima-page-single-price .tip:not(.tip-con) .enterprise span.active {
  color: #00cebb;
}
.baima-page-single-price .tip:not(.tip-con) .enterprise span:last-child {
  margin-left: 14px;
  padding-left: 14px;
  position: relative;
  display: inline-block;
}
.baima-page-single-price .tip:not(.tip-con) .enterprise span:last-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  border-right: 1px solid #e9e9e9;
  height: 17px;
  width: 0;
}
.baima-page-single-price .tip.tip-con .enterprise {
  font-size: 0;
  position: relative;
  height: 32px;
  border-radius: 4px;
  line-height: initial;
}
.baima-page-single-price .tip.tip-con .enterprise .enterprise-box {
  padding: 2px;
  background: #f0f2f5;
  display: inline-block;
}
.baima-page-single-price .tip.tip-con .enterprise span {
  font-size: 15px;
  color: #666;
  cursor: pointer;
  width: 88px;
  padding: 6px 21px;
  font-weight: 400;
}
.baima-page-single-price .tip.tip-con .enterprise span.active {
  color: #00cebb;
  background: #ffffff;
  border-radius: 2px;
}
.baima-page-single-price .tip.tip-con .enterprise span:last-child {
  margin-left: 6px;
  padding-left: 14px;
  position: relative;
  display: inline-block;
}
.baima-page-single-price .tip.tip-con .enterprise span .why-btn {
  position: absolute;
  right: 25px;
  top: 28%;
  transform: translateY(-50%);
}
.baima-page-single-price .increment {
  padding-top: 80px;
}
.baima-page-single-price .increment .increment-header {
  width: 100%;
  padding-left: 176px;
  box-sizing: border-box;
  background: #E9F2FE;
}
.baima-page-single-price .increment .increment-header.fixed-three-version {
  width: 1200px;
  z-index: 4;
  position: fixed;
  top: 59px;
}
.baima-page-single-price .increment .increment-header .increment-header-title {
  position: relative;
}
.baima-page-single-price .increment .increment-header .increment-header-title h2 {
  font-size: 16px;
  position: absolute;
  left: -128px;
  top: 15px;
}
.baima-page-single-price .increment .increment-header .increment-header-title table {
  width: 100%;
}
.baima-page-single-price .increment .increment-header .increment-header-title table tr {
  position: relative;
}
.baima-page-single-price .increment .increment-header .increment-header-title table tr td {
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: #323233;
}
.baima-page-single-price .increment .increment-con {
  margin-bottom: 40px;
}
.baima-page-single-price .increment .increment-con table {
  width: 100%;
  border-spacing: 0;
}
.baima-page-single-price .increment .increment-con table tr td {
  position: relative;
  text-align: center;
  font-weight: 400;
  line-height: 48px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
  color: #333;
  width: 338px;
}
.baima-page-single-price .increment .increment-con table tr td.increment-table-title {
  width: 176px;
}
.baima-page-single-price .increment .increment-con table tr td img {
  width: 16px;
  vertical-align: middle;
}
.baima-page-single-price .increment .increment-con table tr td .why-btn {
  position: relative;
  display: inline;
}
.baima-page-single-price .increment .increment-con table tr td .why-btn > img {
  width: 14px;
  height: 14px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 2px;
}
.baima-page-single-price .increment .increment-con table tr td .why-btn > img.icon-hover {
  display: none;
}
.baima-page-single-price .increment .increment-con table tr td .why-btn:hover .why-con {
  display: inline-block;
  z-index: 10;
}
.baima-page-single-price .increment .increment-con table tr td .why-btn:hover > img {
  display: none;
}
.baima-page-single-price .increment .increment-con table tr td .why-btn:hover > img.icon-hover {
  display: inline-block;
}
.baima-page-single-price .increment .increment-con table tr:hover {
  background: #f8f8f8;
}
.baima-page-single-price .increment > .title {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #666666;
  padding-top: 10px;
}
.baima-page-single-price .partner {
  width: 100%;
  height: 180px;
  line-height: 180px;
  position: relative;
}
.baima-page-single-price .partner .partner-background {
  position: absolute;
  width: 100%;
  height: 180px;
}
.baima-page-single-price .partner .partner-body {
  display: flex;
}
.baima-page-single-price .partner .partner-body .partner-title {
  flex: 1;
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  line-height: 180px;
  letter-spacing: 1px;
}
.baima-page-single-price .partner .partner-body .partner-button {
  height: 48px;
  line-height: 48px;
  color: #ffffff;
  border-radius: 4px;
  display: inline-block;
  background: #00cebb;
  text-align: center;
  padding: 0 32px;
  font-size: 16px;
  margin-top: 66px;
}
.baima-page-single-price .partner .partner-body .partner-button:hover {
  background: #10BFAE;
}
.baima-page-single-price .question-list {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
}
.baima-page-single-price .question-list > .title {
  margin-bottom: 28px;
  text-align: center;
  line-height: 53px;
  color: #333333;
  font-size: 40px;
  color: #333;
}
.baima-page-single-price .question-list > ul {
  max-width: 1120px;
  margin: 0 auto;
}
.baima-page-single-price .question-list .question-item {
  border-bottom: 1px solid #f1f1f1;
  transition: all 218ms;
}
.baima-page-single-price .question-list .question-item .item-trigger {
  position: relative;
  padding: 16px 20px;
  padding-right: 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 218ms;
  transition: all 218ms;
  line-height: 32px;
}
.baima-page-single-price .question-list .question-item .item-trigger span:hover {
  color: #00cebb;
}
.baima-page-single-price .question-list .question-item .item-trigger .reduce {
  display: none;
}
.baima-page-single-price .question-list .question-item .item-trigger .add {
  display: block;
}
.baima-page-single-price .question-list .question-item .item-trigger .reduce,
.baima-page-single-price .question-list .question-item .item-trigger .add {
  top: 25px;
  font-size: 26px;
  right: 22px;
  position: absolute;
}
.baima-page-single-price .question-list .question-item .item-trigger .reduce img,
.baima-page-single-price .question-list .question-item .item-trigger .add img {
  display: block;
}
.baima-page-single-price .question-list .question-item .item-trigger .reduce img.hover,
.baima-page-single-price .question-list .question-item .item-trigger .add img.hover {
  display: none;
}
.baima-page-single-price .question-list .question-item .item-trigger .reduce:hover img,
.baima-page-single-price .question-list .question-item .item-trigger .add:hover img {
  display: none;
}
.baima-page-single-price .question-list .question-item .item-trigger .reduce:hover img.hover,
.baima-page-single-price .question-list .question-item .item-trigger .add:hover img.hover {
  display: block;
}
.baima-page-single-price .question-list .question-item .item-panel {
  display: none;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #666;
}
.baima-page-single-price .question-list .question-item.active {
  padding: 0 0 39px;
}
.baima-page-single-price .question-list .question-item.active .item-trigger .reduce {
  display: block;
}
.baima-page-single-price .question-list .question-item.active .item-trigger .add {
  display: none;
}
.baima-page-single-price .question-list .question-item.active .item-panel {
  display: block;
}
.baima-page-single-price .welfare {
  height: 162px;
  position: relative;
  padding: 35px 0 37px;
  background: linear-gradient(180deg, rgba(255, 208, 208, 0.16) 0%, rgba(255, 253, 253, 0) 100%);
}
.baima-page-single-price .welfare .bg {
  position: absolute;
  height: 234px;
  left: 50%;
  z-index: 0;
  top: 0;
  width: 1920px;
  transform: translateX(-50%);
}
.baima-page-single-price .welfare .title {
  z-index: 2;
  position: relative;
  text-align: center;
}
.baima-page-single-price .welfare .title span {
  font-size: 36px;
  font-weight: 600;
  line-height: 53px;
  color: #333;
  vertical-align: middle;
}
.baima-page-single-price .welfare .title img {
  width: 32px;
  height: 28px;
  margin-right: 16px;
  vertical-align: middle;
}
.baima-page-single-price .welfare .text {
  z-index: 2;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  margin-top: 24px;
  text-align: center;
}
.baima-page-single-price .welfare .phone {
  z-index: 2;
  position: relative;
  margin-top: 40px;
  text-align: center;
}
.baima-page-single-price .welfare .phone span {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #f34b4b;
}
.baima-page-single-price .welfare .phone img {
  width: 14px;
  height: 14px;
  margin-left: 85px;
  margin-right: 13px;
}
.baima-page-single-price .why-btn .why-con {
  position: absolute;
  background: #333;
  border-radius: 4px;
  bottom: 24px;
  left: 0;
  transform: translateX(-50%);
  display: none;
}
.baima-page-single-price .why-btn .why-con .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
  position: relative;
  padding: 8px 16px;
  white-space: nowrap;
}
.baima-page-single-price .why-btn .why-con .arrow-down {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #333;
  bottom: -7px;
  left: 50%;
}
.baima-page-single-price .why-btn:hover .why-con {
  display: block;
}
.baima-page-single-price .why-btn:hover > img {
  display: none;
}
.baima-page-single-price .why-btn:hover > img.icon-hover {
  display: block;
}
.baima-page-single-about {
  position: relative;
  overflow: hidden;
}
.baima-page-single-about .about-baima {
  height: 1020px;
  position: relative;
  overflow: hidden;
}
.baima-page-single-about .about-baima > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.baima-page-single-about .about-baima .about-baima-content {
  width: 1180px;
  height: 960px;
  box-sizing: border-box;
  margin: 120px auto 0;
}
.baima-page-single-about .about-baima .about-baima-content h2 {
  font-size: 61px;
  color: #333;
}
.baima-page-single-about .about-baima .about-baima-content p {
  font-size: 36px;
  color: #8F9EB6;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-list {
  margin: 74px 0 40px;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-list img {
  width: 220px;
  height: 124px;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-list img:not(:last-child) {
  margin-right: 15px;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video {
  display: flex;
  align-items: center;
  justify-content: center;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-right {
  width: 684px;
  height: 385px;
  border: 6px solid #4B4B4B;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-right .icon {
  width: 88px;
  height: 13px;
  margin-bottom: 21px;
  margin-right: 19px;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-right .video-con {
  width: 684px;
  height: 385px;
  background: #ffffff;
  box-shadow: 5px 10px 25px rgba(22, 87, 132, 0.2);
  border-radius: 10px;
  position: relative;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-right .video-con div.icon-video {
  z-index: 2;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-right .video-con .icon-video {
  width: 100%;
  height: 100%;
  position: absolute;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-right .video-con .video-modal-start {
  width: 94px;
  height: 94px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}
.baima-page-single-about .about-baima .about-baima-content .about-baima-video .us-left {
  width: 436px;
  height: 144px;
  font-size: 18px;
  color: #333333;
  line-height: 40px;
  margin-left: 60px;
}
.baima-page-single-about .about-service {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
.baima-page-single-about .about-service > img {
  width: 100%;
  height: 740px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.baima-page-single-about .about-service .about-service-content {
  width: 1180px;
  margin: 129px auto 0;
  position: relative;
}
.baima-page-single-about .about-service .about-service-content h2 {
  font-size: 36px;
  color: #333;
  margin-bottom: 78px;
}
.baima-page-single-about .about-service .about-service-content > p {
  font-size: 120px;
  color: #EAEAEC;
  font-weight: 600;
  position: absolute;
  top: -60px;
  left: -8px;
  z-index: -1;
}
.baima-page-single-about .about-service .about-service-content .about-service-list {
  font-size: 0;
  margin-bottom: 100px;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  box-sizing: border-box;
  padding: 32px 0 84px 12px;
  position: relative;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item:not(:first-child) {
  margin-left: 20px;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item p {
  color: #333;
  font-size: 66px;
  font-weight: 600;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item p span {
  font-size: 31px;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item > span {
  font-size: 16px;
  color: #636E80;
  margin-left: 5px;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item .item-line {
  width: 100%;
  height: 2px;
  background: #0098FF;
  position: absolute;
  left: 0;
  bottom: 0;
}
.baima-page-single-about .about-service .about-service-content .about-service-list .service-list-item:nth-child(odd) .item-line {
  background: #00CEBB;
}
.baima-page-single-about .about-service .about-service-content .about-service-help {
  font-size: 0;
  padding: 0 15px;
}
.baima-page-single-about .about-service .about-service-content .about-service-help .service-help-item {
  display: inline-block;
  vertical-align: top;
  width: 558px;
  height: 280px;
  background: linear-gradient(180deg, #42B0FF 0%, #1170FF 100%);
  box-shadow: 0px 3px 20px 1px rgba(5, 56, 108, 0.06);
  box-sizing: border-box;
  padding: 38px 31px 58px;
  position: relative;
}
.baima-page-single-about .about-service .about-service-content .about-service-help .service-help-item:last-child {
  margin-left: 32px;
  background: linear-gradient(180deg, #57647A 0%, #262E3B 100%);
}
.baima-page-single-about .about-service .about-service-content .about-service-help .service-help-item > img {
  width: 124px;
  height: 124px;
  position: absolute;
  top: -45px;
  left: 30px;
}
.baima-page-single-about .about-service .about-service-content .about-service-help .service-help-item p {
  font-weight: 600;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 44px;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
.baima-page-single-about .about-service .about-service-content .about-service-help .service-help-item p::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 68px;
}
.baima-page-single-about .about-service .about-service-content .about-service-help .service-help-item span {
  display: block;
  width: 384px;
  margin: auto;
  height: 76px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 44px;
  text-align: center;
}
.baima-page-single-about .about-deployment {
  padding-bottom: 80px;
}
.baima-page-single-about .about-deployment .about-deployment-content {
  width: 1180px;
  margin: 0 auto;
  padding: 30px 0;
}
.baima-page-single-about .about-deployment .about-deployment-content h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.baima-page-single-about .about-deployment .about-deployment-content p {
  color: #636E80;
  font-size: 17px;
  text-align: center;
  margin: 24px 0 56px;
}
.baima-page-single-about .about-deployment .about-deployment-content .about-deployment-img {
  width: 100%;
  height: 631.15px;
}
.baima-page-single-about .about-deployment .about-deployment-content .about-deployment-img img {
  width: 100%;
  height: 100%;
}
.baima-page-single-about .about-focus {
  height: 810px;
  overflow: hidden;
  position: relative;
}
.baima-page-single-about .about-focus > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.baima-page-single-about .about-focus .about-focus-content {
  width: 1180px;
  margin: 80px auto 0;
}
.baima-page-single-about .about-focus .about-focus-content h2 {
  color: #fff;
  font-weight: 600;
  font-size: 36px;
  text-align: center;
  margin-bottom: 56px;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list {
  font-size: 0;
  overflow: hidden;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item {
  display: inline-block;
  vertical-align: top;
  width: 576px;
  height: 260px;
  box-sizing: border-box;
  margin-bottom: 28px;
  position: relative;
  padding: 76px 0 0 40px;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item p {
  font-weight: 600;
  font-size: 25px;
  color: #FFFFFF;
  line-height: 44px;
  margin-bottom: 45px;
  position: relative;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item p::after {
  display: block;
  content: "";
  width: 61px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 62px;
  left: 0;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item span {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 32px;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item span span {
  color: #00CEBB;
}
.baima-page-single-about .about-focus .about-focus-content .about-focus-list .focus-list-item:nth-child(even) {
  margin-left: 28px;
}
.baima-page-single-about .about-certificate .about-certificate-content {
  width: 1180px;
  margin: 80px auto;
}
.baima-page-single-about .about-certificate .about-certificate-content h2 {
  font-weight: 600;
  font-size: 36px;
  color: #333333;
  text-align: center;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-img {
  width: 100%;
  height: 488px;
  margin: 62px 0 60px;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-img img {
  width: 1235px;
  height: 100%;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list {
  width: 100%;
  padding: 0 50px;
  font-size: 0;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 80px;
  position: relative;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item:not(:last-child) {
  margin-right: 176px;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item img {
  width: 44px;
  height: 100%;
  position: absolute;
  top: 0;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item img:first-child {
  left: 0;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item img:last-child {
  right: 0;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item p {
  font-weight: 600;
  font-size: 35px;
  color: #BD9448;
  line-height: 32px;
  text-align: center;
  margin: 8px 0 5px;
}
.baima-page-single-about .about-certificate .about-certificate-content .certificate-list .certificate-list-item span {
  display: block;
  font-weight: 600;
  font-size: 20px;
  color: #BD9448;
  line-height: 32px;
  text-align: center;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.baima-page-single-caigou {
  overflow: hidden;
}
.baima-page-single-caigou .caigou-content-item1 {
  width: 100%;
  height: 588px;
  position: relative;
}
.baima-page-single-caigou .caigou-content-item1 > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  padding: 1px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left {
  width: 500px;
  height: 400px;
  margin-top: 168px;
  letter-spacing: 2px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left h1 {
  width: 470px;
  font-size: 50px;
  color: #333333;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left p {
  font-size: 20px;
  line-height: 40px;
  color: #666;
  letter-spacing: 3px;
  margin: 12px 0 42px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left p span {
  letter-spacing: 0;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left .item1-system-characteristics {
  width: 412px;
  margin-top: 52px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left .item1-system-characteristics > div {
  width: 198px;
  height: 44px;
  border-radius: 30px;
  float: left;
  background-color: #fff;
  position: relative;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left .item1-system-characteristics > div:nth-child(2n+1) {
  margin-right: 16px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left .item1-system-characteristics > div:nth-child(n+3) {
  margin-top: 14px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left .item1-system-characteristics > div > img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 35px;
  top: 7px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-left .item1-system-characteristics > div > span {
  font-size: 18px;
  color: #333333;
  line-height: 45px;
  margin-left: 67px;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-right {
  width: 155%;
  height: 566px;
  position: absolute;
  top: 20px;
  left: -28%;
}
.baima-page-single-caigou .caigou-content-item1 .item1-content .item1-right img {
  width: 100%;
  height: 100%;
}
.baima-page-single-caigou .caigou-content-item2,
.baima-page-single-caigou .caigou-content-item3,
.baima-page-single-caigou .caigou-content-item4,
.baima-page-single-caigou .caigou-content-item5 {
  margin: 100px auto;
  box-sizing: border-box;
}
.baima-page-single-caigou .caigou-content-item2 .content-box,
.baima-page-single-caigou .caigou-content-item3 .content-box,
.baima-page-single-caigou .caigou-content-item4 .content-box,
.baima-page-single-caigou .caigou-content-item5 .content-box {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-caigou .caigou-content-item2 .content-box h2,
.baima-page-single-caigou .caigou-content-item3 .content-box h2,
.baima-page-single-caigou .caigou-content-item4 .content-box h2,
.baima-page-single-caigou .caigou-content-item5 .content-box h2 {
  text-align: center;
  font-size: 36px;
  color: #333;
  margin-bottom: 60px;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item {
  width: 580px;
  height: 184px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 12px;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > .img-bg,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > .img-bg,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > .img-bg,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > .img-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div {
  padding: 45px 32px;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div img,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div img,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div img,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div img {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div p,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div p,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div p,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div p {
  padding: 7px 78px 5px;
  color: #333333;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 5px;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span {
  font-size: 14px;
  margin-left: 20px;
}
.baima-page-single-caigou .caigou-content-item2 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span strong,
.baima-page-single-caigou .caigou-content-item3 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span strong,
.baima-page-single-caigou .caigou-content-item4 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span strong,
.baima-page-single-caigou .caigou-content-item5 .content-box .item2-content-system-plus-platform .item2-content-system-plus-platform-item > div span strong {
  font-size: 20px;
  padding: 0 8px;
  color: #0098FF;
}
.baima-page-single-caigou .caigou-content-item3 {
  width: 100%;
  height: 668px;
  box-sizing: border-box;
  padding-top: 80px;
  margin: 0;
  background-color: #FAFAFA;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics {
  height: 405px;
  display: flex;
  justify-content: space-between;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-left {
  width: 420px;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 0px 12px 1px rgba(0, 45, 41, 0.13);
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-left > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-left div {
  width: 320px;
  height: 240px;
  margin: 90px auto 0;
  position: relative;
  z-index: 1;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-left div h2 {
  font-size: 75px;
  margin: 0;
  color: #fff;
  text-align: center;
  font-family: PangMenZhengDao, PangMenZhengDao;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-left div h2 span {
  font-size: 50px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-left div p {
  width: 317px;
  font-size: 30px;
  line-height: 50px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right {
  width: 735px;
  height: 405px;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div {
  width: 355px;
  height: 172px;
  background: linear-gradient(#EEF2F6, #FFFFFF);
  padding: 51px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 1px rgba(0, 45, 41, 0.13);
  border: 2px solid #FFFFFF;
  white-space: nowrap;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div .statistics-right-text-box {
  width: 150px;
  height: 95px;
  text-align: center;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div .statistics-right-text-box:last-of-type {
  width: 100px;
  color: #00CEBB;
  font-family: PangMenZhengDao, PangMenZhengDao;
  font-size: 67px;
  margin-left: -15px;
  box-sizing: border-box;
  letter-spacing: -3px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div .statistics-right-text-box:last-of-type > span {
  font-size: 45px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div .statistics-right-text-box h4 {
  padding: 10px 0;
  font-size: 30px;
  color: #333;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div .statistics-right-text-box p {
  font-size: 16px;
  color: #888;
  letter-spacing: 2px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div:last-of-type {
  width: 734px;
  height: 213px;
  margin-top: 19px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div:last-of-type .statistics-right-text-box {
  width: 170px;
  letter-spacing: 2px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div:last-of-type .statistics-right-text-box:last-of-type {
  width: 280px;
  margin: 15px 0 0 -200px;
  font-size: 112px;
  line-height: 60px;
  letter-spacing: -2px;
}
.baima-page-single-caigou .caigou-content-item3 .item3-content-statistics .item3-statistics-right > div:last-of-type .statistics-right-text-box:last-of-type > span {
  font-size: 75px;
}
.baima-page-single-caigou .city-customized-development-process {
  background-color: #F1F3F5;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container {
  width: 1190px;
  margin: 0 auto;
  padding: 80px 0 90px 0;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container > h2 {
  text-align: center;
  font-size: 36px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .common-container-text {
  line-height: 40px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container > p {
  width: 720px;
  text-align: center;
  color: #3D485D;
  font-size: 20px;
  margin: 20px auto 54px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul {
  box-sizing: border-box;
  padding-left: 6px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li {
  display: inline-block;
  width: 170px;
  height: 162px;
  background: linear-gradient(198deg, #EFF6F9 0%, #FFFFFF 100%);
  border-radius: 8px;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  padding: 23px 17px;
  vertical-align: middle;
  position: relative;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li:not(:last-of-type) {
  margin-right: 20px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 42%;
  bottom: -12px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li:nth-of-type(odd) {
  margin-top: 89px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li:nth-of-type(even) {
  margin-top: -89px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li > img {
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li p {
  font-size: 18px;
  color: #3D485D;
  text-align: center;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li:last-of-type {
  padding: 23px 40px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container ul li .icon-dot {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 42%;
  bottom: -55px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container .snake-picture-box {
  margin-top: -50px;
}
.baima-page-single-caigou .city-customized-development-process .city-common-container .customized-development-process-container .snake-picture-box img {
  width: 100%;
  height: 100%;
}
.baima-page-single-caigou .caigou-content-item4 .item4-content-deploy-architectur {
  width: 1180px;
  height: 797px;
}
.baima-page-single-caigou .caigou-content-item4 .item4-content-deploy-architectur img {
  width: 100%;
  height: 100%;
}
.baima-page-single-caigou .caigou-content-item5 {
  margin: 0;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 {
  padding-bottom: 58px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-title-box h2 {
  font-size: 36px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 58px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 15px 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #F5F8FD;
  cursor: pointer;
  position: relative;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42B0FF 0%, #1170FF 100%);
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 {
  height: 460px;
  background: #E9ECF5;
  position: relative;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  letter-spacing: 0.8px;
  margin-right: 35px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098FF;
  margin-bottom: 6px;
  text-align: center;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  font-size: 12px;
  color: #676B73;
  text-align: center;
  white-space: nowrap;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  position: absolute;
  margin-left: -585px;
  left: 50%;
  bottom: 48px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42B0FF 0%, #1170FF 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .operation-icon-arrow.research-development {
  margin-top: 26px;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-case-img {
  z-index: -2;
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
  overflow: hidden;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.baima-page-single-caigou .caigou-content-item5 .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  left: 1px;
  opacity: 0;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.baima-page-single-fuke .fuke-copying-system {
  width: 100%;
  height: 760px;
  position: relative;
  overflow: hidden;
}
.baima-page-single-fuke .fuke-copying-system > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-text {
  width: 480px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
  margin-top: 60px;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-text h1 {
  font-size: 50px;
  color: #333;
  font-weight: 600;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-text p {
  font-size: 22px;
  color: #666666;
  line-height: 40px;
  padding: 10px 0 25px 0;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-text a {
  display: block;
  width: 240px;
  height: 50px;
  margin: 0 auto;
  border: none;
  border-radius: 8px;
  background: linear-gradient(to right, #0098FF, #37AEFF);
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-picture {
  width: 1300px;
  height: 500px;
  margin: 0 auto;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-picture > img {
  width: 100%;
  height: 438px;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-picture .picture-bottom-text {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: -25px;
}
.baima-page-single-fuke .fuke-copying-system .copying-system-content-picture .picture-bottom-text p {
  font-size: 25px;
  font-weight: bold;
  color: #333;
}
.baima-page-single-fuke .fuke-copying-software,
.baima-page-single-fuke .fuke-low-code-copying-software,
.baima-page-single-fuke .fuke-why-choose-baima,
.baima-page-single-fuke .fuke-copyright-description {
  width: 100%;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 {
  width: 1116px;
  padding: 60px 0 100px 0;
  margin: 30px auto 0;
  box-sizing: border-box;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2 h2,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2 h2,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2 h2,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 80px;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2 ul li,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2 ul li,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2 ul li,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 ul li {
  float: left;
  width: 140px;
  height: 167px;
  margin-right: 101px;
  box-sizing: border-box;
  padding: 10px 0;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2 ul li:last-of-type,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2 ul li:last-of-type,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2 ul li:last-of-type,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 ul li:last-of-type {
  margin-right: 0;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2 ul li img,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2 ul li img,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2 ul li img,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 ul li img {
  display: block;
  width: 84px;
  height: 83px;
  margin: 0 auto 21px;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2 ul li .copying-software-icon-text,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2 ul li .copying-software-icon-text,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2 ul li .copying-software-icon-text,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 ul li .copying-software-icon-text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baima-page-single-fuke .fuke-copying-software .common-content-h2 ul li .copying-software-icon-text p,
.baima-page-single-fuke .fuke-low-code-copying-software .common-content-h2 ul li .copying-software-icon-text p,
.baima-page-single-fuke .fuke-why-choose-baima .common-content-h2 ul li .copying-software-icon-text p,
.baima-page-single-fuke .fuke-copyright-description .common-content-h2 ul li .copying-software-icon-text p {
  text-align: center;
  font-size: 20px;
  color: #333;
  font-weight: 600;
  line-height: 32px;
}
.baima-page-single-fuke .fuke-low-code-copying-software {
  height: 630px;
  background-color: #FAFAFA;
  box-sizing: border-box;
  padding-top: 20px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content {
  width: 1189px;
  margin: 0 auto;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability {
  width: 100%;
  height: 364px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div {
  display: inline-block;
  height: 100%;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 {
  width: 820px;
  height: 100%;
  margin-right: 20px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 div {
  width: 400px;
  height: 172px;
  float: left;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 1px rgba(0, 45, 41, 0.13);
  border: 2px solid #FFFFFF;
  padding: 40px 15px;
  margin-right: 20px;
  white-space: nowrap;
  text-align: center;
  background: linear-gradient(180deg, #EEF2F6 0%, rgba(255, 255, 255, 0.53) 100%);
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 div:nth-child(2n+2) {
  margin-right: 0;
  background: linear-gradient(180deg, #EEF6F5 0%, rgba(255, 255, 255, 0.53) 100%);
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 div:not(:nth-child(n+3)) {
  margin-bottom: 20px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 div p {
  display: inline-block;
  text-align: center;
  font-size: 27px;
  color: #333;
  font-weight: 600;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 div strong {
  display: inline-block;
  font-size: 61px;
  color: #0098FF;
  text-align: center;
  font-family: PangMenZhengDao, PangMenZhengDao;
  position: relative;
  top: 10px;
  left: 15px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box1 div strong span {
  font-size: 40px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box2 {
  width: 340px;
  height: 100%;
  position: relative;
  padding: 100px 55px;
  box-shadow: 0px 0px 12px 1px rgba(0, 45, 41, 0.13);
  box-sizing: border-box;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box2 img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box2 div {
  width: 220px;
  height: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -70px 0 0 -110px;
  z-index: 4;
  text-align: center;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box2 div strong {
  font-size: 61px;
  color: #fff;
  font-family: PangMenZhengDao, PangMenZhengDao;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box2 div strong span {
  font-size: 40px;
}
.baima-page-single-fuke .fuke-low-code-copying-software .low-code-copying-software-content .content-software-capability div.software-capability-box2 div p {
  font-size: 27px;
  color: #fff;
  padding-top: 18px;
}
.baima-page-single-fuke .fuke-why-choose-baima {
  height: 860px;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content {
  width: 1200px;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages {
  height: 618px;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-left-box {
  display: inline-block;
  width: 379px;
  height: 100%;
  background-color: #F4FAFF;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-left-box li {
  width: 100%;
  height: 121px;
  margin: 16px 0;
  box-sizing: border-box;
  padding: 30px 35px;
  cursor: pointer;
  position: relative;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-left-box li.advantages-active {
  background: linear-gradient(to right, #FFFFFF 1%, #A2DAFF 90%);
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-left-box li p {
  font-size: 22px;
  color: #0098FF;
  font-weight: 600;
  margin-bottom: 8px;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-left-box li span {
  font-size: 16px;
  color: #333;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-left-box li .active-block {
  display: block;
  width: 6px;
  height: 51px;
  border-radius: 0 4px 4px 0;
  background-color: #0098FF;
  z-index: 3;
  position: absolute;
  top: 30%;
  left: 0;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-right-box {
  display: inline-block;
  width: 801px;
  height: 616px;
  position: relative;
  margin-bottom: 46px;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-right-box li {
  width: 100%;
  height: 100%;
  position: absolute;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-right-box li:nth-child(2) {
  width: 90%;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-right-box li:nth-child(4) {
  width: 1472px;
  height: 659px;
  top: 0;
  z-index: -1;
  left: -350px;
}
.baima-page-single-fuke .fuke-why-choose-baima .copyying-management-software-content .content-baima-copying-advantages .copying-advantages-right-box li img {
  display: block;
  width: 100%;
  height: 100%;
}
.baima-page-single-fuke .fuke-copyright-description {
  height: 444px;
  background-color: #fafafa;
  box-sizing: border-box;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content .copyright-description-text-box1 {
  height: 100px;
  box-sizing: border-box;
  padding: 20px;
  margin: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content .copyright-description-text-box1 img {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 22px;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content .copyright-description-text-box1 span {
  display: block;
  height: 60px;
  font-size: 16px;
  margin-left: 30px;
  line-height: 32px;
  box-sizing: border-box;
  letter-spacing: 1px;
  color: #333;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content .copyright-description-text-box2 {
  height: 60px;
  box-sizing: border-box;
  margin: auto;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content .copyright-description-text-box2 img {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 22px;
}
.baima-page-single-fuke .fuke-copyright-description .copyright-description-content .copyright-description-text-box2 span {
  display: block;
  height: 60px;
  font-size: 16px;
  margin-left: 30px;
  box-sizing: border-box;
  letter-spacing: 1px;
  color: #333;
}
.baima-page-single-city .city-content-banner {
  width: 100%;
  height: 588px;
  position: relative;
}
.baima-page-single-city .city-content-banner .banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-city .city-content-banner .banner-content-container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.baima-page-single-city .city-content-banner .banner-content-container .banner-txt-box {
  width: 440px;
  height: 260px;
  position: relative;
  z-index: 5;
}
.baima-page-single-city .city-content-banner .banner-content-container .banner-txt-box h1 {
  font-size: 44px;
  color: #333;
  white-space: nowrap;
}
.baima-page-single-city .city-content-banner .banner-content-container .banner-txt-box h2 {
  width: 580px;
  font-size: 22px;
  color: #666;
  margin: 24px 0 47px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 1px;
}
.baima-page-single-city .city-content-banner .banner-content-container .banner-txt-box a {
  display: block;
  width: 200px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 65px;
  border-radius: 8px;
  background: linear-gradient(90deg, #0098FF 0%, #37AEFF 100%);
  cursor: pointer;
}
.baima-page-single-city .city-content-banner .banner-content-container .banner-txt-box a:hover {
  background: #007bd9;
}
.baima-page-single-city .city-content-banner .banner-content-container .banner-icon-box {
  width: 588px;
  height: 100%;
  margin-left: 170px;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container,
.baima-page-single-city .city-customized-development-process .city-common-container,
.baima-page-single-city .city-system-customer-case .city-common-container,
.baima-page-single-city .city-guess-recommend .city-common-container {
  width: 1200px;
  padding: 80px 0 50px;
  margin: 0 auto;
  text-align: center;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container > h2,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container > h2,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container > h2,
.baima-page-single-city .city-customized-development-process .city-common-container > h2,
.baima-page-single-city .city-system-customer-case .city-common-container > h2,
.baima-page-single-city .city-guess-recommend .city-common-container > h2 {
  font-size: 36px;
  color: #333;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container > h3,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container > h3,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container > h3,
.baima-page-single-city .city-customized-development-process .city-common-container > h3,
.baima-page-single-city .city-system-customer-case .city-common-container > h3,
.baima-page-single-city .city-guess-recommend .city-common-container > h3 {
  font-size: 20px;
  color: #3D485D;
  font-weight: 400;
  margin: 20px 0 70px;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics {
  min-width: 1205px;
  height: 340px;
  white-space: nowrap;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box {
  width: 580px;
  height: 100%;
  margin-right: 50px;
  display: inline-block;
  vertical-align: middle;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box > img,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box > img,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box > img,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box > img,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box > img,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-img-box > img {
  width: 100%;
  height: 100%;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box {
  width: 580px;
  display: inline-block;
  vertical-align: middle;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box > p,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box > p,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box > p,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box > p,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box > p,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box > p {
  white-space: wrap;
  font-size: 16px;
  color: #333;
  line-height: 36px;
  letter-spacing: 0.7px;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto 0;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li {
  width: calc(100% / 2);
  height: 35px;
  display: inline-block;
  position: relative;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li img,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li img,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li img,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li img,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li img,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 2px;
  left: 5px;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li span,
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li span,
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li span,
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li span,
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li span,
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li span {
  font-size: 17px;
  line-height: 37px;
  margin-left: 50px;
}
.baima-page-single-city .city-content-baima-company-introduction .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li:nth-child(n+3),
.baima-page-single-city .city-why-choose-baima-crm .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li:nth-child(n+3),
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li:nth-child(n+3),
.baima-page-single-city .city-customized-development-process .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li:nth-child(n+3),
.baima-page-single-city .city-system-customer-case .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li:nth-child(n+3),
.baima-page-single-city .city-guess-recommend .city-common-container .company-introduction-characteristics .introduction-characteristics-txt-box ul li:nth-child(n+3) {
  margin-top: 10px;
}
.baima-page-single-city .city-why-choose-baima-crm {
  position: relative;
}
.baima-page-single-city .city-why-choose-baima-crm > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container {
  width: 100%;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container > p {
  width: 778px;
  font-size: 20px;
  margin: 20px auto 70px;
  line-height: 36px;
  color: #3D485D;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul {
  white-space: nowrap;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li {
  width: 190px;
  height: 110px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li:not(:first-of-type) {
  margin-left: 60px;
  position: relative;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li:not(:first-of-type)::after {
  display: block;
  content: "";
  width: 1px;
  height: 70px;
  position: absolute;
  top: 24px;
  left: -30px;
  background-color: #EBECF0;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li h4 p {
  display: inline;
  color: #0098FF;
  font-weight: bold;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li h4 p:first-of-type {
  font-size: 63px;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li h4 p:last-of-type {
  font-size: 24px;
  position: absolute;
  top: 28px;
}
.baima-page-single-city .city-why-choose-baima-crm .city-common-container ul li h4 span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-left: 12px;
  color: #333;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container {
  width: 1204px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 54px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item {
  width: 580px;
  height: 184px;
  margin-bottom: 35px;
  background: linear-gradient(180deg, #EBF3F9 0%, #FFFFFF 100%);
  box-shadow: 6px 6px 18px 1px rgba(3, 51, 95, 0.1);
  position: relative;
  border-radius: 8px;
  border: 2px solid #FFFFFF;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item:nth-child(2n+2) {
  margin-left: 35px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item > div {
  padding: 20px 32px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item > div img {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item > div h3 {
  padding: 7px 71px 5px;
  color: #333333;
  font-size: 24px;
  margin-bottom: 5px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item > div p {
  font-size: 14px;
  margin-left: 20px;
  padding-left: 52px;
  line-height: 28px;
  letter-spacing: 1.5px;
}
.baima-page-single-city .city-baima-crm-functional-features .city-common-container .crm-functional-features .crm-functional-features-item > div p span {
  font-size: 20px;
  font-weight: bold;
  background-color: transparent !important;
}
.baima-page-single-city .city-custom-development {
  text-align: center;
}
.baima-page-single-city .city-custom-development > h2 {
  font-size: 35px;
  font-weight: bold;
  height: 54px;
  line-height: 54px;
  color: #333333;
  text-align: center;
  margin: 12px 0 54px;
}
.baima-page-single-city .city-custom-development > p {
  font-size: 25px;
  line-height: 33px;
  color: #333333;
  margin-top: 14px;
  text-align: center;
}
.baima-page-single-city .city-custom-development .development-content {
  height: 619px;
  background: linear-gradient(180deg, #3C6AFC 0%, #73BFFF 100%);
}
.baima-page-single-city .city-custom-development .development-box {
  width: 915px;
  margin: auto;
  box-sizing: border-box;
  padding-top: 39px;
}
.baima-page-single-city .city-custom-development .development-list {
  width: 75%;
  font-size: 15px;
  color: #fff;
  display: flex;
  margin: auto;
  justify-content: center;
  flex-wrap: wrap;
}
.baima-page-single-city .city-custom-development .development-item {
  display: inline-block;
  padding: 13px 21px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s;
}
.baima-page-single-city .city-custom-development .development-item.active {
  background: #fff;
  color: #0098FF;
}
.baima-page-single-city .city-custom-development .development-bottom {
  position: relative;
  margin-top: 25px;
  height: 387px;
  border-radius: 20px;
  box-shadow: 0 2px 12px 0 rgba(10, 71, 124, 0.16);
  background: #fff;
}
.baima-page-single-city .city-custom-development .development-bottom-item {
  box-sizing: border-box;
  padding: 23px;
  display: flex;
}
.baima-page-single-city .city-custom-development .development-left {
  flex: 1;
  box-sizing: border-box;
  padding: 54px 90px 0 25px;
  color: #323233;
  font-size: 15px;
}
.baima-page-single-city .city-custom-development a {
  display: block;
  width: 148px;
  background-color: #0098FF;
  font-size: 17px;
  color: #fff;
  line-height: 28px;
  padding: 8px 0;
  text-align: center;
  border-radius: 40px;
}
.baima-page-single-city .city-custom-development a:hover {
  background: #007bd9;
}
.baima-page-single-city .city-custom-development .development-desc {
  font-size: 15px;
  margin-top: 20px;
  color: #969799;
  line-height: 23px;
  margin-bottom: 26px;
}
.baima-page-single-city .city-custom-development .development-type {
  margin: 12px 0 30px;
  display: flex;
}
.baima-page-single-city .city-custom-development .development-type > span {
  padding: 6px 17px;
  white-space: nowrap;
  font-size: 13px;
  margin-right: 15px;
  border-radius: 6px;
}
.baima-page-single-city .city-custom-development .development-type > span:nth-child(1) {
  color: #FFA200;
  background: rgba(255, 162, 0, 0.1);
}
.baima-page-single-city .city-custom-development .development-type > span:nth-child(2) {
  color: #406AB9;
  background: rgba(0, 94, 255, 0.1);
}
.baima-page-single-city .city-custom-development .development-type > span:nth-child(3) {
  color: #2C9949;
  background: rgba(0, 255, 4, 0.1);
}
.baima-page-single-city .city-custom-development .development-img {
  width: 462px;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: gold;
}
.baima-page-single-city .city-custom-development .development-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.baima-page-single-city .city-custom-development .swiper-button-prev,
.baima-page-single-city .city-custom-development .swiper-button-next {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  background-image: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baima-page-single-city .city-custom-development .swiper-button-prev img,
.baima-page-single-city .city-custom-development .swiper-button-next img {
  width: 23px;
  height: 23px;
}
.baima-page-single-city .city-custom-development .swiper-button-prev > img:nth-child(1),
.baima-page-single-city .city-custom-development .swiper-button-next > img:nth-child(1) {
  display: block;
}
.baima-page-single-city .city-custom-development .swiper-button-prev > img:nth-child(2),
.baima-page-single-city .city-custom-development .swiper-button-next > img:nth-child(2) {
  display: none;
}
.baima-page-single-city .city-custom-development .swiper-button-prev:hover > img:nth-child(1),
.baima-page-single-city .city-custom-development .swiper-button-next:hover > img:nth-child(1) {
  display: none;
}
.baima-page-single-city .city-custom-development .swiper-button-prev:hover > img:nth-child(2),
.baima-page-single-city .city-custom-development .swiper-button-next:hover > img:nth-child(2) {
  display: block;
}
.baima-page-single-city .city-customized-development-process {
  background-color: #F1F3F5;
}
.baima-page-single-city .city-customized-development-process .city-common-container {
  width: 1190px;
  margin: 0 auto;
  padding: 80px 0 90px 0;
}
.baima-page-single-city .city-customized-development-process .city-common-container > p {
  text-align: center;
  margin: 20px auto 54px;
  color: #3D485D;
  font-size: 20px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul {
  box-sizing: border-box;
  padding-left: 6px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li {
  display: inline-block;
  width: 171px;
  height: 162px;
  background: linear-gradient(198deg, #EFF6F9 0%, #FFFFFF 100%);
  border-radius: 8px;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  padding: 23px 17px;
  vertical-align: middle;
  position: relative;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li:not(:last-of-type) {
  margin-right: 20px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 42%;
  bottom: -12px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li:nth-of-type(odd) {
  margin-top: 89px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li:nth-of-type(even) {
  margin-top: -89px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li > img {
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li p {
  font-size: 18px;
  color: #3D485D;
  text-align: center;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li .icon-dot {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 42%;
  bottom: -56px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li:not(:nth-child(4)) p {
  width: 107px;
  margin: 0 auto;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li:nth-last-of-type(-n+2) p {
  width: 85px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container ul li:nth-child(2) p {
  width: 120px;
}
.baima-page-single-city .city-customized-development-process .city-common-container .customized-development-process-container .snake-picture-box {
  margin-top: -50px;
}
.baima-page-single-city .city-system-customer-case .city-common-container {
  padding: 80px 0 50px;
}
.baima-page-single-city .city-system-customer-case .city-common-container > p {
  font-size: 20px;
  color: #3D485D;
  font-weight: 400;
  margin: 20px 0 35px;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-gasllery {
  width: 1200px;
  height: 450px;
  margin-bottom: 50px;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-gasllery > img {
  width: 100%;
  height: 100%;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem h3 {
  font-size: 25px;
  color: #333;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem h3::after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  margin: 20px 0 30px;
  background-color: rgba(0, 0, 0, 0.12);
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem > ul li {
  flex: 0 0 calc(100% / 3 - 35px);
  list-style-type: disc;
  padding-left: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem > ul li::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  top: 19px;
  left: 6px;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem > ul li a {
  font-size: 16px;
  color: #333;
  line-height: 45px;
  cursor: pointer;
}
.baima-page-single-city .city-system-customer-case .city-common-container .customer-case-common-problem > ul li a:hover {
  color: #1877F5;
}
.baima-page-single-city .city-guess-recommend {
  max-height: 270px;
  background-color: #F1F3F5;
}
.baima-page-single-city .city-guess-recommend .city-common-container {
  padding: 35px 0;
  box-sizing: border-box;
}
.baima-page-single-city .city-guess-recommend .city-common-container .guess-recommend {
  max-width: 1203px;
  height: 95px;
  position: relative;
  padding-left: 125px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.baima-page-single-city .city-guess-recommend .city-common-container .guess-recommend > div {
  height: 75px;
  overflow: hidden;
}
.baima-page-single-city .city-guess-recommend .city-common-container .guess-recommend > div p {
  font-size: 16px;
  color: #333;
  position: absolute;
  top: 8px;
  left: 6px;
}
.baima-page-single-city .city-guess-recommend .city-common-container .guess-recommend > div a {
  font-size: 14px;
  color: #666;
  margin-right: 24px;
  line-height: 36px;
  word-break: keep-all;
  cursor: pointer;
}
.baima-page-single-city .city-guess-recommend .city-common-container .guess-recommend > div a:hover {
  color: #1877F5;
}
.baima-page-single-city .city-guess-recommend .city-common-container .related-recommendation {
  border: none;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.baima-page-single-asset {
  overflow: hidden;
}
.baima-page-single-asset .asset-digital-management {
  width: 100%;
  height: 588px;
  position: relative;
}
.baima-page-single-asset .asset-digital-management > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-asset .asset-digital-management .digital-management-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  padding: 1px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left {
  width: 500px;
  height: 400px;
  margin-top: 168px;
  letter-spacing: 2px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left h1 {
  width: 470px;
  font-size: 50px;
  color: #fff;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left p {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  letter-spacing: 3px;
  margin: 12px 0 42px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left .left-system-characteristics {
  width: 412px;
  margin-top: 52px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left .left-system-characteristics > div {
  width: 198px;
  height: 44px;
  border-radius: 30px;
  float: left;
  background-color: #fff;
  position: relative;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left .left-system-characteristics > div:nth-child(2n+1) {
  margin-right: 16px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left .left-system-characteristics > div:nth-child(n+3) {
  margin-top: 14px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left .left-system-characteristics > div > img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 35px;
  top: 7px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-left .left-system-characteristics > div > span {
  font-size: 18px;
  color: #333333;
  line-height: 45px;
  margin-left: 67px;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-right {
  width: 700px;
  height: 588px;
  position: absolute;
  top: 0;
  left: 45%;
}
.baima-page-single-asset .asset-digital-management .digital-management-content .digital-management-right img {
  width: 100%;
  height: 100%;
}
.baima-page-single-asset .asset-why-custom {
  background: #F4F8FF;
  padding: 80px 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.baima-page-single-asset .asset-why-custom .content-box {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-asset .asset-why-custom .content-box h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
  margin-bottom: 0;
}
.baima-page-single-asset .asset-why-custom .content-box p {
  font-size: 20px;
  color: #3D485D;
  line-height: 36px;
  text-align: center;
  margin: 20px 0 34px;
}
.baima-page-single-asset .asset-why-custom .content-advantage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.baima-page-single-asset .asset-why-custom .content-advantage div h4 {
  font-size: 28px;
  color: #333;
  font-weight: 600;
}
.baima-page-single-asset .asset-why-custom .content-advantage div > img {
  display: block;
  width: 330px;
  height: 14.26px;
  margin: 19px 0 7px;
}
.baima-page-single-asset .asset-why-custom .content-advantage div p {
  font-size: 22px;
  color: #0098FF;
  text-align: left;
  margin: 0 0 14px 0;
}
.baima-page-single-asset .asset-why-custom .content-advantage div span {
  display: block;
  width: 287px;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
  color: #62697D;
}
.baima-page-single-asset .asset-why-custom .content-advantage div.advantage-img-box {
  width: 418px;
  height: 340px;
}
.baima-page-single-asset .asset-why-custom .content-advantage div.advantage-img-box img {
  width: 100%;
  height: 100%;
}
.baima-page-single-asset .asset-why-custom .content-advantage div.industry-custom h4,
.baima-page-single-asset .asset-why-custom .content-advantage div.industry-custom p,
.baima-page-single-asset .asset-why-custom .content-advantage div.industry-custom span {
  text-align: right;
}
.baima-page-single-asset .asset-why-custom .content-advantage div.industry-custom span {
  margin-left: 41px;
}
.baima-page-single-asset .asset-why-custom .content-advantage div.type-integration {
  margin: 50px 0 0 305px;
}
.baima-page-single-asset .asset-why-custom .content-advantage div.type-integration img {
  margin: 7px 0 19px;
}
.baima-page-single-asset .asset-low-code {
  margin: 80px auto;
  box-sizing: border-box;
}
.baima-page-single-asset .asset-low-code .content-box {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-asset .asset-low-code .content-box h2 {
  text-align: center;
  font-size: 36px;
  color: #333;
  margin-bottom: 60px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item {
  width: 580px;
  height: 184px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 12px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > .img-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > div {
  padding: 35px 32px 8px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > div img {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > div p {
  padding: 7px 78px 5px;
  color: #333333;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 5px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > div p span {
  color: #0098FF;
  font-size: 24px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > div > span {
  display: block;
  width: 410px;
  font-size: 18px;
  margin-left: 77px;
  color: #62697D;
  line-height: 32px;
}
.baima-page-single-asset .asset-low-code .content-box .system-plus-platform .system-plus-platform-item > div > span span {
  font-weight: 600;
  color: #00CEBB;
}
.baima-page-single-asset .asset-baima-advantage {
  height: 676px;
  position: relative;
}
.baima-page-single-asset .asset-baima-advantage > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container {
  width: 1180px;
  margin: 0 auto;
  border: 0.5px solid transparent;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container h2 {
  text-align: center;
  font-size: 36px;
  color: #fff;
  margin: 80px 0 58px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box {
  display: flex;
  align-items: center;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div {
  height: 341px;
  opacity: 0.6;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  background: linear-gradient(180deg, #5299F1 0%, #1679F0 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 {
  width: 564px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-img {
  width: 35%;
  height: 428px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-img img {
  width: 245px;
  height: 100%;
  margin: 4px 0 0 -88px;
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-img img.item1-img-active {
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box {
  width: 72%;
  padding-top: 10px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box h4 {
  font-size: 22px;
  color: #fff;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box .item-divider {
  border-top: 1px solid #FFFFFF;
  opacity: 0.6;
  margin: 22px 0 12px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box .item-text-icon {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box .item-text-icon img {
  width: 18px;
  height: 18px;
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box .item-text-icon img.item-icon-active {
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1 .item-content-box .item-text-icon p {
  margin-left: 15px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active {
  width: 674px;
  height: 410px;
  opacity: 1;
  background: linear-gradient(180deg, #59A3FF 0%, #2584F9 100%);
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-img img {
  width: 294px;
  height: 512px;
  margin: -40px 0 0 -100px;
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-img img.item1-img-active {
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-box {
  width: 73%;
  margin-top: -17px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-box h4 {
  font-size: 28px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-box .item-divider {
  margin: 27px 0 12px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-box p {
  font-size: 18px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-box .item-text-icon img {
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item1.item1-active .item-content-box .item-text-icon img.item-icon-active {
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 {
  width: 486px;
  box-sizing: border-box;
  padding-left: 36px;
  margin-left: 20px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-img {
  width: 32%;
  height: 298px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-img img {
  width: 298px;
  height: 100%;
  margin: 25px 0 0 -40px;
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-img img.item2-img-active {
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box {
  width: 68%;
  padding-top: 10px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box h4 {
  font-size: 22px;
  color: #fff;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box .item-divider {
  border-top: 1px solid #FFFFFF;
  opacity: 0.6;
  margin: 17px 0 12px -36px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box .item-text-icon {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box .item-text-icon img {
  width: 18px;
  height: 18px;
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box .item-text-icon img.item-icon-active {
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2 .item-content-box .item-text-icon p {
  margin-left: 15px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active {
  width: 595.5px;
  height: 410px;
  opacity: 1;
  background: linear-gradient(180deg, #59A3FF 0%, #2584F9 100%);
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-img img {
  width: 358px;
  height: 358px;
  margin-top: -5px;
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-img img.item2-img-active {
  display: block;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-box {
  width: 73%;
  margin-top: -13px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-box h4 {
  font-size: 28px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-box .item-divider {
  margin: 27px 0 12px -36px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-box p {
  font-size: 18px;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-box .item-text-icon img {
  display: none;
}
.baima-page-single-asset .asset-baima-advantage .advantage-container .advantage-container-box > div.advantage-container-item2.item2-active .item-content-box .item-text-icon img.item-icon-active {
  display: block;
}
.baima-page-single-asset .asset-case-list {
  padding-top: 80px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 {
  padding-bottom: 58px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-title-box h2 {
  font-size: 36px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 58px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 15px 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #F5F8FD;
  cursor: pointer;
  position: relative;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42B0FF 0%, #1170FF 100%);
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.baima-page-single-asset .asset-case-list .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 {
  height: 460px;
  background: #E9ECF5;
  position: relative;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  letter-spacing: 0.8px;
  margin-right: 35px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098FF;
  margin-bottom: 6px;
  text-align: center;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  font-size: 12px;
  color: #676B73;
  text-align: center;
  white-space: nowrap;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  position: absolute;
  margin-left: -585px;
  left: 50%;
  bottom: 48px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42B0FF 0%, #1170FF 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .operation-icon-arrow.research-development {
  margin-top: 26px;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-case-img {
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
  overflow: hidden;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.baima-page-single-asset .asset-case-list .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  left: 1px;
  opacity: 0;
}
.baima-page-single-asset .asset-process-customized {
  height: 790px;
}
.baima-page-single-asset .asset-process-customized .process-customized-content {
  width: 1180px;
  margin: 80px auto 0;
}
.baima-page-single-asset .asset-process-customized .process-customized-content h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
  padding-bottom: 32px;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul {
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  font-size: 0;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li {
  width: 190px;
  height: 294px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 119px;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li:nth-child(4),
.baima-page-single-asset .asset-process-customized .process-customized-content ul li:nth-child(8) {
  margin: 0;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li:nth-child(4)::after,
.baima-page-single-asset .asset-process-customized .process-customized-content ul li:nth-child(8)::after {
  display: none;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li:nth-child(n+5) {
  margin-top: 30px;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li::after {
  content: "";
  display: block;
  width: 83%;
  height: 1px;
  background: #0098FF;
  opacity: 0.3;
  position: absolute;
  left: 90%;
  top: 32.8%;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li .process-customized-img {
  width: 190px;
  height: 190px;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li p {
  font-size: 24px;
  color: #323233;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 16px;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li span {
  display: block;
  width: 216px;
  margin-left: -15px;
  font-size: 18px;
  color: #969799;
  line-height: 30px;
  text-align: center;
}
.baima-page-single-asset .asset-process-customized .process-customized-content ul li .process-customized-icon {
  width: 49px;
  height: 18px;
  position: absolute;
  left: 119%;
  top: 29.8%;
}
.baima-page-single-partner {
  position: relative;
}
.baima-page-single-partner .partner-intro-block {
  margin-top: 64px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body {
  display: flex;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar {
  width: 200px;
  flex: 0 0 200px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item {
  height: 100px;
  position: relative;
  border-right: solid 1px #f0f0f0;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.5s;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item .sidebar-item-title {
  padding-top: 16px;
  font-size: 14px;
  color: #323233;
  text-align: center;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item .sidebar-item-image {
  text-align: center;
  padding-top: 4px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item .sidebar-item-image img {
  width: 120px;
  height: 50px;
  border: none;
  display: inline-block;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item .sidebar-item-image img.active {
  display: none;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item.active,
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item:hover {
  opacity: 1;
  background: linear-gradient(270deg, rgba(4, 132, 206, 0.06) 0%, rgba(4, 132, 206, 0.027) 55%, rgba(4, 132, 206, 0) 100%);
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item.active::after,
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item:hover::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  content: "";
  width: 4px;
  background: #0484ce;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item.active .sidebar-item-image img,
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item:hover .sidebar-item-image img {
  display: none;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item.active .sidebar-item-image img.active,
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item:hover .sidebar-item-image img.active {
  display: inline-block;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item.active.sidebar-item-orange,
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item:hover.sidebar-item-orange {
  background: linear-gradient(270deg, rgba(250, 91, 8, 0.0588) 0%, rgba(250, 91, 8, 0) 100%);
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item.active.sidebar-item-orange::after,
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-sidebar .sidebar-item:hover.sidebar-item-orange::after {
  background: #fa5b08;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content {
  flex: 1;
  padding-left: 48px;
  display: none;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content.active {
  display: block;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-title {
  font-size: 34px;
  font-weight: 400;
  color: #323233;
  line-height: 48px;
  letter-spacing: 2px;
  padding-top: 24px;
  padding-left: 32px;
  position: relative;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-title > .intro-content-title-background {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  font-size: 40px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 1px;
  background: linear-gradient(180deg, #00cebb 0%, rgba(0, 206, 187, 0) 100%);
  opacity: 0.1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc {
  margin-top: 40px;
  background: #fafafa;
  border-radius: 8px;
  display: flex;
  padding: 24px 32px;
  line-height: 44px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-baima {
  color: #646566;
  font-size: 16px;
  padding-right: 8px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-baima img {
  width: 94px;
  height: 32px;
  vertical-align: text-bottom;
  margin-bottom: -5px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-plus {
  color: #646566;
  font-size: 24px;
  padding: 0 8px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-target {
  color: #646566;
  font-size: 16px;
  padding-right: 8px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-target img {
  height: 43px;
  vertical-align: text-bottom;
  margin-bottom: -10px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-equal {
  color: #646566;
  font-size: 24px;
  padding: 0 8px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-desc .intro-content-desc-result {
  color: #323233;
  font-size: 24px;
  letter-spacing: 1px;
  padding: 0 8px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail {
  display: flex;
  margin-top: 40px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-image {
  width: 472px;
  flex: 0 0 472px;
  height: 310px;
  position: relative;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-image > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 8px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-image .play-video {
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  transition: all 0.2s;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-image:hover .play-video {
  width: 72px;
  height: 72px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-image.intro-content-detail-image-video {
  cursor: pointer;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment {
  padding-left: 56px;
  position: relative;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-header {
  height: 34px;
  line-height: 34px;
  color: #323233;
  margin-top: 10px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-header .comment-user {
  display: inline-block;
  font-size: 26px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-header .comment-title {
  display: inline-block;
  margin-left: 24px;
  font-size: 16px;
  vertical-align: top;
  background: #f5f5f5;
  border-radius: 17px;
  padding-left: 36px;
  padding-right: 16px;
  position: relative;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-header .comment-title .comment-title-point {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: linear-gradient(48deg, #2d338d 0%, #cae8f8 100%);
  opacity: 1;
  border-radius: 50%;
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -4px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-body {
  padding-top: 24px;
  font-size: 16px;
  color: #646566;
  line-height: 32px;
  position: relative;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-body:after {
  content: "”";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120px;
  color: #f5f5f5;
  position: absolute;
  right: 0;
  top: 24px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-footer {
  margin-top: 32px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-footer .comment-footer-button {
  display: inline-block;
  position: absolute;
  bottom: 12px;
  left: 56px;
  background: #00cebb;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  line-height: 48px;
  padding: 0 24px;
  cursor: pointer;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-detail .intro-content-detail-comment .comment-footer .comment-footer-button:hover {
  background: #10BFAE;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client {
  margin-top: 48px;
  margin-bottom: 60px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client .intro-content-client-title {
  font-size: 26px;
  color: #323233;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client .intro-content-client-title > span {
  color: #dfeaed;
  font-size: 24px;
  padding-left: 12px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client .intro-content-client-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client .intro-content-client-list .intro-content-client-list-item {
  flex: 0 0 296px;
  height: 64px;
  border: solid 1px #d3e1ef;
  border-radius: 4px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  overflow: hidden;
  border: none;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client .intro-content-client-list .intro-content-client-list-item img {
  height: 64px;
  background: #fafafa;
  border-radius: 4px;
}
.baima-page-single-partner .partner-intro-block .partner-intro-block-body .partner-intro-block-content .intro-content-client .intro-content-client-list.list-4-col .intro-content-client-list-item {
  flex: 0 0 214px;
}
.baima-page-single-partner .partner-title {
  padding-top: 100px;
}
.baima-page-single-partner .partner-title .title {
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
  color: #333333;
  text-align: center;
  position: relative;
  padding-bottom: 24px;
}
.baima-page-single-partner .partner-title .title > img {
  position: absolute;
  bottom: 0px;
  width: 64px;
  left: 50%;
  margin-left: -32px;
}
.baima-page-single-partner .partner-title .title-english {
  position: absolute;
  top: -24px;
  height: 40px;
  font-size: 40px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 1px;
  background: linear-gradient(180deg, #00cebb 0%, rgba(0, 206, 187, 0) 100%);
  opacity: 0.1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  text-align: center;
  left: 0;
}
.baima-page-single-partner .partner-title .text {
  height: 26px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #969799;
  text-align: center;
  margin-top: 18px;
}
.baima-page-single-partner .partner-pattern-title {
  background: #f6f9fc;
}
.baima-page-single-partner .advantage {
  text-align: center;
  padding-bottom: 200px;
}
.baima-page-single-partner .advantage .content {
  display: inline-block;
  width: auto;
}
.baima-page-single-partner .advantage .content .advantage-con {
  position: relative;
  height: 430px;
  padding-left: 577px;
  margin-top: 55px;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left {
  left: 0;
  top: -26px;
  position: absolute;
  width: 504px;
  height: 100%;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child {
  position: relative;
  padding-left: 39px;
  cursor: pointer;
  margin-bottom: 66px;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child > img {
  width: 64px;
  height: 97px;
  position: absolute;
  top: 0;
  left: 0;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .con-child-title {
  height: 31px;
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  color: #333333;
  margin-bottom: 21px;
  padding-top: 18px;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .con-child-title div {
  margin-bottom: 10px;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .con-child-title div:last-child {
  margin: 0;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .con-child-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #333333;
  opacity: 0.6;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .line-con {
  padding-top: 18px;
  width: 465px;
  position: absolute;
  left: 39px;
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .line-con .line-default {
  width: 100%;
  height: 2px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  background: linear-gradient(90deg, #f5f5f5 0%, #ffffff 100%);
}
.baima-page-single-partner .advantage .content .advantage-con .advantage-con-left .con-child .line-con .con-child-line {
  width: 0%;
  height: 2px;
  background: #00cebb;
  border-radius: 4px;
  position: absolute;
  left: 0;
}
.baima-page-single-partner .advantage .content .advantage-image {
  width: 650px;
  height: 100%;
}
.baima-page-single-partner .advantage .content .advantage-image .advantage-image-con {
  position: relative;
  width: 100%;
  height: 100%;
}
.baima-page-single-partner .advantage .content .advantage-image .advantage-image-con .child {
  position: absolute;
  left: 0;
  top: 90px;
  opacity: 0;
  transition: opacity 0.3s;
}
.baima-page-single-partner .advantage .content .advantage-image .advantage-image-con .child img {
  width: 100%;
  height: 100%;
}
.baima-page-single-partner .advantage .content .advantage-image .advantage-image-con .child.active {
  opacity: 1;
}
.baima-page-single-partner .partner-pattern {
  height: 360px;
  min-width: 1180px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #f6f9fc;
}
.baima-page-single-partner .partner-pattern .icon {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  height: 413px;
  z-index: -2;
}
.baima-page-single-partner .partner-pattern .content {
  height: 100%;
  margin-top: -50px;
}
.baima-page-single-partner .partner-pattern .content .item-box {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -72px;
  z-index: 2;
  left: 50%;
  margin-left: -620px;
}
.baima-page-single-partner .partner-pattern .content .item-box .item {
  width: 130px;
  height: 130px;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(21, 116, 180, 0.15);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin: 0 116px;
  transition: all 1.5s;
  opacity: 0;
  left: -200px;
}
.baima-page-single-partner .partner-pattern .content .item-box .item img {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 21px;
  left: 38px;
}
.baima-page-single-partner .partner-pattern .content .item-box .item .text {
  width: 100%;
  height: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  top: 79px;
  left: 0;
  color: #333333;
  text-align: center;
}
.baima-page-single-partner .partner-pattern .content .item-box .item.active {
  opacity: 1;
  left: 0;
}
.baima-page-single-partner .partner-pattern .content .other {
  height: 28px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  width: 100%;
  z-index: 2;
}
.baima-page-single-partner .partner-pattern .content .other img {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  margin-left: -26px;
  transition: all 1s;
}
.baima-page-single-partner .partner-pattern .content .other img.active {
  margin-left: 0;
}
.baima-page-single-partner .partner-pattern .content .other .spot-content {
  position: absolute;
  transition: all 1.5s;
  opacity: 0;
  top: 150px;
}
.baima-page-single-partner .partner-pattern .content .other .spot-content .vline {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 1px dashed #c7d8ee;
  left: 50%;
  height: 65px;
  margin-left: 3px;
  bottom: 128%;
}
.baima-page-single-partner .partner-pattern .content .other .spot-content .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0 8px 8px;
  left: 50%;
  top: -7px;
  margin-left: -4px;
  border-style: solid;
  border-color: transparent transparent #00cebb;
}
.baima-page-single-partner .partner-pattern .content .other .spot-content .text {
  height: 38px;
  background: linear-gradient(0deg, #00cebb 0%, #10d5ba 100%);
  box-shadow: 0px 3px 6px rgba(0, 206, 187, 0.22);
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  color: #fff;
  border-radius: 8px;
  padding: 0 13px;
}
.baima-page-single-partner .partner-pattern .content .other .spot-content.active {
  opacity: 1;
  top: 100px;
}
.baima-page-single-partner .partner-pattern .line {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  border-top: 2px dashed #c7d8ee;
}
.baima-page-single-partner .partner-pratice {
  background: #3f4874;
  height: 240px;
  position: relative;
}
.baima-page-single-partner .partner-pratice .partner-pratice-background {
  position: absolute;
  width: 100%;
  height: 100%;
}
.baima-page-single-partner .partner-pratice .partner-pratice-body {
  position: relative;
  padding: 70px 0;
}
.baima-page-single-partner .partner-pratice .partner-pratice-body .partner-pratice-title {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 24px;
}
.baima-page-single-partner .partner-pratice .partner-pratice-body .partner-pratice-title > span {
  font-size: 40px;
  font-weight: 500;
  vertical-align: text-bottom;
  padding-right: 8px;
}
.baima-page-single-partner .partner-pratice .partner-pratice-body .partner-pratice-text {
  font-size: 24px;
  color: #fff;
  opacity: 0.6;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 1px;
}
.baima-page-single-partner .partner-pratice .partner-pratice-body .partner-pratice-button {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
  line-height: 48px;
  color: #fff;
  background: #00cebb;
  cursor: pointer;
  padding: 0 24px;
  border-radius: 4px;
}
.baima-page-single-partner .partner-pratice .partner-pratice-body .partner-pratice-button:hover {
  background: #10BFAE;
}
.baima-page-single-partner .support {
  background: #fafbfd;
  padding-top: 0px;
  padding-bottom: 50px;
}
.baima-page-single-partner .support .partner-support-title {
  margin-bottom: 50px;
  padding-top: 100px;
}
.baima-page-single-partner .support .partner-support-title .title {
  margin-top: 16px;
}
.baima-page-single-partner .support .item {
  vertical-align: top;
  width: calc(25% - 4px);
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  display: inline-block;
}
.baima-page-single-partner .support .item .icon-background {
  width: 198px;
  height: 198px;
}
.baima-page-single-partner .support .item .icon {
  width: 103px;
  height: 103px;
  position: absolute;
  top: 51px;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-partner .support .item .title {
  text-align: center;
  height: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #333;
  margin-top: 6px;
}
.baima-page-single-partner .support .item .text {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #999999;
  margin-top: 18px;
}
.baima-page-single-partner .modal {
  height: 562px;
}
.baima-page-single-partner .modal .close {
  z-index: 2;
  right: 3px;
  position: absolute;
}
.baima-page-single-partner .baima-free-consult .application {
  padding-bottom: 35px;
  background: #fafbfd;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 90px;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con {
  flex: 0 0 35%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 16px;
  margin-top: 16px;
  display: flex;
  line-height: 40px;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-head {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  min-width: 100px;
  text-align: right;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-head span {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #333;
  padding-right: 16px;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-head span.required {
  display: none;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con.must .input-head span.required {
  display: inline-block;
  padding-right: 0;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #ff0000;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .fr {
  float: right;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-body {
  position: relative;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-body input[type="text"] {
  color: #999999;
  outline: none;
  padding: 0 22px;
  width: 256px;
  height: 38px;
  background: #fff;
  border: 1px solid #dcdee0;
  font-size: 14px;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-body input[type="text"].error {
  border: 1px solid red;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-body .captcha {
  position: absolute;
  right: 2px;
  background: #fff;
  top: 3px;
  line-height: 38px;
  padding-right: 16px;
  color: #999;
  padding-left: 12px;
  cursor: pointer;
  font-size: 14px;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .input-con .input-body .captcha:after {
  content: "";
  width: 1px;
  position: absolute;
  height: 18px;
  background: #ccc;
  left: 0;
  top: 11px;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .form-submit {
  flex: 0 0 100%;
  justify-content: center;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .form-submit .application-btn {
  width: 160px;
  height: 40px;
  background: #00cebb;
  border-radius: 50px;
  text-align: center;
  margin: 25px auto 0;
  display: block;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.baima-page-single-partner .baima-free-consult .application .application-consult-form .form-submit .application-btn:hover {
  background: #10BFAE;
}
.baima-page-single-partner .baima-free-consult .application .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-single-partner .baima-free-consult .application .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-page-single-partner .baima-free-consult .application .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.baima-page-single-partner .baima-free-consult .application .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-page-single-partner .baima-free-consult .application .copy-success {
  color: #fff;
  text-shadow: 0.1vw 0.1vw 0.4vw #333;
  font-size: 20px;
  text-align: center;
  z-index: 105;
  width: 300px;
  height: 80px;
  display: none;
  position: absolute;
  top: 26%;
  left: 50%;
  background: rgba(0, 208, 185, 0.7);
  box-shadow: 0.1vw 0.3vw 1.3vw rgba(0, 208, 185, 0.5);
  border-radius: 6px;
  line-height: 80px;
  transform: translateX(-50%);
}
@media screen and (max-width: 1530px) {
  .baima-page-single-partner .banner .banner-content .praise {
    right: 18px;
  }
}
@media screen and (max-width: 1400px) {
  .baima-page-single-partner .banner .banner-content .icon {
    right: 80px;
  }
  .baima-page-single-partner .banner .banner-content .btn {
    right: 265px;
  }
  .baima-page-single-partner .banner .banner-content .line {
    right: 366px;
  }
}
@media screen and (max-width: 1320px) {
  .baima-page-single-partner .banner .banner-content .icon {
    right: 50px;
  }
  .baima-page-single-partner .banner .banner-content .btn {
    right: 235px;
  }
  .baima-page-single-partner .banner .banner-content .line {
    right: 336px;
  }
}
@media screen and (max-width: 1260px) {
  .baima-page-single-partner .banner .banner-content .icon {
    right: 20px;
  }
  .baima-page-single-partner .banner .banner-content .btn {
    right: 205px;
  }
  .baima-page-single-partner .banner .banner-content .line {
    right: 306px;
  }
}
.baima-page-single-suggestion {
  position: relative;
  overflow: hidden;
  padding-bottom: 112px;
}
.baima-page-single-suggestion .banner {
  height: 334px;
  min-width: 1180px;
  position: relative;
  overflow: hidden;
  z-index: -2;
}
.baima-page-single-suggestion .banner .icon-banner {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  height: 334px;
  z-index: -2;
}
.baima-page-single-suggestion .banner .content .title {
  text-align: center;
  margin-top: 85px;
  height: 47px;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
}
.baima-page-single-suggestion .banner .content .text {
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #999999;
  text-align: center;
  margin-top: 23px;
}
.baima-page-single-suggestion .box {
  position: relative;
  margin: 0 auto;
  padding: 0 16px;
  padding-top: 40px;
  margin-top: -115px;
  width: 896px;
  height: 786px;
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(175, 175, 175, 0.25);
}
.baima-page-single-suggestion .box .flower-left {
  width: 61px;
  position: absolute;
  top: 96px;
  left: -53px;
}
.baima-page-single-suggestion .box .flower-right {
  width: 97px;
  position: absolute;
  bottom: 29px;
  right: -87px;
  z-index: -1;
}
.baima-page-single-suggestion .box .title {
  text-align: center;
}
.baima-page-single-suggestion .box .title span {
  height: 37px;
  font-size: 28px;
  font-weight: 400;
  line-height: 37px;
  color: #333333;
}
.baima-page-single-suggestion .box .title div {
  margin: 0 auto;
  margin-top: 5px;
  display: block;
  width: 43px;
  height: 3px;
  background: #00cebb;
}
.baima-page-single-suggestion .box .input-con {
  display: inline-block;
  vertical-align: top;
  margin: 0 14px;
  margin-bottom: 28px;
}
.baima-page-single-suggestion .box .input-con .input-head span:first-child {
  width: 64px;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
}
.baima-page-single-suggestion .box .input-con .input-head span:last-child {
  display: none;
}
.baima-page-single-suggestion .box .input-con.must .input-head span:last-child {
  display: inline-block;
  width: 7px;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #ff0000;
}
.baima-page-single-suggestion .box .input-con.block {
  margin-left: 16px;
  width: 97%;
}
.baima-page-single-suggestion .box .input-con.block .input-body {
  margin: 0;
}
.baima-page-single-suggestion .box .input-con.block .input-body .radio-con {
  width: auto;
}
.baima-page-single-suggestion .box .input-con.captcha .icon-captcha {
  width: 95px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  position: absolute;
  right: 7px;
  top: 10px;
  cursor: pointer;
}
.baima-page-single-suggestion .box .input-con.captcha input {
  padding-right: 113px;
  width: 233px;
}
.baima-page-single-suggestion .box .input-con .input-body {
  margin-top: 13px;
  position: relative;
}
.baima-page-single-suggestion .box .input-con .input-body textarea {
  width: 793px;
  height: 95px;
  background: #fbfbfb;
  border: 1px solid #f5f5f5;
  outline: none;
  padding: 10px 20px;
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  resize: none;
  margin-top: 13px;
}
.baima-page-single-suggestion .box .input-con .input-body textarea.error {
  border: 1px solid red;
}
.baima-page-single-suggestion .box .input-con .input-body input[type="text"] {
  color: #999999;
  font-size: 16px;
  outline: none;
  width: 322px;
  height: 50px;
  padding: 0 22px;
  background: #fbfbfb;
  border: 1px solid #f5f5f5;
}
.baima-page-single-suggestion .box .input-con .input-body input[type="text"].error {
  border: 1px solid red;
}
.baima-page-single-suggestion .box .input-con .input-body .radio-con {
  width: 370px;
  height: 50px;
  line-height: 50px;
}
.baima-page-single-suggestion .box .input-con .input-body .radio-con input[type="radio"]:checked {
  background-color: #01cd78;
  background-clip: content-box;
  padding: 0.2em;
}
.baima-page-single-suggestion .box .input-con .input-body .radio-con label {
  margin-right: 90px;
  cursor: pointer;
}
.baima-page-single-suggestion .box .input-con .input-body .radio-con label input {
  margin-right: 20px;
}
.baima-page-single-suggestion .box .application-btn {
  cursor: pointer;
  margin: 0 auto;
  display: block;
  width: 160px;
  height: 40px;
  background: #00cebb;
  border-radius: 24px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
.baima-page-single-suggestion .box .modal-con {
  position: absolute;
  width: 257px;
  height: 171px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 6px rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 5px;
  left: 328px;
  bottom: 142px;
}
.baima-page-single-suggestion .box .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 6px;
}
.baima-page-single-suggestion .box .modal-con .title {
  margin-bottom: 13px;
  text-align: center;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
}
.baima-page-single-suggestion .box .modal-con .text {
  text-align: center;
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.baima-page-single-suggestion .radio {
  display: inline-block;
}
.baima-page-single-suggestion .radio label {
  vertical-align: middle;
}
.baima-page-single-suggestion .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  top: 20px;
}
.baima-page-single-suggestion .radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #c5c5c5;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  margin-right: 20px;
}
.baima-page-single-suggestion .radio input[type="radio"]:checked + .radio-label:before {
  border: 7px solid #00cebb;
  width: 4px;
  height: 4px;
}
.baima-page-single-suggestion .radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #00cebb;
}
.baima-page-single-suggestion .radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.baima-page-single-inquire .content {
  min-width: 1100px;
  margin: 0 auto;
}
.baima-page-single-inquire .content > .parent {
  width: 1100px;
  margin: 150px auto;
}
.baima-page-single-inquire .content > .parent > .title {
  font-size: 40px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  text-align: center;
  margin-bottom: 20px;
}
.baima-page-single-inquire .content > .parent > .img {
  width: 1043px;
  height: 343px;
  position: relative;
}
.baima-page-single-inquire .content > .parent > .img > img {
  width: 1043px;
  height: 343px;
  z-index: 55;
  position: absolute;
  top: 30px;
}
.baima-page-single-inquire .content > .parent > div {
  width: 1043px;
  height: 329px;
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(175, 175, 175, 0.25);
  position: relative;
  text-align: center;
}
.baima-page-single-inquire .content > .parent > div > p {
  position: relative;
  padding-top: 30px;
}
.baima-page-single-inquire .content > .parent > div > p:first-child {
  padding-top: 75px;
}
.baima-page-single-inquire .content > .parent > div > p > img {
  position: absolute;
  top: 90px;
  left: 110px;
  width: 25px;
  height: 25px;
}
.baima-page-single-inquire .content > .parent > div > p > span {
  display: inline-block;
  position: absolute;
  top: 45px;
  right: 110px;
  width: 90px;
  height: 29px;
  background: #EEEEEE !important;
  line-height: 29px;
}
.baima-page-single-inquire .content > .parent > div > p > span > span {
  color: #0f9185 !important;
  font-family: HappyZcool-2016 !important;
}
.baima-page-single-inquire .content > .parent > div > p > input {
  width: 806px;
  height: 55px;
  background: #fbfbfb;
  border: 1px solid #f6f6f6;
  border-radius: 28px;
  padding-left: 50px;
  font-size: 14px;
}
.baima-page-single-inquire .content > .parent > div > p > input:focus {
  outline: 0;
  border-color: #00cebb;
}
.baima-page-single-inquire .content > .parent > div > p > input.img {
  padding-left: 20px;
  padding-right: 30px;
}
.baima-page-single-inquire .content > .parent > div > a {
  position: absolute;
  bottom: 35px;
  left: 450px;
  width: 160px;
  height: 40px;
  background: #00cebb;
  border-radius: 24px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
}
.baima-page-single-inquire .content > .parent > div .code-error {
  color: #fff;
  text-shadow: 1px 1px 4px #333 !important;
  font-size: 18px;
  text-align: center;
  z-index: 105;
  width: 250px;
  height: 70px;
  display: none;
  position: absolute;
  top: 40%;
  left: 35%;
  background: rgba(0, 208, 185, 0.7);
  box-shadow: 1px 3px 13px rgba(0, 208, 185, 0.5);
  border-radius: 10px;
}
.baima-page-single-inquire .content > .parent > div .code-error::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.baima-page-single-product-index {
  position: relative;
}
.baima-page-single-product-index .content-view {
  font-size: 0;
  padding-top: 48px;
  position: relative;
  background: #fbfbfb;
}
.baima-page-single-product-index .content-view .container {
  padding-left: 148px;
}
.baima-page-single-product-index .content-view .content-left-bottom {
  top: calc(168px + 100vh - 194px);
  position: fixed;
  display: inline-block;
  width: 1px;
  height: 1px;
}
.baima-page-single-product-index .content-view .content-left {
  top: 168px;
  left: 50%;
  margin-left: -568px;
  width: 156px;
  position: fixed;
  display: inline-block;
  max-height: calc(100vh - 218px);
  overflow: auto;
  padding-top: 0px;
  z-index: 10;
  padding-bottom: 24px;
}
.baima-page-single-product-index .content-view .content-left.bottom {
  top: initial;
  bottom: 50px;
  position: absolute;
  min-height: calc(100vh - 218px);
}
.baima-page-single-product-index .content-view .content-left .product-sidebar {
  font-size: 14px;
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-title {
  font-size: 16px;
  line-height: 32px;
  color: #333;
  margin-bottom: 16px;
  margin-top: 24px;
  cursor: pointer;
  user-select: none;
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-title span {
  color: #999;
  width: 16px;
  display: inline-block;
  margin-right: 8px;
  transition: transform 0.5s;
  transform: scaleY(0.8);
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-title:first-child {
  margin-top: 0;
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-title.active span {
  transform: scaleY(-0.8);
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-title.active.title-low ~ .item-low {
  display: none;
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-title.active.title-air ~ .item-air {
  display: none;
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-item {
  font-weight: 400;
  color: #646566;
  border-left: 1px solid #dcdee0;
  line-height: 32px;
  padding: 2px 24px;
  cursor: pointer;
  position: relative;
}
.baima-page-single-product-index .content-view .content-left .product-sidebar .product-sidebar-item.active {
  border-left: 2px solid #00cebb;
  color: #00cebb;
  background: linear-gradient(96deg, rgba(0, 205, 186, 0.06) 0%, rgba(63, 226, 211, 0.0196) 100%);
}
.baima-page-single-product-index .content-view .content-right {
  padding-left: 90px;
  position: relative;
}
.baima-page-single-product-index .content-view .content-right .content-right-head {
  margin-bottom: 24px;
  position: relative;
}
.baima-page-single-product-index .content-view .content-right .content-right-head img {
  width: 100%;
}
.baima-page-single-product-index .content-view .content-right .content-right-head span {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #333333;
  position: absolute;
  top: 26px;
  left: 80px;
}
.baima-page-single-product-index .content-view .content-right .content-right-head span a {
  margin-left: 6px;
  color: #2c83f3;
}
.baima-page-single-product-index .content-view .content-right .language {
  margin-top: 40px;
}
.baima-page-single-product-index .content-view .content-right .language > .title {
  font-size: 24px;
  line-height: 32px;
  color: #333;
}
.baima-page-single-product-index .content-view .content-right .language > .title img {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 16px;
  vertical-align: bottom;
}
.baima-page-single-product-index .content-view .content-right .language > .text {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #969799;
}
.baima-page-single-product-index .content-view .content-right .language .language-box {
  margin-top: 24px;
  text-align: left;
  margin-bottom: 48px;
  white-space: nowrap;
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item {
  vertical-align: top;
  width: 280px;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  position: relative;
  display: inline-block;
  border: 1px solid #e7ebf3;
  box-shadow: none;
  padding-bottom: 24px;
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item img {
  width: 103px;
  height: 103px;
  margin-top: 26px;
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  text-align: center;
  margin-top: 14px;
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item .text {
  margin: 0 auto;
  height: 100px;
  line-height: 100px;
  background: #f8f9fc;
  border-radius: 19px;
  text-align: center;
  padding: 6px 0;
  margin-top: 16px;
  line-height: 26px;
  color: #6679a6;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  width: calc(100% - 48px);
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item .text span {
  line-height: 20px;
  display: inline-block;
  margin-top: 40px;
}
.baima-page-single-product-index .content-view .content-right .language .language-box .item.data .text span {
  margin-top: 30px;
  font-size: 13px;
  white-space: nowrap;
}
.baima-page-single-product-index .content-view .content-right .language .language-box .add {
  width: 21px;
  height: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  color: #333;
  display: inline-block;
  margin: 0 17px;
  margin-top: 131px;
}
.baima-page-single-product-index .content-view .content-right .language .explain {
  margin-top: 10px;
  padding-bottom: 40px;
}
.baima-page-single-product-index .content-view .content-right .language .explain .item {
  position: relative;
  padding: 31px 0;
  border-bottom: 1px solid rgba(146, 166, 190, 0.18039216);
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .spot {
  width: 10px;
  height: 10px;
  background: #2c83f3;
  box-shadow: 0px 3px 6px rgba(44, 131, 243, 0.3);
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .text {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  vertical-align: middle;
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right {
  width: 138px;
  height: 38px;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: 26px;
  text-align: center;
  cursor: pointer;
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right img {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 9px;
  transition: all ease 0.2s;
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  vertical-align: top;
  display: inline-block;
  margin-top: 9px;
  min-width: 67px;
  text-align: left;
  margin-left: 6px;
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right.git {
  background: #c71d24;
  box-shadow: 0px 3px 6px rgba(230, 87, 81, 0.31);
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right.video {
  background: linear-gradient(89deg, #20a0ff 0%, #2c83f3 100%);
  box-shadow: 0px 3px 6px rgba(44, 131, 243, 0.29);
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right.npm {
  background: #333333;
  box-shadow: 0px 3px 6px rgba(66, 79, 120, 0.26);
}
.baima-page-single-product-index .content-view .content-right .language .explain .item .right:hover .icon {
  transform: translateX(6px);
}
.baima-page-single-product-index .content-view .content-right .child {
  padding-bottom: 40px;
  min-height: 620px;
  position: relative;
}
.baima-page-single-product-index .content-view .content-right .child .child-id {
  position: absolute;
  top: -110px;
}
.baima-page-single-product-index .content-view .content-right .child .title {
  font-size: 24px;
  line-height: 32px;
  color: #333;
  display: inline-block;
  padding-right: 16px;
  position: relative;
}
.baima-page-single-product-index .content-view .content-right .child .title:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  background: #ddd;
  top: 9px;
  right: 0;
}
.baima-page-single-product-index .content-view .content-right .child .text {
  padding-left: 16px;
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #999;
}
.baima-page-single-product-index .content-view .content-right .child .child-content {
  margin-top: 24px;
}
.baima-page-single-product-index .content-view .content-right .child .child-content img {
  width: 100%;
}
.baima-page-single-product-index .content-view .content-right .child .child-content video {
  max-width: 100%;
}
.baima-page-single-clause {
  background: #fbfbfb;
  padding-top: 68px;
  padding-bottom: 83px;
}
.baima-page-single-clause .content .clause-con {
  background: #fff;
  padding-top: 44px;
  padding-bottom: 86px;
}
.baima-page-single-clause .content .clause-con .clause-con-title {
  height: 40px;
  text-align: center;
  position: relative;
}
.baima-page-single-clause .content .clause-con .clause-con-title span.title {
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  color: #333333;
  margin-bottom: 16px;
}
.baima-page-single-clause .content .clause-con .clause-con-title span.version {
  position: absolute;
  bottom: 0;
  margin-left: 15px;
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
}
.baima-page-single-clause .content .clause-con .clause-con-time {
  margin-top: 16px;
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
  text-align: center;
  margin-bottom: 35px;
}
.baima-page-single-clause .content .clause-con .clause-con-body {
  padding: 0 128px;
}
.baima-page-single-contact {
  position: relative;
  background-color: #fbfbfb;
  padding-top: 41px;
  padding-bottom: 31px;
}
.baima-page-single-contact .contact-con {
  width: 1169px;
  height: 1163px;
  background: #ffffff;
  margin: 0 auto;
}
.baima-page-single-contact .contact-con .contact-us {
  padding-top: 58px;
  height: 349px;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left {
  margin-left: 100px;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .title {
  margin-bottom: 29px;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .title span:first-child {
  height: 47px;
  font-size: 36px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .title span:last-child {
  margin-left: 18px;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #999999;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .left-item {
  margin-bottom: 30px;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .left-item img {
  width: 26px;
  vertical-align: middle;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .left-item span {
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  margin-left: 13px;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-left .left-item:last-child {
  margin-bottom: 0;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-right {
  margin-right: 47px;
  margin-top: 39px;
}
.baima-page-single-contact .contact-con .contact-us .contact-us-right img {
  width: 475px;
  height: 309px;
}
.baima-page-single-contact .contact-con .official-account {
  margin-top: 102px;
  text-align: center;
}
.baima-page-single-contact .contact-con .official-account .official-account-item {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-contact .contact-con .official-account .official-account-item img {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  display: block;
}
.baima-page-single-contact .contact-con .official-account .official-account-item div {
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #999999;
  margin-top: 18px;
}
.baima-page-single-contact .contact-con .official-account .line {
  display: inline-block;
  margin: 0 160px;
  width: 0px;
  height: 125px;
  border-left: 1px solid #e2edf1;
  vertical-align: top;
}
.baima-page-single-contact .contact-con .map {
  position: relative;
  width: 1019px;
  height: 360px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 54px;
}
.baima-page-single-contact .contact-con .map .map-bg {
  width: 100%;
  position: absolute;
  top: -75px;
}
.baima-page-single-contact .contact-con .map .map-nail {
  position: absolute;
  width: 46px;
  height: 46px;
  left: 437px;
  top: 129px;
}
.baima-page-single-contact .contact-con .map .map-con {
  border-bottom: 2px solid #1598cc;
  overflow: hidden;
  position: absolute;
  left: 533px;
  top: 24px;
  width: 191px;
  height: 101px;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.baima-page-single-contact .contact-con .map .map-con .map-con-title {
  border-bottom: 1px solid #dbdbdb;
  margin: 0 12px;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  color: #1598cc;
}
.baima-page-single-contact .contact-con .map .map-con .map-con-text {
  margin: 0 12px;
  height: 54px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  padding-top: 7px;
  color: #999999;
}
.baima-page-single-digital .digital-laboratory-management {
  height: 588px;
  position: relative;
}
.baima-page-single-digital .digital-laboratory-management > img:first-of-type {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-digital .digital-laboratory-management > img:last-of-type {
  width: 1650px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -800px;
  z-index: -1;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div {
  width: 500px;
  height: 400px;
  margin-top: 168px;
  letter-spacing: 2px;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div h1 {
  white-space: nowrap;
  font-size: 50px;
  color: #333333;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div p {
  font-size: 20px;
  line-height: 40px;
  color: #666;
  letter-spacing: 3px;
  margin: 12px 0 42px;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div .digital-system-characteristics {
  width: 412px;
  margin-top: 52px;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div .digital-system-characteristics > div {
  width: 198px;
  height: 44px;
  border-radius: 30px;
  float: left;
  background-color: #fff;
  position: relative;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div .digital-system-characteristics > div:nth-child(2n+1) {
  margin-right: 16px;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div .digital-system-characteristics > div:nth-child(n+3) {
  margin-top: 14px;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div .digital-system-characteristics > div > img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 35px;
  top: 7px;
}
.baima-page-single-digital .digital-laboratory-management .laboratory-management-content > div .digital-system-characteristics > div > span {
  font-size: 18px;
  color: #333333;
  line-height: 45px;
  margin-left: 67px;
}
.baima-page-single-digital .digital-development-platform {
  height: 636px;
  box-sizing: border-box;
  position: relative;
}
.baima-page-single-digital .digital-development-platform > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-digital .digital-development-platform .development-platform-content {
  width: 1200px;
  margin: 80px auto 0;
}
.baima-page-single-digital .digital-development-platform .development-platform-content h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
  padding-bottom: 68px;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div {
  width: 100%;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li {
  width: 420px;
  padding: 16px 55px 16px 30px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li.development-platform-list-active {
  height: 141px;
  padding: 26px 55px 26px 30px;
  background: #fff;
  box-shadow: 0px 3px 20px 1px rgba(0, 97, 163, 0.05);
  border-radius: 16px;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li.development-platform-list-active img {
  display: none;
  top: 29px;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li.development-platform-list-active img.img-active {
  display: block;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li.development-platform-list-active p {
  color: #0098FF;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li.development-platform-list-active span {
  display: block;
  color: #62697D;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li:hover p {
  color: #0098FF;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li:hover img {
  display: none;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li:hover img.img-active {
  display: block;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li img.img-active {
  display: none;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li p {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  padding: 0 0 10px 35px;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-list li span {
  display: none;
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-atlas {
  display: inline-block;
  width: 644px;
  height: 440px;
  vertical-align: top;
  margin-left: 116px;
  position: relative;
  background: linear-gradient(#DBEFFF, #EDF7FF);
  border-radius: 24px;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-atlas img {
  width: 100%;
  height: 100%;
}
.baima-page-single-digital .digital-development-platform .development-platform-content > div .development-platform-atlas img.atlas-bg {
  position: absolute;
}
.baima-page-single-digital .digital-process-customized {
  height: 790px;
}
.baima-page-single-digital .digital-process-customized .process-customized-content {
  width: 1180px;
  margin: 80px auto 0;
}
.baima-page-single-digital .digital-process-customized .process-customized-content h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
  padding-bottom: 32px;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul {
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  font-size: 0;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li {
  width: 190px;
  height: 294px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 119px;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li:nth-child(4),
.baima-page-single-digital .digital-process-customized .process-customized-content ul li:nth-child(8) {
  margin: 0;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li:nth-child(4)::after,
.baima-page-single-digital .digital-process-customized .process-customized-content ul li:nth-child(8)::after {
  display: none;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li:nth-child(n+5) {
  margin-top: 30px;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li::after {
  content: "";
  display: block;
  width: 83%;
  height: 1px;
  background: #0098FF;
  opacity: 0.3;
  position: absolute;
  left: 90%;
  top: 32.8%;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li .process-customized-img {
  width: 190px;
  height: 190px;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li p {
  font-size: 24px;
  color: #323233;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 16px;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li span {
  display: block;
  width: 216px;
  margin-left: -15px;
  font-size: 18px;
  color: #969799;
  line-height: 30px;
  text-align: center;
}
.baima-page-single-digital .digital-process-customized .process-customized-content ul li .process-customized-icon {
  width: 49px;
  height: 18px;
  position: absolute;
  left: 119%;
  top: 29.8%;
}
.baima-page-single-digital .digital-choose-baimaLIMS {
  height: 646px;
  overflow: hidden;
  position: relative;
}
.baima-page-single-digital .digital-choose-baimaLIMS > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content {
  width: 1190px;
  margin: 84px auto 80px;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content h2 {
  font-size: 36px;
  color: #333333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 58px;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content ul li {
  display: inline-block;
  width: 580px;
  height: 178px;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 32px 30px 26px;
  background: #fff;
  position: relative;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content ul li:nth-child(even) {
  margin-left: 20px;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content ul li:nth-child(n+3) {
  margin-top: 20px;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content ul li img {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 24px;
  right: 30px;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content ul li p {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  margin-bottom: 32px;
}
.baima-page-single-digital .digital-choose-baimaLIMS .choose-baimaLIMS-content ul li span {
  display: block;
  width: 424px;
  font-size: 18px;
  color: #62697D;
  line-height: 32px;
  letter-spacing: 1px;
}
.baima-page-single-digital .digital-classic-cases {
  height: 720px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 {
  padding: 80px 0 58px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-title-box h2 {
  font-size: 36px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 58px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 0 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #F5F8FD;
  cursor: pointer;
  position: relative;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42B0FF 0%, #1170FF 100%);
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  line-height: 62px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 {
  height: 460px;
  background: #E9ECF5;
  margin-top: -35px;
  position: relative;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  margin-right: 25px;
  letter-spacing: 0.8px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098FF;
  margin-bottom: 6px;
  text-align: center;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  font-size: 12px;
  color: #676B73;
  text-align: center;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  position: absolute;
  left: 50%;
  margin-left: -585px;
  bottom: 48px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42B0FF 0%, #1170FF 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-case-img {
  z-index: -2;
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -1px;
  z-index: 11;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.baima-page-single-digital .digital-classic-cases .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  opacity: 0;
}
@media screen and (max-width: 1600px) {
  .baima-page-single-digital .digital-laboratory-management > img:last-of-type {
    width: 1210px;
    margin-left: -522px;
  }
}
@media screen and (max-width: 1400px) {
  .baima-page-single-digital .digital-laboratory-management .laboratory-management-content {
    width: 1100px;
  }
  .baima-page-single-digital .digital-laboratory-management > img:last-of-type {
    width: 1150px;
    margin-left: -522px;
  }
}
.baima-page-single-water .water-laboratory-management {
  height: 588px;
  position: relative;
  overflow: hidden;
}
.baima-page-single-water .water-laboratory-management > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-water .water-laboratory-management .laboratory-management-content {
  width: 1180px;
  margin: 80px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.baima-page-single-water .water-laboratory-management .laboratory-management-content .laboratory-management-text {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.baima-page-single-water .water-laboratory-management .laboratory-management-content .laboratory-management-text h1 {
  font-size: 36px;
  color: #fff;
}
.baima-page-single-water .water-laboratory-management .laboratory-management-content .laboratory-management-text p {
  font-size: 22px;
  line-height: 40px;
  color: #fff;
  letter-spacing: 3px;
  margin: 22px 0 60px;
}
.baima-page-single-water .water-laboratory-management .laboratory-management-content .laboratory-management-text .laboratory-management-button {
  display: block;
  width: 178px;
  height: 48px;
  background: linear-gradient(to right, #f8f58a, #ffbb00);
  font-size: 20px;
  color: #333;
  line-height: 48px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 6px 6px 6px 1px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.baima-page-single-water .water-laboratory-management .laboratory-management-content .laboratory-management-img img {
  width: 700px;
  height: 500px;
  margin-top: -50px;
}
.baima-page-single-water .water-meet-problem {
  box-sizing: border-box;
  position: relative;
  padding-bottom: 56px;
}
.baima-page-single-water .water-meet-problem .meet-problem-content {
  width: 1200px;
  margin: 80px auto 0;
}
.baima-page-single-water .water-meet-problem .meet-problem-content h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
  padding-bottom: 58px;
}
.baima-page-single-water .water-meet-problem .meet-problem-content ul {
  width: 100%;
  font-size: 0;
  box-sizing: border-box;
  padding: 0 10px;
}
.baima-page-single-water .water-meet-problem .meet-problem-content ul li {
  display: inline-block;
  vertical-align: top;
  width: 376px;
  height: 311px;
  background: #f6f8fc;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 26px;
  box-sizing: border-box;
  padding: 24px 32px;
}
.baima-page-single-water .water-meet-problem .meet-problem-content ul li:not(:nth-child(3n)) {
  margin-right: 26px;
}
.baima-page-single-water .water-meet-problem .meet-problem-content ul li img {
  width: 74px;
  height: 74px;
}
.baima-page-single-water .water-meet-problem .meet-problem-content ul li .item-title {
  font-size: #333;
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0;
}
.baima-page-single-water .water-meet-problem .meet-problem-content ul li span,
.baima-page-single-water .water-meet-problem .meet-problem-content ul li p {
  color: #62697d;
  font-size: 16px;
  line-height: 26px;
}
.baima-page-single-water .water-management-programme {
  height: 894px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.baima-page-single-water .water-management-programme > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-water .water-management-programme .management-programme-content {
  width: 1200px;
  margin: 80px auto 0;
}
.baima-page-single-water .water-management-programme .management-programme-content h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.baima-page-single-water .water-management-programme .management-programme-content > p {
  text-align: center;
  color: #636e80;
  font-size: 17px;
  margin: 24px 0 58px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li {
  width: 300px;
  height: 82px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 18px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li.li-active {
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li.li-active img {
  display: none;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li.li-active img.img-active {
  display: block;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li.li-active h3 {
  color: #fff;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li:hover {
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li:hover h3 {
  color: #fff;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li:hover img {
  display: none;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li:hover img.img-active {
  display: block;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li img {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 24px;
  left: 30px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li img.img-active {
  display: none;
}
.baima-page-single-water .water-management-programme .management-programme-content > div ul li h3 {
  font-size: 18px;
  line-height: 82px;
  color: #333;
  font-weight: 600;
  margin-left: 70px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas {
  display: inline-block;
  width: 850px;
  height: 582px;
  vertical-align: top;
  margin-left: 24px;
  position: relative;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff;
  padding: 26px 40px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas .programme-atlas-item {
  display: none;
  position: absolute;
  left: 0;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas .programme-atlas-item.show-item {
  display: block;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas .programme-atlas-item > div h4 {
  color: #333;
  font-weight: 600;
  margin: 0 40px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas .programme-atlas-item > div p {
  margin: 10px 40px 13px;
  color: #62697d;
  font-size: 15px;
  line-height: 26px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas .programme-atlas-item img {
  width: 100%;
  height: 428px;
}
.baima-page-single-water .water-management-programme .management-programme-content > div .programme-atlas .programme-atlas-item img.atlas-bg {
  position: absolute;
}
.baima-page-single-water .water-choose-lims {
  padding: 80px 0 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.baima-page-single-water .water-choose-lims .content-box {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-water .water-choose-lims .content-box h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.baima-page-single-water .water-choose-lims .content-advantage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -64px;
}
.baima-page-single-water .water-choose-lims .content-advantage div:nth-child(3) p,
.baima-page-single-water .water-choose-lims .content-advantage div:nth-child(4) p {
  color: #00cebb;
  background: rgba(0, 206, 187, 0.12);
}
.baima-page-single-water .water-choose-lims .content-advantage div:nth-child(3) > img,
.baima-page-single-water .water-choose-lims .content-advantage div:nth-child(4) > img {
  margin: 28px 0 7px;
}
.baima-page-single-water .water-choose-lims .content-advantage div > img {
  display: block;
  width: 330px;
  height: 14.26px;
  margin: 22px 0 7px;
}
.baima-page-single-water .water-choose-lims .content-advantage div p {
  display: inline-block;
  font-size: 22px;
  text-align: left;
  padding: 10px 24px;
  margin: 0 0 14px 0;
  background: rgba(0, 152, 255, 0.12);
  border-radius: 4px;
  font-weight: 600;
  color: #0098ff;
}
.baima-page-single-water .water-choose-lims .content-advantage div span {
  display: block;
  width: 328px;
  font-size: 16px;
  color: #333;
  line-height: 32px;
  text-align: left;
}
.baima-page-single-water .water-choose-lims .content-advantage div.advantage-img-box {
  width: 390px;
  height: 408px;
  position: relative;
  top: 150px;
}
.baima-page-single-water .water-choose-lims .content-advantage div.advantage-img-box img {
  width: 100%;
  height: 100%;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 {
  padding: 80px 0 58px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-title-box h2 {
  font-size: 36px;
  color: #333;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-title-box p {
  font-size: 17px;
  color: #636e80;
  text-align: center;
  margin: 24px 0 58px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 0 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #f5f8fd;
  cursor: pointer;
  position: relative;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42b0ff 0%, #1170ff 100%);
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.baima-page-single-water .water-classic-cases .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  line-height: 62px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 {
  height: 460px;
  background: #e9ecf5;
  position: relative;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  margin-right: 25px;
  letter-spacing: 0.8px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098ff;
  margin-bottom: 6px;
  text-align: center;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  font-size: 12px;
  color: #676b73;
  text-align: center;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  position: absolute;
  left: 50%;
  margin-left: -585px;
  bottom: 48px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-case-img {
  z-index: -2;
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -1px;
  z-index: 11;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.baima-page-single-water .water-classic-cases .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  opacity: 0;
}
.baima-page-single-water .water-service-industry {
  overflow: hidden;
}
.baima-page-single-water .water-service-industry .service-industry-text {
  width: 1200px;
  margin: 80px auto 0;
}
.baima-page-single-water .water-service-industry .service-industry-text h2 {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.baima-page-single-water .water-service-industry .service-industry-text p {
  text-align: center;
  color: #636e80;
  font-size: 17px;
  margin: 24px 0 58px;
}
.baima-page-single-water .water-service-industry .service-industry-list {
  width: 1180px;
  margin: 0 auto;
  font-size: 0;
  padding-bottom: 44px;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item {
  width: 166px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  background: linear-gradient(2deg, #eff6f9 0%, #ffffff 100%);
  box-shadow: 0px 0px 15px 1px rgba(18, 79, 121, 0.16);
  border-radius: 8px 8px 8px 8px;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  padding: 18px 0;
  margin-bottom: 36px;
  position: relative;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item img {
  display: block;
  margin: 0 auto 8px;
  width: 46px;
  height: 46px;
  text-align: center;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item p {
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item > span {
  display: none;
  font-size: 18px;
  color: #333333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item:not(:nth-child(6n)) {
  margin-right: 36px;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item.item-hover:hover {
  background: #e9f0f5;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item.item-hover:hover img,
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item.item-hover:hover p {
  display: none;
}
.baima-page-single-water .water-service-industry .service-industry-list .service-industry-list-item.item-hover:hover > span {
  display: block;
}
.baima-page-single-water h4 {
  white-space: nowrap;
}
.baima-page-single-eln > * {
  box-sizing: border-box;
}
.baima-page-single-eln img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.baima-page-single-eln .container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  transition: all ease-in-out 0.3s;
}
.baima-page-single-eln .hero {
  position: relative;
  display: flex;
  height: 588px;
  background-image: url('../image/pc/eln/bg_hero.png');
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 20px;
  overflow: hidden;
}
.baima-page-single-eln .hero .container {
  display: flex;
}
.baima-page-single-eln .hero .hero__inner {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.baima-page-single-eln .hero .hero__inner > h1 {
  margin-block-end: 24px;
  color: #333333;
  font-size: 2.5em;
  font-weight: 600;
}
.baima-page-single-eln .hero .hero__inner > h2 {
  margin-block-end: 48px;
  color: #666666;
  font-size: 1.25em;
  font-weight: 400;
}
.baima-page-single-eln .hero .hero__inner > button {
  width: fit-content;
  border: none;
  border-radius: 8px;
  background: linear-gradient(90deg, #42B0FF 0%, #1170FF 100%);
  color: white;
  font-size: 1.05em;
  cursor: pointer;
}
.baima-page-single-eln .hero .hero__inner > button > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9em 1.75em;
  color: inherit;
}
.baima-page-single-eln .hero .computer {
  position: relative;
  flex: 1.1;
  display: flex;
  align-items: center;
}
.baima-page-single-eln .hero .computer .computer__inner {
  font-size: 0;
}
.baima-page-single-eln .hero .computer .computer__inner > img {
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.baima-page-single-eln .hero .computer .slot {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1180px;
  height: 100%;
  background: url('../image/pc/eln/bg_hero_right.png');
  background-position: right bottom;
  background-size: auto 100%;
  background-repeat: no-repeat;
  z-index: 0;
  transform: translateX(max(calc((1920px - 1180px) / 2), 0px));
}
.baima-page-single-eln .ability {
  padding-block: 80px 30px;
  background: linear-gradient(to top, #E4F3FF 0%, #FFFFFF 100%);
  font-size: 20px;
}
.baima-page-single-eln .ability .ability__inner h2 {
  margin-block-end: 58px;
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-eln .ability .tab-list {
  display: flex;
  gap: 1em;
  margin-bottom: 48px;
}
.baima-page-single-eln .ability .tab-list > * {
  flex: 1;
}
.baima-page-single-eln .ability .tab-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding-block: 17px;
  border: 2px solid white;
  border-radius: 8px;
  background: linear-gradient(219deg, #EFF6F9 0%, #FFFFFF 100%);
  box-shadow: 0px 3px 15px 1px rgba(88, 168, 222, 0.16);
  color: #333333;
  font-size: 0.9em;
  font-weight: 600;
  cursor: pointer;
}
.baima-page-single-eln .ability .tab-button.active {
  background: linear-gradient(95deg, #42B0FF 0%, #1170FF 100%);
  color: white;
}
.baima-page-single-eln .ability .tab-button > img {
  width: 30px;
  height: 30px;
}
.baima-page-single-eln .ability .ability-info {
  display: flex;
  align-items: center;
}
.baima-page-single-eln .ability .ability-info.hide {
  display: none;
}
.baima-page-single-eln .ability .ability-info .ability-info-desc {
  flex: 1;
}
.baima-page-single-eln .ability .ability-info .ability-info-desc > h3 {
  margin-block-end: 20px;
  color: #333333;
  font-size: 1.2em;
  font-weight: 600;
}
.baima-page-single-eln .ability .ability-info .ability-info-desc > p {
  color: #62697D;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 2px;
}
.baima-page-single-eln .ability .ability-info .ability-info-image__box {
  flex: 3;
  margin-inline-start: 77px;
  background: url('../image/pc/eln/bg_a.png') center / 100% 100% no-repeat;
}
.baima-page-single-eln .vs {
  padding-block: 80px;
  font-size: 20px;
}
.baima-page-single-eln .vs .vs__inner .vs-chart {
  position: relative;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .title-advantage,
.baima-page-single-eln .vs .vs__inner .vs-chart .title-disadvantage {
  position: absolute;
  left: 4%;
  top: 6%;
  color: white;
  font-size: 1.5em;
  font-weight: 600;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .title-disadvantage {
  left: 55%;
  top: 10%;
  font-size: 1.25em;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-advantage,
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-disadvantage {
  position: absolute;
  left: 6.8%;
  top: 36%;
  display: flex;
  flex-direction: column;
  gap: 1.7em;
  color: #333333;
  font-size: 1.2em;
  font-weight: 400;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-advantage > li,
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-disadvantage > li {
  display: flex;
  align-items: center;
  gap: 0.9em;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-advantage > li::before,
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-disadvantage > li::before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: url('../image/pc/eln/yes.png') center / 100% 100% no-repeat;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-disadvantage {
  left: 64%;
  top: 33%;
  gap: 1.6em;
  color: #62697D;
  font-size: 1em;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-disadvantage > li {
  gap: 0.8em;
}
.baima-page-single-eln .vs .vs__inner .vs-chart .vs-disadvantage > li::before {
  width: 1.3em;
  height: 1.3em;
  background: url('../image/pc/eln/no.png') center / 100% 100% no-repeat;
}
.baima-page-single-eln .vs .vs__inner > h2 {
  margin-block-end: 58px;
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-eln .process {
  padding-block: 80px;
  background: url('../image/pc/eln/bg_process.png') center / 100% 100% no-repeat;
  font-size: 20px;
}
.baima-page-single-eln .process .process__inner > h2 {
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-eln .process .process__inner .process-chart {
  position: relative;
  padding-top: 296px;
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip {
  position: absolute;
  width: 14%;
  color: #3D485D;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1.3em;
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip:nth-of-type(even) {
  bottom: 198px;
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip:nth-of-type(odd) {
  bottom: 78px;
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip .tooltip-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
  padding: 24px 11px;
  /* height: 180px; */
  border: 2px solid white;
  border-radius: 8px;
  background: linear-gradient(198deg, #EFF6F9 0%, white 100%);
  box-shadow: 0px 0px 30px 1px rgba(8, 57, 104, 0.08);
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip .tooltip-content.p-24 {
  padding: 24px;
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip .tooltip-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  border: 10px solid transparent;
  border-top-color: white;
  border-bottom: none;
  transform: translateY(100%);
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip .tooltip-content > img {
  width: 2.3em;
}
.baima-page-single-eln .process .process__inner .process-chart .tooltip .tooltip-content > span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: center;
  white-space: wrap;
  overflow: hidden;
}
.baima-page-single-eln .asset-case-list {
  padding-top: 80px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 {
  padding-bottom: 58px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
  text-align: center;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-title-box > h2 {
  margin-block-end: 24px;
  color: #333333;
  font-size: 36px;
  font-weight: 600;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-title-box > p {
  margin-block-end: 58px;
  color: #636E80;
  font-size: 17px;
  font-weight: 400;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 15px 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #F5F8FD;
  cursor: pointer;
  position: relative;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42B0FF 0%, #1170FF 100%);
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.baima-page-single-eln .asset-case-list .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 {
  height: 460px;
  background: #E9ECF5;
  position: relative;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  letter-spacing: 0.8px;
  margin-right: 35px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098FF;
  margin-bottom: 6px;
  text-align: center;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  font-size: 12px;
  color: #676B73;
  text-align: center;
  white-space: nowrap;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  position: absolute;
  margin-left: -585px;
  left: 50%;
  bottom: 48px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42B0FF 0%, #1170FF 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .operation-icon-arrow.research-development {
  margin-top: 26px;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-case-img {
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
  overflow: hidden;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.baima-page-single-eln .asset-case-list .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  left: 1px;
  opacity: 0;
}
.baima-page-single-eln .get-now {
  padding-block: 72px;
  background: url('../image/pc/common/free-consult-bg.png') center / 100% 100% no-repeat;
  color: white;
}
.baima-page-single-eln .get-now .get-now__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.baima-page-single-eln .get-now .get-now__inner > p {
  margin-block-end: 24px;
  font-size: 21px;
  font-weight: 400;
  opacity: 0.8;
}
.baima-page-single-eln .get-now .get-now__inner > h2 {
  margin: 0;
  margin-block-end: 31px;
  padding: 0;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}
.baima-page-single-eln .get-now .get-now__inner > button {
  padding: 11px 52px;
  border: 1px solid white;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
}
@media screen and (width <= 1200px) {
  .baima-page-single-eln .container {
    padding-inline: 20px;
  }
}
.baima-page-single-library {
  background: #f7f8fa;
  /* #region hero */
  /* #endregion */
  /* #region 筛选 */
  /* #endregion */
  /* #region 标准 */
  /* #endregion */
}
.baima-page-single-library * {
  box-sizing: border-box;
}
.baima-page-single-library img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.baima-page-single-library .container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  transition: all ease-in-out 0.3s;
}
.baima-page-single-library .clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.baima-page-single-library .box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #C7CFD9;
  border-radius: 4px;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
}
.baima-page-single-library .box.active {
  border-color: #0098FF;
  background: #0098FF;
  color: white;
}
.baima-page-single-library .box > img {
  width: 16px;
  height: 16px;
}
.baima-page-single-library .box:hover {
  border-color: #0098FF;
  background: rgba(0, 152, 255, 0.1);
  color: #0098FF;
}
.baima-page-single-library .hero {
  margin-bottom: 32px;
  background: linear-gradient(180deg, #1D57EF 0%, #1D57EF 0%, #2D7BFD 100%);
  overflow: hidden;
}
.baima-page-single-library .hero .hero__inner {
  display: flex;
  justify-content: space-between;
  width: 1180px;
  margin: auto;
}
.baima-page-single-library .hero .hero__inner .hero__inner--left {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.baima-page-single-library .hero .hero__inner .hero__inner--left .line {
  width: 60px;
  height: 4px;
  background: white;
  margin-block: 26px;
}
.baima-page-single-library .hero .hero__inner .hero__inner--left h1 {
  color: white;
  font-size: 50px;
  font-weight: 600;
}
.baima-page-single-library .hero .hero__inner .hero__inner--left p {
  color: white;
  font-size: 23px;
  font-weight: 400;
  opacity: 0.7;
}
.baima-page-single-library .hero .hero__inner .hero__inner--right {
  padding-top: 31px;
  flex-shrink: 0;
  font-size: 0;
}
.baima-page-single-library .hero .hero__inner .hero__inner--right > img {
  width: 802px;
  height: 240px;
  max-width: unset;
  transform: translateX(164px);
}
.baima-page-single-library .filters__inner {
  margin-block-end: 20px;
  padding: 30px;
  background: white;
}
.baima-page-single-library .filter-list--wrap {
  position: relative;
  padding-block: 16px;
  border-bottom: 1px solid #C7CFD9;
  overflow: hidden;
}
.baima-page-single-library .filters-panel .filter-list--wrap:first-child {
  padding-top: 0;
}
.baima-page-single-library .filters-panel .filter-list--wrap:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.baima-page-single-library .filter-list {
  display: flex;
  font-size: 0;
}
.baima-page-single-library .filter-list.wrap {
  display: block;
  margin-bottom: -16px;
}
.baima-page-single-library .fold {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100px;
  height: 40px;
  background: white;
  box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.5);
  color: #0098FF;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
.baima-page-single-library .fold > img {
  width: 16px;
  height: 16px;
  transition: transform ease-in-out 0.3s;
}
.baima-page-single-library .wrap .fold {
  position: relative;
  float: right;
  box-shadow: none;
}
.baima-page-single-library .wrap .fold > img {
  transform: rotate(-180deg);
}
.baima-page-single-library .filter {
  display: inline-block;
  padding-inline: 18px;
  margin-block-end: 0;
  margin-inline-end: 14px;
  height: 40px;
  border-radius: 4px;
  background: #F2F3F5;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.baima-page-single-library .filter.active {
  background: rgba(0, 152, 255, 0.1);
}
.baima-page-single-library .filter.active > h2 {
  color: #0098FF;
}
.baima-page-single-library .filter > h2 {
  color: #636E80;
  font-size: 16px;
  line-height: 40px;
  font-weight: 400;
}
.baima-page-single-library .filter-list.wrap .filter {
  margin-block-end: 16px;
}
.baima-page-single-library .standards {
  margin-block: 20px 58px;
}
.baima-page-single-library .standards .standard__inner {
  display: flex;
  flex-direction: column;
  padding: 24px 30px 28px;
  border-radius: 12px;
  background: white;
}
.baima-page-single-library .standards .standard__inner .bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 24px;
}
.baima-page-single-library .standards .standard__inner .bar .search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 17px;
  width: 400px;
  border: 1px solid #C7CFD9;
  border-radius: 4px;
  font-size: 16px;
}
.baima-page-single-library .standards .standard__inner .bar .search > img {
  width: 20px;
  height: 20px;
}
.baima-page-single-library .standards .standard__inner .bar .search > input {
  flex: 1;
  padding: 12px 0;
  border: none;
  outline: none;
}
.baima-page-single-library .standards .standard__inner .bar .search > input::placeholder {
  color: #BBBBBB;
}
.baima-page-single-library .standards .standard__inner .bar > span {
  color: #333333;
  font-size: 18px;
  letter-spacing: 1px;
}
.baima-page-single-library .standards .standard__inner .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.baima-page-single-library table {
  flex: 1;
  margin-block-end: 28px;
  width: 100%;
  color: #636E80;
  font-size: 15px;
  font-weight: 400;
  border-spacing: 0;
  border-collapse: collapse;
}
.baima-page-single-library table h3 {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.baima-page-single-library table thead th {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  background: #F6F7F9;
}
.baima-page-single-library th,
.baima-page-single-library td {
  padding-inline: 20px;
  height: 48px;
  border: 1px solid #C7CFD9;
  text-align: left;
}
.baima-page-single-library tbody tr:nth-of-type(even) {
  background: #F6F7F9;
}
.baima-page-single-library tbody tr:hover {
  background: rgba(0, 152, 255, 0.08);
}
.baima-page-single-library td a {
  color: inherit;
  text-decoration: none;
}
.baima-page-single-library .get-now {
  padding-block: 72px;
  background: url('../image/pc/common/free-consult-bg.png') center / 100% 100% no-repeat;
  color: white;
}
.baima-page-single-library .get-now .get-now__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.baima-page-single-library .get-now .get-now__inner > p {
  margin-block-end: 24px;
  font-size: 21px;
  font-weight: 400;
  opacity: 0.8;
}
.baima-page-single-library .get-now .get-now__inner > h2 {
  margin: 0;
  margin-block-end: 31px;
  padding: 0;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}
.baima-page-single-library .get-now .get-now__inner > button {
  padding: 11px 52px;
  border: 1px solid white;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
}
@media screen and (width <= 1200px) {
  .baima-page-single-library .hero__inner {
    padding-left: 20px;
  }
  .baima-page-single-library .container,
  .baima-page-single-library .filters,
  .baima-page-single-library .standards {
    padding-inline: 20px;
  }
}
.baima-page-single-library__detail {
  padding: 32px 0 60px;
  background: #f7f8fa;
  overflow: hidden;
}
.baima-page-single-library__detail * {
  box-sizing: border-box;
}
.baima-page-single-library__detail .container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  transition: all ease-in-out 0.3s;
}
.baima-page-single-library__detail .button {
  padding: 17px 34px;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
}
.baima-page-single-library__detail .button.primary {
  background: #0098FF;
}
.baima-page-single-library__detail .button.warnning {
  background: #FEC415;
}
.baima-page-single-library__detail .button.success {
  background: #00CEBB;
}
.baima-page-single-library__detail .line {
  margin: 23px 0 40px;
  width: 60px;
  height: 4px;
  background: #0098FF;
}
.baima-page-single-library__detail .detail {
  margin-bottom: 20px;
}
.baima-page-single-library__detail .detail .detail__inner {
  padding: 30px 30px 40px;
  border-radius: 12px;
  background: white;
}
.baima-page-single-library__detail .detail .detail__inner .standard-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.baima-page-single-library__detail .detail .detail__inner .standard-head .standard-title {
  color: #333333;
  font-size: 32px;
  font-weight: 600;
}
.baima-page-single-library__detail .detail .detail__inner .standard-desc {
  margin: 0 0 32px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 1px;
}
.baima-page-single-library__detail .detail .detail__inner .standard-content {
  margin: 32px 0 0;
  letter-spacing: 1px;
}
.baima-page-single-library__detail .detail .detail__inner .standard-content > dt {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
.baima-page-single-library__detail .detail .detail__inner .standard-content > div {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.baima-page-single-library__detail .detail .detail__inner .standard-content > div > dd {
  margin: 0;
  color: #62697D;
  font-size: 16px;
  font-weight: 400;
}
.baima-page-single-library__detail table {
  width: 100%;
  border: 1px solid #C7CFD9;
  border-radius: 8px;
  border-spacing: 0;
  overflow: hidden;
  table-layout: auto;
}
.baima-page-single-library__detail table thead th {
  padding: 14px 0;
  border-bottom: 1px solid #C7CFD9;
  background: #E7F3FF;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-library__detail table tbody td {
  padding: 14px 0;
  color: #636E80;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}
.baima-page-single-library__detail .relevant__inner {
  padding: 32px 30px 40px;
  border-radius: 12px;
  background: white;
}
.baima-page-single-library__detail .relevant__inner > h2 {
  margin-bottom: 24px;
  color: #333333;
  font-size: 24px;
  font-weight: 600;
}
.baima-page-single-library__detail .relevant__inner .relevant-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  padding-top: 24px;
  border-top: 1px solid #C7CFD9;
}
.baima-page-single-library__detail .relevant__inner .relevant-list .relevant-item {
  color: #62697D;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}
.baima-page-single-library__detail .relevant__inner .relevant-list .relevant-item::before {
  content: '-';
  display: inline;
  margin-right: 8px;
}
@media screen and (width <= 1200px) {
  .baima-page-single-library__detail {
    padding: 32px 20px 60px;
  }
}
.baima-page-single-lims__video-list * {
  box-sizing: border-box;
}
.baima-page-single-lims__video-list img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.baima-page-single-lims__video-list .container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  transition: all ease-in-out 0.3s;
}
.baima-page-single-lims__video-list .hero {
  background: #001db8;
  overflow: hidden;
}
.baima-page-single-lims__video-list .hero .hero__inner {
  display: flex;
  justify-content: space-between;
  width: 1180px;
  margin: auto;
}
.baima-page-single-lims__video-list .hero .hero__inner .hero__inner--left {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.baima-page-single-lims__video-list .hero .hero__inner .hero__inner--left .line {
  width: 60px;
  height: 4px;
  background: white;
  margin-block: 26px;
}
.baima-page-single-lims__video-list .hero .hero__inner .hero__inner--left h1 {
  color: white;
  font-size: 50px;
  font-weight: 600;
}
.baima-page-single-lims__video-list .hero .hero__inner .hero__inner--left p {
  color: white;
  font-size: 23px;
  font-weight: 400;
  opacity: 0.7;
}
.baima-page-single-lims__video-list .hero .hero__inner .hero__inner--right {
  padding-top: 31px;
  flex-shrink: 0;
  font-size: 0;
}
.baima-page-single-lims__video-list .hero .hero__inner .hero__inner--right > img {
  width: 802px;
  height: 240px;
  max-width: unset;
  transform: translateX(164px);
}
.baima-page-single-lims__video-list .video {
  background: #f7f8fa;
  padding: 48px 20px 80px;
}
.baima-page-single-lims__video-list .video .tabs {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 58px;
}
.baima-page-single-lims__video-list .video .tab {
  padding: 9px 18px;
  border-radius: 6px;
  background: white;
  color: #636E80;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.baima-page-single-lims__video-list .video .tab.small {
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
}
.baima-page-single-lims__video-list .video .tab.success {
  background: rgba(0, 206, 187, 0.12);
  color: #00CEBB;
}
.baima-page-single-lims__video-list .video .tab.primary {
  background: rgba(0, 152, 255, 0.12);
  color: #0098FF;
}
.baima-page-single-lims__video-list .video .tab.warnning {
  background: rgba(254, 203, 0, 0.12);
  color: #FECB00;
}
.baima-page-single-lims__video-list .video .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 20px;
}
.baima-page-single-lims__video-list .video .list .item {
  border-radius: 12px;
  background: white;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  cursor: pointer;
}
.baima-page-single-lims__video-list .video .list .item .cover {
  position: relative;
  font-size: 0;
  user-select: none;
}
.baima-page-single-lims__video-list .video .list .item .cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4) url('../image/pc/lims/mask.png') center / 56px 56px no-repeat;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
}
.baima-page-single-lims__video-list .video .list .item .cover:hover::after {
  opacity: 1;
}
.baima-page-single-lims__video-list .video .list .item .info {
  padding: 16px 20px 18px;
}
.baima-page-single-lims__video-list .video .list .item .info .title {
  color: #2B2B2B;
  font-size: 20px;
  font-weight: bold;
  transition: color ease-in-out 0.2s;
}
.baima-page-single-lims__video-list .video .list .item .info .title:hover {
  color: #0098FF;
}
.baima-page-single-lims__video-list .video .list .item .info .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 14px 0 18px;
  color: #636E80;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baima-page-single-lims__video-list .video .list .item .other {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.baima-page-single-lims__video-list .video .list .item .other .visited {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #636E80;
  font-size: 0px;
}
.baima-page-single-lims__video-list .video .list .item .other .visited > img {
  width: 16px;
  height: 12px;
}
.baima-page-single-lims__video-list .video .list .item .other .visited > span {
  font-size: 12px;
}
.baima-page-single-lims__video-list .get-now {
  padding-block: 72px;
  background: url('../image/pc/common/free-consult-bg.png') center / 100% 100% no-repeat;
  color: white;
}
.baima-page-single-lims__video-list .get-now .get-now__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.baima-page-single-lims__video-list .get-now .get-now__inner > p {
  margin-block-end: 24px;
  font-size: 21px;
  font-weight: 400;
  opacity: 0.8;
}
.baima-page-single-lims__video-list .get-now .get-now__inner > h2 {
  margin: 0;
  margin-block-end: 31px;
  padding: 0;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}
.baima-page-single-lims__video-list .get-now .get-now__inner > button {
  padding: 11px 52px;
  border: 1px solid white;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
}
.baima-page-single-lims__video-list .no-data {
  padding-top: 50px;
  padding-bottom: 100px;
}
.baima-page-single-lims__video-list .no-data img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}
.baima-page-single-lims__video-list .no-data div {
  text-align: center;
  margin-top: 11px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
}
@media screen and (width <= 1200px) {
  .baima-page-single-lims__video-list .hero .container {
    padding-inline: 20px;
  }
}
.baima-page-single-lims__video-detail {
  padding-top: 32px;
  background: #f7f8fa;
  overflow: hidden;
}
.baima-page-single-lims__video-detail * {
  box-sizing: border-box;
}
.baima-page-single-lims__video-detail img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.baima-page-single-lims__video-detail .container {
  margin: 0 auto;
  padding-inline: 0;
  max-width: 1180px;
  width: 100%;
  overflow: hidden;
}
.baima-page-single-lims__video-detail .video {
  margin-bottom: 48px;
}
.baima-page-single-lims__video-detail .video .container {
  padding: 30px 30px 40px;
  border-radius: 12px;
  background: white;
}
.baima-page-single-lims__video-detail .video .container .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child > h1 {
  color: #333333;
  font-size: 32px;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child > div {
  display: flex;
  gap: 20px;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child > div > span:first-child {
  color: #62697d;
  font-size: 16px;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child > div > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #636e80;
  font-size: 0;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child > div > span:last-child > img {
  width: 16px;
  height: 12px;
}
.baima-page-single-lims__video-detail .video .container .head > div:first-child > div > span:last-child > span {
  font-size: 16px;
}
.baima-page-single-lims__video-detail .video .container .head > button {
  border: none;
  border-radius: 8px;
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
  color: white;
  font-size: 18px;
}
.baima-page-single-lims__video-detail .video .container .head > button a {
  padding: 17px 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
}
.baima-page-single-lims__video-detail .video .container > p {
  margin: 0;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1px;
}
.baima-page-single-lims__video-detail .video .container .media {
  margin: 25px 0 32px;
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 0;
  user-select: none;
  height: 534px;
}
.baima-page-single-lims__video-detail .video .container .media > video {
  width: 100%;
  height: 100%;
  background: black;
  object-fit: cover;
}
.baima-page-single-lims__video-detail .video .container .media .mask {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity ease-in-out 0.3s;
  z-index: 1;
}
.baima-page-single-lims__video-detail .video .container .media .mask .start {
  height: 100px;
  width: 100px;
  cursor: pointer;
}
.baima-page-single-lims__video-detail .video .container .media .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.baima-page-single-lims__video-detail .video .container .media .mask.hidden,
.baima-page-single-lims__video-detail .video .container .media .cover.hidden {
  display: none;
}
.baima-page-single-lims__video-detail .recommend {
  margin-bottom: 80px;
}
.baima-page-single-lims__video-detail .recommend .container > h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
}
.baima-page-single-lims__video-detail .recommend .list {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.baima-page-single-lims__video-detail .recommend .list .item {
  position: relative;
  display: flex;
  font-size: 0;
  user-select: none;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}
.baima-page-single-lims__video-detail .recommend .list .item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4) url("../image/pc/lims/mask.png") center / 56px 56px no-repeat;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
  pointer-events: none;
}
.baima-page-single-lims__video-detail .recommend .list .item:hover::after {
  opacity: 1;
}
.baima-page-single-lims__video-detail .get-now {
  padding-block: 72px;
  background: url("../image/pc/common/free-consult-bg.png") center / 100% 100% no-repeat;
  color: white;
}
.baima-page-single-lims__video-detail .get-now .get-now__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.baima-page-single-lims__video-detail .get-now .get-now__inner > p {
  margin-block-end: 24px;
  font-size: 21px;
  font-weight: 400;
  opacity: 0.8;
}
.baima-page-single-lims__video-detail .get-now .get-now__inner > h2 {
  margin: 0;
  margin-block-end: 31px;
  padding: 0;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}
.baima-page-single-lims__video-detail .get-now .get-now__inner > button {
  padding: 11px 52px;
  border: 1px solid white;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
}
.baima-page-lims-home .highlight {
  color: #0098ff;
  text-decoration: underline;
  font-weight: 600;
}
.baima-page-lims-home .hero {
  padding-top: 48px;
  background: url("../image/pc/lims/home/bg-hero.png") center / cover no-repeat;
}
.baima-page-lims-home .hero .hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.baima-page-lims-home .hero .hero__inner .hero-title.img-box {
  margin: 3px 0 12px;
  width: 412px;
  height: 83px;
}
.baima-page-lims-home .hero .hero__inner .hero-title.img-box > img {
  height: 100%;
}
.baima-page-lims-home .hero .hero__inner .hero-title.img-box > img.hide {
  display: none;
}
.baima-page-lims-home .hero .hero__inner .hero-text {
  font-weight: 400;
  font-size: 25px;
  color: #666666;
  line-height: 36px;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container {
  position: relative;
  width: 1180px;
  height: 580px;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container > .img-box {
  height: 100%;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker {
  position: absolute;
  top: 0;
  right: 20px;
  padding: 26px 33px 31px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(2px);
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-tips {
  color: var(--neutral);
  font-size: 19px;
  font-weight: 600;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options {
  display: flex;
  gap: 32px;
  margin-top: 22px;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 88px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  box-shadow: 0px 0px 30px 1px rgba(8, 57, 104, 0.12);
  color: var(--neutral);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s linear;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option > .icon {
  margin-bottom: 5px;
  width: 34px;
  height: 35px;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option:nth-of-type(1) {
  background: linear-gradient(to top, #e1f4f3 0%, #fefefe 100%);
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option:nth-of-type(1).active {
  border-color: #00cebb;
  color: #00cebb;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option:nth-of-type(2) {
  background: linear-gradient(to top, #e1eef4 0%, #fefefe 100%);
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option:nth-of-type(2).active {
  border-color: #107af9;
  color: #107af9;
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option:nth-of-type(3) {
  background: linear-gradient(to top, #e1eef4 0%, #fefefe 100%);
}
.baima-page-lims-home .hero .hero__inner .hero-image__container .picker .picker-options .picker-option:nth-of-type(3).active {
  border-color: #0098ff;
  color: #0098ff;
}
.baima-page-lims-home .production {
  overflow: hidden;
}
.baima-page-lims-home .production .production__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}
.baima-page-lims-home .production .production__inner > h2 {
  margin-bottom: 24px;
  color: #333333;
  font-size: 40px;
  font-weight: 600;
}
.baima-page-lims-home .production .production__inner > p {
  margin-bottom: 58px;
  color: #636e80;
  font-size: 18px;
}
.baima-page-lims-home .production .production__inner .production-item-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 100%;
  transition: all 0.5s ease;
  height: 240px;
  overflow: hidden;
}
.baima-page-lims-home .production .production__inner .production-item {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 40px;
  width: 350px;
  height: 100%;
  background: #f3f8fd;
  overflow: hidden;
  cursor: pointer;
}
.baima-page-lims-home .production .production__inner .production-item.active {
  width: 480px;
  flex-direction: row;
  background: url("../image/pc/lims/nocode/bg-p-item.png") center / cover no-repeat;
}
.baima-page-lims-home .production .production__inner .production-item.active .production-item-context > p {
  display: -webkit-box;
}
.baima-page-lims-home .production .production__inner .production-item.active .production-item-context > .button {
  display: flex;
}
.baima-page-lims-home .production .production__inner .production-item.active .img-box {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.baima-page-lims-home .production .production__inner .production-item.active .img-box > img:first-child {
  display: none;
}
.baima-page-lims-home .production .production__inner .production-item.active .img-box > img:last-child {
  display: block;
}
.baima-page-lims-home .production .production__inner .production-item .production-item-context > h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
}
.baima-page-lims-home .production .production__inner .production-item .production-item-context > p {
  display: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  margin: 14px 0 26px;
  width: 285px;
  color: #62697d;
  font-size: 16px;
  line-height: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baima-page-lims-home .production .production__inner .production-item .production-item-context > .button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 44px;
  border-radius: 7px 7px 7px 7px;
  border: 1px solid #ffffff;
  background: linear-gradient(90deg, #00cebb 0%, #1170ff 100%);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-out;
}
.baima-page-lims-home .production .production__inner .production-item .production-item-context > .button:hover {
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.12);
}
.baima-page-lims-home .production .production__inner .production-item .img-box {
  flex-shrink: 0;
  width: 78px;
  height: 78px;
}
.baima-page-lims-home .production .production__inner .production-item .img-box > img:first-child {
  display: block;
}
.baima-page-lims-home .production .production__inner .production-item .img-box > img:last-child {
  display: none;
}
.baima-page-lims-home .production .production__inner .production-item:first-child {
  border-radius: 16px 0px 0px 16px;
}
.baima-page-lims-home .production .production__inner .production-item:last-child {
  border-radius: 0px 16px 16px 0px;
}
.baima-page-lims-home .capacity {
  padding: 80px 0;
  background: url("../image/pc/lims/nocode/bg-capacity.png") center / 100% 100% no-repeat;
  overflow: hidden;
}
.baima-page-lims-home .capacity .capacity__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.baima-page-lims-home .capacity .capacity__inner > h2 {
  margin-bottom: 24px;
  color: #333333;
  font-size: 40px;
  font-weight: 600;
}
.baima-page-lims-home .capacity .capacity__inner > p {
  color: #636e80;
  font-size: 18px;
  font-weight: 400;
}
.baima-page-lims-home .capacity .capacity__inner > div {
  display: flex;
  gap: 24px;
  margin-top: 58px;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  width: 300px;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 28px;
  width: 300px;
  height: 100px;
  border-radius: 8px;
  background: #fff;
  color: #333333;
  font-size: 22px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn .img-box {
  width: 36px;
  height: 36px;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn .img-box > img:first-child {
  display: block;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn .img-box > img:last-child {
  display: none;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn.active {
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
  color: #fff;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn.active .img-box > img:first-child {
  display: none;
}
.baima-page-lims-home .capacity .capacity__inner > div .tabs .tab-btn.active .img-box > img:last-child {
  display: block;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet {
  --background: url("../image/pc/lims/01.png") center/100% no-repeat;
  padding: 52px 61px 22px;
  width: 856px;
  height: 580px;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
  box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div {
  margin-bottom: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > h3 {
  position: relative;
  height: 35px;
  color: #000000;
  font-size: 26px;
  font-weight: 600;
  z-index: 1;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > h3::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: -15px;
  width: 74px;
  height: 74px;
  background: var(--background);
  z-index: -1;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00cebb;
  font-size: 16px;
  cursor: pointer;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > span a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  transition: color 0.1s ease-out;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > span a::after {
  content: "";
  display: block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  background: url("../image/pc/lims/nocode/arrow-right.png") center / cover no-repeat;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > span:hover {
  color: #01af9f;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > div > span:hover a::after {
  background: url("../image/pc/lims/nocode/arrow-right--hover.png") center / cover no-repeat;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet > p {
  margin-bottom: 10px;
  color: #62697d;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
}
.baima-page-lims-home .capacity .capacity__inner > div .outlet .img-box {
  margin: auto;
  width: 600px;
}
.baima-page-lims-home .advantage {
  text-align: center;
  height: 241px;
  background: #fff;
}
.baima-page-lims-home .advantage .content {
  display: inline-block;
  width: auto;
}
.baima-page-lims-home .advantage .content .advantage-title {
  height: 50px;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  color: #333333;
  margin-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
.baima-page-lims-home .advantage .content .advantage-text {
  height: 33px;
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  text-align: center;
}
.baima-page-lims-home .advantage.effic {
  height: 220px;
}
.baima-page-lims-home .evaluation-con {
  background: #fafbfd;
}
.baima-page-lims-home .evaluation-con .content .tab {
  font-size: 0;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item {
  display: inline-block;
  text-align: center;
  width: 25%;
  cursor: pointer;
  padding-top: 22px;
  padding-bottom: 22px;
  position: relative;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item img {
  max-width: 100%;
  height: 63px;
  margin: 0 auto;
  display: block;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item img.hover {
  display: none;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item .line {
  width: 141px;
  height: 4px;
  background: #00cebb;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 53%;
  transform: translateX(-50%);
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item.active img {
  display: none;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item.active img.hover {
  display: block;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item.active .text {
  color: #0098ff;
}
.baima-page-lims-home .evaluation-con .content .tab .tab-item.active .line {
  opacity: 1;
}
.baima-page-lims-home .evaluation-con .tab-con {
  height: 600px;
  width: 100%;
  position: relative;
}
.baima-page-lims-home .evaluation-con .tab-con .swiper-pagination {
  display: none;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item {
  height: 600px;
  position: relative;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item img {
  width: 100%;
  height: 100%;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 1180px;
  z-index: 11;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item > img {
  width: 36.62px;
  height: 28px;
  position: absolute;
  left: -70px;
  top: 13px;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .headline {
  font-size: 48px;
  font-weight: bold;
  line-height: 59px;
  color: #fff;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .title {
  margin-top: 26px;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  color: #fff;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .line {
  width: 45px;
  height: 6px;
  background: #fff;
  margin-top: 45px;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .text {
  margin-top: 48px;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  width: 500px;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn {
  margin-top: 28px;
  width: 105px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
  color: #fff;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-left: 23px;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn.hide {
  display: none;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn span {
  font-size: 20px;
  position: absolute;
  right: 14px;
  top: -1px;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .content .con-item .item-btn:hover {
  color: #00cebb;
  border-color: #00cebb;
}
.baima-page-lims-home .evaluation-con .tab-con .tab-con-item .mask-layer {
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.baima-page-lims-home .case-detail-list .case-detail-item {
  white-space: nowrap;
}
.baima-page-lims-home .index-article-block {
  margin: auto;
  width: 1180px;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 60px;
}
.baima-page-lims-home .index-article-block .index-article-panel {
  width: 372px;
  height: 340px;
  display: inline-block;
  position: relative;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-header {
  height: 140px;
  width: 100%;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  background: #f0f0f0;
  position: relative;
  z-index: 0;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-header .index-article-panel-header-text {
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding-top: 40px;
  color: #fff;
  font-weight: 400;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-header .index-article-panel-header-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-body {
  border-radius: 12px;
  display: inline-block;
  height: 240px;
  width: 100%;
  overflow: hidden;
  background: #f5f9fa;
  margin-top: -16px;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 1;
  position: absolute;
  top: 120px;
  left: 0;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item {
  display: block;
  line-height: 36px;
  padding: 0 24px;
  padding-left: 40px;
  color: #646566;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  display: flex;
  max-width: 100%;
  position: relative;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #92cdcf;
  display: inline-block;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item a {
  flex: 1;
  width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #646566;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item a:hover {
  color: #0098ff;
}
.baima-page-lims-home .index-article-block .index-article-panel .index-article-panel-body .index-article-panel-list .index-article-panel-list-item span {
  flex: 0 0 48px;
  overflow: hidden;
  color: #c8c9cc;
  padding-left: 8px;
  font-size: 14px;
  text-align: right;
}
.baima-page-single-lims-laboratory .highlight {
  color: #00cebb;
  text-decoration: underline;
  font-weight: 600;
}
.baima-page-single-lims-laboratory .hero {
  padding: 54px 0 54px;
  background: url("../image/pc/lims/bg-hero.jpg") center / 100% 100% no-repeat;
}
.baima-page-single-lims-laboratory .hero .hero__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  max-width: 1250px;
}
.baima-page-single-lims-laboratory .hero .hero__inner > div {
  flex-shrink: 0;
}
.baima-page-single-lims-laboratory .hero .hero__inner > div > p {
  margin: 0 0 38px;
  font-weight: 400;
  font-size: 22px;
  color: #999999;
  line-height: 36px;
}
.baima-page-single-lims-laboratory .hero .hero__inner > div > h1 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 46px;
  color: #333333;
  text-align: left;
}
.baima-page-single-lims-laboratory .hero .hero__inner > div > h1 > span {
  font-weight: bold;
  font-size: 48px;
  color: #00cebb;
}
.baima-page-single-lims-laboratory .hero .hero__inner > div .hero-button {
  width: 172px;
  height: 52px;
  font-size: 18px;
}
.baima-page-single-lims-laboratory .hero .hero__inner .hero-image-container {
  width: 880px;
  height: 480px;
}
.baima-page-single-lims-laboratory .thirdparty {
  padding: 80px 0;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner > h2 {
  color: #333333;
  font-size: 36px;
  font-weight: 600;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 242px;
  height: 66px;
  border: 3px solid #ffffff;
  border-radius: 16px;
  background: #335a93;
  box-shadow: 0px 0px 20px 1px rgba(108, 139, 240, 0.59);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transform: translateY(-50%);
  z-index: 99;
  transition: background 0.5s ease-in-out;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .btn.hide {
  display: none;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .btn:hover {
  background: #3d71bc;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .btn::after {
  content: "";
  display: block;
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background: url("../image/pc/lims/icons/rt.png") center / cover no-repeat;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .swiper-container .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px;
  transform-style: preserve-3d;
  cursor: grab;
  user-select: none;
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .swiper-container .wrapper .carousel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 858px;
  height: 520px;
  overflow: hidden;
  transition: transform 0.8s ease-in-out, z-index 0.8s ease-in-out, filter 0.8s ease-in-out;
  transform: translate3d(calc(-50% + 235px), -50%, 0px) scale(0.73);
  z-index: 0;
  filter: brightness(60%);
}
.baima-page-single-lims-laboratory .thirdparty .thirdparty__inner .swiper-container .wrapper .carousel.active {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 858px;
  height: 520px;
  overflow: hidden;
  transform: translate3d(-50%, -50%, 1px);
  z-index: 1;
  filter: brightness(1);
  transition: transform 0.8s ease-in-out, z-index 0.8s ease-in-out, filter 0.8s ease-in-out;
}
.baima-page-single-lims-laboratory .thirdparty .swiper-container {
  margin: 50px 0;
  width: 100%;
  height: 520px;
  overflow: hidden;
}
.baima-page-single-lims-laboratory .advantages {
  padding: 80px 0 86px;
  background: url("../image/pc/lims/bg-advantages.png") center / cover no-repeat;
}
.baima-page-single-lims-laboratory .advantages .advantages__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.baima-page-single-lims-laboratory .advantages h2 {
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 56px;
}
.baima-page-single-lims-laboratory .advantages .tabs {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 46px;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 208px;
  height: 64px;
  border-radius: 999px;
  background: #fff;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item.active {
  background: #0098ff;
  color: #fff;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item.active .img-box > img:first-child {
  display: none;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item.active .img-box > img:last-child {
  display: block;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item .img-box {
  width: 32px;
  height: 32px;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item .img-box > img:first-child {
  display: block;
}
.baima-page-single-lims-laboratory .advantages .tabs .tab-item .img-box > img:last-child {
  display: none;
}
.baima-page-single-lims-laboratory .advantages .content {
  --background: url("../image/pc/lims/01.png") center/100% no-repeat;
  display: flex;
  gap: 40px;
}
.baima-page-single-lims-laboratory .advantages .content:nth-child(2) {
  --background: url("../image/pc/lims/02.png") center/100% no-repeat;
}
.baima-page-single-lims-laboratory .advantages .content:nth-child(3) {
  --background: url("../image/pc/lims/03.png") center/100% no-repeat;
}
.baima-page-single-lims-laboratory .advantages .content:nth-child(4) {
  --background: url("../image/pc/lims/04.png") center/100% no-repeat;
}
.baima-page-single-lims-laboratory .advantages .content.hide {
  display: none;
}
.baima-page-single-lims-laboratory .advantages .content .desc {
  position: relative;
  padding-top: 84px;
}
.baima-page-single-lims-laboratory .advantages .content .desc::after {
  content: "";
  position: absolute;
  right: 0;
  top: 16px;
  width: 108px;
  height: 140px;
  background: url("../image/pc/lims/mark.png") center / 100% no-repeat;
}
.baima-page-single-lims-laboratory .advantages .content .desc .desc-title {
  position: relative;
  color: #000;
  font-size: 28px;
  font-weight: 600;
  z-index: 1;
}
.baima-page-single-lims-laboratory .advantages .content .desc .desc-title::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: -19px;
  z-index: -1;
  width: 101px;
  height: 101px;
  background: var(--background);
}
.baima-page-single-lims-laboratory .advantages .content .desc .desc-text {
  margin: 28px 0 36px;
  width: 400px;
  color: #62697d;
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 2px;
}
.baima-page-single-lims-laboratory .advantages .content .desc .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 147px;
  height: 44px;
  border-radius: 7px;
  border: none;
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.baima-page-single-lims-laboratory .advantages .content .desc .button:hover {
  transform: translateY(-8px);
  box-shadow: 0px 6px 6px 1px rgba(28, 126, 255, 0.3);
}
.baima-page-single-lims-laboratory .advantages .content .img-outlet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 720px;
  height: 500px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.81) 0%, rgba(239, 244, 249, 0.81) 100%);
  box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.06);
  border-radius: 20px 20px 20px 20px;
}
.baima-page-single-lims-laboratory .advantages .content .img-outlet .img-box {
  width: 720px;
  height: 500px;
}
.baima-page-single-lims-laboratory .advantages .content .img-outlet .img-box > img {
  height: 100%;
}
.baima-page-single-lims-laboratory .summary {
  padding: 80px 0;
  background: url("../image/pc/lims/bg_classification.png") bottom / 100% auto no-repeat;
}
.baima-page-single-lims-laboratory .summary .summary__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.baima-page-single-lims-laboratory .summary .summary__inner > h2 {
  color: #333333;
  font-size: 36px;
  font-weight: 600;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area {
  --primary: #0f58d9;
  --secondary: #1e8cfb;
  --theme-color: var(--primary);
  --arrow-url: url("../image/pc/lims/arrow-right.png");
  --active-arrow-url: url("../image/pc/lims/right--thirdly.png");
  width: 100%;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area > h3 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
  color: var(--theme-color);
  font-size: 24px;
  font-weight: 600;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area > h3::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 4px;
  background: var(--theme-color);
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 280px);
  grid-template-rows: 154px;
  grid-auto-rows: 154px;
  gap: 20px;
  margin-top: 26px;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function {
  padding: 24px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: white;
  overflow: hidden;
  cursor: pointer;
  transition: all ease-out 0.1s;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function:hover {
  border: 1px solid var(--theme-color);
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function:hover .head span {
  color: var(--theme-color);
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function:hover .head .sufix {
  background-image: var(--active-arrow-url);
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function .head {
  display: flex;
  align-items: center;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function .head .icon {
  margin-right: 10px;
  display: flex;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function .head .icon img {
  width: 42px;
  height: 42px;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function .head .sufix {
  display: flex;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background: var(--arrow-url) center / cover no-repeat;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function .head span {
  color: #333333;
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all ease-out 0.1s;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area .function-list .function p {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 12px 0 0;
  color: #62697d;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple {
  --theme-color: var(--secondary);
  overflow: visible !important;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list {
  grid-template-columns: repeat(6, 180px);
  grid-template-rows: 120px;
  grid-auto-rows: 120px;
  overflow: visible;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 1;
  overflow: visible;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function:hover {
  border: 1px solid #fff;
  z-index: 19;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .head .icon {
  margin-right: 0;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function span {
  font-weight: 600;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 24px;
  width: 280px;
  height: 0;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  transition: all ease-out 0.3s;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper > a {
  display: block;
  width: 100%;
  height: 100%;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper .head {
  display: flex;
  align-items: center;
  font-size: 22px;
  margin-bottom: 10px;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper .head .icon {
  margin-right: 10px;
  display: flex;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper .head .icon img {
  width: 46px;
  height: 46px;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper .head .sufix {
  display: flex;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background: url("../image/pc/lims/right--primary.png") center / cover no-repeat;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper .head span {
  color: var(--theme-color);
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all ease-out 0.1s;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper p {
  display: inline;
  color: #62697d;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area.simple .function-list .function .popper.active {
  padding-top: 24px;
  padding-bottom: 24px;
  height: 232px;
  opacity: 1;
  border-color: var(--theme-color);
}
.baima-page-single-lims-laboratory .summary .summary__inner .function-area:not(:last-child) {
  margin-bottom: 80px;
}
.baima-page-single-lims-laboratory .standard {
  padding: 80px 0 50px;
}
.baima-page-single-lims-laboratory .standard .standard__inner > h2 {
  margin-bottom: 26px;
  color: #333333;
  font-size: 36px;
  text-align: center;
}
.baima-page-single-lims-laboratory .platform {
  padding-top: 80px;
  background: white;
}
.baima-page-single-lims-laboratory .platform h2 {
  margin-bottom: 40px;
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-lims-laboratory .platform .platform-imgs {
  display: flex;
  gap: 18px;
  height: 553px;
}
.baima-page-single-lims-laboratory .platform .platform-imgs .img-box {
  border-radius: 8px;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.baima-page-single-lims-laboratory .platform .platform-imgs .img-box:hover {
  box-shadow: 6px 6px 18px 1px rgba(3, 51, 95, 0.2);
}
.baima-page-single-lims-laboratory .platform .platform-imgs .img-box:nth-child(1) {
  width: 188px;
}
.baima-page-single-lims-laboratory .platform .platform-imgs .img-box:nth-child(2) {
  width: 720px;
}
.baima-page-single-lims-laboratory .platform .platform-imgs .img-box:nth-child(3) {
  width: 236px;
}
.baima-page-single-lims-laboratory .asset-case-list {
  padding-top: 80px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 {
  padding-bottom: 58px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
  text-align: center;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-title-box > h2 {
  margin-bottom: 24px;
  color: #333333;
  font-size: 36px;
  font-weight: 600;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-title-box > p {
  margin-bottom: 58px;
  color: #636e80;
  font-size: 17px;
  font-weight: 400;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 15px 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #f5f8fd;
  cursor: pointer;
  position: relative;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42b0ff 0%, #1170ff 100%);
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 {
  height: 460px;
  background: #e9ecf5;
  position: relative;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  letter-spacing: 0.8px;
  margin-right: 35px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098ff;
  margin-bottom: 6px;
  text-align: center;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  font-size: 12px;
  color: #676b73;
  text-align: center;
  white-space: nowrap;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  position: absolute;
  margin-left: -585px;
  left: 50%;
  bottom: 48px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .operation-icon-arrow.research-development {
  margin-top: 26px;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-case-img {
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
  overflow: hidden;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.baima-page-single-lims-laboratory .asset-case-list .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  left: 1px;
  opacity: 0;
}
.baima-page-single-lims-laboratory .library .library__inner {
  padding-bottom: 73px;
}
.baima-page-single-lims-laboratory .library .library__inner h3 {
  color: #333333;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
}
.baima-page-single-lims-laboratory .library .library__inner h3 > a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.baima-page-single-lims-laboratory .library .library__inner h3 > a::after {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 24px;
  width: 24px;
  background: url(../image/pc/lims/icons/arrow-right.png) center / 100% no-repeat;
  transition: transform 0.2s ease;
}
.baima-page-single-lims-laboratory .library .library__inner h3 > a:hover::after {
  transform: translate3d(10px, 0, 0);
}
.baima-page-single-lims-laboratory .library .library__inner .library-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 21px;
  padding-top: 30px;
  padding-left: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.baima-page-single-lims-laboratory .library .library__inner .library-list .library-item {
  color: #333333;
  font-size: 16px;
  list-style-type: disc;
  cursor: pointer;
  transition: color 0.2s ease;
}
.baima-page-single-lims-laboratory .library .library__inner .library-list .library-item > a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.baima-page-single-lims-laboratory .library .library__inner .library-list .library-item:hover {
  color: #00cebb;
}
@media screen and (width <= 1200px) {
  .baima-page-single-lims-laboratory .container {
    padding-inline: 20px;
  }
}
.baima-page-lims {
  --gray: #666;
  --neutral: #333;
}
.baima-page-lims * {
  box-sizing: border-box;
}
.baima-page-lims a {
  color: inherit;
}
.baima-page-lims .container {
  margin: 0 auto;
  width: 100%;
  max-width: 1180px;
  transition: padding 0.3s ease-in;
  overflow: hidden;
}
.baima-page-lims .img-box {
  overflow: hidden;
}
.baima-page-lims .img-box > img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.baima-page-lims .hero-gradient-button {
  position: relative;
  width: var(--gradient-button-w, 200px);
  height: var(--gradient-button-h, 65px);
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: linear-gradient(90deg, #00cebb 0%, #1170ff 100%);
  color: #ffffff;
  font-size: var(--gradient-button-fs, 21px);
  cursor: pointer;
  transition: all 0.3s ease-out;
  z-index: 1;
}
.baima-page-lims .hero-gradient-button:hover {
  transform: translateY(-5px);
}
.baima-page-lims .hero-gradient-button:hover::after {
  opacity: 0.3;
}
.baima-page-lims .hero-gradient-button::after {
  content: "";
  position: absolute;
  left: 10px;
  width: 90%;
  height: 90%;
  border-radius: 4px;
  background: #0fa89a;
  filter: blur(20px);
  opacity: 0;
  transition: all 0.3s ease-out;
  z-index: -1;
}
.baima-page-lims .gradient-button {
  position: relative;
  width: var(--gradient-button-w, 200px);
  height: var(--gradient-button-h, 65px);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: var(--gradient-button-fs, 21px);
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.baima-page-lims .gradient-button:hover {
  transform: translateY(-6px);
  box-shadow: 0px 6px 6px 1px rgba(28, 126, 255, 0.3);
}
.baima-page-lims .gradient-button.primary {
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
}
.baima-page-lims .gradient-button.round {
  border-radius: 999px;
}
.baima-page-lims .solid-button {
  width: var(--solid-button-w, 200px);
  height: var(--solid-button-h, 65px);
  border: none;
  border-radius: 4px;
  background: var(--solid-button-color, #42b0ff);
  box-shadow: 6px 6px 6px 1px rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: var(--solid-button-fs, 21px);
  cursor: pointer;
}
.baima-common-header.header.block .content .tabs .dropdown ul.dropdown-menu.case > li {
  display: flex;
  align-items: center;
  height: 50px;
  margin-bottom: 0;
}
.baima-common-header.header.block .content .tabs .dropdown ul.dropdown-menu.case > li > a {
  flex: 1;
  box-sizing: border-box;
  padding: 0 10px 0;
  height: 50px;
}
.baima-common-header .menu-content .menu-tabs ul li .child .child-con {
  overflow: hidden;
}
.baima-common-header .menu-content .icon-item-tab .icon-item-tab__inner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #e6e7eb;
}
.baima-common-header .menu-content .icon-item-tab .icon {
  flex-shrink: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.baima-common-header .menu-content .icon-item-tab .icon > img {
  position: relative;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
}
.baima-common-header .menu-content .icon-item-tab .content {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 8px;
}
.baima-common-header .menu-content .icon-item-tab .content > span:first-child {
  padding: 0;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.baima-common-header .menu-content .icon-item-tab .content > span:last-child {
  padding: 0;
  line-height: 1;
  font-weight: 400;
  font-size: 12px;
  color: #8d94a2;
}
.baima-common-header .menu-content .icon-item-tab.single-line .icon-item-tab__inner {
  height: 50px;
  border: none;
}
.baima-common-header .menu-content .icon-item-tab.single-line .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #f7f8fa;
  border-radius: 4px;
}
.baima-common-header .menu-content .icon-item-tab.single-line .icon > img {
  width: 30px;
  height: 30px;
}
.baima-common-header .menu-content .icon-item-tab.single-line .content > span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #333333;
}
@media screen and (width <= 1200px) {
  .baima-page-lims .container {
    padding: 0 20px;
  }
}
.get-now {
  padding: 72px 0;
  background: url("../image/pc/common/free-consult-bg.png") center / 100% 100% no-repeat;
  color: white;
}
.get-now .get-now__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.get-now .get-now__inner > p {
  margin-bottom: 24px;
  font-size: 21px;
  font-weight: 400;
  opacity: 0.8;
}
.get-now .get-now__inner > h2 {
  margin: 0;
  margin-bottom: 31px;
  padding: 0;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}
.get-now .get-now__inner > button,
.get-now .get-now__inner .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 52px;
  border: 1px solid white;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
}
.get-now .get-now__inner > button:hover,
.get-now .get-now__inner .button:hover {
  color: #0098ff;
  background: white;
}
.get-now .free-consult-modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.get-now .free-consult-modal-view .modal-view-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.get-now .free-consult-modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.get-now .free-consult-modal-view .user-info .modal-view-icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.get-now .free-consult-modal-view .user-info > .modal-view-title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.get-now .free-consult-modal-view .user-info .modal-view-colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.get-now .free-consult-modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 88px;
}
.get-now .free-consult-modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.get-now .free-consult-modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.get-now .free-consult-modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
}
.get-now .free-consult-modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.get-now .free-consult-modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.get-now .free-consult-modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.get-now .free-consult-modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.get-now .free-consult-modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.get-now .free-consult-modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.get-now .free-consult-modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.get-now .login-container {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: 600px;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.get-now .login-container.hide {
  display: none;
}
.get-now .login-container .modal-view-mask {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
}
.get-now .login-container .login-colse {
  position: absolute;
  z-index: 999;
  color: #000;
  right: 20px;
  top: 0px;
  font-size: 30px;
  cursor: pointer;
}
.get-now .login-box {
  width: 1000px;
  height: 600px;
  background: #fff;
  border-radius: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}
.get-now .login-box .login-left {
  width: 470px;
  height: 100%;
  position: relative;
}
.get-now .login-box .login-left > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.get-now .login-box .login-left .login-left-content {
  width: 405px;
  margin: 49px auto 0;
  color: #333;
}
.get-now .login-box .login-left .login-left-content p {
  font-size: 24px;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 57px;
  position: relative;
}
.get-now .login-box .login-left .login-left-content p::after {
  display: block;
  content: "";
  width: 52px;
  height: 2px;
  background: #0098ff;
  position: absolute;
  left: 50%;
  top: 45px;
  margin-left: -26px;
}
.get-now .login-box .login-left .login-left-content span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
  margin-bottom: 24px;
}
.get-now .login-box .login-left .left-company-logo {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px 10px;
  margin-top: 24px;
}
.get-now .login-box .login-left .left-company-logo img {
  display: block;
  width: 127px;
  height: 60px;
}
.get-now .login-box .login-right {
  flex: 1;
}
.get-now .login-box .login-main {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 34px 40px;
}
.get-now .login-box .login-main .login-title {
  color: #333;
  font-weight: bold;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 22px;
}
.get-now .login-box .login-main > span {
  color: #666;
  font-size: 16px;
  line-height: 18px;
}
.get-now .login-box .login-input-area {
  margin-top: 26px;
}
.get-now .login-box .login-input-area .login-form-item {
  display: flex;
  font-size: 13px;
  margin-bottom: 23px;
  position: relative;
}
.get-now .login-box .login-input-area .login-form-item .item-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 8px;
}
.get-now .login-box .login-input-area .login-form-item span {
  color: #ff4949;
}
.get-now .login-box .login-input-area .login-form-item input,
.get-now .login-box .login-input-area .login-form-item textarea {
  outline: none;
  border: 1px solid #d8d8d8;
  width: 100%;
  height: 44px;
  border-radius: 2px;
  font-size: 14px;
  color: #333;
  padding: 2px 0 0 35px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}
.get-now .login-box .login-input-area .login-form-item input::placeholder,
.get-now .login-box .login-input-area .login-form-item textarea::placeholder {
  color: #c8c9cc;
}
.get-now .login-box .login-input-area .login-form-item input.input-code,
.get-now .login-box .login-input-area .login-form-item textarea.input-code {
  width: 300px;
}
.get-now .login-box .login-input-area .login-form-item input.input-content,
.get-now .login-box .login-input-area .login-form-item textarea.input-content {
  height: 66px;
  padding: 14px 20px;
  resize: none;
}
.get-now .login-box .login-input-area .login-form-item .input-error {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  display: none;
}
.get-now .login-box .login-input-area .login-form-item .captcha {
  width: 120px;
  height: 44px;
  text-align: center;
  cursor: pointer;
  line-height: 44px;
  color: #0098ff;
  margin-left: 28px;
  box-sizing: border-box;
  background: rgba(0, 152, 255, 0.1);
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #0098ff;
}
.get-now .login-box .login-input-area .login-form-hint {
  font-size: 13px;
  color: #aaa;
  margin: 0 0 16px 24px;
  position: relative;
}
.get-now .login-box .login-input-area .login-form-hint .mark-icon {
  color: #333;
  border: solid 1px #333;
  border-radius: 50%;
  margin-right: 2px;
  display: inline-block;
  width: 12.25px;
  height: 12.25px;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  vertical-align: top;
  position: absolute;
  left: -22px;
  top: 2px;
}
.get-now .login-box .login-input-area .login-form-hint .product-hint {
  white-space: nowrap;
  color: #0098ff;
}
.get-now .login-box .login-input-area button {
  display: block;
  outline: none;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  font-size: 15px;
  letter-spacing: 2px;
  background: #0098ff;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.get-now .login-box .login-input-area button:hover {
  background: #007bd9;
}
.get-now .login-mask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.4);
}
.get-now .login-mask .login-popup {
  width: 668px;
  position: absolute;
  left: 50%;
  top: 203px;
  transform: translateX(-50%);
  background: #fff;
  height: 314px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  color: #323233;
}
.get-now .login-mask .login-popup > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.get-now .login-mask .login-popup .login-popup-container {
  width: 308px;
  margin: 0 auto;
  text-align: center;
}
.get-now .login-mask .login-popup .login-popup-container .submit-successfully-box {
  width: 182px;
  height: 178px;
  margin: 0 auto;
}
.get-now .login-mask .login-popup .login-popup-container .submit-successfully-box img {
  width: 100%;
  height: 100%;
}
.get-now .login-mask .login-popup .login-popup-container .submit-successfully-box p {
  font-size: 24px;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin-top: -50px;
}
.get-now .login-mask .login-popup .login-popup-container span {
  font-size: 16px;
  color: #666;
}
.get-now .login-mask .login-popup .login-popup-container button {
  display: block;
  width: 132px;
  height: 40px;
  margin: 18px auto 0;
  border-radius: 8px;
  background-color: #00cebb;
  text-align: center;
  padding: 9px 49px;
  border: none;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
}
.baima-page-single-ai * {
  box-sizing: border-box;
}
.baima-page-single-ai > section {
  overflow: hidden;
}
.baima-page-single-ai .container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  transition: all ease-in-out 0.3s;
}
.baima-page-single-ai .img-box {
  font-size: 0;
  overflow: hidden;
}
.baima-page-single-ai .img-box > img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.baima-page-single-ai .hero {
  height: 588px;
  background-image: url("../image/pc/lims/ai/bg-hero.png"), url("../image/pc/lims/ai/bg-hero--bottom.png");
  background-position: center;
  background-size: auto 100%, cover;
  background-repeat: no-repeat;
}
.baima-page-single-ai .hero .hero-inner {
  display: flex;
  align-items: center;
  height: 100%;
}
.baima-page-single-ai .hero .hero-context {
  display: flex;
  flex-direction: column;
}
.baima-page-single-ai .hero .hero-context .img-box {
  width: 522px;
  height: 83px;
}
.baima-page-single-ai .hero .hero-context p {
  margin-bottom: 32px;
  color: #666666;
  font-size: 23px;
  line-height: 40px;
  letter-spacing: 1px;
}
.baima-page-single-ai .direction {
  padding: 80px 0 100px;
}
.baima-page-single-ai .direction .direction-list {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
  gap: 120px;
}
.baima-page-single-ai .direction .direction-list .direction-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.baima-page-single-ai .direction .direction-list .direction-item:nth-of-type(even) {
  flex-direction: row;
}
.baima-page-single-ai .direction .direction-list .direction-item:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.baima-page-single-ai .direction .direction-list .direction-item h3 {
  margin-bottom: 20px;
  color: #333333;
  font-size: 28px;
  font-weight: 600;
}
.baima-page-single-ai .direction .direction-list .direction-item p {
  margin: 24px 0 32px;
  width: 359px;
  color: #62697d;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  overflow: hidden;
}
.baima-page-single-ai .direction .direction-list .direction-item .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 147px;
  height: 44px;
  background: linear-gradient(270deg, #42b0ff 0%, #1170ff 100%);
  border-radius: 22px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.baima-page-single-ai .direction .direction-list .direction-item .button:hover {
  transform: translateY(-6px);
  box-shadow: 0px 6px 6px 1px rgba(28, 126, 255, 0.3);
}
.baima-page-single-ai .direction .direction-list .direction-item .img-box {
  width: 760px;
  height: 500px;
  background: url("../image/pc/lims/ai/bg-direction.png") center / 100% 100% no-repeat;
}
.baima-page-single-ai .ai {
  padding: 80px 0 95px;
  background: url("../image/pc/lims/ai/bg-ai.png") center / cover no-repeat;
}
.baima-page-single-ai .ai .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 72px;
  margin-top: 56px;
}
.baima-page-single-ai .ai .content p {
  width: 424px;
  color: #333333;
  font-weight: 400;
  font-size: 18px;
  line-height: 40px;
}
.baima-page-single-ai .ai .content .media {
  position: relative;
  display: flex;
  justify-content: center;
  width: 684px;
  height: 385px;
  border: 6px solid #4b4b4b;
  font-size: 0;
  user-select: none;
  overflow: hidden;
}
.baima-page-single-ai .ai .content .media > video {
  width: 100%;
  height: 100%;
  background: black;
  object-fit: cover;
}
.baima-page-single-ai .ai .content .media .mask {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity ease-in-out 0.3s;
  z-index: 1;
}
.baima-page-single-ai .ai .content .media .mask .start {
  height: 100px;
  width: 100px;
  cursor: pointer;
}
.baima-page-single-ai .ai .content .media .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.baima-page-single-ai .ai .content .media .mask.hidden,
.baima-page-single-ai .ai .content .media .cover.hidden {
  display: none;
}
@media screen and (width <= 1200px) {
  .baima-page-single-ai .container {
    padding-inline: 20px;
  }
}
.baima-page-lims-report .hero {
  padding: 54px;
  background: #005afe center / cover no-repeat;
  background-image: url("../image/pc/lims/report/bg-hero__right.png");
}
.baima-page-lims-report .hero .hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.baima-page-lims-report .hero .hero__inner > div {
  flex-shrink: 0;
}
.baima-page-lims-report .hero .hero__inner .hero-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 46px;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  white-space: nowrap;
}
.baima-page-lims-report .hero .hero__inner .hero-title > .img-box {
  width: 250px;
  height: 88px;
}
.baima-page-lims-report .hero .hero__inner > .img-box {
  flex: 1;
}
.baima-page-lims-report .introduce {
  padding: 74px 0 86px;
  background: url("../image/pc/lims/report/bg-introduce.png") center / cover no-repeat;
}
.baima-page-lims-report .introduce .introduce-inner p {
  margin-top: 56px;
  margin-bottom: 32px;
  color: #333333;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: 1px;
  text-align: center;
}
.baima-page-lims-report .introduce .introduce-inner .media {
  position: relative;
  display: flex;
  justify-content: center;
  border: 6px solid #fff;
  font-size: 0;
  user-select: none;
  height: 563px;
}
.baima-page-lims-report .introduce .introduce-inner .media > video {
  width: 100%;
  height: 100%;
  background: black;
  object-fit: cover;
}
.baima-page-lims-report .introduce .introduce-inner .media .mask {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity ease-in-out 0.3s;
  z-index: 1;
}
.baima-page-lims-report .introduce .introduce-inner .media .mask .start {
  height: 100px;
  width: 100px;
  cursor: pointer;
}
.baima-page-lims-report .introduce .introduce-inner .media .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.baima-page-lims-report .introduce .introduce-inner .media .mask.hidden,
.baima-page-lims-report .introduce .introduce-inner .media .cover.hidden {
  display: none;
}
.baima-page-lims-report .capacity {
  padding: 74px 0 0;
}
.baima-page-lims-report .capacity .capacity-list {
  display: flex;
  flex-direction: column;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item {
  --gradient-button-w: 147px;
  --gradient-button-h: 44px;
  --gradient-button-fs: 14px;
  padding: 100px 0;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item:nth-of-type(odd) .container {
  flex-direction: row;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item:nth-of-type(even) {
  background: #f7f7f7;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item:nth-of-type(even) .container {
  flex-direction: row-reverse;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item h3 {
  margin-bottom: 20px;
  color: #1a2233;
  font-size: 32px;
  font-weight: 600;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item p {
  margin-bottom: 42px;
  line-height: 40px;
  letter-spacing: 1px;
  color: #888888;
}
.baima-page-lims-report .capacity .capacity-list .capacity-item .img-box {
  flex-shrink: 0;
  width: 720px;
  height: 406px;
}
.baima-page-single-device * {
  box-sizing: border-box;
}
.baima-page-single-device .img-box {
  font-size: 0;
  overflow: hidden;
}
.baima-page-single-device .img-box > img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.baima-page-single-device .container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  transition: all ease-in-out 0.3s;
}
.baima-page-single-device .hero {
  height: 588px;
  background-image: url("../image/pc/lims/device/bg-hero.png"), url("../image/pc/lims/device/bg-hero--bottom.png");
  background-position: center;
  background-size: auto 100%, cover;
  background-repeat: no-repeat;
}
.baima-page-single-device .hero .hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.baima-page-single-device .hero .hero__inner p {
  margin-top: 12px;
  margin-bottom: 72px;
  color: #666666;
  font-size: 23px;
}
.baima-page-single-device .hero .hero__inner .img-box {
  width: 354px;
}
.baima-page-single-device .hero .hero__inner .btn {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
  text-align: center;
  width: 170px;
  height: 56px;
  border-radius: 4px;
  transition: all 0.5s;
  background: linear-gradient(90deg, #00cebb 0%, #1170ff 100%);
}
.baima-page-single-device .hero .hero__inner .btn:hover {
  transform: translateY(-5px);
}
.baima-page-single-device .hero .hero__inner .btn:hover + .btn-shadow {
  opacity: 0.3;
}
.baima-page-single-device .hero .hero__inner .btn-shadow {
  width: 157px;
  height: 41px;
  background: #0fa89a;
  border-radius: 4px 4px 4px 4px;
  opacity: 0;
  position: relative;
  z-index: -1;
  filter: blur(20px);
  margin-top: -30px;
  left: 10px;
  transition: all 0.5s;
}
.baima-page-single-device .introduce {
  padding: 74px 0 86px;
  background: #edf5fc url("../images/pc/lims/bg-introduce.png") center / cover no-repeat;
}
.baima-page-single-device .introduce .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.baima-page-single-device .introduce h2 {
  color: #333333;
  font-weight: 600;
  font-size: 40px;
}
.baima-page-single-device .introduce p {
  margin-top: 56px;
  margin-bottom: 32px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 40px;
}
.baima-page-single-device .introduce .media {
  position: relative;
  display: flex;
  justify-content: center;
  width: 1180px;
  height: 563px;
  border: 6px solid #ffffff;
  font-size: 0;
  user-select: none;
  overflow: hidden;
}
.baima-page-single-device .introduce .media > video {
  width: 100%;
  height: 100%;
  background: black;
  object-fit: cover;
}
.baima-page-single-device .introduce .media .mask {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity ease-in-out 0.3s;
  z-index: 1;
}
.baima-page-single-device .introduce .media .mask .start {
  height: 100px;
  width: 100px;
  cursor: pointer;
}
.baima-page-single-device .introduce .media .cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.baima-page-single-device .introduce .media .mask.hidden,
.baima-page-single-device .introduce .media .cover.hidden {
  display: none;
}
.baima-page-single-device .device {
  padding: 80px 0;
}
.baima-page-single-device .device .container > h2 {
  margin-bottom: 24px;
  color: #333333;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-device .device .container > p {
  margin-bottom: 58px;
  text-align: center;
  color: #636e80;
  font-size: 18px;
}
.baima-page-single-device .device .block {
  display: flex;
  align-items: center;
  gap: 90px;
  overflow: hidden;
}
.baima-page-single-device .device .block > .img-box {
  flex-shrink: 1;
  width: 690px;
  height: 484px;
}
.baima-page-single-device .device .block .text .img-box {
  width: 137px;
  height: 102px;
  margin-bottom: 14px;
}
.baima-page-single-device .device .block .text p {
  color: #000000;
  font-size: 28px;
}
.baima-page-single-device .device .block .text span {
  color: #62697d;
  font-size: 18px;
  line-height: 38px;
}
.baima-page-single-device .device .block .text .line {
  margin: 24px 0 26px;
  width: 400px;
  height: 2px;
  background: rgba(0, 206, 187, 0.2);
  border-left: 100px solid #00cebb;
}
.baima-page-single-device .device .block:nth-last-of-type(even) {
  background: red;
}
.baima-page-single-device .device:nth-last-of-type(odd) {
  background: #f6f8fc;
}
.baima-page-single-device .device:nth-last-of-type(odd) .block {
  flex-direction: row-reverse;
}
.baima-page-single-device .data-acquisition {
  padding: 80px 0;
  position: relative;
  background: url("../image/pc/lims/device/bg-data-acquisition.png") center / 100% 100% no-repeat;
}
.baima-page-single-device .data-acquisition .data-acquisition__inner {
  text-align: center;
}
.baima-page-single-device .data-acquisition .data-acquisition__inner h2 {
  margin-bottom: 24px;
  color: #333333;
  font-size: 40px;
  font-weight: 600;
}
.baima-page-single-device .data-acquisition .data-acquisition__inner p {
  margin-bottom: 58px;
  color: #636e80;
  font-size: 18px;
  font-weight: 400;
}
.baima-page-single-device .tabs .tab-list {
  display: flex;
  gap: 20px;
}
.baima-page-single-device .tabs .tab-list .tab-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 17px 0;
  border: 2px solid white;
  border-radius: 8px;
  background: linear-gradient(219deg, #eff6f9 0%, #ffffff 100%);
  box-shadow: 0px 3px 15px 1px rgba(88, 168, 222, 0.16);
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.baima-page-single-device .tabs .tab-list .tab-button.active {
  background: linear-gradient(95deg, #42b0ff 0%, #1170ff 100%);
  color: white;
}
.baima-page-single-device .tabs .tab-list .tab-button.active > img:first-of-type {
  display: none;
}
.baima-page-single-device .tabs .tab-list .tab-button.active > img:last-of-type {
  display: block;
}
.baima-page-single-device .tabs .tab-list .tab-button > img {
  width: 30px;
  height: 30px;
}
.baima-page-single-device .tabs .tab-list .tab-button > img:first-of-type {
  display: block;
}
.baima-page-single-device .tabs .tab-list .tab-button > img:last-of-type {
  display: none;
}
.baima-page-single-device .tabs .outlet {
  display: flex;
  align-items: center;
  gap: 77px;
  margin-top: 48px;
}
.baima-page-single-device .tabs .outlet.hide {
  display: none;
}
.baima-page-single-device .tabs .outlet .left .title {
  position: relative;
  margin-bottom: 24px;
  color: #333333;
  font-size: 28px;
  font-weight: 600;
}
.baima-page-single-device .tabs .outlet .left p {
  color: #62697d;
  font-size: 20px;
  line-height: 38px;
}
.baima-page-single-device .tabs .outlet .right {
  flex-shrink: 0;
  width: 800px;
  height: 520px;
  background: url("../image/pc/lims/device/bg-outlet_image.png") center / 100% 100% no-repeat;
  overflow: hidden;
}
.hero .hero-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 65px;
  border: none;
  border-radius: 4px;
  background: linear-gradient(90deg, #42b0ff 0%, #1170ff 100%);
  color: #fff;
  font-size: 21px;
  line-height: 40px;
  cursor: pointer;
}
.hero .hero-button > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: inherit;
}
.section-title {
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.baima-page-single-product-base .product-base-description {
  position: relative;
}
.baima-page-single-product-base .product-base-description .product-base-description-body {
  position: relative;
  height: 480px;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-title {
  padding-top: 128px;
  font-size: 50px;
  font-weight: 600;
  color: #323233;
  line-height: 56px;
  letter-spacing: 1px;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-title span {
  color: #0098ff;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-hint {
  padding-top: 24px;
  font-size: 20px;
  font-weight: 400;
  color: #969799;
  line-height: 32px;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-button-list {
  padding-top: 64px;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-button-list .product-base-description-button {
  padding: 0 34px;
  border-radius: 4px 4px 4px 4px;
  border: solid 1px #c8c9cc;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  display: inline-block;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-button-list .product-base-description-button.product-base-description-button-contact {
  background: #00cebb;
  border-color: #00cebb;
  color: #fff;
  padding: 0 34px;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-button-list .product-base-description-button.product-base-description-button-contact:hover {
  background: #10BFAE;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-button-list .product-base-description-button.product-base-description-button-price {
  margin-left: 32px;
  background: #fff;
  color: #323233;
}
.baima-page-single-product-base .product-base-description .product-base-description-body .product-base-description-button-list .product-base-description-button.product-base-description-button-price:hover {
  color: #0098FF;
  border: 1px solid #0098FF;
}
.baima-page-single-product-base .product-base-description .product-base-description-video {
  position: absolute;
  padding: 16px;
  background: #fff;
  left: 50%;
  top: 70px;
  margin-left: 52px;
  border-radius: 16px;
  cursor: pointer;
}
.baima-page-single-product-base .product-base-description .product-base-description-video > img {
  width: 516px;
  height: 300px;
}
.baima-page-single-product-base .product-base-description .product-base-description-video .play-video {
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  transition: all 0.2s;
}
.baima-page-single-product-base .product-base-description .product-base-description-video:hover .play-video {
  width: 72px;
  height: 72px;
}
.baima-page-single-product-base .product-base-block {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  display: flex;
}
.baima-page-single-product-base .product-base-block .product-base-block-body {
  position: relative;
  flex: 1;
}
.baima-page-single-product-base .product-base-block .product-base-block-body .product-base-block-body-title {
  margin-top: 65px;
  font-size: 30px;
  font-weight: 400;
  color: #323233;
  line-height: 30px;
  letter-spacing: 1px;
}
.baima-page-single-product-base .product-base-block .product-base-block-body .product-base-block-body-text {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 400;
  color: #969799;
  line-height: 32px;
}
.baima-page-single-product-base .product-base-block .product-base-block-body .product-base-block-body-button {
  position: absolute;
  height: 56px;
  background: #00cebb;
  line-height: 56px;
  border-radius: 4px;
  bottom: 50px;
  padding-left: 36px;
  padding-right: 36px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.baima-page-single-product-base .product-base-block .product-base-block-body .product-base-block-body-button:hover {
  background: #10BFAE;
}
.baima-page-single-product-base .product-base-block .product-base-block-body .product-base-block-body-image {
  height: 100%;
  position: relative;
}
.baima-page-single-product-base .product-base-block .product-base-block-body .product-base-block-body-image > img {
  width: 100%;
  height: 100%;
}
.baima-page-single-product-base .product-base-block.product-base-block-right .product-base-block-body:last-child {
  padding-left: 120px;
}
.baima-page-single-product-base .product-base-block.product-base-block-left .product-base-block-body:first-child {
  padding-right: 80px;
}
.baima-page-single-product-deployment .product-deployment {
  overflow: hidden;
  position: relative;
}
.baima-page-single-product-deployment .product-deployment .product-deployment-background {
  position: absolute;
  z-index: -1;
  width: 1920px;
  height: 480px;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.baima-page-single-product-deployment .product-base-block {
  height: 320px;
}
.baima-page-single-product-deployment .product-base-block .product-base-block-body {
  height: 320px;
}
.baima-page-single-product-deployment .product-base-block .product-base-block-body .product-base-block-body-image {
  width: 800px;
}
.baima-page-single-product-deployment .product-intro-limit {
  position: relative;
  padding-bottom: 228px;
  overflow: hidden;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-background {
  position: absolute;
  z-index: -1;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body {
  padding-top: 96px;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-title {
  width: 100%;
  text-align: center;
  position: relative;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-title .product-intro-limit-title-background {
  position: absolute;
  font-size: 40px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  left: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.1;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-title .product-intro-limit-title-text {
  padding-top: 24px;
  font-size: 40px;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  letter-spacing: 1px;
  text-align: center;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-list {
  display: flex;
  justify-content: space-between;
  padding-top: 64px;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-list .product-intro-limit-list-item {
  width: 270px;
  height: 220px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
  text-align: center;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-list .product-intro-limit-list-item .product-intro-limit-list-item-image {
  margin-top: 56px;
  display: inline-block;
  width: 56px;
  height: 56px;
}
.baima-page-single-product-deployment .product-intro-limit .product-intro-limit-body .product-intro-limit-list .product-intro-limit-list-item .product-intro-limit-list-item-text {
  padding-top: 24px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
}
.baima-page-single-product-deployment .product-deployment-client .product-deployment-client-title {
  position: relative;
  text-align: center;
  width: 100%;
}
.baima-page-single-product-deployment .product-deployment-client .product-deployment-client-title .product-deployment-client-title-background {
  position: absolute;
  font-size: 40px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 1px;
  background: linear-gradient(180deg, #00cebb 0%, rgba(0, 206, 187, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.1;
  width: 100%;
  text-align: center;
  left: 0;
}
.baima-page-single-product-deployment .product-deployment-client .product-deployment-client-title .product-deployment-client-title-text {
  text-align: center;
  padding-top: 24px;
  font-size: 40px;
  font-weight: 400;
  color: #323233;
  line-height: 48px;
  letter-spacing: 1px;
  display: inline-block;
  width: 100%;
  padding-bottom: 24px;
}
.baima-page-single-product-deployment .product-deployment-client .product-deployment-client-title > img {
  position: absolute;
  bottom: 0px;
  width: 64px;
  left: 50%;
  margin-left: -32px;
}
.baima-page-single-product-deployment .product-deployment-client .product-deployment-client-list-image {
  position: relative;
  padding-bottom: 80px;
}
.baima-page-single-product-deployment .product-deployment-client .product-deployment-client-list-image > img {
  width: 1200px;
}
.baima-page-single-product-connect .product-connect {
  overflow: hidden;
  position: relative;
}
.baima-page-single-product-connect .product-connect .product-connect-background {
  position: absolute;
  z-index: -1;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.baima-page-single-product-connect .product-base-block {
  height: 380px;
}
.baima-page-single-product-connect .product-base-block .product-base-block-body {
  height: 380px;
}
.baima-page-single-product-connect .product-base-block .product-base-block-body .product-base-block-body-image {
  width: 680px;
}
.baima-page-single-product-connect .product-intro-item {
  position: relative;
}
.baima-page-single-product-connect .product-intro-item .product-intro-item-id {
  position: absolute;
  top: -80px;
}
.baima-page-single-product-connect .product-intro-limit {
  position: relative;
  padding-bottom: 228px;
  overflow: hidden;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-background {
  position: absolute;
  z-index: -1;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body {
  padding-top: 96px;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-title {
  width: 100%;
  text-align: center;
  position: relative;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-title .product-intro-limit-title-background {
  position: absolute;
  font-size: 40px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  left: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.1;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-title .product-intro-limit-title-text {
  padding-top: 24px;
  font-size: 40px;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  letter-spacing: 1px;
  text-align: center;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-list {
  display: flex;
  justify-content: space-between;
  padding-top: 64px;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-list .product-intro-limit-list-item {
  width: 270px;
  height: 220px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
  text-align: center;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-list .product-intro-limit-list-item .product-intro-limit-list-item-image {
  margin-top: 56px;
  display: inline-block;
  width: 56px;
  height: 56px;
}
.baima-page-single-product-connect .product-intro-limit .product-intro-limit-body .product-intro-limit-list .product-intro-limit-list-item .product-intro-limit-list-item-text {
  padding-top: 24px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
}
.baima-page-single-product-connect .product-connect-client {
  padding-top: 100px;
  background: linear-gradient(180deg, rgba(0, 206, 187, 0.06) 0%, rgba(0, 206, 187, 0) 100%);
}
.baima-page-single-product-connect .product-connect-client .product-connect-client-title {
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 48px;
}
.baima-page-single-product-connect .product-connect-client .product-connect-client-title .product-connect-client-title-background {
  position: absolute;
  font-size: 40px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 1px;
  background: linear-gradient(180deg, #00cebb 0%, rgba(0, 206, 187, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.1;
  width: 100%;
  text-align: center;
  left: 0;
}
.baima-page-single-product-connect .product-connect-client .product-connect-client-title .product-connect-client-title-text {
  text-align: center;
  padding-top: 24px;
  font-size: 40px;
  font-weight: 400;
  color: #323233;
  line-height: 48px;
  letter-spacing: 1px;
  display: inline-block;
  width: 100%;
  padding-bottom: 24px;
}
.baima-page-single-product-connect .product-connect-client .product-connect-client-title > img {
  position: absolute;
  bottom: 0px;
  width: 64px;
  left: 50%;
  margin-left: -32px;
}
.baima-page-single-product-connect .product-connect-client .product-connect-client-list-image {
  position: relative;
  padding-bottom: 80px;
}
.baima-page-single-product-connect .product-connect-client .product-connect-client-list-image > img {
  width: 1200px;
}
.baima-page-article-list {
  background: #fafafa;
}
.baima-page-article-list .banner {
  height: 213px;
  position: relative;
}
.baima-page-article-list .banner > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.baima-page-article-list .banner .banner-center-box {
  width: 1180px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.baima-page-article-list .banner .banner-search-box {
  bottom: 30%;
  position: absolute;
  width: 311px;
  height: 46px;
  right: 0;
}
.baima-page-article-list .banner .banner-search-box > img {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
  cursor: pointer;
}
.baima-page-article-list .banner .articles-search {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding-left: 46px;
  font-size: 15px;
}
.baima-page-article-list .banner .articles-search::placeholder {
  color: #c8c9cc;
}
.baima-page-article-list .banner .content {
  min-width: 1100px;
  padding: 0;
}
.baima-page-article-list .banner .content > div {
  width: 500px;
  margin: 0px auto;
}
.baima-page-article-list .article-list-topbar-tab {
  width: 100%;
  height: 56px;
  background: #fff;
  position: fixed;
  top: 60px;
  z-index: 99;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #f0f0f0;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1180px;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-wrapper a {
  color: #646566;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item {
  float: left;
  height: 56px;
  border-radius: 0px 0px 0px 0px;
  white-space: nowrap;
  width: auto;
  margin: 0 19px;
  line-height: 56px;
  color: #646566;
  border: none;
  cursor: pointer;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item span {
  padding-bottom: 15px;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item span:hover {
  border-bottom: solid 3px #00cebb;
  color: #323233;
  font-weight: 600;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item .selected {
  border-bottom: solid 3px #00cebb;
  color: #323233;
  font-weight: 600;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item:hover .article-list-topbar-tab-item-children {
  display: flex;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item .article-list-topbar-tab-item-children {
  background: #fff;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  display: none;
  padding: 16px 0;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item .article-list-topbar-tab-item-children .article-list-topbar-tab-item-children-background {
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  top: 0;
  position: absolute;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item .article-list-topbar-tab-item-children .article-list-topbar-tab-item-children-item {
  font-size: 14px;
  font-weight: 400;
  color: #646566;
  line-height: 32px;
  height: 32px;
  background: #f8f8f8;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  padding: 0 16px;
  margin-right: 16px;
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item .article-list-topbar-tab-item-children .article-list-topbar-tab-item-children-item:hover {
  color: #00cebb;
  background: rgba(0, 206, 187, 0.05);
}
.baima-page-article-list .article-list-topbar-tab .article-list-topbar-tab-item .article-list-topbar-tab-item-children .article-list-topbar-tab-item-children-item:hover a {
  color: #00cebb;
}
.baima-page-article-list .crumbs {
  margin-left: 12px;
  height: 69px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.baima-page-article-list .crumbs img {
  width: 13px;
  height: 13px;
}
.baima-page-article-list .crumbs a {
  color: #969799;
}
.baima-page-article-list .list {
  width: 1180px;
  margin: 0 auto;
  min-height: 300px;
  top: 56px;
  position: relative;
  padding-bottom: 50px;
}
.baima-page-article-list .list .no-message {
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
  color: #646566;
}
.baima-page-article-list .list .no-message img {
  width: 105px;
  height: 105px;
  margin-bottom: 15px;
}
.baima-page-article-list .list .content {
  width: 1180px;
  display: flex;
  justify-content: space-between;
}
.baima-page-article-list .list .content .search-result {
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid #c8c9cc;
  font-weight: bold;
}
.baima-page-article-list .list .content .search-result span {
  color: red;
}
.baima-page-article-list .list .content .items {
  width: 808px;
}
.baima-page-article-list .list .content .items .crumbs {
  height: 46px;
  line-height: 46px;
  font-size: 13px;
  box-sizing: border-box;
  margin: 15px 0;
}
.baima-page-article-list .list .content .items .crumbs img {
  width: 13px;
  height: 13px;
}
.baima-page-article-list .list .content .items .crumbs a {
  color: #969799;
}
.baima-page-article-list .list .content .items .article-list-category-list {
  padding: 16px 16px;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}
.baima-page-article-list .list .content .items .article-list-category-list .article-list-category-list-item {
  font-size: 14px;
  font-weight: 400;
  color: #646566;
  line-height: 32px;
  height: 32px;
  background: #f8f8f8;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  padding: 0 16px;
  margin-right: 16px;
  margin-bottom: 8px;
}
.baima-page-article-list .list .content .items .article-list-category-list .article-list-category-list-item a {
  color: #646566;
}
.baima-page-article-list .list .content .items .article-list-category-list .article-list-category-list-item:hover {
  color: #00cebb;
  background: rgba(0, 206, 187, 0.05);
}
.baima-page-article-list .list .content .items .article-list-category-list .article-list-category-list-item:hover a {
  color: #00cebb;
}
.baima-page-article-list .list .content .items .label-title {
  color: #3d3d3d;
  font-size: 17px;
  font-weight: bold;
}
.baima-page-article-list .list .content .items .label-desc {
  color: #646566;
  line-height: 23px;
  margin-top: 8px;
  font-size: 13px;
}
.baima-page-article-list .list .content .items .nav-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
}
.baima-page-article-list .list .content .items .nav-list .nav-item {
  height: 46px;
  line-height: 46px;
  width: 136px;
  text-align: center;
  max-width: 162px;
}
.baima-page-article-list .list .content .items .nav-list .nav-item.active {
  background: #0098ff;
}
.baima-page-article-list .list .content .items .article-item {
  display: block;
}
.baima-page-article-list .list .content .items .article-item:not(:first-child) {
  margin-top: 12px;
}
.baima-page-article-list .list .content .items .item {
  height: 138px;
  padding: 20px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  display: flex;
  color: #969799;
  cursor: pointer;
}
.baima-page-article-list .list .content .items .item:first-child {
  margin-top: 0;
}
.baima-page-article-list .list .content .items .item:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
}
.baima-page-article-list .list .content .items .item:hover > .item-content a p {
  color: #00cebb;
}
.baima-page-article-list .list .content .items .item:hover .item-title {
  color: #00cebb;
}
.baima-page-article-list .list .content .items .item a {
  display: inline-block;
}
.baima-page-article-list .list .content .items .item .item-pic {
  width: 211px;
  height: 138px;
  background: #f1f2f3;
  border-radius: 6px;
}
.baima-page-article-list .list .content .items .item .item-content {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  margin-left: 15px;
  overflow: hidden;
}
.baima-page-article-list .list .content .items .item .item-title {
  height: 25px;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 13px;
  color: #323233;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.baima-page-article-list .list .content .items .item .item-desc {
  font-size: 14px;
  color: #646566;
  line-height: 21px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.baima-page-article-list .list .content .items .item .item-other,
.baima-page-article-list .list .content .items .item .item-label {
  display: flex;
  margin-top: auto;
  height: 21px;
  align-items: center;
  font-size: 13px;
}
.baima-page-article-list .list .content .items .item .item-other img,
.baima-page-article-list .list .content .items .item .item-label img {
  width: 15px;
  height: 15px;
}
.baima-page-article-list .list .content .items .item .item-other > a,
.baima-page-article-list .list .content .items .item .item-label > a,
.baima-page-article-list .list .content .items .item .item-other > div:not(:last-child),
.baima-page-article-list .list .content .items .item .item-label > div:not(:last-child) {
  margin-right: 15px;
  display: flex;
  align-items: center;
}
.baima-page-article-list .list .content .items .item .item-other .item-category-title,
.baima-page-article-list .list .content .items .item .item-label .item-category-title {
  display: flex;
  align-items: center;
}
.baima-page-article-list .list .content .items .item .item-other .item-category-title:hover,
.baima-page-article-list .list .content .items .item .item-label .item-category-title:hover {
  color: #0098ff !important;
}
.baima-page-article-list .list .content .items .item .item-other .item-category-title:hover > img:nth-child(1),
.baima-page-article-list .list .content .items .item .item-label .item-category-title:hover > img:nth-child(1) {
  display: none;
}
.baima-page-article-list .list .content .items .item .item-other .item-category-title:hover > img:nth-child(2),
.baima-page-article-list .list .content .items .item .item-label .item-category-title:hover > img:nth-child(2) {
  display: block !important;
}
.baima-page-article-list .list .content .items .item .item-date {
  position: absolute;
  font-size: 13px;
  bottom: 0;
  right: 0;
}
.baima-page-article-list .list .content .content-right {
  width: 318px;
}
.baima-page-article-list .list .content .content-right .aside-search-box {
  display: none;
}
.baima-page-article-list .list .content .page {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 38px 0;
  font-size: 14px;
}
.baima-page-article-list .list .content .page > li {
  width: 31px;
  height: 31px;
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 31px;
  text-align: center;
  margin-right: 15px;
}
.baima-page-article-list .list .content .page a {
  border: 1px solid #dcdee0;
  display: block;
  width: 100%;
  height: 100%;
  color: #646566;
  font-weight: bold;
  border-radius: 5px;
}
.baima-page-article-list .list .content .page a.active {
  color: #fff;
  background: #00d0b9;
  border: 1px solid transparent;
}
.baima-page-article-list .list .content .page .page-pre,
.baima-page-article-list .list .content .page .page-next {
  width: 71px;
}
.baima-page-article-list .list .content .page .maximum-value {
  color: #c8c9cc;
}
.baima-page-article-detail {
  background: #fafafa;
  /* 隐藏右侧标签模块 */
}
.baima-page-article-detail .list {
  min-width: 1100px;
  margin: 0 auto;
  padding-top: 28px;
}
.baima-page-article-detail .list > .content {
  font-size: 0;
  padding: 0;
}
.baima-page-article-detail .list .article-content {
  width: 770px;
  padding: 24px;
  margin-top: 20px;
  border-radius: 12px;
  display: inline-block;
}
.baima-page-article-detail .list .article-content .article-tag {
  position: absolute;
  top: -13px;
  left: 0;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item {
  font-size: 0;
  display: inline-block;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item i {
  border-top: 8px solid transparent;
  border-left: 8px solid #999;
  margin-right: 8px;
  border-bottom: 8px solid transparent;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999;
  vertical-align: middle;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a:hover {
  color: #00cebb;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a:last-child {
  color: #333;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a img {
  margin-right: 8px;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a img.hover {
  display: none;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a[href]:hover img {
  display: none;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item a[href]:hover img.hover {
  display: block;
}
.baima-page-article-detail .list .article-content .article-tag .nav-bar-item img {
  width: 16px !important;
  height: 16px !important;
  vertical-align: middle;
  margin-right: 8px;
}
.baima-page-article-detail .list article {
  background: #fff;
}
.baima-page-article-detail .list article img {
  max-width: 90% !important;
}
.baima-page-article-detail .list article h1 {
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #000;
}
.baima-page-article-detail .list article .extra {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #969799;
  padding-top: 24px;
}
.baima-page-article-detail .list article .extra p {
  position: relative;
  font-size: 14px;
  display: inline-block;
  height: 22px;
}
.baima-page-article-detail .list article .extra p > span {
  margin-left: 5px;
}
.baima-page-article-detail .list article .extra .extra-time {
  margin-right: 19px;
}
.baima-page-article-detail .list article .extra .extra-divider {
  display: inline-block;
  height: 14px;
  width: 1px;
  background: #999;
  vertical-align: middle;
}
.baima-page-article-detail .list article .extra .number {
  padding-left: 10px;
}
.baima-page-article-detail .list article .system-advertisement {
  opacity: 1;
  border-radius: 8px;
  padding: 16px 0;
  display: flex;
  align-items: center;
  margin: 16px 0 8px;
  position: relative;
}
.baima-page-article-detail .list article .system-advertisement .system-article {
  flex: 1;
  height: 124px;
  max-width: unset !important;
}
.baima-page-article-detail .list article .system-advertisement .system-article-1 {
  position: absolute;
  width: 125px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  display: block;
  background: #fff;
  font-size: 15px;
  border-radius: 4px;
  font-weight: 600;
  color: #323233;
  right: 46px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  bottom: 49px;
  letter-spacing: 1px;
}
.baima-page-article-detail .list article .system-advertisement .system-article-1:hover {
  color: #0098FF;
}
.baima-page-article-detail .list article .system-advertisement .system-logo {
  width: 88px;
  height: 88px;
  margin-left: 30px;
  margin-right: 30px;
}
.baima-page-article-detail .list article .system-advertisement .system-description {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding-right: 20px;
  max-width: 460px;
}
.baima-page-article-detail .list article .system-advertisement .system-description .system-title {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  opacity: 1;
  line-height: 21px;
}
.baima-page-article-detail .list article .system-advertisement .system-description .system-content {
  min-height: 56px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  opacity: 1;
  white-space: normal;
  margin-top: 16px;
}
.baima-page-article-detail .list article .system-advertisement .system-test {
  margin-left: 20px;
  margin-right: 30px;
}
.baima-page-article-detail .list article .system-advertisement .system-test a {
  width: 112px;
  height: 40px;
  background: #2c83f3;
  box-shadow: 0px 3px 6px rgba(2, 67, 150, 0.22);
  opacity: 1;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
  line-height: 19px;
  margin-right: 22px;
  cursor: pointer;
  border: none;
  display: inline-block;
  text-align: center;
  line-height: 40px;
}
.baima-page-article-detail .list article .system-advertisement .system-test a:hover {
  background: #024396;
}
.baima-page-article-detail .list article .desc {
  margin: 0px 0 24px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  min-height: 45px;
  box-sizing: border-box;
  letter-spacing: 1px;
  color: #444;
  white-space: pre-line;
  border-radius: 4px;
  position: relative;
  /* &::before{
          content: "";
          width: 32px;
          height: 32px;
          position: absolute;
          left: 16px;
          background-size: 100% 100% !important;
          background-repeat: no-repeat !important;
          background: url("../image/pc/index/icon-comma-01.png");
        } */
}
.baima-page-article-detail .list article .detail {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.baima-page-article-detail .list article .text {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: 1px;
  color: #333;
}
.baima-page-article-detail .list article .text img {
  display: block;
  margin: 20px auto;
}
.baima-page-article-detail .list article .text h2 {
  font-size: 20px;
  margin: 20px 0 16px;
}
.baima-page-article-detail .list article .text h2 > * {
  color: #0098FF !important;
}
.baima-page-article-detail .list article .text h3 {
  margin: 15px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
}
.baima-page-article-detail .list article .text h3 > * {
  color: #0098FF !important;
}
.baima-page-article-detail .list article .text h4 {
  color: #333333;
  margin: 0;
}
.baima-page-article-detail .list article .text p {
  line-height: 30px;
  padding-bottom: 5px;
}
.baima-page-article-detail .list article .text p a {
  color: #00d0b9;
}
.baima-page-article-detail .list article .text table {
  border-collapse: collapse;
}
.baima-page-article-detail .list article .text table tr td {
  border: solid 1px #000;
  text-align: center;
  width: 120px;
  height: 30px;
}
.baima-page-article-detail .list article .transition {
  text-align: left;
  padding: 8px 0;
  color: #969799;
  font-size: 14px;
  margin: 24px 0 48px;
}
.baima-page-article-detail .list article .transition a {
  display: block;
  width: 100%;
}
.baima-page-article-detail .list article .transition img {
  max-width: unset !important;
  width: 100%;
  height: 126px;
  object-fit: cover;
}
.baima-page-article-detail .list article .article-footer {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
.baima-page-article-detail .list article .article-footer .prev,
.baima-page-article-detail .list article .article-footer .next {
  width: 363.5px;
  cursor: pointer;
  color: #666666;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 377px;
  height: 44px;
  line-height: 44px;
  background: #fafafa;
  text-align: center;
  border-radius: 4px;
}
.baima-page-article-detail .list article .article-footer .prev:hover,
.baima-page-article-detail .list article .article-footer .next:hover {
  color: #00cebb;
}
.baima-page-article-detail .list article .topics-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 相关话题(标签) */
}
.baima-page-article-detail .list article .topics-share .related-topics {
  display: flex;
}
.baima-page-article-detail .list article .topics-share .related-topics a {
  margin: unset;
  height: 31px;
  font-size: 13px;
  color: #646566;
  border: 1px solid #DCDEE0;
  margin-right: 15px;
  text-align: center;
  line-height: 31px;
  box-sizing: border-box;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
  transition: all 0.3s;
}
.baima-page-article-detail .list article .topics-share .related-topics a:hover {
  border-color: #0098ff;
  color: #0098ff;
}
.baima-page-article-detail .list article .topics-share .social-share-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #666666;
}
.baima-page-article-detail .list article .topics-share .social-share-box .social-share-text {
  white-space: nowrap;
}
.baima-page-article-detail .list article .topics-share .social-share-box .social-share > a {
  margin-left: 7px;
}
.baima-page-article-detail .list .article-aside {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.baima-page-article-detail .list .content:not(.footer-content .content) {
  width: 1160px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  /* 隐藏侧栏的推荐阅读 */
}
.baima-page-article-detail .list .content:not(.footer-content .content) .article-recommend {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding-bottom: 80px;
  padding-top: 20px;
}
.baima-page-article-detail .list .content:not(.footer-content .content) .article-recommend > a {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: relative;
  margin-top: 20px;
  flex: 0 0 20%;
  height: 260px;
  margin-right: 60px;
}
.baima-page-article-detail .list .content:not(.footer-content .content) .article-recommend > a img {
  width: 180px;
  height: 180px;
  margin-top: 10px;
  margin-left: 5px;
  transition: 0.8s;
}
.baima-page-article-detail .list .content:not(.footer-content .content) .article-recommend > a img:hover {
  transform: scale(1.1);
}
.baima-page-article-detail .list .content:not(.footer-content .content) .article-recommend > a .title {
  font-size: 17px;
  font-weight: bold;
  line-height: 51px;
  color: #333333;
  text-align: center;
}
.baima-page-article-detail .list .content:not(.footer-content .content) .article-recommend > a .sub_title {
  width: 200px;
  height: 21px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #9b9b9b;
  text-align: center;
}
.baima-page-article-detail .list .content:not(.footer-content .content) .recommend-reading {
  display: none;
}
.baima-page-article-detail .list .updated-today {
  width: 1160px;
  margin: 26px auto 20px;
  padding: 20px;
}
.baima-page-article-detail .list .updated-today .updated-today-title {
  font-size: 20px;
  line-height: 17px;
  color: #333333;
  opacity: 1;
  border-left: 4px solid #00cebb;
  padding-left: 12px;
  height: 18px;
}
.baima-page-article-detail .list .updated-today .updated-today-content {
  width: 770px;
  margin-top: 24px;
  background: #fff;
  padding: 20px 24px 0;
  border-radius: 12px;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li {
  margin: 0;
  width: 50%;
  margin-bottom: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li img {
  width: 80px;
  height: 60px;
  margin-right: 15px;
  border-radius: 2px;
  margin-left: 0;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li span {
  display: inline-block;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li a {
  height: 100%;
  font-size: 14px;
  box-sizing: border-box;
  padding: 6px 12px;
  display: flex;
  color: #333333;
  opacity: 1;
  font-weight: 400;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li a .reading-content {
  width: 65%;
  position: relative;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li a .reading-content > p {
  font-size: 14px;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li a .reading-content span {
  font-size: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #969799;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul li:last-of-type {
  display: none;
}
.baima-page-article-detail .list .updated-today .updated-today-content ul a:hover {
  color: #00cebb;
}
.baima-page-article-detail .list .baima-common-aside {
  margin-top: 20px;
}
.baima-page-article-detail .tag-relating {
  display: none !important;
}
.baima-page-article-detail .viewer-container,
.baima-page-article-detail .viewer-container * {
  max-width: unset !important;
}
.baima-page-products {
  margin: 0 auto;
}
.baima-page-products .banner {
  height: 715px;
}
.baima-page-products .banner .content {
  padding-top: 150px;
  position: relative;
  width: 1180px;
  margin: 0 auto;
}
.baima-page-products .banner .content > div {
  margin-left: 70px;
}
.baima-page-products .banner .content > div .content-title {
  width: 397px;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
  color: #333;
  padding-bottom: 5px;
}
.baima-page-products .banner .content > div .sub_title {
  width: 500px;
  height: 58px;
  font-size: 25px;
  font-weight: 400;
  line-height: 58px;
  color: #333;
  position: relative;
}
.baima-page-products .banner .content > div .sub_title > img {
  width: 107px;
  height: 43px;
  position: absolute;
  top: -4px;
  left: -123px;
}
.baima-page-products .banner .content > div .content-detail {
  width: 500px;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #999;
  margin-bottom: 20px;
}
.baima-page-products .banner .content .home-name,
.baima-page-products .banner .content .home-tel {
  display: block;
  margin-top: 15px;
  width: 305px;
  height: 54px;
  background: #fbfbfb;
  border: 1px solid #e5e5e5;
  border-radius: 400px;
  padding-left: 20px;
}
.baima-page-products .banner .content .home-name:focus,
.baima-page-products .banner .content .home-tel:focus {
  outline: 0;
  border-color: #00d0b9;
}
.baima-page-products .banner .content .home-name.box-error::-webkit-input-placeholder,
.baima-page-products .banner .content .home-tel.box-error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #f00;
}
.baima-page-products .banner .content .quick-buy-try {
  width: 305px;
  height: 60px;
  background: linear-gradient(277deg, #00cebb 0%, #95eae2 100%);
  box-shadow: 0px 3px 30px rgba(0, 206, 187, 0.49);
  border-radius: 33px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  margin-left: 8px;
  margin-top: 40px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.baima-page-products .banner .content #alert {
  color: #fff;
  text-shadow: 1px 1px 4px #333 !important;
  font-size: 18px;
  z-index: 105;
  width: 400px;
  height: 100px;
  display: none;
  position: absolute;
  line-height: 80px;
  top: 60%;
  left: 3%;
  background: rgba(0, 208, 185, 0.8);
  box-shadow: 1px 3px 13px rgba(0, 208, 185, 0.5);
}
.baima-page-products .banner .content #alert::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.baima-page-products .banner .content .right {
  position: absolute;
  top: 77px;
  right: 454px;
  cursor: pointer;
}
.baima-page-products .banner .content .right .right-active {
  opacity: 1 !important;
}
.baima-page-products .banner .content .right > .test {
  display: block;
  width: 102px;
  height: 50px;
  background: #00cebb;
  opacity: 0.5;
  border-radius: 25px 0px 0px 25px;
  text-decoration: none;
  text-align: center;
  margin-top: 10px;
  color: #fff;
  line-height: 50px;
}
.baima-page-products .banner .content .right > .test > img {
  width: 17px;
  height: 12px;
  position: absolute;
  top: 29px;
  right: 8px;
}
.baima-page-products .banner .content .right > .buy {
  display: block;
  width: 102px;
  height: 50px;
  background: #00cebb;
  opacity: 0.5;
  color: #fff;
  border-radius: 25px 0px 0px 25px;
  text-decoration: none;
  text-align: center;
  margin-top: 10px;
  line-height: 50px;
}
.baima-page-products .banner .content .right > .cus {
  display: block;
  width: 102px;
  height: 50px;
  opacity: 0.5;
  background: #00cebb;
  border-radius: 25px 0px 0px 25px;
  text-decoration: none;
  text-align: center;
  margin-top: 10px;
  color: #fff;
  line-height: 50px;
}
.baima-page-products .banner .content #alert-try {
  width: 360px;
  height: 650px;
  z-index: 50;
  position: absolute;
  top: 25px;
  right: 84px;
}
.baima-page-products .banner .content #alert-try .alert-try {
  width: 175px;
  height: 75px;
  opacity: 0.89;
  position: absolute;
  top: 270px;
  right: 82px;
  z-index: 55;
  border-radius: 10px;
  transition: 1.2s ease;
  cursor: pointer;
}
.baima-page-products .banner .content #alert-try .alert-try.active {
  transform: scale(1.3);
}
.baima-page-products .banner .content #alert-try .alert-try > .tips {
  width: 175px;
  height: 85px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 55;
  border-radius: 10px;
  transform: scale(1.3);
}
.baima-page-products .banner .content #alert-try .alert-try > .tips > img {
  width: 175px;
  height: 85px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.baima-page-products .banner .content #alert-try .alert-try > .tips > span {
  font-size: 11px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 40px;
  color: #ffffff;
  position: absolute;
  top: 47px;
  left: 35px;
}
.baima-page-products .banner .content #framePage {
  width: 360px;
  height: 650px;
  background: #333333;
  opacity: 1;
  border-radius: 39px;
  z-index: 10;
  position: absolute;
  top: 16px;
  right: 74px;
  overflow: hidden;
  padding: 10px;
  border: none;
}
.baima-page-products .banner .content .project-buy {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
}
.baima-page-products .banner .content .project-buy .icon {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-top: 62px;
  display: block;
}
.baima-page-products .banner .content .project-buy .text {
  margin: 0 auto;
  width: 272px;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 30px;
  color: #333333;
  text-align: center;
}
.baima-page-products .banner .content .project-buy .text span {
  color: #00CEBB;
}
.baima-page-products .banner .content .project-buy .btn {
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-top: 48px;
  color: #fff;
  width: 176px;
  height: 52px;
  line-height: 52px;
  background: linear-gradient(267deg, #00cebb 0%, #01e6d1 100%);
  box-shadow: 0px 3px 30px rgba(0, 206, 187, 0.4);
}
.baima-page-products .banner .content .project-buy.active > img {
  position: absolute;
  top: 58px;
  left: 35px;
  width: 106px;
  height: 86px;
}
.baima-page-products .banner .content .project-buy.active > p {
  position: absolute;
  top: 65px;
  left: 138px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #00cebb;
}
.baima-page-products .banner .content .project-buy.active > p .try-text {
  font-size: 14px;
  display: block;
}
.baima-page-products .banner .content .project-buy.active > span {
  position: absolute;
  top: 140px;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.baima-page-products .banner .content .project-buy.active > div {
  margin-top: 169px;
  margin-left: 3px;
}
.baima-page-products .banner .content .project-buy.active > div label {
  margin-left: 25px;
  margin-top: 15px;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  display: block;
}
.baima-page-products .banner .content .project-buy.active > div input {
  margin-left: 25px;
  margin-top: 15px;
  width: 290px;
  height: 40px;
  background: #fbfbfb;
  border: 1px solid #f5f5f5;
  padding-left: 10px;
}
.baima-page-products .banner .content .project-buy.active > div input:focus {
  outline: 0;
  border-color: #00d0b9;
}
.baima-page-products .banner .content .project-buy.active > div input.box-error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #f00;
}
.baima-page-products .banner .content .project-buy.active button {
  width: 160px;
  height: 40px;
  background: #00cebb;
  border-radius: 24px;
  line-height: 40px;
  text-align: center;
  margin-top: 10px;
  color: #fff;
  margin-left: 105px;
  margin-top: 40px;
  border: none;
  cursor: pointer;
}
.baima-page-products .banner .content .project-buy.active button:focus {
  outline: 0;
  border: 1px solid #00b9a4;
}
.baima-page-products .banner .content .submit-success {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
}
.baima-page-products .banner .content .submit-success > .success {
  position: absolute;
  top: 40px;
  left: 79px;
  width: 71px;
  height: 63px;
}
.baima-page-products .banner .content .submit-success > span {
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  position: absolute;
  top: 56px;
  left: 145px;
}
.baima-page-products .banner .content .submit-success .hint {
  width: 194px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #d5d5d5;
  text-align: center;
  margin-top: 105px;
  margin-left: 81px;
}
.baima-page-products .banner .content .submit-success hr {
  width: 300px;
  height: 2px;
  background: #f8f8f8;
  margin-top: 22px;
  border: 0;
}
.baima-page-products .banner .content .submit-success .buy-length {
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  margin-top: -19px;
  margin-left: 33px;
}
.baima-page-products .banner .content .submit-success .buy-length span {
  font-size: 14px;
  font-family: DIN;
  font-weight: 400;
  line-height: 75px;
  color: #00cebb;
}
.baima-page-products .banner .content .submit-success .year {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 330px;
  margin-top: -14px;
  margin-left: 30px;
}
.baima-page-products .banner .content .submit-success .year > div {
  flex: 0 0 92px;
  height: 64px;
  background: #ffffff;
  border: 2px solid #e0faf9;
  box-shadow: 0px 6px 9px rgba(0, 206, 187, 0.06);
  border-radius: 12px;
  margin-right: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 63px;
  color: #666666;
  text-align: center;
  margin-top: 7px;
}
.baima-page-products .banner .content .submit-success .year .year-active {
  background: #00cebb;
  border: 2px solid #ffffff;
  box-shadow: 0px 6px 9px rgba(0, 206, 187, 0.06);
  color: #fff;
}
.baima-page-products .banner .content .submit-success .number {
  line-height: 60px;
  margin-left: 30px;
  margin-top: 32px;
  height: 60px;
  position: relative;
}
.baima-page-products .banner .content .submit-success .number .number-test {
  position: absolute;
  width: 60px;
  height: 33px;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 104, 95, 0.42);
  top: -25px;
  left: 60px;
  line-height: 33px;
  text-align: center;
}
.baima-page-products .banner .content .submit-success .number #minbeds {
  opacity: 0;
}
.baima-page-products .banner .content .submit-success .number #slider {
  width: 216px;
  height: 16px;
  border-radius: 8px;
  margin: 0 auto;
  border: 0;
  background: #ddd;
  position: absolute;
  top: 22px;
  left: 85px;
}
.baima-page-products .banner .content .submit-success .number #slider .ui-slider-range {
  background: #00cebb;
  border-radius: 8px;
}
.baima-page-products .banner .content .submit-success .number #slider .ui-slider-handle {
  left: 0%;
  margin-top: -2px;
  width: 23px;
  height: 23px;
  background: #00cebb;
  border: 4px solid #ffffff;
  box-shadow: rgba(0, 104, 95, 0.42) 0px 3px 6px;
  border-radius: 50%;
  cursor: pointer;
}
.baima-page-products .banner .content .submit-success .number #slider .ui-slider-handle:focus {
  outline: 0;
}
.baima-page-products .banner .content .submit-success .time {
  line-height: 60px;
  height: 60px;
  margin-left: 30px;
  position: relative;
  margin-top: 24px;
}
.baima-page-products .banner .content .submit-success .time .time-test {
  line-height: 33px;
  text-align: center;
  top: -25px;
  left: 60px;
  position: absolute;
  width: 60px;
  height: 33px;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 104, 95, 0.42);
}
.baima-page-products .banner .content .submit-success .time #sliders {
  width: 216px;
  height: 16px;
  border-radius: 8px;
  margin: 0 auto;
  border: 0;
  background: #ddd;
  position: absolute;
  top: 20px;
  left: 85px;
}
.baima-page-products .banner .content .submit-success .time #sliders .ui-slider-range {
  background: #00cebb;
  border-radius: 8px;
}
.baima-page-products .banner .content .submit-success .time #sliders .ui-slider-handle {
  left: 0%;
  margin-top: -2px;
  width: 23px;
  height: 23px;
  background: #00cebb;
  border: 4px solid #ffffff;
  box-shadow: rgba(0, 104, 95, 0.42) 0px 3px 6px;
  border-radius: 50%;
  cursor: pointer;
}
.baima-page-products .banner .content .submit-success .time #sliders .ui-slider-handle:focus {
  outline: 0;
}
.baima-page-products .banner .content .submit-success .total .t-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 58px;
  color: #333333;
  text-align: left;
  margin-left: 40px;
}
.baima-page-products .banner .content .submit-success .total .t-price > span {
  font-size: 14px;
  font-family: DIN;
  font-weight: 400;
  line-height: 75px;
  color: #00cebb;
}
.baima-page-products .banner .content .submit-success .total > div {
  position: relative;
  text-align: center;
}
.baima-page-products .banner .content .submit-success .total > div > span {
  font-size: 38px;
  font-family: DIN;
  font-weight: 400;
  line-height: 40px;
  color: #fe6931;
}
.baima-page-products .banner .content .submit-success .total > div .p-price {
  font-size: 38px;
  font-family: DIN;
  font-weight: 400;
  line-height: 40px;
  color: #fe6931;
  display: inline-block;
}
.baima-page-products .banner .content .submit-success .total .j-price {
  font-size: 18px;
  font-family: DIN;
  font-weight: 400;
  line-height: 35px;
  color: #00cebb;
  text-align: center;
}
.baima-page-products .banner .content .submit-success a {
  cursor: pointer;
  margin-left: -71px;
  width: 152px;
  height: 40px;
  background: #00CEBB;
  border-radius: 33px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  margin-top: 25px;
  display: inline-block;
  line-height: 40px;
  position: absolute;
  left: 50%;
}
.baima-page-products .banner .content .submit-success a p {
  display: inline-block;
  padding-left: 36px;
}
.baima-page-products .banner .content .submit-success a span {
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  z-index: 6;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 3px;
}
.baima-page-products .banner .content .submit-success a span > .arrow {
  width: 11px;
  height: 9px;
  margin-left: 12px;
  margin-bottom: 2px;
}
.baima-page-products .banner .content .submit-success .return-test {
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -9px;
  right: -4px;
  cursor: pointer;
}
.baima-page-products .banner .content .fast-custom {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
}
.baima-page-products .banner .content .fast-custom .custom-title {
  margin: 20px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
}
.baima-page-products .banner .content .fast-custom .demand {
  margin-left: 30px;
  font-size: 14px;
  line-height: 32px;
  color: #666666;
}
.baima-page-products .banner .content .fast-custom .custom-box {
  position: relative;
  margin-left: 30px;
}
.baima-page-products .banner .content .fast-custom .custom-box label {
  display: block;
  font-size: 16px;
  color: #333;
}
.baima-page-products .banner .content .fast-custom .custom-box input {
  padding-left: 10px;
  margin: 12px 0;
  width: 300px;
  height: 43px;
  background: #fbfbfb;
  border: 1px solid #f5f5f5;
}
.baima-page-products .banner .content .fast-custom .custom-box input:focus {
  outline: 0;
  border-color: #00d0b9;
}
.baima-page-products .banner .content .fast-custom .custom-box input.box-error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #f00;
}
.baima-page-products .banner .content .fast-custom .custom-box textarea {
  padding-left: 10px;
  margin: 12px 0;
  width: 300px;
  height: 43px;
  background: #fbfbfb;
  border: 1px solid #f5f5f5;
}
.baima-page-products .banner .content .fast-custom .custom-box textarea:focus {
  outline: 0;
  border-color: #00d0b9;
}
.baima-page-products .banner .content .fast-custom .custom-box .project {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.baima-page-products .banner .content .fast-custom .custom-box .project a {
  text-decoration: none;
  width: 140px;
  height: 40px;
  border-radius: 20px;
  margin: 11px 6px 0px 6px;
}
.baima-page-products .banner .content .fast-custom .custom-box .project a::after {
  position: absolute;
  margin-left: -98px;
  margin-top: -4px;
  content: "";
  display: inline-block;
  background: #00cebb;
  opacity: 0.1;
  width: 140px;
  height: 40px;
  border-radius: 20px;
}
.baima-page-products .banner .content .fast-custom .custom-box .project a span {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #00cebb;
  padding-left: 35px;
}
.baima-page-products .banner .content .fast-custom .custom-box .jxc {
  position: absolute;
  bottom: 50px;
  right: -70px;
  text-decoration: none;
  width: 140px;
  height: 40px;
  border-radius: 20px;
  margin: 11px 6px 0px 6px;
}
.baima-page-products .banner .content .fast-custom .custom-box .jxc::after {
  position: absolute;
  margin-left: -98px;
  margin-top: -4px;
  content: "";
  display: inline-block;
  background: #00cebb;
  opacity: 0.1;
  width: 140px;
  height: 40px;
  border-radius: 20px;
}
.baima-page-products .banner .content .fast-custom .custom-box .jxc span {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #00cebb;
  position: absolute;
  bottom: 8px;
  left: -83px;
}
.baima-page-products .banner .content .fast-custom .custom-box .custom-submit {
  cursor: pointer;
  width: 160px;
  height: 40px;
  background: #00cebb;
  border-radius: 24px;
  line-height: 40px;
  text-align: center;
  margin-top: 10px;
  border: none;
  color: #fff;
  margin-left: 65px;
}
.baima-page-products .banner .content .custom-success {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
}
.baima-page-products .banner .content .custom-success img {
  width: 121px;
  height: 106px;
  margin: 25px 118px 15px 118px;
}
.baima-page-products .banner .content .custom-success > div {
  margin-left: 127px;
  font-size: 26px;
  font-weight: 400;
  line-height: 12px;
  color: #333333;
}
.baima-page-products .banner .content .custom-success > p {
  margin-left: 90px;
  text-align: center;
  margin-top: 30px;
  width: 194px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #d5d5d5;
}
.baima-page-products .banner .content .custom-success .return-test {
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -6px;
  right: -85px;
  cursor: pointer;
}
.baima-page-products .banner .content .indent-success {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
}
.baima-page-products .banner .content .indent-success img {
  width: 251px;
  height: 239px;
  margin: 10px 20px 10px 35px;
}
.baima-page-products .banner .content .indent-success > div {
  margin-top: 80px;
  margin-left: 96px;
  font-size: 26px;
  font-weight: 400;
  line-height: 12px;
  color: #333333;
}
.baima-page-products .banner .content .indent-success > p {
  margin-left: 90px;
  text-align: center;
  margin-top: 30px;
  width: 194px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #d5d5d5;
}
.baima-page-products .banner .content .indent-success .playment {
  width: 300px;
  height: 46px;
  background: #fe6931;
  border-radius: 23px;
  font-size: 20px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  margin-top: 20px;
  margin-left: 30px;
  border: none;
}
.baima-page-products .banner .content .indent-success .return {
  width: 300px;
  height: 46px;
  background: #D4D4D4;
  border-radius: 23px;
  font-size: 20px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  border: none;
  margin-top: 20px;
  margin-left: 30px;
}
.baima-page-products .banner .content .play-success {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
}
.baima-page-products .banner .content .play-success img {
  width: 185px;
  height: 192px;
  margin: 25px 88px 0px 88px;
}
.baima-page-products .banner .content .play-success > div {
  margin-left: -78px;
  font-size: 26px;
  font-weight: 400;
  line-height: 12px;
  color: #333333;
  position: absolute;
  left: 50%;
}
.baima-page-products .banner .content .play-success > p {
  margin-top: 30px;
  margin-left: 70px;
  text-align: center;
  width: 220px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #d5d5d5;
}
.baima-page-products .banner .content .play-success .return-test {
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -6px;
  right: -85px;
  cursor: pointer;
}
.baima-page-products .banner .content .alert-success {
  border-radius: 39px;
  width: 360px;
  height: 651px;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 83px;
  z-index: 60;
  display: none;
  text-align: center;
}
.baima-page-products .banner .content .alert-success > img:first-child {
  width: 185px;
  height: 192px;
  margin: 25px 88px 0px 88px;
}
.baima-page-products .banner .content .alert-success > div {
  font-size: 26px;
  font-weight: 400;
  line-height: 12px;
  color: #333333;
  text-align: center;
}
.baima-page-products .banner .content .alert-success > .title {
  margin-top: 30px;
  margin-left: 70px;
  width: 220px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #d5d5d5;
  position: relative;
}
.baima-page-products .banner .content .alert-success > .title::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 195px;
  height: 0px;
  border: 1px solid rgba(233, 233, 233, 0.5);
  bottom: -19px;
  left: 11px;
}
.baima-page-products .banner .content .alert-success > .sub-detail {
  margin-top: 3px;
}
.baima-page-products .banner .content .alert-success > .sub-detail > span {
  margin-left: 27px;
  position: relative;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 32px;
  color: #666666;
}
.baima-page-products .banner .content .alert-success > .sub-detail > span > img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1px;
  left: -27px;
}
.baima-page-products .banner .content .alert-success > .sub-title {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #d5d5d5;
}
.baima-page-products .banner .content .alert-success > .return-test {
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -6px;
  right: 0px;
  cursor: pointer;
}
.baima-page-products .advantage {
  height: 1150px;
}
.baima-page-products .advantage > .help {
  width: 1000px;
  margin: 0 auto;
  height: 300px;
}
.baima-page-products .advantage > .help > p {
  text-align: center;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  padding-top: 80px;
}
.baima-page-products .advantage > .help > .box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 1000px;
  position: relative;
}
.baima-page-products .advantage > .help > .box > .a1 {
  width: 1000px;
  height: 23px;
  position: absolute;
  top: 191px;
  z-index: 1;
}
.baima-page-products .advantage > .help > .box > .a2 {
  width: 1000px;
  height: 43px;
  position: absolute;
  top: 199px;
  z-index: 5;
}
.baima-page-products .advantage > .help > .box > div {
  margin-top: 100px;
  margin-right: 1px;
  flex: 25%;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  transition: margin-top 0.5s;
  position: relative;
}
.baima-page-products .advantage > .help > .box > div:last-child::after {
  height: 0;
}
.baima-page-products .advantage > .help > .box > div > p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 24px;
  color: #5d5d5d;
}
.baima-page-products .advantage > .help > .box > div:hover,
.baima-page-products .advantage > .help > .box > div.active {
  margin-top: 66px;
}
.baima-page-products .advantage > .help > .box > div:hover p,
.baima-page-products .advantage > .help > .box > div.active p {
  color: #05CFBC;
}
.baima-page-products .advantage > .help > .box > div:hover > .img-2,
.baima-page-products .advantage > .help > .box > div.active > .img-2,
.baima-page-products .advantage > .help > .box > div:hover .img-3,
.baima-page-products .advantage > .help > .box > div.active .img-3 {
  display: inline-block;
}
.baima-page-products .advantage > .help > .box > div:hover > .img-1,
.baima-page-products .advantage > .help > .box > div.active > .img-1 {
  display: none;
}
.baima-page-products .advantage > .help > .box > div > img {
  width: 108px;
  height: 66px;
  margin-top: 28px;
  z-index: -1;
}
.baima-page-products .advantage > .help > .box > div > img.img-2 {
  width: 165px;
  height: 73px;
}
.baima-page-products .advantage > .help > .box > div > .img-2,
.baima-page-products .advantage > .help > .box > div .img-3 {
  display: none;
}
.baima-page-products .advantage > .deal {
  background-image: url(../image/new/products/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 1200px;
  position: relative;
}
.baima-page-products .advantage > .deal > div {
  width: 1000px;
  margin: 0 auto;
  height: 750px;
}
.baima-page-products .advantage > .deal > div > p {
  text-align: center;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  padding-top: 155px;
}
.baima-page-products .advantage > .deal > div > div {
  display: flex;
  width: 1000px;
  position: relative;
  margin-top: 80px;
}
.baima-page-products .advantage > .deal > div > div > .left-menu {
  flex: 283px;
  margin-right: 80px;
}
.baima-page-products .advantage > .deal > div > div > .left-menu > p {
  height: 78px;
  line-height: 78px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-bottom: 10px;
  padding-left: 10px;
  cursor: pointer;
}
.baima-page-products .advantage > .deal > div > div > .left-menu > p > img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  vertical-align: middle;
}
.baima-page-products .advantage > .deal > div > div > .left-menu > p > span > span {
  font-size: 16px;
}
.baima-page-products .advantage > .deal > div > div > .left-menu > p.active {
  color: #1390e5;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(133, 172, 200, 0.2);
}
.baima-page-products .advantage > .deal > div > div > .right-content {
  flex: 650px;
}
.baima-page-products .advantage > .deal > div > div > .right-content > div {
  position: relative;
  display: none;
  transition: display 0.5s;
}
.baima-page-products .advantage > .deal > div > div > .right-content > div:first-child {
  display: block;
}
.baima-page-products .advantage > .deal > div > div > .right-content > div > .num {
  font-size: 41px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 32px;
  color: #d4dee6;
  position: absolute;
  right: 72px;
}
.baima-page-products .advantage > .deal > div > div > .right-content > div > .detail {
  width: 276px;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 28px;
  color: #333333;
  text-align: right;
  position: absolute;
  right: 78px;
  top: 50px;
}
.baima-page-products .advantage > .deal > div > div > .right-content > div > img {
  width: 560px;
  height: 560px;
  margin-top: 33px;
}
.baima-page-products .use {
  margin-top: 50px;
  height: 120px;
  background: #fbfbfb;
}
.baima-page-products .use > div {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.baima-page-products .use > div > p {
  font-size: 25px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 120px;
  color: #333333;
  display: inline-block;
}
.baima-page-products .use > div > p > span {
  font-size: 42px;
  font-family: DIN;
  font-weight: 500;
  line-height: 51px;
  color: #303030;
}
.baima-page-products .crm-introduce {
  height: 400px;
  background: #ffffff;
}
.baima-page-products .crm-introduce > div {
  width: 1000px;
  margin: 0 auto;
  padding-top: 70px;
}
.baima-page-products .crm-introduce > div > .crm-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}
.baima-page-products .crm-introduce > div > .crm-header > p {
  flex: 33%;
  height: 140px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  cursor: pointer;
}
.baima-page-products .crm-introduce > div > .crm-header > p.active {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.baima-page-products .crm-introduce > div > .crm-header > p.active > span {
  position: relative;
}
.baima-page-products .crm-introduce > div > .crm-header > p.active > span::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 113px;
  height: 4px;
  background: #00cebb;
  bottom: -8px;
  left: 110px;
}
.baima-page-products .crm-introduce > div > .crm-header > p > img {
  width: 50px;
  height: 50px;
  margin-top: 25px;
}
.baima-page-products .crm-introduce > div > .crm-header > p > span {
  display: block;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 24px;
  color: #333333;
}
.baima-page-products .crm-introduce > div > .crm-detail {
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
  height: 140px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.03);
  padding-top: 50px;
  padding-left: 70px;
}
.baima-page-products .crm-introduce > div > .crm-detail > div.detail-2,
.baima-page-products .crm-introduce > div > .crm-detail > div.detail-3 {
  display: none;
}
.baima-page-products .crm-introduce > div > .crm-detail > div > p {
  width: 866px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
}
.baima-page-products .crm-introduce > div > .crm-detail > div > a {
  text-decoration: none;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #00cebb;
  float: right;
  margin-right: 30px;
  cursor: pointer;
}
.baima-page-products .store > .title {
  font-size: 36px;
  color: #333;
  text-align: center;
  margin: 30px 0;
}
.baima-page-products .store .store-box > div {
  height: 295px;
}
.baima-page-products .store .store-box > div.left {
  background-image: url(../image/new/products/left_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  position: relative;
}
.baima-page-products .store .store-box > div.left > div {
  width: 1100px;
  height: 295px;
  margin: 0 auto;
  padding-left: 20px;
  position: relative;
}
.baima-page-products .store .store-box > div.left > div > img {
  width: 300px;
  height: 260px;
}
.baima-page-products .store .store-box > div.left > div > div {
  display: inline-block;
  line-height: 40px;
  position: absolute;
  left: 340px;
  top: 80px;
}
.baima-page-products .store .store-box > div.left > div > div > .title {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.baima-page-products .store .store-box > div.left > div > div > .sub-title {
  font-size: 20px;
  color: #333;
}
.baima-page-products .store .store-box > div.left > div > div > .sub-title > span {
  font-size: 26px;
  font-family: 'DIN';
}
.baima-page-products .store .store-box > div.left > div > div > .detail {
  font-size: 16px;
  color: #999;
}
.baima-page-products .store .store-box > div.right {
  background-image: url(../image/new/products/right_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.baima-page-products .store .store-box > div.right > div {
  width: 1100px;
  height: 295px;
  margin: 0 auto;
  padding-right: 20px;
  position: relative;
  text-align: right;
}
.baima-page-products .store .store-box > div.right > div > img {
  width: 300px;
  height: 260px;
}
.baima-page-products .store .store-box > div.right > div > div {
  display: inline-block;
  line-height: 40px;
  position: absolute;
  right: 340px;
  top: 80px;
}
.baima-page-products .store .store-box > div.right > div > div > .title {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.baima-page-products .store .store-box > div.right > div > div > .sub-title {
  font-size: 20px;
  color: #333;
}
.baima-page-products .store .store-box > div.right > div > div > .detail {
  font-size: 16px;
  color: #999;
}
.baima-page-products .consults {
  height: 154px;
  background: #F7F8FC;
  margin-bottom: 60px;
}
.baima-page-products .consults > div {
  width: 1100px;
  margin: 0 auto;
}
.baima-page-products .consults > div .consult-p {
  display: inline-block;
  margin-left: 25px;
  margin-right: 180px;
  position: relative;
  width: 800px;
}
.baima-page-products .consults > div .consult-p img {
  margin-top: 12px;
  width: 144px;
  height: 126px;
}
.baima-page-products .consults > div .consult-p > .title {
  position: absolute;
  left: 158px;
  top: 45px;
  display: block;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 32px;
  color: #00cebb;
}
.baima-page-products .consults > div .consult-p > .sub-title {
  position: absolute;
  left: 158px;
  top: 77px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
}
.baima-page-products .consults > div .consult-p > .sub-title > span {
  font-size: 26px;
  font-family: 'DIN';
}
.baima-page-products .baima-support {
  height: 420px;
}
.baima-page-products .baima-support > p {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.baima-page-products .baima-support > .box {
  width: 1180px;
  height: 245px;
  margin: 60px auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.baima-page-products .baima-support > .box > div {
  flex: 1;
  margin-right: 10px;
  text-align: center;
}
.baima-page-products .baima-support > .box > div > img {
  width: 150px;
  height: 130px;
}
.baima-page-products .baima-support > .box > div > .title {
  font-size: 20px;
  color: #333;
  line-height: 35px;
}
.baima-page-products .baima-support > .box > div > .detail {
  font-size: 14px;
  color: #999;
  line-height: 28px;
}
.baima-page-products .dispose {
  background: #ffffff;
  box-shadow: 0px -4px 5px #f2f2f2;
}
.baima-page-products .dispose > .help {
  height: 464px;
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding-top: 70px;
}
.baima-page-products .dispose > .help > .title {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 47px;
  color: #333333;
}
.baima-page-products .dispose > .help > .sub-title {
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 35px;
  color: #d9d9d9;
}
.baima-page-products .dispose > .help > img {
  width: 687px;
  height: 207px;
}
.baima-page-products .dispose > .help > .box {
  margin-top: 20px;
}
.baima-page-products .dispose > .help > .box > .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #666666;
  text-align: center;
}
.baima-page-products .dispose > .help > .box > .sub-title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 26px;
  color: #00cebb;
  text-align: center;
}
.baima-page-products .dispose > .deal {
  height: 830px;
}
.baima-page-products .dispose > .deal > div {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}
.baima-page-products .dispose > .deal > div > .title {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  padding: 50px 0;
}
.baima-page-products .dispose > .deal > div > .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.baima-page-products .dispose > .deal > div > .list > .item {
  flex: 32%;
  text-align: center;
  margin-bottom: 50px;
  margin-right: 10px;
}
.baima-page-products .dispose > .deal > div > .list > .item > img {
  width: 231px;
  height: 169px;
}
.baima-page-products .dispose > .deal > div > .list > .item > .title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 52px;
  color: #333333;
}
.baima-page-products .dispose > .deal > div > .list > .item > .detail {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 32px;
  color: #999999;
}
.baima-page-products .dispose > .more-function {
  height: 230px;
  width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.baima-page-products .dispose > .more-function > .title {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 47px;
  color: #666666;
  padding: 50px 0;
}
.baima-page-products .dispose > .more-function > .list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.baima-page-products .dispose > .more-function > .list > a {
  flex: 150px;
  height: 40px;
  background: #f5f5f5;
  border-radius: 33px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  margin: 0 15px;
  text-decoration: none;
  cursor: pointer;
}
.baima-page-products .dispose > .more-function > .list > a:hover {
  color: #00cebb;
  background: #e5fffd;
}
.baima-page-products .system {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 1150px;
  padding-top: 80px;
}
.baima-page-products .system > .comparison {
  width: 1180px;
  margin: 0 auto;
}
.baima-page-products .system > .comparison > .system-header {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.baima-page-products .system > .comparison > .system-header > .new {
  display: inline-block;
  width: 48%;
  line-height: 80px;
  text-align: center;
}
.baima-page-products .system > .comparison > .system-header > .new::after {
  content: "";
  display: inline-block;
  position: absolute;
  border: 3px solid #00cebb;
  left: 50px;
  bottom: -5px;
  width: 48%;
}
.baima-page-products .system > .comparison > .system-header > .new > img {
  width: 120px;
  height: 100px;
  vertical-align: middle;
  margin-top: -30px;
}
.baima-page-products .system > .comparison > .system-header > .new > span {
  color: #2ad6c6;
  font-size: 32px;
  font-weight: bold;
}
.baima-page-products .system > .comparison > .system-header > img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 17px;
  left: 48%;
}
.baima-page-products .system > .comparison > .system-header > .old {
  display: inline-block;
  width: 48%;
  line-height: 80px;
  text-align: center;
  margin-left: 35px;
}
.baima-page-products .system > .comparison > .system-header > .old::after {
  content: "";
  display: inline-block;
  position: absolute;
  border: 3px solid #eee;
  right: 50px;
  bottom: -5px;
  width: 45%;
}
.baima-page-products .system > .comparison > .system-header > .old > img {
  width: 120px;
  height: 100px;
  vertical-align: middle;
  margin-top: -20px;
}
.baima-page-products .system > .comparison > .system-header > .old > span {
  color: #999;
  font-size: 32px;
  font-weight: bold;
}
.baima-page-products .system > .comparison > .content {
  margin: 50px auto;
}
.baima-page-products .system > .comparison > .content > div {
  height: 100px;
  position: relative;
  margin-top: 5px;
}
.baima-page-products .system > .comparison > .content > div > .left {
  font-size: 18px;
  color: #333;
  display: inline-block;
  width: 40%;
  position: absolute;
  left: 0;
  top: 15px;
  text-align: right;
}
.baima-page-products .system > .comparison > .content > div > .center {
  position: absolute;
  left: 42%;
  background-image: url(../image/new/products/q1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 170px;
  height: 58px;
  text-align: center;
  line-height: 48px;
  color: #fff;
}
.baima-page-products .system > .comparison > .content > div > .center.q2 {
  background-image: url(../image/new/products/q2.png);
}
.baima-page-products .system > .comparison > .content > div > .center.q3 {
  background-image: url(../image/new/products/q3.png);
}
.baima-page-products .system > .comparison > .content > div > .center.q4 {
  background-image: url(../image/new/products/q4.png);
}
.baima-page-products .system > .comparison > .content > div > .center.q5 {
  background-image: url(../image/new/products/q5.png);
}
.baima-page-products .system > .comparison > .content > div > .right {
  position: absolute;
  right: 0;
  font-size: 18px;
  color: #999;
  display: inline-block;
  width: 40%;
  top: 15px;
  text-align: left;
}
.baima-page-products .system > .anli {
  width: 800px;
  margin: 0 auto;
}
.baima-page-products .system > .anli > .title {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.baima-page-products .system > .anli .swiper-container {
  height: 300px;
  z-index: 0 !important;
  padding-top: 50px;
  background-color: #fff;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide {
  widows: 320px;
  height: 650px;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide .investpro {
  box-shadow: 0 1px 8px rgba(55, 99, 135, 0.1);
  border-radius: 20px;
  margin-left: -12px;
  margin-top: 16px;
  opacity: 0.62;
  text-align: center;
  width: 380px;
  height: 200px;
  background: #fff;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide .investpro > img {
  width: 100px;
  height: 60px;
  padding-top: 45px;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide .investpro > .title {
  font-size: 18px;
  color: #333;
  line-height: 35px;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide .investpro > .detail {
  font-size: 12px;
  color: #999;
  line-height: 35px;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide-active {
  z-index: 1;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide-active .investpro {
  box-shadow: 0 5px 20px rgba(55, 99, 135, 0.49);
  border-radius: 20px;
  margin-left: -25px;
  margin-top: 0px;
  opacity: 1;
  text-align: center;
  width: 380px;
  height: 240px;
  background: #fff;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide-active .investpro > img {
  width: 120px;
  height: 80px;
  padding-top: 45px;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide-active .investpro > .title {
  font-size: 20px;
  color: #333;
  line-height: 35px;
}
.baima-page-products .system > .anli #proposalSwiper .swiper-slide-active .investpro > .detail {
  font-size: 14px;
  color: #999;
  line-height: 35px;
}
.baima-page-products .system > .anli .swiper-container-horizontal .swiper-pagination {
  height: 0.5rem;
  text-align: center;
  bottom: 0;
}
.baima-page-products .system > .anli .swiper-pagination-bullet {
  background: #000;
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.18rem;
  opacity: 1;
}
.baima-page-products .system > .anli .swiper-pagination-bullet-active {
  background: #e04531;
}
.baima-page-products .system > .anli .investproTab {
  width: 4.6rem;
  height: 6.37rem;
  position: absolute;
  top: 140px;
  z-index: 1111;
  opacity: 0;
}
.baima-page-products .system > .anli .investproTab > img {
  width: 50px;
  height: 50px;
}
.baima-page-products .system > .anli .investproTab.investpro-prev {
  left: 0px;
}
.baima-page-products .system > .anli .investproTab.investpro-next {
  right: -22px;
}
.baima-page-products .function {
  box-shadow: 0px -4px 9px #f2f2f2;
}
.baima-page-products .function > .title {
  font-size: 36px;
  font-weight: 400;
  line-height: 32px;
  color: #333333;
  text-align: center;
  padding-top: 56px;
}
.baima-page-products .function .block-text {
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  margin-top: 10px;
  text-align: center;
}
.baima-page-products .function .function-detail {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.baima-page-products .function .function-detail > div {
  display: inline-block;
  width: 450px;
  height: 300px;
  text-align: center;
  flex: 49%;
  margin: 60px 0;
}
.baima-page-products .function .function-detail > div > img {
  width: 275px;
  height: 207px;
}
.baima-page-products .function .function-detail > div > p {
  text-align: center;
}
.baima-page-products .function .function-detail > div > p > .title {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  color: #333333;
}
.baima-page-products .function .function-detail > div > p > .content {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #999999;
}
.baima-page-products .function .function-detail > div > p > .content .text {
  display: block;
}
.baima-page-products .function .content .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 31px;
  margin: 0 auto;
  position: relative;
}
.baima-page-products .function .content .items .item {
  text-align: center;
  width: 246px;
  flex: 0 0 270px;
  height: 70px;
  line-height: 70px;
  margin-right: 30px;
  margin-bottom: 5px;
  transition: all 0.5s;
  cursor: pointer;
  padding-left: 3px;
  position: relative;
}
.baima-page-products .function .content .items .item .hot {
  position: absolute;
  width: 67px;
  height: 63px;
  top: -3px;
  left: -9px;
}
.baima-page-products .function .content .items .item img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.baima-page-products .function .content .items .item .item-title {
  display: inline-block;
  font-size: 22px;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333;
  vertical-align: top;
  line-height: 73px;
  margin-left: 7px;
  height: 29px;
  text-align: center;
}
.baima-page-products .function .content .items .item:hover,
.baima-page-products .function .content .items .item:active,
.baima-page-products .function .content .items .item.active {
  background: #00cebb;
  border-radius: 4px;
}
.baima-page-products .function .content .items .item:hover .icon,
.baima-page-products .function .content .items .item:active .icon,
.baima-page-products .function .content .items .item.active .icon,
.baima-page-products .function .content .items .item:hover .item-title,
.baima-page-products .function .content .items .item:active .item-title,
.baima-page-products .function .content .items .item.active .item-title {
  filter: brightness(100);
  color: #fff;
}
.baima-page-products > .detail {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
}
.baima-page-products > .detail .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 100px 0;
  padding-bottom: 50px;
}
.baima-page-products > .detail .items .item {
  flex: 0 0 300px;
  margin: 0 30px;
  background-color: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  margin-bottom: 50px;
  transition: box-shadow 0.8s;
}
.baima-page-products > .detail .items .item:hover {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.09);
}
.baima-page-products > .detail .items .item p {
  height: 54px;
  background-color: #00d0b9;
  border-radius: 4px 4px 0px 0px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  line-height: 54px;
  padding-left: 40px;
  margin-top: 0;
}
.baima-page-products > .detail .items .item span {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  padding: 18px 40px;
}
.baima-page-products .flow {
  width: 100%;
  margin: 0 auto;
}
.baima-page-products .flow .flow-content .content-title {
  height: 220px;
  z-index: 3;
  background: #fbfbfb;
  box-shadow: 0px 10px 10px #eeeeee;
}
.baima-page-products .flow .flow-content .content-title > p {
  font-size: 36px;
  color: #333;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 60px;
  padding-top: 60px;
  text-align: center;
}
.baima-page-products .flow .flow-content .content-title .title {
  text-align: center;
  width: 1200px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 auto;
  height: 70px;
  line-height: 70px;
}
.baima-page-products .flow .flow-content .content-title .title > div {
  flex: 1;
  text-align: center;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  padding-left: 3px;
}
.baima-page-products .flow .flow-content .content-title .title > div .icon-1 {
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
}
.baima-page-products .flow .flow-content .content-title .title > div .icon-2 {
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  display: none;
}
.baima-page-products .flow .flow-content .content-title .title > div span {
  font-size: 20px;
  font-weight: 400;
  color: #999;
  vertical-align: middle;
  line-height: 29px;
  margin-left: 5px;
  height: 29px;
}
.baima-page-products .flow .flow-content .content-title .title .title-active .icon-1 {
  display: none;
}
.baima-page-products .flow .flow-content .content-title .title .title-active .icon-2 {
  display: inline-block;
}
.baima-page-products .flow .flow-content .content-title .title .title-active span {
  color: #00d0b9;
}
.baima-page-products .flow .flow-content .content-img {
  z-index: 2;
  margin-top: 14px;
  background: #fbfbfb;
}
.baima-page-products .flow .flow-content .content-img .img {
  margin: 0 auto;
  width: 1080px;
  height: 900px;
}
.baima-page-products .flow .flow-content .content-img .img img {
  width: 1080px;
  height: 900px;
  text-align: center;
}
.baima-page-products .flow .flow-content .content-img .img .img-1 {
  display: block;
}
.baima-page-products .flow .flow-content .content-img .img .img-2 {
  display: none;
}
.baima-page-products .flow .flow-content .content-img .img .img-3 {
  display: none;
}
.baima-page-products .flow .flow-content .content-img .img .img-4 {
  display: none;
}
.baima-page-products .flow .flow-content .price {
  height: 290px;
}
.baima-page-products .flow .flow-content .price > div {
  height: 290px;
  width: 1100px;
  position: relative;
  margin: 0 auto;
  padding-top: 23px;
}
.baima-page-products .flow .flow-content .price > div > img {
  width: 155px;
  height: 133px;
  position: absolute;
  top: 76px;
  left: 10px;
}
.baima-page-products .flow .flow-content .price > div > img.p5 {
  width: 214px;
  height: 147px;
}
.baima-page-products .flow .flow-content .price > div .text {
  padding-left: 183px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 25px;
  color: #333333;
  margin-top: 100px;
}
.baima-page-products .flow .flow-content .price > div .text.p5-text {
  padding-left: 230px;
}
.baima-page-products .flow .flow-content .price > div .text a {
  color: #00CEBB;
  text-decoration: none;
  cursor: pointer;
}
.baima-page-products .flow .flow-content .price > div .price-detail {
  display: inline-block;
  padding-left: 160px;
  height: 115px;
}
.baima-page-products .flow .flow-content .price > div .price-detail .large {
  height: 38px;
  font-size: 57px;
  font-family: DIN;
  font-weight: 400;
  line-height: 125px;
  color: #333333;
}
.baima-page-products .flow .flow-content .price > div .price-detail .small {
  height: 38px;
  font-size: 18px;
  font-family: DIN;
  font-weight: 400;
  line-height: 121px;
  color: #999999;
}
.baima-page-products .flow .flow-content .price > div .support {
  width: 212px;
  height: 35px;
  background: rgba(0, 206, 187, 0.06);
  border-radius: 18px;
  font-size: 18px;
  font-weight: 400;
  color: #00cebb;
  letter-spacing: 4px;
  text-align: center;
  line-height: 35px;
  margin-left: 175px;
  margin-bottom: 10px;
}
.baima-page-products .flow .flow-content .price > div .more {
  margin: 0;
  padding-left: 175px;
  height: 48px;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #999;
  letter-spacing: 2px;
}
.baima-page-products .flow .flow-content .price > div .buy {
  position: absolute;
  top: 120px;
  right: 100px;
  display: inline-block;
  width: 228px;
  height: 60px;
  background: #00cebb;
  border-radius: 33px;
  cursor: pointer;
  text-decoration: none;
}
.baima-page-products .flow .flow-content .price > div .buy span {
  width: 72px;
  height: 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 57px;
  color: #fff;
  margin-left: 60px;
}
.baima-page-products .flow .flow-content .price > div .buy > img {
  position: absolute;
  top: 4px;
  right: 10px;
  width: 50px;
  height: 50px;
}
.baima-page-products .flow .flow-content .price > div .buy:hover {
  background: transparent;
  border: 1px solid #00cebb;
}
.baima-page-products .flow .flow-content .price > div .buy:hover span {
  color: #00cebb;
}
.baima-page-products .flow.flow-law {
  background: #fff;
}
.baima-page-products .flow.flow-law .content-title {
  background: transparent;
  box-shadow: initial;
}
.baima-page-products .flow.flow-law .content-title .block-text {
  text-align: center;
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  margin-top: 10px;
}
.baima-page-products .flow.flow-law .content-img {
  background: transparent;
}
.baima-page-products .flow.flow-law .content-img .img {
  height: 660px;
}
.baima-page-products .flow.flow-law .content-img .img .img-1 {
  height: 660px;
}
.baima-page-products .flow.flow-law .flow-content .content-title > p {
  margin-bottom: 0;
  padding-top: 113px;
}
.baima-page-products .public {
  height: 188px;
  background: #fbfbfb;
}
.baima-page-products .public > div {
  position: relative;
  height: 188px;
  width: 1100px;
  margin: 0 auto;
}
.baima-page-products .public > div .public-head {
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 43px;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-products .public > div .public-head img {
  width: 28px;
  height: 26px;
  vertical-align: middle;
}
.baima-page-products .public > div .public-head span {
  margin-left: 8px;
  width: 196px;
  height: 21px;
  font-size: 28px;
  font-weight: 400;
  line-height: 21px;
  vertical-align: middle;
}
.baima-page-products .public > div p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #666;
  position: absolute;
  top: 91px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  letter-spacing: 2px;
}
.baima-page-products .characteristic {
  background: #fbfbfb;
  height: 539px;
  padding-top: 85px;
}
.baima-page-products .characteristic > .title {
  font-size: 36px;
  font-weight: 400;
  line-height: 47px;
  color: #333333;
  text-align: center;
}
.baima-page-products .characteristic > .text {
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  text-align: center;
  margin-top: 10px;
}
.baima-page-products .characteristic .list-con {
  text-align: center;
  margin-top: 67px;
}
.baima-page-products .characteristic .list-con .item {
  width: 249px;
  min-height: 283px;
  background: #ffffff;
  border: 1px solid #e7ebf3;
  display: inline-block;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
  margin: 0 45px;
  vertical-align: top;
  transition: all 0.3s ease 0s;
}
.baima-page-products .characteristic .list-con .item img {
  width: 100px;
  height: 80px;
  display: block;
  margin: 0 auto;
  margin-top: 31px;
}
.baima-page-products .characteristic .list-con .item .title {
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #333333;
  text-align: center;
}
.baima-page-products .characteristic .list-con .item .text {
  text-align: center;
  margin-top: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #999999;
}
.baima-page-products .characteristic .list-con .item:hover {
  margin-top: -5px;
  box-shadow: 0px 40px 50px -60px rgba(59, 65, 76);
}
.baima-page-products .price-con.lawfirm {
  border-top: 1px solid #f3f3f3;
}
.baima-page-products .price-con .list {
  max-width: 565px;
  margin: 0 auto;
  height: 103px;
  position: relative;
  padding-top: 83px;
  padding-left: 177px;
  padding-bottom: 30px;
  padding-right: 280px;
}
.baima-page-products .price-con .list a {
  color: #00CEBB;
  text-decoration: none;
  cursor: pointer;
}
.baima-page-products .price-con .list .price-icon {
  width: 165px;
  height: 135px;
  position: absolute;
  top: 40px;
  left: 0;
}
.baima-page-products .price-con .list > .text {
  width: 396px;
  height: 51px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
}
.baima-page-products .price-con .list .buy {
  width: 190px;
  height: 60px;
  border-radius: 100px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 78px;
}
.baima-page-products .price-con .list .buy > .text {
  border-radius: 100px;
  background: #00cebb;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
.baima-page-products .price-con .list .buy .qr-con {
  position: absolute;
  bottom: 126%;
  left: 50%;
  transform: translateX(-50%);
  width: 228px;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(114, 114, 114, 0.2);
  display: none;
}
.baima-page-products .price-con .list .buy .qr-con .qr {
  width: 175px;
  height: 175px;
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 5px;
}
.baima-page-products .price-con .list .buy .qr-con .border-down-empty {
  position: absolute;
  top: 100%;
  transform: rotate(180deg) translateX(50%);
  left: 50%;
  width: 34px;
}
.baima-page-products .price-con .list .buy .qr-con .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #555555;
  padding-bottom: 26px;
}
.baima-page-products .price-con .list .buy:hover .qr-con {
  display: block;
}
.baima-page-support-extend .banner {
  height: 129px;
  min-width: 1180px;
  position: relative;
  overflow: hidden;
}
.baima-page-support-extend .banner .bg {
  height: 130px;
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.baima-page-support-extend .banner > div {
  position: absolute;
  top: 43px;
  left: 35.5%;
}
.baima-page-support-extend .banner > div input {
  width: 660px;
  height: 44px;
  background: #ffffff;
  box-shadow: 0px 10px 10px rgba(105, 129, 154, 0.16);
  border-radius: 28px 0px 0px 28px;
  border: 0;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 44px;
  color: #c5c5c5;
  padding-left: 21px;
}
.baima-page-support-extend .banner > div input:focus {
  outline: 0;
  border: 0;
}
.baima-page-support-extend .banner > div > a {
  cursor: pointer;
  width: 127px;
  height: 46px;
  background: #00cebb;
  box-shadow: 0px 10px 10px rgba(105, 129, 154, 0.16);
  border-radius: 0px 50px 50px 0px;
  display: inline-block;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 44px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 0px;
  right: -127px;
}
.baima-page-support-extend .banner > div.title {
  height: 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  top: 36px;
}
.baima-page-support-extend .banner > div.text {
  top: 76px;
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  opacity: 0.84;
  color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
}
.baima-page-support-extend .content {
  position: relative;
  min-width: 1180px;
  margin: 0 auto;
  overflow: hidden;
}
.baima-page-support-extend .content > div {
  background-image: url(../image/new/support/content.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  position: relative;
}
.baima-page-support-extend .content > div > div {
  width: 1160px;
  margin: 0 auto;
  position: relative;
  display: flex;
}
.baima-page-support-extend .content > div > div > .nav {
  flex: 30%;
}
.baima-page-support-extend .content > div > div > .nav > div {
  width: 274px;
  float: right;
}
.baima-page-support-extend .content > div > div > .nav > div > .title {
  height: 75px;
  line-height: 75px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  letter-spacing: 1px;
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
}
.baima-page-support-extend .content > div > div > .nav > div > .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 255px;
  height: 0px;
  border: 1px solid rgba(197, 197, 197, 0.5);
  bottom: 0px;
  left: 0px;
}
.baima-page-support-extend .content > div > div > .nav > div ul {
  list-style: none;
  padding: 0;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a {
  display: inline-block;
  text-decoration: none;
  width: 265px;
  height: 69px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  line-height: 69px;
  padding-left: 7px;
  cursor: pointer;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a.active {
  color: #00cebb;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a.active > span > img:first-child {
  display: none;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a.active > span > img:last-child {
  display: block;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a > span {
  display: inline-block;
  float: right;
  margin-right: 23px;
  margin-top: 27px;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a > span > img {
  width: 16px;
  height: 16px;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a > span > img:first-child {
  display: block;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a > span > img:last-child {
  display: none;
}
.baima-page-support-extend .content > div > div > .nav > div ul li a:hover {
  background: #f6f4f4;
}
.baima-page-support-extend .content > div > div > .details {
  width: 70%;
  margin-left: 80px;
  margin-bottom: 50px;
}
.baima-page-support-extend .content > div > div > .details > div {
  width: 850px;
}
.baima-page-support-extend .content > div > div > .details > div > p {
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 40px;
  color: #333333;
  letter-spacing: 1px;
  position: relative;
  margin-top: 25px;
  z-index: 2;
}
.baima-page-support-extend .content > div > div > .details > div > p::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 858px;
  height: 15px;
  background: #f8f8f8;
  top: 29px;
  left: -17px;
  z-index: -1;
}
.baima-page-support-extend .content > div > div > .details > div > span {
  display: block;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 19px;
  color: #333333;
  margin: 20px 0 10px 0;
}
.baima-page-support-extend .content > div > div > .details > div > div {
  position: relative;
  min-height: 150px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.baima-page-support-extend .content > div > div > .details > div > div > img {
  width: 52px;
  height: 52px;
  position: absolute;
  top: 26px;
  left: 15px;
}
.baima-page-support-extend .content > div > div > .details > div > div > div {
  padding-top: 30px;
  margin-left: 100px;
}
.baima-page-support-extend .content > div > div > .details > div > div > div > .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 21px;
  color: #666666;
  position: relative;
}
.baima-page-support-extend .content > div > div > .details > div > div > div > .title::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 716px;
  height: 0px;
  border: 1px solid #d8d8d8;
  bottom: -15px;
  left: 2px;
}
.baima-page-support-extend .content > div > div > .details > div > div > div > .detail {
  margin-top: 25px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
  max-width: 700px;
}
.baima-page-support-extend .content > div > div > .details > div > div > div > .user {
  color: #666666;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 30px;
  max-width: 700px;
  font-size: 14px;
}
.baima-page-support-extend .content > div > div > .details > div > div > div > .user > span {
  display: inline-block;
  width: 70px;
  height: 24px;
  background: #effffe;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding-left: 1px;
  margin-right: 5px;
  color: #00cebb;
}
.baima-page-support-extend .content > div > div > .details > div > img {
  width: 828px;
  height: 124px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.custom-body .banner {
  position: relative;
  overflow: hidden;
  margin: auto;
  color: #323233;
  /* 留资 */
}
.custom-body .banner .banner-top {
  height: 624px;
  overflow: hidden;
  position: relative;
}
.custom-body .banner .banner-top > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: -1;
}
.custom-body .banner .banner-top > div {
  width: 1500px;
  margin: 110px auto 0;
  padding-left: 130px;
  box-sizing: border-box;
}
.custom-body .banner .banner-top > div .banner-top-box {
  vertical-align: top;
  margin-top: 30px;
  display: inline-block;
}
.custom-body .banner .banner-top > div .banner-top-box .banner-top-title {
  font-size: 38px;
  line-height: 61px;
}
.custom-body .banner .banner-top > div .banner-top-box .banner-top-title h1 {
  font-size: 38px;
  font-weight: 400;
}
.custom-body .banner .banner-top > div .banner-top-box .banner-top-title h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 61px;
}
.custom-body .banner .banner-top > div .banner-top-box .banner-top-title span {
  display: inline-block;
  height: 58px;
  width: 206px;
  text-align: center;
  background: #FFB300;
  color: #fff;
}
.custom-body .banner .banner-top > div .banner-top-box .banner-top-sub {
  font-size: 23px;
  color: #646566;
  display: inline-block;
  margin-top: 22px;
}
.custom-body .banner .banner-top > div .banner-top-box .banner-top-input-box {
  width: 419px;
  margin-top: 44px;
  height: 46px;
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-size: 15px;
  box-shadow: 0 2px 12px 0 rgba(1, 46, 85, 0.16);
}
.custom-body .banner .banner-top > div .top-sub-banner {
  width: 717px;
  height: 432px;
  margin-left: 130px;
  vertical-align: top;
  display: inline-block;
}
.custom-body .banner .banner-inp {
  flex: 1;
  font-size: 16px;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding-left: 17px;
  height: 100%;
}
.custom-body .banner .banner-inp::placeholder {
  color: #C8C9CC;
}
.custom-body .banner .banner-btn {
  width: 126px;
  cursor: pointer;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  background: #0098FF;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}
.custom-body .banner .banner-btn:hover {
  background: #007bd9;
}
.custom-body .banner .customer-msg {
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2000;
}
.custom-body .banner .customer-mask {
  position: fixed;
  width: 100%;
  display: none;
  z-index: 999;
  overflow: hidden;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
}
.custom-body .banner .banner-bottom {
  position: relative;
  color: #323233;
}
.custom-body .banner .banner-bottom .banner-bottom-desc {
  font-weight: bold;
}
.custom-body .banner .banner-bottom .banner-bottom-title {
  font-size: 25px;
  margin-bottom: 10px;
}
.custom-body .banner .banner-bottom .banner-bottom-desc {
  font-size: 35px;
  margin-bottom: 35px;
}
.custom-body .banner .banner-bottom > img {
  width: 559.19px;
  height: 559.19px;
  object-fit: cover;
  display: block;
  margin: auto;
  position: absolute;
  top: -60px;
  left: 64px;
}
.custom-body .banner .banner-bottom .sub-banner {
  width: 1450px;
  height: 376px;
  position: static;
}
.custom-body .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-body > .content .compare {
  text-align: center;
  font-size: 0;
  margin-top: 119px;
}
.custom-body > .content .compare .item {
  width: 460px;
  display: inline-block;
  vertical-align: top;
}
.custom-body > .content .compare .item .title .text {
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  color: #999;
  margin-bottom: 22px;
}
.custom-body > .content .compare .item .title .line {
  margin: 0 auto;
  width: 350px;
  height: 5px;
  background: #eeeeee;
  margin-bottom: 49px;
}
.custom-body > .content .compare .item .item-content {
  position: relative;
}
.custom-body > .content .compare .item .item-content .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.custom-body > .content .compare .item .item-content .child {
  text-align: center;
  height: 60px;
  font-size: 18px;
  font-weight: 300;
  line-height: 55px;
  color: #666666;
  margin-bottom: 39px;
}
.custom-body > .content .compare .item.center {
  width: 149px;
  text-align: center;
  margin: 0 8px;
}
.custom-body > .content .compare .item.center img.vs {
  margin-bottom: 28px;
  margin-top: 35px;
  width: 60px;
  height: 60px;
}
.custom-body > .content .compare .item.center img.bg {
  width: 100%;
}
.custom-body > .content .compare .item.center .item-content .child {
  color: #fff;
  font-weight: bold;
}
.custom-body > .content .compare .item.active .title .text {
  color: #00cebb;
}
.custom-body > .content .compare .item.active .title .line {
  background: #00cebb;
}
.custom-body > .content .compare .item.active .item-content .child {
  color: #00285b;
  background: linear-gradient(91deg, #ffffff 0%, #ecf6fd 30%, #effcff 89%, #ffffff 100%);
}
.custom-body > .content .support {
  text-align: center;
  margin-top: 61px;
  margin-bottom: 130px;
  color: #323233;
}
.custom-body > .content .support > .title {
  text-align: center;
  font-size: 36px;
  margin-bottom: 40px;
  font-weight: bold;
  line-height: 52px;
  color: #333333;
}
.custom-body > .content .support .crm-kaifa-trait-list {
  width: 913px;
  height: 69px;
  background: #FAFAFA;
  border-radius: 38px;
  padding: 0 15px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-body > .content .support .crm-kaifa-trait-list > div {
  color: #646566;
  width: 299px;
  height: 54px;
  line-height: 54px;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-body > .content .support .crm-kaifa-trait-list > div:hover {
  background: #F5F5F5;
  color: #323233;
  border-radius: 28px;
}
.custom-body > .content .support .crm-kaifa-trait-list > div > img {
  width: 31px;
  height: 31px;
  margin-right: 15px;
}
.custom-body > .content .support .crm-kaifa-trait-list > div > img:nth-child(1) {
  display: block;
}
.custom-body > .content .support .crm-kaifa-trait-list > div > img:nth-child(2) {
  display: none;
}
.custom-body > .content .support .crm-kaifa-trait-list > div.trait-item-active > img:nth-child(1) {
  display: none;
}
.custom-body > .content .support .crm-kaifa-trait-list > div.trait-item-active > img:nth-child(2) {
  display: block;
}
.custom-body > .content .support .crm-kaifa-trait-list .trait-item-active {
  background: #fff;
  color: #323233;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 28px;
}
.custom-body > .content .support .crm-kaifa-trait-content {
  height: 484px;
}
.custom-body > .content .support #trait-swiper-container {
  height: 100%;
}
.custom-body > .content .support .swiper-slide {
  display: flex;
  box-sizing: border-box;
  padding: 12px 0;
  align-items: center;
}
.custom-body > .content .support .trait-content-desc {
  flex: 1;
  margin-right: 57px;
  box-sizing: border-box;
}
.custom-body > .content .support .trait-content-box {
  min-height: 113px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-left: 6px solid transparent;
  padding: 22px 0 0 28px;
  cursor: pointer;
  letter-spacing: 1px;
}
.custom-body > .content .support .trait-content-box > p:nth-child(1) {
  font-size: 23px;
  font-weight: 600;
}
.custom-body > .content .support .trait-content-box > p:nth-child(2) {
  margin-top: 12px;
  font-size: 15px;
}
.custom-body > .content .support .trait-content-box.trait-content-active {
  border-color: #0098FF;
  color: #0098FF;
  border-radius: 4px;
}
.custom-body > .content .support .trait-content-img {
  width: 612px;
  overflow: hidden;
  height: 420px;
}
.custom-body > .content .support .trait-content-img img,
.custom-body > .content .support .trait-content-img video {
  width: 100%;
  height: 100%;
}
.custom-body > .content .support > .text {
  margin-top: 16px;
  text-align: center;
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
}
.custom-body > .content .support .support-content {
  margin-top: 49px;
  text-align: center;
}
.custom-body > .content .support .support-content .child {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.custom-body > .content .support .support-content .child.span-1 {
  margin: 0 106px;
  margin-bottom: 50px;
}
.custom-body > .content .support .support-content .child.span-2 {
  margin: 0 53px;
}
.custom-body > .content .support .support-content .child img {
  width: 238px;
  height: 199px;
}
.custom-body > .content .support .support-content .child .title {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #333;
}
.custom-body > .content .support .support-content .child .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #999;
  margin-top: 14px;
  text-align: center;
}
.custom-body > .content .support .support-view {
  display: flex;
  font-size: 0;
  margin-top: 50px;
}
.custom-body > .content .support .support-view .swiper-slide {
  flex: 1;
  height: 700px;
  background: #ffffff;
  box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding-top: 26px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
}
.custom-body > .content .support .support-view .swiper-slide:nth-child(2) {
  margin: 0 30px;
}
.custom-body > .content .support .support-view .swiper-slide .item .line {
  width: 66px;
  height: 8px;
  background: #3066e7;
  border-radius: 50px;
  margin: 0 auto;
}
.custom-body > .content .support .support-view .swiper-slide .item .bg {
  left: 50%;
  top: 264px;
  position: absolute;
  transform: translateX(-50%);
}
.custom-body > .content .support .support-view .swiper-slide .item .icon {
  width: 262px;
  height: 70px;
  margin: 0 auto;
  margin-top: 48px;
  display: block;
}
.custom-body > .content .support .support-view .swiper-slide .item .title {
  margin-top: 30px;
  text-align: center;
}
.custom-body > .content .support .support-view .swiper-slide .item .title .spot {
  width: 10px;
  height: 10px;
  background: #00cebb;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
  display: inline-block;
}
.custom-body > .content .support .support-view .swiper-slide .item .title .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #5c5c5c;
  vertical-align: middle;
}
.custom-body > .content .support .support-view .swiper-slide .item > .text {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #7e7e7e;
  padding-left: 34px;
  padding-right: 24px;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.custom-body > .content .support .support-view .swiper-slide .item > .text:after {
  content: "\00a0";
}
.custom-body > .content .support .support-view .swiper-slide .item .comma {
  width: 43px;
  height: 43px;
  right: 24px;
  position: absolute;
  bottom: 158px;
}
.custom-body > .content .support .support-view .swiper-slide .item .child-btn {
  width: 188px;
  height: 60px;
  border: 1px solid #707070;
  border-radius: 10px;
  line-height: 58px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #6f6f6f;
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.custom-body > .content .support .support-view .swiper-slide .item .child-btn:hover {
  color: #fff;
  background: #00cebb;
  border-color: #00cebb;
}
.custom-body > .content .support .cases {
  width: 90%;
  display: block;
  margin: 0 auto;
  margin-top: 45px;
}
.custom-body .trade {
  margin-top: 60px;
  text-align: center;
}
.custom-body .trade .title {
  font-size: 36px;
  font-weight: 400;
  line-height: 52px;
  color: #333333;
  text-align: center;
}
.custom-body .trade .text {
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #999;
  margin-top: 14px;
  text-align: center;
}
.custom-body .trade img {
  max-width: 1646px;
  width: 100%;
}
.custom-body .custom-development {
  margin-top: 19px;
  padding-top: 42px;
  padding-bottom: 60px;
  text-align: center;
}
.custom-body .custom-development .title {
  font-size: 35px;
  font-weight: bold;
  height: 54px;
  line-height: 54px;
  color: #333333;
  text-align: center;
  margin: 12px 0 54px;
}
.custom-body .custom-development .text {
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #333333;
  margin-top: 14px;
  text-align: center;
}
.custom-body .custom-development .development-content {
  height: 619px;
  background: linear-gradient(180deg, #3C6AFC 0%, #73BFFF 100%);
}
.custom-body .custom-development .development-box {
  width: 915px;
  margin: auto;
  box-sizing: border-box;
  padding-top: 39px;
}
.custom-body .custom-development .development-list {
  width: 75%;
  font-size: 15px;
  color: #fff;
  display: flex;
  margin: auto;
  justify-content: center;
  flex-wrap: wrap;
}
.custom-body .custom-development .development-item {
  display: inline-block;
  padding: 13px 21px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s;
}
.custom-body .custom-development .development-item.active {
  background: #fff;
  color: #0098FF;
}
.custom-body .custom-development .development-bottom {
  position: relative;
  margin-top: 25px;
  height: 387px;
  border-radius: 20px;
  box-shadow: 0 2px 12px 0 rgba(10, 71, 124, 0.16);
  background: #fff;
}
.custom-body .custom-development .development-bottom-item {
  box-sizing: border-box;
  padding: 23px;
  display: flex;
}
.custom-body .custom-development .development-left {
  flex: 1;
  box-sizing: border-box;
  padding: 54px 90px 0 25px;
  color: #323233;
  font-size: 15px;
}
.custom-body .custom-development a {
  display: block;
  width: 148px;
  background-color: #0098FF;
  font-size: 17px;
  color: #fff;
  line-height: 28px;
  padding: 8px 0;
  text-align: center;
  border-radius: 40px;
}
.custom-body .custom-development a:hover {
  background: #007BD9;
}
.custom-body .custom-development .development-desc {
  font-size: 15px;
  margin-top: 20px;
  color: #969799;
  line-height: 23px;
  margin-bottom: 26px;
}
.custom-body .custom-development .development-type {
  margin: 12px 0 30px;
  display: flex;
}
.custom-body .custom-development .development-type > span {
  padding: 6px 17px;
  white-space: nowrap;
  font-size: 13px;
  margin-right: 15px;
  border-radius: 6px;
}
.custom-body .custom-development .development-type > span:nth-child(1) {
  color: #FFA200;
  background: rgba(255, 162, 0, 0.1);
}
.custom-body .custom-development .development-type > span:nth-child(2) {
  color: #406AB9;
  background: rgba(0, 94, 255, 0.1);
}
.custom-body .custom-development .development-type > span:nth-child(3) {
  color: #2C9949;
  background: rgba(0, 255, 4, 0.1);
}
.custom-body .custom-development .development-img {
  width: 462px;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: gold;
}
.custom-body .custom-development .development-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-body .custom-development .swiper-button-prev,
.custom-body .custom-development .swiper-button-next {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  background-image: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-body .custom-development .swiper-button-prev img,
.custom-body .custom-development .swiper-button-next img {
  width: 23px;
  height: 23px;
}
.custom-body .custom-development .swiper-button-prev > img:nth-child(1),
.custom-body .custom-development .swiper-button-next > img:nth-child(1) {
  display: block;
}
.custom-body .custom-development .swiper-button-prev > img:nth-child(2),
.custom-body .custom-development .swiper-button-next > img:nth-child(2) {
  display: none;
}
.custom-body .custom-development .swiper-button-prev:hover > img:nth-child(1),
.custom-body .custom-development .swiper-button-next:hover > img:nth-child(1) {
  display: none;
}
.custom-body .custom-development .swiper-button-prev:hover > img:nth-child(2),
.custom-body .custom-development .swiper-button-next:hover > img:nth-child(2) {
  display: block;
}
.custom-body .build {
  background: #fff;
  margin-top: 100px;
  position: relative;
  overflow: hidden;
}
.custom-body .build .bg {
  top: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1920px;
}
.custom-body .build .content .title {
  line-height: 52px;
  color: #333;
  text-align: center;
  font-weight: 400;
  font-size: 36px;
}
.custom-body .build .content .sub-title {
  margin-top: 6px;
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  text-align: center;
}
.custom-body .build .content .box {
  display: flex;
  width: 1100px;
  height: 200px;
  margin: 41px auto;
  flex-wrap: nowrap;
}
.custom-body .build .content .box > div {
  flex: 30%;
  height: 200px;
  margin-left: 12px;
  text-align: center;
}
.custom-body .build .content .box > div > img {
  width: 68px;
  height: 68px;
}
.custom-body .build .content .box > div .sub_content {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 62px;
  color: #333333;
}
.custom-body .build .content .box > div .detail {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 30px;
  color: #999 !important;
  position: relative;
  margin-top: 15px;
}
.custom-body .build .content .box > div .detail::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 3px;
  background: #cad6df;
  border-radius: 3px;
  top: -10px;
  left: 45%;
}
.custom-body .build .content .box > img {
  min-width: 31px;
  width: 31px;
  height: 31px;
  margin-top: 10px;
  margin-left: 10px;
}
.custom-body .case-presentation .title {
  line-height: 52px;
  color: #333;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 76px;
}
.custom-body .case-presentation .text {
  margin-top: 6px;
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  color: #d9d9d9;
  text-align: center;
  margin-bottom: 46px;
}
.custom-body .common-problem {
  padding: 83px 0 71px;
  background: #F9F9F9;
}
.custom-body .common-problem .problem-list .problem-item {
  display: none;
}
.custom-body .common-problem .problem-list .problem-item:nth-child(-n+5) {
  display: block;
}
.custom-body.home .support .support-view .swiper-slide {
  width: 280px;
  height: 700px;
}
.custom-body.home .support .support-view .swiper-slide .item .icon {
  width: 213px;
  height: 73px;
}
.custom-body.home .support .support-view .swiper-slide .item .comma {
  bottom: 166px;
}
.custom-body.home .support .support-view .swiper-slide:last-child {
  margin-left: 30px;
}
.custom-body.home .baima-free-consult .free-consult-content img {
  z-index: 0;
}
.custom-body.home .baima-free-consult .free-consult-content > div {
  position: relative;
}
.custom-body .city-guess-recommend {
  max-height: 150px;
  background-color: #F1F3F5;
}
.custom-body .city-guess-recommend .city-common-container {
  width: 1200px;
  padding: 80px 0;
  margin: 0 auto;
  text-align: center;
  padding: 35px 0;
  box-sizing: border-box;
}
.custom-body .city-guess-recommend .city-common-container .guess-recommend {
  max-width: 1203px;
  height: 95px;
  position: relative;
  padding-left: 125px;
  margin-bottom: 25px;
}
.custom-body .city-guess-recommend .city-common-container .guess-recommend > div {
  height: 75px;
  overflow: hidden;
}
.custom-body .city-guess-recommend .city-common-container .guess-recommend > div p {
  font-size: 16px;
  color: #333;
  position: absolute;
  top: 8px;
  left: 6px;
}
.custom-body .city-guess-recommend .city-common-container .guess-recommend > div a {
  font-size: 14px;
  color: #666;
  margin-right: 24px;
  line-height: 36px;
  word-break: keep-all;
  cursor: pointer;
}
.custom-body .city-guess-recommend .city-common-container .guess-recommend > div a:hover {
  color: #1877F5;
}
.baima-page-support-platform {
  position: relative;
}
.baima-page-support-platform .banner {
  position: relative;
  overflow: hidden;
}
.baima-page-support-platform .banner > .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.baima-page-support-platform .banner .content .icon {
  width: 730px;
  height: 320px;
  margin: 0 auto;
  display: block;
  margin-top: 67px;
}
.baima-page-support-platform .banner .content > .title {
  text-align: center;
  position: relative;
  margin-top: 87px;
}
.baima-page-support-platform .banner .content > .title .bg {
  width: 350px;
  height: 60px;
}
.baima-page-support-platform .banner .content > .title .text {
  text-align: center;
  margin-top: -30px;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #ffffff;
}
.baima-page-support-platform .banner .content > .title .line {
  margin: 0 auto;
  width: 40px;
  height: 5px;
  background: #ffffff;
  margin-top: 29px;
}
.baima-page-support-platform .banner .content > .text {
  margin-top: 38px;
  height: 64px;
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  color: #ffffff;
  opacity: 0.7;
}
.baima-page-support-platform .banner .content > .text div {
  text-align: center;
}
.baima-page-support-platform .banner .content .hadoop {
  text-align: center;
}
.baima-page-support-platform .banner .content .hadoop img {
  width: 1055px;
  height: 633px;
}
.baima-page-support-platform .banner .content .benefit {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  margin-top: 47px;
  margin-bottom: 25px;
}
.baima-page-support-platform .banner .content .benefit .item {
  display: inline-block;
  text-align: center;
  width: 33.3%;
  vertical-align: top;
  margin-bottom: 52px;
}
.baima-page-support-platform .banner .content .benefit .item img {
  width: 69px;
  height: 69px;
}
.baima-page-support-platform .banner .content .benefit .item .title {
  margin-top: 22px;
  margin-bottom: 10px;
  text-align: center;
  height: 24px;
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
}
.baima-page-support-platform .banner .content .benefit .item .text {
  height: 52px;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  color: #ffffff;
  opacity: 0.69;
  text-align: center;
  width: 83%;
  margin: 0 auto;
}
.baima-page-support-platform .banner .content .benefit .item.first-line {
  width: 35%;
}
.baima-page-support-platform .banner .content .benefit .item.first-line .text {
  width: 80%;
}
.baima-page-support-platform .banner .content .benefit .item.upgrade .text {
  width: 57%;
}
.baima-page-support-platform .ground {
  padding-top: 73px;
}
.baima-page-support-platform .ground .content > .title {
  text-align: center;
  position: relative;
}
.baima-page-support-platform .ground .content > .title .bg {
  width: 350px;
  height: 60px;
}
.baima-page-support-platform .ground .content > .title .text {
  text-align: center;
  margin-top: -30px;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #333333;
}
.baima-page-support-platform .ground .content > .title .line {
  margin: 0 auto;
  width: 40px;
  height: 5px;
  background: #1390e5;
  margin-top: 15px;
}
.baima-page-support-platform .ground .content .ground-con {
  margin-top: 18px;
  margin-bottom: 120px;
}
.baima-page-support-platform .ground .content .ground-con .item {
  max-width: 711px;
  min-height: 109px;
  margin: 0 auto;
  position: relative;
  padding-left: 231px;
  padding-top: 38px;
  border-radius: 10px;
  margin-bottom: 16px;
  transition: all ease 0.2s;
}
.baima-page-support-platform .ground .content .ground-con .item .bg {
  width: 65px;
  height: 58px;
  position: absolute;
  left: 194px;
  top: 22px;
}
.baima-page-support-platform .ground .content .ground-con .item .icon {
  width: 83px;
  height: 83px;
  position: absolute;
  left: 58px;
  top: 36px;
}
.baima-page-support-platform .ground .content .ground-con .item .title {
  height: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #334966;
}
.baima-page-support-platform .ground .content .ground-con .item .text {
  margin-top: 18px;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #8396ae;
}
.baima-page-support-platform .ground .content .ground-con .item:hover {
  background: #ffffff;
  box-shadow: 0px 2px 8px rgba(81, 150, 218, 0.16);
}
.baima-page-support-platform .data {
  position: relative;
  overflow: hidden;
  padding-top: 85px;
  padding-bottom: 52px;
}
.baima-page-support-platform .data > .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}
.baima-page-support-platform .data .content > .title {
  text-align: center;
  position: relative;
}
.baima-page-support-platform .data .content > .title .bg {
  width: 350px;
  height: 60px;
}
.baima-page-support-platform .data .content > .title .text {
  text-align: center;
  margin-top: -30px;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #ffffff;
}
.baima-page-support-platform .data .content > .title .line {
  margin: 0 auto;
  width: 40px;
  height: 5px;
  background: #ffffff;
  margin-top: 16px;
}
.baima-page-support-platform .data .content .data-con {
  text-align: center;
  margin-top: 79px;
}
.baima-page-support-platform .data .content .data-con .item {
  width: 410px;
  height: 328px;
  margin-bottom: 68px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.baima-page-support-platform .data .content .data-con .item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.baima-page-support-platform .data .content .data-con .item .icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-top: 44px;
  display: block;
}
.baima-page-support-platform .data .content .data-con .item .title {
  margin-top: 16px;
  text-align: center;
  height: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
}
.baima-page-support-platform .data .content .data-con .item .text {
  width: 72%;
  text-align: center;
  height: 56px;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  opacity: 0.69;
  margin: 0 auto;
  margin-top: 58px;
}
.baima-page-support-platform .data .content .data-con .item .text div {
  text-align: center;
}
.baima-page-support-platform .scene {
  padding-top: 96px;
}
.baima-page-support-platform .scene .content > .title {
  text-align: center;
  position: relative;
}
.baima-page-support-platform .scene .content > .title .bg {
  width: 350px;
  height: 60px;
}
.baima-page-support-platform .scene .content > .title .text {
  text-align: center;
  margin-top: -30px;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #333333;
}
.baima-page-support-platform .scene .content > .title .line {
  margin: 0 auto;
  width: 40px;
  height: 5px;
  background: #1390e5;
  margin-top: 15px;
}
.baima-page-support-platform .scene .scene-con {
  margin: 0 auto;
  margin-top: 66px;
  max-width: 1054px;
}
.baima-page-support-platform .scene .scene-con .tab {
  font-size: 0;
  border-bottom: 1px solid rgba(159, 165, 177, 0.23);
}
.baima-page-support-platform .scene .scene-con .tab .tab-item {
  display: inline-block;
  text-align: center;
  width: 33.33%;
  cursor: pointer;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: block;
  margin-bottom: 12px;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item img.hover {
  display: none;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item .text {
  text-align: center;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #333333;
  margin-bottom: 13px;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item .line {
  width: 50px;
  height: 4px;
  background: #00a4ff;
  display: none;
  margin: 0 auto;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item.active img {
  display: none;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item.active img.hover {
  display: block;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item.active .text {
  color: #0098ff;
}
.baima-page-support-platform .scene .scene-con .tab .tab-item.active .line {
  display: block;
}
.baima-page-support-platform .scene .scene-con .tab-con {
  margin-top: 40px;
  margin-bottom: 83px;
}
.baima-page-support-platform .scene .scene-con .tab-con .swiper-pagination {
  display: none;
}
.baima-page-support-platform .scene .scene-con .tab-con .tab-con-item {
  position: relative;
  padding-left: 331px;
  padding-right: 23px;
}
.baima-page-support-platform .scene .scene-con .tab-con .tab-con-item img {
  position: absolute;
  left: 23px;
  top: 0;
  width: 308px;
  height: 100%;
}
.baima-page-support-platform .scene .scene-con .tab-con .tab-con-item .item-con {
  min-height: 225px;
  height: 100%;
  padding-left: 35px;
  background: rgba(196, 196, 196, 0.15);
}
.baima-page-support-platform .scene .scene-con .tab-con .tab-con-item .item-con .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
  padding-top: 35px;
}
.baima-page-support-platform .scene .scene-con .tab-con .tab-con-item .item-con .text {
  margin-top: 21px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
  opacity: 0.7;
}
.baima-page-news-news-list {
  position: relative;
  padding: 8px 19px;
  background-color: #fff;
}
.baima-page-news-news-list .content {
  margin: 0 auto;
  background: #fff;
  margin-top: 30px;
  margin-bottom: 50px;
  min-height: 460px;
}
.baima-page-news-news-list .head {
  margin: 0 31px;
  padding: 26px 0 14px;
}
.baima-page-news-news-list .head img {
  width: 32px;
  height: 32px;
  vertical-align: top;
}
.baima-page-news-news-list .head .text {
  line-height: 32px;
  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  color: #292929;
}
.baima-page-news-news-list .list {
  margin: 0 31px;
}
.baima-page-news-news-list .list .item {
  height: 23px;
  cursor: pointer;
  padding-left: 15px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-bottom: 23px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.baima-page-news-news-list .list .item:last-child .icon-box:after {
  content: none;
}
.baima-page-news-news-list .list .item:hover {
  background: #f5f5f5;
}
.baima-page-news-news-list .list .item:hover .icon-box::after {
  content: none;
}
.baima-page-news-news-list .list .item:hover .text {
  color: #0098ff;
}
.baima-page-news-news-list .list .item .icon-box {
  position: relative;
  margin-left: 5px;
  margin-right: 8px;
}
.baima-page-news-news-list .list .item .icon-box::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  width: 2px;
  height: 39px;
  background: #E4E7ED;
}
.baima-page-news-news-list .list .item img {
  width: 14px;
  height: 14px;
}
.baima-page-news-news-list .list .item .text {
  min-height: auto;
  font-size: 14px;
  min-width: 300px;
  font-weight: 400;
  color: #333333;
  padding-right: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.baima-page-news-news-list .list .item .date {
  font-size: 14px;
  margin-left: auto;
  font-weight: 400;
  color: #bbb;
  padding-right: 11px;
}
.baima-page-news-news-detail {
  background: #f9f9f9;
  padding-bottom: 120px;
}
.baima-page-news-news-detail .list {
  min-width: 1100px;
  margin: 0 auto;
  padding-top: 60px;
}
.baima-page-news-news-detail .list .content {
  width: 1050px;
  margin: 0 auto;
}
.baima-page-news-news-detail .list .content .article-content {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 50px;
}
.baima-page-news-news-detail .list .content .article-content * {
  max-width: 800px;
  margin: 0 auto;
}
.baima-page-news-news-detail .list .content .article-content > h1 {
  font-size: 25px;
  font-weight: 600px;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #000;
  padding-top: 20px;
}
.baima-page-news-news-detail .list .content .article-content > h1 span {
  font-size: 14px;
  font-weight: 400;
}
.baima-page-news-news-detail .list .content .article-content hr {
  width: 947px;
  height: 0px;
  border: 1px solid rgba(112, 112, 112, 0.2);
  margin-top: 13px;
}
.baima-page-news-news-detail .list .content .article-content .extra {
  position: relative;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
  padding-top: 15px;
  padding-left: 10px;
}
.baima-page-news-news-detail .list .content .article-content .extra p {
  position: relative;
  margin-left: 40px;
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  height: 22px;
}
.baima-page-news-news-detail .list .content .article-content .extra .clock {
  width: 18px;
  height: 18px;
  position: absolute;
  left: -22px;
}
.baima-page-news-news-detail .list .content .text {
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 1px;
  color: #666666;
}
.baima-page-news-news-detail .list .content .text h2 {
  color: #333333;
  font-size: 20px;
  margin: 20px 0;
}
.hide-module .news-body {
  background: transparent;
}
.hide-module .news-body .head {
  display: none;
}
.hide-module .news-body .list {
  margin: 0;
  padding: 0;
}
.hide-module .news-body .content {
  margin: 0;
  width: initial;
  min-height: initial;
  background: transparent;
}
.scene-body .swiper-container .swiper-slide,
.left-platform-notification .swiper-container .swiper-slide {
  color: #999;
  margin-right: 0;
  font-size: 14px;
  font-weight: 400;
  padding: 15px 0;
  word-break: keep-all;
  position: relative;
  cursor: pointer;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.scene-body .swiper-container .swiper-slide:last-child,
.left-platform-notification .swiper-container .swiper-slide:last-child {
  margin-right: 50px;
}
.scene-body .swiper-container .swiper-slide.active,
.left-platform-notification .swiper-container .swiper-slide.active {
  color: #0098ff;
}
.scene-body .swiper-container .swiper-slide.active:after,
.left-platform-notification .swiper-container .swiper-slide.active:after {
  content: " ";
  width: 44px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #0098ff;
}
.scene-body .swiper-button-prev,
.left-platform-notification .swiper-button-prev,
.scene-body .swiper-notice-prev,
.left-platform-notification .swiper-notice-prev {
  left: 0;
  background-size: 26%;
  outline: none;
}
.scene-body .swiper-button-prev.swiper-button-disabled,
.left-platform-notification .swiper-button-prev.swiper-button-disabled,
.scene-body .swiper-notice-prev.swiper-button-disabled,
.left-platform-notification .swiper-notice-prev.swiper-button-disabled {
  display: none;
}
.scene-body .swiper-button-next,
.left-platform-notification .swiper-button-next,
.scene-body .swiper-notice-next,
.left-platform-notification .swiper-notice-next {
  right: 0;
  background-size: 26%;
  outline: none;
}
.scene-body .swiper-button-next.swiper-button-disabled,
.left-platform-notification .swiper-button-next.swiper-button-disabled,
.scene-body .swiper-notice-next.swiper-button-disabled,
.left-platform-notification .swiper-notice-next.swiper-button-disabled {
  display: none;
}
.scene-body {
  position: relative;
}
.scene-body .head {
  width: 452px;
  padding: 0 23px;
  position: relative;
}
.scene-body .scene-list {
  height: 520px;
  overflow-y: auto;
  padding-top: 10px;
}
.scene-body .scene-list .item {
  margin: 0 28px;
  display: flex;
  cursor: pointer;
  align-items: center;
  height: 39px;
  border-radius: 5px;
  padding-left: 7px;
  padding-right: 13px;
  margin-bottom: 4px;
}
.scene-body .scene-list .item .text {
  flex: 1;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
}
.scene-body .scene-list .item img {
  width: 24px;
  height: 24px;
}
.scene-body .scene-list .item img.hover {
  display: none;
}
.scene-body .scene-list .item:hover {
  background: #f7f7f7;
}
.scene-body .scene-list .item:hover .icon {
  display: none;
}
.scene-body .scene-list .item:hover .icon.hover {
  display: inline-block;
}
.scene-body .page-option {
  display: flex;
  margin-top: 20px;
  position: relative;
  padding-right: 35px;
  align-items: center;
  padding-bottom: 8px;
}
.scene-body .page-option > span {
  flex: 1;
  margin: 0 3px 0 30px;
  position: relative;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 400;
  color: #707070;
  text-align: right;
}
.scene-body .page-option > span img {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 10px;
  width: 15px;
  height: 15px;
}
.scene-body .page-option img {
  cursor: pointer;
  width: 17px;
  height: 17px;
}
.scene-body .page-option img.left {
  margin-left: 5px;
}
.scene-body .page-option img.left.active {
  opacity: 0.5;
  cursor: no-drop;
}
.scene-body .page-option img.right {
  margin-left: 20px;
}
.scene-body .page-option img.right.active {
  opacity: 0.5;
  cursor: no-drop;
}
.scene-body .no-data {
  font-size: 14px;
  color: #ccc;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
  min-height: 500px;
}
.baima-page-support-scene-scene-list {
  background: #fff;
  position: relative;
}
.baima-page-support-scene-scene-list .banner {
  height: 215px;
  min-width: 1180px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.baima-page-support-scene-scene-list .banner .icon-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  z-index: -2;
}
.baima-page-support-scene-scene-list .banner .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  margin-top: 43px;
  text-align: center;
  color: #fff;
}
.baima-page-support-scene-scene-list .banner .content .search {
  width: 543px;
  height: 50px;
  background: #ffffff;
  box-shadow: 0px 5px 5px rgba(40, 66, 93, 0.16);
  border-radius: 25px;
  position: relative;
  margin: 0 auto;
  margin-top: 72px;
  border-radius: 50px;
}
.baima-page-support-scene-scene-list .banner .content .search input {
  width: 83%;
  height: 100%;
  padding: 0 32px;
  border: none;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
}
.baima-page-support-scene-scene-list .banner .content .search img {
  position: absolute;
  right: 13px;
  top: 8px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.baima-page-support-scene-scene-list.active {
  background: #fbfbfb;
}
.baima-page-support-scene-scene-list.active .banner {
  height: 130px;
}
.baima-page-support-scene-scene-list.active .banner .icon-banner {
  height: 130px;
}
.baima-page-support-scene-scene-list .search-data {
  width: 543px;
  position: absolute;
  margin-top: 12px;
  transform: translateX(-50%);
  z-index: 3;
  display: none;
  left: 50%;
  top: 120px;
  padding: 6px 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.baima-page-support-scene-scene-list .search-data .search-con {
  max-height: 300px;
  width: 100%;
  overflow: auto;
}
.baima-page-support-scene-scene-list .search-data .search-con a {
  transition: all ease 0.2s;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  padding: 8px 0;
  padding-left: 14px;
  display: block;
}
.baima-page-support-scene-scene-list .search-data .search-con a:hover {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .detail-content {
  font-size: 0;
  padding-top: 61px;
  padding-bottom: 143px;
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  text-align: right;
}
.baima-page-support-scene-scene-list .detail-content .menu {
  vertical-align: top;
  width: 240px;
  margin-right: 100px;
  background: #fbfbfb;
  position: fixed;
}
.baima-page-support-scene-scene-list .detail-content .menu .title {
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  margin: 0 11px;
  padding-top: 30px;
  padding-bottom: 19px;
  border-bottom: 1px solid #e1e1e1;
}
.baima-page-support-scene-scene-list .detail-content .menu .item {
  line-height: 80px;
  padding: 0 20px;
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  cursor: pointer;
}
.baima-page-support-scene-scene-list .detail-content .menu .item:hover {
  background: #f6f4f4;
}
.baima-page-support-scene-scene-list .detail-content .menu .item.active {
  color: #0dd0be;
}
.baima-page-support-scene-scene-list .detail-content .menu.top {
  margin-top: -230px;
}
.baima-page-support-scene-scene-list .detail-content .content-view {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 340px);
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent {
  margin-bottom: 40px;
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent .title .spot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
  margin-top: 12px;
  background: #0dd0be;
  display: inline-block;
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent .title .text {
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
  color: #4c4c4c;
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent .parent-con {
  padding: 20px;
  padding-bottom: 6px;
  margin-top: 30px;
  border: 1px solid #e1e1e1;
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent .parent-con .item {
  padding-right: 2%;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 21px;
  width: 31.3%;
  cursor: pointer;
  color: #4c4c4c;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent .parent-con .item:hover {
  color: #0dd0be;
}
.baima-page-support-scene-scene-list .detail-content .content-view .parent .parent-con .item.active {
  color: #0dd0be;
}
.baima-page-support-scene-scene-list .tree-right-search .head {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .title {
  height: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #333;
  margin-bottom: 17px;
  margin-top: 24px;
  display: inline-block;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .title:hover {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item > .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: #555555;
  margin-bottom: 9px;
  display: block;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item > .text:hover {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time {
  height: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #999999;
  padding-bottom: 25px;
  border-bottom: 1px solid #dedede;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .author {
  display: inline-block;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .author img {
  width: 13px;
  height: 12px;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .author span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .text {
  display: inline-block;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .read {
  margin-left: 36px;
  display: inline-block;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .read img {
  width: 17px;
  height: 12px;
}
.baima-page-support-scene-scene-list .tree-right-search .right-search-con .item .time .read span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-scene-scene-list .tree-right-search .high-light {
  color: #f99a54;
}
.baima-page-support-scene-scene-list .tree-right-search.tag .right-search-con .item .title {
  color: #f99a54;
}
.baima-page-support-scene-scene-list .no-data {
  padding-top: 75px;
}
.baima-page-support-scene-scene-list .no-data img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}
.baima-page-support-scene-scene-list .no-data div {
  text-align: center;
  margin-top: 11px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
}
.baima-page-support-scene-scene-list .page {
  text-align: right;
  height: 50px;
  background: #fff;
  display: flex;
  justify-content: center;
  margin: 30px auto 20px;
  cursor: pointer;
  font-size: medium;
}
.baima-page-support-scene-scene-list .page .pagination {
  display: flex;
}
.baima-page-support-scene-scene-list .page li {
  width: 31px;
  height: 31px;
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 31px;
  text-align: center;
  margin-right: 15px;
}
.baima-page-support-scene-scene-list .page li.active {
  color: #fff;
  background: #00d0b9;
  border: 1px solid transparent;
}
.baima-page-support-scene-scene-list .page a {
  border: 1px solid #DCDEE0;
  display: block;
  width: 100%;
  height: 100%;
  color: #646566;
  font-weight: bold;
  border-radius: 5px;
}
.baima-page-support-scene-scene-list .page a img {
  width: 100%;
  height: 100%;
}
.baima-page-support-scene-scene-list .page a.active {
  color: #fff;
  background: #00d0b9;
  border: 1px solid transparent;
}
.baima-page-support-scene-scene-list .page .page-pre,
.baima-page-support-scene-scene-list .page .page-next {
  width: 71px;
}
.baima-page-support-scene-scene-list .tag2 {
  display: flex;
}
.baima-page-support-scene-scene-list .content-detail .left-content {
  flex: 1;
}
.baima-page-support-scene-scene-list .content-detail .right-content {
  width: 318px;
  margin-top: 32px;
}
.baima-page-support-scene-scene-list .content-detail .right-content .sketch {
  display: flex;
  font-size: 17px;
  font-weight: bold;
  color: #323233;
  border-bottom: 2px solid #F0F0F0;
}
.baima-page-support-scene-scene-list .content-detail .right-content .sketch p {
  padding-bottom: 9px;
  position: relative;
}
.baima-page-support-scene-scene-list .content-detail .right-content .sketch p::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #0098FF;
}
.baima-page-support-scene-scene-list .content-detail .right-content .right-content-list {
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.baima-page-support-scene-scene-list .content-detail .right-content .right-content-list a {
  margin-top: 15px;
  color: #323233;
  display: flex;
  justify-content: space-between;
}
.baima-page-support-scene-scene-list .content-detail .right-content .right-content-list a:hover {
  color: #0098FF;
}
.baima-page-support-scene-scene-list .content-detail .right-content .right-content-list a p {
  width: 266px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.baima-page-support-scene-scene-list .content-detail .nav-bar {
  padding-top: 26px;
  margin-bottom: 36px;
}
.baima-page-support-scene-scene-list .content-detail .nav-bar .nav-bar-item {
  font-size: 0;
  display: inline-block;
}
.baima-page-support-scene-scene-list .content-detail .nav-bar .nav-bar-item a {
  height: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  color: #999;
  vertical-align: middle;
  margin-right: 24px;
}
.baima-page-support-scene-scene-list .content-detail .nav-bar .nav-bar-item img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 23px;
}
.baima-page-support-scene-scene-list .content-detail .nav-bar .nav-bar-item:last-child img {
  display: none;
}
.baima-page-support-scene-scene-list .content-detail .nav-bar .nav-bar-item:last-child a {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .content-detail .detail {
  vertical-align: top;
  max-width: 680px;
  background: #fff;
  padding: 0 140px;
  padding-top: 41px;
  padding-bottom: 60px;
  position: relative;
  display: inline-block;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box {
  position: absolute;
  left: -65px;
  min-width: 44px;
  background: #ffffff;
  border: 1px solid #dadada;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 1;
  border-radius: 4px;
  top: 0;
  z-index: 9999;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box .icon {
  height: 3px;
  width: 20px;
  margin: 12px;
  padding: 4px 0;
  background-color: #b7b7b7;
  border-top: 3px solid #b7b7b7;
  border-bottom: 3px solid #b7b7b7;
  background-clip: content-box;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box .menu-content {
  display: none;
  width: 326px;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box .menu-content .item {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  display: block;
  margin-left: 32px;
  margin-bottom: 20px;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box .menu-content .item:first-child {
  margin-top: 36px;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box .menu-content .item.active {
  color: #4c4c4c;
}
.baima-page-support-scene-scene-list .content-detail .detail .menu-box:hover .icon {
  border-color: #00cebb;
  background-color: #00cebb;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head {
  padding-bottom: 19px;
  margin-bottom: 35px;
  border-bottom: 1px dashed #dedede;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .title {
  height: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 32px;
  color: #555555;
  margin-bottom: 16px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time {
  height: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #999999;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .author {
  display: inline-block;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .author img {
  width: 13px;
  height: 12px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .author span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .text {
  display: inline-block;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .read {
  margin-left: 36px;
  display: inline-block;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .read img {
  width: 17px;
  height: 12px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .time .read span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .label {
  margin-top: 12px;
  font-size: 14px;
  position: relative;
  color: #999999;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .label .text {
  display: inline-block;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .label .item {
  display: inline-block;
  border: 1px solid #ccc;
  color: #666;
  padding: 2px 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  cursor: pointer;
  margin-right: 5px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-head .label .item:hover {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #555555;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body > p.msg-head {
  clear: both;
  border-right: #0099cc 1px solid;
  padding-right: 3px;
  border-top: #0099cc 1px solid;
  padding-left: 3px;
  font-size: 14px;
  background: #f6fbff;
  padding-bottom: 0px;
  margin: 3px auto 0px;
  overflow: hidden;
  border-left: #0099cc 1px solid;
  padding-top: 0px;
  border-bottom: #0099cc 1px solid;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body > p.msg-head .left {
  float: left;
  height: 100%;
  display: inline-block;
  margin-left: 14px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body > p.msg-head .right {
  float: right;
  height: 100%;
  display: inline-block;
  margin-right: 14px;
  color: #1390e5;
  cursor: pointer;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body > p.msg-head .right:hover {
  text-decoration: underline;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body > p.msg-body {
  clear: both;
  border-right: #1390e5 1px solid;
  padding-right: 3px;
  padding-left: 3px;
  font-size: 14px;
  background: #000;
  padding-bottom: 0px;
  margin: 0px auto 3px;
  overflow: hidden;
  border-left: #1390e5 1px solid;
  word-break: break-all;
  padding-top: 0px;
  border-bottom: #1390e5 1px solid;
  word-wrap: break-word;
  color: #fff;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body h5 {
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #555555;
  margin: 15px 0;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body h4 {
  height: 29px;
  font-size: 22px;
  font-weight: bold;
  line-height: 29px;
  color: #555555;
  margin-bottom: 20px;
  margin-top: 34px;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body img {
  max-width: 100%;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body a {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body table {
  border-spacing: 0;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body table tbody tr td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body table tbody tr td:first-child {
  border-left: 1px solid #000;
}
.baima-page-support-scene-scene-list .content-detail .detail .tree-right-body table tbody tr:first-child td {
  border-top: 1px solid #000;
}
.baima-page-support-scene-scene-list .content-detail .right-view {
  width: 200px;
  vertical-align: top;
  margin-left: 20px;
  position: fixed;
  display: inline-block;
  top: 290px;
  left: 0;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content {
  padding-top: 35px;
  padding-bottom: 41px;
  padding-left: 32px;
  padding-right: 32px;
  width: 136px;
  background: #ffffff;
  border-radius: 2px;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav {
  font-size: 0;
  border-left: 2px solid #dedede;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-head {
  padding-left: 16px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #4c4c4c;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-item {
  padding-left: 16px;
  margin-left: -2px;
  border-left: 2px solid transparent;
  font-size: 16px;
  margin-bottom: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 138px;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-item span {
  cursor: pointer;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-item.parent {
  color: #cccccc;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-item.child {
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #cccccc;
  padding-left: 34px;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-item.active {
  border-color: #00cebb;
  color: #00cebb;
}
.baima-page-support-scene-scene-list .content-detail .right-view .nav-content .fixed-nav .fixed-nav-item.child-separation {
  padding-left: 16px;
}
.baima-page-support-scene-scene-list .content-detail .right-view .label {
  border-radius: 2px;
  margin-top: 10px;
  background: #ffffff;
}
.baima-page-support-scene-scene-list .content-detail .right-view .label .title {
  height: 52px;
  line-height: 59px;
  font-weight: 400;
  padding-left: 16px;
  margin-bottom: 12px;
  font-size: 16px;
  color: #474748;
  border-bottom: 1px solid #ebebeb;
}
.baima-page-support-scene-scene-list .content-detail .right-view .label .item {
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  color: #a1a1a1;
  padding: 0 12px;
  font-size: 12px;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
}
.baima-page-support-scene-scene-list .content-detail .right-view .label .item:hover {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view {
  margin-top: 10px;
  position: relative;
  background: #ffffff;
  border-radius: 2px;
  padding: 0 12px;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item {
  height: 88px;
  padding: 0 8px;
  position: relative;
  color: #9b9b9b;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item:first-child:not(.no-border) {
  border-bottom: 1px solid #ebebeb;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item a {
  font-size: 14px;
  color: #9b9b9b;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item .text {
  font-size: 12px;
  padding-top: 20px;
  margin-bottom: 6px;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item.none {
  display: none;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item:not(.none) {
  cursor: pointer;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item:hover {
  color: #000;
}
.baima-page-support-scene-scene-list .content-detail .right-view .page-view .item:hover a {
  color: #000;
}
.baima-page-support-scene-scene-list .content-detail .right-view.top {
  margin-top: -210px !important;
}
.baima-page-support-scene-scene-list .pane-content {
  margin: 20px 0;
  margin-bottom: 100px;
  position: relative;
  background: #fbfbfb;
  border-radius: 4px;
  padding: 27px 20px 27px 30px;
  color: #000;
}
.baima-page-support-scene-scene-list .pane-content .pane-title .text {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  float: left;
  margin-right: 26px;
}
.baima-page-support-scene-scene-list .pane-content .pane-title .title-btn {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 102px;
  height: 32px;
  text-align: center;
  color: #1f2d3d;
  margin-right: 16px;
  display: inline-block;
  transition: background 218ms;
  line-height: 32px;
  cursor: pointer;
  position: relative;
}
.baima-page-support-scene-scene-list .pane-content .pane-title .title-btn:hover {
  background: #ebebeb;
}
.baima-page-support-scene-scene-list .pane-content .pane-title .title-btn img {
  margin-right: 7px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.baima-page-support-scene-scene-list .pane-content .pane-title .title-btn span {
  font-size: 14px;
  vertical-align: middle;
}
.baima-page-support-scene-scene-list .pane-content .pane-title .title-btn.active {
  border-color: #00cebb;
}
.baima-page-support-scene-scene-list .pane-content .pane-line {
  margin: 20px 0;
  height: 1px;
  background-color: #e9e9e9;
}
.baima-page-support-scene-scene-list .pane-content .pane-question .text {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  margin-right: 26px;
}
.baima-page-support-scene-scene-list .pane-content .pane-question .select-box {
  margin-top: 10px;
}
.baima-page-support-scene-scene-list .pane-content .pane-question .select-box .item {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 8px;
  cursor: pointer;
}
.baima-page-support-scene-scene-list .pane-content .pane-question .select-box .item .checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.baima-page-support-scene-scene-list .pane-content .pane-question .select-box .item .checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.baima-page-support-scene-scene-list .pane-content .pane-question .select-box .item span {
  font-size: 14px;
  padding-left: 8px;
  vertical-align: middle;
}
.baima-page-support-scene-scene-list .pane-content .pane-question textarea {
  border: 1px solid #d9d9d9;
  width: 100%;
  height: 32px;
  max-width: 760px;
  display: block;
  padding: 5px 8px;
  margin-top: 2px;
  outline: 0;
  resize: none;
}
.baima-page-support-scene-scene-list .pane-content .pane-question textarea.high {
  height: 140px;
}
.baima-page-support-scene-scene-list .pane-content .submit {
  display: none;
}
.baima-page-support-scene-scene-list .pane-content .submit .error-msg {
  font-size: 14px;
  color: red;
}
.baima-page-support-scene-scene-list .pane-content .pane-btn {
  background: #00cebb;
  display: inline-block;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  cursor: pointer;
}
.baima-page-support-scene-scene-list .pane-content .input-body {
  margin-top: 13px;
  position: relative;
  display: inline-block;
}
.baima-page-support-scene-scene-list .pane-content .input-body input {
  color: #999999;
  font-size: 16px;
  outline: none;
  width: 322px;
  height: 50px;
  padding: 0 22px;
  background: #fff;
  border: 1px solid #f5f5f5;
}
.baima-page-support-scene-scene-list .pane-content .input-body .icon-captcha {
  width: 95px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  position: absolute;
  right: 7px;
  top: 10px;
  cursor: pointer;
}
.baima-page-support-scene-scene-list .pane-content .pane-help {
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
  line-height: 35px;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment {
  display: inline-block;
  z-index: 99;
  position: relative;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment > .text {
  color: #00cebb;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment .qr-con {
  position: absolute;
  bottom: 126%;
  left: 50%;
  transform: translateX(-50%);
  width: 228px;
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(114, 114, 114, 0.2);
  display: none;
  z-index: 99;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment .qr-con .border-down-empty {
  position: absolute;
  top: 100%;
  transform: rotate(180deg) translateX(50%);
  left: 50%;
  width: 34px;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment .qr-con .qr {
  width: 175px;
  height: 175px;
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 5px;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment .qr-con .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #555555;
  padding-bottom: 26px;
}
.baima-page-support-scene-scene-list .pane-content .pane-help .increment:hover .qr-con {
  display: block;
}
.baima-page-support-scene-scene-list .pane-content .modal-con {
  position: absolute;
  width: 257px;
  height: 171px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 6px rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 5px;
  left: 50%;
  bottom: 142px;
  transform: translateX(-50%);
  z-index: 9;
}
.baima-page-support-scene-scene-list .pane-content .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 6px;
}
.baima-page-support-scene-scene-list .pane-content .modal-con .title {
  margin-bottom: 13px;
  text-align: center;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
}
.baima-page-support-scene-scene-list .pane-content .modal-con .text {
  text-align: center;
  height: 19px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
@media screen and (max-width: 1400px) {
  .baima-page-support-scene-scene-list .content-detail .detail .menu-box {
    top: 7px;
    left: 8px;
  }
}
.hide-module.marketing {
  width: 100%;
  height: 100%;
}
.hide-module.marketing body {
  width: 100%;
  height: 100%;
}
.hide-module.marketing .main {
  width: 100%;
  height: 100%;
}
.hide-module.marketing .marketing-body {
  width: 100%;
  height: 100%;
  padding: 0;
}
.hide-module.marketing iframe {
  height: 100%;
}
.marketing-body {
  margin: 0;
  padding: 100px 0;
  background-image: url("../image/app/marketing/icon-bg.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
.marketing-body iframe {
  border: none;
  width: 550px;
  height: 1000px;
  box-shadow: 2px 3px 10px #999;
  margin: 0 auto;
  display: block;
}
.baima-page-case-list {
  overflow: hidden;
}
.baima-page-case-list .case-list-banner {
  height: 240px;
  min-width: 1180px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.baima-page-case-list .case-list-banner .bg-banner {
  width: 100%;
  height: 100%;
  background-color: #0098ff;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  z-index: -2;
}
.baima-page-case-list .case-list-banner .banner-text {
  width: 1200px;
  height: 67px;
  margin: 85px auto 0;
  position: relative;
}
.baima-page-case-list .case-list-banner .banner-text h1 {
  display: inline-block;
  font-size: 50px;
  color: #fff;
  margin-right: 33px;
}
.baima-page-case-list .case-list-banner .banner-text span {
  font-size: 50px;
  color: #fff;
  margin-right: 33px;
  opacity: 0.6;
}
.baima-page-case-list .case-list-banner .banner-text img {
  display: block;
  width: 802px;
  height: 240px;
  position: absolute;
  top: -85px;
  right: -160px;
}
.baima-page-case-list .case-list-banner .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  margin-top: 43px;
  text-align: center;
  color: #fff;
}
.baima-page-case-list .case-list-banner .content .search {
  width: 543px;
  height: 50px;
  background: #ffffff;
  box-shadow: 0px 5px 5px rgba(40, 66, 93, 0.16);
  border-radius: 25px;
  position: relative;
  margin: 0 auto;
  margin-top: 72px;
  border-radius: 50px;
}
.baima-page-case-list .case-list-banner .content .search input {
  width: 83%;
  height: 100%;
  padding: 0 32px;
  border: none;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
}
.baima-page-case-list .case-list-banner .content .search img {
  position: absolute;
  right: 13px;
  top: 8px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.baima-page-case-list .type {
  background: #F7F8FA;
}
.baima-page-case-list .type .content {
  padding-top: 27px;
  padding-bottom: 18px;
}
.baima-page-case-list .type .content .item {
  font-size: 0;
}
.baima-page-case-list .type .content .item .left {
  margin-top: 7px;
  vertical-align: top;
  width: 15%;
  display: inline-block;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
}
.baima-page-case-list .type .content .item .left .all {
  float: left;
  display: inline-block;
  margin-left: 15px;
  position: relative;
  color: #333333;
}
.baima-page-case-list .type .content .item .left .all:hover {
  color: #00cebb;
}
.baima-page-case-list .type .content .item .left .all.active:after {
  width: 20px;
  height: 4px;
  background: #00cebb;
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
}
.baima-page-case-list .type .content .item .left .text {
  display: inline-block;
}
.baima-page-case-list .type .content .item .right {
  width: 90%;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.baima-page-case-list .type .content .item .right a {
  cursor: pointer;
  min-width: 44px;
  padding: 8px 18px;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  margin-right: 34px;
  margin-bottom: 20px;
  color: #636E80;
  font-size: 16px;
}
.baima-page-case-list .type .content .item .right a:last-of-type {
  margin-right: 0;
}
.baima-page-case-list .type .content .item .right a:hover {
  color: #00cebb;
  background-color: #E3FCFC;
}
.baima-page-case-list .type .content .item .right a.active {
  color: #00cebb;
  background-color: #E3FCFC;
}
.baima-page-case-list .list {
  font-size: 0;
  padding-bottom: 49px;
  background-color: #F7F8FA;
}
.baima-page-case-list .list .case-list .item {
  width: 364px;
  height: 435px;
  background: #ffffff;
  border-radius: 12px;
  padding-bottom: 17px;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  transition: all 0.3s ease 0s;
  margin-right: 40px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.06);
}
.baima-page-case-list .list .case-list .item:nth-child(3n) {
  margin-right: 0;
}
.baima-page-case-list .list .case-list .item:hover {
  top: -5px;
}
.baima-page-case-list .list .case-list .item .head {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.baima-page-case-list .list .case-list .item .head .icon {
  width: 100%;
  border-radius: 12px 12px 0 0 ;
}
.baima-page-case-list .list .case-list .item .title {
  padding: 0 17px;
  margin-top: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  color: #2b2b2b;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.baima-page-case-list .list .case-list .item .text {
  padding: 0 17px;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  color: #828282;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.baima-page-case-list .list .case-list .item .label {
  padding: 0 17px;
  margin-top: 20px;
}
.baima-page-case-list .list .case-list .item .label .child {
  min-width: 24px;
  line-height: 22px;
  padding: 0 18px;
  background: #f2f3f5;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 400;
  color: #303131;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.baima-page-case-list .list .case-list .item .foot {
  padding: 0 17px;
}
.baima-page-case-list .list .case-list .item .foot img {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 15px;
  bottom: 21px;
}
.baima-page-case-list .list .case-list .item .foot span {
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  position: absolute;
  left: 37px;
  bottom: 19px;
}
.baima-page-case-list .list .case-list .item .foot span.date {
  left: 106px;
  font-size: 16px;
  font-weight: 400;
}
.baima-page-case-list .list .case-list .item .foot .label-box {
  position: absolute;
  right: 17px;
  bottom: 18px;
}
.baima-page-case-list .list .case-list .item .foot .label-box .label-text {
  width: 80px;
  height: 22px;
  border: 1px solid #999999;
  opacity: 1;
  border-radius: 4px;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #828282;
  padding: 3px 0;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  cursor: pointer;
}
.baima-page-case-list .list .case-list .item .foot .label-box .label-text:hover {
  color: #00cebb;
  border-color: #00cebb;
}
.baima-page-case-list .list .tree-right-search .head {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item {
  border-bottom: 1px solid #dedede;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .title {
  height: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #333;
  margin-bottom: 17px;
  margin-top: 24px;
  display: inline-block;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .title:hover {
  color: #00cebb;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item > .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: #555555;
  margin-bottom: 9px;
  display: block;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item > .text:hover {
  color: #00cebb;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time {
  height: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #999999;
  padding-bottom: 25px;
  border-bottom: 1px solid #dedede;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .author {
  display: inline-block;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .author img {
  width: 13px;
  height: 12px;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .author span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .text {
  display: inline-block;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .read {
  margin-left: 36px;
  display: inline-block;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .read img {
  width: 17px;
  height: 12px;
}
.baima-page-case-list .list .tree-right-search .right-search-con .item .time .read span {
  margin-left: 5px;
  font-size: 14px;
  line-height: 22px;
}
.baima-page-case-list .list .tree-right-search .high-light {
  color: #f99a54;
}
.baima-page-case-list .list .tree-right-search.tag .right-search-con .item .title {
  color: #f99a54;
}
.baima-page-case-list .list .no-data {
  padding-top: 50px;
  padding-bottom: 100px;
}
.baima-page-case-list .list .no-data img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
}
.baima-page-case-list .list .no-data div {
  text-align: center;
  margin-top: 11px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
}
.baima-page-case-list .search-data {
  width: 543px;
  position: absolute;
  margin-top: 89px;
  transform: translateX(-50%);
  z-index: 3;
  display: none;
  left: 50%;
  top: 120px;
  padding: 6px 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.baima-page-case-list .search-data .search-con {
  max-height: 300px;
  width: 100%;
  overflow: auto;
}
.baima-page-case-list .search-data .search-con a {
  transition: all ease 0.2s;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  padding: 8px 0;
  padding-left: 14px;
  display: block;
}
.baima-page-case-list .search-data .search-con a:hover {
  color: #00cebb;
}
.baima-page-case-list .page {
  text-align: right;
  height: 50px;
  background: #fff;
  margin: 30px auto 20px;
  cursor: pointer;
}
.baima-page-case-list .page .pagination {
  display: inline-block;
  padding: 0;
  margin-top: 8px;
  margin-right: 5px;
}
.baima-page-case-list .page .pagination > li {
  display: inline-block;
  margin: 0 5px;
  height: 32px;
  width: 32px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
}
.baima-page-case-list .page .pagination > li.active {
  background-color: #00d0b9;
  border-radius: 5px;
}
.baima-page-case-list .page .pagination > li.active a {
  color: white;
}
.baima-page-case-list .page .pagination > li.active a:hover {
  background: transparent;
}
.baima-page-case-list .page .pagination > li > a {
  color: #727272;
  float: left;
  height: 32px;
  width: 32px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
  margin-top: -2px;
  font-size: 16px;
  display: inline-block;
}
.baima-page-case-list .page .pagination > li > a > img {
  width: 12px;
  height: 11px;
}
.baima-page-case-list .page .pagination > li > a.active {
  background-color: #00d0b9;
  color: white;
}
.baima-page-case-list .page .pagination > li:hover:not(.active) {
  background-color: #ddd;
}
.baima-page-case-list .case-list-content-item6 {
  height: 320px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.baima-page-case-list .case-list-content-item6 img {
  width: 100%;
  height: 320px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.baima-page-case-list .case-list-content-item6 div {
  width: 500px;
  height: 230px;
  margin: 50px auto;
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
}
.baima-page-case-list .case-list-content-item6 div p {
  color: #333;
  font-size: 21px;
}
.baima-page-case-list .case-list-content-item6 div h4 {
  font-size: 35px;
  color: 35px;
  padding: 20px 0 35px 0;
}
.baima-page-case-list .case-list-content-item6 div button {
  display: block;
  width: 178px;
  height: 46px;
  margin: auto;
  border: none;
  background: #00CEBB;
  border-radius: 4px;
  font-size: 16px;
  padding: 12px 56px;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.baima-page-case-list .case-list-modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.baima-page-case-list .case-list-modal-view .modal-view-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.baima-page-case-list .case-list-modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-case-list .case-list-modal-view .user-info .modal-view-icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.baima-page-case-list .case-list-modal-view .user-info > .modal-view-title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.baima-page-case-list .case-list-modal-view .user-info .modal-view-colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 88px;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.baima-page-case-list .case-list-modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-page-case-list .case-list-modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.baima-page-case-list .case-list-modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.baima-page-case-detail-new .case-detail-company-introduction {
  height: 700px;
  overflow: hidden;
  margin: 0 auto;
  background-color: rgba(213, 230, 254, 0.4);
  position: relative;
}
.baima-page-case-detail-new .case-detail-company-introduction .content-title {
  text-align: center;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-bg {
  width: 100%;
  height: 375px;
  position: absolute;
  z-index: 0;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-bg img {
  width: 100%;
  height: 100%;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-mask {
  width: 100%;
  height: 375px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.3);
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content {
  width: 1000px;
  height: 600px;
  margin: 100px auto 0;
  position: relative;
  z-index: 5;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box1 {
  letter-spacing: 1px;
  overflow: hidden;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box1 > span {
  line-height: 32px;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box1 img {
  width: 36.62px;
  height: 28px;
  position: absolute;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box1 > span {
  display: block;
  width: 673px;
  height: 67px;
  font-size: 18px;
  margin: 10px 0 0 53px;
  color: #fff;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box1 p {
  font-size: 18px;
  color: #fff;
  margin: 23px 0 0 55px;
  position: relative;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box1 p span {
  letter-spacing: 0;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 {
  width: 1000px;
  height: 152px;
  background: #fff;
  margin-top: 100px;
  box-sizing: border-box;
  padding: 18px 30px;
  box-shadow: 0 0 24px 1px rgba(0, 105, 177, 0.14);
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-head-image {
  display: inline-block;
  width: 116px;
  height: 116px;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-head-image img {
  width: 100%;
  height: 100%;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-text {
  display: inline-block;
  height: 70px;
  vertical-align: middle;
  margin-left: 30px;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-text h4 {
  font-size: 24px;
  color: #333;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-text p {
  margin-top: 14px;
  font-size: 16px;
  color: #888;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-text a {
  color: #888;
  font-size: 16px;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box2 .content-box2-text a:hover {
  color: #00d0b9;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box3 {
  width: 900px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box3 > h3 {
  height: 100px;
  position: relative;
  text-align: center;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box3 > h3:not(:nth-child(1)) {
  margin-left: 160px;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box3 > h3:not(:nth-child(1))::after {
  display: block;
  content: "";
  width: 1px;
  height: 53.66px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 20px;
  left: -55%;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box3 > h3 strong {
  font-size: 40px;
  color: #0098FF;
  white-space: nowrap;
}
.baima-page-case-detail-new .case-detail-company-introduction .company-introduction-content .company-introduction-content-box3 > h3 p {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  line-height: 40px;
  font-weight: 400;
}
.baima-page-case-detail-new .case-detail-article-content {
  box-sizing: border-box;
  padding: 55px 0;
}
.baima-page-case-detail-new .case-detail-article-content > h1 {
  text-align: center;
  font-size: 36px;
  margin: 5px auto 60px;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body {
  width: 1000px;
  margin: 0 auto;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body h2 {
  color: #0098FF;
  font-size: 24px;
  font-weight: 400;
  position: relative;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body h2::before {
  display: block;
  content: "";
  width: 4px;
  height: 32px;
  background: #0098FF;
  position: absolute;
  left: -14px;
  top: 0;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body h3 {
  font-size: 18px;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body p {
  padding: 5px 0;
  letter-spacing: 0.8px;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body h4 {
  padding: 32px 0;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body section {
  margin-bottom: 20px;
}
.baima-page-case-detail-new .case-detail-article-content .case-detail-article-content-body img {
  max-width: 100%;
  display: block;
  margin: 20px auto 0;
}
.baima-page-case-detail-new .case-detail-nav-bar {
  width: 100%;
  height: 56px;
  font-size: 0;
  position: fixed;
  top: 60px;
  transition: opacity 0.7s;
  opacity: 0;
  box-sizing: border-box;
  padding-left: 250px;
  background-color: #F4F6F9;
}
.baima-page-case-detail-new .case-detail-nav-bar .nav-bar-content {
  padding-top: 10px;
  box-sizing: border-box;
}
.baima-page-case-detail-new .case-detail-nav-bar .nav-bar-content .nav-bar-item {
  font-size: 0;
  display: inline-block;
}
.baima-page-case-detail-new .case-detail-nav-bar .nav-bar-content .nav-bar-item a {
  height: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  color: #999;
  vertical-align: middle;
  margin-right: 10px;
}
.baima-page-case-detail-new .case-detail-nav-bar .nav-bar-content .nav-bar-item a:hover {
  color: #00cebb;
}
.baima-page-case-detail-new .case-detail-nav-bar .nav-bar-content .nav-bar-item img {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 10px;
}
.baima-page-case-detail-new .case-detail-modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.baima-page-case-detail-new .case-detail-modal-view .modal-view-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.baima-page-case-detail-new .case-detail-modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .modal-view-icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info > .modal-view-title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .modal-view-colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 88px;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.baima-page-case-detail-new .case-detail-modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.apply {
  position: relative;
}
.apply a {
  cursor: pointer;
}
.apply .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #333;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
  padding-bottom: 12px;
  padding-left: 8px;
}
.apply .title:after {
  height: 2px;
  width: 96px;
  background: #2C83F3;
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
}
.apply .ranking {
  padding-top: 40px;
}
.apply .ranking .ranking-content {
  padding-left: 488px;
  position: relative;
}
.apply .ranking .ranking-content .left {
  left: 0;
  top: 0;
  font-size: 0;
  width: 408px;
  position: absolute;
  display: inline-block;
}
.apply .ranking .ranking-content .left .list {
  width: 50%;
  padding-top: 16px;
  vertical-align: top;
  display: inline-block;
}
.apply .ranking .ranking-content .left .list.first .item:nth-child(1) .index {
  color: #EB4F4F;
}
.apply .ranking .ranking-content .left .list.first .item:nth-child(2) .index {
  color: #FFAA16;
}
.apply .ranking .ranking-content .left .list.first .item:nth-child(3) .index {
  color: #2C83F3;
}
.apply .ranking .ranking-content .left .list .item {
  height: 40px;
  margin-bottom: 18px;
  position: relative;
  display: block;
  width: 200px;
  height: 56px;
}
.apply .ranking .ranking-content .left .list .item:hover {
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.apply .ranking .ranking-content .left .list .item:last-child {
  margin: 0;
}
.apply .ranking .ranking-content .left .list .item .index {
  top: 8px;
  left: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 40px;
  color: #ddd;
  position: absolute;
}
.apply .ranking .ranking-content .left .list .item img {
  top: 8px;
  border-radius: 2px;
  left: 46px;
  width: 40px;
  height: 40px;
  position: absolute;
}
.apply .ranking .ranking-content .left .list .item .text {
  top: 8px;
  font-weight: 600;
  left: 94px;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 52%;
}
.apply .ranking .ranking-content .left .list .item .num {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
  position: absolute;
  left: 94px;
  top: 31px;
}
.apply .ranking .ranking-content .right {
  height: 281px;
}
.apply .ranking .ranking-content .right .swiper-container {
  height: 100%;
}
.apply .ranking .ranking-content .right .swiper-container .swiper-slide img {
  width: 100%;
}
.apply .ranking .ranking-content .right .swiper-container .swiper-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 51px;
  text-align: center;
  left: 0;
  z-index: 6;
  cursor: pointer;
  display: none;
}
.apply .ranking .ranking-content .right .swiper-container .swiper-prev img {
  width: 9px;
  height: 15px;
}
.apply .ranking .ranking-content .right .swiper-container .swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 51px;
  text-align: center;
  right: 0;
  z-index: 6;
  cursor: pointer;
  display: none;
}
.apply .ranking .ranking-content .right .swiper-container .swiper-next img {
  width: 9px;
  height: 15px;
}
.apply .ranking .ranking-content .right .swiper-container:hover .swiper-prev {
  display: block;
}
.apply .ranking .ranking-content .right .swiper-container:hover .swiper-next {
  display: block;
}
.apply .recommend {
  margin-top: 56px;
  margin-bottom: 42px;
}
.apply .recommend .list {
  font-size: 0;
  padding-top: 24px;
}
.apply .recommend .list .item {
  vertical-align: top;
  border-radius: 4px;
  margin-right: 3.5%;
  width: 31%;
  height: 120px;
  background: #fff;
  position: relative;
  display: inline-block;
  box-shadow: 0px 1px 3px rgba(0, 87, 200, 0.21);
  margin-bottom: 24px;
}
.apply .recommend .list .item:hover {
  box-shadow: 0px 2px 8px rgba(0, 87, 200, 0.21);
}
.apply .recommend .list .item:nth-child(3n) {
  margin-right: 0;
}
.apply .recommend .list .item img {
  border-radius: 4px;
  height: 96px;
  width: 118px;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 16px;
  top: 12px;
}
.apply .recommend .list .item .item-text {
  height: 44px;
  max-width: 206px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  position: absolute;
  left: 150px;
  top: 56px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.apply .recommend .list .item .item-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #333;
  position: absolute;
  left: 150px;
  top: 23px;
}
.apply .recommend .list .item .item-title span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  vertical-align: middle;
}
.apply .recommend .list .item .item-title .type {
  display: inline-block;
  width: 42px;
  line-height: 16px;
  background: rgba(44, 131, 243, 0.1);
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #2C83F3;
  margin-right: 12px;
  vertical-align: middle;
}
.apply .case .head {
  height: 32px;
  margin-top: 24px;
}
.apply .case .head.fixed-search-input {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding-top: 27px;
  background-color: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
  position: fixed;
  top: 35px;
  left: 0;
  z-index: 10;
}
.apply .case .head.fixed-search-input .head-content {
  width: 1200px;
  margin: 0 auto;
}
.apply .case .head .head-content {
  display: flex;
}
.apply .case .head .head-content .search {
  flex: 1;
  border-radius: 2px;
  height: 40px;
  margin-right: 56px;
  background: #F4F4F4;
  position: relative;
}
.apply .case .head .head-content .search input {
  height: 38px;
  border: none;
  background: transparent;
  outline: none;
  width: 90%;
  padding-right: 8%;
  padding-left: 2%;
  font-size: 14px;
  line-height: 38px;
  color: #333;
  font: inherit;
  border: 1px solid transparent;
}
.apply .case .head .head-content .search input::-ms-input-placeholder {
  color: #bbb;
}
​ .apply .case .head .head-content .search input::-webkit-input-placeholder {
  color: #bbb;
}
​ .apply .case .head .head-content .search input::-moz-placeholder {
  color: #bbb;
}
.apply .case .head .head-content .search input::-webkit-input-placeholder {
  color: #bbb;
}
.apply .case .head .head-content .search img {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.apply .case .head .head-content .search img.hover {
  display: none;
}
.apply .case .head .head-content .search.active input {
  background: #fff;
  border: 1px solid #E9E9E9;
}
.apply .case .head .head-content .search.active img {
  display: none;
}
.apply .case .head .head-content .search.active img.hover {
  display: block;
}
.apply .case .head .head-content .selectBox {
  line-height: 38px;
  position: relative;
  z-index: 9;
  width: 164px;
  height: 40px;
  margin-left: 24px;
}
.apply .case .head .head-content .selectBox .inputCase {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.apply .case .head .head-content .selectBox .inputCase input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  text-indent: 16px;
  cursor: default;
  border: 1px solid #E9E9E9;
  color: #666;
  outline: none;
  border-radius: 2px;
  font-size: 14px;
  font: inherit;
  line-height: 38px;
}
.apply .case .head .head-content .selectBox .inputCase input.active {
  border-color: #00CEBB;
}
.apply .case .head .head-content .selectBox .inputCase img {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #007aff;
}
.apply .case .head .head-content .selectBox .inputCase img.active {
  transform: rotate(180deg);
}
.apply .case .head .head-content .selectBox ul::-webkit-scrollbar {
  width: 5px;
}
.apply .case .head .head-content .selectBox ul::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.apply .case .head .head-content .selectBox ul::-webkit-scrollbar-thumb {
  background: #E9E9E9;
  border-radius: 5px;
}
.apply .case .head .head-content .selectBox .selectUl {
  display: none;
  padding: 0;
  margin-top: 8px;
  background: #fff;
  height: 208px;
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  overflow: auto;
  padding: 12px;
}
.apply .case .head .head-content .selectBox .selectUl li {
  height: 28px;
  border-radius: 4px;
  line-height: 28px;
  list-style: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  padding-left: 12px;
  padding-right: 10px;
  margin-bottom: 4px;
}
.apply .case .head .head-content .selectBox .selectUl li:last-child {
  margin-bottom: 0;
}
.apply .case .head .head-content .selectBox .selectUl li.active {
  color: #00CEBB;
}
.apply .case .head .head-content .selectBox .selectUl li:hover {
  background: #F4F4F4;
}
.apply .case .list {
  margin: 24px 0 40px;
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
}
.apply .case .list .item {
  width: 23.5%;
  display: inline-block;
  margin-right: 23px;
  height: 426px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}
.apply .case .list .item::after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 8px 10px 8px 8px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #E9E9E9;
}
.apply .case .list .item:nth-child(4n) {
  margin-right: 0;
}
.apply .case .list .item .label {
  width: 36px;
  height: 36px;
  line-height: 38px;
  position: absolute;
  right: 17px;
  top: 0;
  text-align: center;
}
.apply .case .list .item .label img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.apply .case .list .item .label span {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #fff;
  position: relative;
}
.apply .case .list .item .cover {
  opacity: 1;
  width: 100%;
  max-height: 183px;
  border-radius: 10px 10px 0 0;
}
.apply .case .list .item .cover:hover {
  opacity: 0.8;
}
.apply .case .list .item .item-title {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.apply .case .list .item .item-title:hover {
  color: #00CEBB;
}
.apply .case .list .item .text {
  height: 110px;
  font-weight: 300;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 12px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.apply .case .list .item .build {
  position: absolute;
  left: 24px;
  bottom: 52px;
}
.apply .case .list .item .build img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  vertical-align: middle;
}
.apply .case .list .item .build span {
  font-weight: 400;
  margin-left: 11px;
  height: 17px;
  font-size: 13px;
  line-height: 17px;
  color: #666;
  vertical-align: middle;
}
.apply .case .list .item .foot {
  height: 40px;
  padding: 0 24px;
  border-top: 1px solid #E9E9E9;
  position: absolute;
  width: 229px;
  bottom: 0;
  left: 0;
}
.apply .case .list .item .foot .day {
  font-size: 13px;
  font-weight: 400;
  line-height: 40px;
  color: #666;
}
.apply .case .list .item .foot .num {
  font-size: 13px;
  font-weight: 400;
  line-height: 40px;
  color: #666;
}
.apply .no-data {
  margin-top: 48px;
  text-align: center;
  margin-bottom: 80px;
}
.apply .no-data img {
  width: 88px;
  height: 88px;
}
.apply .no-data .text {
  font-weight: 400;
  margin-top: 16px;
  font-size: 14px;
  line-height: 19px;
  color: #999;
  text-align: center;
}
.module-body {
  position: relative;
  background: #fbfbfb;
  padding-bottom: 160px;
}
.module-body .development {
  height: 62px;
  background: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.11);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.module-body .development .development-con {
  display: flex;
  margin-top: 16px;
  padding: 0 51px;
}
.module-body .development .development-con .title {
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
  vertical-align: middle;
}
.module-body .development .development-con > .line {
  width: 1px;
  height: 14px;
  background: #afafaf;
  border-radius: 14px;
  vertical-align: middle;
  margin-left: 22px;
  margin-right: 17px;
  margin-top: 10px;
}
.module-body .development .development-con .text {
  vertical-align: middle;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  color: #afafaf;
  flex: 1;
}
.module-body .development .development-con .development-search {
  width: 200px;
  height: 30px;
  background: #ffffff;
  vertical-align: middle;
  font-size: 0;
  position: relative;
  margin-top: 2px;
}
.module-body .development .development-con .development-search input {
  width: 149px;
  height: 28px;
  padding-left: 11px;
  padding-right: 38px;
  line-height: 28px;
  outline: none;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.module-body .development .development-con .development-search input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.module-body .development .development-con .development-search input:-moz-placeholder {
  color: #ccc;
}
.module-body .development .development-con .development-search input::-moz-placeholder {
  color: #ccc;
}
.module-body .development .development-con .development-search input:-ms-input-placeholder {
  color: #ccc;
}
.module-body .development .development-con .development-search input:hover {
  border-color: #57a3f3;
}
.module-body .development .development-con .development-search input:focus {
  border-color: #57a3f3;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);
}
.module-body .development .development-con .development-search img {
  width: 19px;
  height: 19px;
  position: absolute;
  right: 9px;
  top: 6px;
}
.module-body .development .development-con .development-search .line {
  position: absolute;
  right: 33px;
  top: 8px;
  width: 0px;
  height: 15px;
  border-left: 1px solid #d8d8d8;
}
.module-body .banner {
  height: 290px;
  min-width: 1180px;
  position: relative;
  z-index: 1;
  font-size: 0;
  overflow: hidden;
}
.module-body .banner .content {
  position: relative;
}
.module-body .banner .icon-background {
  width: 100%;
  min-width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  height: 290px;
  z-index: -2;
}
.module-body .banner .icon-banner {
  width: 439px;
  height: 233px;
  position: absolute;
  right: 101px;
  top: 48px;
}
.module-body .banner .banner-title {
  height: 52px;
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
  color: #ffffff;
  padding-top: 51px;
  margin-left: 51px;
}
.module-body .banner .banner-text {
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #ffffff;
  margin-top: 14px;
  margin-left: 51px;
}
.module-body .banner .search-banner {
  width: 460px;
  height: 50px;
  background: #ffffff;
  box-shadow: 0px 5px 5px rgba(40, 66, 93, 0.16);
  border-radius: 25px;
  position: relative;
  margin-top: 32px;
  margin-left: 51px;
  border-radius: 50px;
}
.module-body .banner .search-banner input {
  width: 83%;
  height: 100%;
  padding: 0 27px;
  border: none;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
}
.module-body .banner .search-banner img {
  position: absolute;
  right: 13px;
  top: 7px;
  width: 35px;
  height: 35px;
}
.module-body .search-data {
  width: 460px;
  position: absolute;
  top: 100%;
  margin-top: 12px;
  transform: translateX(-50%);
  z-index: 3;
  display: none;
  left: 50%;
  margin-left: -310px;
  top: 220px;
  padding: 6px 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.module-body .search-data .search-con {
  max-height: 300px;
  width: 100%;
  overflow: auto;
}
.module-body .search-data .search-con a {
  transition: all ease 0.2s;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  padding: 8px 0;
  padding-left: 14px;
  display: none;
}
.module-body .search-data .search-con a.show {
  display: block;
}
.module-body .search-data .search-con a.fadeIn {
  display: block;
}
.module-body .search-data .search-con a:hover {
  color: #00cebb;
}
.module-body .tab {
  height: 60px;
  background: #ffffff;
  box-shadow: 0px 0px 6px rgba(56, 92, 116, 0.12);
}
.module-body .tab .content {
  height: 100%;
  font-size: 0;
}
.module-body .tab .item {
  padding: 0 18px;
  line-height: 29px;
  border-radius: 6px;
  margin-top: 15px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-right: 30px;
}
.module-body .tab .item:first-child {
  margin-left: 50px;
}
.module-body .tab .item:hover {
  background: #f3f3f3;
}
.module-body .tab .item.active {
  color: #00cebb;
  background: transparent;
  position: relative;
}
.module-body .tab .item.active:before {
  position: absolute;
  content: " ";
  background: #00cebb;
  height: 3px;
  width: 57px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
}
.module-body .view-box {
  font-size: 0;
  margin-top: 50px;
}
.module-body .view-box .item {
  width: 364px;
  height: 456px;
  background: #ffffff;
  box-shadow: 0px 1px 18px rgba(0, 44, 42, 0.1);
  border-radius: 6px;
  display: inline-block;
  overflow: hidden;
  margin-right: 30px;
  margin-bottom: 30px;
  vertical-align: top;
  position: relative;
  top: 0;
  transition: all 0.3s ease 0s;
  margin-right: 40px;
}
.module-body .view-box .item:nth-child(3n) {
  margin-right: 0;
}
.module-body .view-box .item .label {
  width: 36px;
  height: 36px;
  line-height: 38px;
  position: absolute;
  right: 17px;
  top: 0;
  text-align: center;
}
.module-body .view-box .item .label img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.module-body .view-box .item .label span {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #fff;
  position: relative;
}
.module-body .view-box .item .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #2b2b2b;
  padding-left: 19px;
  padding-right: 25px;
  margin-top: 12px;
  display: inline-block;
}
.module-body .view-box .item .text {
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  color: #828282;
  padding-left: 19px;
  padding-right: 25px;
  margin-top: 17px;
  display: block;
}
.module-body .view-box .item .icon {
  position: absolute;
  bottom: 21px;
  left: 15px;
}
.module-body .view-box .item .icon img {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.module-body .view-box .item .icon span {
  vertical-align: middle;
  font-size: 12px;
  font-weight: 300;
  color: #333333;
}
.module-body .view-box .item .detail {
  width: 80px;
  height: 32px;
  border: 1px solid #999;
  border-radius: 3px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #828282;
  display: inline-block;
  position: absolute;
  bottom: 21px;
  right: 16px;
}
.module-body .view-box .item .detail:hover {
  color: #00cebb;
  border-color: #00cebb;
}
.module-body .view-box .item:hover {
  top: -5px;
  box-shadow: 0px 40px 50px -60px rgba(59, 65, 76);
}
.module-body .view-box .item:nth-child(3n) {
  margin-right: 0;
}
.module-body .view-box .item .cover {
  width: 100%;
}
.page-product-detail-test {
  position: relative;
  overflow: hidden;
}
.page-product-detail-test .full-screen-mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.page-product-detail-test .service-characteristics {
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}
.page-product-detail-test .service-characteristics .text-title {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  line-height: 46px;
  color: #333333;
  margin-bottom: 32px;
}
.page-product-detail-test .service-characteristics .characteristic-card-content {
  display: flex;
  justify-content: space-between;
}
.page-product-detail-test .service-characteristics .characteristic-card-content .characteristic-card {
  width: 282px;
  height: 163px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  padding: 20px 0px 43px;
  box-sizing: border-box;
}
.page-product-detail-test .service-characteristics .characteristic-card-content .characteristic-card .icon-box-top {
  margin: 0 auto;
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
}
.page-product-detail-test .service-characteristics .characteristic-card-content .characteristic-card .icon-box-top .characteristic-icon {
  width: 40px;
  height: 40px;
}
.page-product-detail-test .service-characteristics .characteristic-card-content .characteristic-card .characteristic-title {
  font-size: 16px;
  margin-bottom: 8px;
  color: #333333;
}
.page-product-detail-test .service-characteristics .characteristic-card-content .characteristic-card .text-explain {
  margin: 0 auto;
  width: 249px;
  font-size: 14px;
  color: #666666;
}
.page-product-detail-test .companies-in-use {
  margin-top: 5px;
  margin-bottom: 40px;
}
.page-product-detail-test .companies-in-use .title-in-use {
  color: #333333;
  font-size: 20px;
  padding-left: 12px;
  line-height: 27px;
  border-left: 3px solid #00cebb;
  margin-bottom: 24px;
}
.page-product-detail-test .companies-in-use .show-corporate {
  width: 995px;
  background-color: #f4f8fd;
  height: 67px;
  box-sizing: border-box;
  overflow: hidden;
}
.page-product-detail-test .companies-in-use .corporate-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  height: 67px;
  -webkit-animation-name: portrait;
  animation-name: portrait;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page-product-detail-test .companies-in-use .corporate-box .corporate-item {
  line-height: 67px;
  flex: 33.33%;
  text-align: center;
  white-space: nowrap;
}
.page-product-detail-test .companies-in-use .corporate-box .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
}
.page-product-detail-test .consulting-service {
  width: auto;
  padding: 0 20px;
}
.page-product-detail-test .use {
  display: none;
  transition: all ease 0.2s;
  width: 112px;
  height: 40px;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  margin-left: 16px;
  background: #00cebb;
}
.page-product-detail-test .use:hover {
  background: rgba(0, 206, 187, 0.92);
}
.page-product-detail-test .use.prohibit {
  color: #576eb1;
  background: #ebedf0;
  cursor: default;
}
.page-product-detail-test .product-detail-block {
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-title {
  font-size: 36px;
  color: #333;
  padding: 80px 0 58px;
  text-align: center;
}
.page-product-detail-test .product-detail-block .product-detail-title .product-detail-title-text {
  display: inline-block;
  font-size: 18px;
  color: #323233;
  line-height: 36px;
  letter-spacing: 1px;
  font-size: 36px;
}
.page-product-detail-test .product-detail-block .product-detail-title .product-detail-title-hint {
  padding-left: 12px;
  font-size: 24px;
  font-weight: 500;
  color: #d9e0e5;
  line-height: 32px;
}
.page-product-detail-test .product-detail-block .product-detail-title h4 {
  font-size: 18px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution {
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .solution-left-list-item {
  margin: 0 0 25px 40px;
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .solution-left-list-item img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: -34px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .solution-left-list-item h5 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 8px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .solution-left-list-item p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-left {
  display: inline-block;
  vertical-align: middle;
  background: #6e78a0;
  padding: 40px;
  padding-bottom: 15px;
  width: 540px;
  min-height: 370px;
  box-sizing: border-box;
  border-radius: 16px 0 0 16px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-left .product-detail-block-solution-left-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
  letter-spacing: 1px;
  padding-bottom: 30px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-right {
  display: inline-block;
  vertical-align: middle;
  width: 660px;
  min-height: 440px;
  box-sizing: border-box;
  border-radius: 16px;
  background: linear-gradient(135deg, #56a6f6, #8985fe);
  padding: 30px 20px;
  padding-bottom: 15px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-right .product-detail-block-solution-right-title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 34px;
  letter-spacing: 1px;
  padding-bottom: 40px;
  text-align: center;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-right .product-detail-block-solution-right-list {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  min-height: 320px;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-right .solution-left-list-item {
  flex: 1;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-right .solution-left-list-item .solution-line {
  line-height: 24px;
  font-weight: 400;
}
.page-product-detail-test .product-detail-block .product-detail-block-solution .product-detail-block-solution-right .solution-left-list-item p {
  font-size: 16px;
}
.page-product-detail-test .product-detail-block .product-detail-content .product-detail-content-list .product-detail-content-list-item {
  display: flex;
  height: 328px;
  padding: 100px 0;
}
.page-product-detail-test .product-detail-block .product-detail-content .product-detail-content-list .product-detail-content-list-item .list-item-body.list-item-body-left:first-child {
  padding-right: 40px;
}
.page-product-detail-test .product-detail-block .product-detail-content .product-detail-content-list .product-detail-content-list-item .list-item-body.list-item-body-right:last-child {
  padding-left: 40px;
}
.page-product-detail-test .product-detail-block .product-detail-content .product-detail-content-list .product-detail-content-list-item .list-item-body .list-item-body-title {
  padding-top: 100px;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #323233;
}
.page-product-detail-test .product-detail-block .product-detail-content .product-detail-content-list .product-detail-content-list-item .list-item-body .list-item-body-content {
  padding-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #969799;
  letter-spacing: 1px;
}
.page-product-detail-test .product-detail-block .product-detail-content .product-detail-content-list .product-detail-content-list-item .list-item-body .list-item-body-image {
  height: 405.77px;
  width: 720px;
}
.page-product-detail-test .product-detail-block .product-detail-feature .product-detail-feature-list {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.page-product-detail-test .product-detail-block .product-detail-feature .product-detail-feature-list .product-detail-feature-item {
  position: relative;
  width: 230px;
  height: 80px;
  text-align: center;
  display: inline-block;
  background: #fafbff;
}
.page-product-detail-test .product-detail-block .product-detail-feature .product-detail-feature-list .product-detail-feature-item .product-detail-feature-item-image {
  width: 68px;
  height: 68px;
  float: left;
}
.page-product-detail-test .product-detail-block .product-detail-feature .product-detail-feature-list .product-detail-feature-item .product-detail-feature-item-text {
  font-size: 24px;
  color: #323233;
  padding-left: 85px;
  font-weight: 500;
}
.page-product-detail-test .product-detail-block .product-detail-feature .product-detail-feature-list .product-detail-feature-item p {
  font-size: 16px;
  padding: 8px 0 0 75px;
  color: #666;
  white-space: nowrap;
  position: absolute;
  left: 10px;
}
.page-product-detail-test .product-detail-block .product-detail-case {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.page-product-detail-test .product-detail-block .product-detail-case .product-detail-case-list .product-detail-case-list-image {
  width: 100%;
}
.page-product-detail-test .product-detail-block .product-detail-product {
  width: 100%;
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item {
  position: relative;
  width: 220px;
  height: 160px;
  border-radius: 8px;
  background: #FAFAFA;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item .product-detail-product-list-item-install {
  position: absolute;
  top: 28px;
  right: 20px;
  color: #999;
  font-size: 14px;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item .product-detail-product-list-item-image {
  position: absolute;
  left: 20px;
  top: 20px;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item .product-detail-product-list-item-image > img {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item .product-detail-product-list-item-title {
  position: absolute;
  left: 20px;
  top: 72px;
  color: #333;
  font-size: 18px;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item .product-detail-product-list-item-button {
  position: absolute;
  top: 110px;
  left: 20px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.page-product-detail-test .product-detail-block .product-detail-product .product-detail-product-list .product-detail-product-list-item .product-detail-product-list-item-button > a {
  color: #0098FF;
}
.page-product-detail-test .product-detail-block .product-detail-recommand {
  width: 100%;
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .product-detail-recommand-list {
  width: 100%;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .product-detail-recommand-list .product-detail-recommand-list-item {
  position: relative;
  width: 50%;
  flex: 0 0 50%;
  padding: 16px 0;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .product-detail-recommand-list .product-detail-recommand-list-item > a {
  font-size: 16px;
  font-weight: 400;
  color: #323233;
  line-height: 24px;
  text-align: center;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .product-detail-recommand-list .product-detail-recommand-list-item > a:hover {
  color: #00CEBB;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list {
  width: 1180px;
  margin: 0 auto;
  font-size: 0;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item {
  width: 166px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  background: linear-gradient(2deg, #EFF6F9 0%, #FFFFFF 100%);
  box-shadow: 0px 0px 15px 1px rgba(18, 79, 121, 0.16);
  border-radius: 8px 8px 8px 8px;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  padding: 18px 0;
  margin-bottom: 36px;
  cursor: pointer;
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item img {
  display: block;
  margin: 0 auto 8px;
  width: 46px;
  height: 46px;
  text-align: center;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item p {
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item > span {
  display: none;
  font-size: 18px;
  color: #333333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item:not(:nth-child(6n)) {
  margin-right: 36px;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item.item-hover:hover {
  background: #E9F0F5;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item.item-hover:hover img,
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item.item-hover:hover p {
  display: none;
}
.page-product-detail-test .product-detail-block .product-detail-recommand .service-industry-list .service-industry-list-item.item-hover:hover span {
  display: block;
}
.page-product-detail-test .product-detail-block .product-detail-consult {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left {
  flex: 1;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left .product-detail-consult-title {
  padding-top: 40px;
  font-size: 24px;
  font-weight: 400;
  color: #646566;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left .product-detail-consult-title .product-detail-consult-title-hint {
  font-size: 32px;
  font-weight: 400;
  color: #323233;
  padding-top: 12px;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left .product-detail-consult-title .product-detail-consult-title-hint span {
  color: #0098ff;
  padding-left: 12px;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left .product-detail-consult-list {
  padding-top: 80px;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left .product-detail-consult-list .product-detail-consult-list-item {
  font-size: 16px;
  font-weight: 400;
  color: #646566;
  position: relative;
  padding-bottom: 24px;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-left .product-detail-consult-list .product-detail-consult-list-item img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  vertical-align: bottom;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-right {
  display: inline-block;
  height: 387px;
  width: 586px;
  background: #fff;
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-consult .product-detail-consult-right .product-detail-consult-form {
  padding: 40px 0;
}
.page-product-detail-test .product-detail-block .product-detail-price {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.page-product-detail-test .product-detail-block .product-detail-flow {
  position: relative;
}
.page-product-detail-test .product-detail-block .product-detail-flow > img {
  display: block;
  margin: 0 auto;
  width: 80%;
}
.page-product-detail-test .related-knowledge {
  width: 1200px;
  margin: 0 auto;
}
.page-product-detail-test .related-knowledge .product-detail-title {
  font-size: 28px;
  color: #333;
  padding: 80px 0 58px;
  text-align: left;
  padding-bottom: 16px;
  border-bottom: 1px solid #E3E9EF;
  margin-bottom: 32px;
}
.page-product-detail-test .related-knowledge .product-detail-title-text {
  font-size: 28px !important;
}
.page-product-detail-test .related-knowledge .product-detail-title-ptext {
  color: #636E80;
  font-size: 17px;
  margin: 10px 0;
}
.page-product-detail-test .custom-development-service {
  width: 100%;
  height: 650px;
  background: #F9FAFD;
}
.page-product-detail-test .custom-development-service > div {
  width: 1200px;
  margin: 0 auto;
}
.page-product-detail-test .product-software-recommendation {
  width: 1200px;
  margin: 0 auto 40px;
}
.page-product-detail-test .product-software-recommendation > div {
  width: 1200px;
}
.page-product-detail-test .product-software-recommendation .product-detail-title {
  text-align: left ;
  padding-bottom: 16px;
  border-bottom: 1px solid #E3E9EF;
  margin-bottom: 32px;
}
.page-product-detail-test .product-software-recommendation .product-detail-title h2 {
  font-size: 28px !important;
}
.page-product-detail-test .users-select-baima {
  width: 100% !important;
  height: 330px;
  background: #F9FAFD;
  padding-bottom: 0 !important;
}
.page-product-detail-test .users-select-baima > div {
  width: 1200px;
  margin: 0 auto;
}
.page-product-detail-test .system-function {
  width: 1200px;
  margin: 0 auto;
}
.page-product-detail-test .system-function .product-detail-title {
  padding: 80px 0 58px;
}
.page-product-detail-test .system-function .product-detail-content-list-item:first-of-type {
  padding: 38px 0 !important;
}
.page-product-detail-test .price {
  display: none;
  transition: all ease 0.2s;
  width: 112px;
  height: 40px;
  background: #ffbc1f;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  margin-left: 16px;
}
.page-product-detail-test .price:hover {
  background: #F8AE00;
}
.page-product-detail-test .banner {
  height: 588px;
  overflow: hidden;
  position: relative;
}
.page-product-detail-test .banner .icon-background {
  width: 100%;
  height: 100%;
  min-width: 1920px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}
.page-product-detail-test .banner .content .banner-con {
  padding-left: 0;
  padding-top: 52px;
  font-size: 0;
}
.page-product-detail-test .banner .content .banner-con .title {
  letter-spacing: 4px;
  font-size: 36px;
  font-weight: 400;
  line-height: 48px;
  color: #fff;
}
.page-product-detail-test .banner .content .banner-con .text {
  margin-top: 9px;
  height: 24px;
  font-size: 18px;
  font-weight: 400;
  width: 920px;
  line-height: 24px;
  color: #ffffff;
}
.page-product-detail-test .banner .content .banner-con .hands {
  position: absolute;
  right: 300px;
  top: 37px;
  width: 72px;
  height: 72px;
}
.page-product-detail-test .banner .content .banner-con .banner-btn {
  right: 0;
  top: 92px;
  position: absolute;
  z-index: 0;
}
.page-product-detail-test .banner .content .banner-con .banner-btn .left {
  width: 160px;
  height: 40px;
  background: #fff;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  transition: all ease 0.2s;
  vertical-align: top;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #2c83f3;
  margin-left: 16px;
}
.page-product-detail-test .banner .content .banner-con .banner-btn .left:hover {
  background: rgba(255, 255, 255, 0.92);
}
.page-product-detail-test .banner .content .banner-con .banner-btn .right {
  transition: all ease 0.2s;
  width: 112px;
  height: 40px;
  background: #ffbc1f;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin-left: 16px;
  position: relative;
}
.page-product-detail-test .banner .content .banner-con .banner-btn .right .button-mobile-experience {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.page-product-detail-test .banner .content .banner-con .banner-btn .right:hover {
  background: #F8AE00;
}
.page-product-detail-test .banner .content .iframe {
  height: 424px;
  background-size: cover;
  position: fixed;
  z-index: 0;
  width: 1200px;
  margin: 163px 300px 0px;
  transition: all 0.5s ease 0s;
  left: 50%;
  top: 0;
  transform: translateX(-75.5%);
}
.page-product-detail-test .banner .content .iframe.mobile-preview-box {
  transition: none;
}
.page-product-detail-test .banner .content .iframe iframe {
  border: none;
  border-radius: 8px;
  width: 124.9%;
  height: 125%;
  transform: scale(0.8);
  transform-origin: 0% 0%;
  position: relative;
  z-index: 99;
}
.page-product-detail-test .banner .content .iframe .mask {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
.page-product-detail-test .banner .content .iframe .mask .text,
.page-product-detail-test .banner .content .iframe .mask .mobile-mask-text {
  border: 2px solid #383838;
  border-radius: 32px;
  width: 218px;
  height: 60px;
  background: #000;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-48%) translateY(-38%);
  font-size: 18px;
  font-weight: 600;
  line-height: 56px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.page-product-detail-test .banner .content .iframe .mask .text.mobile-mask-text,
.page-product-detail-test .banner .content .iframe .mask .mobile-mask-text.mobile-mask-text {
  width: 182px;
  height: 56px;
  background: #000000;
  border: 2px solid #383838;
  border-radius: 32px;
  opacity: 1;
}
.page-product-detail-test .banner .content .iframe .mask .text:hover,
.page-product-detail-test .banner .content .iframe .mask .mobile-mask-text:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  color: #333333;
  border: none;
}
.page-product-detail-test .banner .content .iframe .mask .text:hover .black-preview,
.page-product-detail-test .banner .content .iframe .mask .mobile-mask-text:hover .black-preview {
  display: block;
  top: 20px;
  left: 35px;
}
.page-product-detail-test .banner .content .iframe .mask .text .white-preview,
.page-product-detail-test .banner .content .iframe .mask .mobile-mask-text .white-preview {
  vertical-align: top;
  width: 22px;
  height: 18px;
  margin-right: 12px;
  margin-top: 20px;
}
.page-product-detail-test .banner .content .iframe .mask .text .black-preview,
.page-product-detail-test .banner .content .iframe .mask .mobile-mask-text .black-preview {
  display: none;
  width: 22px;
  height: 18px;
  position: absolute;
  top: 20px;
}
.page-product-detail-test .banner .content .iframe .experience-mobile {
  display: none;
  position: absolute;
  right: 67px;
  top: -134px;
  width: 375px;
  height: 733px;
  z-index: 5;
}
.page-product-detail-test .banner .content .iframe .experience-mobile.experience-mobile-modal {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 2;
}
.page-product-detail-test .banner .content .iframe .experience-mobile.experience-mobile-modal::after {
  width: 430px;
  height: 812px;
  background: url("../image/pc/module/icon-detail-phone-model.png") no-repeat;
  background-size: 430px 812px;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
}
.page-product-detail-test .banner .content .iframe .experience-mobile::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 272px;
  height: 543px;
  background: url("../image/pc/module/icon-detail-phone-model.png") no-repeat;
  background-size: 272px 543px;
}
.page-product-detail-test .banner .content .iframe .experience-mobile::before {
  display: none;
  z-index: 10000;
  position: absolute;
  content: "";
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  width: 151px;
  height: 33px;
  background: url("../image/pc/module/icon-detail-mobile-angs.png") no-repeat;
  background-size: 151px 33px;
}
.page-product-detail-test .banner .content .iframe .experience-mobile .mobile-iframe {
  margin: 16px 16px;
  border-radius: 29px;
  width: 100%;
  height: 100%;
  transform-origin: 0% 0%;
  position: absolute;
  z-index: 9999;
  image-rendering: auto;
  transform: scaleX(0.65) scaleY(0.7);
  transition: transform 0.5s;
}
.page-product-detail-test .banner .content .iframe .experience-mobile .mobile-iframe.mobile-iframe-modal {
  width: 375px;
  height: 765px;
  left: 50%;
  top: 46px;
  transform: translateX(-54%);
  border-radius: 40px;
}
.page-product-detail-test .banner .content .iframe .experience-mobile .mask {
  top: -49px;
  transform: scale(0.8);
  left: -15px;
  width: 81%;
  height: 88%;
  border-radius: 20px;
  z-index: 9999;
}
.page-product-detail-test .banner .content .iframe .experience-mobile .mask .mobile-mask-text {
  width: 182px;
  height: 56px;
  border-radius: 32px;
  left: 145px;
  top: 305px;
}
.page-product-detail-test .banner .content .iframe .experience-mobile .mask .mobile-mask-text .black-preview {
  left: 17px;
}
.page-product-detail-test .banner .content .iframe .no-experience {
  position: relative;
  width: 1200px;
  height: 424px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../image/banner/no-experience.png") no-repeat;
  background-size: 100% 100%;
  height: 100%;
}
.page-product-detail-test .banner .content .iframe .no-experience::after {
  position: absolute;
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.page-product-detail-test .banner .content .iframe .no-experience .text-no-experience {
  position: absolute;
  font-size: 18px;
  color: #fff;
  width: 222px;
  line-height: 64px;
  text-align: center;
  background-color: #000;
  border-radius: 32px;
}
.page-product-detail-test .product-detail-nav-title {
  position: absolute;
  top: -140px;
}
.page-product-detail-test.active {
  z-index: 103;
}
.page-product-detail-test.active .banner .mask {
  display: none;
}
.page-product-detail-test.active .banner .content .iframe {
  z-index: 5;
  height: 100%;
  top: 0px;
  left: 50%;
  margin: 0px;
  width: 100%;
  transform: translateX(-50%);
}
.page-product-detail-test.active .banner .content .iframe iframe {
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  transform: scale(1);
  height: calc(100% - 64px);
}
.page-product-detail-test.active .view-content,
.page-product-detail-test.active .fill {
  display: none;
}
.page-product-detail-test.active .product-head {
  left: 0;
  bottom: 0;
  position: fixed;
  top: initial;
}
.page-product-detail-test.active .product-head .content {
  width: initial;
  padding: 0px 60px;
}
.page-product-detail-test.active .product-head .content .item-btn.preview {
  display: inline-block;
}
.page-product-detail-test.active .product-head .content .item-btn.preview:not(.quit-preview) {
  display: none;
}
.product-head {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
  z-index: 12;
  border-top: solid 1px #ddd;
  height: 56px;
}
.product-head .content {
  font-size: 0;
  text-align: right;
}
.product-head .content .crm-icon {
  float: left;
  margin-top: 22px;
  opacity: 0;
  transition: all 0.2s ease 0s;
  padding-left: 6px;
}
.product-head .content .crm-icon img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.product-head .content .crm-icon .name {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  margin-left: 10px;
  vertical-align: middle;
}
.product-head .content .crm-icon.show {
  opacity: 1;
  margin-top: 15px;
}
.product-head .content .product-right-nav-test {
  min-width: 1100px;
  position: relative;
  height: 56px;
  background-color: #fff;
}
.product-head .content .product-right-nav-test > div {
  display: inline-block;
  vertical-align: middle;
}
.product-head .content .product-right-nav-test .product-right-nav-list {
  font-size: 0;
}
.product-head .content .product-right-nav-test .product-right-nav-list > a {
  display: inline-block;
  font-size: 18px;
  padding: 0 40px;
  height: 56px;
  line-height: 56px;
  color: #666;
  text-align: center;
}
.product-head .content .product-right-nav-test .product-right-nav-list > a:not(:last-of-type) {
  margin-right: 16px;
}
.product-head .content .product-right-nav-test .product-right-nav-list > a:hover {
  color: #0098FF;
}
.product-head .content .product-right-nav-test .product-right-nav-list > a.active {
  height: 60px;
  font-size: 20px;
  color: #fff;
  background-color: #0098FF;
  border-radius: 0 0 16px 16px;
}
.product-head .content .operation-btn {
  position: absolute;
  right: 20px;
  top: 9px;
}
.product-head .content .operation-btn .item-btn {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  padding: 7px 16px;
  border-radius: 21px;
  margin-top: 0 !important;
}
.product-head .content .operation-btn .item-btn.preview {
  color: #333;
  background: #f5f5f5;
}
.product-head .content .operation-btn .item-btn.preview.quit-preview {
  display: none;
}
.product-head .content .operation-btn .item-btn.preview:hover {
  background: #EAEAEA;
}
.product-head .content .operation-btn .item-btn.fix {
  margin-left: 12px;
  color: #fff;
  background: #ffbc1f;
  padding: 7px 18px;
}
.product-head .content .operation-btn .item-btn.fix:hover {
  background: #F8AE00;
}
.view-content {
  z-index: 2;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  width: 100%;
  padding: 20px 0 0;
  background: #ffffff;
}
.view-content .content {
  width: 100%;
  padding: 0;
  max-width: 100%;
}
.view-content .content > div {
  padding-bottom: 80px;
}
.view-content .content .will-face-problem {
  width: 100%;
  background: #F9FAFD;
}
.view-content .content .will-face-problem > div {
  width: 1200px;
  margin: 0 auto;
}
.view-content .content .caigou-content-item4 .content-box {
  width: 1200px;
  margin: 0 auto;
}
.view-content .content .caigou-content-item4 .item4-content-deploy-architectur {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.view-content .content .caigou-content-item4 .item4-content-deploy-architectur img {
  width: 100%;
  height: 100%;
}
.view-content .content .nav-bar {
  width: 1200px;
  margin: 0 auto;
  font-size: 0;
  padding: 14px 0 0;
}
.view-content .content .nav-bar .nav-bar-item {
  font-size: 0;
  display: inline-block;
}
.view-content .content .nav-bar .nav-bar-item a {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999;
  vertical-align: middle;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.view-content .content .nav-bar .nav-bar-item a:hover {
  color: #00cebb;
}
.view-content .content .nav-bar .nav-bar-item a:last-child {
  color: #333;
}
.view-content .content .nav-bar .nav-bar-item a img {
  margin-right: 8px;
}
.view-content .content .nav-bar .nav-bar-item a img.hover {
  display: none;
}
.view-content .content .nav-bar .nav-bar-item a[href]:hover img {
  display: none;
}
.view-content .content .nav-bar .nav-bar-item a[href]:hover img.hover {
  display: block;
}
.view-content .content .nav-bar .nav-bar-item img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.view-content .content .detail-head {
  position: relative;
  padding-left: 116px;
  margin-top: 25px;
}
.view-content .content .detail-head > img {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.view-content .content .detail-head .title {
  font-size: 0;
}
.view-content .content .detail-head .title h1 {
  height: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #333;
  display: inline-block;
}
.view-content .content .detail-head .title span {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  margin-left: 16px;
  text-align: center;
  display: inline-block;
  width: 52px;
  height: 24px;
  background: rgba(44, 131, 243, 0.1);
  border-radius: 100px;
  color: #2c83f3;
  vertical-align: top;
  margin-top: 3px;
}
.view-content .content .detail-head .head-line {
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  color: #333;
  margin-top: 16px;
}
.view-content .content .detail-head .text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
  margin-top: 10px;
}
.view-content .content .detail-head .info {
  font-size: 0;
  margin-top: 16px;
}
.view-content .content .detail-head .info img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
.view-content .content .detail-head .info span {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  vertical-align: middle;
  margin-right: 24px;
}
.view-content .content .detail-head .info span.line {
  width: 1px;
  height: 14px;
  background: #666;
  display: inline-block;
}
.modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.modal-view .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.modal-view .user-info .icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.modal-view .user-info > .title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.modal-view .user-info .colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 88px;
}
.modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
}
.modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 430px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.hide-module .page-product-detail .use {
  display: inline-block;
}
.hide-module .page-product-detail .banner,
.hide-module .page-product-detail .head {
  display: none;
}
.hide-module .page-product-detail .nav-bar .nav-bar-item:first-child {
  display: none;
}
.hide-module .page-product-detail .head {
  top: 0;
}
.hide-module .page-product-detail .price {
  display: inline-block;
}
.product-detail-content-item5 {
  padding-top: 65px;
  margin: 0;
  position: relative;
}
.product-detail-content-item5 .anchor-point {
  position: absolute;
  top: -135px;
}
.product-detail-content-item5 .classic-cases-content1 {
  padding-bottom: 58px;
}
.product-detail-content-item5 .classic-cases-content1 .content1-title-box {
  width: 648px;
  margin: 0 auto;
}
.product-detail-content-item5 .classic-cases-content1 .content1-title-box h2 {
  font-size: 36px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 58px;
}
.product-detail-content-item5 .classic-cases-content1 .content1-toggle-box {
  width: 1160px;
  margin: 0 auto;
  font-size: 0;
}
.product-detail-content-item5 .classic-cases-content1 .content1-toggle-box > div {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  height: 62px;
  padding: 15px 32px;
  box-sizing: border-box;
  border-radius: 32px;
  background: #F5F8FD;
  cursor: pointer;
  position: relative;
}
.product-detail-content-item5 .classic-cases-content1 .content1-toggle-box > div:last-of-type {
  margin-left: 30px;
}
.product-detail-content-item5 .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active {
  background: linear-gradient(271deg, #42B0FF 0%, #1170FF 100%);
}
.product-detail-content-item5 .classic-cases-content1 .content1-toggle-box > div.content1-toggle-active p {
  color: #fff;
}
.product-detail-content-item5 .classic-cases-content1 .content1-toggle-box > div p {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.product-detail-content-item5 .classic-cases-content2 {
  height: 460px;
  background: #E9ECF5;
  position: relative;
}
.product-detail-content-item5 .classic-cases-content2 > div {
  margin: 0 auto;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-case-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-case-bg img {
  width: 100%;
  height: 100%;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content {
  width: 1180px;
  margin: 0 auto;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div {
  width: 510px;
  overflow: hidden;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul {
  width: 1180px;
  height: 100%;
  font-size: 0;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .case-company-icon {
  width: 300px;
  height: 64px;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li > p {
  width: 500px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
  margin: 24px 0 28px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation {
  display: flex;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div {
  letter-spacing: 0.8px;
  margin-right: 35px;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div p {
  font-size: 26px;
  font-weight: 600;
  color: #0098FF;
  margin-bottom: 6px;
  text-align: center;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-swiper-content > div ul li .data-presentation > div > span {
  display: block;
  font-size: 12px;
  color: #676B73;
  text-align: center;
  white-space: nowrap;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow {
  width: 1170px;
  font-size: 0;
  z-index: 11;
  margin-left: -585px;
  position: absolute;
  left: 50%;
  bottom: 48px;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow a {
  display: inline-block;
  width: 147px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(270deg, #42B0FF 0%, #1170FF 100%);
  color: #fff;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow a:hover {
  opacity: 0.8;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow div {
  display: inline-block;
  vertical-align: top;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow div img {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  display: block;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow div img.icon-hover {
  display: none;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow div:hover img {
  display: none;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow div:hover img.icon-hover {
  display: block;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow span {
  font-size: 24px;
  color: #333;
  line-height: 38px;
  margin: 0 8px;
  position: relative;
  top: 11px;
}
.product-detail-content-item5 .classic-cases-content2 > div .operation-icon-arrow.research-development {
  margin-top: 26px;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-case-img {
  z-index: -2;
  width: 54.231%;
  height: 100%;
  position: absolute;
  top: -58px;
  right: 0;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-case-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-case-img > div {
  width: 100%;
  height: 100%;
}
.product-detail-content-item5 .classic-cases-content2 > div .content2-case-img > div img {
  width: 100%;
  height: 100%;
  transition: all 0.8s;
  position: absolute;
  left: 1px;
  opacity: 0;
}
.baima-pay-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.baima-pay-modal .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.baima-pay-modal .modal-body {
  position: relative;
  width: 1066px;
  left: 50%;
  top: 50%;
  height: 771px;
  background: #fff;
  margin-left: -533px;
  margin-top: -385px;
}
.baima-pay-modal .modal-body .close {
  z-index: 5;
  position: absolute;
  top: 20px;
  right: 24px;
  width: 17px;
  height: 17px;
  cursor: pointer;
}
.baima-pay-modal .modal-body iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.baima-pay-modal.pay-oder-list-view .modal-body {
  width: 760px;
  height: 466px;
  margin-left: -380px;
  margin-top: -233px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.baima-pay-modal.pay-oder-list-view .modal-body .table-view {
  margin: 0 10px;
  overflow: overlay;
  max-height: 362px;
  position: relative;
}
.baima-pay-modal.pay-oder-list-view .modal-body .table-head {
  margin: 0 10px;
  margin-bottom: -1px;
  margin-top: 10px;
}
.baima-pay-modal.pay-oder-list-view .modal-body table {
  border-radius: 4px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #e5e5e5;
  width: 100%;
}
.baima-pay-modal.pay-oder-list-view .modal-body table th {
  height: 44px;
  background: #f8f8f9;
  padding: 0 12px;
  font-size: 14px;
  color: #333;
  border-right: 1px solid #e5e5e5;
}
.baima-pay-modal.pay-oder-list-view .modal-body table td {
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #333;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.baima-pay-modal.pay-oder-list-view .modal-body table td .red {
  color: red;
}
.baima-pay-modal.pay-oder-list-view .modal-body table td .green {
  color: #0098ff;
}
.baima-pay-modal.pay-oder-list-view .order-title {
  background: #f6f7fb;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 5px 5px 0 0;
  font-size: 13px;
  padding-left: 21px;
  border-bottom: 1px solid #e9e9e9;
}
.baima-pay-modal.pay-oder-list-view .close {
  top: 13px;
  right: 17px;
  width: 15px;
  height: 15px;
}
.baima-pay-modal.pay-oder-list-view .no-data {
  font-size: 14px;
  text-align: center;
  margin-top: 155px;
  color: #ccc;
}
.baima-pay-modal .check {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.baima-pay-modal .check img {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.baima-pay-modal .check img.hover {
  display: none;
  border-radius: 2px;
  background: #00cebb;
}
.baima-pay-modal .check.active img {
  display: none;
}
.baima-pay-modal .check.active img.hover {
  display: block;
}
@media screen and (max-width: 1500px) {
  .baima-pay-modal.order .order-view-content .order-step .step-item .line {
    width: 9vw;
  }
}
@media screen and (max-width: 1380px) {
  .baima-pay-modal.order .order-view-content .order-step .step-item .line {
    width: 3.5vw;
  }
}
.baima-pay-modal-success {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: max-content;
}
.baima-pay-modal-success .rear-content {
  text-align: center;
}
.baima-pay-modal-success .rear-content > .title {
  display: inline-block;
  margin-bottom: 35px;
  margin-left: -33px;
}
.baima-pay-modal-success .rear-content > .title img {
  height: 86px;
  margin-right: 18px;
  width: 105px;
  vertical-align: middle;
}
.baima-pay-modal-success .rear-content > .title span {
  font-weight: 600;
  line-height: 27px;
  font-size: 20px;
  color: #333;
  vertical-align: middle;
}
.baima-pay-modal-success .rear-content .auto-content {
  width: 498px;
  height: 190px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin: 0 auto;
}
.baima-pay-modal-success .rear-content .auto-content .auto-content-head {
  margin-top: 12px;
  margin-left: 16px;
}
.baima-pay-modal-success .rear-content .auto-content .auto-content-head img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
}
.baima-pay-modal-success .rear-content .auto-content .auto-content-head span {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #333;
  vertical-align: middle;
}
.baima-pay-modal-success .rear-content .auto-content .login-add {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #333;
  margin-top: 28px;
}
.baima-pay-modal-success .rear-content .auto-content .login-add a {
  cursor: pointer;
  color: #00cebb;
}
.baima-pay-modal-success .rear-content .auto-content .login-acc {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: #999;
  margin-top: 15px;
}
.baima-pay-modal-success .rear-content .modal-qr {
  margin: 0 auto;
  margin-top: 28px;
  width: 313px;
  padding-left: 185px;
  position: relative;
}
.baima-pay-modal-success .rear-content .modal-qr .qr {
  width: 140px;
  height: 140px;
  position: absolute;
  left: 20px;
}
.baima-pay-modal-success .rear-content .modal-qr .title {
  padding-top: 25px;
}
.baima-pay-modal-success .rear-content .modal-qr .title img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
.baima-pay-modal-success .rear-content .modal-qr .title span {
  vertical-align: middle;
}
.baima-pay-modal-success .rear-content .modal-qr .text {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #666;
}
.baima-pay-modal-success .pay-submit-success img {
  width: 105px;
  height: 86px;
  margin: 0 auto;
  display: block;
}
.baima-pay-modal-success .pay-submit-success .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #333333;
  margin-top: 25px;
  text-align: center;
}
.baima-pay-modal-success .pay-submit-success .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #999999;
  margin-top: 11px;
  margin-bottom: 27px;
}
.baima-pay-modal-success .pay-submit-success .reapply {
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 32px;
  user-select: none;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  width: 130px;
  height: 32px;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #0098ff;
  border-color: #0098ff;
}
.baima-pay-modal-success .pay-submit-success .view-order {
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 32px;
  user-select: none;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #333;
  width: 130px;
  height: 32px;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #fff;
  border-color: #dcdee2;
}
.baima-pay-modal-fail {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: max-content;
}
.baima-pay-modal-fail .rear-content {
  text-align: center;
}
.baima-pay-modal-fail .rear-content > .title {
  display: inline-block;
  margin-bottom: 32px;
  margin-left: -33px;
}
.baima-pay-modal-fail .rear-content > .title img {
  height: 80px;
  margin-right: 18px;
  width: 80px;
  vertical-align: middle;
}
.baima-pay-modal-fail .rear-content > .title span {
  font-weight: 600;
  line-height: 27px;
  font-size: 20px;
  color: #333;
  vertical-align: middle;
}
.baima-pay-modal-fail .rear-content .rear-btn {
  border-radius: 3px;
  height: 40px;
  width: 148px;
  background: #00cebb;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  display: inline-block;
}
.baima-pay-modal-fail .rear-content .modal-qr {
  padding-top: 34px;
  width: 273px;
  padding-left: 211px;
  margin: 0 auto;
  margin-top: 24px;
  position: relative;
  border-top: 1px solid #e5e5e5;
}
.baima-pay-modal-fail .rear-content .modal-qr .qr {
  width: 140px;
  height: 140px;
  position: absolute;
  left: 43px;
  top: 17px;
}
.baima-pay-modal-fail .rear-content .modal-qr .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #333;
}
.baima-pay-modal-fail .rear-content .modal-qr .phone {
  margin-top: 20px;
  width: 202px;
  height: 43px;
  background: #f1f1f1;
  border-radius: 6px;
  text-align: center;
  line-height: 39px;
}
.baima-pay-modal-fail .rear-content .modal-qr .phone img {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  vertical-align: middle;
}
.baima-pay-modal-fail .rear-content .modal-qr .phone span {
  vertical-align: middle;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  color: #333;
}
.baima-pay-modal-fail .pay-fail img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: block;
}
.baima-pay-modal-fail .pay-fail .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #333333;
  margin-top: 25px;
  text-align: center;
}
.baima-pay-modal-fail .pay-fail .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #999999;
  margin-top: 11px;
  margin-bottom: 27px;
}
.baima-pay-modal-fail .pay-fail .reapply {
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 32px;
  user-select: none;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  width: 130px;
  height: 32px;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #0098ff;
  border-color: #0098ff;
}
.baima-page-other-joinus {
  width: 1064px;
  margin: 0 auto;
}
.baima-page-other-joinus .joinus-head {
  margin-top: 56px;
  position: relative;
}
.baima-page-other-joinus .joinus-head img {
  width: 1000px;
  height: 231px;
}
.baima-page-other-joinus .joinus-head .joinus-head-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 39px;
  color: #333333;
  opacity: 1;
  position: absolute;
  top: 32px;
  left: 452px;
}
.baima-page-other-joinus .joinus-head .joinus-head-description {
  width: 777px;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  opacity: 1;
  white-space: normal;
  text-align: center;
  position: absolute;
  top: 96px;
  left: 93px;
  padding-left: 24px;
  padding-right: 24px;
}
.baima-page-other-joinus .joinus-tab {
  padding: 0 295px;
  padding-top: 56px;
  margin-bottom: 0;
  position: sticky;
  background: #fff;
  z-index: 1;
  top: 35px;
}
.baima-page-other-joinus .joinus-tab span {
  font-size: 16px;
  line-height: 39px;
  opacity: 1;
  padding-right: 36px;
  padding-left: 36px;
  color: #666666;
}
.baima-page-other-joinus .joinus-tab span a {
  color: #323233;
}
.baima-page-other-joinus .joinus-tab span:nth-child(2) {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.baima-page-other-joinus .joinus-tab span:nth-child(3) {
  border-right: 1px solid #dddddd;
}
.baima-page-other-joinus .joinus-tab span:hover {
  color: #00cebb;
  cursor: pointer;
}
.baima-page-other-joinus .joinus-tab .active {
  color: #00cebb;
  font-weight: 600;
}
.baima-page-other-joinus .joinus-content .joinus-divider {
  padding-bottom: 120px;
  margin-top: -100px;
}
.baima-page-other-joinus .joinus-content .joinus-content-work {
  padding-left: 32px;
  padding-right: 32px;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-title {
  display: flex;
  justify-content: space-between;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-title p {
  font-size: 20px;
  font-weight: 600;
  line-height: 39px;
  color: #333333;
  position: relative;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-title p img {
  width: 18px;
  height: 18px;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-title p .icon-slidedown,
.baima-page-other-joinus .joinus-content .joinus-content-work .work-title p .icon-color-slidedown {
  position: absolute;
  top: 6px;
  left: 0;
  opacity: 0;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-experience {
  font-size: 14px;
  color: #666666;
  line-height: 39px;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-platform-server {
  display: none;
}
.baima-page-other-joinus .joinus-content .joinus-content-work .work-platform-server p {
  font-size: 14px;
  line-height: 28px;
  color: #999999;
}
.baima-page-other-joinus .joinus-content .content-work-descript {
  padding-left: 32px;
  margin-top: 28px;
}
.baima-page-other-joinus .joinus-content .content-work-descript .work-descript {
  font-size: 16px;
  font-weight: 600;
  line-height: 39px;
  color: #333333;
}
.baima-page-other-joinus .joinus-content .content-work-descript p {
  color: #666666;
  line-height: 28px;
  font-size: 14px;
}
.baima-page-other-joinus .joinus-content .content-work-require {
  padding-left: 32px;
  margin-top: 28px;
}
.baima-page-other-joinus .joinus-content .content-work-require .work-require {
  font-size: 16px;
  font-weight: 600;
  line-height: 39px;
  color: #333333;
}
.baima-page-other-joinus .joinus-content .content-work-require p {
  color: #666666;
  line-height: 28px;
  font-size: 14px;
}
.baima-page-other-joinus .joinus-content .work-deliver {
  width: 112px;
  height: 40px;
  background: #00cebb;
  box-shadow: 0px 3px 6px rgba(0, 187, 170, 0.2);
  opacity: 1;
  border-radius: 2px;
  text-align: center;
  line-height: 40px;
  position: relative;
  margin-bottom: 80px;
  margin-left: 32px;
  margin-top: 64px;
}
.baima-page-other-joinus .joinus-content .work-deliver a {
  font-size: 16px;
  color: #ffffff;
  opacity: 1;
}
.baima-page-other-joinus .joinus-content .work-deliver .popper {
  background: #fff;
  position: absolute;
  top: -40px;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  left: 0px;
  padding: 8px;
  border-radius: 4px;
  color: #333;
  padding-left: 0;
}
.nav-tab {
  width: 100%;
  height: 56px;
  background: #fff;
  position: fixed;
  z-index: 99;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #F0F0F0;
}
.nav-tab .nav-tab-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1180px;
}
.nav-tab .nav-tab-box a {
  color: #646566;
}
.nav-tab .nav-tab-item {
  float: left;
  height: 56px;
  border-radius: 0px 0px 0px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  margin: 0 19px;
  line-height: 56px;
  color: #646566;
  border: none;
  cursor: pointer;
}
.nav-tab .nav-tab-item span {
  padding-bottom: 15px;
}
.nav-tab .nav-tab-item span:hover {
  border-bottom: solid 3px #00CEBB;
  color: #323233;
  font-weight: 600;
}
.nav-tab .nav-tab-item .selected {
  border-bottom: solid 3px #00CEBB;
  color: #323233;
  font-weight: 600;
}
.baima-pc-category-crm-total {
  background: #FAFAFA;
  margin-top: 56px;
}
.baima-pc-category-crm {
  width: 1180px;
  margin: auto;
}
.baima-pc-category-crm .crumbs {
  margin-left: 12px;
  height: 69px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.baima-pc-category-crm .crumbs .crumbs {
  height: 21px;
  display: flex;
  align-items: center;
  color: #666666;
}
.baima-pc-category-crm .crumbs a {
  font-size: 13px;
  color: #999999 !important;
}
.baima-pc-category-crm .crumbs img {
  width: 13px;
  height: 13px;
}
.baima-pc-category-crm .category-crm-content {
  display: flex;
  justify-content: space-between;
}
.baima-pc-category-crm .category-crm-content .category-crm-main {
  width: 792px;
  min-height: 400px;
  background: #fff;
  position: relative;
  border-radius: 8px 8px 8px 8px;
  padding-bottom: 24px;
}
.baima-pc-category-crm .category-crm-content .category-crm-nav {
  margin: 16px;
  height: 46px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.baima-pc-category-crm .category-crm-content .category-crm-nav .category-crm-nav-item {
  width: auto;
  position: relative;
  height: 32px;
  background: #F8F8F8;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  margin-right: 16px;
  display: inline-block;
  padding: 0 16px;
  cursor: pointer;
  color: #646566;
}
.baima-pc-category-crm .category-crm-content .category-crm-nav .category-crm-nav-item-active {
  width: auto;
  position: relative;
  height: 32px;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  margin-right: 16px;
  display: inline-block;
  padding: 0 16px;
  cursor: pointer;
  background: rgba(0, 206, 187, 0.05);
  color: #00CEBB;
}
.baima-pc-category-crm .category-crm-content ul.crm-list {
  margin-top: 8px;
  /* 替换为图片 */
}
.baima-pc-category-crm .category-crm-content ul.crm-list > li {
  height: 138px;
  padding: 15px;
  border-radius: 4px;
  display: flex;
}
.baima-pc-category-crm .category-crm-content ul.crm-list > li:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
}
.baima-pc-category-crm .category-crm-content ul.crm-list a {
  display: block;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-img {
  width: 211px;
  height: 100%;
  background: #f1f2f3;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-box {
  flex: 1;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-title {
  height: 25px;
  font-size: 17px;
  margin-bottom: 13px;
  color: #323233;
  font-weight: 600;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-desc {
  font-size: 13px;
  min-height: 63px;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  color: #646566;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-other {
  display: flex;
  margin-top: auto;
  margin-bottom: 2px;
  height: 21px;
  font-size: 13px;
  align-items: center;
  color: #969799;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-other > div {
  display: flex;
  align-items: center;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-other img {
  width: 13px;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-other span {
  padding: 0 15px 0 4px;
}
.baima-pc-category-crm .category-crm-content ul.crm-list .crm-item-date {
  margin-left: auto;
}
.baima-pc-category-crm .category-crm-content ul.page {
  display: flex;
  justify-content: center;
  margin: 38px 0;
}
.baima-pc-category-crm .category-crm-content ul.page > li {
  width: 31px;
  height: 31px;
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 31px;
  text-align: center;
  margin-right: 15px;
}
.baima-pc-category-crm .category-crm-content ul.page a {
  border: 1px solid #DCDEE0;
  display: block;
  width: 100%;
  height: 100%;
  color: #646566;
}
.baima-pc-category-crm .category-crm-content ul.page a.active {
  color: #0098FF;
  background: #E9F6FF;
  border: 1px solid #0098FF;
}
.baima-pc-category-crm .category-crm-content ul.page .page-pre,
.baima-pc-category-crm .category-crm-content ul.page .page-next {
  width: 71px;
}
.baima-pc-category-crm .category-crm-content ul.page .maximum-value {
  color: #C8C9CC;
}
.baima-pc-category-crm .category-crm-content .no-message {
  position: absolute;
  left: 50%;
  top: 400px;
  text-align: center;
  color: #646566;
  font-size: 14px;
  transform: translateX(-50%);
}
.baima-pc-category-crm .category-crm-content .category-crm-aside {
  width: 348px;
  opacity: 1;
}
.baima-pc-category-crm .category-crm-content .crm-aside-searchBox {
  width: 348px;
  height: 96px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
}
.baima-pc-category-crm .category-crm-content .crm-aside-searchBox .aside-search-box {
  display: none;
}
.baima-pc-category-crm .category-crm-content .crm-aside-search-box {
  display: flex;
  justify-content: space-between;
  width: 300px;
  height: 48px;
  background: #F8F8F8;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
  transform: translate(-50%, -50%);
  position: relative;
  left: 50%;
  top: 50%;
}
.baima-pc-category-crm .category-crm-content .crm-aside-search-box .crm-input-area {
  margin-left: 20px;
  flex: 1;
  height: 48px;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  width: 300px;
  background: #F8F8F8;
  border-radius: 8px 8px 8px 8px;
  border: none;
  opacity: 1;
}
.baima-pc-category-crm .category-crm-content .crm-aside-search-box .crm-input-area::placeholder {
  color: #C8C9CC;
}
.baima-pc-category-crm .category-crm-content .crm-aside-search-box .crm-input-search {
  cursor: pointer;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-radius: 2px;
  outline: none;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #00CEBB;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.baima-pc-category-crm .category-crm-content .crm-aside-article-box {
  margin: 24px 0;
  width: 348px;
  height: 422px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
}
.baima-pc-category-crm .category-crm-content .crm-aside-article-title {
  margin: 24px 24px 0 24px;
  color: #323233;
  position: absolute;
  font-family: Microsoft YaHei-Semibold;
  font-weight: 600;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box {
  margin-top: 29px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .crm-aside-content-sketch {
  display: flex;
  font-size: 17px;
  color: #323233;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #F0F0F0;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .crm-aside-title {
  font-weight: bold;
  position: relative;
  padding-bottom: 9px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .crm-aside-title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #0098FF;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .crm-aside-more {
  font-size: 13px;
  color: #969799;
  cursor: pointer;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .crm-aside-more:hover {
  color: #0098FF;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .crm-install-rank-item {
  height: 116px;
  box-sizing: border-box;
  border: 1px solid #DCDEE0;
  border-radius: 2px;
  margin-top: 15px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-top {
  height: calc(100% - 46px);
  position: relative;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-top-info {
  position: absolute;
  left: 31px;
  top: 50%;
  display: flex;
  transform: translateY(-50%);
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-top-info .install-img {
  width: 38px;
  height: 38px;
  display: inline-block;
  border-radius: 4px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-top-info .install-item-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 15px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-top-info .install-item-box > p:nth-child(1) {
  font-size: 14px;
  color: #323233;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-top-info .install-item-box > p:nth-child(2) {
  font-size: 12px;
  color: #969799;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-bottom {
  height: 46px;
  background: #F5F5F5;
  box-sizing: border-box;
  padding: 13px 45px 0;
  display: flex;
  justify-content: space-between;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-bottom:hover {
  background: #EAEAEA;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-rank-bottom > a {
  line-height: 23px;
  width: 100px;
  border-radius: 2px;
  height: 23px;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  word-spacing: 1px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-consultation {
  border: 1px solid #0098FF;
  cursor: pointer;
  color: #0098FF;
  background: #fff;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .install-trial {
  background: #343F53;
  color: #fff;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .recommend-item a {
  display: block;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  color: #323233;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .recommend-item a:hover {
  color: #0098FF;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .recommend-item-title {
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 266px;
}
.baima-pc-category-crm .category-crm-content .crm-aside-content-box .recommend-item-date {
  color: #969799;
}
.baima-pc-category-crm .crm-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.baima-pc-category-crm .crm-mask .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.baima-pc-category-crm .crm-mask .user-info {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2000;
}
.baima-pc-category-crm .crm-mask .adv-custom {
  position: relative;
  margin: 0 auto;
  margin-top: -42px;
  width: 1084px;
  height: 360px;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  text-align: center;
}
.baima-pc-category-crm .crm-mask .adv-custom::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1034px;
  height: 125px;
  background: #ffffff;
  opacity: 0.4;
  border-radius: 5px;
  top: -14px;
  left: 25px;
  z-index: -1;
}
.baima-pc-category-crm .crm-mask .adv-custom::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 979px;
  height: 116px;
  background: #ffffff;
  opacity: 0.4;
  border-radius: 5px;
  top: -24px;
  left: 55px;
  z-index: -1;
}
.baima-pc-category-crm .crm-mask .adv-custom .adv-title {
  background: url("../image/pc/module/icon-info-bg.png?v=1");
  line-height: 64px;
  background-size: 100% 100%;
  height: 64px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  font-weight: bold;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
  padding-top: 40px;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .left span {
  color: red;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  background: #fbfbfb;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  outline: none;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-pc-category-crm .crm-mask .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-pc-category-crm .crm-mask .adv-custom .btn {
  width: 182px;
  height: 50px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 50px;
  margin: 0 auto;
}
.baima-pc-category-crm .crm-mask .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-pc-category-crm .crm-mask .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-pc-category-crm .crm-mask .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
}
.baima-pc-category-crm .crm-mask .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-pc-category-crmCustomer {
  /* 定制特点 */
  /* 落地流程 */
  /* 客户案例 */
  /* 常见问题 */
}
.baima-pc-category-crmCustomer > div {
  padding-bottom: 35px;
}
.baima-pc-category-crmCustomer .banner-img {
  height: 924px;
  position: relative;
}
.baima-pc-category-crmCustomer .banner-img img {
  width: 100%;
  height: 100%;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box {
  position: absolute;
  left: 50%;
  top: 77px;
  transform: translateX(-50%);
  font-size: 38px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-title {
  height: 52px;
  line-height: 52px;
  margin-bottom: 14px;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-desc {
  font-size: 17px;
  height: 33px;
  line-height: 33px;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-input-area {
  width: 419px;
  height: 46px;
  background: #fff;
  margin: 42px auto 0;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  font-size: 15px;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-input-area > input {
  flex: 1;
  box-sizing: border-box;
  padding: 0 15px;
  border: none;
  outline: none;
  font-size: 16px;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-input-area > input::placeholder {
  color: #C8C9CC;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-input-area > div {
  width: 126px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
  border-radius: 4px;
  background: #00CEBB;
  box-shadow: 0 2px 12px 0 rgba(10, 71, 124, 0.2);
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .banner-img-input-area > div:hover {
  background: #10BFAE;
}
.baima-pc-category-crmCustomer .banner-img .banner-img-box .sub-banner {
  display: block;
  width: 1377px;
  height: 681px;
  margin: -21px auto 0;
}
.baima-pc-category-crmCustomer .crm-customer-box {
  color: #323233;
  position: relative;
}
.baima-pc-category-crmCustomer .crm-customer-box .problem-list .problem-item {
  display: none;
}
.baima-pc-category-crmCustomer .crm-customer-box .problem-list .problem-item:nth-child(6),
.baima-pc-category-crmCustomer .crm-customer-box .problem-list .problem-item:nth-child(7),
.baima-pc-category-crmCustomer .crm-customer-box .problem-list .problem-item:nth-child(8),
.baima-pc-category-crmCustomer .crm-customer-box .problem-list .problem-item:nth-child(9),
.baima-pc-category-crmCustomer .crm-customer-box .problem-list .problem-item:nth-child(10) {
  display: block;
}
.baima-pc-category-crmCustomer .crm-customer-box .crm-customer-title {
  font-weight: bold;
  text-align: center;
  font-size: 35px;
  padding: 84px 0 41px;
}
.baima-pc-category-crmCustomer .crm-customer-box .crm-customer-desc {
  text-align: center;
  font-size: 17px;
  line-height: 35px;
}
.baima-pc-category-crmCustomer .crm-customer-box .filter-img {
  width: 172px;
  height: 172px;
  background: gold;
  position: absolute;
  right: 0;
  top: 30%;
  backdrop-filter: 15px;
}
.baima-pc-category-crmCustomer .crm-customer-box .crm-customer-learn-more {
  width: 120px;
  display: flex;
  text-align: center;
  color: #0098FF;
  font-size: 19px;
  height: 27px;
  align-items: center;
  margin: 38px auto 12px;
}
.baima-pc-category-crmCustomer .crm-customer-box .crm-customer-learn-more span {
  white-space: nowrap;
}
.baima-pc-category-crmCustomer .crm-customer-box .crm-customer-learn-more img {
  width: 23px;
  height: 23px;
  margin-left: 12px;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list {
  margin: auto;
  width: 1131px;
  display: flex;
  justify-content: space-between;
  font-size: 23px;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list > div {
  width: 345px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 69px;
  border: 1px solid #DCDEE0;
  cursor: pointer;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list > div:hover {
  background: #f5f5f5;
  border: 1px solid #0098FF;
  position: relative;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list > div > img {
  width: 33px;
  height: 33px;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list > div > p {
  margin-left: 15px;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list .trait-item-active {
  background: #0098FF;
  border: 1px solid #0098FF;
  position: relative;
  color: #fff;
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-list .trait-item-active::after {
  content: "";
  border-top: 24px solid #0098FF;
  border-bottom: 24px solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -49px;
  left: 50%;
  transform: translateX(-50%);
}
.baima-pc-category-crmCustomer .crm-customer-trait .crm-customer-trait-content {
  height: 543px;
  background: #F5FBFF;
  padding-top: 61px;
}
.baima-pc-category-crmCustomer .crm-customer-trait #trait-swiper-container {
  width: 1131px;
  height: 100%;
  margin: auto;
  overflow: hidden;
}
.baima-pc-category-crmCustomer .crm-customer-trait .swiper-slide {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-desc {
  flex: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 19px 0 39px;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-desc .trait-content-box {
  cursor: pointer;
  box-sizing: border-box;
  padding-left: 23px;
  margin-bottom: 41px;
  border-left: 3px solid #C8C9CC;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-desc .trait-content-box.active {
  border-left-color: #0098FF;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-desc .trait-content-box.active .trait-content-desc-title {
  color: #0098FF;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-desc-title {
  font-size: 25px;
  height: 46px;
  line-height: 46px;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-desc-info {
  font-size: 17px;
  line-height: 27px;
  color: #646566;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-img {
  width: 612px;
  height: 420px;
  margin-top: -80px;
  overflow: hidden;
  object-fit: cover;
}
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-img img,
.baima-pc-category-crmCustomer .crm-customer-trait .trait-content-img video {
  width: 100%;
  height: 100%;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .crm-customer-landing-process-box1 {
  width: 1100px;
  margin: 0 auto 80px;
  height: 338px;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process img {
  width: 100%;
  height: 100%;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .crm-customer-process-list {
  height: 234px;
  display: flex;
  justify-content: space-around;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .crm-customer-process-list > li:nth-child(odd) {
  margin-top: 61px;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .crm-customer-process-item {
  width: 153px;
  height: 173px;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(15, 89, 140, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 17px;
  line-height: 27px;
  color: #08436C;
  box-sizing: border-box;
  padding: 4px;
  position: relative;
  overflow: hidden;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .process-img {
  width: 46px;
  height: 46px;
  background: #0098FF;
  margin-bottom: 15px;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .process-number {
  width: 69px;
  bottom: -65px;
  right: -65px;
  height: 69px;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 50% 0 0 0;
  background-image: linear-gradient(143deg, #E9F6FF 0%, rgba(240, 240, 240, 0) 100%);
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .process-number > span {
  position: absolute;
  font-size: 27px;
  color: #C6DBEB;
  left: 20%;
  top: 10%;
  font-weight: bold;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .crm-customer-landing-process-box2 {
  margin: auto;
  width: 1131px;
  height: 307px;
  border-radius: 12px;
  position: relative;
  color: #fff;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .crm-customer-landing-process-box2 img {
  width: 100%;
  height: 100%;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content {
  position: absolute;
  text-align: center;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content span::after {
  width: 100%;
  height: 10px;
  background: #FFC31E;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content > p {
  white-space: nowrap;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content > p:nth-child(1) {
  font-size: 33px;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content > p:nth-child(2) {
  padding: 34px 0 43px;
  font-size: 19px;
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content > a {
  background: #fff;
  width: 187px;
  height: 46px;
  border-radius: 4px;
  display: block;
  margin: auto;
  text-align: center;
  cursor: pointer;
  font-size: 19px;
  line-height: 46px;
  color: #0098FF;
  box-shadow: 0 2px 12px 0 rgba(10, 71, 124, 0.16);
}
.baima-pc-category-crmCustomer .crm-customer-landing-process .customer-process-box2-content > a:hover {
  background: #EDF8FC;
}
.baima-pc-category-crmCustomer .crm-customer-case .crm-customer-case-list {
  overflow: hidden;
  margin: auto;
  padding-top: 5px;
}
.baima-pc-category-crmCustomer .crm-customer-case .crm-customer-case-item {
  width: 284px;
  height: 244px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  align-items: center;
  margin-right: 18px;
}
.baima-pc-category-crmCustomer .crm-customer-case .crm-customer-case-item img {
  width: 100%;
  height: 100%;
}
.baima-pc-category-crmCustomer .crm-customer-problem {
  background-image: url("../image/pc/custom/bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 71px;
}
.baima-pc-category-crmCustomer .crm-customer-problem .problem-title {
  display: none;
}
.baima-pc-category-crmCustomer .city-guess-recommend {
  height: 150px;
  background-color: #F1F3F5;
}
.baima-pc-category-crmCustomer .city-guess-recommend .city-common-container {
  width: 1130px;
  padding: 80px 0;
  margin: 0 auto;
  text-align: center;
  padding: 25px 0;
  box-sizing: border-box;
}
.baima-pc-category-crmCustomer .city-guess-recommend .city-common-container .guess-recommend {
  max-width: 1203px;
  height: 115px;
  position: relative;
  padding-left: 125px;
  margin-bottom: 25px;
}
.baima-pc-category-crmCustomer .city-guess-recommend .city-common-container .guess-recommend > div {
  height: 114px;
  overflow: hidden;
}
.baima-pc-category-crmCustomer .city-guess-recommend .city-common-container .guess-recommend > div p {
  font-size: 16px;
  color: #333;
  position: absolute;
  top: 8px;
  left: 6px;
}
.baima-pc-category-crmCustomer .city-guess-recommend .city-common-container .guess-recommend > div a {
  font-size: 14px;
  color: #666;
  margin-right: 24px;
  line-height: 36px;
  word-break: keep-all;
  cursor: pointer;
}
.baima-pc-category-crmCustomer .city-guess-recommend .city-common-container .guess-recommend > div a:hover {
  color: #1877F5;
}
.baima-pc-category-crmCustomer .baima-free-consult {
  padding-bottom: 0;
}
.baima-platform {
  background: #f5f7fa;
  min-width: initial;
}
.baima-page-platform-index {
  position: relative;
  background: #f5f7fa;
  display: flex;
  flex-flow: column;
  padding-bottom: 20px;
  padding-right: 16px;
}
.baima-page-platform-index .title {
  display: flex;
  color: #333;
  font-size: 15px;
  line-height: 18px;
}
.baima-page-platform-index .title .blue-border {
  margin-right: 8px;
  width: 4px;
  height: 18px;
  background-color: #0098ff;
}
.baima-page-platform-index .text {
  color: #969799;
  font-size: 14px;
}
.baima-page-platform-index .content-box .title {
  color: #595959;
  font-size: 14px;
  margin-top: 8px;
}
.baima-page-platform-index .content-box .swiper-box {
  margin-top: 12px;
  height: 440px;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container {
  height: 100%;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
  height: 96px;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  height: 100%;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item {
  display: flex;
  padding: 0 16px;
  height: 100%;
  margin-top: 1px;
  border-radius: 8px;
  align-items: center;
  transition: box-shadow 0.3s;
  box-sizing: border-box;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .left-img {
  width: 120px;
  height: 80px;
  flex: 0 0 120px;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .left-img .icon-software {
  width: 100%;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content {
  height: auto;
  margin-left: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content .swiper-title {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  flex: 1;
  color: #131314;
  display: flex;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content .swiper-title .right-title {
  font-size: 14px;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content .swiper-title:hover .right-title {
  color: #0098ff;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content .swiper-title .right-tag {
  padding: 0px 8px;
  background: #e9f6ff;
  color: #0098ff;
  border-radius: 8px 8px 8px 0;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content .swiper-text {
  flex: 1;
  width: calc(100% - 130px);
  font-size: 12px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: #969799;
  padding-right: 130px;
  word-break: break-all;
  -webkit-box-orient: vertical;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-wrapper .swiper-slide .swiper-item .right-content .item-button {
  position: absolute;
  right: 16px;
  top: 32px;
  height: 32px;
  line-height: 32px;
  color: #333;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #dcdee0;
  padding: 0 16px;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev,
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-next {
  width: 32px;
  position: absolute;
  height: 32px;
  box-shadow: 0px 1px 3px rgba(0, 48, 102, 0.16);
  border-radius: 50%;
  background-color: #fff;
  background-image: none;
  top: 50%;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev.swiper-button-disabled::after,
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-next.swiper-button-disabled::after {
  opacity: 0.5;
  cursor: not-allowed;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev::after,
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-next::after {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 50%;
  top: -22%;
  transform: translate(-50%, -50%);
  content: "";
  background: url("../image/pc/platform/index/icon-prev-open.png");
  background-repeat: no-repeat !important;
  background-size: 16px 16px;
  background-position: 7px 6px !important;
  z-index: 999;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(0, 48, 102, 0.4);
  cursor: pointer;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev::before,
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-next::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 186px;
  background-color: #fff;
  left: -1px;
  top: -90px;
  z-index: 10;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev {
  left: 0;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev::before {
  left: -58px;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-prev::after {
  left: 73%;
  background-position: 6px 7px !important;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-next {
  right: 0;
}
.baima-page-platform-index .content-box .swiper-box .swiper-container .swiper-software-next::after {
  background: url("../image/pc/platform/index/icon-next.png");
  background-size: 16px 16px;
}
.baima-page-platform-index .software-center {
  padding: 24px;
  padding-bottom: 13px;
  margin-top: 13px;
  background-color: #fff;
  border-radius: 4px;
}
.baima-page-platform-index .software-center .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.baima-page-platform-index .software-center .head .head-left {
  display: flex;
}
.baima-page-platform-index .software-center .head .head-left .title {
  letter-spacing: 1px;
}
.baima-page-platform-index .software-center .head .head-left .text-title span {
  margin: 0 8px;
}
.baima-page-platform-index .software-center .head .head-right {
  display: flex;
}
.baima-page-platform-index .software-center .head .head-right .more {
  display: flex;
  align-items: center;
  margin-right: 21px;
  cursor: pointer;
}
.baima-page-platform-index .software-center .head .head-right .more .icon-more-box {
  width: 18px;
  height: 18px;
  padding-top: 1px;
  margin-left: 3px;
}
.baima-page-platform-index .software-center .head .head-right .more .icon-more-box .icon-box {
  width: 100%;
}
.baima-page-platform-index .software-center .head .head-right .software-more {
  height: 24px;
  display: inline-block;
  color: #0098ff;
  line-height: 24px;
  position: relative;
}
.baima-page-platform-index .software-center .head .head-right .software-more:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 3px;
  background: #0098ff;
}
.baima-page-platform-index .software-center .head .head-right .button-shelf-software {
  width: 94px;
  height: 32px;
  background-color: #0098ff;
  color: #fff;
  text-align: center;
  font-size: 13px;
  border-radius: 2px;
  box-shadow: 0px 3px 6px rgba(31, 164, 255, 0.26);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.baima-page-platform-index .software-center .head .head-right .button-shelf-software:hover {
  background: #29b0ff;
}
.baima-page-platform-index .software-center .head .head-right .button-shelf-software img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.baima-page-platform-index .software-center .popular-software-box .title {
  color: #323233;
  font-weight: 600;
}
.baima-page-platform-index .software-center .new-arrival-box {
  padding-top: 10px;
  box-sizing: border-box;
}
.baima-page-platform-index .bottom-block {
  display: flex;
  margin-top: 16px;
  position: relative;
}
.baima-page-platform-index .bottom-block .bottom-block-panel {
  height: 328px;
  flex: 1;
  border-radius: 4px;
  margin-right: 16px;
  position: relative;
}
.baima-page-platform-index .bottom-block .bottom-block-panel:nth-last-child(1) {
  margin-right: 0;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-tool {
  flex: 0 0 350px;
  background: #fff;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-tool .panel-tool-title {
  font-size: 15px;
  font-weight: 600;
  color: #323233;
  line-height: 22px;
  padding: 0 24px;
  padding-top: 24px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-tool .panel-tool-list {
  display: flex;
  width: 300px;
  padding: 0 24px;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 24px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-tool .panel-tool-list .panel-tool-list-item {
  width: 124px;
  flex: 0 0 124px;
  text-align: center;
  background: #fafafa;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 24px;
  height: 40px;
  line-height: 40px;
  color: #333;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info {
  background: #fff;
  min-width: 240px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list {
  height: 100%;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .content {
  height: 100%;
  min-height: auto;
  margin: 0;
  padding: 0;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .content .head {
  margin: 0;
  padding: 0 24px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .content .head .title-box {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .content .head .more {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0098ff;
  cursor: pointer;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .content .head .more .icon-more-box .icon-box {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .content .head .head-swiper-tab {
  position: relative;
  margin-top: 12px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .list {
  overflow-y: auto;
  margin-right: 0;
  padding-right: 18px;
  margin-left: 24px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .list .item {
  display: flex;
  padding-bottom: 24px;
  position: relative;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .list .item::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 32px;
  width: 1px;
  background: #eee;
  top: 18px;
  left: 7px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .list .item:nth-last-child(1)::after {
  display: none;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .list .item .icon-box {
  padding-right: 8px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-info .info-list .list .item .text {
  font-size: 14px;
  color: #333;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene {
  background-color: #fff;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 23px 0;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search {
  display: flex;
  width: 180px;
  height: 30px;
  border-radius: 3px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search .input-search {
  width: 140px;
  height: 100%;
  border-radius: 3px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  padding-left: 9px;
  background-color: #fff;
  flex: 1;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search .input-search::-webkit-input-placeholder {
  color: #bfbfbf;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search .input-search:focus {
  outline: none;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search .icon-search-box {
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search .icon-search-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #e9e9e9;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .scene-title .scene-search .icon-search-box img {
  width: 16px;
  height: 16px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head {
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-container {
  width: unset;
  margin: 0 53px 0 23px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-slide {
  color: #646566;
  padding-left: 15px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-slide.active {
  color: #0098ff;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-slide.active span {
  display: inline-block;
  height: 100%;
  position: relative;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-slide.active span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #0098ff;
  left: 0;
  bottom: 2px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-slide.active::after {
  content: none;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-button-next::after,
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-button-prev::after {
  content: none !important;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-button-prev {
  left: 18px;
  background-size: 80% 80%;
  background-image: url("../image/pc/scene/icon-right.svg");
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .head .swiper-button-next {
  right: 16px;
  background-size: 80% 80%;
  background-image: url("../image/pc/scene/icon-right.svg");
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .no-data {
  min-height: 170px;
  margin: 0;
  padding-top: 50px;
  box-sizing: border-box;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-body .page-option {
  margin-top: 0;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .swiper-container {
  width: 100%;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .swiper-container .swiper-wrapper {
  width: 300px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .swiper-container .swiper-slide {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 49px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list {
  padding-top: 0;
  height: unset;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list .item {
  margin: 0 !important;
  height: unset;
  padding: 0 13px 24px 23px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list .item:first-child {
  padding-top: 24px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list .item:hover {
  background: unset;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list .item .text {
  line-height: 24px;
  height: 24px;
  padding-left: 15px;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list .item .text:hover {
  background: #f5f5f5;
  color: #0098ff;
}
.baima-page-platform-index .bottom-block .bottom-block-panel-scene .scene-list .item img {
  margin-right: 8px;
}
.baima-page-platform-product-list {
  position: relative;
  padding-top: 16px;
}
.baima-page-platform-product-list a {
  cursor: pointer;
}
.baima-page-platform-product-list .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #333;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  padding-bottom: 12px;
  padding-left: 8px;
}
.baima-page-platform-product-list .title:after {
  height: 2px;
  width: 96px;
  background: #2c83f3;
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
}
.baima-page-platform-product-list .ranking {
  padding-top: 40px;
}
.baima-page-platform-product-list .ranking .ranking-content {
  padding-left: 488px;
  position: relative;
}
.baima-page-platform-product-list .ranking .ranking-content .left {
  left: 0;
  top: 0;
  font-size: 0;
  width: 408px;
  position: absolute;
  display: inline-block;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list {
  width: 50%;
  padding-top: 16px;
  vertical-align: top;
  display: inline-block;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list.first .item:nth-child(1) .index {
  color: #eb4f4f;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list.first .item:nth-child(2) .index {
  color: #ffaa16;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list.first .item:nth-child(3) .index {
  color: #2c83f3;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item {
  height: 40px;
  margin-bottom: 18px;
  position: relative;
  display: block;
  width: 200px;
  height: 56px;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item:hover {
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item:last-child {
  margin: 0;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item .index {
  top: 8px;
  left: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 40px;
  color: #ddd;
  position: absolute;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item img {
  top: 8px;
  border-radius: 2px;
  left: 46px;
  width: 40px;
  height: 40px;
  position: absolute;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item .text {
  top: 8px;
  font-weight: 600;
  left: 94px;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 52%;
}
.baima-page-platform-product-list .ranking .ranking-content .left .list .item .num {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
  position: absolute;
  left: 94px;
  top: 31px;
}
.baima-page-platform-product-list .ranking .ranking-content .right {
  height: 281px;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container {
  height: 100%;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container .swiper-slide img {
  width: 100%;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container .swiper-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 51px;
  text-align: center;
  left: 0;
  z-index: 6;
  cursor: pointer;
  display: none;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container .swiper-prev img {
  width: 9px;
  height: 15px;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container .swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 51px;
  text-align: center;
  right: 0;
  z-index: 6;
  cursor: pointer;
  display: none;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container .swiper-next img {
  width: 9px;
  height: 15px;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container:hover .swiper-prev {
  display: block;
}
.baima-page-platform-product-list .ranking .ranking-content .right .swiper-container:hover .swiper-next {
  display: block;
}
.baima-page-platform-product-list .recommend {
  margin-top: 56px;
  margin-bottom: 42px;
}
.baima-page-platform-product-list .recommend .list {
  font-size: 0;
  padding-top: 24px;
}
.baima-page-platform-product-list .recommend .list .item {
  vertical-align: top;
  border-radius: 4px;
  margin-right: 3.5%;
  width: 31%;
  height: 120px;
  background: #fff;
  position: relative;
  display: inline-block;
  box-shadow: 0px 1px 3px rgba(0, 87, 200, 0.21);
  margin-bottom: 24px;
}
.baima-page-platform-product-list .recommend .list .item:hover {
  box-shadow: 0px 2px 8px rgba(0, 87, 200, 0.21);
}
.baima-page-platform-product-list .recommend .list .item:nth-child(3n) {
  margin-right: 0;
}
.baima-page-platform-product-list .recommend .list .item img {
  border-radius: 4px;
  height: 96px;
  width: 118px;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 16px;
  top: 12px;
}
.baima-page-platform-product-list .recommend .list .item .item-text {
  max-width: 206px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  position: absolute;
  left: 150px;
  top: 56px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.baima-page-platform-product-list .recommend .list .item .item-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #333;
  position: absolute;
  left: 150px;
  top: 23px;
}
.baima-page-platform-product-list .recommend .list .item .item-title span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  vertical-align: middle;
}
.baima-page-platform-product-list .recommend .list .item .item-title .type {
  display: inline-block;
  width: 42px;
  line-height: 16px;
  background: rgba(44, 131, 243, 0.1);
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #2c83f3;
  margin-right: 12px;
  vertical-align: middle;
}
.baima-page-platform-product-list .case .head {
  height: 32px;
  margin-top: 24px;
  display: flex;
}
.baima-page-platform-product-list .case .head .search {
  flex: 1;
  border-radius: 2px;
  height: 40px;
  margin-right: 56px;
  background: #f4f4f4;
  position: relative;
}
.baima-page-platform-product-list .case .head .search input {
  height: 38px;
  border: none;
  background: transparent;
  outline: none;
  width: 90%;
  padding-right: 8%;
  padding-left: 2%;
  font-size: 14px;
  line-height: 38px;
  color: #333;
  font: inherit;
  border: 1px solid transparent;
}
.baima-page-platform-product-list .case .head .search input::-ms-input-placeholder {
  color: #bbb;
}
​ .baima-page-platform-product-list .case .head .search input::-webkit-input-placeholder {
  color: #bbb;
}
​ .baima-page-platform-product-list .case .head .search input::-moz-placeholder {
  color: #bbb;
}
.baima-page-platform-product-list .case .head .search input::-webkit-input-placeholder {
  color: #bbb;
}
.baima-page-platform-product-list .case .head .search img {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.baima-page-platform-product-list .case .head .search img.hover {
  display: none;
}
.baima-page-platform-product-list .case .head .search.active input {
  background: #fff;
  border: 1px solid #e9e9e9;
}
.baima-page-platform-product-list .case .head .search.active img {
  display: none;
}
.baima-page-platform-product-list .case .head .search.active img.hover {
  display: block;
}
.baima-page-platform-product-list .case .head .selectBox {
  line-height: 38px;
  position: relative;
  z-index: 9;
  width: 164px;
  height: 40px;
  margin-left: 24px;
}
.baima-page-platform-product-list .case .head .selectBox .inputCase {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.baima-page-platform-product-list .case .head .selectBox .inputCase input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  text-indent: 16px;
  cursor: default;
  border: 1px solid #e9e9e9;
  color: #666;
  outline: none;
  border-radius: 2px;
  font-size: 14px;
  font: inherit;
  line-height: 38px;
}
.baima-page-platform-product-list .case .head .selectBox .inputCase input.active {
  border-color: #00cebb;
}
.baima-page-platform-product-list .case .head .selectBox .inputCase img {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #007aff;
}
.baima-page-platform-product-list .case .head .selectBox .inputCase img.active {
  transform: rotate(180deg);
}
.baima-page-platform-product-list .case .head .selectBox ul::-webkit-scrollbar {
  width: 5px;
}
.baima-page-platform-product-list .case .head .selectBox ul::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
.baima-page-platform-product-list .case .head .selectBox ul::-webkit-scrollbar-thumb {
  background: #e9e9e9;
  border-radius: 5px;
}
.baima-page-platform-product-list .case .head .selectBox .selectUl {
  display: none;
  padding: 0;
  margin-top: 8px;
  background: #fff;
  height: 208px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  overflow: auto;
  padding: 12px;
}
.baima-page-platform-product-list .case .head .selectBox .selectUl li {
  height: 28px;
  border-radius: 4px;
  line-height: 28px;
  list-style: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  padding-left: 12px;
  padding-right: 10px;
  margin-bottom: 4px;
}
.baima-page-platform-product-list .case .head .selectBox .selectUl li:last-child {
  margin-bottom: 0;
}
.baima-page-platform-product-list .case .head .selectBox .selectUl li.active {
  color: #00cebb;
}
.baima-page-platform-product-list .case .head .selectBox .selectUl li:hover {
  background: #f4f4f4;
}
.baima-page-platform-product-list .case .list {
  font-size: 0;
  margin-top: 24px;
  margin-bottom: 16px;
}
.baima-page-platform-product-list .case .list .item {
  width: 280px;
  height: 426px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  position: relative;
  display: inline-block;
  margin-right: 24px;
  margin-bottom: 24px;
  overflow: hidden;
}
.baima-page-platform-product-list .case .list .item:nth-child(4n) {
  margin-right: 0;
}
.baima-page-platform-product-list .case .list .item .label {
  width: 36px;
  height: 36px;
  line-height: 38px;
  position: absolute;
  right: 17px;
  top: 0;
  text-align: center;
}
.baima-page-platform-product-list .case .list .item .label img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.baima-page-platform-product-list .case .list .item .label span {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #fff;
  position: relative;
}
.baima-page-platform-product-list .case .list .item .cover {
  opacity: 1;
  width: 100%;
  max-height: 183px;
}
.baima-page-platform-product-list .case .list .item .cover:hover {
  opacity: 0.8;
}
.baima-page-platform-product-list .case .list .item .item-title {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.baima-page-platform-product-list .case .list .item .item-title:hover {
  color: #00cebb;
}
.baima-page-platform-product-list .case .list .item .text {
  font-weight: 300;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 12px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.baima-page-platform-product-list .case .list .item .build {
  position: absolute;
  left: 24px;
  bottom: 52px;
}
.baima-page-platform-product-list .case .list .item .build img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  vertical-align: middle;
}
.baima-page-platform-product-list .case .list .item .build span {
  font-weight: 400;
  margin-left: 11px;
  height: 17px;
  font-size: 13px;
  line-height: 17px;
  color: #666;
  vertical-align: middle;
}
.baima-page-platform-product-list .case .list .item .foot {
  height: 40px;
  padding: 0 24px;
  border-top: 1px solid #e9e9e9;
  position: absolute;
  width: 229px;
  bottom: 0;
  left: 0;
}
.baima-page-platform-product-list .case .list .item .foot .day {
  font-size: 13px;
  font-weight: 400;
  line-height: 40px;
  color: #666;
}
.baima-page-platform-product-list .case .list .item .foot .num {
  font-size: 13px;
  font-weight: 400;
  line-height: 40px;
  color: #666;
}
.baima-page-platform-product-list .no-data {
  margin-top: 48px;
  text-align: center;
  margin-bottom: 80px;
}
.baima-page-platform-product-list .no-data img {
  width: 88px;
  height: 88px;
}
.baima-page-platform-product-list .no-data .text {
  font-weight: 400;
  margin-top: 16px;
  font-size: 14px;
  line-height: 19px;
  color: #999;
  text-align: center;
}
.baima-page-platform-product-detail {
  position: relative;
  overflow: hidden;
}
.baima-page-platform-product-detail .full-screen-mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.baima-page-platform-product-detail .service-characteristics {
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}
.baima-page-platform-product-detail .service-characteristics .text-title {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  line-height: 46px;
  color: #333333;
  margin-bottom: 32px;
}
.baima-page-platform-product-detail .service-characteristics .characteristic-card-content {
  display: flex;
  justify-content: space-between;
}
.baima-page-platform-product-detail .service-characteristics .characteristic-card-content .characteristic-card {
  width: 282px;
  height: 163px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  padding: 20px 0px 43px;
  box-sizing: border-box;
}
.baima-page-platform-product-detail .service-characteristics .characteristic-card-content .characteristic-card .icon-box-top {
  margin: 0 auto;
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
}
.baima-page-platform-product-detail .service-characteristics .characteristic-card-content .characteristic-card .icon-box-top .characteristic-icon {
  width: 40px;
  height: 40px;
}
.baima-page-platform-product-detail .service-characteristics .characteristic-card-content .characteristic-card .characteristic-title {
  font-size: 16px;
  margin-bottom: 8px;
  color: #333333;
}
.baima-page-platform-product-detail .service-characteristics .characteristic-card-content .characteristic-card .text-explain {
  margin: 0 auto;
  width: 249px;
  font-size: 14px;
  color: #666666;
}
.baima-page-platform-product-detail .companies-in-use {
  margin-top: 5px;
  margin-bottom: 40px;
}
.baima-page-platform-product-detail .companies-in-use .title-in-use {
  color: #333333;
  font-size: 20px;
  padding-left: 12px;
  line-height: 27px;
  border-left: 3px solid #00cebb;
  margin-bottom: 24px;
}
.baima-page-platform-product-detail .companies-in-use .show-corporate {
  width: 995px;
  background-color: #f4f8fd;
  height: 67px;
  box-sizing: border-box;
  overflow: hidden;
}
.baima-page-platform-product-detail .companies-in-use .corporate-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  height: 67px;
  -webkit-animation-name: portrait;
  animation-name: portrait;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.baima-page-platform-product-detail .companies-in-use .corporate-box .corporate-item {
  line-height: 67px;
  flex: 33.33%;
  text-align: center;
  white-space: nowrap;
}
.baima-page-platform-product-detail .companies-in-use .corporate-box .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
}
.baima-page-platform-product-detail .consulting-service {
  width: auto;
  padding: 0 20px;
}
.baima-page-platform-product-detail .use {
  display: none;
  transition: all ease 0.2s;
  width: 112px;
  height: 40px;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  margin-left: 16px;
  background: #00cebb;
}
.baima-page-platform-product-detail .use:hover {
  background: rgba(0, 206, 187, 0.92);
}
.baima-page-platform-product-detail .use.prohibit {
  color: #c8c9cc;
  background: #ebedf0;
  cursor: default;
}
.baima-page-platform-product-detail .price {
  display: none;
  transition: all ease 0.2s;
  width: 112px;
  height: 40px;
  background: #ffbc1f;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  margin-left: 16px;
}
.baima-page-platform-product-detail .price:hover {
  background: #f8ae00;
}
.baima-page-platform-product-detail .banner {
  height: 588px;
  overflow: hidden;
  position: relative;
}
.baima-page-platform-product-detail .banner .icon-background {
  width: 100%;
  height: 100%;
  min-width: 1920px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}
.baima-page-platform-product-detail .banner .content .banner-con {
  padding-left: 0;
  padding-top: 52px;
  font-size: 0;
}
.baima-page-platform-product-detail .banner .content .banner-con .title {
  letter-spacing: 4px;
  font-size: 36px;
  font-weight: 400;
  line-height: 48px;
  color: #fff;
}
.baima-page-platform-product-detail .banner .content .banner-con .text {
  margin-top: 9px;
  height: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
.baima-page-platform-product-detail .banner .content .banner-con .hands {
  position: absolute;
  right: 300px;
  top: 37px;
  width: 72px;
  height: 72px;
}
.baima-page-platform-product-detail .banner .content .banner-con .banner-btn {
  right: 0;
  top: 92px;
  position: absolute;
  z-index: 0;
}
.baima-page-platform-product-detail .banner .content .banner-con .banner-btn .left {
  width: 160px;
  height: 40px;
  background: #fff;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  transition: all ease 0.2s;
  vertical-align: top;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #2c83f3;
  margin-left: 16px;
}
.baima-page-platform-product-detail .banner .content .banner-con .banner-btn .left:hover {
  background: rgba(255, 255, 255, 0.92);
}
.baima-page-platform-product-detail .banner .content .banner-con .banner-btn .right {
  transition: all ease 0.2s;
  width: 112px;
  height: 40px;
  background: #ffbc1f;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin-left: 16px;
  position: relative;
}
.baima-page-platform-product-detail .banner .content .banner-con .banner-btn .right .button-mobile-experience {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.baima-page-platform-product-detail .banner .content .banner-con .banner-btn .right:hover {
  background: #f8ae00;
}
.baima-page-platform-product-detail .banner .content .iframe {
  height: 424px;
  background-size: cover;
  position: fixed;
  z-index: 0;
  width: 1200px;
  margin: 163px 300px 0px;
  transition: all 0.5s ease 0s;
  left: 50%;
  top: 0;
  transform: translateX(-75.5%);
}
.baima-page-platform-product-detail .banner .content .iframe iframe {
  border: none;
  border-radius: 8px;
  width: 124.9%;
  height: 125%;
  transform: scale(0.8);
  transform-origin: 0% 0%;
  position: relative;
  z-index: 99;
}
.baima-page-platform-product-detail .banner .content .iframe .mask {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
.baima-page-platform-product-detail .banner .content .iframe .mask .text,
.baima-page-platform-product-detail .banner .content .iframe .mask .mobile-mask-text {
  border: 2px solid #383838;
  border-radius: 32px;
  width: 218px;
  height: 60px;
  background: #000;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-48%) translateY(-38%);
  font-size: 18px;
  font-weight: 600;
  line-height: 56px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.baima-page-platform-product-detail .banner .content .iframe .mask .text.mobile-mask-text,
.baima-page-platform-product-detail .banner .content .iframe .mask .mobile-mask-text.mobile-mask-text {
  width: 182px;
  height: 56px;
  background: #000000;
  border: 2px solid #383838;
  border-radius: 32px;
  opacity: 1;
}
.baima-page-platform-product-detail .banner .content .iframe .mask .text:hover,
.baima-page-platform-product-detail .banner .content .iframe .mask .mobile-mask-text:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  color: #333333;
  border: none;
}
.baima-page-platform-product-detail .banner .content .iframe .mask .text:hover .black-preview,
.baima-page-platform-product-detail .banner .content .iframe .mask .mobile-mask-text:hover .black-preview {
  display: block;
  top: 20px;
  left: 35px;
}
.baima-page-platform-product-detail .banner .content .iframe .mask .text .white-preview,
.baima-page-platform-product-detail .banner .content .iframe .mask .mobile-mask-text .white-preview {
  vertical-align: top;
  width: 22px;
  height: 18px;
  margin-right: 12px;
  margin-top: 20px;
}
.baima-page-platform-product-detail .banner .content .iframe .mask .text .black-preview,
.baima-page-platform-product-detail .banner .content .iframe .mask .mobile-mask-text .black-preview {
  display: none;
  width: 22px;
  height: 18px;
  position: absolute;
  top: 20px;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile {
  display: none;
  position: absolute;
  right: 67px;
  top: -134px;
  width: 375px;
  height: 733px;
  z-index: 5;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile.experience-mobile-modal {
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 2;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile.experience-mobile-modal::after {
  width: 430px;
  height: 812px;
  background: url("../image/pc/module/icon-detail-phone-model.png") no-repeat;
  background-size: 430px 812px;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 272px;
  height: 543px;
  background: url("../image/pc/module/icon-detail-phone-model.png") no-repeat;
  background-size: 272px 543px;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile::before {
  display: none;
  z-index: 10000;
  position: absolute;
  content: "";
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  width: 151px;
  height: 33px;
  background: url("../image/pc/module/icon-detail-mobile-angs.png") no-repeat;
  background-size: 151px 33px;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile .mobile-iframe {
  margin: 16px 16px;
  border-radius: 29px;
  width: 81%;
  height: 87%;
  transform-origin: 0% 0%;
  position: absolute;
  z-index: 9999;
  image-rendering: auto;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile .mobile-iframe.mobile-iframe-modal {
  width: 375px;
  height: 765px;
  left: 50%;
  top: 46px;
  transform: translateX(-54%);
  border-radius: 40px;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile .mask {
  top: -49px;
  transform: scale(0.8);
  left: -15px;
  width: 81%;
  height: 88%;
  border-radius: 20px;
  z-index: 9999;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile .mask .mobile-mask-text {
  width: 182px;
  height: 56px;
  border-radius: 32px;
  left: 145px;
  top: 305px;
}
.baima-page-platform-product-detail .banner .content .iframe .experience-mobile .mask .mobile-mask-text .black-preview {
  left: 17px;
}
.baima-page-platform-product-detail .banner .content .iframe .no-experience {
  position: relative;
  width: 1200px;
  height: 424px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../image/banner/no-experience.png") no-repeat;
  background-size: 100% 100%;
  height: 100%;
}
.baima-page-platform-product-detail .banner .content .iframe .no-experience::after {
  position: absolute;
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.baima-page-platform-product-detail .banner .content .iframe .no-experience .text-no-experience {
  position: absolute;
  font-size: 18px;
  color: #fff;
  width: 222px;
  line-height: 64px;
  text-align: center;
  background-color: #000;
  border-radius: 32px;
}
.baima-page-platform-product-detail.active {
  z-index: 103;
}
.baima-page-platform-product-detail.active .banner .mask {
  display: none;
}
.baima-page-platform-product-detail.active .banner .content .iframe {
  z-index: 5;
  height: 100%;
  top: 0px;
  left: 50%;
  margin: 0px;
  width: 100%;
  transform: translateX(-50%);
}
.baima-page-platform-product-detail.active .banner .content .iframe iframe {
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  transform: scale(1);
  height: calc(100% - 64px);
}
.baima-page-platform-product-detail.active .view-content,
.baima-page-platform-product-detail.active .fill {
  display: none;
}
.baima-page-platform-product-detail.active .product-head {
  left: 0;
  bottom: 0;
  position: fixed;
  top: initial;
}
.baima-page-platform-product-detail.active .product-head .content {
  width: initial;
  padding: 0px 60px;
}
.baima-page-platform-product-detail.active .product-head .content .item-btn.preview {
  display: inline-block;
}
.baima-page-platform-product-detail.active .product-head .content .item-btn.preview:not(.quit-preview) {
  display: none;
}
.baima-page-platform-product-detail .product-head {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);
  z-index: 6;
  border-top: solid 1px #ddd;
  height: 64px;
}
.baima-page-platform-product-detail .product-head .content {
  font-size: 0;
  text-align: right;
}
.baima-page-platform-product-detail .product-head .content .crm-icon {
  display: inline-block;
  float: left;
  margin-top: 22px;
  opacity: 0;
  transition: all 0.2s ease 0s;
  padding-left: 6px;
}
.baima-page-platform-product-detail .product-head .content .crm-icon img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.baima-page-platform-product-detail .product-head .content .crm-icon .name {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  margin-left: 10px;
  vertical-align: middle;
}
.baima-page-platform-product-detail .product-head .content .crm-icon.show {
  opacity: 1;
  margin-top: 15px;
}
.baima-page-platform-product-detail .product-head .content .item-btn {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  margin-top: 22px;
  cursor: pointer;
  font-weight: 400;
  transition: all 0.2s ease 0s;
  padding: 8px 24px;
  border-radius: 21px;
  opacity: 0;
}
.baima-page-platform-product-detail .product-head .content .item-btn.preview {
  color: #333;
  background: #f5f5f5;
}
.baima-page-platform-product-detail .product-head .content .item-btn.preview.quit-preview {
  display: none;
}
.baima-page-platform-product-detail .product-head .content .item-btn.fix {
  margin-left: 12px;
  color: #fff;
  background: #ffbc1f;
}
.baima-page-platform-product-detail .product-head .content .item-btn.fix:hover {
  background: #F8AE00;
}
.baima-page-platform-product-detail .product-head .content .item-btn.show {
  opacity: 1;
  margin-top: 12px;
}
.baima-page-platform-product-detail .view-content {
  z-index: 2;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  width: 100%;
  padding-top: 20px;
  background: #ffffff;
}
.baima-page-platform-product-detail .view-content .content.active {
  width: 995px;
  padding-right: 185px;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend {
  margin-top: 48px;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-title {
  font-size: 20px;
  line-height: 27px;
  color: #333333;
  font-weight: 600;
  opacity: 1;
  border-left: 4px solid #00cebb;
  padding-left: 12px;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-content {
  margin-top: 34px;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-content ul {
  display: flex;
  flex-wrap: wrap;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-content ul li {
  flex: 0 0 50%;
  margin-bottom: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-content ul li .point {
  width: 8px;
  height: 8px;
  background: #e5e5e5;
  border-radius: 50%;
  opacity: 1;
  margin-right: 7px;
  margin-top: 5px;
  float: left;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-content ul li a {
  width: 50%;
  line-height: 21px;
  font-size: 16px;
  color: #333333;
  opacity: 1;
  font-weight: 400;
  float: left;
}
.baima-page-platform-product-detail .view-content .content .reading-recommend .reading-recommend-content ul a:hover {
  color: #00cebb;
}
.baima-page-platform-product-detail .view-content .content .nav-bar {
  font-size: 0;
  padding-top: 14px;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item {
  font-size: 0;
  display: inline-block;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #999;
  vertical-align: middle;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a:hover {
  color: #00cebb;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a:last-child {
  color: #333;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a img {
  margin-right: 8px;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a img.hover {
  display: none;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a[href]:hover img {
  display: none;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item a[href]:hover img.hover {
  display: block;
}
.baima-page-platform-product-detail .view-content .content .nav-bar .nav-bar-item img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.baima-page-platform-product-detail .view-content .content .detail-head {
  position: relative;
  padding-left: 116px;
  margin-top: 25px;
}
.baima-page-platform-product-detail .view-content .content .detail-head > img {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.baima-page-platform-product-detail .view-content .content .detail-head .title {
  font-size: 0;
}
.baima-page-platform-product-detail .view-content .content .detail-head .title h1 {
  height: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #333;
  display: inline-block;
}
.baima-page-platform-product-detail .view-content .content .detail-head .title span {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  margin-left: 16px;
  text-align: center;
  display: inline-block;
  width: 52px;
  height: 24px;
  background: rgba(44, 131, 243, 0.1);
  border-radius: 100px;
  color: #2c83f3;
  vertical-align: top;
  margin-top: 3px;
}
.baima-page-platform-product-detail .view-content .content .detail-head .head-line {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  margin-top: 16px;
}
.baima-page-platform-product-detail .view-content .content .detail-head .text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
  margin-top: 10px;
}
.baima-page-platform-product-detail .view-content .content .detail-head .info {
  font-size: 0;
  margin-top: 16px;
}
.baima-page-platform-product-detail .view-content .content .detail-head .info img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
.baima-page-platform-product-detail .view-content .content .detail-head .info span {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  vertical-align: middle;
  margin-right: 24px;
}
.baima-page-platform-product-detail .view-content .content .detail-head .info span.line {
  width: 1px;
  height: 14px;
  background: #666;
  display: inline-block;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content {
  margin-top: 34px;
  padding-top: 21px;
  border-top: 1px solid #f1f1f1;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-title {
  display: flex;
  align-items: center;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-title .point {
  display: block;
  width: 11px;
  height: 11px;
  background: #00cebb;
  border-radius: 50%;
  opacity: 1;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-title .text {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  opacity: 1;
  padding-left: 10px;
  border-left: #00cebb 3px solid;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-content {
  display: flex;
  flex-wrap: wrap;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-content .system-funtion {
  width: 305px;
  height: 147px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  opacity: 1;
  border-radius: 8px;
  display: flex;
  margin-top: 32px;
  margin-right: 23px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-content .system-funtion img {
  height: 40px;
  margin: 24px 0 83px 24px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-content .system-funtion .content {
  margin-top: 24px;
  margin-right: 24px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-content .system-funtion .content .content-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #333333;
  margin-bottom: 12px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .system-description .system-description-content .system-funtion .content .content-content {
  width: 217px;
  overflow: hidden;
  white-space: normal;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS {
  margin-top: 48px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-description-title {
  display: flex;
  align-items: center;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-description-title .point {
  display: block;
  width: 11px;
  height: 11px;
  background: #00cebb;
  border-radius: 50%;
  opacity: 1;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-description-title .text {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  opacity: 1;
  margin-left: 12px;
  border-left: #00cebb solid 3px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content {
  display: flex;
  margin-top: 40px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text .LIMS-content-img {
  width: 64px;
  height: 64px;
  background: #ffffff;
  opacity: 1;
  border-radius: 10px;
  margin: 0 auto;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text .LIMS-content-img img {
  width: 48px;
  height: 48px;
  margin: 8px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text .LIMS-content-img:hover {
  box-shadow: 0px 3px 6px rgba(0, 77, 176, 0.14);
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text .active {
  border: 1px solid #2c83f3;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text .LIMS-content-img:hover {
  cursor: pointer;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #333333;
  margin-top: 12px;
  vertical-align: center;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-img-text:nth-child(1) {
  margin-left: 56px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .LIMS-content .LIMS-line {
  width: 112px;
  height: 1px;
  background: #dddddd;
  opacity: 1;
  margin: 37px 35px 0 35px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper {
  margin-top: 37px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  position: relative;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide img {
  width: 600px;
  height: 325px;
  z-index: 2;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide .swiper-content {
  width: 450px;
  height: 150px;
  background: #fafafa;
  opacity: 1;
  border-radius: 8px;
  padding-left: 114px;
  padding-top: 61px;
  position: absolute;
  right: 14px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide .swiper-content .swiper-decorate {
  display: flex;
  align-items: center;
  margin-left: 100px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide .swiper-content .swiper-decorate .point {
  width: 5px;
  height: 5px;
  background: #00cebb;
  border-radius: 50%;
  opacity: 1;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide .swiper-content .swiper-decorate .line {
  width: 20px;
  height: 3px;
  background: #00cebb;
  opacity: 1;
  margin-left: 1px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide .swiper-content .swiper-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #333333;
  opacity: 1;
  margin-top: 17px;
  margin-bottom: 24px;
  margin-left: 100px;
}
.baima-page-platform-product-detail .view-content .content .introduce-new-content .introduce-LIMS .swiper-wrapper .swiper-slide .swiper-content .swiper-description {
  line-height: 24px;
  color: #666666;
  opacity: 1;
  font-size: 16px;
  white-space: wrap;
  margin-left: 100px;
  padding-right: 80px;
}
.baima-page-platform-product-detail .view-content .content .tpl-introduce {
  margin-top: 34px;
  padding-top: 21px;
}
.baima-page-platform-product-detail .view-content .content .tpl-introduce .introduce-content h2 {
  font-size: 20px;
  border-left: #00cebb solid 3px;
  padding-left: 10px;
  margin-bottom: 24px;
}
.baima-page-platform-product-detail .view-content .content .tpl-introduce .introduce-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75em;
  color: #333;
}
.baima-page-platform-product-detail .view-content .content .tpl-introduce .introduce-content img {
  max-width: 100%;
}
.baima-page-platform-product-detail .view-content .bottom {
  margin-top: 80px;
  height: 560px;
  position: relative;
}
.baima-page-platform-product-detail .view-content .bottom .bg {
  width: 100%;
  min-width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  height: 560px;
}
.baima-page-platform-product-detail .view-content .bottom .bottom-title {
  padding-top: 159px;
  margin-bottom: 56px;
  font-size: 32px;
  font-weight: 600;
  line-height: 37px;
  color: #333;
}
.baima-page-platform-product-detail .view-content .bottom .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  color: #333;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel {
  background: #fff;
  position: absolute;
  right: 20px;
  top: 106px;
  width: 444px;
  height: 374px;
  box-shadow: 0px 6px 12px rgba(87, 123, 114, 0.22);
  border-radius: 8px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom {
  position: relative;
  text-align: center;
  z-index: 2;
  margin-top: 34px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .adv-title {
  display: none;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view {
  padding-bottom: 8px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  width: 89%;
  padding-left: 13px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .left span {
  color: red;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .btn {
  width: 372px;
  height: 44px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  line-height: 44px;
  margin-right: 39px;
  float: right;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.baima-page-platform-product-detail .view-content .bottom .user-info-panel.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.baima-page-platform-product-detail .modal-view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.baima-page-platform-product-detail .modal-view .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.baima-page-platform-product-detail .modal-view .user-info {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  width: 978px;
  height: 321px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-platform-product-detail .modal-view .user-info .icon {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.baima-page-platform-product-detail .modal-view .user-info > .title {
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  width: 100%;
}
.baima-page-platform-product-detail .modal-view .user-info .colse {
  z-index: 5;
  position: absolute;
  top: 17px;
  right: 27px;
  font-size: 22px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom {
  position: relative;
  margin: 0 auto;
  width: 939px;
  text-align: center;
  z-index: 2;
  padding-top: 88px;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .adv-title {
  display: none;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view {
  width: 914px;
  margin: 0 auto;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item {
  display: inline-flex;
  align-items: center;
  width: 45%;
  margin-bottom: 34px;
  margin-right: 5%;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item:nth-child(even) {
  margin-right: 0;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .left {
  font-weight: 400;
  margin-right: 11px;
  font-size: 14px;
  width: 100px;
  color: #3c3c3c;
  text-align: right;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .left span {
  color: red;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right {
  flex: 1;
  display: flex;
  position: relative;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right input {
  flex: 1;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right input::-webkit-input-placeholder {
  color: #bbbbbb;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right.phone {
  position: relative;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right.phone input {
  padding-right: 100px;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right.phone .captcha {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 40px;
  width: 75px;
  color: #3c3c3c;
  padding-right: 9px;
  text-align: center;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:not(.active) {
  cursor: pointer;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right.phone .captcha:before {
  position: absolute;
  height: 18px;
  border-left: 1px solid #cdcdcd;
  content: " ";
  top: 11px;
  left: -12px;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item .right .error-msg {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  color: red;
  left: 0;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item.active .right input {
  border-color: #2c83f3;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item.error .right input {
  border-color: #f34b4b;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .box-view .item.error .right.phone .captcha {
  cursor: no-drop;
  color: #f34b4b;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .btn {
  width: 182px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  margin: 0 auto;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .btn:hover {
  background: #00cebb;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .modal-con {
  position: absolute;
  width: 400px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 0.6vw rgba(175, 175, 175, 0.25);
  opacity: 1;
  border-radius: 0.7vw;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .modal-con img {
  display: block;
  margin: 0 auto;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .modal-con .title {
  margin-bottom: 20px;
  text-align: center;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.baima-page-platform-product-detail .modal-view .user-info .adv-custom .modal-con .text {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #666;
}
.baima-page-platform-product-detail .modal-view .user-info.bottom {
  margin: 0;
  max-width: inherit;
  height: 419px;
}
.baima-page-platform-product-detail .modal-view .user-info.bottom .home {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  width: 1084px;
}
.baima-page-platform-product-detail .right-view {
  position: absolute;
  right: 0;
  top: 56px;
  background-color: #fff;
}
.baima-page-platform-product-detail .right-view .fixed-nav {
  font-size: 0;
  width: 111px;
  border-left: 2px solid #dedede;
}
.baima-page-platform-product-detail .right-view .fixed-nav .fixed-nav-item {
  padding-left: 24px;
  margin-left: -2px;
  border-left: 2px solid transparent;
  margin-bottom: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 138px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.baima-page-platform-product-detail .right-view .fixed-nav .fixed-nav-item span {
  cursor: pointer;
}
.baima-page-platform-product-detail .right-view .fixed-nav .fixed-nav-item span:hover {
  color: #00cebb;
}
.baima-page-platform-product-detail .right-view .fixed-nav .fixed-nav-item.active {
  border-color: #00cebb;
  color: #00cebb;
}
.baima-page-platform-product-detail .right-view.active {
  top: 160px;
  position: fixed;
}
.baima-page-platform-product-detail .hide-module .page-product-detail .use {
  display: inline-block;
}
.baima-page-platform-product-detail .hide-module .page-product-detail .banner,
.baima-page-platform-product-detail .hide-module .page-product-detail .head {
  display: none;
}
.baima-page-platform-product-detail .hide-module .page-product-detail .nav-bar .nav-bar-item:first-child {
  display: none;
}
.baima-page-platform-product-detail .hide-module .page-product-detail .head {
  top: 0;
}
.baima-page-platform-product-detail .hide-module .page-product-detail .price {
  display: inline-block;
}
.baima-platform-pay-order .pay-title {
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ddd;
}
.baima-platform-pay-order .pay-title span {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333;
  vertical-align: middle;
}
.baima-platform-pay-order .pay-title img {
  margin-left: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.baima-platform-pay-order .pay-title a {
  font-weight: 400;
  margin-left: 8px;
  font-size: 16px;
  line-height: 21px;
  vertical-align: middle;
  color: #0098ff;
}
.baima-platform-pay-order .select-type {
  max-width: 982px;
}
.baima-platform-pay-order .see-order {
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #00cebb;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  width: 92px;
  position: absolute;
  right: 0;
  top: 0;
}
.baima-platform-pay-order .order-view {
  font-size: 0;
  width: 100%;
  height: 100%;
  padding: 28px 40px;
  box-sizing: border-box;
  overflow-y: auto;
}
.baima-platform-pay-order .order-view .pay-title {
  border: none;
}
.baima-platform-pay-order .order-view .pay-item {
  margin-top: 40px;
  width: 308px;
  height: 238px;
}
.baima-platform-pay-order .order-view .pay-item .text {
  top: 34px;
  left: 38px;
}
.baima-platform-pay-order .order-view .pay-item .bg {
  height: 176px;
}
.baima-platform-pay-order .order-view .pay-item .line {
  top: 51px;
  left: 36px;
}
.baima-platform-pay-order .order-view .pay-item .time {
  left: 39px;
  top: 119px;
}
.baima-platform-pay-order .order-view .pay-item .num {
  top: 71px;
  left: 37px;
}
.baima-platform-pay-order .order-view .pay-item:not(.senior) .right-item-bottom {
  padding-top: 21px;
}
.baima-platform-pay-order .order-view .enterprise {
  margin-right: 23px;
}
.baima-platform-pay-order .order-view-content {
  padding-right: 533px;
}
.baima-platform-pay-order .order-view-content {
  position: relative;
  max-width: 982px;
  min-width: 670px;
  margin: 0 auto;
}
.baima-platform-pay-order .order-view-content .pay-info {
  width: 412px;
  padding: 24px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  right: 0;
  top: 46px;
  position: absolute;
}
.baima-platform-pay-order .order-view-content .pay-info > .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: #333;
  margin-bottom: 24px;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-num {
  margin-top: 16px;
  margin-bottom: 32px;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-num .text {
  font-size: 16px;
  font-weight: 600;
  line-height: 37px;
  color: #333;
  display: inline-block;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-num .num {
  font-weight: 600;
  font-size: 28px;
  line-height: 37px;
  color: #ff3131;
  display: inline-block;
  float: right;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-next {
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: #0098ff;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  cursor: no-drop;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-next:hover {
  background: #007bd9;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-next.active {
  cursor: pointer;
}
.baima-platform-pay-order .order-view-content .pay-info .pay-style-row {
  width: 142px;
  margin-left: 15px;
}
.baima-platform-pay-order .pay-style {
  padding: 24px 0;
}
.baima-platform-pay-order .pay-style .pay-style-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 13px;
  margin-top: 10px;
}
.baima-platform-pay-order .pay-style .pay-style-row {
  display: inline-block;
  width: 160px;
  height: 42px;
  border: 1px solid #ececec;
  border-radius: 3px;
  position: relative;
  margin-left: 37px;
  cursor: pointer;
  vertical-align: middle;
  float: right;
}
.baima-platform-pay-order .pay-style .pay-style-row img.icon {
  width: 100px;
  height: 28px;
  display: block;
  margin: 0 auto;
  margin-top: 6px;
}
.baima-platform-pay-order .pay-style .pay-style-row img.hover {
  width: 17px;
  height: 17px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: none;
}
.baima-platform-pay-order .pay-style .pay-style-row.active {
  border-color: #00cebb;
}
.baima-platform-pay-order .pay-style .pay-style-row.active img.hover {
  display: block;
}
.baima-platform-pay-order .pay-style .pay-style-row.active {
  border-color: #0098ff;
}
.baima-platform-pay-order .pay-item {
  font-size: 0;
  border-radius: 4px;
  width: 280px;
  height: 202px;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  border: 1px solid #ddd;
}
.baima-platform-pay-order .pay-item:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}
.baima-platform-pay-order .pay-item.active {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}
.baima-platform-pay-order .pay-item .bg {
  width: 100%;
  height: 156px;
}
.baima-platform-pay-order .pay-item .text {
  font-weight: 400;
  top: 24px;
  left: 34px;
  line-height: 21px;
  font-size: 16px;
  color: #fff;
  position: absolute;
}
.baima-platform-pay-order .pay-item > .line {
  top: 40px;
  left: 31px;
  position: absolute;
}
.baima-platform-pay-order .pay-item .num {
  height: 42px;
  color: #fff;
  top: 61px;
  left: 32px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
}
.baima-platform-pay-order .pay-item .num .yuan {
  font-size: 20px;
}
.baima-platform-pay-order .pay-item .num .number {
  font-size: 34px;
}
.baima-platform-pay-order .pay-item .num .year {
  font-size: 14px;
}
.baima-platform-pay-order .pay-item .num .line {
  opacity: 0.7;
  font-size: 14px;
  margin-left: 13px;
  display: inline-block;
  text-decoration: line-through;
}
.baima-platform-pay-order .pay-item .time {
  left: 32px;
  top: 115px;
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #fff;
  opacity: 0.8;
}
.baima-platform-pay-order .pay-item .right-item-bottom {
  height: 34px;
  padding-top: 12px;
  text-align: center;
}
.baima-platform-pay-order .pay-item .right-item-bottom .spot {
  vertical-align: top;
  width: 8px;
  height: 8px;
  background: linear-gradient(90deg, #c3d4ec 0%, #8ca8d2 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: inline-block;
  margin-right: 13px;
  margin-top: 6px;
}
.baima-platform-pay-order .pay-item .right-item-bottom .bottom-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #666;
  vertical-align: top;
  text-align: left;
}
.baima-platform-pay-order .pay-item.basics {
  cursor: pointer;
  margin-right: 16px;
}
.baima-platform-pay-order .pay-item.enterprise {
  cursor: pointer;
}
.baima-platform-pay-order .pay-item.enterprise .spot {
  background: linear-gradient(91deg, #4690ff 0%, #1773ff 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-platform-pay-order .pay-item.enterprise .recommend {
  position: absolute;
  right: -8px;
  top: 19px;
}
.baima-platform-pay-order .pay-item.senior .spot {
  background: linear-gradient(314deg, #3d4245 0%, #ffffff 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.baima-platform-pay-order .pay-item.senior .text {
  color: #fbc76a;
}
.baima-platform-pay-order .pay-item.senior .right-item-bottom {
  height: 50px;
  padding: 0 33px;
  padding-top: 14px;
  line-height: initial;
}
.baima-platform-pay-order .pay-item.senior .senior-text {
  position: absolute;
  left: 40px;
  top: 66px;
  width: 180px;
  height: 27px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #fbc76a;
}
.baima-platform-pay-order .pay-item.senior .senior-btn {
  width: 130px;
  height: 40px;
  background: linear-gradient(270deg, #ffd080 0%, #fde0ae 46%, #ffd286 100%);
  border-radius: 2px;
  position: absolute;
  left: 40px;
  top: 116px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.baima-platform-pay-order .pay-item.senior .bottom-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #666;
  vertical-align: top;
  text-align: left;
  width: 90%;
  display: inline-block;
}
.baima-platform-pay-order .buy-content {
  margin-top: 24px;
  border-radius: 4px;
  padding: 17px 24px 0;
  border: 1px solid #eee;
}
.baima-platform-pay-order .buy-content .buy-content-item {
  margin-bottom: 14px;
}
.baima-platform-pay-order .buy-content .buy-content-item .buy-content-key {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #999;
  display: inline-block;
}
.baima-platform-pay-order .buy-content .buy-content-item .buy-content-value {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  float: right;
  margin-left: 24px;
}
.baima-platform-pay-order .reduction {
  border-top: 1px solid #f1f1f1;
}
.baima-platform-pay-order .reduction .spot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  display: inline-block;
}
.baima-platform-pay-order .reduction .reduction-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  color: #333;
  display: inline-block;
  margin-left: 8px;
}
.baima-platform-pay-order .reduction .num {
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  color: #f76e13;
  float: right;
}
.baima-platform-pay-check.check-order .order-view {
  font-size: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 28px 40px;
  box-sizing: border-box;
}
.baima-platform-pay-check.check-order .order-view > .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 64px;
  color: #333;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail {
  margin: 0 auto;
  max-width: 1018px;
  padding-top: 32px;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail .back {
  line-height: 19px;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail .back img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail .back span {
  font-weight: 400;
  width: 70px;
  height: 19px;
  font-size: 14px;
  line-height: 19px;
  color: #999;
  vertical-align: middle;
  margin-left: 12px;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail table {
  border-radius: 4px;
  width: 100%;
  margin-top: 16px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #e5e5e5;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail table th {
  height: 56px;
  font-size: 16px;
  color: #333;
  background: #f9f9f9;
  padding: 0 24px;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail table th:last-child {
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.baima-platform-pay-check.check-order .order-view .check-order-detail table td {
  padding: 0 24px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  height: 47px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.baima-platform-pay-check.check-order .detail-title {
  margin-top: 58px;
  text-align: center;
}
.baima-platform-pay-check.check-order .detail-title .text {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 36px;
}
.baima-platform-pay-check.check-order .detail-title .num {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  margin-left: 16px;
  color: #f34b4b;
}
.baima-platform-pay-check.check-order .pay-img {
  width: 220px;
  height: 220px;
  margin: 16px auto;
}
.baima-platform-pay-check.check-order .pay-time {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
  text-align: center;
}
.baima-platform-pay-check.check-order .pay-time span {
  color: #ff5858;
}
.baima-platform-pay-check .order-view-content {
  position: relative;
  max-width: 982px;
  min-width: 670px;
  margin: 0 auto;
  display: block;
}
.baima-platform-pay-check .order-step .step-item {
  vertical-align: middle;
  display: inline-block;
}
.baima-platform-pay-check .order-step .step-item .num {
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.25);
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.baima-platform-pay-check .order-step .step-item .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  vertical-align: middle;
}
.baima-platform-pay-check .order-step .step-item .line {
  height: 0;
  width: 200px;
  border-bottom: 1px solid #e9e9e9;
  vertical-align: middle;
  display: inline-block;
  margin-left: 24px;
  margin-right: 32px;
}
.baima-platform-pay-check .order-step .step-item.active .num {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.baima-platform-pay-check .order-step .step-item.active .text {
  color: rgba(0, 0, 0, 0.85);
}