@charset "UTF-8";
/* 改变主题色变量 */
/* 主题色 */
/* 聚焦时的颜色 */
/* 强调，突出的颜色 */
/* 鼠标悬浮时，按钮背景颜色 */
/* 按钮背景颜色 */
/* 一级字体颜色 */
/* 二级文字颜色 */
/* 三级文字颜色 */
/* 表单辅助文字 */
/* 默认的边框色 */
/* 组件的边框色 */
/* 边框的颜色 */
/* 表单控件边框颜色 */
/* 网页背景色 */
/* 表单分割背景色 */
/* 色块背景色 */
/* 表头的背景色 */
body {
  font-family: Helvetica;
}

.content {
  padding: 17px 0 57px;
  margin: 0 auto;
  width: 1200px;
}

.contentP {
  font-family: Helvetica-Bold;
  color: #2E2E3A;
  width: 1100px;
  font-size: 26px;
  color: #2e2e3a;
  font-weight: bold;
  margin: 19px 0 15px 0 !important;
}

.detail-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  position: relative;
}
.detail-box .preview-left .preview {
  margin-top: 30px;
  width: 975px;
  min-height: 515px;
}
.detail-box .info-right {
  width: 470px;
}
.detail-box .info-right .info-right-money {
  color: #c8201e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-box .info-right .info-right-money .num {
  font-size: 42px;
  font-weight: bold;
}
.detail-box .info-right .info-right-money .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 8px;
}
.detail-box .info-right .info-right-money button {
  background: #fff;
  font-size: 14px;
  color: #108eea;
  text-decoration: underline;
  margin-left: 15px;
}
.detail-box .Divider {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
}
.detail-box .info {
  padding: 27px 0;
}
.detail-box .info .info-content {
  width: 470px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}
.detail-box .info .info-content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}
.detail-box .info .info-content-item:not(:last-child) {
  padding-right: 27px;
  border-right: 1px solid #e9e9e9;
}
.detail-box .info .info-content-item-title {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  white-space: nowrap;
  font-size: 20px;
  color: #333333;
  margin-bottom: 8px;
}
.detail-box .info .info-content-item-desc {
  font-size: 14px;
  color: #999999;
}

.location {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 71px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  cursor: auto;
}
.location .location-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.location .location-title {
  font-size: 14px;
  color: #999999;
  line-height: 19px;
}
.location .location-content {
  font-size: 14px;
  color: #151515;
  line-height: 19px;
}

.ml93 {
  margin-left: 93px;
}

.broker-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: -webkit-sticky;
  position: sticky;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  top: 0px;
  max-height: 100vh;
}
.broker-box .broker {
  padding-top: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
}
.broker-box .broker-img {
  width: 80px;
  height: 80px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  object-fit: cover;
}
.broker-box .broker-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.broker-box .broker-info-name {
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.broker-box .broker-info-decs {
  font-size: 14px;
  color: #666666;
  margin: 16px 0;
}
.broker-box .broker-info-number {
  font-family: Helvetica-Bold;
  font-size: 18px;
  font-weight: bold;
  color: #ca1d13;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.broker-box .broker-info-number .number {
  font-size: 18px;
  line-height: 22px;
  white-space: nowrap;
}
.broker-box .broker-info-number .text {
  font-size: 18px;
  color: #151515;
  line-height: 22px;
  white-space: nowrap;
  font-weight: 400;
}
.broker-box .broker .qr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.broker-box .broker .qr img {
  width: 100px;
  height: 100px;
  background: #f8f8f8;
  border: 1px dashed #e9e9e9;
}
.broker-box .broker .qr .text {
  margin-top: 7px;
  font-size: 12px;
  color: #333333;
}
.broker-box > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.broker-box > div:nth-child(2) button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  cursor: pointer;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  border-radius: 4px;
}
.broker-box > div:nth-child(2) button:first-child {
  background: #c8201e;
  color: #ffffff;
}
.broker-box > div:nth-child(2) button:first-child:hover {
  background: #d55540;
}
.broker-box > div:nth-child(2) button:last-child {
  background: rgba(200, 32, 30, 0.05);
  border: 1px solid #c8201e;
  color: #666666;
}
.broker-box > div:nth-child(2) button:last-child:hover {
  color: #C8201E;
}
.broker-box p {
  font-size: 14px;
  color: #333333;
  margin: 0;
}
.broker-box .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.broker-box .form input[type=tel],
.broker-box .form textarea {
  padding: 12px;
  background: #f8f8f8;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
}
.broker-box .form textarea {
  min-height: 50px;
  resize: vertical;
}
.broker-box .form button {
  background: #c8201e;
  border-radius: 4px;
  height: 42px;
  line-height: 42px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  text-align: center;
}
.broker-box .form button:hover {
  background: #d55540;
}

.w690 {
  width: 690px;
}

.h2 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 7px;
}

.mt20 {
  margin-top: 20px;
}

.special .p1 {
  font-size: 14px;
  color: #333333;
  margin: 17px 0 3px 0;
  white-space: pre-wrap;
}
.special .p2 {
  font-size: 12px;
  color: #999999;
}
.special .p2 .zg {
  color: #c8201e;
}

.imgs {
  padding: 20px 0 0 0;
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.imgs img {
  border-radius: 4px;
}

.preview {
  margin: 0 auto;
}

.video-content {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
}

/* 视频播放按钮 */
.video-play-btn {
  position: absolute;
  width: 90px;
  height: 90px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
  cursor: pointer;
}

.video-play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-30%, -50%);
      -ms-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
}

/* 视频标记 */
.video-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='40px'%20height='40px'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2063%20(92445)%20-%20https://sketch.com%20--%3e%3ctitle%3e视频标%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='厂房/仓库列表'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(-418.000000,%20-854.000000)'%20id='分组-39'%3e%3cg%20transform='translate(360.000000,%20734.000000)'%3e%3cg%20id='编组-16备份'%20transform='translate(10.000000,%20119.148438)'%3e%3cg%20id='视频标'%20transform='translate(48.000000,%200.000000)'%3e%3cg%20id='编组-5备份-2'%20transform='translate(0.000000,%201.000000)'%3e%3cg%20id='编组-4'%3e%3ccircle%20id='椭圆形'%20fill-opacity='0.3'%20fill='%23000000'%20cx='20'%20cy='20'%20r='20'%3e%3c/circle%3e%3ccircle%20id='椭圆形备份'%20stroke='%23FFFFFF'%20cx='20'%20cy='20'%20r='19.5'%3e%3c/circle%3e%3c/g%3e%3c/g%3e%3cpath%20d='M16,14.2890891%20L16,27.7109109%20C16,28.2631957%2016.4477153,28.7109109%2017,28.7109109%20C17.2102112,28.7109109%2017.4150767,28.6446668%2017.5854906,28.5215902%20L26.8775211,21.8106792%20C27.3252468,21.4873217%2027.4260672,20.8622352%2027.1027097,20.4145094%20C27.040158,20.3278993%2026.9641312,20.2518725%2026.8775211,20.1893208%20L17.5854906,13.4784098%20C17.1377648,13.1550523%2016.5126783,13.2558727%2016.1893208,13.7035985%20C16.0662441,13.8740123%2016,14.0788779%2016,14.2890891%20Z'%20id='路径-3'%20fill='%23FFFFFF'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  color: #fff;
  cursor: pointer;
}

/* 切换按钮区域 */
.toggle-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.toggle-btn {
  border: 1px solid #cccccc;
  padding: 4px 17px;
  border-radius: 2px;
  background: none;
  font-size: 14px;
  cursor: pointer;
}

.toggle-btn.active {
  border: 1px solid #c8201e;
  color: #fff;
  font-size: 14px;
  color: #c8201e;
}

.swiper {
  /*width: 690px;*/
  width:100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.mySwiper .swiper-wrapper {
  position: relative;
  width: 690px;
  height: 74px;
  margin: 0 auto;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-next {
  right: -10px;
  z-index: 999;
}

/* 导航按钮 */
.swiper-button-prev {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  color: #666666;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='60px'%20height='60px'%20viewBox='0%200%2060%2060'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2063%20(92445)%20-%20https://sketch.com%20--%3e%3ctitle%3earrow_right%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='详情页'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='详情页(越南文)'%20transform='translate(-1387.000000,%20-494.000000)'%20fill='%23666666'%20fill-rule='nonzero'%3e%3cg%20id='编组-6'%20transform='translate(472.000000,%20311.000000)'%3e%3cg%20id='arrow_right'%20transform='translate(915.000000,%20183.000000)'%3e%3crect%20id='矩形'%20opacity='0'%20x='0'%20y='0'%20width='60'%20height='60'%3e%3c/rect%3e%3cpath%20d='M44.8652344,28.5234375%20L18.4511719,7.89257812%20C18.140625,7.65234375%2017.6953125,7.86914062%2017.6953125,8.26171875%20L17.6953125,12.7910156%20C17.6953125,13.078125%2017.8300781,13.3535156%2018.0527344,13.5292969%20L39.1464844,30%20L18.0527344,46.4707031%20C17.8242188,46.6464844%2017.6953125,46.921875%2017.6953125,47.2089844%20L17.6953125,51.7382812%20C17.6953125,52.1308594%2018.1464844,52.3476562%2018.4511719,52.1074219%20L44.8652344,31.4765625%20C45.8261719,30.7265625%2045.8261719,29.2734375%2044.8652344,28.5234375%20Z'%20id='路径'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: cover;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  /* 旋转整个元素 */
}

.swiper-button-next {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  color: #666666;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='60px'%20height='60px'%20viewBox='0%200%2060%2060'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2063%20(92445)%20-%20https://sketch.com%20--%3e%3ctitle%3earrow_right%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='详情页'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='详情页(越南文)'%20transform='translate(-1387.000000,%20-494.000000)'%20fill='%23666666'%20fill-rule='nonzero'%3e%3cg%20id='编组-6'%20transform='translate(472.000000,%20311.000000)'%3e%3cg%20id='arrow_right'%20transform='translate(915.000000,%20183.000000)'%3e%3crect%20id='矩形'%20opacity='0'%20x='0'%20y='0'%20width='60'%20height='60'%3e%3c/rect%3e%3cpath%20d='M44.8652344,28.5234375%20L18.4511719,7.89257812%20C18.140625,7.65234375%2017.6953125,7.86914062%2017.6953125,8.26171875%20L17.6953125,12.7910156%20C17.6953125,13.078125%2017.8300781,13.3535156%2018.0527344,13.5292969%20L39.1464844,30%20L18.0527344,46.4707031%20C17.8242188,46.6464844%2017.6953125,46.921875%2017.6953125,47.2089844%20L17.6953125,51.7382812%20C17.6953125,52.1308594%2018.1464844,52.3476562%2018.4511719,52.1074219%20L44.8652344,31.4765625%20C45.8261719,30.7265625%2045.8261719,29.2734375%2044.8652344,28.5234375%20Z'%20id='路径'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  background-size: cover;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*虚化 */
  /*&::after {*/
  /*   content: '';*/
  /*   position: absolute;*/
  /*   right: 0;*/
  /*   top: 0;*/
  /*   width: 100%; !* 虚化区域宽度 *!*/
  /*   height: 100%;*/
  /*   backdrop-filter: blur(30px);*/
  /*   z-index: -1;*/
  /* }*/
}

.mySwiper2 {
  height: 426px;
  width:100%;
  /*width: 690px;*/
  /*position: relative;*/
  /*overflow: hidden;*/
  /*border-radius: 4px;*/
}
.mySwiper2 .mySwiper2img {
  position: relative !important;
  width:690px;
  /*position: relative;*/
  /*z-index: 33;*/
  /*height: 100%;*/
  /*object-fit: cover; !* 保持图片比例，避免拉伸 *!*/
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0 0px 0;
  width: 690px;
}

.mySwiper .swiper-slide {
  margin-right: 23px !important;
  width: 100px !important;
  height: 71px;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

/*.mySwiper2 .swiper-wrapper {*/
/*  position: relative;*/
/*  width: 690px;*/
/*  margin: 0 auto;*/
/*  background-size: contain;*/
/*}*/

.swiper-slide img {
  display: block;
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
}

.business-count {
  margin: 0px 0;
  width: 350px;
}

.count-wrapper {
  margin-top: 17px;
  line-height: 19px;
  font-size: 14px;
  color: #666666;
}
.count-wrapper .bold {
  font-weight: bold;
}
.count-wrapper .bold:first-child {
  margin-right: 30px;
}

.infoNumPosition {
  position: relative;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
  top: -125px;
}

.brokerTop {
  position: relative;
  bottom: -35px;
}

.hasVideoIcon::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='40px'%20height='40px'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2063%20(92445)%20-%20https://sketch.com%20--%3e%3ctitle%3e视频标%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='厂房/仓库列表'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(-418.000000,%20-854.000000)'%20id='分组-39'%3e%3cg%20transform='translate(360.000000,%20734.000000)'%3e%3cg%20id='编组-16备份'%20transform='translate(10.000000,%20119.148438)'%3e%3cg%20id='视频标'%20transform='translate(48.000000,%200.000000)'%3e%3cg%20id='编组-5备份-2'%20transform='translate(0.000000,%201.000000)'%3e%3cg%20id='编组-4'%3e%3ccircle%20id='椭圆形'%20fill-opacity='0.3'%20fill='%23000000'%20cx='20'%20cy='20'%20r='20'%3e%3c/circle%3e%3ccircle%20id='椭圆形备份'%20stroke='%23FFFFFF'%20cx='20'%20cy='20'%20r='19.5'%3e%3c/circle%3e%3c/g%3e%3c/g%3e%3cpath%20d='M16,14.2890891%20L16,27.7109109%20C16,28.2631957%2016.4477153,28.7109109%2017,28.7109109%20C17.2102112,28.7109109%2017.4150767,28.6446668%2017.5854906,28.5215902%20L26.8775211,21.8106792%20C27.3252468,21.4873217%2027.4260672,20.8622352%2027.1027097,20.4145094%20C27.040158,20.3278993%2026.9641312,20.2518725%2026.8775211,20.1893208%20L17.5854906,13.4784098%20C17.1377648,13.1550523%2016.5126783,13.2558727%2016.1893208,13.7035985%20C16.0662441,13.8740123%2016,14.0788779%2016,14.2890891%20Z'%20id='路径-3'%20fill='%23FFFFFF'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  border-radius: 50%;
  background-size: cover;
}

.crumbs {
  font-family: Helvetica;
  font-size: 12px;
}
.crumbs a:hover {
  text-decoration: underline;
}
.crumbs .p1 {
  color: #333333;
}
.crumbs .p2 {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #999999;
  line-height: 14px;
}

.base_info_container {
  margin-top: 57px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

/* 左侧详情区域 */
.left-section {
  width: 855px;
  height: auto;
  padding: 20px 24px 24px 24px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.left-section h2 {
  font-family: Helvetica-Bold;
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
  margin-bottom: 20px;
}

.detail-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.detail-table tr {
  height: 45px;
}

.detail-table th,
.detail-table td {
  height: 45px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.detail-table th {
  font-weight: normal;
  background-color: #999999;
  color: #fff;
}

.detail-table td:nth-child(2),
.detail-table td:nth-child(4) {
  background-color: #ffffff;
  width: 240px;
}

.detail-table td:nth-child(1),
.detail-table td:nth-child(3) {
  width: 158px;
  background-color: rgb(248, 248, 248);
  color: #666;
  font-size: 14px;
}

.detail-content {
  margin: 12px 0 22px 0;
  font-family: Helvetica;
  font-size: 14px;
  color: #333333;
  line-height: 1.6;
}
.detail-content .detail-content-title {
  margin-bottom: 12px;
}
.detail-content .detail-content-description {
  margin-right: 55px;
}

/* 右侧联系信息区域 */
.right-section {
  width: 324px;
  height: 335px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
  object-fit: cover;
}

.contact-name {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}

/*.contact-phone {*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -webkit-align-items: center;*/
/*      -ms-flex-align: center;*/
/*          align-items: center;*/
/*  margin-top: 10px;*/
/*  font-size: 18px;*/
/*  color: #333333;*/
/*}*/
.contact-phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  font-size: 18px;
  color: #fff;
  background: rgba(2,0,255,0.70);
  border-radius: 19px;
  padding: 7px 25px;
   min-width: 142px;
  height: 38px;
}
.contact-phone:hover{
  cursor: pointer;
  background: rgba(2,0,255,0.90);
}

.contact-phone img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}


.blue {
  color: #0200FF;
}

.list_container {
  width: 1200px;
  margin: 0 auto 60px;
}
.list_container .list_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list_container .list_title .more {
  cursor: pointer;
  font-size: 14px;
  color: #666666;
}
.list_container .list_title .more:hover {
  color: #E60012;
}

.section-title {
  font-family: "Helvetica-Bold", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
  margin-bottom: 24px;
}

.factory-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 40px 60px;
}

.factory-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  gap: 15px;
  padding: 10px 12px;
  transition: .2s;
}
.factory-card:hover{
  /*color: #E60012;*/
  cursor: pointer;
  box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .1);
  transform: translateY(-2px);
}
.factory-card:hover .factory-image_box > img:nth-child(1) {
  /*-webkit-transform: scale(1.05);*/
  /*    -ms-transform: scale(1.05);*/
  /*        transform: scale(1.05);*/
  /*-webkit-transition: -webkit-transform 0.3s ease;*/
  /*transition: -webkit-transform 0.3s ease;*/
  /*transition: transform 0.3s ease;*/
  /*transition: transform 0.3s ease, -webkit-transform 0.3s ease;*/

}
.factory-card .factory-image_box {
  position: relative;
  width: 100px;
  height: 71px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 4px;
}
.factory-card img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.factory-image {
  border-radius: 4px;
  width: 100px;
  height: 71px;
  object-fit: cover;
}

.factory-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.factory-title {
  font-family: "Helvetica-Bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.factory-area,
.factory-price {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
}

.price-value {
  color: #0200FF;
}

.nearby-factory {
  width: 1200px;
  margin: 0 auto 60px;
  /* 标题区域：保持不变 */
}
.nearby-factory .nearby-factory-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 26px;
}
.nearby-factory .nearby-factory-title .section_title {
  font-weight: bold;
  font-size: 26px;
  color: #333333;
  line-height: 24px;
}
.nearby-factory .nearby-factory-title .more {
  cursor: pointer;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.nearby-factory .nearby-factory-title .more:hover {
  color: #E60012;
}
.nearby-factory .nearby-factory-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px 24px;
  justify-items: center;
}
.nearby-factory .nearby-factory_item {
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 290px;
  padding: 10px 12px;
  border-radius: 4px;
  transition: .2s;
  box-sizing: content-box;
  /* 图片容器：添加相对定位（用于视频图标定位） */
  /* 视频图标 */
  /* 底部面积和价格区域 */
}
.nearby-factory .nearby-factory_item:hover  {
  z-index: 9;
  box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .1);
  transform: translateY(-2px);
}
.nearby-factory .nearby-factory_item:hover .item_image > img:nth-child(1) {
  /*-webkit-transform: scale(1.05);*/
  /*    -ms-transform: scale(1.05);*/
  /*        transform: scale(1.05);*/
  /*-webkit-transition: -webkit-transform 0.3s ease;*/
  /*transition: -webkit-transform 0.3s ease;*/
  /*transition: transform 0.3s ease;*/
  /*transition: transform 0.3s ease, -webkit-transform 0.3s ease;*/
}
.nearby-factory .nearby-factory_item .item_image {
  position: relative;
  width: 100%;
  height: 199px;
  overflow: hidden;
}
.nearby-factory .nearby-factory_item .video_icon.Noshow {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nearby-factory .nearby-factory_item .item_title {
  font-family: "Microsoft YaHei", sans-serif;
  font-weight: bold !important;
  font-size: 16px;
  color: #333333;
  margin-top: 20px;
  padding: 0;
  display: -webkit-box;
  line-height: 22px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 44px;
}
.nearby-factory .nearby-factory_item .item_footer {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.nearby-factory .nearby-factory_item .area {
  font-size: 16px;
  color: #0200FF;
  /*width: 75px;*/
  white-space: nowrap;
  line-height: 22px;
}
.nearby-factory .nearby-factory_item .price {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #E60012;
  line-height: 24px;
  vertical-align: baseline;
  margin-right: 30px;
  &.discussed {
    font-size: 20px;
  }
}
.nearby-factory .nearby-factory_item .price span {
  font-family: Helvetica;
  font-size: 16px;
  color: #E60012;
}
.is-video-cn::after {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 199;
  width: 24px;
  height: 24px;
  background: url(/vietnam-city/imgs/video.svg) center center/cover no-repeat;
  pointer-events: none;
}
.is-video-cn .small-icon{
  left:40px;
}

.is-video-vn::after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 199;
  width: 20px;
  height: 20px;
  background: url(/vietnam-city/imgs/video.svg) center center/cover no-repeat;
  pointer-events: none;
}

.viewer-toolbar ul {
  overflow: unset !important;
  width: 100%;
}
.viewer-toolbar ul li:nth-child(1) {
  position: fixed !important;
  top: 50%;
  left: 1%;
  width: 50px;
  height: 50px;
}
.viewer-toolbar ul li:nth-child(1)::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1767834345114'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='7471'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32'%20height='32'%3e%3cpath%20d='M721.9968%20979.0208l47.0528-47.104-419.94752-419.98848%20419.94752-419.90144-47.05792-47.04768-419.93216%20419.89632h-0.00512l-47.104%2047.09888%2047.04768%2047.04256z'%20fill='%23ffffff'%20p-id='7472'%3e%3c/path%3e%3c/svg%3e") no-repeat center center;
  background-size: 33px 33px;
  position: relative;
  left: -5px;
  top: -2px;
}
.viewer-toolbar ul li:nth-child(2) {
  position: fixed !important;
  top: 50%;
  right: 1%;
  width: 50px;
  height: 50px;
}
.viewer-toolbar ul li:nth-child(2)::before {
  position: relative;
  top: -2px;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1767834345114'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='7471'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32'%20height='32'%3e%3cpath%20d='M721.9968%20979.0208l47.0528-47.104-419.94752-419.98848%20419.94752-419.90144-47.05792-47.04768-419.93216%20419.89632h-0.00512l-47.104%2047.09888%2047.04768%2047.04256z'%20fill='%23ffffff'%20p-id='7472'%3e%3c/path%3e%3c/svg%3e") no-repeat center center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.viewer-toolbar ul li:nth-child(3) {
  position: absolute !important;
  left: 49%;
  top: -20%;
}
.viewer-toolbar ul li:nth-child(4) {
  position: absolute !important;
  left: 51%;
  top: -20%;
}

.viewer-footer {
  overflow: unset !important;
}


.small-number {
  position: absolute;
  bottom: 16px;
  right: 155px;
  padding: 0 5px;
  background: rgba(0,0,0,0.50);
  border-radius: 14px;
  color: #fff;
  width: 44px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  z-index: 99;
}

.magnify-number {
  position: fixed;
  bottom: 118px;
  left: 54%;
  padding: 0 5px;
  z-index: 9999;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


.viewer-open .viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.viewer-open .viewer-list > li + li {
  margin-left: 5px;
}
.viewer-open .viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 70px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 100px;
}
.viewer-open .viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  height: 100px;
}
.viewer-open .viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 17px 0;
}
.contact-phone-btn{
  font-family: Helvetica;
  font-size: 16px;
  color: #fff;
}
.number-text{
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  margin: 9px auto 0;
}
.small-icon{
  position: absolute;
  left: 8px;
  display: flex;
  line-height: 24px;
  bottom: 8px;
  gap: 5px;
  width: 44px;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.50);
  border-radius: 12px;
}
.item_image .small-icon .img-icon{
  width: 16px;
  height: 16px;
}
.img-number{
  color:#fff;
  line-height: 24px;
  font-size: 12px;
}
.address{
  font-size: 14px;
}
.item_footer .price .price-text{
}
.viewer-canvas{
  top:52px !important;
}
.viewer-button{
  top: 45px !important;
}