/* 页面布局（layout） */

.section-wrap {
  padding-left: var(--p-x)!important;
  padding-right: var(--p-x)!important;
}
/* 小屏幕：手机端 范围：0-576px*/
@media (max-width: 576px) {
  :root {
    --p-x: 20px;
  }
}
/* 中屏幕：平板端 范围：576-768px*/
@media (min-width: 576px) and (max-width: 768px) {
  :root {
    --p-x: 40px;
  }
}
/*768-992px*/
@media (min-width: 768px) and (max-width: 992px) {
  :root {
    --p-x: 60px;
  }
}
/* 大屏幕：范围：>=992px*/
@media (min-width: 992px) {
  :root {
    --p-x: 16.25rem;
  }
}