@charset "utf-8";
/**
 * 译枫前台：抵消 style.css 与 efcms 主题皮肤表冲突，恢复译枫演示商城首页布局
 */
/* 顶栏：不用 style 里大红色 flex 顶栏，与主题白底条一致 */
.efcms_top {
  display: block !important;
  background: #fff !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 36px;
  box-sizing: border-box;
}
.efcms_top > .width.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.efcms_top .col-6 {
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .efcms_top .col-6,
  .efcms_top .col-6.top-wenzi {
    flex: 1 1 100%;
    max-width: 100%;
    text-align: left !important;
  }
  .efcms_top .top-wenzi {
    text-align: left !important;
  }
}
.efcms_top .nav ul li a {
  white-space: nowrap;
}

/* 首页楼层：主皮肤表误加 nowrap，导致商品格子挤成一行 */
.efcms_cargo .imgshow {
  white-space: normal !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin: 0 !important;
  overflow: visible;
}
.efcms_cargo .efcms-theme {
  line-height: normal !important;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}
/* 即使用旧模板仍带左侧图，也隐藏掉让商品区占满宽 */
.efcms_cargo .efcms_major .efcms_major-side {
  display: none !important;
}
.efcms_cargo .efcms_major .efcms_matter {
  flex: 1 1 100%;
  min-width: 0;
  width: 100%;
}
.efcms_cargo .efcms-contain {
  overflow: hidden;
}
.efcms_cargo .efcms-contain::after {
  content: "";
  display: table;
  clear: both;
}

/* 首页楼层：每行固定 5 个（flex + gap 14px，覆盖 style.css 里 float+234px 排 4 个的布局） */
.efcms_cargo .efcms_matter .imgshow_project {
  float: none !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  flex: 0 0 calc((100% - 56px) / 5) !important;
  width: calc((100% - 56px) / 5) !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* 以下自 style.css 中历史 efcms/译枫 皮肤规则对应生成（与旧版双表写法对齐；更新 style 后可重跑项目内脚本重生成本段） */
.efcms_gjc{margin-bottom:.5rem;padding-bottom:.25rem;position:relative;}
.efcms_gjc+.hide{display:none;}
.efcms_gjc > label{margin-bottom:.5rem;}
.efcms-ssfm{display:block;width:100%;padding:.6rem .8rem;font-size:.7rem;font-weight:400;color:#495057;background:#fff;background-clip:padding-box;border:1px solid #ced4da;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;text-align:left;}
select.efcms-ssfm,textarea.efcms-ssfm{height:auto;}
textarea.efcms-ssfm{min-height:5rem;}
.efcms-ssfm::-ms-expand{background-color:transparent;border:0;}
.efcms-ssfm:focus{color:#495057;background:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 0.1rem rgba(0,123,255,.25);}
.efcms-ssfm::-webkit-input-placeholder{color:#999;}
.efcms-ssfm::-moz-placeholder{color:#999;}
.efcms-ssfm:-ms-input-placeholder{color:#999;}
.efcms-ssfm::-ms-input-placeholder{color:#999;}
.efcms-ssfm::placeholder{color:#999;}
.efcms-ssfm:disabled{background:#fafafa;opacity:1;cursor:not-allowed;}
.efcms-ssfm[readonly]{background:#fafafa;opacity:1;}
.efcms-ssfm-check{margin-bottom:.15rem;margin-right:.25rem;vertical-align:middle;}
.efcms-key{display:flex;}
.efcms-key .before{justify-content:center;align-items:center;display:flex;padding:.3rem .6rem;font-size:.7rem;font-weight:400;color:#495057;border:1px solid #ced4da;border-right:0;background:#F6F7FF;border-radius:0.2rem 0 0 0.2rem;}
.efcms-key .tijiao{justify-content:center;align-items:center;display:flex;padding:.3rem 0.35rem;font-size:.7rem;font-weight:400;color:#495057;border:1px solid #ced4da;border-left:0;background:#F6F7FF;white-space:nowrap;}
.efcms-key a.tijiao{font-size:.7rem;padding:.3rem .6rem;cursor:pointer;font-family:microsoft yahei;}
.efcms-key a.tijiao:before{margin-right:.25rem;font-size:.9rem;color:#999;font-family:"iconfont";}
.efcms-key a:hover.tijiao,.efcms-key a:hover.tijiao:before{color:#f30;}
.efcms-key button.tijiao{padding:.3rem .8rem;}
.efcms-key .code{min-height:2.2rem;justify-content:center;align-items:center;display:flex;padding:0 .6rem;border:1px solid #ced4da;border-left:0;background:#fff;border-radius:0;cursor:pointer;border-radius:0 .2rem .2rem 0;}
.efcms-key .code img{height:2.2rem;border-radius:0 .2rem .2rem 0;}
.efcms-key .efcms-ssfm{flex:1;}
.efcms-key-check{padding-top:.35rem;}
.efcms-key-check label{margin-right:.5rem;}
.efcms-key .radius-none{border-radius:0;}
.efcms-key .radius-left-none{border-radius:0 .2rem .2rem 0;}
.efcms-key .radius-right-none{border-radius:.2rem 0 0 .2rem;}
.efcms-ssfm.w-auto{width:auto;display:inline-block;}
.efcms-wzlb .media{margin-bottom:1rem;padding-bottom:.75rem;}
.efcms-wzlb .media:last-child{margin-bottom:0;}
.menu .efcms_mz{color:#333;border-bottom:.1rem solid #999;margin-bottom:-1px;font-size:15px;}
.menu-red .efcms_mz{color:#ED4014;border-bottom-color:#ED4014;}
.menu-yellow .efcms_mz{color:#F37B1D;border-bottom-color:#F37B1D;}
.efcms_hs .efcms_mz{color:#e2231a;border-bottom-color:#e2231a;}
.efcms_ject{height:300px;}
.efcms_adj ul li{margin-right:.3rem;}
.efcms_adj ul li{border-radius:.1rem;}
.efcms_adj ul li:first-child,.efcms_adj ul li:last-child{border-radius:.1rem;}
.efcms_pages ul{display:flex;color:#999;justify-content:center;align-items:center;}
.efcms_switch{border-bottom:0 solid #e4eaec;font-size:0;flex:1;}
.efcms_switch li{display:inline-block;margin-right:.5rem;}
.efcms_switch li a{display:block;color:#76838F;padding:.5rem .2rem;font-size:.75rem;}
.efcms_switch li a:hover{color:#e2231a;}
.efcms_switch li:hover{}
.efcms_switch li.active{border-bottom:.1rem solid #e2231a;}
.efcms_switch li.active a{color:#e2231a;}
.efcms_matter{padding:0;}
.efcms_matter .efcms-contain{display:none;}
.efcms_matter .efcms-contain img{max-width:100%;}
.efcms-contain{display:none;}
.efcms-contain img{max-width:100%;}
.efcms-contain.active{display:block;}
.efcms_matter .efcms-contain .efcms_switch li.active{display:inline-block;}
.efcms-theme{display:flex;line-height:0;}
.efcms-theme .efcms-cap{align-items:center;justify-content:flex-start;display:flex;flex:1;font-size:.9rem;font-weight:400;}
.efcms-theme .efcms_switch{justify-content:flex-end;display:flex;}
.efcms-theme .efcms_switch li{margin-left:.5rem;margin-right:0;}
.efcms_top{display:flex;padding:.45rem .8rem;background:#e2231a;justfiy-content:center;align-items:center;}
.efcms_top-logo{padding:0 .5rem .25rem 0;}
.efcms_top-logo a{color:#fff;}
.efcms_top-search{flex:1;justify-content:flex-end;color:#fff;text-align:right;padding-right:1rem;position:relative;}
.efcms_top-search input{background:#fff;border:1px solid rgba(255,255,255,.5);line-height:1.5rem;height:1.7rem;padding:0 .75rem;border-radius:1rem;color:#666;width:100%;margin-left:1rem;}
.efcms_top-search button{position:absolute;background:none;width:1.5rem;border:0;top:0;right:.5rem;top:.1rem;}
.efcms_top-search button:focus{border:0;}
.efcms_top-search button i{color:#999;}
.efcms_top-search-layout{flex:1;justify-content:flex-end;text-align:right;padding-right:1rem;position:relative;}
.efcms_top-search-layout a{background:#fff;border:1px solid rgba(255,255,255,.5);line-height:1.5rem;height:1.7rem;padding:.5rem .75rem;border-radius:1rem;color:#666;width:100%;margin-left:1rem;display:block;text-align:left;line-height:1;}
.efcms_top-search-layout i{position:absolute;top:10%;right:.75rem;color:#999;}
.efcms_top-three{justify-content:space-between;}
.efcms_top-left{color:#fff;min-width:1rem;cursor:pointer;}
.efcms_top-left a{color:#fff;}
.efcms_top-title{color:#fff;font-size:.8rem;padding:0 1rem;}
.efcms_top-right{color:#fff;min-width:1rem;}
.efcms_top-right a{color:#fff;}
.efcms_top-red{background:#ED4014;}
.efcms_top-yellow{background:#F37B1D;}
.efcms_top-blue{background:#e2231a;}
.efcms_top-green{background:#19BE6B;}
.efcms_top-info{background:#2DB7F5;}
.efcms_top-black{background:#222;}
.efcms_top-white{background:#fff;}
.efcms_top-white .efcms_top-left a{color:#333;}
.efcms_top-white .efcms_top-title{color:#333;}
.efcms_top-white .efcms_top-right{color:#333;}
.efcms_top-white .efcms_top-right a{color:#333;}
.efcms_top-opacity{background:none;z-index:999;position:relative;}
.efcms_top-opacity .efcms_top-left a{color:#fff;background:rgba(51,51,51,.2);padding:5px;border-radius:50%;}
.efcms_top-opacity .efcms_top-right a{color:#fff;background:rgba(51,51,51,.2);padding:5px;border-radius:50%;}
.efcms_top-opacity .efcms_top-title ul{list-style:none;display:none;margin-bottom:-.3rem;}
.efcms_top-opacity .efcms_top-title ul li{font-size:13px;padding:0 8px;}
.efcms_top-opacity .efcms_top-title ul li a{border-bottom:2px solid transparent;display:flex;padding-bottom:5px;}
.efcms_top-opacity .efcms_top-title ul li.active a{border-bottom-color:#e2231a;color:#e2231a;}
.efcms_top-show{background:#fff;transition:background 1s;border-bottom:1px solid #eee;box-shadow:1px 1px 10px rgba(0,0,0,.1);}
.efcms_top-show .efcms_top-left{font-size:.8rem;color:#333;}
.efcms_top-show .efcms_top-left a{color:#333;background:#fff;transition:background 1s;padding:5px;font-size:.8rem;}
.efcms_top-show .efcms_top-right a{color:#333;background:#fff;transition:background 1s;padding:5px;}
.efcms_top-show .efcms_top-title{color:#333;}
.efcms_top-show .efcms_top-title ul{display:flex;}
.efcms-wel{color:#ED4014;}
.news_index .efcms_wenben,
.efcms_dhlb .efcms_wenben{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_index,.efcms_dhlb,.efcms_wenben a{color:#333;}
.news_index,.efcms_dhlb,.efcms_wenben a:hover{color:#e2231a;}
.efcms-contain .efcms_switch li.active{display:inline-block;}

/* 首页热卖商品：标题显示两行 */
.efcms_gg .prodinfo .name {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
  max-height: 2.8em !important;
  word-break: break-all !important;
}

/* 首页楼层商品（1F/2F…）：标题显示两行 */
.efcms_cargo .imgshow {
  white-space: normal !important;
  text-overflow: clip !important;
}
.efcms_cargo .imgshow_project .imgshow_cap,
.efcms_cargo .imgshow_project .efcms_wenben,
.efcms_cargo .imgshow_cap.efcms_wenben {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
  min-height: 2.8em !important;
  max-height: 2.8em !important;
  height: auto !important;
  word-break: break-all !important;
  margin-bottom: 4px !important;
}