.overview {
  padding: 60px;
  border-radius: 40px;
  background: url(../../pic/product/ts.NET/img_1-1@2x.png) center no-repeat;
  Background-size:cover
}
.overview-introduce {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.overview-introduce > p{
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}
.overview-introduce > p > span {
  color: #AA1017;
}

.warehouse {
  font-size: 24px;
  font-weight: 600;
  color: rgba(0,0,0,0.65);
}
.warehouse .warehouse-nosql {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}
.warehouse .warehouse-nosql .warehouse-nosql-item{
  width: 300px;
  display: flex;
  flex-direction: column;
  box-shadow: none;
  padding-left: 40px;
}
.warehouse-nosql-item > img{
  width: 70%;
  margin-bottom: -30px;
}
.warehouse li {
  margin-bottom: 6px;
  list-style: inside;
  color: #AA1017;
  height: 28px;
  line-height: 28px;
}
.warehouse li>span {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0,0,0,0.45);
}
.warehouse-bg5 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 120px;
  height: 160px;
  background: url(../../pic/product/ts.NET/img_2-11.png) center no-repeat;
  background-size: cover;
  z-index: 1;
}

.grid-columns-4 {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
.grid-columns-4 >p {
  margin-bottom: 20px;
}
.grid-columns-3 {
  display: grid;
  grid-template-columns: auto auto auto;
}
.grid-columns-3 >p {
  margin-bottom: 20px;
}
.grid-columns-3 >p>span {
  color: #ffffff;
  text-align: center;
  background-color: #AA2115;
  border-radius: 4px;
  padding: 4px;
}
.distributed-container {
  display: flex;
  gap: 20px;
  width: 80%;
  margin: auto;
  margin-top: 20px;
}
.distributed {
  flex: 1;
  padding-left: 100px;
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 0px 2px 22px 0px rgba(0,0,0,0.16);
  background: url(../../pic/product/ts.NET/img_4-2_bg.png) no-repeat;
  background-size: 11%;
  background-position: 7% 20%;
}
.distributed li {
  margin-bottom: 6px;
  list-style: outside;
  color: #AA1017;
  height: 28px;
  line-height: 28px;
}
.distributed li>span {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
}

.platform-features-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 30px;
}
.platform-features-item {
  display: flex;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1);
}
.platform-features-item-left {
  display:flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: url(../../pic/product/ts.NET/img_6-left-bg.png) center no-repeat;
  background-size: cover;
}
.platform-features-item-right {
  display:flex;align-items: center;justify-content: center;
  flex: 2;
}
.platform-features-item-left > .img_6-2,.platform-features-item-right > .img_6-2 {
  display: flex;
  justify-content: center;
}
.platform-features-item-left > .img_6-2>img, .platform-features-item-right > .img_6-2>img {
  width: 90%;
  padding: 30px 0;
}
.full-stack {
  display: grid;
  padding: 20px 20px;
  grid-gap: 30px 50px;
  grid-template-columns: auto auto auto;
  color: rgba(0,0,0,0.45);
}
.multi-fabric {
  margin-left: 100px;
  display: grid;
  grid-template-columns:  auto auto auto auto auto;
  grid-gap: 60px 50px;
  margin-top: 30px;
  margin-bottom: 90px;
}
.multi-fabric-title {
  margin-top:30px;
  margin-left:100px;
  color:#000000;
  font-weight: 600;
 }
.multi-fabric-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 130px;
  height: 90px;
  font-size: 16px;
}
.multi-fabric-item>img {
  width: 100%;
}
.grid-columns-2 {
  display: grid;
  grid-gap: 20px;
  margin-top: 25px;
  grid-template-columns: auto auto;
}
.application-direction {
  display: flex;
  gap: 40px;
  margin-top: 50px;
  margin-bottom: 35px;
}
@media only screen and (max-width:576px) {
  .warehouse-bg5 {
    width: 60px;
    height: 80px;
    top: 43%;
  }
  .warehouse .warehouse-nosql {
    flex-direction: column;
  }
  .ts-product-body-col2 {
    flex-direction: column;
  } 
  .ts-product-body-col2-box:last-child {
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .grid-columns-4 {
    grid-template-columns: auto auto;
  }
  .grid-columns-3 {
    grid-template-columns: auto auto;
  }
  .ts-product-body-col2-box:first-child,.ts-product-body-col2-box:last-child {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .distributed-container {
    width: 100%;
  }
  .platform-features-item {
    flex-direction: column;
  }
  .application-direction {
    flex-direction: column;
  }
  .grid-columns-2 {
    grid-gap: 10px;
    margin-bottom: 25px;
  }
  .ts-product-body-textbox-bltext {
    font-size: 1rem;
  }
  .multi-fabric {
    margin-left: 35px;
    grid-template-columns:  auto auto;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .multi-fabric-title {
    margin: 0 auto;
    margin-top: 20px;
  }
  .full-stack {
    grid-gap: 20px 40px;
  }
}