@media (max-width: 1230px) {
  .youshi ul {
    height: 4.96747967rem;
  }
  .youshi ul li {
    width: 2.03252033rem;
    height: 2.03252033rem;
    padding: 0 0.24390244rem;
  }
  .youshi ul li i {
    font-size: 0.29268293rem;
    padding-bottom: 0.06504065rem;
  }
  .youshi ul li i::before {
    width: 0.19512195rem;
    height: 0.03252033rem;
  }
  .youshi ul li .text {
    font-size: 0.14634146rem;
    line-height: 0.22764228rem;
    margin-top: 0.16260163rem;
  }
  .youshi ul li:nth-child(1) {
    left: 1.83739837rem;
  }
  .youshi ul li:nth-child(1)::after {
    width: 0.2195122rem;
    height: 0.01626016rem;
    bottom: 0.29268293rem;
    right: 0.04065041rem;
  }
  .youshi ul li:nth-child(2) {
    width: 2.78861789rem;
    height: 2.78861789rem;
    bottom: 0.20325203rem;
  }
  .youshi ul li:nth-child(2)::after {
    width: 0.93495935rem;
    height: 0.01626016rem;
    bottom: 1.44715447rem;
    right: -0.91056911rem;
  }
  .youshi ul li:nth-child(3) {
    width: 1.8699187rem;
    height: 1.8699187rem;
    top: 1.85365854rem;
  }
  .youshi ul li:nth-child(3)::after {
    width: 2.82926829rem;
    height: 0.01626016rem;
    top: 0.97560976rem;
    right: 1.86178862rem;
  }
  .youshi ul li:nth-child(4) {
    width: 2.47154472rem;
    height: 2.47154472rem;
    top: 0.04065041rem;
    right: 1.51219512rem;
  }
  .youshi ul li:nth-child(4)::after {
    width: 0.93495935rem;
    height: 0.01626016rem;
    bottom: 0.49593496rem;
    right: 2.30894309rem;
  }
  .youshi ul li:nth-child(5) {
    width: 1.91056911rem;
    height: 1.91056911rem;
    right: 1.51219512rem;
  }
  .youshi ul li:nth-child(5)::after {
    width: 1.5203252rem;
    height: 0.01626016rem;
    top: 0.36585366rem;
    right: 1.80487805rem;
  }
  .youshi ul li:nth-child(6) {
    width: 2.33333333rem;
    height: 2.33333333rem;
    top: 1.42276423rem;
    left: 3.47154472rem;
  }
  .youshi ul li:nth-child(6) i {
    margin: 0.08130081rem 0;
    font-size: 0.45528455rem;
  }
  .youshi ul li:nth-child(6) h5 {
    font-size: 0.26829268rem;
  }
  .youshi ul li:nth-child(6) p {
    font-size: 0.17073171rem;
  }
}
@media (max-width: 767px) {
  .youshi {
    padding-bottom: 20px;
  }
  .youshi ul {
    height: auto;
  }
  .youshi ul li {
    width: 100% !important;
    height: auto !important;
    border-radius: 0;
    position: initial;
    display: block;
    padding: 15px 10px;
    margin-bottom: 10px;
    background: #009944 !important;
  }
  .youshi ul li:nth-child(even) {
    background: #e67817 !important;
  }
  .youshi ul li::before,
  .youshi ul li::after,
  .youshi ul li:last-child {
    display: none;
  }
  .youshi ul li i {
    font-size: 25px;
    padding-bottom: 8px;
    display: block;
  }
  .youshi ul li i::before {
    width: 15px;
    height: 4px;
  }
  .youshi ul li .text {
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;
  }
}