/* 解决方案公共 */
.chronic-h5-content {
  position: relative;
  display: none;

}

.chronic-h5-backgroud {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  z-index: 0;
  left: 0;
}

.chronic-h5-backgroud img {
  width: 100%;
}

.chronic-h5-group {
  transform: translateZ(100px);
  padding-top: 48px;
}

.chronic-h5-title {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 39px;
  text-align: center;
  color: #222222;
}

.chronic-pic {
  padding: 0 20px;
  margin: 32px auto 0;
}

.chronic-pic img {
  width: 100%;
}

.chronic-desc-text {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 180%;
  color: #888888;
  padding: 0 40px;
}

.chronic-free-btn {
  width: 200px;
  height: 48px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  background: linear-gradient(91.82deg, #007EEF 1.54%, #00CAA5 98.46%);
  box-shadow: 0px 24px 15px -10px rgba(24, 146, 255, 0.2);
  border-radius: 92px;
  margin: 32px auto 0;
}
.chronic-h5-box{
  margin-top: .64rem;
  width: 100%;
  text-align: center;
  padding: .64rem .426667rem;
  background: linear-gradient(
134.68deg
, rgba(25, 147, 255, 0.3) 4.56%, rgba(255, 255, 255, 0) 39.43%), linear-gradient(
237.97deg
, rgba(32, 209, 176, 0.3) 4.58%, rgba(255, 255, 255, 0) 35.31%), linear-gradient(
180deg
, #FFFFFF 0%, #FFFFFF 100%);
  border-radius: 16px;
}
.chronic-h5-box .chronic_gxh{
  width: 2.293333rem;
  margin: 0 auto;
  display: block;
}
.chronic-h5-box .add{
  width: .533333rem;
  margin: 0 auto .213333rem;
  display: block;
}
.chronic-list{
  text-align: left;
}
.chronic-list .chronic-item{
  background: url("../../images/solution/chronic_bg.png") no-repeat;
  background-size: 100% 100%;
  padding: .346667rem .533333rem .8rem;
}
.chronic-list .chronic-item .chronic-title{
  font-weight: 600;
  font-size: .373333rem;
  color: #000000;
}
.chronic-p{
  padding-top: .32rem;
}
.chronic-p p{
  font-weight: 600;
  font-size: .266667rem;
  line-height: 1.6;
  color: #222222;
}
@media screen and (max-width: 767px) {
  .chronic-banner ,.chronic-content{
    display: none;
  }

  .chronic-h5-content {
    display: block;
  }
  
}