/*项目中可能用到的变量，按设计稿规范录入*/
.detail-container-wrapper .image-wrapper[data-v-b542b64a] {
  padding: 24px auto;
}
.detail-container-wrapper .image-wrapper .top-image-area[data-v-b542b64a] {
  display: flex;
}
.detail-container-wrapper .image-wrapper .top-image-area .desc-area[data-v-b542b64a] {
  width: 340px;
}
.detail-container-wrapper .image-wrapper .top-image-area .desc-area .image[data-v-b542b64a] {
  width: 340px;
  height: 185px;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap[data-v-b542b64a] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 16px;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap .title[data-v-b542b64a] {
  font-size: 16px;
  color: #242527;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap .text[data-v-b542b64a] {
  margin-top: 8px;
  line-height: 20px;
  width: 500px;
  font-size: 14px;
  color: #374052;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-wrap: break-word;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap .item-list[data-v-b542b64a] {
  margin: 8px 0;
  font-size: 14px;
  color: #959aa4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-wrap: break-word;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap .item-list .item[data-v-b542b64a] {
  line-height: 20px;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap .item-list .item .item-wrap .item-text[data-v-b542b64a] {
  height: 20px;
  line-height: 20px;
  margin-right: 20px;
  font-size: 14px;
  color: #959aa4;
}
.detail-container-wrapper .image-wrapper .top-image-area .list-area-wrap .item-list .item-name[data-v-b542b64a] {
  margin-top: 8px;
}
.detail-container-wrapper .image-wrapper .preview-image-area[data-v-b542b64a] {
  margin: 40px 0px;
}
.detail-container-wrapper .image-wrapper .preview-image-area .image[data-v-b542b64a] {
  margin-right: 16px;
  width: 150px;
  height: 240px;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-container-wrapper .list-wrapper .list-left-area[data-v-b542b64a] {
  margin-right: 8px;
}
.detail-container-wrapper .list-wrapper .list-left-area .host-list[data-v-b542b64a] {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
  width: auto;
  height: 36px;
  line-height: 36px;
  background: #f5f7f9;
}
.detail-container-wrapper .list-wrapper .list-left-area .host-list .host-name[data-v-b542b64a] {
  height: 36px;
  background: #f5f7f9;
}
.detail-container-wrapper .list-wrapper .list-left-area .feature-textarea[data-v-b542b64a] {
  height: 110px;
  padding: 5px;
  border-radius: 8px;
  line-height: 24px;
  border: 1px solid #edeff2;
  overflow: auto;
}
.detail-container-wrapper .list-wrapper .list-left-area .guide-textarea[data-v-b542b64a] {
  height: 300px;
  padding: 5px;
  margin: 5px;
  line-height: 24px;
  border: 1px solid #edeff2;
  overflow: auto;
  border-radius: 8px;
}