/* Case List：与新站头/底并存 */
.mot-cases-legacy {
  position: relative;
  width: 100%;
}

.mot-cases-page {
  display: block;
  width: 100%;
}

.mot-cases-legacy #qqivkc {
  max-width: 100%;
}

/* Banner */
#cdqfg5W.mot-cases-banner {
  position: relative;
  width: 100%;
  height: 480px;
  margin: 0 !important;
  overflow: hidden;
  box-sizing: border-box;
}

#cdqfg5W.mot-cases-banner #cPndJGM {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding: 2% 12% 4% !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#cdqfg5W.mot-cases-banner #cPndJGM > .rowList {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

#cdqfg5W.mot-cases-banner .cgRuY5CA,
#cdqfg5W.mot-cases-banner #ch45ur4 {
  display: block !important;
  width: 100% !important;
  clear: both !important;
}

#cdqfg5W.mot-cases-banner .cgRuY5CA {
  margin: 0 0 0.8rem 0 !important;
}

#ch45ur4 .CrumbsBox {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

#ch45ur4 .CrumbsBox .ch45ur4Ic,
#ch45ur4 .CrumbsBox .btnIcon {
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1;
}

#ch45ur4 .CrumbsBox .currentPosFont,
#ch45ur4 .CrumbsBox .ch45ur4Font {
  display: inline-block;
  flex: 0 1 auto;
  white-space: nowrap;
}

.mot-cases-banner--no-bg #cPndJGM,
.mot-cases-banner--no-bg .mot-cases-banner-bg-fallback {
  background: #f0f0f0 !important;
}

.mot-cases-banner--no-bg .cgRuY5CA,
.mot-cases-banner--no-bg .cgRuY5CA .pagepointA,
.mot-cases-banner--no-bg .ch45ur4Font,
.mot-cases-banner--no-bg .ch45ur4Font a,
.mot-cases-banner--no-bg .ch45ur4Ic {
  color: #222 !important;
}

/* 卡片可点击 */
a.mot-case-card {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  box-sizing: border-box;
}

a.mot-case-card .boxContent {
  position: relative;
  z-index: 2;
}

.mot-case-card-bg-fallback {
  background: #99beff !important;
  opacity: 1 !important;
}

.mot-cases-list-empty,
.mot-cases-pagination {
  width: 100%;
  padding: 2rem 0;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  #cdqfg5W.mot-cases-banner {
    height: 280px;
  }

  #cdqfg5W.mot-cases-banner #cPndJGM {
    padding: 3% 6% 5% !important;
  }

  #cdqfg5W.mot-cases-banner .cgRuY5CA {
    font-size: 3.2rem !important;
  }
}