html {
  font-size: 10px;
}
body {
  color: #000000;
  /* font-size: 4px; */
  position: relative;
  margin: 0;
  padding: 0;
  background: #fff;
  flex-direction: column;
  align-items: center;
  font-family: 'Alibaba PuHuiTi';
}

.container {
  width: 192rem;
}
.content-container {
  width: 100%;
  /* font-family: 'Alibaba PuHuiTi'; */
  font-weight: 500;
}
.content-container .banner-container {
  width: 100%;
  height: 43.8rem;
  position: relative;
}
.content {
  background-color: #fff;
  padding: 2.4rem 27.4rem 0 27.4rem;
}
.download-container{
  width: 100%;
  min-height: 50rem;
  /*border:1px solid red;*/
  display: flex;
}
.category-list{
  width: 32rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.category-item{
  width: 28.8rem;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.2rem;
  padding-left: 1.2rem;
  font-size: 1.4rem;
  /*background: #5faee3;*/
  margin-top: 0.8rem;
  box-sizing: border-box;
}
.category-item-active{
  background: #CE0E2D;
  padding-left: 4.8rem;
  color: #ffffff;
}
.category-item-active:hover{
  cursor:pointer;
}

.item-list{
  margin-left: 0.4rem;
  width: 96rem;
  min-height: 50rem;
  /*border: 1px solid red;*/
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item-details{
  width: 92.8rem;
  /*height: 17.9rem;*/
  margin-top:1.6rem;
  margin-bottom: 1.6rem;
  border-radius: 1.2rem;
  padding: 1.6rem;
  box-sizing: border-box;
  /*border:1px solid red;*/
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.item-details .item-title{
  font-size: 1.6rem;
  font-weight: bold;
  color: #1C170D;
}
.item-details .item-desc{
  font-size: 1.4rem;
  color: #000000;
  margin-top: 0.3rem;
}
.item-details .item-btn{
  display: flex;
  width: 10rem;
  height: 2.6rem;
  line-height: 2.6rem;
  background: #CE0E2D;
  align-items: center;
  justify-content: center;
  margin-top: 2.6rem;
}

.item-details .item-btn:hover{
  cursor:pointer;
}

.item-details .item-btn:active{
  opacity: 0.2;
}

.item-details .item-btn .btn-text{
  color: #FFFFFF;
  font-size: 1.2rem;
}

.item-details .item-btn img{
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.2rem;
  margin-left: 0.8rem;
}
.item-details .item-img{
  width: 37.3rem;
  height: 14.7rem;
  border-radius: 1.2rem;
}

/*移动端适配*/
/*@media screen and (max-width: 1023px){*/

/*}*/
/*@media screen and (max-width: 600px){*/

/*}*/

/*@media screen and (max-width: 289px){*/


/*}*/
/* 手机端适配 */
/* 手机端适配 */
@media screen and (max-width: 768px) {
  html {
    font-size: 8px; /* 缩小 rem 基准值，让整体比例适合小屏 */
  }

  .container {
    width: 100%;         /* 让容器全屏 */
    padding: 0;          /* 去掉多余内边距 */
    margin: 0;
  }

  .content {
    padding: 1rem;       /* 手机端保留少量内边距，避免贴边 */
  }

  .download-container {
    flex-direction: column; /* 改为上下排 */
    align-items: center;
  }

  .category-list {
    width: 100%;           /* 占满宽度 */
    flex-direction: row;   /* 横排 */
    flex-wrap: wrap;       /* 自动换行 */
    justify-content: center;
  }

  .category-item {
    width: auto;
    margin: 0.4rem;
    padding: 0 1rem;
    font-size: 1.2rem;
  }

  .item-list {
    width: 100%;
    margin-left: 0;
  }

  .item-details {
    flex-direction: column;
    width: 100%;           /* 全屏宽度 */
    height: auto;
    margin: 1rem 0;
  }

  .item-details .item-img {
    width: 100%;
    height: auto;
    margin-top: 1rem;
  }

  .item-details .item-btn {
    width: 100%;           /* 按钮也全宽 */
    margin-top: 1rem;
  }
}