.pc .list .item {
  border: 1px solid #D6D7DC;
  margin-bottom: 40px;
}

.pc .list .item .item-first {
  width: calc(100% - 159px);
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  padding: 20px 35px;
  position: relative;
}

.pc .list .item .item-first::after {
  position: absolute;
  top: 0;
  left: 6px;
  width: 14px;
  height: 22px;
  background-image: url("../../image/before.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: ' ';
}

.pc .list .item .item-first::before {
  width: 159px;
  height: 100%;
  background-color: #E2F6EF;
  content: ' ';
  position: absolute;
  right: -159px;
  z-index: -1;
  top: 0;
}

.pc .list .item .download {
  min-width: 159px;
  width: 159px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.pc .list .item .download .iconDownload {
  background-image: url("../../image/download1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.pc .list .item:hover {
  color: #fff;
}

.pc .list .item:hover .iconDownload {
  background-image: url("../../image/download.png");
}

.pc .list .item:hover .item-first::before {
  background-color: #009C45 !important;
}

.phone .list .item {
  border: 0.0625rem solid #D6D7DC;
  margin-bottom: 2.5rem;
}

.phone .list .item .item-first {
  width: calc(100% - 9.9375rem);
  font-size: 1.5rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  padding: 1.25rem 2.1875rem;
  position: relative;
}

.phone .list .item .item-first::after {
  position: absolute;
  top: 0;
  left: .375rem;
  width: .875rem;
  height: 1.375rem;
  background-image: url("../../image/before.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: ' ';
}

.phone .list .item .item-first::before {
  width: 9.9375rem;
  height: 100%;
  background-color: #E2F6EF;
  content: ' ';
  position: absolute;
  right: -9.9375rem;
  z-index: -1;
  top: 0;
}

.phone .list .item .download {
  min-width: 9.9375rem;
  width: 9.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.phone .list .item .download .iconDownload {
  background-image: url("../../image/download1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.375rem;
  height: 2.375rem;
  object-fit: contain;
}

.phone .list .item:hover {
  color: #fff;
}

.phone .list .item:hover .iconDownload {
  background-image: url("../../image/download.png");
}

.phone .list .item:hover .item-first::before {
  background-color: #009C45 !important;
}