@charset "UTF-8";
.dp-0 {
  padding: 0rem;
}

.dpt-0 {
  padding-top: 0rem;
}

.dpr-0 {
  padding-right: 0rem;
}

.dpl-0 {
  padding-left: 0rem;
}

.dpb-0 {
  padding-bottom: 0rem;
}

.dm-0 {
  margin: 0rem;
}

.dmt-0 {
  margin-top: 0rem;
}

.dmr-0 {
  margin-right: 0rem;
}

.dml-0 {
  margin-left: 0rem;
}

.dmb-0 {
  margin-bottom: 0rem;
}

.dp-1 {
  padding: 0.1rem;
}

.dpt-1 {
  padding-top: 0.1rem;
}

.dpr-1 {
  padding-right: 0.1rem;
}

.dpl-1 {
  padding-left: 0.1rem;
}

.dpb-1 {
  padding-bottom: 0.1rem;
}

.dm-1 {
  margin: 0.1rem;
}

.dmt-1 {
  margin-top: 0.1rem;
}

.dmr-1 {
  margin-right: 0.1rem;
}

.dml-1 {
  margin-left: 0.1rem;
}

.dmb-1 {
  margin-bottom: 0.1rem;
}

.dp-2 {
  padding: 0.2rem;
}

.dpt-2 {
  padding-top: 0.2rem;
}

.dpr-2 {
  padding-right: 0.2rem;
}

.dpl-2 {
  padding-left: 0.2rem;
}

.dpb-2 {
  padding-bottom: 0.2rem;
}

.dm-2 {
  margin: 0.2rem;
}

.dmt-2 {
  margin-top: 0.2rem;
}

.dmr-2 {
  margin-right: 0.2rem;
}

.dml-2 {
  margin-left: 0.2rem;
}

.dmb-2 {
  margin-bottom: 0.2rem;
}

.dp-3 {
  padding: 0.3rem;
}

.dpt-3 {
  padding-top: 0.3rem;
}

.dpr-3 {
  padding-right: 0.3rem;
}

.dpl-3 {
  padding-left: 0.3rem;
}

.dpb-3 {
  padding-bottom: 0.3rem;
}

.dm-3 {
  margin: 0.3rem;
}

.dmt-3 {
  margin-top: 0.3rem;
}

.dmr-3 {
  margin-right: 0.3rem;
}

.dml-3 {
  margin-left: 0.3rem;
}

.dmb-3 {
  margin-bottom: 0.3rem;
}

.dp-4 {
  padding: 0.4rem;
}

.dpt-4 {
  padding-top: 0.4rem;
}

.dpr-4 {
  padding-right: 0.4rem;
}

.dpl-4 {
  padding-left: 0.4rem;
}

.dpb-4 {
  padding-bottom: 0.4rem;
}

.dm-4 {
  margin: 0.4rem;
}

.dmt-4 {
  margin-top: 0.4rem;
}

.dmr-4 {
  margin-right: 0.4rem;
}

.dml-4 {
  margin-left: 0.4rem;
}

.dmb-4 {
  margin-bottom: 0.4rem;
}

.dp-5 {
  padding: 0.5rem;
}

.dpt-5 {
  padding-top: 0.5rem;
}

.dpr-5 {
  padding-right: 0.5rem;
}

.dpl-5 {
  padding-left: 0.5rem;
}

.dpb-5 {
  padding-bottom: 0.5rem;
}

.dm-5 {
  margin: 0.5rem;
}

.dmt-5 {
  margin-top: 0.5rem;
}

.dmr-5 {
  margin-right: 0.5rem;
}

.dml-5 {
  margin-left: 0.5rem;
}

.dmb-5 {
  margin-bottom: 0.5rem;
}

.dp-6 {
  padding: 0.6rem;
}

.dpt-6 {
  padding-top: 0.6rem;
}

.dpr-6 {
  padding-right: 0.6rem;
}

.dpl-6 {
  padding-left: 0.6rem;
}

.dpb-6 {
  padding-bottom: 0.6rem;
}

.dm-6 {
  margin: 0.6rem;
}

.dmt-6 {
  margin-top: 0.6rem;
}

.dmr-6 {
  margin-right: 0.6rem;
}

.dml-6 {
  margin-left: 0.6rem;
}

.dmb-6 {
  margin-bottom: 0.6rem;
}

.dp-7 {
  padding: 0.7rem;
}

.dpt-7 {
  padding-top: 0.7rem;
}

.dpr-7 {
  padding-right: 0.7rem;
}

.dpl-7 {
  padding-left: 0.7rem;
}

.dpb-7 {
  padding-bottom: 0.7rem;
}

.dm-7 {
  margin: 0.7rem;
}

.dmt-7 {
  margin-top: 0.7rem;
}

.dmr-7 {
  margin-right: 0.7rem;
}

.dml-7 {
  margin-left: 0.7rem;
}

.dmb-7 {
  margin-bottom: 0.7rem;
}

.dp-8 {
  padding: 0.8rem;
}

.dpt-8 {
  padding-top: 0.8rem;
}

.dpr-8 {
  padding-right: 0.8rem;
}

.dpl-8 {
  padding-left: 0.8rem;
}

.dpb-8 {
  padding-bottom: 0.8rem;
}

.dm-8 {
  margin: 0.8rem;
}

.dmt-8 {
  margin-top: 0.8rem;
}

.dmr-8 {
  margin-right: 0.8rem;
}

.dml-8 {
  margin-left: 0.8rem;
}

.dmb-8 {
  margin-bottom: 0.8rem;
}

.dp-9 {
  padding: 0.9rem;
}

.dpt-9 {
  padding-top: 0.9rem;
}

.dpr-9 {
  padding-right: 0.9rem;
}

.dpl-9 {
  padding-left: 0.9rem;
}

.dpb-9 {
  padding-bottom: 0.9rem;
}

.dm-9 {
  margin: 0.9rem;
}

.dmt-9 {
  margin-top: 0.9rem;
}

.dmr-9 {
  margin-right: 0.9rem;
}

.dml-9 {
  margin-left: 0.9rem;
}

.dmb-9 {
  margin-bottom: 0.9rem;
}

.dp-10 {
  padding: 1rem;
}

.dpt-10 {
  padding-top: 1rem;
}

.dpr-10 {
  padding-right: 1rem;
}

.dpl-10 {
  padding-left: 1rem;
}

.dpb-10 {
  padding-bottom: 1rem;
}

.dm-10 {
  margin: 1rem;
}

.dmt-10 {
  margin-top: 1rem;
}

.dmr-10 {
  margin-right: 1rem;
}

.dml-10 {
  margin-left: 1rem;
}

.dmb-10 {
  margin-bottom: 1rem;
}

.dflex-t {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.dflex-m {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.dflex-c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.dflex-b {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.dflex-l {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.dflex-r {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.ditems {
  width: 100%;
  overflow: hidden;
  --item-gap: 0.1rem;
  --item-bg: none;
  --item-br: 0;
  --cover-width: 100%;
  --cover-height: 100%;
  --tit-line: 1;
  --desc-line: 2;
}
@media screen and (max-width: 480px) {
  .ditems {
    --item-gap: 0;
  }
}
.ditems .dinners {
  margin: 0 calc(0px - var(--item-gap));
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .ditems .dinners {
    margin: 0;
  }
}
.ditems .ditem {
  padding: 0 var(--item-gap);
  overflow: hidden;
  flex: 1; /* 平分空间 */
  flex-shrink: 0; /* 不允许被压缩 */
}
.ditems .dinner {
  width: 100%;
  height: 100%;
  border-radius: var(--item-br);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ditems .dcov {
  width: var(--cover-width);
  flex-shrink: 0;
}
.ditems .dcov > .qui_pic {
  padding-bottom: var(--cover-height);
  overflow: hidden;
}
.ditems .dcont {
  flex: 1;
  background: var(--item-bg);
}
.ditems .dtit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--tit-line);
}
.ditems .ddesc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--desc-line);
}
.ditems .dfoot {
  margin-top: auto;
}
.ditems-col1 .ditem {
  width: 100%;
  flex: none;
}
.ditems-col2 .ditem {
  width: 50%;
  flex: none;
}
.ditems-col3 .ditem {
  width: 33.3333333333%;
  flex: none;
}
.ditems-col4 .ditem {
  width: 25%;
  flex: none;
}
.ditems-col5 .ditem {
  width: 20%;
  flex: none;
}
.ditems-col6 .ditem {
  width: 16.6666666667%;
  flex: none;
}
.ditems-col7 .ditem {
  width: 14.2857142857%;
  flex: none;
}
.ditems-col8 .ditem {
  width: 12.5%;
  flex: none;
}
.ditems-col9 .ditem {
  width: 11.1111111111%;
  flex: none;
}
.ditems-col10 .ditem {
  width: 10%;
  flex: none;
}
@media screen and (max-width: 768px) {
  .ditems-col10 .ditem {
    width: 20%;
  }
  .ditems-col8 .ditem {
    width: 25%;
  }
  .ditems-col6 .ditem {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 480px) {
  .ditems-col3 .ditem, .ditems-col5 .ditem, .ditems-col7 .ditem, .ditems-col9 .ditem {
    width: 100%;
    flex: none;
  }
}
.ditems.dcover-items {
  --cover-width: 1rem;
  --cover-height: 100%;
  --cover-gap: 0.2rem;
}
.ditems.dcover-items .ditem {
  flex: none;
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem;
}
.ditems.dcover-items .dinner {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.ditems.dcover-items .dcov {
  margin-right: var(--cover-gap);
}
.ditems.dcover-items .dcont {
  display: flex;
  flex-direction: column;
}

/*
<div class="items">
<div class="inner">
  <div class="item">
    <div class="inner">
      <div class="cov"></div>
      <div class="cont"></div>
    </div>
  </div>
</div>
</div>
*/
:root {
  --colDf: #1d408b; /* 主颜色 */
  --colTM: #1d408b0a; /* 透明度 */
  --colAs: #7926a6; /* 辅助颜色 */
  --colTx: #333; /* 文字颜色 */
  --bgDf: #f2f2f2; /* 背景 */
  --bdDf: #0000001a; /* 边框 */
  --bdDf2: #ffffff1a; /* 浅边框 */
  --brDf: 0rem; /* 圆角 */
}

body {
  color: var(--colTx);
  background: #fff;
}

.qui_btn_df:hover {
  opacity: 0.9;
}

.qui-col-df {
  color: var(--colDf);
}

.qui_main_box {
  padding: 1rem 0;
}
@media screen and (max-width: 1024px) {
  .qui_main_box {
    padding: 0.6rem 0;
  }
}

.qui_warp {
  max-width: 14.4rem;
}
.qui_warp_full {
  max-width: 18rem;
}

.qui_pic .qui_img {
  transition: all 0.25s linear;
}
.qui_pic:hover .qui_img {
  transform: scale(1.05);
}

.qui_banbox .qui_pc_show,
.qui_banbox .qui_wap_show {
  filter: brightness(0.9);
}

.qui_box_maincolor,
.qui_box_white,
.qui_box_grey {
  background-color: #fff;
  padding: 1rem 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 1024px) {
  .qui_box_maincolor,
.qui_box_white,
.qui_box_grey {
    padding: 0.6rem 0;
  }
}

.qui_box_grey {
  background: var(--bgDf);
}

.qui_box_maincolor {
  background: var(--colDf);
}

.qui_top_boxH {
  height: 1.29rem;
}
@media screen and (max-width: 1024px) {
  .qui_top_boxH {
    height: 0.8rem;
  }
}

.qui_top_box.is-hover-mode {
  position: fixed;
  transition: none;
  line-height: 1;
  padding: 0;
  z-index: 2200;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  border-bottom: 1px solid var(--bdDf);
}
.qui_top_box.is-hover-mode:hover {
  box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1019607843);
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode:hover {
    box-shadow: none;
  }
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode.on {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1019607843);
  }
}
.qui_top_box.is-hover-mode .qui_warp {
  justify-content: flex-start;
  align-items: flex-start;
}
.qui_top_box.is-hover-mode .qui_top_head {
  position: relative;
  z-index: 3;
  background: #fff;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_top_head {
    box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.1019607843);
  }
}
.qui_top_box.is-hover-mode .qui_top_head > .qui_warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qui_top_box.is-hover-mode .qui_logo {
  padding: 0.2rem 0;
}
.qui_top_box.is-hover-mode .qui_logo img {
  width: 100%;
  max-width: 0.7rem;
  max-height: none !important;
  margin-bottom: -0.72rem;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_logo img {
    max-width: 0.6rem;
    margin-bottom: 0;
  }
}
.qui_top_box.is-hover-mode .top_search {
  position: relative;
  align-items: stretch;
  padding: 0.18rem 0;
  max-width: 6rem;
  margin-right: 0.3rem;
  flex-shrink: 0;
  display: none;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .top_search {
    display: flex;
    padding-left: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qui_top_box.is-hover-mode .top_search {
    margin-right: 0;
  }
}
.qui_top_box.is-hover-mode .top_search .qui_text {
  height: 0.44rem;
  color: #333;
  font-size: 0.14rem;
}
.qui_top_box.is-hover-mode .top_search .qui_text::-moz-placeholder {
  color: #999;
}
.qui_top_box.is-hover-mode .top_search .qui_text::placeholder {
  color: #999;
}
.qui_top_box.is-hover-mode .top_search .btn {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  background: var(--colDf) url("../images/ico_search.svg") no-repeat center;
}
@media screen and (max-width: 480px) {
  .qui_top_box.is-hover-mode .top_search .btn {
    background-size: 0.2rem;
  }
}
.qui_top_box.is-hover-mode .top_search .btn:hover {
  opacity: 0.9;
}
.qui_top_box.is-hover-mode .top_search .btn:active {
  opacity: 0.8;
}
.qui_top_box.is-hover-mode .qui_right_icon {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  justify-content: flex-end;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_items {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_items > a {
  height: 100%;
  margin-left: 0.6rem;
  display: flex;
  align-items: center;
  color: var(--colDf);
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_right_icon .top_items > a {
    margin-left: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qui_top_box.is-hover-mode .qui_right_icon .top_items > a {
    margin-left: 0.3rem;
  }
}
.qui_top_box.is-hover-mode .qui_right_icon .top_items > a:hover {
  opacity: 0.6;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang {
  position: relative;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  margin-left: 0.8rem;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_right_icon .top_lang {
    margin-left: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qui_top_box.is-hover-mode .qui_right_icon .top_lang {
    margin-left: 0.3rem;
  }
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang:hover .top_lang_pop {
  display: block;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_btn {
  display: flex;
  line-height: 1;
  transition: none;
  align-items: center;
  color: var(--colDf);
  height: 100%;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_btn:hover {
  opacity: 0.6;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_btn > i {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background: url("../images/ico_lang.svg") no-repeat left center/0.2rem;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_btn > span {
  font-size: 0.16rem;
  margin-left: 0.1rem;
}
@media screen and (max-width: 768px) {
  .qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_btn > span {
    display: none;
  }
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_pop {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 2rem;
  background: #fff;
  list-style: none;
  text-align: center;
  box-shadow: 0 0.06rem 0.09rem rgba(0, 0, 0, 0.1);
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_pop > li > a {
  padding: 0.2rem;
  font-size: 0.16rem;
  color: #333;
  display: block;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_pop > li > a.act {
  color: var(--colDf);
}
.qui_top_box.is-hover-mode .qui_right_icon .top_lang > .top_lang_pop > li > a:hover {
  color: var(--colDf);
  background: var(--bdDf);
}
.qui_top_box.is-hover-mode .qui_right_icon .top_nav_btn {
  padding: 0 0.3rem;
  background: url("../images/btn_bg.svg") no-repeat center center/0.2rem;
  cursor: pointer;
  display: none;
}
.qui_top_box.is-hover-mode .qui_right_icon .top_nav_btn.is--open {
  background-image: url("../images/cls2.svg");
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_right_icon .top_nav_btn {
    display: block;
  }
}
.qui_top_box.is-hover-mode .qui_top_menu {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0.01rem 0rem 0.07rem 0rem rgba(171, 171, 171, 0.24);
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_top_menu {
    display: none;
  }
}
.qui_top_box.is-hover-mode .qui_top_menu.is--hover, .qui_top_box.is-hover-mode .qui_top_menu:hover {
  box-shadow: 0px 0px 0.21rem 0px rgba(169, 169, 169, 0.36);
}
.qui_top_box.is-hover-mode .qui_top_menu .qui_warp {
  display: flex;
  align-items: center;
}
.qui_top_box.is-hover-mode .qui_top_menu ul {
  display: flex;
  align-items: center;
  flex: 1;
  flex-shrink: 0;
  padding-right: 0.4rem;
  justify-content: flex-end;
}
.qui_top_box.is-hover-mode .qui_top_menu ul > li {
  flex-shrink: 1;
  position: relative;
}
.qui_top_box.is-hover-mode .qui_top_menu ul > li::before, .qui_top_box.is-hover-mode .qui_top_menu ul > li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-0.1rem);
  width: 1px;
  height: 0.2rem;
  background: #eee;
}
.qui_top_box.is-hover-mode .qui_top_menu ul > li::before {
  display: none;
  left: 0;
}
.qui_top_box.is-hover-mode .qui_top_menu ul > li:first-child::before {
  display: block;
}
.qui_top_box.is-hover-mode .qui_top_menu ul > li > a {
  display: block;
  text-align: center;
  color: var(--colDf);
  font-size: 0.2rem;
  line-height: 1.2;
  padding: 0.12rem 0.2rem;
  font-weight: bold;
  padding-bottom: 0.36rem;
}
.qui_top_box.is-hover-mode .qui_top_menu ul > li > a:hover {
  opacity: 0.6;
}
.qui_top_box.is-hover-mode .qui_top_menu .top_search {
  display: flex;
  max-width: 4rem;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_top_menu .top_search {
    display: none;
  }
}
.qui_top_box.is-hover-mode .qui_top_menu_pop {
  flex: 1;
  overflow: hidden auto;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_top_menu_pop {
    display: none;
    height: calc(100% - 0.8rem);
    overflow-y: auto;
  }
}
.qui_top_box.is-hover-mode .qui_top_menu_pop .qui_top_menu {
  display: none;
}
.qui_top_box.is-hover-mode .qui_top_menu_pop.on {
  display: flex;
  flex: 1;
}
.qui_top_box.is-hover-mode .qui_top_menu_pop.on .qui_top_menu_submenu--tit {
  display: block;
}
.qui_top_box.is-hover-mode .qui_top_menu_pop--bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 88;
  background: rgba(34, 34, 34, 0.5);
  display: none;
}
.qui_top_box.is-hover-mode .qui_top_menu_pop--bg.on {
  display: block;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu {
  background: #fff;
  padding: 0.3rem 0 0;
  display: none;
}
@media screen and (max-width: 1024px) {
  .qui_top_box.is-hover-mode .qui_top_menu_submenu {
    display: block;
    padding-top: 0;
  }
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu.on {
  display: block;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--tit {
  display: none;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--tit > a {
  display: block;
  color: #222;
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.6rem;
  font-weight: bold;
  padding-left: 0.2rem;
  text-decoration: underline;
  position: relative;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--tit > a::before {
  content: "";
  display: block;
  height: 0.24rem;
  position: absolute;
  top: calc(50% - 0.12rem);
  left: 0;
  width: 0.05rem;
  background: var(--colDf);
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu .ditems .ditem {
  margin-bottom: 0.36rem;
}
@media screen and (max-width: 480px) {
  .qui_top_box.is-hover-mode .qui_top_menu_submenu .ditems .ditem {
    width: 50%;
  }
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu .ditems .ditem .dinner > .tit {
  color: #222;
  font-weight: bold;
  font-size: 0.2rem;
  line-height: 0.6rem;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu .ditems .ditem .dinner > .tit:hover {
  color: var(--colDf);
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu a {
  color: #222;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu a:hover {
  color: var(--colDf);
  text-decoration: underline;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--li, .qui_top_box.is-hover-mode .qui_top_menu_submenu--sli {
  color: #222;
  font-size: 0.18rem;
  line-height: 0.36rem;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--ul {
  list-style: none;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--li .submenu {
  margin-bottom: 0.05rem;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--sul {
  list-style: disc;
}
.qui_top_box.is-hover-mode .qui_top_menu_submenu--sli {
  color: #222;
  font-size: 0.16rem;
  line-height: 0.34rem;
}

.qui_footer {
  --footer-text-color: #fff;
  background: var(--colDf);
  color: var(--footer-text-color);
  padding-top: 0.9rem;
}
.qui_footer .fhead {
  display: flex;
  padding-bottom: 0.4rem;
  flex-wrap: wrap;
}
.qui_footer .fhead .fnav {
  flex: 1;
  max-width: 80%;
  padding-right: 0.75rem;
}
@media screen and (max-width: 1024px) {
  .qui_footer .fhead .fnav {
    padding-right: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .qui_footer .fhead .fnav {
    width: 100%;
    padding-right: 0;
    max-width: none;
    flex: none;
  }
}
.qui_footer .fhead .fnav .dtit {
  display: block;
  font-size: 0.2rem;
  text-align: left;
  margin-bottom: 0.28rem;
  font-weight: bold;
  text-transform: capitalize;
  white-space: normal;
  line-height: 1.2;
}
.qui_footer .fhead .fnav a {
  color: var(--footer-text-color);
  display: block;
}
.qui_footer .fhead .fnav a:hover {
  opacity: 0.6;
}
.qui_footer .fhead .fnav .dcont a {
  line-height: 1.5;
  font-size: 0.14rem;
  margin-bottom: 0.14rem;
}
.qui_footer .fhead .fcall {
  flex-shrink: 0;
  padding-left: 0.75rem;
  border-left: 1px solid var(--bdDf2);
}
@media screen and (max-width: 1024px) {
  .qui_footer .fhead .fcall {
    padding-left: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .qui_footer .fhead .fcall {
    width: 100%;
    padding-left: 0;
    flex: none;
    margin-top: 0.4rem;
    border-left: none;
  }
}
.qui_footer .fhead .fcall > .tit {
  font-size: 0.24rem;
  line-height: 0.26rem;
  text-align: left;
  margin-bottom: 0.28rem;
  font-weight: bold;
  text-transform: capitalize;
}
.qui_footer .fhead .fcall > .con .wxc {
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.qui_footer .fhead .fcall > .con .wxc .wxcico {
  display: inline-block;
  vertical-align: top;
  width: 0.3rem;
  position: relative;
  cursor: pointer;
}
.qui_footer .fhead .fcall > .con .wxc .wxcico > .qui_pic {
  padding-bottom: 100%;
  overflow: visible;
}
.qui_footer .fhead .fcall > .con .wxc .wxcico:hover + .wxcimg {
  display: inline;
}
.qui_footer .fhead .fcall > .con .wxc .wxcimg {
  display: none;
  position: relative;
  color: #555;
}
.qui_footer .fhead .fcall > .con .wxc .wxcimg .inner {
  width: 1.2rem;
  position: absolute;
  left: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.1rem;
  border-radius: 0.1rem;
  text-align: center;
  background: #fff;
}
.qui_footer .fhead .fcall > .con .wxc .wxcimg .inner > .qui_pic {
  padding-bottom: 100%;
}
.qui_footer .fhead .fcall > .con .wxc .wxcimg .inner .desc {
  font-size: 0.14rem;
  line-height: 0.17rem;
  margin-top: 0.04rem;
}
.qui_footer .fhead .fcall > .con .wxc .wxcimg .inner::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: calc(50% - 0.1rem);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 0.1rem;
}
.qui_footer .fhead .fcall > .con .tel {
  display: flex;
  align-items: center;
  margin-bottom: 0.14rem;
}
.qui_footer .fhead .fcall > .con .tel .ico {
  width: 0.16rem;
  height: 0.15rem;
  margin-right: 0.2rem;
}
.qui_footer .fhead .fcall > .con .email {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.qui_footer .fhead .fcall > .con .email .ico {
  width: 0.16rem;
  height: 0.12rem;
  margin-right: 0.2rem;
}
.qui_footer .fcopyright {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--bdDf2);
  font-size: 0.16rem;
  line-height: 0.26rem;
  padding: 0.3rem 0;
  justify-content: space-between;
}
.qui_footer .fcopyright .lef {
  flex-grow: 1;
}
.qui_footer .fcopyright .rig {
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.qui_footer .fcopyright .rig > img {
  width: 0.18rem;
  margin-right: 0.1rem;
}

.qui_all_loc {
  font-size: 0.16rem;
  line-height: 1;
  color: #888;
  font-weight: 400;
  padding-top: 0.25rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .qui_all_loc {
    font-size: 0.14rem;
  }
}
.qui_all_loc-inner {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1;
}
.qui_all_loc-wrap {
  width: 100%;
}
.qui_all_loc a {
  color: #888;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.24rem;
  position: relative;
}
.qui_all_loc a:hover {
  text-decoration: underline;
}
.qui_all_loc a::after {
  content: ">";
  font-family: "宋体";
  position: absolute;
  right: 0.06rem;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
}

.Pages .p_page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.Pages .p_text {
  font-weight: 400;
  font-size: 0.16rem;
  color: #888888;
  background: none;
  margin: 0 0.12rem;
}
.Pages .p_select {
  min-width: 0.7rem;
  height: 0.5rem;
  background: #ffffff;
  border: 0.01rem solid #eeeeee;
  text-align: center;
  padding: 0 0.12rem;
}
.Pages a {
  position: relative;
  background: var(--bgDf);
  border-radius: 0;
  min-width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  margin: 0 0.025rem;
}
.Pages a.a_prev, .Pages a.a_next {
  min-width: 0.8rem;
}
.Pages a.a_prev::before, .Pages a.a_next::before {
  position: absolute;
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  border: solid #222;
  transform: translate(-50%, -50%) rotate(45deg);
  left: 48%;
  top: 50%;
  border-width: 1px 1px 0 0;
}
.Pages a.a_prev::before {
  transform: translate(-50%, -50%) rotate(-135deg);
  left: 56%;
}
.Pages a.a_prev:hover::before, .Pages a.a_next:hover::before {
  border-color: #fff;
}
.Pages a.line {
  background: none;
  cursor: auto;
}
.Pages a.line:hover {
  color: #222;
}

a.yellow-btn,
button.yellow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ff9700;
  border-radius: 0.06rem;
  color: #fff;
  padding: 0.12rem 0.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  text-shadow: 0.01rem 0.02rem 0.03rem rgba(145, 86, 0, 0.61);
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  a.yellow-btn,
button.yellow-btn {
    font-size: 0.2rem;
    padding: 0.14rem 0.22rem;
  }
}
@media screen and (max-width: 768px) {
  a.yellow-btn,
button.yellow-btn {
    font-size: 0.16rem;
    padding: 0.18rem 0.26rem;
  }
}
a.yellow-btn:hover,
button.yellow-btn:hover {
  color: #fff;
  background: #ff9700;
  opacity: 0.9;
}
a.yellow-btn:focus, a.yellow-btn:active,
button.yellow-btn:focus,
button.yellow-btn:active {
  color: #fff;
  background: #ff9700;
  opacity: 0.8;
}

.home-banner {
  position: relative;
  margin-top: -0.64rem;
}
@media screen and (max-width: 1024px) {
  .home-banner {
    margin-top: -0.48rem;
  }
}
.home-banner .pic video,
.home-banner .pic img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .home-banner .pic video,
.home-banner .pic img {
    min-height: 2.8rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .home-banner .pic video,
.home-banner .pic img {
    min-height: 4.2rem;
  }
}
.home-banner-swpg {
  position: absolute;
  bottom: 1.8rem;
  left: 0;
  right: 0;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.95);
  --swiper-pagination-color: var(--colDf);
  --swiper-pagination-bullet-size: 0.11rem;
}
.home-banner-pagi .swiper-button-prev,
.home-banner-pagi .swiper-button-next {
  --swiper-navigation-size: 0.16rem;
  background: rgba(255, 255, 255, 0.5);
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  overflow: hidden;
}
.home-banner-pagi .swiper-button-prev:hover,
.home-banner-pagi .swiper-button-next:hover {
  opacity: 0.8;
}
.home-banner-pagi .swiper-button-prev {
  left: calc(50% - 7.2rem - 0.3rem);
}
.home-banner-pagi .swiper-button-next {
  left: auto;
  right: calc(50% - 7.2rem - 0.3rem);
}

.home-types {
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgb(255, 255, 255));
  margin-top: -1.8rem;
  position: relative;
  min-height: 1.8rem;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .home-types {
    margin-top: -1rem;
  }
}
@media screen and (max-width: 768px) {
  .home-types {
    margin-top: -0.6rem;
  }
}
.home-types .qui_warp {
  height: 100%;
}
.home-types .ditems {
  height: 100%;
  border-bottom: 1px solid var(--bdDf);
  display: flex;
  align-items: center;
  width: 100%;
  overflow: visible;
}
.home-types .ditems .dinners {
  width: 100%;
  position: relative;
}
.home-types .ditems .dinners .swiper {
  width: 100%;
  margin: 0;
  padding: 0;
}
.home-types .ditems .dinners .swiper-wrapper {
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .home-types .ditems .dinners .swiper-wrapper {
    flex-wrap: wrap;
  }
}
.home-types .ditems .dinners .swiper-slide {
  height: auto;
}
.home-types .ditems .dinners .swiper-button-next,
.home-types .ditems .dinners .swiper-button-prev {
  width: 0.5rem;
  height: 0.5rem;
  color: var(--colDf);
  --swiper-navigation-size: 0.16rem;
  background: #f2f2f2;
  border-radius: 0;
  left: -0.8rem;
}
.home-types .ditems .dinners .swiper-button-next:hover,
.home-types .ditems .dinners .swiper-button-prev:hover {
  opacity: 0.8;
}
.home-types .ditems .dinners .swiper-button-next {
  left: auto;
  right: -0.8rem;
}
.home-types .ditems .ditem > .dinner .dcov {
  width: 1.2rem;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.home-types .ditems .ditem > .dinner .dtit {
  font-size: 0.16rem;
  line-height: 0.3rem;
  margin-top: 0.24rem;
  color: #222;
  margin-bottom: 0.24rem;
}

@media screen and (max-width: 1024px) {
  .hometypes-pagi {
    display: none;
  }
}

.home-head {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}
.home-head .tit {
  font-weight: bold;
  font-size: 0.48rem;
  color: var(--colDf);
  flex-grow: 1;
}
.home-head .more {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  background: var(--colDf);
  line-height: 0.32rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #fff;
  padding: 0.1rem 0.36rem;
}
.home-head .more:hover {
  cursor: pointer;
  opacity: 0.9;
}
.home-head .more > img {
  width: 0.06rem;
  height: 0.1rem;
  margin-left: 0.2rem;
}

.home-prodlist {
  position: relative;
}
.home-prodlist .swiper-wrapper {
  align-items: stretch;
}
.home-prodlist .swiper-slide {
  height: auto;
  background: var(--bgDf);
}
.home-prodlist .swiper-button-next,
.home-prodlist .swiper-button-prev {
  width: 0.5rem;
  height: 0.5rem;
  color: var(--colDf);
  --swiper-navigation-size: 0.16rem;
  background: #f2f2f2;
  border-radius: 0;
  left: -0.8rem;
}
.home-prodlist .swiper-button-next:hover,
.home-prodlist .swiper-button-prev:hover {
  opacity: 0.8;
}
.home-prodlist .swiper-button-next {
  left: auto;
  right: -0.8rem;
}
.home-prodlist .item {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.home-prodlist .item a:hover {
  opacity: 0.6;
}
.home-prodlist .item .cov {
  width: 2.4rem;
  margin: 0.4rem auto;
  flex-shrink: 0;
}
.home-prodlist .item .cov .qui_pic {
  padding-bottom: 100%;
}
.home-prodlist .item .cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.3rem;
}
.home-prodlist .item .tit {
  font-weight: bold;
  font-size: 0.2rem;
  color: var(--colDf);
  line-height: 0.3rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  margin-bottom: 0.18rem;
}
.home-prodlist .item .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.28rem;
  margin-bottom: 0.18rem;
}
.home-prodlist .item .more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0.3rem;
}
.home-prodlist .item .more > img {
  width: 0.5rem;
  height: 0.1rem;
}
.home-prodlist .item .desc2 {
  margin-top: auto;
  font-weight: 400;
  font-size: 0.16rem;
  color: #888;
  line-height: 0.28rem;
}

@media screen and (max-width: 1024px) {
  .homeprod-pagi {
    display: none;
  }
}

.home-news .ditems {
  --cover-width: 2.7rem;
  --cover-height: 66.666666%;
  --cover-gap: 0.6rem;
  --item-gap: 0px;
}
.home-news .ditems .ditem {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid var(--bdDf);
  margin-bottom: 0.3rem;
}
.home-news .ditems .ditem:hover .arr1 {
  display: none;
}
.home-news .ditems .ditem:hover .arr2 {
  display: block;
}
.home-news .ditems .ditem .dtime {
  color: #888888;
  font-size: 0.2rem;
  margin-bottom: 0.18rem;
}
.home-news .ditems .ditem .dtit {
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: var(--colDf);
  margin-bottom: 0.1rem;
  font-weight: bold;
}
.home-news .ditems .ditem .ddesc {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #333;
}
.home-news .ditems .ditem .home-news-more {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  line-height: 1;
}
.home-news .ditems .ditem .home-news-more > img {
  width: 0.06rem;
  height: 0.12rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
}
.home-news .ditems .ditem .arr1 {
  display: block;
}
.home-news .ditems .ditem .arr2 {
  display: none;
}

.prod-page {
  background: #fff;
}
.prod-page .prod-tit {
  font-weight: bold;
  font-size: 0.3rem;
  color: #222222;
  line-height: 2;
  max-width: 7.72rem;
}
.prod-page .prod-tit2 {
  max-width: 9.6rem;
  margin-bottom: 0.5rem;
}
.prod-page .prod-desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  line-height: 0.22rem;
  max-width: 7.8rem;
}
.prod-page .mini-text {
  font-size: 75%;
}
.prod-page .prod-lst2 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .prod-page .prod-lst2 {
    flex-wrap: wrap;
  }
}
.prod-page .prod-lst2 a {
  text-decoration: underline;
}
.prod-page .prod-lst2-item {
  margin-right: 0.8rem;
}
.prod-page .prod-lst2-item:last-child {
  margin-right: 0;
}
.prod-page .prod-lst2-item > .tit {
  font-weight: bold;
  font-size: 0.2rem;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 768px) {
  .prod-page .prod-lst2-item {
    width: 50%;
    margin-right: 0;
    padding-right: 0.1rem;
  }
}
@media screen and (max-width: 480px) {
  .prod-page .prod-lst2-item {
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
.prod-page .prod-lst2-item > ul > li {
  font-size: 0.16rem;
  color: #222;
  line-height: 2.2;
}
.prod-page .new-tag {
  display: inline-flex;
  margin-left: 0.1rem;
  font-size: 0.14rem;
  padding: 0.04rem 0.06rem;
  line-height: 1;
  color: #fff;
  background: var(--colDf);
}
.prod-page .tagcol-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.18rem;
  min-width: 0.18rem;
  font-size: 0.12rem;
  line-height: 1;
  height: 0.18rem;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  flex-shrink: 0;
  margin-right: 0.06rem;
}
.prod-page .tagcol-sR,
.prod-page .tagcol-sr {
  background: var(--colDf);
}
.prod-page .tagcol-sH,
.prod-page .tagcol-sh {
  background: #529afd;
}
.prod-page .tagcol-sA,
.prod-page .tagcol-sa {
  background: #8c30fd;
}
.prod-page .prod-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem;
  background: #e5e5e5;
  flex-wrap: wrap;
}
.prod-page .prod-head .filter-kw {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .prod-page .prod-head .filter-kw {
    width: 100%;
    justify-content: flex-end;
  }
}
.prod-page .prod-head .filter-kw-inner {
  position: relative;
  display: flex;
  align-items: center;
}
.prod-page .prod-head .filter-kw-inner .el-input,
.prod-page .prod-head .filter-kw-inner .el-input__inner {
  width: 3.2rem;
  height: 0.5rem;
  font-size: 0.14rem;
  line-height: 0.5rem;
  color: #222;
  border: none;
  background: #fff;
  border-radius: none;
}
.prod-page .prod-head .filter-kw-inner .el-input__inner {
  padding-right: 0.5rem;
}
.prod-page .prod-head .filter-kw-inner .el-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0.5rem;
  border: none;
  height: 0.5rem;
  background: url("../images/ico_searcha.svg") center center/0.16rem no-repeat;
}
.prod-page .prod-head .filter-kw .el-input-group__append,
.prod-page .prod-head .filter-kw .el-input-group__prepend {
  background: none;
}
.prod-page .prod-head .filter-btns {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .prod-page .prod-head .filter-btns {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.prod-page .prod-head .filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  padding: 0.1rem 0.32rem;
  line-height: 1.2;
  background: #fff;
  color: #222;
  margin-left: 0.1rem;
  min-height: 0.5rem;
}
@media screen and (max-width: 768px) {
  .prod-page .prod-head .filter-btn {
    padding: 0.1rem 0.2rem;
  }
}
.prod-page .prod-head .filter-btn:hover {
  opacity: 0.85;
  cursor: pointer;
}
.prod-page .prod-head .filter-btn.kw-btn {
  background: var(--colDf);
  color: #fff;
  padding: 0.1rem 0.12rem;
}
.prod-page .prod-head .filter-btn > img {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.12rem;
}
.prod-page .prod-body {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
}
.prod-page .prod-body .items {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.prod-page .prod-body .items .item {
  padding: 0.2rem 0.1rem;
  border-left: 1px solid var(--bdDf);
  flex-shrink: 0;
}
.prod-page .prod-body .items .item .tit {
  font-size: 0.16rem;
  color: #222;
  line-height: 0.3rem;
  margin-bottom: 0.12rem;
  min-height: 0.6rem;
}
.prod-page .prod-body .el-checkbox-group .el-checkbox {
  display: flex;
  margin: 0;
  color: #222;
  font-size: 0.12rem;
  font-weight: bold;
  align-items: flex-start;
  line-height: 0.2rem;
  margin-bottom: 0.05rem;
}
.prod-page .prod-body .el-checkbox-group .el-checkbox__input {
  margin-top: 0.03rem;
}
.prod-page .prod-body .el-checkbox-group .el-checkbox__inner {
  width: 0.14rem;
  height: 0.14rem;
}
.prod-page .prod-body .el-checkbox__label {
  padding-left: 0.1rem;
  line-height: 0.19rem;
  font-size: 0.14rem;
}
.prod-page .prod-body .vrrmv-box .el-checkbox-group {
  max-height: 1.5rem;
  overflow: auto;
}
.prod-page .prod-body .vrrmv-box .vrrmv-slider {
  margin-bottom: 0.1rem;
}
.prod-page .prod-body .vrrmv-box .el-slider__runway {
  margin: 0;
  height: 0.1rem;
  background-color: #fff;
  border: 0.01rem solid #c8c8c8;
}
.prod-page .prod-body .vrrmv-box .el-slider__button-wrapper {
  height: 0.36rem;
  width: 0.36rem;
  top: -0.14rem;
}
.prod-page .prod-body .vrrmv-box .vrrmv-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prod-page .prod-body .vrrmv-box .vrrmv-input .vrrmv-ipt {
  width: calc(50% - 0.03rem);
  border: none;
  max-width: 0.75rem;
  background: #fff;
}
.prod-page .prod-body .vrrmv-box .vrrmv-input .vrrmv-ipt .el-input__inner {
  border: none;
  background: #fff;
  height: 0.2rem;
  padding: 0 0.15rem;
  font-size: 0.12rem;
  border-radius: 0.04rem;
  line-height: 0.2rem;
}
.prod-page .prod-body .vrrmv-box .el-slider__bar {
  height: 0.1rem;
  background: var(--colDf);
  top: -1px;
}
.prod-page .prod-body .vrrmv-box .el-slider__button {
  border-color: var(--colDf);
}
.prod-page .prod-body .vrrmv-box .el-checkbox__label {
  white-space: normal;
}
.prod-page .prod-body .vrrmv-box .vrrmv-check {
  width: 100%;
  margin-top: 0.1rem;
  max-height: 0.96rem;
  overflow: auto;
}
.prod-page table td {
  border: none;
}
.prod-page .prod-list {
  margin-top: 1rem;
}
.prod-page .prod-list .prod-table {
  width: 100%;
}
.prod-page .prod-list .el-table__fixed,
.prod-page .prod-list .el-table__fixed-right {
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.12);
}
.prod-page .prod-list .el-table__fixed-right::before,
.prod-page .prod-list .el-table__fixed::before {
  display: none;
}
.prod-page .prod-list .el-table__row.hover-row {
  cursor: pointer;
}
.prod-page .prod-list .el-table th.el-table__cell {
  padding: 0.15rem;
  font-size: 0.18rem;
  font-weight: bold;
  background: var(--colDf);
  color: #fff;
  border-bottom: none;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.prod-page .prod-list .el-table th.el-table__cell > .cell {
  padding: 0;
  font-weight: normal;
}
.prod-page .prod-list .el-table td.el-table__cell {
  padding: 0.15rem;
  font-size: 0.16rem;
  color: #222;
  border-bottom-color: #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.prod-page .prod-list .el-table td.el-table__cell > .cell {
  padding: 0;
}
.prod-page .prod-list .el-table__header-wrapper.is--scrolling .el-table__cell:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 10;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.prod-page .prod-list .el-table__header-wrapper.is--scrolling .el-table__cell:nth-child(2) {
  position: sticky;
  left: calc(1px + var(--thcell-width, 1rem));
  z-index: 10;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.prod-page .prod-list .el-table__header-wrapper.is--scrolling .el-table__cell:nth-child(3) {
  position: sticky;
  left: calc(var(--thcell-width, 1rem) * 2 + 2px);
  z-index: 10;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.prod-page .prod-list .el-table--scrollable-x .el-table__body-wrapper {
  padding-bottom: 0.45rem;
}
.prod-page .prod-list .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar {
  height: 0.06rem;
  background-color: #e5e5e5;
}
.prod-page .prod-list .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: var(--colDf);
  border-radius: 0;
}
.prod-page .prod-pag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.6rem;
}
.prod-page .prod-pag .total-text {
  font-weight: 400;
  font-size: 0.16rem;
  color: #888888;
  line-height: 0.3rem;
  margin-left: 0.4rem;
}
@media screen and (max-width: 768px) {
  .prod-page .prod-pag .total-text {
    display: none;
  }
}
.prod-page .prod-pag .pre-text {
  font-weight: 400;
  font-size: 0.16rem;
  color: #888888;
  line-height: 0.3rem;
  margin-right: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .prod-page .prod-pag .pre-text {
    display: none;
  }
}
.prod-page .prod-pag .el-pagination {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .prod-page .prod-pag .el-pagination__sizes {
    display: none;
  }
}
.prod-page .prod-pag .el-pagination .btn-next,
.prod-page .prod-pag .el-pagination .btn-prev,
.prod-page .prod-pag .el-pager li {
  background: #f5f5f5;
  color: #222;
  min-width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0;
  margin-left: 0.05rem;
}
.prod-page .prod-pag .el-pagination .btn-next.more,
.prod-page .prod-pag .el-pagination .btn-prev.more,
.prod-page .prod-pag .el-pager li.more {
  background: none;
}
.prod-page .prod-pag .el-pagination .btn-next:hover,
.prod-page .prod-pag .el-pagination .btn-prev:hover,
.prod-page .prod-pag .el-pager li:hover {
  opacity: 0.8;
  color: var(--colDf);
}
.prod-page .prod-pag .el-pagination .btn-next,
.prod-page .prod-pag .el-pagination .btn-prev {
  min-width: 0.8rem;
}
.prod-page .prod-pag .el-pager li.active {
  color: #fff;
  background: var(--colDf);
}
.prod-page .prod-pag .el-pagination button,
.prod-page .prod-pag .el-pagination span {
  height: 0.5rem;
  line-height: 0.5rem;
}
.prod-page .prod-pag .el-input--mini .el-input__inner {
  height: 0.5rem;
  line-height: 0.5rem;
}

.prod-detail-page {
  background-color: #fff;
  background-image: linear-gradient(180deg, #dce3f3 0%, #fff 60%);
}
.prod-detail-page .head {
  display: flex;
  margin-bottom: 0.7rem;
  width: 100%;
}
.prod-detail-page .head .lef {
  flex-grow: 1;
}
.prod-detail-page .head .lef .tit {
  font-weight: 400;
  font-size: 0.36rem;
  color: #222222;
  line-height: 0.6rem;
  padding-bottom: 0.18rem;
  margin-bottom: 0.24rem;
  border-bottom: 1px solid rgba(168, 175, 190, 0.3);
}
.prod-detail-page .head .lef .desc {
  font-weight: 400;
  font-size: 0.18rem;
  color: #555555;
  line-height: 0.3rem;
}
.prod-detail-page .head .lef .btns {
  margin-top: 0.34rem;
  display: flex;
  align-items: center;
}
.prod-detail-page .head .lef .btns .btn {
  padding: 0.18rem 0.4rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: 1;
  min-width: 1.8rem;
  background: var(--colDf);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.prod-detail-page .head .lef .btns .btn:hover {
  opacity: 0.9;
}
.prod-detail-page .head .lef .btns .btn:not(:first-child) {
  margin-left: 0.2rem;
}
.prod-detail-page .head .lef .btns .btn > img {
  width: 0.06rem;
  height: 0.12rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
}
.prod-detail-page .head .rig {
  flex-shrink: 0;
  padding: 0 0.6rem;
}
@media screen and (max-width: 768px) {
  .prod-detail-page .head .rig {
    padding: 0 0.2rem;
  }
}
.prod-detail-page .head .rig .cov {
  width: 3.2rem;
  min-height: 3rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.38rem;
  flex-direction: column;
}
.prod-detail-page .head .rig .cov-img {
  width: 2.2rem;
}
.prod-detail-page .head .rig .cov-img .qui_pic {
  padding-bottom: 90%;
}
.prod-detail-page .head .rig .cov .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: var(--colDf);
  line-height: 0.3rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  margin-top: 0.24rem;
}
.prod-detail-page .head.head2 {
  margin-top: -0.2rem;
  margin-bottom: 0.9rem;
  overflow: hidden;
}
.prod-detail-page .head.head2 .lef {
  width: 100%;
}
.prod-detail-page .head.head2 .lef .tit {
  margin: 0;
  border: none;
  padding: 0;
}
.prod-detail-page .head.head2 .lef .date {
  color: #555555;
  font-size: 0.18rem;
  line-height: 1;
  margin-bottom: 0.32rem;
  margin-top: 0.05rem;
}
.prod-detail-page .head.head2 .lef .date > span {
  margin-right: 0.3rem;
}
.prod-detail-page .head.head2 .lef .desc {
  color: #222;
  font-size: 0.16rem;
  line-height: 0.32rem;
}
.prod-detail-page .head.head2 .lef .desc table tr {
  height: auto !important;
}
.prod-detail-page .head.head2 .lef .desc table tr td {
  height: auto !important;
}
.prod-detail-page .head.head2 .lef .desc table tr td:nth-child(1) {
  max-width: 60%;
}
.prod-detail-page .head.head2 .lef .desc table tr td:nth-child(2) img {
  min-width: 2rem;
}
.prod-detail-page .head.head2 .lef .desc colgroup col {
  width: 40% !important;
}
.prod-detail-page .head.head2 .lef .desc colgroup col:nth-child(1) {
  max-width: 60% !important;
}
.prod-detail-page .feat {
  margin-bottom: 0.5rem;
}
.prod-detail-page .feat .tit {
  font-weight: 400;
  font-size: 0.3rem;
  color: #222222;
  line-height: 0.3rem;
  margin-bottom: 0.14rem;
}
.prod-detail-page .feat .cont {
  font-weight: 400;
  font-size: 0.16rem;
  color: #888888;
  line-height: 0.3rem;
  white-space: pre-line;
}
.prod-detail-page .feat.feat2 .tit {
  margin-bottom: 0.3rem;
}
.prod-detail-page .feat.feat2 .cont {
  white-space: normal;
  line-height: 2.2;
  color: #222;
}
.prod-detail-page .purc .tit {
  font-weight: 400;
  font-size: 0.3rem;
  color: #222222;
  line-height: 0.3rem;
  margin-bottom: 0.14rem;
}
.prod-detail-page .purc .cont {
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.prod-detail-page .purc .cont > a {
  color: var(--colDf);
  text-decoration: underline;
}

.page-top-banner {
  display: flex;
  align-items: stretch;
}
.page-top-banner .cov {
  width: 8.2rem;
  flex-shrink: 0;
  background: #f2f2f2;
}
@media screen and (max-width: 1024px) {
  .page-top-banner .cov {
    width: 4.1rem;
  }
}
@media screen and (max-width: 768px) {
  .page-top-banner .cov {
    width: 3.6rem;
  }
}
.page-top-banner .cov .qui_pic {
  padding-bottom: 100%;
}
.page-top-banner .cont {
  flex-grow: 1;
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
}
.page-top-banner .cont .desc {
  font-weight: bold;
  font-size: 0.8rem;
  color: #000000;
  line-height: 2.1;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .page-top-banner .cont .desc {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .page-top-banner .cont .desc {
    font-size: 0.32rem;
    line-height: 1.5;
  }
}

.qual-page .qual-head .tit {
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 1;
  color: #222222;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-head .tit {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.qual-page .qual-info {
  background: #fff url("../images/qua-bg.png") no-repeat center center/cover;
  padding: 1rem 0.4rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-info {
    padding: 0.4rem 0.3rem;
  }
}
.qual-page .qual-info .qih .tit {
  font-weight: bold;
  font-size: 0.3rem;
  color: var(--colDf);
  line-height: 0.48rem;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-info .qih .tit {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.qual-page .qual-info .ditems {
  --item-gap: 0.3rem;
}
.qual-page .qual-info .ditem:not(:last-child) {
  border-right: 1px solid var(--bdDf);
}
@media screen and (max-width: 768px) {
  .qual-page .qual-info .ditem {
    width: 50%;
    margin-bottom: 0.3rem;
  }
}
.qual-page .qual-info .ditem .tit {
  font-weight: bold;
  font-size: 0.24rem;
  color: #222222;
  line-height: 0.4rem;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-info .ditem .tit {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.qual-page .qual-info .ditem .cont {
  font-weight: 400;
  font-size: 0.18rem;
  color: #222222;
  line-height: 0.32rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-info .ditem .cont {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
.qual-page .qual-tit-loc {
  scroll-margin-top: 1rem;
}
.qual-page .qual-ce {
  padding-bottom: 0;
}
.qual-page .qual-ce .items .item {
  padding: 0.4rem 0.6rem;
  border-bottom: 0.04rem solid var(--colDf);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-ce .items .item {
    padding: 0.3rem;
  }
}
.qual-page .qual-ce .items .item .tit {
  font-weight: bold;
  font-size: 0.36rem;
  color: var(--colDf);
  margin-bottom: 0.12rem;
  line-height: 1.5;
}
.qual-page .qual-ce .items .item .tit a {
  color: var(--colDf);
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-ce .items .item .tit {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .qual-page .qual-ce .items .item .tit {
    font-size: 0.24rem;
  }
}
.qual-page .qual-ce .items .item .tit:hover {
  text-decoration: underline;
}
.qual-page .qual-ce .items .item .desc {
  font-weight: 400;
  font-size: 0.32rem;
  color: #222222;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-ce .items .item .desc {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 768px) {
  .qual-page .qual-ce .items .item .desc {
    font-size: 0.16rem;
  }
}
.qual-page .qual-ce .items .item .cov {
  padding-right: 0.8rem;
}
.qual-page .qual-ce .items .item .cont + .cov {
  padding: 0;
  padding-left: 0.8rem;
}
.qual-page .qual-ce .items .item .cov-img {
  width: 2.5rem;
}
.qual-page .qual-ce .items .item .cov-img .qui_pic {
  padding-bottom: 100%;
}
.qual-page .qual-qr {
  padding-bottom: 0;
}
.qual-page .qual-qr .item {
  margin-top: 0.6rem;
  display: flex;
  align-items: stretch;
}
.qual-page .qual-qr .item .lef {
  flex-grow: 1;
  padding: 0 1.2rem;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .qual-page .qual-qr .item .lef {
    padding: 0.3rem;
  }
}
.qual-page .qual-qr .item .lef .tit {
  font-weight: bold;
  font-size: 0.32rem;
  color: #222222;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-qr .item .lef .tit {
    font-size: 0.24rem;
  }
}
.qual-page .qual-qr .item .lef .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.3rem;
  background: var(--colDf);
  color: #fff;
  font-size: 0.16rem;
  cursor: pointer;
}
.qual-page .qual-qr .item .lef .btn:hover {
  opacity: 0.9;
}
.qual-page .qual-qr .item .lef .btn > img {
  width: 0.06rem;
  height: 0.12rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
}
.qual-page .qual-qr .item .rig {
  flex-shrink: 0;
}
.qual-page .qual-qr .item .rig .cov {
  width: 6rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-qr .item .rig .cov {
    width: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .qual-page .qual-qr .item .rig .cov {
    width: 3rem;
  }
}
.qual-page .qual-qr .item .rig .cov .qui_pic {
  padding-bottom: 66.666666%;
}
@media screen and (max-width: 768px) {
  .qual-page .qual-qr .item .rig .cov .qui_pic {
    padding-bottom: 100%;
  }
}
.qual-page .qual-oi {
  padding-bottom: 0;
}
.qual-page .qual-oi .ditems {
  margin-top: 0.7rem;
  margin-bottom: -0.4rem;
  --item-gap: 0.2rem;
  --cover-width: 3rem;
  --cover-height: 66.666666%;
  --desc-line: 4;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-oi .ditems {
    margin-top: 0.5rem;
    --item-gap: 0.1rem;
    --cover-width: 1.5rem;
    --cover-height: 66.666666%;
    --desc-line: 3;
  }
}
.qual-page .qual-oi .ditems .ditem {
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
.qual-page .qual-oi .ditems .ditem .dinner {
  background: #f7f7f7;
  padding: 0.3rem;
}
.qual-page .qual-oi .ditems .ditem .dtit {
  font-weight: bold;
  font-size: 0.24rem;
  color: #222222;
  line-height: 1.5;
  margin-bottom: 0.18rem;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-oi .ditems .ditem .dtit {
    font-size: 0.16rem;
  }
}
.qual-page .qual-oi .ditems .ditem .dtit:hover {
  color: var(--colDf);
  text-decoration: underline;
}
.qual-page .qual-oi .ditems .ditem .ddesc {
  font-weight: 400;
  font-size: 0.18rem;
  color: #222222;
  line-height: 1.7;
}
@media screen and (max-width: 1024px) {
  .qual-page .qual-oi .ditems .ditem .ddesc {
    font-size: 0.14rem;
  }
}

.about-page {
  background: #fff;
}
.about-page .wwa-top .ditems {
  --cover-width: 7.2rem;
  --cover-height: 66.66666667%;
  --desc-line: 4;
  --tit-line: 1;
  --cover-gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-top .ditems {
    --cover-width: 4.8rem;
    --cover-gap: 0.4rem;
    --cover-height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .about-page .wwa-top .ditems {
    --cover-width: 3.2rem;
    --cover-gap: 0.3rem;
  }
}
.about-page .wwa-top .ditems .dinners {
  margin-bottom: 0.3rem;
}
.about-page .wwa-top .ditems .dinners:last-child {
  margin-bottom: 0;
}
.about-page .wwa-top .ditems .ditem {
  padding-bottom: 0;
  margin-bottom: 0;
}
.about-page .wwa-top .ditems .ditem .dtit {
  display: block;
  font-weight: bold;
  font-size: 0.36rem;
  color: #222222;
  line-height: 0.44rem;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-top .ditems .ditem .dtit {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.about-page .wwa-top .ditems .ditem .ddesc {
  font-weight: 400;
  font-size: 0.24rem;
  color: #222222;
  line-height: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-top .ditems .ditem .ddesc {
    font-size: 0.16rem;
    line-height: 0.3rem;
  }
}
.about-page .wwa-top .ditems .ditem .mimg {
  width: 3rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-top .ditems .ditem .mimg {
    width: 1.5rem;
    margin-bottom: 0.1rem;
  }
}
.about-page .wwa-top .ditems .ditem .mimg .qui_pic {
  padding-bottom: 50%;
}
.about-page .wwa-bd {
  padding-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-bd {
    padding-top: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .wwa-bd {
    padding-top: 0.4rem;
  }
}
.about-page .wwa-bd .items .item {
  padding: 0.4rem 0.8rem;
  display: flex;
  align-items: center;
  background: var(--bgDf);
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-bd .items .item {
    padding: 0.2rem 0.3rem;
  }
}
.about-page .wwa-bd .items .item:nth-child(2n) {
  background: #fff;
}
.about-page .wwa-bd .items .item .tit {
  font-weight: bold;
  font-size: 0.3rem;
  color: var(--colDf);
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 768px) {
  .about-page .wwa-bd .items .item .tit {
    font-size: 0.24rem;
  }
}
.about-page .wwa-bd .items .item .desc {
  font-weight: 400;
  font-size: 0.24rem;
  color: #222222;
  line-height: 0.46rem;
}
@media screen and (max-width: 768px) {
  .about-page .wwa-bd .items .item .desc {
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}
.about-page .wwa-bd .items .item .cov {
  padding-right: 2rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-bd .items .item .cov {
    padding-right: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .wwa-bd .items .item .cov {
    padding-right: 0.3rem;
  }
}
.about-page .wwa-bd .items .item .cont + .cov {
  padding: 0;
  padding-left: 2rem;
}
@media screen and (max-width: 1024px) {
  .about-page .wwa-bd .items .item .cont + .cov {
    padding-left: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .wwa-bd .items .item .cont + .cov {
    padding-left: 0.3rem;
  }
}
.about-page .wwa-bd .items .item .cov-img {
  width: 5rem;
}
@media screen and (max-width: 768px) {
  .about-page .wwa-bd .items .item .cov-img {
    width: 2.5rem;
  }
}
.about-page .wwa-bd .items .item .cov-img .qui_pic {
  padding-bottom: 66%;
}
.about-page .con-bd {
  margin-top: -0.4rem;
}
.about-page .con-bd .items .item {
  padding-bottom: 1rem;
  display: flex;
}
.about-page .con-bd .items .item .desc {
  font-weight: 400;
  font-size: 0.22rem;
  color: #222222;
  line-height: 0.44rem;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .items .item .desc {
    font-size: 0.16rem;
    line-height: 0.32rem;
    margin-bottom: 0.4rem;
  }
}
.about-page .con-bd .items .item .cov {
  padding-right: 0.8rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .items .item .cov {
    padding-right: 0.4rem;
  }
}
.about-page .con-bd .items .item .cont {
  padding-top: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .items .item .cont {
    padding-top: 0.1rem;
  }
}
.about-page .con-bd .items .item .cont + .cov {
  padding: 0;
  padding-left: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .items .item .cont + .cov {
    padding: 0;
    padding-left: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .items .item .cov-img {
    max-width: 3rem;
  }
}
.about-page .con-bd .items .item .cov-img > img {
  width: 100%;
  height: auto;
}
.about-page .con-bd .items .item .info-item {
  font-weight: bold;
  font-size: 0.24rem;
  color: var(--colDf);
  padding-left: 0.36rem;
  line-height: 0.32rem;
  background-repeat: no-repeat;
  background-position: left 0.06rem;
  background-size: 0.2rem;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .items .item .info-item {
    font-size: 0.16rem;
    line-height: 0.24rem;
    background-size: 0.16rem;
    padding-left: 0.24rem;
  }
}
.about-page .con-bd .items .item .info-item.info-call {
  background-image: url("../images/ico_calla.svg");
}
.about-page .con-bd .items .item .info-item.info-email {
  background-image: url("../images/ico_emaila.svg");
}
.about-page .con-bd .items .item .info-item.info-loc {
  background-image: url("../images/ico_loc2a.svg");
  max-width: 3.6rem;
}
.about-page .con-bd .ditems {
  --item-gap: 0.25rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .ditems {
    --item-gap: 0.1rem;
    --tit-line: 3;
    --desc-line: 6;
  }
}
.about-page .con-bd .ditems .ditem {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1;
}
.about-page .con-bd .ditems .ditem .dinner {
  border: 0.04rem solid #fff;
  box-shadow: inset 0 0 0.05rem 0 rgba(166, 166, 166, 0.4), 0 0 0.05rem 0 rgba(166, 166, 166, 0.4);
  padding: 0.45rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .ditems .ditem .dinner {
    padding: 0.3rem;
  }
}
.about-page .con-bd .ditems .ditem .dcont {
  display: flex;
  flex-direction: column;
}
.about-page .con-bd .ditems .ditem .dtit {
  font-size: 0.3rem;
  font-weight: bold;
  color: #222;
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .ditems .ditem .dtit {
    font-size: 0.24rem;
  }
}
.about-page .con-bd .ditems .ditem .desc {
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-weight: bold;
  color: var(--colAs);
}
@media screen and (max-width: 1024px) {
  .about-page .con-bd .ditems .ditem .desc {
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}
.about-page .con-bd .ditems .ditem .btns {
  margin-top: auto;
  padding-bottom: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.2rem;
}

.eve-np .eve-prod {
  display: flex;
  flex-wrap: wrap;
}
.eve-np .eve-prod > .item {
  width: calc(25% - 0.15rem);
  height: auto;
  margin-bottom: 0.2rem;
  background: var(--bgDf);
}
.eve-np .eve-prod > .item:not(:last-child) {
  margin-right: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .eve-np .eve-prod > .item {
    width: calc(50% - 0.2rem);
  }
}
.eve-np .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.4rem;
}

.eve-pr .ditems {
  --cover-width: 2.7rem;
  --cover-height: 66.66666667%;
  --cover-gap: 0.6rem;
}
@media screen and (max-width: 1024px) {
  .eve-pr .ditems {
    --cover-gap: 0.4rem;
  }
}
.eve-pr .ditems .ditem {
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid var(--bdDf);
  color: #888888;
}
.eve-pr .ditems .ditem .arr1 {
  display: block;
}
.eve-pr .ditems .ditem .arr2 {
  display: none;
}
.eve-pr .ditems .ditem:hover {
  color: var(--colDf);
}
.eve-pr .ditems .ditem:hover .arr1 {
  display: none;
}
.eve-pr .ditems .ditem:hover .arr2 {
  display: block;
}
.eve-pr .ditems .ditem .dtime {
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 1024px) {
  .eve-pr .ditems .ditem .dtime {
    font-size: 0.16rem;
  }
}
.eve-pr .ditems .ditem .dtit {
  font-weight: bold;
  font-size: 0.3rem;
  color: var(--colDf);
  margin-bottom: 0.06rem;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .eve-pr .ditems .ditem .dtit {
    font-size: 0.24rem;
  }
}
.eve-pr .ditems .ditem .ddesc {
  font-weight: 400;
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.36rem;
}
@media screen and (max-width: 1024px) {
  .eve-pr .ditems .ditem .ddesc {
    font-size: 0.2rem;
  }
}
.eve-pr .ditems .ditem .more {
  font-weight: 400;
  font-size: 0.16rem;
  display: inline-flex;
  align-items: center;
}
.eve-pr .ditems .ditem .more > img {
  width: 0.06rem;
  height: 0.12rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
}
.eve-pr .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.4rem;
}

.events-page {
  background: #fff;
}
.events-page .eve-head {
  margin-bottom: 0.6rem;
}
.events-page .eve-head .tit {
  font-weight: bold;
  font-size: 0.36rem;
  color: #222222;
}
.events-page .eve-tr .ditems {
  --cover-height: 66.66666667%;
}
.events-page .eve-tr .ditems .dcov {
  position: relative;
}
.events-page .eve-tr .ditems .dcov .cov-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0.5rem 0.3rem 0.2rem;
  background: rgba(255, 255, 255, 0.7);
  text-shadow: 0px -5px 5px rgba(255, 255, 255, 0.8), 0px -2px 3px rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.events-page .eve-tr .ditems .dcov .cov-info .tit,
.events-page .eve-tr .ditems .dcov .cov-info .yea {
  font-weight: bold;
  font-size: 0.36rem;
  color: #333333;
  line-height: 0.5rem;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .events-page .eve-tr .ditems .dcov .cov-info .tit,
.events-page .eve-tr .ditems .dcov .cov-info .yea {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
}
@media screen and (max-width: 768px) {
  .events-page .eve-tr .ditems .dcov .cov-info .tit,
.events-page .eve-tr .ditems .dcov .cov-info .yea {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.events-page .eve-tr .ditems .dcov .cov-info .foo {
  margin-top: auto;
}
.events-page .eve-tr .ditems .dcov .cov-info .foo .tag,
.events-page .eve-tr .ditems .dcov .cov-info .foo .date {
  font-weight: bold;
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.36rem;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .events-page .eve-tr .ditems .dcov .cov-info .foo .tag,
.events-page .eve-tr .ditems .dcov .cov-info .foo .date {
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .events-page .eve-tr .ditems .dcov .cov-info .foo .tag,
.events-page .eve-tr .ditems .dcov .cov-info .foo .date {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
.events-page .eve-tr .ditems .ditem {
  margin-bottom: 0.2rem;
}
.events-page .eve-tr .ditems .dcont {
  text-align: left;
  padding-top: 0.4rem;
}
.events-page .eve-tr .ditems .dcont .dtit {
  font-weight: bold;
  font-size: 0.3rem;
  color: var(--colDf);
  line-height: 0.32rem;
  margin-bottom: 0.12rem;
}
@media screen and (max-width: 1024px) {
  .events-page .eve-tr .ditems .dcont .dtit {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .events-page .eve-tr .ditems .dcont .dtit {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
.events-page .eve-tr .ditems .dcont .tag,
.events-page .eve-tr .ditems .dcont .date,
.events-page .eve-tr .ditems .dcont .loc {
  font-weight: bold;
  font-size: 0.24rem;
  color: var(--colAs);
  padding-left: 0.36rem;
  line-height: 0.32rem;
  background-repeat: no-repeat;
  background-position: left 0.06rem;
  background-size: 0.2rem;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 1024px) {
  .events-page .eve-tr .ditems .dcont .tag,
.events-page .eve-tr .ditems .dcont .date,
.events-page .eve-tr .ditems .dcont .loc {
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .events-page .eve-tr .ditems .dcont .tag,
.events-page .eve-tr .ditems .dcont .date,
.events-page .eve-tr .ditems .dcont .loc {
    font-size: 0.16rem;
    background-size: 0.16rem;
    line-height: 0.24rem;
  }
}
.events-page .eve-tr .ditems .dcont .tag {
  background-image: url("../images/ico_tag.svg");
}
.events-page .eve-tr .ditems .dcont .date {
  background-image: url("../images/ico_calendar.svg");
}
.events-page .eve-tr .ditems .dcont .loc {
  background-image: url("../images/ico_loc.svg");
}
.events-page .eve-tr .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
}

.distr-page .dis-inner .dis-head .tit {
  font-weight: bold;
  font-size: 0.36rem;
  color: #333333;
  line-height: 1.5;
}
.distr-page .dis-inner .ditems {
  margin: 0.55rem 0 0.15rem;
  --item-gap: 0.2rem;
  --cover-width: 2.3rem;
  --cover-height: 20%;
}
@media screen and (max-width: 1024px) {
  .distr-page .dis-inner .ditems {
    margin-top: 0.3rem;
    --item-gap: 0.1rem;
  }
}
.distr-page .dis-inner .ditems .ditem {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
  .distr-page .dis-inner .ditems .ditem {
    width: 50%;
  }
}
.distr-page .dis-inner .ditems .ditem .dinner {
  border-radius: 0.4rem;
  border: 0.04rem solid #e5e5e5;
  padding: 0.6rem;
  box-shadow: 0px 0px 0.05rem 0px rgba(166, 166, 166, 0.4);
}
.distr-page .dis-inner .ditems .ditem .dinner .dcov {
  margin-bottom: 0.25rem;
}
.distr-page .dis-inner .ditems .ditem .dinner .dcov .dcov-img {
  width: 2.3rem;
  height: auto;
}
.distr-page .dis-inner .ditems .ditem .dinner .dtit {
  font-weight: bold;
  font-size: 0.36rem;
  color: #222222;
  line-height: 0.46rem;
}
@media screen and (max-width: 1024px) {
  .distr-page .dis-inner .ditems .ditem .dinner .dtit {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
.distr-page .dis-inner .ditems .ditem .dinner .desc {
  margin-top: 0.52rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: var(--colAs);
  line-height: 0.4rem;
}
.distr-page .dis-inner .ditems .ditem .dinner .desc a {
  color: inherit;
}
.distr-page .dis-inner .ditems .ditem .dinner .desc a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .distr-page .dis-inner .ditems .ditem .dinner .desc {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
.distr-page .dis-inner .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
}

.supp-page .sup-inner .sup-head {
  margin-bottom: 0.5rem;
}
.supp-page .sup-inner .sup-head .tit {
  font-weight: bold;
  font-size: 0.36rem;
  color: #222222;
}
.supp-page .sup-inner .sup-body {
  font-size: 0.24rem;
  color: #222222;
  line-height: 1.5;
}
.supp-page .sup-inner .sup-body h1,
.supp-page .sup-inner .sup-body h2,
.supp-page .sup-inner .sup-body h4,
.supp-page .sup-inner .sup-body h5,
.supp-page .sup-inner .sup-body h6 {
  line-height: 2.2;
}

.career-page .care-info {
  background: #f2f2f2 url("../images/job-bg1.png") center center/cover no-repeat;
  padding: 0.8rem 0.6rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .career-page .care-info {
    margin-bottom: 0.6rem;
  }
}
.career-page .care-info .cont {
  font-size: 0.26rem;
  color: #222222;
  line-height: 1.5;
}
.career-page .care-info .cont h1,
.career-page .care-info .cont h2,
.career-page .care-info .cont h4,
.career-page .care-info .cont h5,
.career-page .care-info .cont h6 {
  line-height: 2.2;
}
.career-page .care-covs .items {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
}
.career-page .care-covs .items .item {
  width: calc(50% - 0.1rem);
  position: relative;
  margin-bottom: 0.2rem;
}
.career-page .care-covs .items .item .tit {
  padding: 0.16rem 0.32rem;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  z-index: 1;
  font-size: 0.48rem;
  color: #222;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .career-page .care-covs .items .item .tit {
    top: 0.2rem;
    right: 0.2rem;
    font-size: 0.32rem;
  }
}
.career-page .care-covs .items .item .cov {
  width: 100%;
}
.career-page .care-covs .items .item .cov .qui_pic {
  padding-bottom: 65%;
}
.career-page .care-covs .items .item--full {
  width: 100%;
}
.career-page .care-covs .items .item--full .cov {
  width: 100%;
}
.career-page .care-covs .items .item--full .cov .qui_pic {
  padding-bottom: 32.5%;
}

.wju-page .page-top-banner {
  margin-bottom: 1rem;
  --cov-width: 5.8rem;
  --cov-height: 3.4rem;
}
@media screen and (max-width: 768px) {
  .wju-page .page-top-banner {
    --cov-width: 2.9rem;
  }
}
.wju-page .page-top-banner .cov {
  width: var(--cov-width);
  border: 1px solid var(--bdDf);
}
.wju-page .page-top-banner .cov .qui_pic {
  padding-bottom: var(--cov-height);
}
@media screen and (max-width: 1024px) {
  .wju-page .page-top-banner .cov .qui_pic {
    height: 100%;
  }
}
.wju-page .page-top-banner .cont {
  padding: 0;
}
.wju-page .page-top-banner .cont .desc {
  color: #222;
  font-size: 0.24rem;
  line-height: 0.44rem;
  font-weight: 400;
  padding: 0.6rem 0.8rem;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .wju-page .page-top-banner .cont .desc {
    padding: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .wju-page .page-top-banner .cont .desc {
    padding: 0.2rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.wju-page .wju-info .cont {
  font-size: 0.24rem;
  color: #222222;
  line-height: 1.8;
}
.wju-page .wju-info .cont h1,
.wju-page .wju-info .cont h2,
.wju-page .wju-info .cont h4,
.wju-page .wju-info .cont h5,
.wju-page .wju-info .cont h6 {
  line-height: 2.2;
}

.eyc-page .eyc-box {
  display: flex;
  margin-top: -0.2rem;
}
@media screen and (max-width: 1024px) {
  .eyc-page .eyc-box {
    flex-wrap: wrap;
  }
}
.eyc-page .eyc-box .eyc-side {
  flex-shrink: 0;
  margin-right: 0.6rem;
}
@media screen and (max-width: 1024px) {
  .eyc-page .eyc-box .eyc-side {
    margin-right: 0;
    width: 100%;
    order: 2;
    margin-top: 0.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .eyc-page .eyc-box .eyc-side .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.eyc-page .eyc-box .eyc-side .items .item {
  display: flex;
  width: 4rem;
  align-items: center;
  justify-content: center;
  color: #222;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.46rem;
  text-align: center;
  padding: 0.3rem;
  height: 2.4rem;
  border: 0.04rem solid #e5e5e5;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .eyc-page .eyc-box .eyc-side .items .item {
    margin-right: 0;
    width: calc(50% - 0.1rem);
    margin-bottom: 0.2rem;
  }
}
.eyc-page .eyc-box .eyc-side .items .item.act, .eyc-page .eyc-box .eyc-side .items .item:hover {
  border-color: var(--colDf);
}
.eyc-page .eyc-box .eyc-cont {
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .eyc-page .eyc-box .eyc-cont {
    width: 100%;
  }
}
.eyc-page .eyc-box .eyc-cont .head {
  border-bottom: 1px solid #222;
  padding-bottom: 0.5rem;
  margin-bottom: 0.3rem;
}
.eyc-page .eyc-box .eyc-cont .head .tit {
  text-align: center;
  color: #222;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.46rem;
  margin-bottom: 0.36rem;
}
.eyc-page .eyc-box .eyc-cont .head .dat {
  display: flex;
  align-items: center;
  justify-content: center;
}
.eyc-page .eyc-box .eyc-cont .head .dat .btn {
  margin-top: 0;
  margin-right: 2rem;
  flex-shrink: 0;
}
.eyc-page .eyc-box .eyc-cont .head .dat .fno {
  color: #222;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.eyc-page .eyc-box .eyc-cont .cont {
  font-size: 0.24rem;
  color: #222222;
  line-height: 1.8;
}
.eyc-page .eyc-box .eyc-cont .cont h1,
.eyc-page .eyc-box .eyc-cont .cont h2,
.eyc-page .eyc-box .eyc-cont .cont h4,
.eyc-page .eyc-box .eyc-cont .cont h5,
.eyc-page .eyc-box .eyc-cont .cont h6 {
  line-height: 2.2;
}

.applynow-page .job-info .tit {
  font-weight: bold;
  font-size: 0.36rem;
  color: #222222;
  line-height: 0.46rem;
  text-align: center;
  padding: 0.36rem 0.4rem;
  border: 1px solid #222;
  border-radius: 0.1rem;
  margin-bottom: 0.4rem;
}
.applynow-page .job-tip {
  font-weight: 400;
  font-size: 0.24rem;
  color: #222222;
  line-height: 0.46rem;
  margin-bottom: 0.2rem;
}

.an-form-box .an-item-box {
  padding: 0.31rem 0.4rem;
  border: 1px solid #222;
  border-radius: 0.1rem;
  margin-bottom: 0.4rem;
}
.an-form-box .an-item-box > .head > .tit {
  font-weight: 400;
  font-size: 0.28rem;
  color: #222222;
  line-height: 0.46rem;
  margin-bottom: 0.31rem;
}
.an-form-box .an-item-box .el-form-item {
  margin: 0;
  padding: 0;
  margin-bottom: 0.2rem;
}
.an-form-box .an-item-box .el-form-item:last-child {
  margin-bottom: 0;
}
.an-form-box .an-item-box .an-one-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.an-form-box .an-item-box .an-one-line .el-form-item {
  width: calc(50% - 0.2rem);
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 480px) {
  .an-form-box .an-item-box .an-one-line .el-form-item {
    width: 100%;
  }
}
.an-form-box .an-item-box .el-form-item__content {
  padding: 0;
  margin: 0;
}
.an-form-box .an-item-box .el-form-item__label {
  font-weight: 400;
  font-size: 0.2rem;
  color: #222222;
  text-align: left;
  padding: 0;
}
.an-form-box .an-item-box .el-form-item__label::before {
  display: none;
}
.an-form-box .an-item-box .el-input__inner {
  border-color: #222;
  border-radius: 0;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
}
.an-form-box .an-item-box .el-textarea__inner {
  border-color: #222;
  border-radius: 0;
  font-size: 0.24rem;
}
.an-form-box .an-item-box.an-upload .an-upload-demo {
  line-height: 1;
}
.an-form-box .an-item-box.an-upload .el-upload,
.an-form-box .an-item-box.an-upload .el-upload-dragger {
  width: 100%;
  height: 1.8rem;
  position: relative;
  border-color: #222;
}
.an-form-box .an-item-box.an-upload .an-upload-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.4rem;
}
.an-form-box .an-item-box.an-upload .an-upload-box .lef {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #222;
}
.an-form-box .an-item-box.an-upload .an-upload-box .lef > i {
  font-size: 0.4rem;
  margin-right: 0.2rem;
}
.an-form-box .an-item-box.an-upload .an-upload-box .lef p:nth-child(2) {
  font-size: 0.2rem;
}
.an-form-box .an-item-box.an-upload .an-upload-box .rig {
  flex-shrink: 0;
}
.an-form-box .an-item-box .el-checkbox {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
}
.an-form-box .an-item-box .el-checkbox__inner:hover {
  border-color: #222;
}
.an-form-box .an-item-box .el-checkbox__input.is-checked .el-checkbox__inner,
.an-form-box .an-item-box .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff;
  border-color: #222;
}
.an-form-box .an-item-box .el-checkbox__inner::after {
  border-color: #222;
}
.an-form-box .an-item-box .el-checkbox__input {
  vertical-align: top;
}
.an-form-box .an-item-box .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #222;
  max-width: 100%;
  white-space: normal;
}
.an-form-box > .el-form-item {
  margin-bottom: 0;
}

.search-page .quiinfo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search-page .quiinfo .quien {
  font-size: 0.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.7rem;
  margin-bottom: 0.4rem;
  margin-top: 0;
}
.search-page .quiinfo .quicn {
  width: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-page .quiinfo .quicn .quissbox {
  max-width: 8rem;
}
.search-page .quiinfo .quicn .quissbox .qui-text {
  width: 100%;
  height: 0.5rem;
  line-height: 1;
  background: #f3f3f3;
  border-radius: 0.5rem;
  margin: 0 auto;
  padding: 0 0.3rem 0 0.54rem;
  color: #222;
  font-size: 0.18rem;
  font-weight: normal;
}
.search-page .quiinfo .quicn .quissbox .qui-text::-moz-placeholder {
  color: #999;
}
.search-page .quiinfo .quicn .quissbox .qui-text::placeholder {
  color: #999;
}

/*搜索样式*/
.qui-search-result .quihead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #dfdfdf;
}

.qui-search-result .quidivtop {
  display: flex;
  align-items: center;
  margin-bottom: 0.23rem;
}

.quissbox {
  width: 100%;
  max-width: 6rem;
  flex-shrink: 0;
  position: relative;
}

.qui-search-result .quidivtop .quitxt {
  flex: 1;
  font-size: 0.18rem;
  color: #222;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .qui-search-result .quidivtop .quitxt {
    font-size: 0.16rem;
    flex: auto;
  }
}

.quissbox .qui-text {
  padding: 0 0.8rem 0 0.3rem;
  background: #f5f5f5;
  border: 0;
  border-radius: 0.3rem;
  line-height: 0.6rem;
  height: 0.6rem;
  font-size: 0.18rem;
  display: block;
  width: 100%;
}

.quissbox .quibtn {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5rem;
  background: url("../images/ico_searcha.svg") center no-repeat;
  background-size: auto 0.18rem;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.qui-search-result .quitabtt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.qui-search-result .quitabtt .quia {
  padding-bottom: 0.28rem;
  border-bottom: 0.02rem solid transparent;
  color: #666;
  font-size: 0.18rem;
  line-height: 0.28rem;
  margin-right: 0.5rem;
}
.qui-search-result .quitabtt .quia:last-child {
  margin-right: 0;
}

.qui-search-result .quitabtt .quia.on {
  color: var(--colDf);
  border-color: var(--colDf);
}

@media (max-width: 1024px) {
  .quissbox {
    max-width: 4.6rem;
  }
  .qui-search-result .quitabtt {
    justify-content: center;
  }
  .qui-search-result .quitabtt .quia {
    margin: 0 0.15rem;
  }
}
@media (max-width: 640px) {
  .qui-search-result .quidivtop {
    flex-direction: column;
  }
  .qui-search-result .quidivtop .quitxt {
    font-size: 0.18rem;
  }
}
.prod-slist .ditem {
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .prod-slist .ditem {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 768px) {
  .prod-slist .ditem {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .prod-slist .ditem {
    width: 100%;
  }
}
.prod-slist .ditem .dinner {
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
}
.prod-slist .ditem .cov {
  width: 2.4rem;
  margin: 0.4rem auto;
  flex-shrink: 0;
}
.prod-slist .ditem .cov .qui_pic {
  padding-bottom: 100%;
}
.prod-slist .ditem .cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.3rem;
}
.prod-slist .ditem .tit {
  font-weight: bold;
  font-size: 0.28rem;
  color: var(--colDf);
  line-height: 0.3rem;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  margin-bottom: 0.18rem;
}
.prod-slist .ditem .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.28rem;
  margin-bottom: 0.18rem;
}
.prod-slist .ditem .more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0.3rem;
}
.prod-slist .ditem .more > img {
  width: 0.5rem;
  height: 0.1rem;
}
.prod-slist .ditem .desc2 {
  margin-top: auto;
  font-weight: 400;
  font-size: 0.16rem;
  color: #888;
  line-height: 0.28rem;
}