.aiappzly-mobile-module11 {
  width: 7.5rem;
  padding: 1rem 0.4rem 0.71rem;
  box-sizing: border-box;
  background: #ffffff;
}
.aiappzly-mobile-module11 .module-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  margin-bottom: 1.88rem;
}
.aiappzly-mobile-module11 .module-title {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 0.48rem;
  line-height: 0.64rem;
  color: #253747;
  text-align: center;
  flex-direction: row;
  white-space: nowrap;
}
.aiappzly-mobile-module11 .module-title .hot {
  color: #0479ff;
}
.aiappzly-mobile-module11 .module-subtitle {
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 0.48rem;
  line-height: 0.64rem;
  color: #253747;
  text-align: center;
  white-space: nowrap;
}
.aiappzly-mobile-module11 .module-desc {
  margin-top: 0.09rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.24rem;
  line-height: 0.32rem;
  letter-spacing: 0.02rem;
  color: #253747;
  text-align: center;
}
.aiappzly-mobile-module11 .roadmap-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.aiappzly-mobile-module11 .roadmap-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.aiappzly-mobile-module11 .roadmap-card-hd {
  min-height: 0.96rem;
  padding: 0.12rem 0.16rem;
  border-radius: 0.16rem 0.16rem 0 0;
  font-family: Microsoft YaHei;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.32rem;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.aiappzly-mobile-module11 .roadmap-card-hd--blue {
  background: linear-gradient(90deg, #0b5efe 0%, #00a0ff 100%);
}
.aiappzly-mobile-module11 .roadmap-card-hd--cyan {
  background: linear-gradient(90deg, #00a8ff 0%, #00d0ff 100%);
}
.aiappzly-mobile-module11 .roadmap-card-hd--orange {
  background: linear-gradient(90deg, #ff9933 0%, #ffb347 100%);
}
.aiappzly-mobile-module11 .roadmap-card-hd--red {
  background: linear-gradient(90deg, #fc5651 0%, #fc7350 100%);
}
.aiappzly-mobile-module11 .roadmap-card-bd {
  flex: 1;
  min-width: 0;
  border-radius: 0 0 0.16rem 0.16rem;
  padding: 0.2rem 0.28rem 0.2rem;
  box-sizing: border-box;
}
.aiappzly-mobile-module11 .roadmap-card-bd p {
  background: #ffffff;
  border-radius: 0.08rem;
  padding: 0.24rem;
  margin: 0;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #54677c;
  word-break: break-word;
  overflow-wrap: break-word;
}
.aiappzly-mobile-module11 .roadmap-card-bd--blue {
  background: #eef8ff;
}
.aiappzly-mobile-module11 .roadmap-card-bd--orange {
  background: #fff5ee;
}
.aiappzly-mobile-module11 .seek-btn {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}
.aiappzly-mobile-module11 .seek-btn span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 3.04rem;
  height: 0.9rem;
  padding: 0 0.8rem 0 0.6rem;
  line-height: 1;
  background: linear-gradient(90deg, #fc7550 0%, #fc5350 100%);
  border-radius: 1.58rem;
  box-shadow: inset 0 0 13px #ffffff;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 0.26rem;
  color: #ffffff;
  text-align: center;
}
.aiappzly-mobile-module11 .seek-btn span::after {
  content: "";
  position: absolute;
  right: 0.4rem;
  top: 50%;
  width: 0.16rem;
  height: 0.27rem;
  margin-top: -0.135rem;
  background: url("/mobile/subject/aiapp/module11/images/btn-arrow.svg") no-repeat center;
  background-size: 100% 100%;
}