body{ background:#f8f8f8}


.catalog-box{background:#fff;margin-bottom: 15px;border-radius: 8px;}

h1{ width:100%; height:45px; line-height:45px; font-size:18px; font-weight:normal; color:#333; text-indent:20px; border-bottom:1px solid #eee; display:block; overflow:hidden}

.g-cont-box{width:auto;height:auto;margin: 0 15px;/* border-bottom:1px solid #eee; */display:block;overflow:hidden}

.g-cont-box .m-catalog-box{width:100%;height:auto;padding: 10px 0 20px;border-bottom:1px solid #eee;display:block;overflow:hidden}
.g-cont-box .m-catalog-box .m-left{ width:170px; height:auto; float:left; margin:0; display:inline; overflow:hidden}
.g-cont-box .m-catalog-box .m-left img{ width:64px; height:64px; margin:5px auto; display:block; overflow:hidden}
.g-cont-box .m-catalog-box .m-left strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:8px 0 0; display:block; overflow:hidden}


.g-cont-box .m-catalog-box .m-right{width: auto;height:auto;float:left;margin:0;display:inline;overflow:hidden}
.g-cont-box .m-catalog-box .m-right a{width:148px;height:32px;line-height:32px;font-size:14px;font-weight:normal;color:#333;text-align:center;background:#fbfbfb;float:left;margin: 10px 10px 0 1px;display:inline;overflow:hidden;border-radius: 4px;}
.g-cont-box .m-catalog-box .m-right a:hover{background: #ff9e00;color:#fff;}

.g-cont-box .m-catalog-soft{width:100%;height:auto;padding:0 0 10px 0;display:block;overflow: visible;}
.g-cont-box .m-catalog-soft li{width: 32%;height:auto;float:left;margin: 4px 8px 4px;display:inline;overflow: visible;}
.g-cont-box .m-catalog-soft li a{width:auto;height: auto;line-height:28px;font-size:12px;font-weight:normal;color:#333;display: flex;overflow:hidden}
.g-cont-box .m-catalog-soft li a img{/* width:20px; *//* height:20px; */float:left;margin:4px 8px 0 0;display:inline;overflow:hidden}
.g-cont-box .m-catalog-soft li a:hover{ color:#fe6603; text-decoration:none}


/* ?????m-catalog-soft????¡§??¡§??? */
.m-catalog-soft {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.m-catalog-soft li {
  width: 32%;
  min-width: 340px;
  margin: 0 2% 24px 0;
  background: #fff;
  border-radius: 10px;
  /* box-shadow: 0 2px 8px rgba(0,0,0,0.04); */
  display: flex;
  align-items: center;
  padding: 14px 18px;
  box-sizing: border-box;
  transition: box-shadow 0.2s;
  position: relative;
}
.m-catalog-soft li:nth-child(3n) {
  margin-right: 0;
}
.m-catalog-soft li:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.10);
}
.m-catalog-soft img {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
  margin-right: 18px;
  flex-shrink: 0;
  background: #f5f5f5;
}
.soft-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.soft-title {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin-bottom: 8px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.soft-meta {
  font-size: 12px;
  color: #888;
  display: block;
  line-height: normal;
}
.soft-meta span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}