.ynw-baseInfo {
  background-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.ynw-baseInfo .ynw-baseInfo-header {
  display: flex;
  align-items: center;
  padding: 2.7vw;
  background: #fff;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-left {
  flex: 1;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-left .icon-houtui {
  font-size: 5.3vw;
  color: var(--primaryTextColor);
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-right {
  flex: 1;
  color: #5f6670;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-mid {
  flex: 3;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-mid .header-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.3vw;
  color: #303741;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-mid .header-title .bottom-active {
  width: 4.3vw;
  height: 1.1vw;
  margin-left: 50%;
  background: var(--primaryColor);
  border-radius: 0.5vw;
  transform: translateX(-50%);
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-mid .header-title-item {
  color: #303741;
  font-weight: 500;
  padding: 0 2.7vw;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-mid .tab-Name {
  position: relative;
  opacity: 0.7;
}
.ynw-baseInfo .ynw-baseInfo-header .ynw-baseInfo-header-mid .titleActive .tab-Name {
  color: var(--primaryColor);
  font-weight: 800;
  font-size: 4.8vw;
  opacity: 1;
}
.ynw-baseInfo .ynw-baseInfo-container {
  flex: 1;
  overflow: auto;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content {
  margin: 2.1vw 2.7vw;
  padding: 2.7vw;
  border-radius: 1.6vw;
  background: #fff;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .ynw-baseInfo-content-title {
  font-size: 4.8vw;
  color: #252525;
  padding-left: 1.6vw;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .ynw-baseInfo-content-title img {
  width: 6.4vw;
  height: 6.4vw;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .ynw-baseInfo-content-detail {
  overflow: hidden;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .item {
  position: relative;
  font-size: 3.7vw;
  float: left;
  width: 50%;
  display: flex;
  line-height: 11.7vw;
  padding: 0 1.6vw;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .item .label {
  min-width: 21.3vw;
  max-width: 26.7vw;
  margin-bottom: 0;
  color: #8f96a0;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .item .value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  margin-bottom: 0;
  color: #252525;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .item .value .iconfont {
  color: #dee2e6;
  font-size: 3.7vw;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .icon-item {
  flex-direction: column;
  align-items: center;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .icon-item img {
  width: 10.7vw;
  height: 10.7vw;
}
.ynw-baseInfo .ynw-baseInfo-container .ynw-baseInfo-content .icon-item .icon-text {
  text-align: center;
  font-size: 3.2vw;
  color: #5f6670;
  line-height: 5.3vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}