.w {
  width: 1210px;
  margin: 0 auto;
}

.max-width {
  width: 1390px;
  margin: 0 auto;
}

body a {
  cursor: pointer;
}

@font-face {
  font-family: "iconfont";
  src:
    url("../iconfont/iconfont.woff2?t=1780390614881") format("woff2"),
    url("../iconfont/iconfont.woff?t=1780390614881") format("woff"),
    url("../iconfont/iconfont.ttf?t=1780390614881") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  color: #5c5452;
  padding-right: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 头部开始 */
.shortcut-2014 {
  background-color: #ffffff;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #999;
}

.fl {
  float: left;
  height: 0;
}

.fl a {
  color: #999;
}

.fl a:hover {
  color: #f83504;
}

.ttbar-home {
  float: left;
}

.dorpdown-layer {
  position: relative;
  float: left;
  /* border: 1px solid #6f1919; */
  height: 200px;
}

.dropdown {
  position: relative;
  float: left;
  margin-left: 12px;
}

.ui-areamini-content-list .item .selected {
  display: block;
  background-color: #d60f0f;
  color: #fff;
  text-align: center;
}

.ui-areamini-content-list .item .selected:hover {
  color: #ffffff;
}

.dt {
  position: absolute;
  width: 60px;
}

.dd {
  position: absolute;
  top: 30px;
  left: 0;
  width: 280px;
  display: none;
  background-color: #fff;
  z-index: 999;
}

.dropdown:hover .dt {
  background-color: #fefefe;
}

.dropdown:hover .dd {
  display: block;
}

.ui-areamini-content-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(7, 1fr);
}

.ui-areamini-content-list .item {
  padding: 0 10px;
}

.ui-areamini-content-list .item a:hover {
  color: #f83504;
}

.ui-areamini-text {
  cursor: default;
}

.areamini_inter {
  padding: 0 10px;
}

.areamini_inter_split {
  width: 262px;
  border-bottom: dotted 1px #eee;
}

.areamini_inter_desc {
  margin: 9px 0;
}

.areamini_inter_list {
  display: flex;
  justify-content: space-between;
}

.areamini_inter_rt {
  margin-right: 80px;
  height: 70px;
}

.fr {
  float: right;
}

.fr ul li a {
  display: inline-block;
  color: #999;
  margin-right: 13px;
}

.fr ul li .red {
  color: #f83504;
}

.selects:hover {
  color: #f83504;
}

.fr ul {
  display: flex;
}

.fr ul li {
  position: relative;
  /* margin-right: 8px; */
}

.fr ul li .icons {
  display: block;
  position: absolute;
  top: 2px;
  left: 50px;
  color: #999;
}

/* 头部结束 */

.jd_search_head {
  /* overflow: hidden; */
  width: 1390px;
  height: 100px;
  /* background-color: #0ec946; */
  margin: 0 auto;
}

.jd_search_logo {
  float: left;
  width: 226px;
  height: 54px;
  /* background-color: #e2e8e4; */
  margin-top: 23px;
}

.jd_search_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

.jd_search_contain {
  float: left;
  width: 60%;
  margin-left: 100px;
  margin-top: 18px;
}

.jd_search_contain_input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 45vw;
  min-width: 320px;
  max-width: 794px;
  height: 40px;
  padding-left: 10px;
  background-color: #fff;
  border: 2px solid #df0a0a;
  border-radius: 5px;
}

.search_input {
  flex: 1;
  height: 30px;

}

.search_btn {
  width: 80px;
  height: 33px;
  border: 1px solid #df110a;
  outline: none;
  background-color: #df0a0a;
  color: #fff;
  margin-right: 3px;
  border-radius: 5px;
}

.main_nav {
  display: flex;
  justify-content: space-between;
}

.jd_search_contain_nav ul li a {
  display: block;
  font-size: 14px;
  color: #4d4b4b;
  padding-top: 5px;
}

.main {
  width: 100%;
  background: linear-gradient(to bottom,
      rgba(255, 237, 237, 0.5) 20%,
      rgba(195, 19, 19, 0) 100%);
}

.layer {
  width: 100%;
  height: 460px;
}

.layer .max-width {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 16px;
  height: 432px;
  padding: 16px;
}

.jd-service-nav {
  width: 256px;
  height: 400px;
  background-color: #eee;
  border-radius: 16px;
}

.cate-title {
  font-size: 18px;
  font-weight: 500;
  font-family: JDZhengHT-Regular;
  padding: 12px 0 0 14px;
}

.mid-slide-banner {
  width: 814px;
  height: 400px;
  /* background-color: #1b9f3e; */
}

.right-banner-container {
  width: 256px;
  height: 400px;
  /* background-color: #041cf8; */
}

.right-banner-item {
  display: block;
  width: 100%;
  height: 88px;
  border-radius: 12px;
  margin-top: 16px;
  background-size: cover;
}

.home-ad-banner-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.items {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  background: url(../images/index_img/banner.gif) no-repeat center center;
  background-size: cover;
  z-index: -999;
  border-radius: 16px;
}

.home-ad-banner-item-content-container {
  position: absolute;
  top: 80px;
  left: 24px;
}

.home-ad-banner-item-title-top,
.home-ad-banner-item-title-middle {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  font-family: JDZhengHT-Regular;
}

.home-ad-banner-item-subtitle {
  font-size: 16px;
  line-height: 24px;
  margin-left: 4px;
  margin-top: 12px;
  white-space: nowrap;
  font-family: JDZhengHT-Regular;
}

.slick-dots {
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.slick-dots li {
  float: left;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 6px;
  margin: 0 4px;
  opacity: 0.6;
}

.slick-dots li.slick {
  width: 14px;
  opacity: 1;
}



.slick-prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  background-color: #44d46f;
  background: url(../images/index_img/slick-prev.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
  opacity: 0;
}

.slick-next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  /* background-color: #44d46f; */
  background: url(../images/index_img/slick-next.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
  opacity: 0;
}

.home-ad-banner-item:hover .slick {
  opacity: 1;
}

.service-bd {
  margin-top: 6px;
  margin-left: 13px;
}

.service-bd li {
  margin-bottom: 8px;
}

.first-cate-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.first-cate-container a {
  display: block;
  color: #4d4b4b;
  padding: 0 5px;
}

.cate-slash {
  margin-left: 5px;
  font-weight: 700;
}

.icon-cate {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/index_img/icon-cate.png) no-repeat center center;
  background-size: cover;
  margin-top: 2px;
}

.cate-content-href {
  font-size: 14px;
  /* font-weight: 500; */
  line-height: 24px;
  white-space: nowrap;
  font-family: JDZhengHT-Regular;
}

.cate-content-href:hover {
  color: #ff0f23;
}

.jdpc-home-main {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 16px;
}

.jd-pick-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}

.jd-pick-header-tab-icon {
  width: 20px;
  height: 20px;
}

.jd-pick-header-title {
  font-size: 20px;
  font-weight: 500;
  color: #ff0f23;
  margin-left: 8px;
}

.jd-pick-feeds-container .jdpc-col-horizon {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 16px;
}

.img-wrapper .imgWrapper {
  width: 214px;
  height: 214px;
  border-radius: 12px 12px 0 0;
  overflow: hidden;




}

.img-wrapper .imgWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;


}

.icon-layer {
  position: relative;
}

.title-wrapper .ziyingWrapper[data-v-66e3e818] {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/index_img/ziying.png) no-repeat center;
  background-size: 100% 100%;
  width: 31px;
  height: 18px;
  flex: none;
  margin-right: 5px;
  margin-top: 2px;
}




.title-text-wrapper {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333;
}





.interestWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.fenqimianxi4Wrapper {
  border: 1px solid rgba(250, 44, 25, 0.1);
  border-radius: 2px;
}


.fenqimianxi4Wrapper .tab {
  display: inline-block;
  background: rgba(250, 44, 25, 0.1);
  color: #fa2c19;
  border-radius: 6px 0px 0px 6px;
  padding: 0 5px;
  font-size: 12px;
}

.num {
  display: inline-block;
  color: #fa2c19;
  padding-right: 5px;
  font-size: 12px;

}


.praise5Wrapper {
  margin-left: 5px;
  background: rgba(250, 44, 25, 0.1);
  font-size: 12px;
  color: #fa2c19;
  padding: 0 3px;
  border-radius: 2px;
}


.price-wrapper {
  margin-top: 10px;
  height: 30px;
}

.price-wrapper .price-dec {
  display: flex;

}

.price-wrapper .price-dec .price-sign {
  margin-top: 3px;
  font-family: JDZhengHT-Regular;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  color: #fa2c19;

}

.price-wrapper .price-dec .price-int {
  font-family: JDZhengHT-Regular;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  color: #fa2c19;



}


.price-wrapper .price-dec .price-decimal {
  margin-top: 3px;
  font-family: JDZhengHT-Regular;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  height: 30px;
  color: #fa2c19;
  ;

}


.jd-pick-feeds-container .jd-pick-content-item .item-link {
  position: relative;
}

.hover-border {
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid transparent;
}

.jd-pick-content-item .item-link:hover .hover-border {
  border-color: #fa2c19;
}





.gcw3Wrapper[data-v-79a1ebef] {
  background: rgba(216, 119, 21, .1);
  color: #d87715;
}


.commonWrapper[data-v-79a1ebef] {
  display: inline-flex;
  align-items: center;
  padding: 0 2px;
  height: 18px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: normal;
  border-radius: 2px;
}


.xinpinNew2Wrapper[data-v-79a1ebef] {
  font-weight: 400;
  color: #fff;
  background: linear-gradient(90deg, rgb(54, 217, 189) 0%, rgb(166, 166, 255) 100%);
}



.service-2017.w {
  width: 990px;
  height: 102px;
  margin: 0 auto;
}

.slogen {
  padding-left: 65px;
  margin-right: -23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}

.slogen .item {
  float: left;
  position: relative;

  width: 224px;

  height: 42px;

  line-height: 42px;

  font-size: 18px;

  font-weight: 700;

  text-indent: 46px;

  color: #444;
}

.slogen .item i {
  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 36px;
  height: 42px;

  text-indent: -9999px;

  background-image: url(../images/index_img/ico_service.png);

  background-repeat: no-repeat;

  background-position: 0 0;
}

.slogen .fore1 i {
  background-position: 0 0;
}

.slogen .fore2 i {
  background-position: 0 -43px;
}

.slogen .fore3 i {
  background-position: 0 -86px;
}

.slogen .fore4 i {
  background-position: 0 -129px;
}

.jd-help {
  padding: 5px;
  border-top: 1px solid #c5c3c3;
  border-bottom: 1px solid #c5c3c3;
}

.jd-help .w {
  width: 990px;
  margin: 0 auto;
}

.wrap {
  display: flex;
  justify-content: space-between;
}

.wrap dl {
  width: 206px;
  line-height: 22px;
}

.wrap dl dt {
  padding: 4px 0;
  font-weight: 700;
  font-size: 14px;
  color: #777;
}

.fore1 dt {
  margin-left: 40px;
}

.fore2 dt {
  margin-left: 40px;
}

.fore3 dt {
  margin-left: 40px;
}

.fore4 dt {
  margin-left: 40px;
}

.fore5 dt {
  margin-left: 40px;
}

.wrap dl dd a {
  color: #666;
  font-size: 12px;
}

.wrap dl dd a:hover {
  color: #f31010;
}

.copyright_links_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.copyright_split {
  margin: 0 6px;
  font-size: 12px;
  color: #ccc;
}

.copyright_links_list li a {
  font-size: 12px;
  color: #666;
}

.copyright_links_list li a:hover {
  color: #f31010;
}

.footer-2017 {
  height: 200px;
  margin-top: 20px;
}

.copyright_info {
  padding: 10px 0;
  line-height: 22px;
  color: #999;
  text-align: center;
  font-size: 12px;
}

.copyright_info a {
  color: #999;
}

.copyright_info a:hover {
  color: #f31010;
}

.copyright_license {
  padding-left: 10px;
}

.copyright_auth {
  display: flex;
  justify-content: center;
  align-items: center;
}

.copyright_auth_ico {
  display: block;
  margin: 0 3px;
  width: 103px;
  height: 32px;
  background: url(../images/index_img/new_footer.png) no-repeat;
}

.copyright_auth_ico_1 {
  background-position: -104px 0;
}

.copyright_auth_ico_2 {
  background-position: 0 -32px;
}

.copyright_auth_ico_3 {
  background-position: -104px -33px;
}

.copyright_auth_ico_4 {
  background-position: 0px -66px;
}

.copyright_auth_ico_5 {
  background-position: -104px -66px;
}

.copyright_auth_ico_6 {
  background-image: url(../images/index_img/copyright_auth_ico_6.png);
  background-size: cover;
}

.wraps {
  position: absolute;
  height: 32px;
  overflow: hidden;

}

.txt-group {
  /* 单条高度32px，5条总高160px */
  animation: upMove 8s ease-in-out infinite;
}

/* 关键：分段时间：停顿+快速上滑切换 */
@keyframes upMove {

  /* 0~2.4s：停在第一条（海尔零嵌入冰箱） */
  0%,
  20% {
    transform: translateY(0px);
  }

  /* 20%~25%：快速上滑1条-32px（切换到冰箱） */
  25% {
    transform: translateY(-32px);
  }

  /* 25%~45%：停留冰箱 */
  25%,
  45% {
    transform: translateY(-32px);
  }

  /* 45%~50%：快速上滑到咖啡机-64px */
  50% {
    transform: translateY(-64px);
  }

  /* 50%~70%：停留咖啡机 */
  50%,
  70% {
    transform: translateY(-64px);
  }

  /*70%~75%：滑到复制的第一条，无缝循环*/
  75% {
    transform: translateY(-96px);
  }

  /*75%~100%停住，回到起点*/
  75%,
  100% {
    transform: translateY(-96px);
  }
}