.page {
  padding-top: 3rem; }

.menu-area {
  overflow: hidden; }
  .menu-area > li {
    float: left;
    width: 23%;
    margin-right: 2.6666%; }
    .menu-area > li:nth-child(4n) {
      margin-right: 0; }
    .menu-area > li:nth-child(n + 5) {
      margin-top: 0.27rem; }
  .menu-area .link {
    display: block;
    border-radius: 0.1rem;
    background-color: #FCF9FC;
    text-align: center;
    line-height: 0.59rem;
    padding: 0.2rem 0; }
    .menu-area .link .name {
      color: #2f2f2f;
      font-size: 0.43rem; }
    .menu-area .link .text {
      font-size: 0.29rem; }
      .menu-area .link .text .number {
        font-size: 0.32rem;
        font-weight: bold; }

.home_main_content {
  background-color: #fafafa; }

.home_area_nav {
  padding: 0.4rem;
  background-color: #fdfdfd; }
  .home_area_nav .area {
    float: left;
    border-right: 1px solid #eee;
    line-height: 0.67rem;
    font-size: 0.35rem;
    color: #9599a2;
    width: 1.5rem; }
    .home_area_nav .area .icon {
      width: 0.3rem;
      margin-right: 0.05rem; }
  .home_area_nav .nav_list {
    overflow-x: scroll;
    white-space: nowrap; }
    .home_area_nav .nav_list::-webkit-scrollbar {
      display: none; }
    .home_area_nav .nav_list > li {
      display: inline-block; }
      .home_area_nav .nav_list > li.active .link {
        background-color: #61C389;
        color: #fff; }
    .home_area_nav .nav_list .link {
      display: block;
      color: #9599a2;
      line-height: 0.67rem;
      font-size: 0.4rem;
      padding: 0 0.4rem;
      background-color: #f7f7f7;
      margin: 0 0.27rem;
      border-radius: 1rem; }

.areaSelectModal {
  width: 9.2rem;
  border-radius: 0.5rem !important;
  overflow: hidden; }
  .areaSelectModal .layui-layer-title {
    background-color: #fff;
    border: none;
    padding: 0.6rem;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #2f2f2f;
    text-align: center;
    height: auto; }
  .areaSelectModal .layui-layer-btn {
    padding: 0 0.4rem;
    height: auto;
    padding-top: 0 !important; }
    .areaSelectModal .layui-layer-btn .layui-layer-btn0 {
      width: 100%;
      line-height: 1.07rem;
      text-align: center;
      background: linear-gradient(-90deg, #84db9b, #52cc83);
      box-shadow: 0rem 0rem 0rem 0rem rgba(97, 194, 136, 0.4);
      border-radius: 1rem;
      border: none;
      padding: 0;
      margin: 0;
      height: auto;
      margin-bottom: 0.65rem;
      box-shadow: 0px 8px 20px 0px rgba(97, 194, 136, 0.4); }
  .areaSelectModal .layui-layer-setwin .layui-layer-close1 {
    color: #dddddd; }

#areaSelectModal {
  overflow: hidden; }

.modal-area-list {
  padding: 0 0.4rem; }
  .modal-area-list > li {
    margin-right: 0.2rem;
    width: 1.8rem !important; }

.home-area-scroll-wrapper {
  top: 1.5rem; }