:root {
    --base-font-size: 14px;
    --el-color-primary: #C71622;
    --el-transition-duration: 0.3s;
    --el-transition-function-ease-in-out-bezier:ease-in-out;
  }
#Home {  position: relative; }
.bannerBox{width: 100%; height: 450px; overflow: hidden;}
.bannerBox img{width: 100%; height: 450px; object-fit: cover; max-width: 1920px; display: block; margin: auto;} 
.slideshow-item{width: 100vw !important;}
.bannerBox .tempWrap{width: 100%;}
#Home .minCon{position: absolute; top: 0; height: 450px; left: 0; right: 0; margin: auto ; pointer-events: none;}

#Home .categorys { position: absolute; left: 0; top: 0; width: 242px; height: 450px; pointer-events: all;}
#Home .categorys-main { margin: 0; position: absolute; left: 0; top: 0; z-index: 12; width: 242px; height: 420px; background: #E2231A; padding: 15px 0; box-shadow: 0 -1px 7px 0 rgb(0 0 0 / 30%); }
#Home .categorys-main .item { display: flex; position: relative; padding: 0 8px 0 12px; line-height: 40px; margin: 4px 0; cursor: pointer; }
#Home .categorys-main .item:hover {background: #A52B34;} 
#Home .categorys-main .item .item-cont { position: relative; margin-right: 12px; width: 80%; height: 40px; overflow: hidden; }

#Home .categorys-main .item .el-icon { height: 40px; color: #fff; }
.el-icon { --color: inherit; height: 1em; width: 1em; line-height: 1em; display: inline-flex; justify-content: center; align-items: center; position: relative; fill: currentColor; color: var(--color); font-size: inherit; }

.categorys-main .item .item-cont .t-icon { position: absolute; left: 0; top: 50%; margin-top: -9px; display: inline-block; width: 18px; height: 18px; font-size: 0; background: url(../images/i1.png) no-repeat 0 0;  display: none;}
#Home .categorys-main .item .item-title { padding-left: 18px; height: 20px; font-weight: 400; font-size: 14px; color: #fff; display: block; }

#Home .cate-children { margin: 0; padding: 0; display: block; position: absolute; left: 242px; top: 0; z-index: 5; width: 242px; height: 450px; background: #fff; box-shadow: 0 -1px 7px 0 rgb(0 0 0 / 15%); overflow: hidden; }

#Home .cate-children .cd-list { display: block; height: 430px; margin-top: 20px; }
.cate-children .cd-text { padding: 0 9px; height: 218px; line-height: 32px; overflow: hidden; }
.cate-children .cd-text a { display: inline-block; width: 72px; margin: 0 19px; height: 32px; color: #A89494; overflow: hidden; }


#Home .cate-tab { margin-top: 30px; }
.el-tabs__header { padding: 0; position: relative; margin: 0 0 15px; }
.el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; }
.el-tabs__nav-scroll { overflow: hidden; }
.el-tabs__nav { white-space: nowrap; position: relative; transition: transform var(--el-transition-duration); float: left; z-index: calc(var(--el-index-normal) + 1); }

.el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 2px; background-color: var(--el-color-primary); z-index: 1; transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier); list-style: none; }
.el-tabs__item { padding: 0 20px; height: 40px; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: 500; color: var(--el-text-color-primary); position: relative;  cursor: pointer;}
.el-tabs__item.is-active{color: var(--el-color-primary);}
.el-tabs__item.is-top:nth-child(2){ padding-left: 0; }
#Home .cate-tab .el-tabs__item{ width: 120px; text-align: center; }
.el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; }


.el-tab-pane .item { display: inline-block; margin-top: 20px; margin-right: 14px; }

.el-tab-pane .item .J-card .J-card_header { position: relative; }

.el-tab-pane .item .J-card .J-card_header .J-card_img { width: 286px; height: 286px; }

.el-tab-pane .item .J-card .J-card_header .J-card_timer { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; height: 26px; line-height: 26px; font-size: 12px; color: #333; background-color: rgba(255,255,255,.8); }

.el-tab-pane .item .J-card_title { padding: 10px 20px; }

.el-tab-pane .item .J-card_title h3 { height: 40px; font-size: 12px; line-height: 20px; font-weight: 400; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; }

.el-tab-pane .item .J-card_footer { clear: both; overflow: hidden; padding: 0 0 8px 20px; }

.el-tab-pane .item .J-card_footer .J-card_unit { float: left; line-height: 25px; font-size: 14px; color: #d23030; margin-top: 3px; }

.el-tab-pane .item .J-card_footer .J-card_price { float: left; padding-left: 5px; font-size: 22px; font-family: JDZhengHei-01-Bold; line-height: 25px; color: #d23030; }

.el-tab-pane .item .J-card_footer .J-card_number { position: relative; float: right; height: 25px; padding: 0 20px; margin-right: 20px; font-size: 16px; line-height: 25px; color: #fff; background-color: #d23030; border-right-color: #d23030; }

.el-tab-pane .item .J-card { position: relative; display: block; box-sizing: border-box; width: 286px; background: #fff; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 8%); cursor: pointer; }

.bannerBox{position:relative;}
.noData-text{font-size: 12px; color: #999; text-align: center; padding: 20px 0; }
.hd{text-align:center;position:absolute;height:14px;line-height:14px;bottom:20px;left:0;right:0;}
.hd ul{height: 14px;background: rgba(0,0,0,.302);border-radius: 8px;position:relative;display:inline;}
.hd ul li{display:inline-block;width: 10px;height: 10px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 5px;cursor: pointer;background:#fff;}
.hd ul li.on{background:#FF653B;}