/* 手机端 单独适配样式 */
/* 设置一些全局变量， 方便后续控制 */
.only-show-web {
  display: none;
}
@media (min-width: 1200px) {
  .only-show-web {
    display: block;
  }
}

.only-show-mobile {
  display: block;
}
@media (min-width: 1200px) {
  .only-show-mobile {
    display: none;
  }
}

.only-show-web-flex {
  display: none;
}
@media (min-width: 1200px) {
  .only-show-web-flex {
    display: flex;
  }
}

.only-show-mobile-flex {
  display: flex;
}
@media (min-width: 1200px) {
  .only-show-mobile-flex {
    display: none;
  }
}

@media (max-width: 1200px) {
  body {
    font-size: 12px;
  }
  .text-12px {
    font-size: 10px;
  }
  .text-14px {
    font-size: 12px;
  }
  .text-16px {
    font-size: 14px;
  }
  .text-18px {
    font-size: 15px;
  }
  .text-20px {
    font-size: 17px;
  }
  .text-22px {
    font-size: 19px;
  }
  .text-24px {
    font-size: 20px;
  }
  .text-26px {
    font-size: 22px;
  }
  .text-28px {
    font-size: 24px;
  }
  .text-30px {
    font-size: 26px;
  }
  .text-32px {
    font-size: 27px;
  }
  .text-34px {
    font-size: 29px;
  }
  .text-36px {
    font-size: 31px;
  }
  .text-38px {
    font-size: 32px;
  }
  .text-40px {
    font-size: 34px;
  }
  .text-50px {
    font-size: 43px;
  }
  .website-size {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  /* 公共 样式 - 头部、底部 */
  /* 设置一些全局变量， 方便后续控制 */
  #page-header {
    background-color: #fff !important;
  }
  #page-header #page-menu #menu-logo {
    height: 30px;
    background-size: contain;
    background-position: left center;
  }
  #page-header .page-mobile-menu-btn {
    width: 30px;
    height: 30px;
    background-image: url("../images/common/mobile-menu.png");
  }
  .page-mobile-menu {
    top: 70px;
    overflow: hidden;
    background-color: #fff;
    z-index: 100;
    max-height: 0;
    transition: max-height 0.4s ease-out;
  }
  .page-mobile-menu_show {
    max-height: fit-content;
    transition: max-height 0.4s ease-in;
  }
  .page-mobile-menu .pmm-left .pmml-item {
    width: 110px;
    height: 36px;
  }
  .page-mobile-menu .pmm-left .pmml-item .pmmli-icon {
    width: 12px;
    height: 12px;
    background-image: url("../images/common/arrow-bottom.png");
    transform: rotate(-90deg);
  }
  .page-mobile-menu .pmm-left .pmml-item .pmmli-title_active {
    color: #0066FF;
  }
  .page-mobile-menu .pmm-right {
    width: calc(100% - 110px);
    border-left: 1px solid #efefef;
  }
  .page-mobile-menu .pmm-right .pmmr-item {
    background-color: #f2f2f3;
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon {
    width: 18px;
    height: 18px;
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_manyou {
    background-image: url("../images/common/menu-chanpinfuwu-icon/manyou.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_kanfang {
    background-image: url("../images/common/menu-chanpinfuwu-icon/kanfang.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_zhibo {
    background-image: url("../images/common/menu-chanpinfuwu-icon/zhibo.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_bokong {
    background-image: url("../images/common/menu-chanpinfuwu-icon/bokong.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_paishe {
    background-image: url("../images/common/menu-chanpinfuwu-icon/paishe.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_dingzhi {
    background-image: url("../images/common/menu-chanpinfuwu-icon/dingzhi.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_caiji {
    background-image: url("../images/common/menu-chanpinfuwu-icon/caiji.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_jianmo {
    background-image: url("../images/common/menu-chanpinfuwu-icon/jianmo.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_shouquan {
    background-image: url("../images/common/menu-chanpinfuwu-icon/shouquan.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_ruanzhu {
    background-image: url("../images/common/menu-chanpinfuwu-icon/ruanzhu.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-icon_cunzheng {
    background-image: url("../images/common/menu-chanpinfuwu-icon/cunzheng.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-special {
    width: 14px;
    height: 14px;
    right: 12px;
    top: 12px;
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-special_hot {
    background-image: url("../images/common/menu-chanpinfuwu-icon/special-hot.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item .pmmri-special_new {
    background-image: url("../images/common/menu-chanpinfuwu-icon/special-new.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover {
    background-color: #E5EFFF;
    transition: all 0.3s ease; /* 柔和过渡 */
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-title {
    color: #0066FF;
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_manyou {
    background-image: url("../images/common/menu-chanpinfuwu-icon/manyou_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_kanfang {
    background-image: url("../images/common/menu-chanpinfuwu-icon/kanfang_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_zhibo {
    background-image: url("../images/common/menu-chanpinfuwu-icon/zhibo_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_bokong {
    background-image: url("../images/common/menu-chanpinfuwu-icon/bokong_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_paishe {
    background-image: url("../images/common/menu-chanpinfuwu-icon/paishe_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_dingzhi {
    background-image: url("../images/common/menu-chanpinfuwu-icon/dingzhi_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_caiji {
    background-image: url("../images/common/menu-chanpinfuwu-icon/caiji_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_jianmo {
    background-image: url("../images/common/menu-chanpinfuwu-icon/jianmo_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_shouquan {
    background-image: url("../images/common/menu-chanpinfuwu-icon/shouquan_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_ruanzhu {
    background-image: url("../images/common/menu-chanpinfuwu-icon/ruanzhu_active.png");
  }
  .page-mobile-menu .pmm-right .pmmr-item:hover .pmmri-icon_cunzheng {
    background-image: url("../images/common/menu-chanpinfuwu-icon/cunzheng_active.png");
  }
  .page-mobile-menu-bg {
    z-index: 99;
    display: none;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
  }
  .page-mobile-menu-bg_active {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 0.4s ease-in;
  }
  #page-footer .pf-main {
    justify-content: center;
  }
  #page-footer .pf-main .pfm-right {
    justify-content: center;
    align-items: center;
  }
  #page-right-menu {
    top: unset;
    bottom: 10px;
    right: 20px;
  }
}