.page-solution table {
  margin-top: 0.5em;    table-layout: fixed;
}

.solution-container {
  margin-bottom: 0.7rem;
  padding-top: 0.3rem;
}

.solution-container .flex-box {
  justify-content: center;
  align-items: flex-start;
}

.solution-container .flex-box-left {
  width: calc(100% - 4.2rem);
}

.solution-container .flex-box-right {
  padding-left: 0.6rem;
  width: 4.2rem;
}

@media (min-width: 768px) {
  .solution-container .flex-box-right {
    position: sticky;
    top: 1.2rem;
  }
}

.solution-container .flex-box-left a {
  transition: all 0.3s;
}

.solution-container .flex-box-left a:hover {
  filter: brightness(1.2);
}
#svgContainer svg{
width:100%;    height: auto;
}  
.solution-box {
  padding-left: 0.3rem;
  margin-bottom: 0.24rem;
}

.solution-box .solution-hd {
  position: relative;
  color: rgba(51, 51, 51, 1);
  font-size: var(--font18);
  margin-bottom: 0.08rem;
}

.solution-box .solution-hd::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.3rem;
  width: var(--icon20);
  height: var(--icon20);
  background: url("../images/arr.png") 50% 50% no-repeat;
}

.solution-box .solution-bd {
  color: rgba(119, 119, 119, 1);
  font-size: var(--font14);
  line-height: 1.75;
  text-align: justify;
  margin-bottom: 0.2rem;
}

.solution-box .solution-ft .title {
  color: rgba(0, 0, 0, 1);
  font-size: var(--font16);
  margin-bottom: 0.04rem;
}

.solution-box .solution-ft li {
  border-bottom: 1px solid rgba(215, 215, 215, 1);
}

.solution-box .solution-ft li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 1);
  font-size: var(--font16);
  line-height: 1.75;
  padding: 0.08rem 0;
}

.solution-box .solution-ft li .download {
  transition: all 0.3s;
  color: var(--main-color);
 font-size: var(--font14);
}
.solution-box .solution-ft-p{
font-size: var(--font14);
    margin-top: .2rem;
}
.solution-box .solution-ft li a:hover .download {
  text-decoration: underline;
}

.sol-pro .solution-ft {
  overflow-y: auto;
  max-height: calc(100vh - var(--global-header-height) - 1.48rem);
  padding-right: 0.2rem;
}

@media only screen and (max-width: 767px) {
  .solution-container .flex-box-left #svgContainer {
    overflow-x: auto;
  }
}