body {
  background: #f5f5f5;
}
.imgBox {
  overflow: hidden
}

.imgBox>img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}
.btn {
  /* .24 * 55 */
  font-size: 13.2px;
  color: var(--primary);
  background: var(--primary-light);
  /* .27 * 55 */
  border-radius: 14.85px;
  /* 1.24 * 55 */
  width: 68.2px;
  /* .5 * 55 */
  height: 27.5px;
  /* .5 * 55 */
  line-height: 27.5px;
  text-align: center;
}
.down-recomd .gmSwWrap {
  /* .22 * 55 */
  margin: 12.1px 0 0;
  /* .3 * 55 */
  padding: 0 16.5px 0 0;
  overflow: hidden;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide {
  width: fit-content;
  /* .2 * 55 */
  margin-right: 11px;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a {
  /* 5.4 * 55 */
  width: 297px;
  height: auto;
  background: #fff;
  /* .2 * 55 */
  border-radius: 11px;
  display: flex;
  flex-direction: column;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgBox {
  width: 100%;
  height: 142px;
  /* .2 * 55 */
  border-radius: 11px 11px 0 0;
  overflow: hidden;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo {
  /* .15 * 55, .25 * 55 */
  padding: 8.25px 8.25px 13.75px;
  flex: 1;
  display: flex;
  align-items: flex-end;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo > img {
  /* -0.3 * 55 */
  margin-top: -16.5px;
  /* 1.09 * 55 */
  width: 59.95px;
  height: 59.95px;
  background: #5a96ff;
  /* .15 * 55 */
  border-radius: 8.25px;
  /* .03 * 55 */
  border: 1.65px solid #ffffff;
  object-fit: cover;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo > p {
  width: 0;
  /* .1 * 55 */
  padding-left: 5.5px;
  /* .06 * 55 */
  padding-bottom: 3.3px;
  flex: 1;
  display: flex;
  flex-direction: column;
  /* .24 * 55 */
  font-size: 13.2px;
  /* .28 * 55 */
  line-height: 15.4px;
  color: #000000;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo > p span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo > p .time {
  /* .1 * 55 */
  margin-top: 5.5px;
}

.down-recomd .gmSwWrap .swiper-wrapper .swiper-slide > a .imgInfo .btn {
  color: var(--primary);
  /* .08 * 55 */
  margin-bottom: 4.4px;
  background: var(--primary-light);
}

.gmClassifyBox {
  /* .3 * 55 */
  font-size: 16.5px;
  color: #666666;
  /* .25 * 55, .5 * 55, .35 * 55 */
  padding: 13.75px 27.5px 19.25px;
  background: #ffffff;
  /* .2 * 55 */
  border-radius: 11px;
  /* .03 * 55 */
  border: 1.65px solid #290e00;
}

.gmClassifyBox .boxList {
  /* -0.2 * 55 */
  margin-top: -11px;
  display: grid;
  /* 2.02 * 55 */
  grid-template-columns: repeat(3, 111.1px);
  justify-content: space-between;
  height: auto;
  overflow: hidden;
}

.gmClassifyBox .boxList li > a {
  color: inherit;
  /* .2 * 55 */
  margin-top: 11px;
  display: block;
  width: 100%;
  /* .62 * 55 */
  height: 34.1px;
  /* .6 * 55 */
  line-height: 33px;
  background: #f4f4f4;
  /* .1 * 55 */
  border-radius: 5.5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* .1 * 55 */
  padding: 0 5.5px;
}

.gmClassifyBox .boxList li.active > a {
  background: var(--primary-light);
  color: var(--primary);
}

.gmClassifyBox .boxList li.openBtn > a {
  color: var(--primary-light);
}

.gmClassifyBox .boxList li.closeBtn > a {
  color: #cccccc;
}
.list-main {
  /* .3 * 55 */
  margin: 16.5px;
  padding: 0 16.5px;
  /* .15 * 55 */
  border-radius: 8.25px;
  background: #fff;
  overflow: hidden;
}

.singleColumnList {
  /* 0.15 * 55 = 8.25 */
  margin-top: 8px;
}

.singleColumnList .listItem {
  /* 0.24 * 55 = 13.2 */
  padding: 13px 0;
  border-bottom: 1px solid #eee;
}

.singleColumnList .listItem:last-child {
  border-bottom: 1px solid transparent;
}

.singleColumnList .listItem a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 0.24 * 55 = 13.2 */
  font-size: 13px;
  /* 0.28 * 55 = 15.4 */
  line-height: 15px;
  color: #999;
  position: relative;
}

.singleColumnList .listItem a img {
  /* 1.2 * 55 = 66 */
  width: 66px;
  height: 66px;
  /* 0.24 * 55 = 13.2 */
  border-radius: 13px;
}

.singleColumnList .listItem a .itemInfo {
  /* 0.24 * 55 = 13.2 */
  padding-left: 13px;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 0;
}

.singleColumnList .listItem a .itemInfo p {
  /* 0.12 * 55 = 6.6 */
  margin-top: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.singleColumnList .listItem a .itemInfo p.title {
  margin-top: 0;
  color: #333333;
  /* 0.28 * 55 = 15.4 */
  font-size: 15px;
  /* 0.32 * 55 = 17.6 */
  line-height: 18px;
}

.singleColumnList .listItem a .itemInfo p.tip {
  /* 0.15 * 55 = 8.25 */
  margin-top: 8px;
  display: flex;
}

.singleColumnList .listItem a .itemInfo p.tip > span {
  /* 0.2 * 55 = 11 */
  font-size: 11px;
  color: #999;
  /* 0.36 * 55 = 19.8 */
  height: 20px;
  /* 0.34 * 55 = 18.7 */
  line-height: 19px;
  background: #F2F6FF;
  /* 0.18 * 55 = 9.9 */
  border-radius: 10px;
  /* 0.16 * 55 = 8.8 */
  margin-right: 9px;
  /* 0.15 * 55 = 8.25 */
  padding: 0 8px;
}

.singleColumnList .listItem a .btn {
  /* 0.36 * 55 = 19.8 */
  padding: 0 20px;
  position: absolute;
  right: 0;
}

.aMore {
  display: block;
  /* 0.06=3.3, 0.25=13.75, 0.35=19.25 */
  margin: 3px 14px 19px;
  /* 0.66 * 55 = 36.3 */
  height: 36px;
  /* 0.26 * 55 = 14.3 */
  font-size: 14px;
  color: #AEAEAE;
  /* 0.66 * 55 = 36.3 */
  line-height: 36px;
  text-align: center;
  background: rgba(246, 246, 246, .5);
  /* 0.33 * 55 = 18.15 */
  border-radius: 18px;
}
.bbox {
  /* 0.36 * 55 = 19.8 -> 20px */
  /* 0.26 * 55 = 14.3 -> 14px */
  margin: 20px 14px 0;
  /* 0.3 * 55 = 16.5 -> 17px */
  padding-bottom: 17px;
}