:root {
  --commonColor: #2878ff;
}

@font-face {
  font-family: 'YouSheBiaoTi';
  src: url("https://img.jslink.com/FILE49d978349b5b4247b3f4a65a577f521c.ttf") format("truetype");
}

.m-banner .el-carousel__arrow:hover {
  background-color: #2878ff;
  background-color: var(--commonColor);
}

/*
* ±êìa
*/
.m-titlecomponent {
  margin: 30px 0 8px;
  overflow: hidden;
  zoom: 1;
}

.m-titlecomponent h3 {
  padding-bottom: 12px;
  font-size: 24px;
  line-height: 33px;
  color: #333;
  font-weight: normal;
  float: left;
  margin-right: 40px;
}

.m-titlecomponent ol {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.m-titlecomponent ol li {
  float: left;
  margin-right: 25px;
  line-height: 33px;
  color: #666;
  font-size: 18px;
  cursor: pointer;
  padding: 0 5px 12px;
  min-width: 66px;
  text-align: center;
}

.m-titlecomponent .fr {
  float: right;
  line-height: 33px;
  font-size: 18px;
}

.m-titlecomponent .fr a {
  color: #666;
}

.m-titlecomponent ol li.active,
.m-titlecomponent ol li:hover {
  border-bottom: 2px solid #2878ff;
  border-bottom: 2px solid var(--commonColor);
  color: #2878ff;
  color: var(--commonColor);
  background: url(../../img/index/tab_active.png) center bottom no-repeat;
}

/**
* ì?é??μμà
*/

.m-changsha {
  height: 210px;
  overflow: hidden;
}

.m-changsha a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.m-changsha a .m-tit {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translatey(-100%);
  -moz-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  -o-transform: translatey(-100%);
  transform: translatey(-100%);
  opacity: 0;
  visibility: hidden;
}

.m-mask0 {
  background: url(../../img/index/m-mask.png) 0 0 no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.m-changsha a:hover .m-tit {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.m-mask1 {
  background: url(../../img/index/m-mask1.png) 0 0 no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.m-mask2 {
  background: url(../../img/index/m-mask2.png) 0 0 no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.m-changsha a .m-tit h3 {
  position: relative;
  height: 33px;
  font-size: 24px;
  line-height: 33px;
  font-weight: normal;
  margin: 30px 0 32px 36px;
}

.m-changsha a .m-tit h3 s {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: -10px;
  background: url(../../img/index/bg3.png) 0 0 no-repeat;
  left: 0px;
}

.m-changsha a .m-tit p {
  text-align: left;
  margin-left: 36px;
  width: 110px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 12px;
  position: relative;
}

/**
  ?°ì¨·?àà
*/

.m-navemerge {
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.m-navemergebg {
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 202px;
  background: #f2f2f2;
  z-index: 1;
}

.m-navbar-bg {
  background: #fff;
  border-bottom: 2px solid #2878ff;
  border-bottom: 2px solid var(--commonColor);
  position: relative;
}

.m-categorys h2 {
  text-align: left;
  padding: 0 24px 0 54px;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  background: url(../../img/classification.png) 24px center no-repeat;
}

.m-categorys {
  float: left;
  width: 220px;
  height: 40px;
  background: #2878ff;
  background: var(--commonColor);
  position: relative;
  z-index: 300;
  border-radius: 6px 6px 0px 0px;
}

.m-navbar-menu {
  /* overflow: auto; */
  /* margin-left: 240px; */
  display: flex;
}

.m-navbar-menu>li {
  white-space: nowrap;
}

.m-navbar-menu>li .marketing-logo-box {
  display: inline-block;
  height: 100%;
  width: 12px;
  position: relative;
  vertical-align: middle;
}

.m-navbar-menu .marketing-logo-box img {
  position: absolute;
  transform: translateX(100%);
  max-width: none;
}

.m-navbar-menu .marketing-logo-box .hot {
  top: -2px;
  right: 12px;
}

.m-navbar-menu .marketing-logo-box .fire {
  top: -11px;
  right: 24px;
}

.m-navbar-menu .marketing-logo-box .orange {

  top: -7px;
  right: 12px;
}

.m-navbar-menu .marketing-logo-box .percent {
  top: -14px;
  right: 31px;
}

.m-navbar li a {
  display: inline-block;
  color: #32404c;
  /* padding: 0 20px; */
  transition: background 0.2s;
  text-decoration: none;
}

.m-navbar li:hover a,
.m-navbar li.active a {
  color: #2878ff;
  color: var(--commonColor);
}

.m-navbar li {
  float: left;
  font-size: 16px;
  position: relative;
  line-height: 40px;
  margin-left: 30px;
  font-weight: 600;
  position: relative;
}

.m-categorys .m-prudaltc {
  display: none;
}

.m-idx .m-prudaltc {
  display: block;
}

.m-categorys.m_aretive .m-prudaltc {
  display: block;
}

.m-prudaltc {
  position: absolute;
  top: 40px;
  left: 0;
  width: 220px;
  height: 502px;
  border-top: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F151515', endColorstr='#7F151515');
  background: rgba(21, 21, 21, 0.5);
}

.m-prudaltc>ul {
  padding: 8px 0;
  max-height: 502px;
  overflow-y: auto;
  scrollbar-width: none;
}

.m-prudaltc>ul::-webkit-scrollbar {
  width: 0 !important
}

.m-prudaltc>ul {
  -ms-overflow-style: none;
}

.m-prudaltc>ul {
  overflow: -moz-scrollbars-none;
}

.m-prudaltc ul li {
  *zoom: 1;
  border-left: 2px solid transparent;
  height: 29px;
  line-height: 29px;
}

.m-prudaltc .m-pctreedl {
  position: relative;
  padding-left: 2px;
  margin: 0 8px;
}

.m-prudaltc .m-pctreedl dt {
  font-size: 14px;
  font-weight: normal;
  margin-left: 1px;
  overflow: hidden;
  padding-left: 12px;
  position: relative;
}

.m-prudaltc .m-pctreedl dt a {
  float: left;
  white-space: nowrap;
  color: #fff;
  width: 100%;
  text-overflow: ellipsis;
  overflow: inherit;
  text-align: left;
  line-height: 29px;
}

.m-prudaltc .m-pctreedl .line {
  background-image: url(../../img/index.png);
  background-position: 0px -150px;
  width: 8px;
  height: 15px;
  position: absolute;
  display: block;
  right: 15px;
  top: 6px;
  width: 12px;
  height: 14px;
  margin: 0;
  padding-bottom: 0;
  z-index: 2;
}

/*?t??·?àà*/
.m-prudaltc li:hover {
  border-left: 2px solid #000;
  padding-left: 0;
  background: #fff;
  z-index: 2;
}

.m-prudaltc li:hover a {
  color: #333;
}

.m-prudaltc .m-twotc {
  position: absolute;
  left: 219px;
  top: 1px;
  width: 980px;
  height: 501.5px;
  border-right: 1px solid #f2f2f2;
  margin-left: 1px;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #2878ff;
  border-top: 1px solid var(--commonColor);
  background: #fff;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.m-prudaltc .m-twolt {
  float: left;
  padding: 5px 27px 13px 5px;
  width: 758px;
  overflow: hidden;
  min-height: 447px;
}

.m-prudaltc li:hover .m-twotc,
.m-prudaltc li:hover .line {
  display: block;
}

.m-prudaltc .m-twolt dl {
  padding: 3px 0;
  overflow: hidden;
}

.m-prudaltc .m-twolt dl.first {
  border: none;
}

.m-prudaltc .m-twolt dt {
  float: left;
  width: 110px;
  height: 22px;
  overflow: hidden;
  margin-right: 8px;
  position: relative;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 2px;
}

.m-prudaltc .m-twolt dt a {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  width: 180px;
  padding-left: 20px;
  display: block;
  text-align: left;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.icocategroy-next-white {
  width: 5px;
  height: 9px;
  position: absolute;
  margin-left: 5px;
  background-image: url("../../img/index.png");
  background-position: -204px -46px;
  width: 5px;
  height: 9px;
  right: 5px;
  top: 50%;
  margin-top: -4.5px;
}

.m-prudaltc .m-twolt dd {
  float: left;
  width: 595px;
  overflow: hidden;
  /*border-bottom: 1px solid #EDEDED;*/
  padding-bottom: 5px;
}

.m-prudaltc .m-twolt dl:last-child dd {
  border: none;
}

.m-prudaltc .m-twolt dd a {
  float: left;
  white-space: nowrap;
  line-height: 18px;
  height: 18px;
  /*     margin-bottom: 9px;
 */
  padding: 0 9px;
  color: #666;
  font-size: 12px;
  margin-top: 3px;
  border-left: 1px solid #ededed;
}

.m-prudaltc .m-twolt dd a:hover {
  color: #2878ff;
  color: var(--commonColor);
}

.m-prudaltc .m-twobrand {
  overflow: hidden;
}

.m-prudaltc .m-twobrand span {
  float: left;
  width: 89px;
  height: 44px;
  margin-bottom: 2px;
  margin-right: 2px;
  overflow: hidden;
}

.m-prudaltc .m-twobrand img {
  margin-bottom: 2px;
  /** height: 44px; **/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

.m-prudaltc .m-twort {
  position: relative;
  z-index: 2;
  float: right;
  width: 202px;
  padding: 20px 10px 0;
  margin-left: -1px;
  min-height: 500px;
  background: #f2f2f2;
}

.m-prudaltc .m-twobrand span:hover img {
  -webkit-transform: translatex(-3px);
  transform: translatex(-3px);
}

.m-prudaltc .m-twbrad {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.m-prudaltc .m-twbrad img {
  width: 100%;
  margin-bottom: 10px;
}

.m-prudaltc .m-twbrad:hover {
  -webkit-transform: translatex(-5px);
  transform: translatex(-5px);
}

/**每日精选**/
.m-dailyselection .tns-item {
  float: left;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

.swiper-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.conten {
  overflow: hidden;
}

.m-dailyselection #tns1-iw {
  margin: 0;
  margin-left: -10px !important;
  overflow: hidden;
  zoom: 1;
}

/* .m-dailyselection #tns1 > .tns-item {
   padding: 0px;
} */

.swiper-box .tns-controls button {
  width: 28px;
  height: 60px;
  text-indent: -999999px;
  border: none !important;
  background: url(/static/frontshow/images/right.png) -0px -0px no-repeat #000;
  opacity: 0.1;
  filter: alpha(opacity=10);
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 11;
  position: absolute;
  top: 50%;
  margin-top: -30px;
}

.swiper-box .tns-controls button:first-of-type {
  left: 0;
  background-image: url("../../img/left.png");
}

.swiper-box .tns-controls button:last-of-type {
  right: 0;
  background-image: url("../../img/right.png");
}

.swiper-box {
  position: relative;
  overflow: hidden;
}

#tns1>.tns-item {
  float: left;
}

.tns-item img {
  width: 100%;
  height: 100%;
}

.m-dailyselection {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}

.m-dailyselection .owl-carousel {
  /* // margin-left: -20px; */
  overflow: hidden;
}

.m-dailyselection .m-itme {
  float: left;
  /* // width: 285px; */
  width: 100%;
  height: 380px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(215, 214, 214, 0.5);
  margin-left: 10px;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.m-dailyselection .m-itme:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.m-dailyselection .m-itme .m-img {
  width: 210px;
  height: 210px;
  overflow: hidden;
  margin: 40px auto 0;
}

.m-dailyselection .m-itme .m-price {
  color: #ea413c;
  font-size: 18px;
  text-align: center;
  margin: 10px 23px 5px;
}

.m-dailyselection .m-itme .m-price span {
  font-size: 12px;
}

.m-dailyselection .m-itme .tit {
  margin: 0 23px;
  text-align: center;
}

.m-dailyselection .m-itme a {
  display: block;
}

.m-dailyselection .m-itme .tit h2 {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  line-height: 30px;
  height: 30px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.m-dailyselection .m-itme .tit p {
  color: #999;
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 20px;
}

.m-dailyselection .m-itme .btn {
  display: block;
  width: 110px;
  height: 33px;
  padding: 0 13px;
  line-height: 33px;
  margin: 0 auto;
  border: 1px dashed #cccccc;
  text-align: center;
  margin-top: 10px;
  color: #00afec;
}

.m-dailyselection .m-itme .btn:hover {
  border: 1px dashed #00afec;
}

.m-dailyselection .owl-carousel .owl-item {
  padding-bottom: 5px;
  float: left;
}

.m-dailyselection .owl-theme .owl-buttons .owl-prev {
  left: 20px;
}

/**每日精选end**/

/**2????2??2?·??ùê?start**/
.floor-title {
  text-align: center;
  position: relative;
  margin: 28px 0;
}

.floor-title span {
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  width: 498px;
  height: 13px;
  background: url("../../img/index/pic-titlepic.png") no-repeat;
}

.floor-title i {
  height: 28px;
  font-size: 28px;
  color: #2878ff;
  color: var(--commonColor);
}

.floor-title i s {
  display: inline-block;
  height: 32px;
  width: 32px;
  background: url("../../img/index/like-title.png") 0 center no-repeat;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 8px;
}

.fl-line {
  left: 0;
}

.fr-line {
  right: 0;
}

.yuo-like {
  width: 100% !important;
  padding-top: 0;
  margin-left: 0px;
}

.yuo-like li {
  padding: 0 !important;
  width: 19.2% !important;
  margin-right: 1% !important;
}

.yuo-like li.f-rm-mar {
  margin-right: 0 !important;
}

.yuo-like li a {
  display: block;
}

.yuo-like .m-price {
  display: block;
  width: 175px;
  margin: 0 auto;
}

.yuo-like .tit,
.yuo-like .m-price {
  text-align: left;
}

.f-rm-mar {
  margin-right: 0 !important;
}

/**2????2??2?·??ùê?end**/

/****

logo and search
**/

.m-search-box {
  position: relative;
}

.m-search-type-select {
  float: left;
  width: 70px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-search-box .m-search-type-select .el-input {
  border-right: 1px solid #F2F0F0;
}

.m-search-box .m-search-type-select .el-input .el-input__inner {
  border: none;
  padding: 0 0 0 16px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #333333;
}

.m-search-box .m-search-type-select .el-input .el-input__suffix {
  right: 3px;
}

.m-search-box .m-search-type-select .el-input .el-input__suffix .el-input__icon {
  line-height: 24px;
}

.m-search-box .m-search-type-select .el-input .el-select__caret {
  font-size: 12px;
}

.m-association {
  width: 448px;
  position: absolute;
  background: #fff;
  top: 38px;
  border: 1px solid #e6e6e6;
  left: -2px;

  z-index: 999;
}

.m-association li {
  cursor: pointer;
  padding: 0 11px;
  line-height: 30px;
}

.m-association li:hover {
  background: #f5f5f5;
}

.m-nodata {
  padding: 20px;
  color: #999;
  text-align: center;
}

.delete-item {
  cursor: pointer;
}

.delete-item i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../../img/delete.png) no-repeat;
}

.delete-item:hover i {
  background-position: 0px -22px;
}

.m-head {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.m-logo {
  display: flex;
  height: 50px;
  margin: 28px 60px 29px 0;
  width: auto;
  max-width: 342px;
  min-width: 262px;
}

.m-logo a {
  height: 50px;
}

.m-logo img {
  cursor: pointer;
  height: 50px;
  object-fit: contain;
}

/*???÷*/
.m-search {
  border: 2px solid #2878ff;
  border: 2px solid var(--commonColor);
  margin: 28px 16px 0 0;
  display: inline;
  height: 40px;
  border-radius: 6px;
  background-color: #fff;
}

.m-search-box {
  zoom: 1;
}

.m-search-input {
  width: 440px;
  font-size: 12px;
  height: 35px;
  margin-top: 1px;
  float: left;
  border-radius: 6px;
  padding: 7px 10px;
  border: none;
  border-right: none;
}

.m-search-btn {
  float: right;
  width: 92px;
  height: 36px;
  border: none;
  background: #2878ff;
  background: var(--commonColor);
  border-radius: 0;
  padding: 0;
  transition: background 0.2s;
  text-align: center;
  letter-spacing: 4px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 36px;
  text-decoration: none;
  cursor: pointer;
}

/*1o??3μ*/
.m-topcart {
  margin: 28px 0 0 auto;
  position: relative;
  z-index: 998;
}

.m-topcart-dropdown {
  display: block;
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  color: #2878ff;
  color: var(--commonColor);
  text-align: center;
  border: 1px solid #2878ff;
  border: 1px solid var(--commonColor);
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
}

.m-topcart-dropdown:hover {
  color: #2878ff;
  color: var(--commonColor);
}

.mro-topcart {
  color: #fccc01;
  border: 1px solid #fccc01;
}

.mro-topcart:hover {
  color: #fccc01;
}

.dls-topcart {
  color: #cf152d;
  border: 1px solid #cf152d;
}

.dls-topcart:hover {
  color: #cf152d;
}


.m-topcart .dropdown-cart-menu {
  display: block;
  visibility: hidden;
  min-width: 100%;
  opacity: 0;
  min-width: 290px;
  background: #fff;
  border: 1px solid #eee;
  border-top: 2px solid #2878ff;
  border-top: 2px solid var(--commonColor);
  transform: translatey(10px);
  transition: all 0.3s;
  position: absolute;
  right: 0;
  top: 35px;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  z-index: 900;
}

.m-topcart-dropdown .y_rcatsize {
  display: inline-block;
  padding: 0 4px;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  margin-left: 4px;
  color: #fff;
  background: #ea413c;
  border-radius: 9px;
  font-size: 12px;
}

.m-topcart .svg-icon-gouwuche {
  scale: 0.9;
  vertical-align: -0.25em;
}

.m-topcart .cart-menu-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../../img/m-gouwuche.png) no-repeat;
  vertical-align: middle;
  margin: 0 5px 5px 0;
}

.m-search-hot {
  text-align: left;
  clear: both;
  line-height: 18px;
  padding-top: 7px;
  width: 537px;
}

.m-search-hot a {
  margin-right: 15px;
}

/*购物车下拉框*/
.m-topcart .dropdown-cart-menu .m-detailshtml {
  padding: 15px;
  overflow-y: auto;
  max-height: 324px;
}

.m-dropdowncartbottom {
  padding: 0 15px;
  overflow: hidden;
  zoom: 1;
}

.m-topcart .dropdown-cart-total {
  float: left;
  margin-top: 5px;
  width: 140px;
}

.m-topcart .dropdown-cart-total li {
  font-weight: normal;
  font-size: 12px;
  line-height: 28px;
  color: #ff4349;
  margin-bottom: 5px;
}

.m-topcart .dropdown-cart-total li .dropdown-cart-total-title {
  text-transform: uppercase;
  color: #575a59;
  margin-right: 4px;
}

.m-topcart .dropdown-cart-action {
  float: right;
  margin-top: 7px;
}

.m-topcart .dropdown-cart-action>p {
  margin-bottom: 3px;
  width: 100px;
}

.m-topcart .dropdown-cart-action>p a {
  width: 100%;
  text-align: center;
  height: 34px;
  line-height: 34px;
  padding: 0px;
}

.m-topcart .dropdown-cart-product-list {
  margin-bottom: 5px;
  list-style-type: none;
}

.m-topcart .dropdown-cart-product-list li {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.m-topcart .dropdown-cart-product-list .delete-item {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  color: #828886;
  font-weight: 300;
}

.m-topcart .dropdown-cart-product-list .y_cartpic {
  width: 60px;
  float: left;
  margin-right: 15px;
  height: 60px;
  overflow: hidden;
}

.m-topcart .dropdown-cart-product-list .y_cartpic img {
  width: 60px;
  height: 60px;
}

.m-topcart .dropdown-cart-product-list .dropdown-cart-details {
  float: left;
  width: 140px;
  padding-right: 20px;
}

.m-topcart .dropdown-cart-product-list .item-name {
  line-height: 18px;
  height: 36px;
  margin-bottom: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.m-topcart .dropdown-cart-product-list .item-price {
  font-size: 12px;
  color: #ff4349;
  font-weight: bold;
  padding-left: 1px;
}

.m-topcart:hover .dropdown-cart-menu {
  visibility: visible;
  opacity: 1;
  transform: translatey(0px);
}

/*******
  ?￥2?×é?t
  
  ****/

.m-topbar {
  height: 30px;
  background: #f2f2f2;
  border-bottom: 1px solid #eee;
  line-height: 30px;
}

.m-topbar b {
  font-weight: normal;
  margin-right: 35px;
}

.m-topbar .login-link {
  color: #666;
  padding: 0 7px;
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
}

.m-topbar a:hover {
  color: #2878ff;
  color: var(--commonColor);
  background: #f2f2f2;
}

.m-topbar .login-link.blue {
  color: #2878ff;
  color: var(--commonColor);
}

.blue {
  color: #14b7ee;
}

/**/
.m-topbar .tb-item {
  float: left;
  height: 30px;
  position: relative;
  cursor: pointer;
  z-index: 999;
  padding-left: 4px;
}

.iconfont {
  display: inline-block;
  width: 12px;
  height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.index-toparrow {
  background: url(../../img/dropdown.png) center no-repeat;
  width: 7px;
  height: 5px;
}

.m-headdropdown {
  background: #fff;
  width: 72px;
  position: absolute;
  top: 29px;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #dddddd;
  overflow: hidden;
  zoom: 1;
  /* padding: 0px; */
  -webkit-transform: translatey(-10px);
  transform: translatey(-10px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 0 8px 3px #d9d9d9;
}

.m-headdropdown.m-lt {
  right: 0px;
}

.m-headdropdown .fl {
  width: 100%;
  line-height: 28px;
  float: left;
  text-align: center;
}

.m-headdropdown .fr {
  float: right;
}

.m-headdropdown .fr a,
.m-headdropdown .fl a {
  display: block;
}

.m-topbar .tbitem:hover .login-link {
  background: #fff;
  padding: 0 6px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  position: relative;
  z-index: 9;
}

.m-topbar .tbitem:hover .m-headdropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.m-headdropdown.m-collection {
  width: 170px;
}

.m-headdropdown.m-collection .m-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 auto;
}

.new-headdropdown {
  position: absolute;
  top: 29px;
  left: 4px;
  width: auto;
}

.m-headdropdown.m-collection .m-img img {
  width: 100%;
}

.m-headdropdown.m-collection p {
  text-align: center;
  color: #666;
  margin-top: 10px;
}

.m-topbar .login-link.blue {
  color: #2878ff;
  color: var(--commonColor);
}

/*
*
*
*Dü??μ????ò
*
*/
.ind-container {
  position: absolute;
  top: 18px;
  z-index: 50;
  left: 50%;
  margin-left: 420px;
}

/* .ind-container{
  top: 20px;
} */
.m-suspensionlogon {
  background: #fff;
  width: 180px;
  height: 460px;
  float: right;
}

.m-headimg span {
  width: 52px;
  height: 52px;
  margin: 9px auto 15px;
  overflow: hidden;
  display: block;
}

.m-headimg a,
.m-welcome a {
  display: block;
}

.m-welcome {
  text-align: center;
  color: #333333;
  font-size: 12px;
  padding: 0 10px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.m-welcome a {
  color: #333;
}

.m-suspensionlogon .m_btnbox {
  padding: 12px 0 15px;
  overflow: hidden;
  zoom: 1;
}

.m-suspensionlogon .m_btnbox a {
  width: 76px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  margin-left: 9px;
  border-radius: 0px;
  float: left;
  background-color: #2878ff;
  background-color: var(--commonColor);
  border-color: #2878ff;
  border-color: var(--commonColor);
}

.m-suspensionlogon .m_btnboxsignout .m-btn {
  color: #999;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  width: 60px;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  text-align: center;
  border-radius: 20px;
  margin: 0 auto;
  float: none;
  display: block;
  font-weight: normal;
  cursor: pointer;
}

.m-expresslane ol {
  overflow: hidden;
  zoom: 1;
  border-bottom: 1px solid #e0e0e0;
}

.m-expresslane li {
  position: relative;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  float: left;
  width: 33.33%;
  padding: 0 0 8px 0;
  margin-left: -1px;
}

.m-expresslane li p {
  height: 20px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
}

.m-expresslane li a {
  display: block;
  color: #969696;
}

.m-expresslane li a:hover {
  color: #f18100;
}

.m-expresslane li s {
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin: 7px auto 7px;
  line-height: 25px;
  text-align: center;
}

.m-expresslane .hjly-expresslane {
  overflow: visible;
}

.js2 .m-expresslane .hjly-expresslane li img {
  width: 24px !important;
}

.m-notice .m-noticetab {
  overflow: hidden;
  zoom: 1;
  padding: 0 7px;
  margin-top: 4px;
}

.m-notice .m-noticetab span {
  cursor: pointer;
  float: left;
  margin-right: 10px;
  line-height: 28px;
  height: 28px;
  color: #333;
}

.m-notice .m-noticetab span.active {
  border-bottom: 2px solid #2878ff;
  border-bottom: 2px solid var(--commonColor);
}

.m-notice .m-noticetab a {
  float: right;
  line-height: 28px;
  color: #333;
  height: 28px;
}

.m-notice .m-noticelistbox {
  margin-top: 10px;
  padding: 0 10px;
}

.m-notice .m-noticelistbox p {
  color: #666;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.m-notice .m-noticelistbox p a {
  color: #999;
}

.m-notice .m-noticelistbox p a:hover {
  color: #2878ff;
  color: var(--commonColor);
}

.floor-title.guessyoulike-tit i {
  color: #2878ff;
  color: var(--commonColor);
}

.floor-title.guessyoulike-tit i s {
  display: inline-block;
  height: 32px;
  width: 32px;
  background: url(/static/frontshow/images/demo/guessyoulike-tit.png) 0 center no-repeat;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 8px;
}

/***********************/

/********* ??2￥1???**************/

.m-banner .el-carousel__container {
  height: 500px !important;
}

.m-bannerslider {
  /* height: 500px; */
  position: relative;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
  overflow: hidden;
}

.m-banner {
  width: 100%;
  /* height: 500px; */
  position: relative;
  overflow: hidden;
}

el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.m-link {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/**èy?￥?·??áD±í2?·??ùê?start**/

.m-floorbrand {
  background: #fff;
  height: 100px;
  margin-bottom: 12px;
  margin-top: 24px;
}

.m-floorbrand ol {
  overflow: hidden;
  zoom: 1;
}

.m-floorbrand ol li {
  float: left;
  margin: 22px 0 22px 31px;
}

.m-floorbrand ol li a {
  width: 114px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.m-floorbrand ol li a img {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  width: 100%;
}

.m-floorbrand ol li a:hover img {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/**èy?￥?·??áD±í2?·??ùê?end**/

/*******μ×2?á??ó********/

.m-footer {
  padding: 18px 0;
}

.m-footer p {
  line-height: 24px;
  color: #999;
  text-align: center;
}

.m-footer .p1 a {
  color: #999;
  font-size: 12px;
}

.m-footer .p1 b {
  font-size: 12px;
  color: #999;
  padding: 0 12px;
}

.m-footer .p2 a {
  margin: 0 5px;
}

/*******μ×2?á??ó end********/

/*μ×2?·t??±￡??×é?t*/
.bottom_promise {
  padding: 34px 0;
  overflow: hidden;
}

.bottom_promise s {
  float: left;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-right: 10px;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.bottom_promise s img {
  width: 100%;
  height: 100%;
}

.bottom_promise p {
  float: left;
  max-width: 200px;
  font-size: 18px;
  color: #333;
  line-height: 32px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bottom_promise:hover s,
.bottom_promise:hover p {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.bottom_promise:hover p {
  color: #14b7ee;
}

.bottom_promise a {
  cursor: default;
}

/*μ×2?·t??±￡??×é?t*/

/** 2à±?à? **/

/*?ó???D*/
.m-loading {
  text-indent: -999999px;
  font-size: 0;
  background-color: #fff;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 12;
  text-align: center;
  visibility: visible;
  opacity: 1;
  transition-duration: 300ms;
}

.m-loading:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
  -webkit-animation: rotate_360 1s linear infinite;
  animation: rotate_360 1s linear infinite;
  border: solid 2px transparent;
  border-top: solid 2px #409eff;
  border-right: solid 2px #409eff;
  border-radius: 100%;
  height: 30px;
  width: 30px;
}

.sideedge {
  font-size: 16px;
}

.aside {
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.aside img {
  width: 100%;
  height: 100%;
}

.aside-left {
  width: 35px;
  height: 100%;
  float: right;
  background: #000;
  position: relative;
}

.aside-left .close {
  width: 100%;
  height: 35px;
  background: url("../../img/cart/close1.png") no-repeat;
  cursor: pointer;
}

.aside-left .close:hover {
  background: url("../../img/cart/close2.png") no-repeat;
}

.the-cart .men {
  width: 100%;
  height: 30px;
  display: block;
  cursor: pointer;
  background: url("../../img/cart/man2.png") center no-repeat;
  position: absolute;
  top: 82px;
}

.the-cart .men:hover .heard-box {
  display: block;
}

.the-cart .men:hover {
  background: url("../../img/cart/man1.png") center no-repeat;
  background-color: #14b7ee;
}

/** í·?à?ò2?·?start  **/
.the-cart .heard-box {
  width: 280px;
  min-height: 131px;
  background: #fff;
  box-shadow: -2px 0px 10px -1px #a9a9a9;
  position: absolute;
  left: -280px;
  top: -50px;
  padding-left: 21px;
  padding-top: 33px;
  display: none;
}

.heard-box .heard-img {
  width: 60px;
  height: 60px;
  float: left;
  border-radius: 50%;
}

.heard-box .heard-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.heard-box .heard-name {
  float: left;
  text-align: left;
  margin-left: 13px;
  margin-top: 12px;
}

.heard-name p span:hover {
  color: #14b7ee;
}

.heard-name b {
  font-size: 12px;
  font-weight: normal;
}

.heard-name b a {
  color: #14b7ee;
}

/** í·?à?ò2?·? end**/
/** ×ó2àò?è?μˉ3?í·?à?ò2?·?end  **/

/** 1o??3μí?±ê2?·?start **/

.the-cart .cart {
  width: 100%;
  display: block;
  padding: 20px 0;
  cursor: pointer;
  position: absolute;
  top: 112px;
  text-align: center;
}

.the-cart .cart:hover {
  background: #14b7ee;
}

.the-cart .cart b {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../img/cart/index.png") no-repeat;
  background-position: -150px -45px;
  text-align: center;
}

.the-cart .cart p {
  color: #fff;
  text-align: center;
}

.the-cart .cart i {
  display: inline-block;
  padding: 0 5px;
  height: 15px;
  min-width: 20px;
  line-height: 16px;
  color: #fff;
  background: #14b7ee;
  border-radius: 30%;
}

/**  1o??3μí?±ê2?·?end**/

/**   ·t????í?±ê2?·?**/

.the-serve {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.the-serve span {
  display: block;
  width: 100%;
  height: 20px;
  padding: 10px 0;
  margin: 10px 0;
  cursor: pointer;
  position: relative;
}

.the-serve span i:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #ff4349;
  z-index: 88;
}

.the-serve span i {
  display: none;
}

.serve1 i,
.serve2 i,
.serve3 i,
.serve4 i,
.serve5 i,
.serve6 i {
  position: absolute;
  right: 40px;
  top: -3px;
  padding: 5px 10px;
  background: #ff4349;
  color: #fff;
  white-space: nowrap;
}

.serve1:hover i,
.serve2:hover i,
.serve3:hover i,
.serve4:hover i,
.serve5:hover i,
.serve6:hover i {
  display: block;
}

.the-serve .serve1 {
  background: url("../../img/cart/serve.png") center no-repeat;
}

.the-serve .serve2 {
  background: url("../../img/cart/ma.png") center no-repeat;
}

.the-serve .serve3 {
  background: url("../../img/cart/sign.png") center no-repeat;
}

.the-serve .serve4 {
  background: url("../../img/cart/the-top.png") center no-repeat;
}

.aside-right {
  width: 300px;
  height: 100%;
  float: right;
  background: #fff;
  padding-top: 28px;

  position: relative;
  visibility: visible;
  z-index: 2;
}

.aside-right .ifBox {
  width: 100%;
  height: 100%;
  padding-bottom: 88px;
  position: relative;
}

.aside-right .right-title {
  height: 28px;
  width: 300px;
  line-height: 28px;
  text-align: left;
  background: #e6e6e6;
  padding: 0 20px 0 15px;
  position: fixed;
  top: 0;
}

.right-title label {
  cursor: pointer;
  font-weight: normal;
  margin: 0;
}

.right-title label span {
  margin-right: 6px;
}

.right-title a {
  float: right;
  color: #969696;
}

.right-title a:hover {
  color: #00afec;
}

.auto-box {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  /** padding-top: 5px; **/
}

.merchant {
  height: 30px;
  line-height: 30px;
  text-align: left;
  padding: 0 15px;
  padding-right: 0;
}

.merchant label {
  float: left;
  width: 244px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  text-overflow: ellipsis;
  border-bottom: 1px solid #e6e6e6;
}

.merchant span {
  float: left;
  margin-right: 8px;
  margin-top: 8px;
}

.product-list {
  width: 100%;
  overflow: hidden;
}

.product-list li {
  /* padding: 15px; */
  overflow: hidden;
  position: relative;
}

.product-list li:hover .list-del {
  display: block;
}

.list-del {
  width: 12px;
  height: 12px;
  color: #fff;
  text-align: center;
  line-height: 14px;
  border-radius: 50%;
  background-color: #cccccc;
  position: absolute;
  top: 10px;
  right: 5px;
  cursor: pointer;
  display: none;
}

.list-del:hover {
  background-color: #14b7ee;
}

.product-list .countent-box {
  width: 100%;
  height: 80px;
  overflow: hidden;
}

.product-list .countent-box .checked {
  float: left;
  margin-top: 33px;
}

.product-list .coun-nr {
  display: inline-block;
  width: 230px;
  height: 100%;
  margin-left: 8px;
}

.product-list .coun-nr .img-box {
  width: 80px;
  height: 80px;
  float: left;
}

.product-list .coun-nr .the-text {
  float: right;
  width: 140px;
  height: 35px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.img-box,
.the-text {
  cursor: pointer;
}

.product-list .coun-nr .list-pice {
  float: right;
  width: 140px;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}

.list-pice .now-num {
  float: left;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.list-pice .now-num span {
  padding: 0 5px;
  height: 25px;
  display: inline-block;
  font-size: 14px;
  text-align: center;
}

.list-pice .now-pice {
  float: right;
}

.now-num s {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background: #ccc;
  text-align: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.now-num s:hover {
  background: #14b7ee;
}

/** ????°′?￥start  **/
.pay-ment {
  width: 100%;
  padding: 8px 15px 15px;
  color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #dedede;
  z-index: 2;
}

.pay-ment p {
  overflow: hidden;
}

.pay-ment>span {
  text-align: center;
}

.pay-ment .btn {
  width: 100%;
  margin-top: 10px;
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
}

.color-red {
  color: #ff4349;
}

.color-org {
  color: #fff;
  border-color: #edba65;
  background: #edba65;
}

.nodata {
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
}

.nodata p {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  margin-top: 200px;
}

.nodata p span {
  color: #ea413c;
  cursor: pointer;
}

/*
*
*
*???í?á
*ê×ò3???íμ??·
*
*/

.m-distributionto s {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../img/Location.png) 0 0 no-repeat;
  vertical-align: middle;
}

.m-distributionto i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../../img/dropdown.png) center no-repeat;
  vertical-align: middle;
}

.m_sendareabx .m-distributionto {
  line-height: 30px;
  display: block;
  margin-right: 0;
}

.m-distributionto .m_areasure {
  cursor: pointer;
  padding: 0 11px;
  font-weight: normal;
  margin-bottom: 0px;
}

.m_sendarea {
  position: relative;
  z-index: 400;
}

.m_sendarea.m_aretive .m_areasure {
  background: #fff;
  padding: 0 10px;
  z-index: 9;
  display: inline-block;
  position: relative;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

.m_sendarea.m_aretive .m-distributionto i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.m_sendareabx {
  margin-right: 20px;
}

.m_sendarea .m_areabox .m_arelose {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  right: -10px;
  top: -10px;
  cursor: pointer;
  color: #fff;
  font-weight: normal;
  background: #aaa;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.m_sendareabx .m_areabox {
  position: absolute;
  width: 613px;
  border: 1px solid #e2e2e2;
  background: #fff;
  z-index: 5;
  min-height: 185px;
  box-sizing: border-box;
  padding: 16px 0 10px;
  top: 29px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.m_sendarea.m_aretive .m_areabox {
  opacity: 1;
  visibility: visible;
  top: 29px;
}

.m_areabox .area-list {
  overflow: hidden;
  zoom: 1;
}

.m_areabox .area-list li {
  float: left;
  min-width: 80px;
  padding: 2px 0 2px 15px;
  clear: none;
  line-height: 20px;
}

.m_areabox .area-list li span {
  float: left;
  padding: 2px 4px;
  text-decoration: none;
  cursor: pointer;
}

.area-list li span:hover {
  background: #ff9a1f;
  color: #fff;
}

.m_areabox .mt {
  width: 100%;
  height: 25px;
  border-bottom: 1px solid #edd28b;
  margin-bottom: 5px;
  padding: 0 18px;
  overflow: visible;
}

.m_areabox .mt ul {
  overflow: hidden;
  zoom: 1;
}

.m_areabox .mt li {
  float: left;
  padding: 0;
}

.m_areabox .tab span {
  position: relative;
  text-decoration: none;
  float: left;
  height: 23px;
  line-height: 23px;
  padding: 0 21px 1px 11px;
  margin-right: 3px;
  border: 1px solid #ddd;
  border-bottom: 0;
  color: #ccc;
  text-align: center;
  cursor: pointer;
}

.m_areabox .tab li.hover span {
  height: 25px;
  background-color: #fff;
  border: 1px solid #ff9a1f;
  border-bottom: 0;
  padding: 0 20px 0 10px;
  line-height: 22px;
  text-decoration: none;
  color: #000;
}

.m_sendarea .y_arelose {
  color: #dedede;
  font-size: 28px;
  font-weight: 100;
  position: absolute;
  top: 5px;
  right: 30px;
  cursor: pointer;
  z-index: 99;
}

/*****ad****/

.m-bannerad {
  width: 100%;
  margin-top: 20px;
  height: 100px;
  overflow: hidden;
}

.m-bannerad-mro {
  width: 100%;
  margin-top: 20px;
  height: 440px;
  overflow: hidden;
  position: relative;
}

.z-smalltic-mro {
  width: 48px;
  height: 210px;
  background: #262E37;
  opacity: 0.8;
  border-radius: 0px 20px 20px 0px;
  position: absolute;
  left: 0;
  top: 115px;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-align: center;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  cursor: default;
}

.checked {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 2px;
  vertical-align: middle;
  margin-bottom: 2px;
}

/** 右侧导航 **/

.fixleft {
  display: none;
}

.fixleft.m_fixshow {
  display: block;
}

.rt-nav {
  background: #fff;
  width: 48px;
  position: fixed;
  left: 50%;
  margin-left: -665px;
  top: 50%;
  margin-top: -10%;
  z-index: 99;
}

.rt-nav .m-ol {
  overflow: hidden;
  -webkit-box-shadow: 0 0 8px 3px #d9d9d9;
  -moz-box-shadow: 0 0 8px 3px #d9d9d9;
  box-shadow: 0 0 8px 3px #d9d9d9;
}

.rt-nav li,
.rt-nav .m-backtop,
.rt-nav .m-service {
  line-height: 18px;
  padding: 6px 10px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  color: #666;
  text-align: center;
  border-top: 1px solid #eee;
}

.rt-nav li a {
  color: #666;
}

.rt-nav li a:hover {
  color: #2878ff;
  color: var(--commonColor);
}

.rt-nav li.active {
  background: #2878ff;
  background: var(--commonColor);
  color: #fff;
}

.rt-nav li.active a {
  color: #fff;
}

.rt-nav .m-backtop {
  padding: 3px 0;
  line-height: normal;
  color: #2878ff;
  color: var(--commonColor);
}

.rt-nav .m-backtop s {
  display: block;
  height: 22px;
  width: 22px;
  margin: 0px auto 3px;
  background: url(../../img/backtothetop.png) center no-repeat;
}

/******?????? ??????*****/

.pages /deep/.m-search {
  border: 2px solid #4d4d4d;
}

.pages /deep/ .m-search-btn {
  background: #4d4d4d;
}

.pages/deep/ .z-prudaltc {
  display: block;
}

.z-prudaltc ul li s.z-store {
  background: url(../../img/mrochannel/store.png) no-repeat;
}

.z-prudaltc .z-prudaltc-menu>li:nth-child(2n-1) {
  background: #156190;
}

.z-navbar ul {
  overflow: hidden;
  zoom: 1;
}

.z-navbar ul li:first-child {
  margin-left: 42px;
}

.z-navbar ul li {
  float: left;
  font-size: 16px;
  line-height: 40px;
  font-weight: 600;
  margin-right: 56px;
}

.z-navbar ul li a {
  display: inline-block;
  padding: 0 10px;
  color: #333333;
}

.z-navbar ul li.active a {
  color: #0097e0;
}

.z-box {
  width: 100%;
  margin-left: 230px;
  overflow: hidden;
  position: relative;
}

.z-box-img {
  padding: 0;
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.z-box-img/deep/ .ind-container {
  display: none;
}

.z-bannerslider {
  position: relative;
  height: 370px;
  overflow: hidden;
}

.z-bannerslider .hd ul {
  position: absolute;
  z-index: 10;
  bottom: 14px;
  left: 45%;
}

.z-bannerslider .hd li {
  width: 18px;
  height: 6px;
  float: left;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  margin-right: 7px;
}

.z-bannerslider .dirct {
  position: absolute;
  top: 50%;
  z-index: 999;
  width: 41px;
  height: 69px;

  overflow: hidden;
}

.z-bannerslider .hd li.on {
  background: #009fe5;
}

.z-box-content {
  padding: 0;
  position: absolute;
  top: 65px;
  z-index: 50;
  left: 50%;
  margin-left: 423px;
}

.z-components {
  height: 200px;
  overflow: hidden;
}

.z-components img {
  width: 242.5px;
}

.z-box .col-row-3 {
  padding: 0;
}

.z-box-content {
  height: 370px;
  background: #fff;
  width: 180px !important;
  float: right;
}

.z-heading {
  padding: 20px 0 0 13px;
  overflow: hidden;
}

.z-heading-img {
  width: 60px;
  height: 60px;
  overflow: hidden;
}

.z-heading dl dd {
  margin-left: 15px;
}

.z-heading dl dd:first-child {
  margin-top: 10px;
  margin-bottom: 4px;
  color: #32404c;
  font-size: 14px;
}

.z-heading dl dd.z-welcome {
  color: #818a92;
  font-size: 12px;
}

.z-btnbox {
  padding: 20px 0 25px 0;
  overflow: hidden;
  zoom: 1;
}

.z-box-content .z-btnbox .btn_mid a {
  width: 81px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0px;
  margin-left: 10px;
  color: #32404c;
  border-radius: 0px;
  float: left;
  border-radius: 15px;
  border: 1px solid #d9d9d9;
}

.z-box-content .z-btnbox a.btn-login {
  color: #ffffff;
  background: #4d4d4d;
}

.z-notice {
  border-top: 1px solid #e6e6e6;
}

.z-notice .z-public {
  margin-top: 16px;
  padding: 0 14px;
}

.z-notice .z-public span {
  font-size: 16px;
  color: #323232;
  cursor: pointer;
}

.z-notice .z-public span:first-child {
  margin-right: 30px;
}

.z-notice .z-public span.active {
  color: #00afec;
  font-weight: 600;
}

.z-notice .z-public-content {
  margin-top: 11px;
  padding: 0 14px;
  height: 85px;
  overflow: hidden;
}

.z-notice .z-public-content p {
  font-size: 14px;
  position: relative;
}

.z-notice .z-public-content p>a {
  color: #333333;
  display: block;
  margin-left: 10px;
  line-height: 29px;
  height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.z-notice .z-public-content p>a:hover {
  color: #14b7ee;
}

.z-notice .z-public-content p::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #939393;
  top: 45%;
}

.z-safety .col-row-4 ul.m-brandgroupList {
  height: 581px;
  background: #fff;
  padding: 19px 15px 21px;
}

.z-safety .col-row-4 ul.m-brandgroupList li {
  margin-bottom: 12px;
}

.z-safety .col-row-4 ul.m-brandgroupList li:last-child {
  margin-bottom: 0;
}

.z-safety .col-row-4 ul.m-brandgroupList li>a {
  display: block;
  height: 80px;
  overflow: hidden;
}

/** ?start  **/
.floor-title {
  text-align: center;
  position: relative;
  margin: 28px 0;
}

.floor-title span {
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  width: 498px;
  height: 13px;
  background: url("../../img/index/pic-titlepic.png") no-repeat;
}

.floor-title i {
  height: 28px;
  font-size: 28px;
  color: #2878ff;
  color: var(--commonColor);
}

.floor-title i s {
  display: inline-block;
  height: 32px;
  width: 32px;
  background: url("../../img/index/like-title.png") 0 center no-repeat;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 8px;
}

.fl-line {
  left: 0;
}

.fr-line {
  right: 0;
}

.yuo-like {
  width: 100%;
  padding-top: 0;
  margin-left: 0;
}

.yuo-like li a {
  display: block;
}

.yuo-like .m-price {
  display: block;
  width: 175px;
  margin: 0 auto;
}

.yuo-like .tit,
.yuo-like .m-price {
  text-align: left;
}

.f-rm-mar {
  margin-right: 0 !important;
}

/*
*
*楼层单个商品组件
*
*/
.product-List {
  width: 960px;
  /* margin-left: -5px; */
  padding-top: 10px;
  float: left;
  position: relative;
  min-height: 300px;
}

.product-List li {
  width: 240px;
  padding: 0 5px;
  float: left;
}

.brang-right .m-brandlogo a {
  padding: 34px 0;
  height: 118px;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.brang-right .m-brandlogo a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.right-class {
  margin-right: 720px;
}

.produc-components {
  background: #fff;
  width: 100%;
  height: 288px;
  margin-bottom: 12px;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  overflow: hidden;
}

.produc-components:hover {
  -webkit-box-shadow: 0 0 15px 0px #d9d9d9;
  -moz-box-shadow: 0 0 15px 0px #d9d9d9;
  box-shadow: 0 0 15px 0px #d9d9d9;
}

.produc-components .pic {
  width: 170px;
  height: 170px;
  overflow: hidden;
  margin: 20px auto 5px auto;
}

.produc-components a {
  display: block;
}

.produc-components .tit {
  width: 170px;
  text-align: center;
  color: #333333;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 auto 8px;
}

.produc-components .m-price {
  font-size: 18px;
  color: #ea413c;
  text-align: center;
}

/** 二楼部分start **/
.twolayer {
  padding-top: 0px;
}

.twolayer-left {
  width: 482px;
  padding: 0 5px;
  float: left;
  margin-left: -5px;
}

.twolayer-left .twolayer-bigbox {
  width: 100%;
  height: 288px;
  overflow: hidden;
  margin-bottom: 12px;
}

.twolayer-brang {
  width: 100%;
  overflow: hidden;
  background: #fff;
}

.twolayer-title {
  overflow: hidden;
  zoom: 1;
  border-bottom: 1px solid #eeeeee;
}

.twolayer-title h3 {
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 14px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

.twolayer-title .m-floortabhead {
  float: right;
  padding: 17px 14px 16px 0;
}

.twolayer-brang .m-brandlogo {
  margin: 0;
  height: 118px;
}

.twolayer-brang .m-brandlogo a {
  padding: 34px 0;
  height: 118px;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.twolayer-brang .m-brandlogo a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.twolayer-right {
  float: right;
  width: 728px;
  margin-right: -5px;
}

.twolayer-right .product-List {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.twolayer-right .product-List li {
  width: 33.33%;
}

/**  二楼部分end **/

/** 三楼部分start **/
.threelayer {
  padding-top: 20px;
}

.link-box {
  float: left;
  width: 240px;
  padding: 0 5px;
  margin-left: -5px;
}

.link-box .link-nr {
  height: 588px;
  position: relative;
  overflow: hidden;
}

.link-box .link-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #000;
  opacity: 0.7;
  zoom: 1;
  padding: 14px 15px;
  overflow: hidden;
}

.link-text li {
  float: left;
  width: 65px;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}

.link-text li a {
  color: #fff;
  font-size: 13px;
}

.threelardy {
  width: 970px;
  overflow: hidden;
  float: right;
  padding-top: 0;
  margin-right: -5px;
}

.threelardy li {
  width: 25%;
}

/*
*
*楼层单个广告组件
*
*/

.product-List .m-floorbanner {
  width: 720px;
  height: 288px;
  position: absolute;
  top: 20px;
  right: 0;
}

.m-floorbanner img {
  width: 100%;
  height: 100%;
}

.brang-right {
  width: 240px;
  float: right;
  overflow: hidden;
}

.m-floortab {
  width: 250px;
  padding-left: 5px;
  background: #fff;
  float: right;
  margin-top: 20px;
}

/**
*
*
*楼层品牌展示组件
*
*/
.m-brandlogo {
  height: 93px;
  border: 1px solid #eeeeee;
  margin: -1px 0 0 -1px;
}

.m-floor .m-brandlogo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 50px;
  padding: 0;
  margin: 21px auto;
  overflow: hidden;
}

.m-floor .m-brandlogo2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 74px;
  padding: 0;
  margin: 22px auto;
  overflow: hidden;
}

.m-floortabcon.hide {
  display: none;
}

.m-floortabcon .g-row {
  margin: 0px;
}

.m-floortabcon .g-row .col-row-6,
.m-floortabcon .g-row .col-row-3 {
  padding: 0px;
  overflow: hidden;
}

.m-floortabhead {
  background: #fff;
  text-align: center;
  padding: 9px 0 8px;
}

.m-floortabhead span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #908c8c;
  cursor: pointer;
  margin: 0 3px;
  border-radius: 50%;
}

.m-floortabhead span.active {
  background: #2878ff;
  background: var(--commonColor);
}

/**/
.m-officead {
  width: 100%;
  height: 288px;
  overflow: hidden;
  margin-bottom: 12px;
}

.m-appliances h3 {
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 14px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

.m-appliances .m-brandlogo {
  margin: 0px;
  height: 118px;
}

.m-itemsTablet {
  width: 100%;
  height: 35px;
  overflow: hidden;
  zoom: 1;
  border-bottom: 1px solid #eeeeee;
}

.m-appliances .m-floortabhead {
  float: right;
  padding: 17px 14px 16px 0;
}

.m-appliances .m-brandlogo a {
  padding: 34px 0;
  height: 118px;
}

.m-appliances .m-brandlogo {
  border: none;
  border-left: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

.fixleft {
  display: none;
}

.fixleft.m_fixshow {
  display: block;
}

.z-slidebox .m-banner /deep/ .el-carousel__container {
  height: 500px !important;
}

.m-banner {
  width: 100%;
  /* height: 500px; */
  position: relative;
  overflow: hidden;
}

.m-bannerslider {
  /* height: 500px; */
  position: relative;
  left: 50%;
  width: 1920px;
  text-align: center;
  margin-left: -960px;
  overflow: hidden;
}

.m-bannerOne {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.m-bannersliderOne {
  position: relative;
  left: 50%;
  width: 1920px;
  text-align: center;
  margin-left: -960px;
  overflow: hidden;
}

.pages /deep/ .m-prudaltc {
  display: none;
}

.z-floor {
  margin-top: 20px;
}

.z-floorbanner {
  width: 100%;
  height: 342px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}

.z-floorbanner a {
  display: block;
}

.z-smalltic {
  width: 134px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: linear-gradient(270deg,
      rgba(0, 200, 242, 1) 0%,
      rgba(0, 151, 224, 1) 100%);
  border-radius: 0px 71px 71px 0px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 22px;
  top: 13px;
}

.z-dailyselection {
  background: #fff;
  min-height: 388px;
}

.z-pitme {
  float: left;
  width: 170px;
  height: 314px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  margin-top: 30px;
  padding: 0 9px 0 10px;
}

.z-pitme a>p:first-child {
  color: #212121;
  font-size: 14px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #e6e6e6;
}

.z-pimg {
  width: 140px;
  height: 140px;
  overflow: hidden;
  margin: 20px auto 20px;
}

.z-owl-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}

.z-rotate2 .owl-theme .owl-buttons .owl-prev {
  left: 10px;
}

.owl-theme .owl-buttons div {
  position: absolute;
  width: 28px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  background: url(../../img/scenepur/right.png) -0px -0px no-repeat #000;
  opacity: 0.1;
  filter: alpha(opacity=10);
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 11;
}

.owl-theme .owl-buttons div.owl-next {
  background: url(../../img/scenepur/right1.png) -0px -0px no-repeat #000;
  right: 0;
}

.z-pintroduce {
  line-height: 20px;
  height: 40px;
  margin-bottom: 3px;
  color: #333333;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.m-desc {
  color: #999;
  line-height: 20px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.z-pprice {
  color: #ff4349;
  font-size: 16px;
}

.z-watch {
  width: 100%;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
  border: 1px solid #999999;
  margin-top: 15px;
  color: #333333;
  font-size: 14px;
}

.z-pitme>a:first-child {
  display: block;
  position: relative;
}

.z-xinghao {
  position: absolute;
  right: 0;
  top: 40px;
}

.z-select {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background: url(../../img/scenepur/z-select.png) no-repeat;
  cursor: pointer;
  border: none;
}

.z-join {
  width: 238px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  display: block;
  background: #b9e4f3;
  font-size: 14px;
  border-radius: 20px;
  margin: 18px auto 18px;
  padding-bottom: 18px;
}

.z-goodadvice {
  padding: 0 15px;
  min-height: 740px;
  background: #fff;
  position: relative;
}

.z-goodadvice h3 {
  color: #4d4d4d;
  font-size: 22px;
  line-height: 30px;
  padding: 13px 0;
  text-align: center;
  font-weight: 600;
}

.z-goodadvice h3 i {
  color: #04a1ea;
}

.z-goodadvice ul li>a {
  display: block;
  height: 210px;
  overflow: hidden;
}

.z-goodadvice ul li {
  margin-bottom: 15px;
}

.z-mycount {
  width: 60px;
  height: 54px;
  background: #00afec;
  border-radius: 0px 7px 7px 0px;
  position: absolute;
  top: 55px;
  right: -60px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.z-mycount i {
  background: url(../../img/scenepur/fenleri.png) no-repeat;
  width: 17px;
  height: 15px;
  display: block;
  margin: 6px auto;
}

.z-fix {
  width: 122px;
  /*height:314px;*/
  padding-bottom: 40px;
  background: #fff;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04);
  border-radius: 13px 13px 61px 61px;
  position: fixed;
  left: 50%;
  margin-left: -732px;
  top: 50%;
  margin-top: -10%;
  /* margin-top:5%; */
  z-index: 999;
}

.z-fix ol li {
  width: 100px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  background: #f4f4f4;
  border-radius: 4px;
  margin: 6px auto 0;
}

.z-fix ol li a {
  color: #4d4d4d;
}

.z-fix ol li i {
  width: 100px;
  height: 35px;
  display: inline-block;
}

.z-fix ol .active {
  background: url(../../img/scenepur/jianbian.png) no-repeat;
}

.z-fix ol .active a {
  color: #fff;
}

.returnTop s {
  background: url(../../img/scenepur/returntop.png) no-repeat;
  width: 15px;
  height: 9px;
  display: block;
  margin: 2px auto 0;
  transition: all 0.3s;
}

.z-fix .returnTop {
  background: #fff;
  color: #2878ff;
  color: var(--commonColor);
  margin-top: 15px;
  height: 0;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  cursor: pointer;
}

.z-xinghao {
  position: absolute;
  right: 0;
  top: 40px;
}

.z-xinghao {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  cursor: pointer;
}

/*模态框*/
.z-model .modal-dialog {
  width: 1038px;
}

.z-model .modal-header {
  padding: 25px;
  border-bottom: 0;
  overflow: hidden;
}

.z-model .modal-header>div:first-child {
  font-size: 24px;
  line-height: 33px;
  color: #333333;
  font-weight: 600;
}

.z-modal-input {
  width: 280px;
  position: absolute;
  top: 20px;
  right: 26px;
}

.z-modal-input input {
  border: 0;
  outline: 0;
  padding-left: 13px;
  width: 240px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e6e6e6;
  font-size: 14px;
}

.z-modal-input s {
  background: url(../../img/scenepur/z-search.png) no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.z-rotate2 {
  min-height: 0;
}

.z-model .modal-body {
  padding: 0 73px 0 50px;
}

.z-join {
  width: 238px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  display: block;
  background: #b9e4f3;
  font-size: 14px;
  border-radius: 20px;
  margin: 18px auto 18px;
  padding-bottom: 18px;
}

.z-dialog {
  display: block;
}

.pages /deep/ .el-dialog__title {
  font-size: 24px;
  line-height: 33px;
  color: #333333;
  font-weight: 600;
  text-align: left;
  margin: -10%;
}

.pages /deep/ .el-dialog__title {
  text-align: left !important;
}

.pages /deep/.el-dialog__headerbtn {
  display: none;
}

/* .el-dialog__header button {
  display: none;
} */

.pages /deep/ .el-dialog__body {
  padding-bottom: 0px;
}

/**  MRO 楼层**/
.z-titlecomponent {
  margin: 29px 0 22px;
  overflow: hidden;
  zoom: 1;
}

.z-titlecomponent h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
  text-align: center;
  position: relative;
}

.z-titlecomponent h3 i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #333333;
  vertical-align: middle;
}

.z-titlecomponent h3::before {
  content: "";
  width: 44px;
  border: 1px solid #4d4d4d;
  position: absolute;
  margin-top: 20px;
  margin-left: -54px;
}

.z-titlecomponent h3::after {
  content: "";
  width: 44px;
  border: 1px solid #4d4d4d;
  position: absolute;
  margin-top: 20px;
  margin-left: 4px;
}

.z-floortabcon ul li {
  float: left;
  width: 150px;
  height: 120px;
  margin-bottom: 1px;
}

.z-floortabcon ul li a {
  display: block;
  height: 120px;
  overflow: hidden;
}

.z-material .col-row-4 {
  padding: 0;
  position: relative;
  height: 300px;
  overflow: hidden;
}

.z-material .col-row-4>ul {
  position: absolute;
  left: 6px;
  top: 0;
  width: 100%;
  padding: 23px 20px 0 20px;
}

.z-material .col-row-4>ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* .z-material .col-row-4 > ul.z-menu li:first-child {
} */
.z-material .col-row-4:first-child i {
  background: url(../../img/mrochannel/Mask.png) no-repeat;
  width: 260px;
  height: 300px;
  display: inline-block;
}

.z-material .col-row-4:first-child s {
  background: url(../../img/mrochannel/Mask1.png) no-repeat;
  width: 260px;
  height: 300px;
  display: inline-block;
}

.z-material .col-row-4>ul li a {
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #fff;
  display: inline-block;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}

.z-material .col-row-4 .col-row-6 {
  padding: 0;
}

.z-material .z-brandlogo {
  height: 300px;

  background: #fff;
}

.z-material .z-brandlogo ol {
  margin-top: 20px;
  margin-bottom: 20px;
}

.z-material .z-brandlogo ol li:first-child {
  margin-top: 0;
}

.z-material .z-brandlogo ol li {
  width: 140px;
  margin-top: 10px;
}

.z-bannerslider1 {
  height: 300px;
  overflow: hidden;
  position: relative;
  padding: 0px 15px;
}

.z-bannerslider1 .bnprev {
  background: url(../../img/mrochannel/arr.png) no-repeat;
  left: 0;
}

.z-bannerslider1 .bnnext {
  background: url(../../img/mrochannel/arr-right.png) no-repeat;
  right: 0;
}

.z-bannerslider1 .dirt {
  width: 20px;
  height: 50px;
  position: absolute;
  top: 50%;
  z-index: 999;
}

.z-bannerslider1 .bd ul {
  padding: 0 !important;
}

.z-material .z-brandlogo ol li>a {
  height: 80px;
  display: block;
}

.z-material .z-brandlogo ol li>a img {
  width: 100%;
  height: 100%;
}

.z-material .g-row {
  margin: 0;
}

.z-material .g-row .col-row-2 {
  width: 200px;
}

.z-material .z-materials {
  background: #fff;
  padding: 0 25px;
}

.z-material .z-materials .col-row-2 {
  margin-right: 37px;
  padding: 24px 0 0 0;
}

.z-material .z-materials .z-pic {
  width: 200px;
  height: 198px;
  overflow: hidden;
}

.z-material .z-materials .col-row-2:last-child {
  margin-right: 0;
}

.z-produc-components p {
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 12px 0 14px 0;
}

.z-produc-components span {
  color: #ea413c;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 15px;
}

.z-safety .col-row-4 {
  padding: 0;
}

.z-panyan {
  height: 581px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.z-panyan .bgcbox {
  display: block;
  width: 100%;
  height: 100%;
}

.z-safety .z-safety-img ul {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: #000000;
  opacity: 0.7;
  padding: 10px 0 0 15px;
  /* // min-height: 160px; */
}

.z-safety .z-safety-img ul li {
  float: left;
  border-right: 1px solid #5f6060;
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 14px;
}

.z-safety .z-safety-img ul li>a {
  display: block;
  padding: 0 8px;
  color: #fff;
}

.z-safety .z-panyan .z-autopanyan {
  padding: 33px 40px 0 13px;
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 36px;
}

.z-safety .z-panyan .z-autopanyan p:last-child {
  font-size: 18px;
  line-height: 25px;
}

.z-safety .z-panyan>a {
  position: absolute;
  display: inline-block;
  width: 170px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  bottom: 13px;
  background: rgba(255, 255, 255, 0.189);
  margin-left: 15px;
}

.z-safety .z-protecttitle {
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #dbdbdb;
}

.z-safety .z-protecttitle ul li {
  float: left;
  height: 40px;
  width: 20%;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.z-safety .z-protecttitle ul li.active {
  background: #333333;
  color: #fff;
}

.z-protectdetail .col-row-3 {
  padding: 0;
}

.z-safety .z-protectdetail .g-row:last-child .z-protect-img {
  border-bottom: 0;
}

.z-protectdetail .col-row-3 {
  padding: 0;
}

.z-safety .z-protectdetail .g-row:last-child .z-protect-img {
  border-bottom: 0;
}

.z-protectdetail .g-row {
  margin: 0;
}

.z-protectdetail .z-protect-img {
  background: #fff;
  width: 100%;
  height: 270px;
  text-align: center;
  padding-top: 10px;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}

.z-protectdetail .z-protect-img>a {
  display: block;
}

.z-protectdetail .z-pic1 {
  width: 176px;
  height: 176px;
  overflow: hidden;
  margin: 0 auto;
}

.z-protectdetail .z-protect-img p {
  color: #333333;
  font-size: 14px;
  margin-top: 13px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 5px;
}

.z-protectdetail .z-protect-img span {
  font-size: 18px;
  color: #ea413c;
}

.z-safety .col-row-4:last-child ul {
  height: 581px;
  background: #fff;
  padding: 19px 15px 21px;
}

.z-safety .col-row-4:last-child ul li {
  margin-bottom: 12px;
}

.z-safety .col-row-4:last-child ul li:last-child {
  margin-bottom: 0;
}

.z-safety .col-row-4:last-child ul li>a {
  display: block;
  height: 80px;
  overflow: hidden;
}

.z-safety .z-bangong ul li {
  width: 25%;
}

.z-suggestproduct .col-row-3 {
  width: 20%;
}

.z-suggest-img {
  width: 100%;
  height: 286px;
  background: #fff;
  margin-bottom: 12px;
  padding-top: 20px;
}

.z-suggest-img>a {
  display: block;
}

.z-suggest-img .z-pic2 {
  width: 155px;
  height: 155px;
  overflow: hidden;
  margin: 0 auto;
}

.z-suggest-img p {
  padding: 0 23px;
  font-size: 14px;
  color: #333333;
  margin-top: 19px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.z-suggest-img span {
  color: #ff4349;
  font-size: 18px;
  padding-left: 23px;
}

.x-shop a {
  display: block;
  transition: all 0.2s;
  margin-bottom: 15px;
}

/*****福利商城****/
.z-good-goods .z-new-release {
  text-align: center;
  color: #333333;
  font-size: 24px;
  margin-top: 21px;
}

.z-good-goods .z-new-title {
  text-align: center;
  color: #999999;
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 8px;
}

.m-prudaltc-wel {
  position: absolute;
  top: 1px;
  left: 0;
  width: 220px;
  height: 502px;
  border-top: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F151515', endColorstr='#7F151515');
  background: rgba(21, 21, 21, 0.5);
}

.m-categorys-wel {
  float: left;
  width: 220px;
  height: 0px;
  background: #2878ff;
  background: var(--commonColor);
  position: relative;
  z-index: 300;
}

/** 福利商城  超值选购 start*/
.z-headline {
  margin: 30px 0 22px 0;
  overflow: hidden;
  zoom: 1;
}

.z-headline h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
}

.z-choose ul {
  margin-right: -12px;
}

.z-choose ul li {
  width: 291px;
  height: 380px;
  background: #f4f4f4;
  margin-right: 12px;
  float: left;
}

.z-choose ul li>a {
  display: block;
}

.z-choose .z-pic {
  width: 220px;
  height: 220px;
  overflow: hidden;
  margin: 40px auto 15px;
}

.z-choose ul li .z-introduce {
  padding: 0 43px 0 35px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.z-choose ul li .z-cart {
  padding: 0 36px 0 34px;
  font-size: 12px;
}

.z-cart span {
  color: #ea413c;
  font-size: 18px;
}

.z-cart span i {
  font-size: 12px;
}

.z-cart>a {
  display: block;
  width: 96px;
  padding: 0 5px;
  line-height: 28px;
  text-align: center;
}

.z-cart s {
  background: url(../../../assets/img/welfaremall/tab-ico-cart.png) no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -4px;
}

/** 福利商城  超值选购 start*/

.m-brandlogo2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eeeeee;
  margin: -1px 0 0 -1px;
}

.m-floor .m-brandlogo2 a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.t-indexMa {
  width: 90px;
  height: 90px;
  float: right;
  margin: 15px 7px 0 40px;
}

.t-indexMa img {
  width: 100%;
  height: 100%;
}

.t-indexMa p {
  text-align: center;
}

/* 
  工业品组件样式start
*/
/* 大图start */
* {
  margin: 0;
  padding: 0;
}

.divIMmg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.circle {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
}

.circle1 {
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border: 2px solid #fff;
  background-color: #0eb7e2;
  z-index: 40;
}

.circle2 {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  background-color: #fff;
  z-index: 30;
}

.circle3 {
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  z-index: 20;
}

.animation,
.animation2 {
  -webkit-animation: twinkling 1s infinite ease-in-out;
  animation: twinkling 1s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }

  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: scale(1.12);
  }

  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
}

@keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }

  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: scale(1.12);
  }

  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
}

.txt {
  display: none;
  padding: 5px 10px 5px 38px;
  position: absolute;
  top: -15px;
  left: -20px;
  background: #fff;
  border-radius: 17px;
  color: #307a8d;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.hoverBg {
  display: block;
}

/* 大图end */

/* 小导航start */
.navigation {
  padding: 24px 0 20px;
  border-bottom: 2px solid;
  overflow: hidden;
  zoom: 1;
}

.navigation h3 {
  padding-bottom: 12px;
  font-size: 24px;
  line-height: 33px;
  color: #2878ff;
  color: var(--commonColor);
  font-weight: normal;
  float: left;
  margin-right: 40px;
}

.navigation ol {
  zoom: 1;
  float: left;
}

.navigation ol li {
  float: left;
  margin-right: 10px;
  line-height: 33px;
  color: #2878ff;
  color: var(--commonColor);
  font-size: 18px;
  cursor: pointer;
  padding: 0 15px 0 15px;
  min-width: 66px;
  text-align: center;
  position: relative;
}

.navigation .fr {
  float: right;
  line-height: 33px;
  font-size: 18px;
}

.navigation .fr a {
  color: #333;
}

.navigation ol li.blackBG,
.navigation ol li:hover {
  /* border-bottom: 2px solid red; */
  background-color: #595757;
  color: white;
  /* background: url(../../img/index/tab_active.png) center bottom no-repeat; */
}

.triangleF {
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 12px solid #595757;
  position: absolute;
  top: 33px;
  left: 20px;
}

.btn_mid {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}

.col-row-12 /deep/ .el-carousel__arrow {
  display: none;
}

.colRowMargin {
  cursor: pointer;
  margin: 10px auto;
}

/* 小导航end /* 
  工业品组件样式end
*/
.m-banner .el-carousel__arrow--left {
  left: 585px !important;
}

.m-banner .el-carousel__arrow--right {
  right: 543px !important;
}

/* 工业品商城推荐商品样式 */
.m-titleRecommend {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  height: 33px;
}

.m-titleRecommend ol li {
  float: left;
  line-height: 33px;
  color: #666;
  font-size: 18px;
  cursor: pointer;
  min-width: 240px;
  text-align: center;
  margin-left: 0px;
  padding: 0;
  margin-right: 0;
  border-bottom: none !important;
}

.m-titleRecommend ol li.active,
.m-titleRecommend ol li:hover {
  color: #fff;
  background: linear-gradient(0deg, #FDAD00 3%, #FFC324 83%, #FFCD4A 100%);
}

.m-titlecomponent .m-dailyselection #tns1-iw {
  margin: 0;
  margin-left: -10px !important;
  overflow: hidden;
  zoom: 1;
}

.m-titlecomponent .m-dailyselection .m-itme {
  float: left;
  width: 100%;
  height: 380px;
  background: #fff;
  margin-left: 0px !important;
  box-shadow: 0px 2px 10px 0px rgba(215, 214, 214, 0.5);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.Mro-titlecomponent {
  margin: 29px 0 10px 0;
  overflow: hidden;
  zoom: 1;
}

.Mro-titlecomponent h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
  text-align: center;
  position: relative;
  display: inline-block;
}

.Mro-titlecomponent h3 i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #333333;
  position: relative;
  top: -6px;
}

.mrodiv-center {
  text-align: center;
}

.mrotitle-img {
  display: inline-block;
  text-align: center;
  vertical-align: baseline !important;
  padding: 0 10px;
}

/* 工业品商城推荐商品样式 */
/* 工业品商城频道链接器组件样式 */
.Navsytle {
  width: 100%;
  height: 60px;
  text-align: center;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 60px;
  background: #fccc01;
  color: #333;
  display: inline-block;
  cursor: pointer;
  margin: 15px auto;
}

.Navsytle:hover {
  background: #FFFFFF;
  color: rgb(117, 109, 109);
}

/* 工业品商城频道链接器组件样式end */

/* 工业品商城颜色组件配置 */
.mroColor {
  color: #666;
}

.mroColor:hover {
  color: #fccc01 !important;
}

.m-distributionto .mroLocation {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../img/mroLocation.png) 0 0 no-repeat;
  vertical-align: middle;
}

.dialogSpan {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #dcdfe6;
  background: #fccc01;
  border-color: #fccc01;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}

.mrosearch {
  border: 2px solid #fccc01;
}

.mrosearch-btn {
  background: #fccc01;
  color: #022236;
}

.mrocart-menu {
  border-top: 2px solid #fccc01 !important;
}

.btn-mrotom {
  color: #fff;
  background-color: #fccc01;
  border-color: #fccc01;
}

.the-cart .mrocarts {
  width: 100%;
  display: block;
  padding: 20px 0;
  cursor: pointer;
  position: absolute;
  top: 112px;
  text-align: center;
}

.the-cart .mrocarts:hover {
  background: #fccc01;
  color: #000;
}

.the-cart .mrocarts b {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../img/cart/index.png") no-repeat;
  background-position: -150px -45px;
  text-align: center;
}

.the-cart .mrocarts p {
  color: #fff;
  text-align: center;
}

.the-cart .mrocarts i {
  display: inline-block;
  padding: 0 5px;
  height: 15px;
  min-width: 20px;
  line-height: 16px;
  color: #000;
  background: #fff;
  border-radius: 30%;
}

.the-cart .mrocarts i:hover {
  background: #fff;
}

.the-serve .serve5 {
  background: url("../../img/cart/servemro.png") center no-repeat;
}

.the-serve .serve6 {
  background: url("../../img/cart/the-topmro.png") center no-repeat;
}

.m-backtopmro {
  line-height: 18px;
  padding: 6px 10px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  color: #666;
  text-align: center;
  border-top: 1px solid #eee;
}

.rt-nav .m-backtopmro {
  padding: 3px 0;
  line-height: normal;
  color: #022236;
}

.rt-nav .m-backtopmro s {
  display: block;
  height: 22px;
  width: 22px;
  margin: 0px auto 3px;
  background: url(../../img/mrobacktothetop.png) center no-repeat;
}

.rt-nav .mrortnav li a:hover {
  color: #c4a41c !important;
}

.rt-nav .mrortnav li.active {
  background: #fccc01 !important;
}

.rt-nav .mrortnav li.active a {
  color: #022236;
}

.m-servicemro {
  line-height: 18px;
  padding: 6px 10px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  border-top: 1px solid #eee;
  background: #022236;
}

.m-servicemro a {
  color: #fff;
}

.bottom_promisemro {
  padding: 34px 0;
  overflow: hidden;
}

.bottom_promisemro s {
  float: left;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-right: 10px;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.bottom_promisemro s img {
  width: 100%;
  height: 100%;
}

.bottom_promisemro p {
  float: left;
  max-width: 200px;
  font-size: 18px;
  color: #333;
  line-height: 32px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bottom_promisemro:hover s,
.bottom_promisemro:hover p {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.bottom_promisemro:hover p {
  color: #fccc01;
}

.bottom_promisemro a {
  cursor: default;
}

.mrofooter-nav {
  overflow: hidden;
  zoom: 1;
}

.mrofooter-nav dl {
  float: left;
  width: 185px;
  padding-right: 15px;
}

.mrofooter-nav dl dt {
  font-size: 16px;
  color: #333;
  height: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}

.mrofooter-nav dl dd {
  line-height: 30px;
  color: #999;
  font-size: 14px;
  height: 30px;
  overflow: hidden;
}

.mrofooter-nav dl dd a {
  color: #999;
}

.mrofooter-nav dl dd a:hover {
  color: #fccc01;
}

.m-categorysmro h2 {
  text-align: left;
  padding: 0 24px 0 54px;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  background: url(../../img/classification.png) 24px center no-repeat;
}

.m-categorysmro {
  float: left;
  width: 220px;
  height: 40px;
  background-image: linear-gradient(90deg,
      #fdad00 3%,
      #feb812 35%,
      #ffc324 83%,
      #ffcd4a 100%),
    linear-gradient(#333333,
      #333333);
  position: relative;
  z-index: 300;
}

/* .m-categorysmro .m-prudaltc {
  display: block;
} */

.m-categorysmro .m_aretive .m-prudaltc {
  display: block;
}

.m-categorysmro .m-prudaltc {
  position: absolute;
  top: 40px;
  left: 0;
  width: 220px;
  height: 502px;
  border-top: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F151515', endColorstr='#7F151515');
  background: rgba(21, 21, 21, 0.7);
}

.m-navbar-bg-mro {
  background: #fff;
  border-bottom: 2px solid #0f0f0f;
  position: relative;
}

.m-navbarmro>.m-navbar-menu>li a {
  display: inline-block;
  color: #32404c;
  /* padding: 0 20px; */
  transition: background 0.2s;
  text-decoration: none;
}

.m-navbarmro>.m-navbar-menu>li:hover>a,
.m-navbarmro>.m-navbar-menu>li.active>a {
  color: #fccc01;
}

.m-navbarmro>.m-navbar-menu>li {
  float: left;
  font-size: 16px;
  position: relative;
  line-height: 40px;
  margin-left: 30px;
  font-weight: 600;
  position: relative;
}

.icocategroy-next-white-mro {
  width: 5px;
  height: 9px;
  position: absolute;
  margin-left: 5px;
  /* background-image: url("../../img/index.png"); */
  background-position: -204px -46px;
  width: 5px;
  height: 9px;
  right: 5px;
  top: 50%;
  margin-top: -4.5px;
}

.m-categorysmro .m-prudaltc .m-twolt-mro {
  float: left;
  padding: 5px 27px 13px 5px;
  width: 758px;
  overflow: hidden;
  min-height: 447px;
}

.m-categorysmro .m-prudaltc li:hover .m-twotc,
.m-categorysmro .m-prudaltc li:hover .line {
  display: block;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dl {
  padding: 3px 0;
  overflow: hidden;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dl.first {
  border: none;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dt {
  float: left;
  width: 110px;
  height: 22px;
  overflow: hidden;
  margin-right: 8px;
  position: relative;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dt a {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  width: 180px;
  padding-left: 20px;
  display: block;
  text-align: left;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dd {
  float: left;
  width: 595px;
  overflow: hidden;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 5px;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dl:last-child dd {
  border: none;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dd a {
  float: left;
  white-space: nowrap;
  line-height: 18px;
  height: 18px;
  padding: 0 9px;
  color: #333;
  font-size: 12px;
  margin: 4px auto;
  border-left: 1px solid #ededed;
}

.m-categorysmro .m-prudaltc .m-twolt-mro dd a:hover {
  color: #222222;
  font-weight: bold;
  background: #fccc01;
}

.m-categorysmro .m-prudaltc .m-pctreedl .linemro {
  /* background-image: url(../../img/index.png); */
  background-position: 0px -150px;
  width: 8px;
  height: 15px;
  position: absolute;
  display: block;
  right: 15px;
  top: 6px;
  width: 12px;
  height: 14px;
  margin: 0;
  padding-bottom: 0;
  z-index: 2;
}

.m-categorysmro .m-prudaltc .m-twotc {
  position: absolute;
  left: 219px;
  top: 1px;
  width: 980px;
  height: 500px;
  border-right: 1px solid #f2f2f2;
  margin-left: 1px;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #0f0f0f;
  background: #fff;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.m-bannerslidermro .el-carousel__arrow:hover {
  background-color: #fccc01 !important;
}

.mrocard .el-carousel__container {
  height: 226px !important;
}

.hot-classification {
  padding: 10px 0 0;
  overflow: hidden;
  zoom: 1;
}

.hot-classification ul {
  list-style: none;
  position: relative;
  height: 54px;
}

.hot-classification ul li {
  list-style: none;
  float: left;
  padding: 0 15px 0 15px;
  text-align: center;
  line-height: 48px;
  border-radius: 6px 6px 0px 0px;
  font-size: 14px;
  color: #0F0F0F;
  cursor: pointer;
}

.tabContent {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(-0px);
  -moz-transform: translateX(-0px);
  -ms-transform: translateX(-0px);
  -o-transform: translateX(-0px);
  transform: translateX(-0px);
  width: 1200px;
  background-color: #ffffff;
  color: #000000;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.hot-classification .fr {
  font-size: 14px;
  float: right;
  line-height: 48px;
  padding-right: 20px;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
}

.hot-classification ul li.classification {
  margin-top: -6px;
  font-size: 18px;
  font-weight: bold;
  background-color: #ffffff;
}

.g-box-mro {
  width: 100%;
  height: 90px;
  line-height: 90px;
  background-color: #ffffff;
}

.g-box-mro ul {
  list-style: none;
  margin-left: -5px;
}

.g-box-mro ul li {
  float: left;
  width: 240px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #0F0F0F;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.g-box-mro ul li:hover {
  background: #FCCC01;
  color: #ffffff;
}

.linkerStyle {
  background: #FCCC01;
  color: #ffffff;
}

/* 工业品商城颜色组件配置end */
/* 工业品商城导航子集配置 */
.menudropdown {
  position: absolute;
  top: 40px;
  left: 0;
  width: 195px;
  min-height: 212px;
  border-top: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F151515', endColorstr='#7F151515');
  background: rgba(21, 21, 21, 0.5);
  background: rgba(21, 21, 21, 0.5);
  z-index: 99;
}

.m-navbar-menu li:hover .menudropdown {
  display: block;
}

.menudropdown {
  display: none;
}

.menudropdown>ul {
  padding: 8px 0 2px;
}

.menudropdown ul li {
  *zoom: 1;
  border-left: 2px solid transparent;
  height: 29px;
  line-height: 29px;
}

.menudropdown .m-pctreedl {
  position: relative;
  padding-left: 2px;
  margin: 0 8px;
}

.menudropdown .m-pctreedl dt {
  font-size: 14px;
  font-weight: normal;
  margin-left: 1px;
  overflow: hidden;
  padding-left: 12px;
  position: relative;
}

.menudropdown .m-pctreedl dt a {
  float: left;
  white-space: nowrap;
  color: #fff;
  width: 100%;
  text-overflow: ellipsis;
  overflow: inherit;
  text-align: left;
  line-height: 29px;
}

.menudropdown li:hover {
  background: #fff;
  z-index: 2;
}

.menudropdown li:hover a {
  color: #333;
}

.menudropdownmro {
  position: absolute;
  top: 40px;
  left: 0;
  width: 195px;
  min-height: 212px;
  border-top: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F151515', endColorstr='#7F151515');
  background: rgba(21, 21, 21, 0.5);
  background: rgba(21, 21, 21, 0.5);
  z-index: 99;
}

.m-navbar-menu li:hover .menudropdownmro {
  display: block;
}

.menudropdownmro {
  display: none;
}

.menudropdownmro>ul {
  padding: 8px 0 2px;
}

.menudropdownmro ul li {
  *zoom: 1;
  border-left: 2px solid transparent;
  height: 29px;
  line-height: 29px;
}

.menudropdownmro .m-pctreedl {
  position: relative;
  padding-left: 2px;
  margin: 0 8px;
}

.menudropdownmro .m-pctreedl dt {
  font-size: 14px;
  font-weight: normal;
  margin-left: 1px;
  overflow: hidden;
  padding-left: 12px;
  position: relative;
}

.menudropdownmro .m-pctreedl dt a {
  float: left;
  white-space: nowrap;
  color: #fff;
  width: 100%;
  text-overflow: ellipsis;
  overflow: inherit;
  text-align: left;
  line-height: 29px;
}

.menudropdownmro li:hover {
  background: #fccc01;
  z-index: 2;
}

.menudropdownmro li:hover a {
  color: #022236;
}

/* 工业品商城导航子集配置end */
.login-link-mro {
  color: #666;
}

.login-link-mro:hover {
  color: #fccc01 !important;
}

.mroReturnJS {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url("../../img/mroReturnJS.png") 0 0 no-repeat;
  vertical-align: middle;
}

/* 工业品商城顶部栏end */
.the-cart .mrocarts {
  width: 100%;
  display: block;
  padding: 20px 0;
  cursor: pointer;
  position: absolute;
  top: 189px;
  text-align: center;
}

.the-cart .mrocarts:hover {
  background: #fccc01;
  color: #000;
}

.the-cart .mrocarts b {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../../img/cart/cart-mro.png") no-repeat;
  /* // background-position: -150px -45px; */
  text-align: center;
}

.the-cart .mrocarts b:hover {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../../img/cart/cart-mro1.png") no-repeat;
  /* // background-position: -150px -45px; */
  text-align: center;
}

.the-cart .mrocarts p {
  color: #fff;
  text-align: center;
}

.the-cart .mrocarts i {
  display: inline-block;
  padding: 0 5px;
  height: 15px;
  min-width: 20px;
  line-height: 16px;
  color: #fff;
  background-color: #ea413c;
  border-radius: 4px;
}

.the-serve .serve5 {
  background: url("../../img/cart/servemro.png") center no-repeat;
}

.the-serve .serve6 {
  background: url("../../img/cart/the-topmro.png") center no-repeat;
}

.aside-left-mro {
  width: 48px;
  height: 100%;
  float: right;
  background: #000;
  position: relative;
}

.the-cart .men-mro {
  width: 100%;
  height: 48px;
  display: block;
  cursor: pointer;
  background: url("../../img/cart/man-mro3.png") center no-repeat;
  position: absolute;
  top: 140px;
}

.the-cart .men-mro:hover {
  background: url("../../img/cart/man-mro4.png") center no-repeat;
  background-color: #fccc01;
}

.the-cart .cart-mro {
  width: 100%;
  height: 145px;
  display: block;
  cursor: pointer;
  background: url("../../img/cart/cart-mro2.png") center no-repeat;
  position: absolute;
  top: 189px;
}

.the-cart .cart-mro:hover {
  background: url("../../img/cart/cart-mro3.png") center no-repeat;
  background-color: #fccc01;
}

.the-cart .cart-mro:hover .carts-mro i {
  display: inline-block;
  padding: 0 5px;
  height: 15px;
  line-height: 16px;
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  top: 120px;
}

.carts-mro i {
  display: inline-block;
  padding: 0 5px;
  height: 15px;
  line-height: 16px;
  color: #fff;
  background-color: #ea413c;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  top: 120px;
}

.the-cart .sc-mro {
  width: 100%;
  height: 48px;
  display: block;
  cursor: pointer;
  background: url("../../img/cart/sc-mro.png") center no-repeat;
  position: absolute;
  top: 337px;
}

.the-cart .sc-mro:hover {
  background: url("../../img/cart/sc-mro1.png") center no-repeat;
}

.the-cart .serve-mro {
  width: 100%;
  height: 48px;
  display: block;
  cursor: pointer;
  background: url("../../img/cart/serve-mro2.png") center no-repeat;
}

.the-cart .serve-mro:hover {
  background: url("../../img/cart/serve-mro3.png") center no-repeat;
}

.the-serve-mro .serveMro1 {
  background: url("../../img/cart/rtop1.png") no-repeat;
  height: 48px;
}

.the-serve-mro .serveMro1:hover {
  background: url("../../img/cart/rtop2.png") no-repeat;
}

.serveMro1 i {
  position: absolute;
  right: 58px;
  top: 0px;
  padding: 15px 10px;
  background: #fff;
  color: #999999;
  white-space: nowrap;
  box-shadow: 3px 1px 5px 0px rgba(217, 217, 217, 0.69);
}

.serveMro1:hover i {
  display: block;
}

.the-serve-mro span i:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  z-index: 88;
}

.the-serve-mro {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.the-serve-mro span {
  display: block;
  width: 100%;
  height: 20px;
  padding: 10px 0;
  margin: 10px 0;
  cursor: pointer;
  position: relative;
}

.the-serve-mro span i {
  display: none;
}

.men-mro i {
  display: none;
}

.men-mro i {
  position: absolute;
  right: 58px;
  top: 0px;
  padding: 15px 10px;
  background: #fff;
  color: #999999;
  white-space: nowrap;
  box-shadow: 3px 1px 5px 0px rgba(217, 217, 217, 0.69);
}

.men-mro:hover i {
  display: block;
}

.men-mro i:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  z-index: 88;
}

.sc-mro i {
  display: none;
}

.sc-mro i {
  position: absolute;
  right: 58px;
  top: 0px;
  padding: 15px 10px;
  background: #fff;
  color: #999999;
  white-space: nowrap;
  box-shadow: 3px 1px 5px 0px rgba(217, 217, 217, 0.69);
}

.sc-mro:hover i {
  display: block;
}

.sc-mro i:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  z-index: 88;
}

.serve-mro i {
  display: none;
}

.serve-mro i {
  position: absolute;
  right: 58px;
  top: 387px;
  padding: 15px 10px;
  background: #fff;
  color: #999999;
  white-space: nowrap;
  box-shadow: 3px 1px 5px 0px rgba(217, 217, 217, 0.69);
}

.serve-mro:hover i {
  display: block;
}

.serve-mro i:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  z-index: 88;
}

/* 工业品商城侧边栏end */
.m-titlecomponent-mro {
  margin: 30px 0 0px;
  overflow: hidden;
  zoom: 1;
}

.m-titlecomponent-mro h3 {
  padding-bottom: 12px;
  font-size: 24px;
  line-height: 33px;
  color: #333;
  font-weight: normal;
  float: left;
  margin-right: 40px;
}

.m-titlecomponent-mro ol {
  overflow: hidden;
  zoom: 1;
  float: left;
  padding: 0 5px;
}

.m-titlecomponent-mro ol li {
  float: left;
  /* margin-right: 25px; */
  line-height: 33px;
  color: #666;
  font-size: 16px;
  cursor: pointer;
  /* padding: 0 5px 12px; */
  min-width: 86px;
  text-align: center;
}

.m-titlecomponent-mro .fr {
  float: right;
  line-height: 33px;
  font-size: 16px;
}

.m-titlecomponent-mro .fr a {
  color: #666;
}

.diamond {
  /* padding: 5px 5px; */
  /* margin: 0 5px; */
  display: inline-block;
  color: #4d4d4d;
}

.diamond.active,
.diamond:hover {
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(-15deg);
  /* padding: 5px 5px; */
  /* margin: 0 5px; */
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  background-image: linear-gradient(0deg,
      #fdad00 3%,
      #ffc324 83%,
      #ffcd4a 100%);
}

/* 工业品Floor2MroComp组件end */

/* ActiveChannelFloorComp start */
.el_tabs_width {
  margin-top: 20px;
}

.el_tabs_width .el-tabs--card>.el-tabs__header {
  margin-bottom: 0px;
}

.el_tabs_width .el-tabs__nav-wrap.is-scrollable {
  background: #fff;
}

.el_tabs_width .el-tabs__nav-prev {
  width: 20px;
}

.el_tabs_width .el-tabs__nav-next {
  width: 20px;
}

.el_tabs_width .el-tabs__nav-prev.is-disabled {
  background: #ebeef5 !important;
}

.el_tabs_width .el-tabs__nav-next.is-disabled {
  background: #ebeef5 !important;
}

.el_tabs_width .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  font-size: 16px;
  background: #fff;
  color: rgb(240, 43, 43);
  font-weight: bold;
}

.el_tabs_width .el-tabs__item:hover {
  font-weight: bold;
  color: rgb(240, 43, 43);
}

.el_tabs_width .el-icon-arrow-left {
  color: #000;
}

.el_tabs_width .el-icon-arrow-right {
  color: #000;
}

.el_tabs_width .el-tabs__item {
  padding: 0 100px;
}

.el_tabs_width .el-tabs--bottom .el-tabs--left .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2) {
  padding: 0 103px;
}

.el_tabs_width .el-tabs--bottom .el-tabs--left .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card .el-tabs__item:last-child {
  padding: 0 100px;
}

/* ActiveChannelFloorComp end */

/* 商城首页分类频道 */
.m-navbar .m-navbar-menu .menudropdown ul li {
  float: none;
  margin-left: 0;
}

/* 首页轮播图隐藏注册按钮 */
.m-suspensionlogon div.m_btnbox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-suspensionlogon div.m_btnbox span a.btn.btn-custom3 {
  display: none;
}

/* deli-shop topbar start */
.m-distributionto .dls_location {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../img/dls_location.png) 0 0 no-repeat;
  vertical-align: middle;
}

.dls_topbar .area-list li span:hover {
  background: #cf152d;
}

.m_areabox.dls_areabox .mt {
  border-bottom: 1px solid #cf152d;
}

.m_areabox.dls_areabox .tab li.hover span {
  border: 1px solid #cf152d;
}

.m-topbar .login-link.blue.dls_red {
  color: #cf152d;
}

.m-topbar.dls_topbar a:hover {
  color: #cf152d;
}

/* deli-shop topbar end */

/* deli-shop bg start */
.dls_search {
  border: 2px solid #cf152d;
}

.dls_search_btn {
  background: #cf152d;
}

.dls_cart-menu {
  border-top: 2px solid #cf152d !important;
}

.m-search.dls_search+.t-indexMa {
  display: none;
}

/* deli-shop bg end */

/* deli-shop navbar-bg start */
.m-navbar-bg.dls_navbar_bg {
  border-bottom: 2px solid #cf152d;
}

.m-categorys.dls_categorys {
  background: #cf152d;
}

.m-prudaltc.dls_prudaltc .m-twotc {
  border-top: 1px solid #cf152d;
}

.m-prudaltc.dls_prudaltc .m-twolt dd a:hover {
  color: #cf152d;
}

.m-navbar.dls_navbar li:hover a,
.m-navbar.dls_navbar li.active a {
  color: #cf152d;
}

/* deli-shop navbar-bg end */

/* deli-shop banner start */
.m-banner.dls_banner .el-carousel__arrow:hover {
  background-color: #cf152d;
}

.btn-custom.dls_btn-custom {
  background-color: #cf152d !important;
  border-color: #cf152d !important;
}

.btn-custom.dls_btn-custom:hover,
.btn-custom.dls_btn-custom:focus,
.btn-custom.dls_btn-custom:active {
  background-color: #cf152d;
  border-color: #cf152d;
}

.btn-custom3.dls_btn-custom3 {
  color: #cf152d;
  border-color: #cf152d !important;
}

.btn-custom3.dls_btn-custom3:hover,
.btn-custom3.dls_btn-custom3:focus,
.btn-custom3.dls_btn-custom3:active {
  color: #cf152d;
  border-color: #cf152d !important;
}

.m-expresslane.dls_expresslane li a:hover {
  color: #d2a061;
}

.m-banner.dls_banner .m-notice .m-noticetab span.active {
  border-bottom: 2px solid #cf152d;
}

.m-banner.dls_banner .m-notice .m-noticelistbox p a:hover {
  color: #cf152d;
}

.m-notice.dls_notice .m-noticetab span.active {
  border-bottom: 2px solid #cf152d;
}

.m-notice.dls_notice .m-noticelistbox p a:hover {
  color: #cf152d;
}

/* deli-shop banner end */

/* deli-shop floor start */
.m-titlecomponent.dls_titlecomponent ol li.active,
.m-titlecomponent.dls_titlecomponent ol li:hover {
  border-bottom: 2px solid #cf152d;
  color: #cf152d;
  background: url(../../img/index/dls_tab_active.png) center bottom no-repeat;
}

.m-floortabhead.dls_floortabhead span.active {
  background: #cf152d;
}

/* deli-shop floor end */

/* deli-shop server start */
.bottom_promise.dls_bottom_promise:hover p {
  color: #cf152d;
}

/* deli-shop server end */

/* deli-shop help start */
.footer-nav.dls_footer-nav dl dd a:hover {
  color: #cf152d;
}

/* deli-shop help end */

/* deli-shop left start */
.rt-nav .dls_rt-nav li.active {
  background: #cf152d;
  color: #fff;
}

.rt-nav .dls_rt-nav li a:hover {
  color: #cf152d;
}

.rt-nav .dls_rt-nav li.active a:hover {
  color: #fff;
}

.rt-nav .dls_rt-nav .m-backtop {
  color: #cf152d;
}

.rt-nav .m-backtop .dls_backtothetop {
  display: block;
  height: 22px;
  width: 22px;
  margin: 0px auto 3px;
  background: url(../../img/dls_backtothetop.png) center no-repeat;
}

/* deli-shop left end */

/* deli-shop right start */
.the-cart .men-mro.dls_men-mro {
  background: url(../../img/cart/dls-man.png) center no-repeat;
}

.the-cart .men-mro.dls_men-mro:hover {
  background: url(../../img/cart/dls-man-hover.png) center no-repeat;
  background-color: #cf152d;
}

.the-cart .cart-mro.dls_cart-mro {
  background: url(../../img/cart/dls-cart.png) center no-repeat;
}

.the-cart .cart-mro.dls_cart-mro:hover {
  background: url(../../img/cart/dls-cart-hover.png) center no-repeat;
  background-color: #cf152d;
}

.the-cart .cart-mro.dls_cart-mro:hover .carts-mro i {
  background-color: #cf152d;
}

.the-cart .sc-mro.dls_sc-mro {
  background: url(../../img/cart/dls-sc.png) center no-repeat;
}

.the-cart .sc-mro.dls_sc-mro:hover {
  background: url(../../img/cart/dls-sc-hover.png) center no-repeat;
}

.the-cart .serve-mro.dls_serve-mro {
  background: url(../../img/cart/dls-serve.png) center no-repeat;
}

.the-cart .serve-mro.dls_serve-mro:hover {
  background: url(../../img/cart/dls-serve-hover.png) center no-repeat;
}

.the-serve-mro .serveMro1.dls_serveMro1 {
  background: url(../../img/cart/dls-top.png) no-repeat;
}

.the-serve-mro .serveMro1.dls_serveMro1:hover {
  background: url(../../img/cart/dls-top-hover.png) no-repeat;
}

/* deli-shop right end */

/* 视频播放组件样式 start */
.m-banner.m-video {
  background: #74a9dd;
}

.m-banner.m-video .m-bannerslider .videocomp {
  width: 890px;
  height: 500px;
  margin-left: 130px;
}

.m-banner.m-video .m-bannerslider .ind-container {
  display: none;
}

/* 视频播放组件样式 end */

/* 隐藏分类频道品牌展示 start */
.m-categorys .m-prudaltc .m-twobrandbrand {
  display: none;
}

/* 隐藏分类频道品牌展示 end */
/* new side */
.new-side {
  width: 48px;
  height: auto;
  float: right;
  background: #fff;
  position: fixed;
  right: 5%;
  top: 33%;
  z-index: 99;
  /* box-shadow: 0 0 8px 3px #d9d9d9; */
  border-radius: 4px;
}

.m-service .m-backtop {
  line-height: 18px;
  padding: 6px 10px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  color: #666;
  text-align: center;
  border-top: 1px solid #eee;
}

.m-backtop {
  width: 48px;
  height: 48px;
  padding: 3px 0;
  line-height: normal;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.m-backtop s {
  display: block;
  height: 17px;
  width: 19px;
  margin: 4px auto 3px;
}

.userimg s {
  background: url(../../img/index/rtaside/user.svg) center no-repeat;
  background-size: 17px 19px;
}

.userimg:hover s {
  background: url(../../img/index/rtaside/userr.svg) center no-repeat;
  background-size: 17px 19px;
}

.carimg s {
  background: url(../../img/index/rtaside/car.svg) center no-repeat;
  background-size: 17px 19px;
}

.carimg:hover s {
  background: url(../../img/index/rtaside/carr.svg) center no-repeat;
  background-size: 17px 19px;
}

.customerserimg s {
  background: url(../../img/index/rtaside/customerser.svg) center no-repeat;
  background-size: 17px 19px;
}

.customerserimg:hover s {
  background: url(../../img/index/rtaside/customerserr.svg) center no-repeat;
  background-size: 17px 19px;
}

.customerserimg:hover a {
  color: #fff !important;
}

.collectionimg s {
  background: url(../../img/index/rtaside/collection.svg) center no-repeat;
  background-size: 17px 19px;
}

.collectionimg:hover s {
  background: url(../../img/index/rtaside/collectionr.svg) center no-repeat;
  background-size: 17px 19px;
}

.topimg s {
  background: url(../../img/index/rtaside/top.svg) center no-repeat;
  background-size: 13px 6px;
}

.topimg:hover s {
  background: url(../../img/index/rtaside/topr.svg) center no-repeat;
  background-size: 13px 6px;
}

.m-backtop:hover {
  color: #fff;
  background-color: #2878ff !important;
  background-color: var(--commonColor) !important;
  cursor: pointer;
}

.new-side p {
  width: 48px;
  text-align: center;
}

.m-backtop:hover {
  border-radius: 4px;
}

/* 集优商城 企业注册轮播图组件样式 start */
.m-jymall .ind-container {
  top: 0;
  margin-left: 400px;
}

.m-banner .m-jymall .el-carousel__arrow--right {
  right: 563px !important;
}

.m-banner .m-jymall .el-carousel__arrow--left {
  left: 565px !important;
}

.m-jymall .ind-container .m-suspensionlogon {
  width: 200px;
  height: 500px;
}

.m-jymall .m-header {
  width: 180px;
  margin: 0 auto;
  display: flex;
  height: 96px;
  align-items: flex-end;
  justify-content: space-between;
}

.m-jymall .m-header .m-headimg span {
  width: 50px;
  height: 50px;
}

.m-jymall .m-header .m-head-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.m-jymall .m-suspensionlogon .m-header .m-head-right div.m_btnbox {
  width: 100%;
  justify-content: flex-start;
}

.m-jymall .m-suspensionlogon .m-header .m-head-right .m_btnbox a {
  border: 0;
  background: none;
  color: #333;
  margin: 0;
  width: inherit;
  height: inherit;
  line-height: inherit;
}

.m-jymall .m-suspensionlogon .m-header .m-head-right .m_btnbox a:hover {
  color: #004EA2;
  /* color: #00AFEC; */
}

.btn-custom-line {
  display: inline-block;
  width: 1px !important;
  height: 12px !important;
  background: #000 !important;
  margin: 3px 6px !important;
}

.m-jymall .m-header .m-head-right .m-welcome {
  padding: 0;
}

.m-jymall .m-suspensionlogon .m-privilege h3 {
  margin-bottom: 5px;
  font-weight: 600;
}

.m-jymall .m-suspensionlogon .m-privilege ul li p span:nth-child(1) {
  color: #333333;
}

.m-jymall .m-suspensionlogon .m-privilege ul li p span:nth-child(2) {
  font-size: 12px;
}

.m-jymall .m-suspensionlogon .m-privilege ul li {
  margin-bottom: 10px;
}

.m-line {
  width: 180px;
  height: 1px;
  background: #999999;
  opacity: 0.27;
  margin: 0 auto;
  margin-bottom: 16px;
}

.m-privilege {
  width: 180px;
  margin: auto;
}

.m-privilege h3 {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
  font-weight: 600;
}

.m-privilege ul li {
  width: 100%;
  display: flex;
  align-items: center;
  color: #333;
  height: 52px;
}

.m-privilege ul li img {
  width: 35px;
  margin-right: 20px;
}

.m-privilege ul li p {
  display: flex;
  flex-direction: column;
}

.m-privilege ul li p span:nth-child(1) {
  font-size: 14px;
  color: #333;
}

.m-privilege ul li p span:nth-child(2) {
  color: #666;
  font-size: 12px;
}

.m-jymall .m-notice {
  width: 180px;
  margin: 60px auto 0;
}

.m-jymall .m-notice .m-notice-title {
  text-align: left;
}

.m-jymall .m-notice .m-notice-title span:nth-child(1) {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-right: 8px;
}

.m-jymall .m-notice .m-notice-title span:nth-child(2) {
  font-weight: 400;
  color: #666;
}

.m-jymall .m-notice .m-noticelistbox {
  padding: 0;
  margin: 0;
}

.m-jymall .m-notice .m-noticelistbox p {
  height: 25px;
  line-height: 25px;
  cursor: pointer;
}

/* 集优商城 企业注册轮播图组件样式 end */

/* 集优商城 企业注册双栏组件样式 start */
.m-company-dailyselection #tns2-iw {
  margin: 0;
  margin-left: -10px !important;
  overflow: hidden;
  zoom: 1;
}

.m-company-dailyselection.m-dailyselection {
  width: 100%;
}

.m-company-dailyselection .m-itme {
  height: 300px;
}

.m-company-dailyselection .m-itme .m-img {
  width: 130px;
  height: 130px;
}

.company-product-list li .produc-components .m-price,
.m-company-dailyselection .m-itme .m-price {
  font-size: 16px;
  text-decoration: line-through;
}

.company-product-list li .produc-components .m-company-price,
.m-company-dailyselection .m-itme .m-company-price {
  display: flex;
  align-items: center;
  justify-content: center;
}

.company-product-list li .produc-components .m-company-price p,
.m-company-dailyselection .m-itme .m-company-price p {
  color: #ea413c;
  font-size: 20px;
  text-align: center;
  margin: 10px 20px 5px;
}

.m-company-dailyselection .m-itme .btn {
  color: #ea413c;
  width: 140px;
  height: 26px;
  line-height: 26px;
  padding: 0;
  background: #F8FCFF;
  border-radius: 6px;
  border: 1px solid #004DA8;
  backdrop-filter: blur(20px);
  color: #004DA8;
}

.m-company-dailyselection .m-itme .btn:hover {
  border: 1px solid #004DA8;
}

.m-company-dailyselection .m-itme .tit {
  margin-top: 10px;
}

.m-company-dailyselection .m-itme .tit h2 {
  -webkit-line-clamp: 2;
  height: 36px;
  line-height: 20px;
}

/* 集优商城 企业注册双栏组件样式 end */

/* 集优商城 企业注册商品推荐组件样式 start */
.scene-pavilion-list,
.company-product-list {
  display: flex;
  flex-wrap: wrap;
}

.company-product-list li {
  width: 16%;
  margin-right: 7px;
}

.company-product-list li .produc-components {
  height: 298px;
}

.company-product-list li .produc-components .tit {
  font-size: 14px;
  margin-top: 10px;
  height: 40px;
}

.company-product-list li .produc-components .pic {
  width: 130px;
  height: 130px;
  margin-top: 20px;
}

.company-product-list li .produc-components .btn {
  display: block;
  width: 140px;
  height: 26px;
  line-height: 26px;
  padding: 0;
  background: #F8FCFF;
  border-radius: 6px;
  border: 1px solid #004DA8;
  backdrop-filter: blur(20px);
  color: #004DA8;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
}

.company-product-list li .produc-components .btn:hover {
  border: 1px dashed #004DA8;
}

/* 集优商城 企业注册商品推荐组件样式 end */

/* 集优商城 场景馆组件样式 start */
.scene-pavilion-list li {
  width: 32%;
  margin-right: 15px;
}

.scene-pavilion-list li .produc-components .pic {
  position: relative;
  width: 370px;
  height: 220px;
}

.scene-pavilion-list li .produc-components .pic .pic-line-common {
  position: absolute;
  top: 0;
  height: 5px;
  background: #FF8000;
  border-radius: 3px;
}

.scene-pavilion-list li .produc-components .pic .pic-line1 {
  left: 24px;
  width: 41px;
}

.scene-pavilion-list li .produc-components .pic .pic-lin2 {
  left: 71px;
  width: 10px;
}

.scene-pavilion-list li .tit {
  font-size: 20px;
  text-align: left;
  margin: 10px 0 15px 8px;
}

.scene-pavilion-list li .titles {
  text-align: left;
  margin: 17px 0 15px 30px;
}

.scene-pavilion-list li .titles span {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
  margin-right: 5px;
}

.scene-pavilion-list li .titles small {
  font-size: 12px;
  color: #666666;
  line-height: 17px;
}

.new-floor-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  margin: 28px 0;
}

.new-floor-title .icon {
  width: 27px;
  height: 27px;
  background: url('../../img/index/product/square-icon.png') center no-repeat;
  background-size: 27px 27px;
  margin-right: 7px;
}

.new-floor-title .title {
  width: 111px;
  height: 23px;
  background: url('../../img/index/product/channelsquare.png') center no-repeat;
  background-size: 111px 23px;
}

/* 集优商城 场景馆组件样式 end */

/* 隐藏分类频道品牌展示 start */
.m-categorys .m-prudaltc .m-twobrandbrand {
  display: none;
}

/* 隐藏分类频道品牌展示 end */
/* new side */
.new-side {
  width: 48px;
  height: auto;
  float: right;
  background: #fff;
  position: fixed;
  right: 5%;
  top: 33%;
  z-index: 99;
  /* box-shadow: 0 0 8px 3px #d9d9d9; */
  border-radius: 4px;
}

.m-service .m-backtop {
  line-height: 18px;
  padding: 6px 10px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  color: #666;
  text-align: center;
  border-top: 1px solid #eee;
}

.m-backtop {
  width: 48px;
  height: 48px;
  padding: 3px 0;
  line-height: normal;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.m-backtop s {
  display: block;
  height: 17px;
  width: 19px;
  margin: 4px auto 3px;
}

.userimg s {
  background: url(../../img/index/rtaside/user.svg) center no-repeat;
  background-size: 17px 19px;
}

.userimg:hover s {
  background: url(../../img/index/rtaside/userr.svg) center no-repeat;
  background-size: 17px 19px;
}

.carimg s {
  background: url(../../img/index/rtaside/car.svg) center no-repeat;
  background-size: 17px 19px;
}

.carimg:hover s {
  background: url(../../img/index/rtaside/carr.svg) center no-repeat;
  background-size: 17px 19px;
}

.customerserimg s {
  background: url(../../img/index/rtaside/customerser.svg) center no-repeat;
  background-size: 17px 19px;
}

.customerserimg:hover s {
  background: url(../../img/index/rtaside/customerserr.svg) center no-repeat;
  background-size: 17px 19px;
}

.customerserimg:hover a {
  color: #fff !important;
}

.collectionimg s {
  background: url(../../img/index/rtaside/collection.svg) center no-repeat;
  background-size: 17px 19px;
}

.collectionimg:hover s {
  background: url(../../img/index/rtaside/collectionr.svg) center no-repeat;
  background-size: 17px 19px;
}

.topimg s {
  background: url(../../img/index/rtaside/top.svg) center no-repeat;
  background-size: 13px 6px;
}

.topimg:hover s {
  background: url(../../img/index/rtaside/topr.svg) center no-repeat;
  background-size: 13px 6px;
}

.m-backtop:hover {
  color: #fff;
  background-color: #01aaeb;
  cursor: pointer;
}

.new-side p {
  width: 48px;
  text-align: center;
}

.m-backtop:hover {
  border-radius: 4px;
}

/* 集优商城 易采分类频道组件样式 start */
.m-company-categorys {
  width: 200px;
}

.m-company-prudaltc {
  width: 200px;
  height: 501.5px;
  background: #ffffff;
}

.m-company-prudaltc .m-twotc {
  left: 199px;
  width: 800px;
  height: 501.5px;
  background: #ffffff;
  box-shadow: -1px 0px 8px 0px rgba(20, 51, 84, 0.14);
}

.m-company-prudaltc ul li {
  height: 34px;
  line-height: 34px;
}

.m-company-prudaltc ul li .m-pctreedl dt a {
  color: #666;
  line-height: 32px;
}

.m-company-prudaltc ul li:hover {
  background: rgba(25, 122, 255, .1);
  border-left: 0;
}

.m-company-categorys:hover .m-company-prudaltc {
  box-shadow: -1px 0px 8px 0px rgba(20, 51, 84, 0.14);
}

.m-company-prudaltc:hover {
  box-shadow: -1px 0px 8px 0px rgba(20, 51, 84, 0.14);
}

.m-company-prudaltc ul li:hover .m-pctreedl dt a {
  color: #004EA2;
}

.m-company-prudaltc .m-pctreedl dt img {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 16px;
  height: 16px;
}

.m-company-prudaltc .m-pctreedl dt a {
  padding-left: 30px;
}

.m-company-prudaltc .m-twolt dl {
  display: flex;
  flex-direction: column;
}

.m-company-prudaltc .m-twolt dd {
  margin-left: 10px;
}

.m-company-prudaltc .m-twolt dd a {
  border-left: 0;
  color: #999;
}

.m-company-prudaltc .m-twolt dt a {
  font-size: 14px;
  color: #333;
}

.m-company-prudaltc .m-twolt dt {
  width: 240px;
}

.m-company-prudaltc .m-twolt {
  float: left;
  padding: 5px 10px 13px 5px;
  width: 775px;
  overflow: hidden;
  min-height: 447px;
}

.m-company-prudaltc .m-twolt dd {
  float: left;
  width: 765px;
  overflow: hidden;
  padding-bottom: 5px;
}

.m-company-prudaltc .m-twolt dt:nth-child(n+1) {
  margin-top: 8px !important;
}

/* 集优商城 易采分类频道组件样式 end */

/* 集优商城 每日精选、热销爆品组件样式 start */
.m-new-titlecomponent {
  display: flex;
  align-items: center;
  margin: 30px 0 8px;
  overflow: hidden;
  zoom: 1;
}

.m-new-titlecomponent .icon {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.m-new-titlecomponent .title {
  width: 109px;
  height: 26px;
  margin-right: 11px;
}

.m-new-titlecomponent .text {
  font-size: 12px;
  color: #004EA2;
  line-height: 12px;
  padding-top: 8px;
}

.m-new-titlecomponent .daily-icon {
  background: url('../../img/index/product/crown-icon.png') bottom no-repeat;
  background-size: 26px 26px;
}

.m-new-titlecomponent .daily-title {
  background: url('../../img/index/product/chosen.png') bottom no-repeat;
  background-size: 109px 23px;
}

.m-new-titlecomponent .hotsell-icon {
  background: url('../../img/index/product/hot-icon.png') bottom no-repeat;
  background-size: 26px 26px;
}

.m-new-titlecomponent .hotsell-title {
  background: url('../../img/index/product/sellwell.png') bottom no-repeat;
  background-size: 109px 23px;
}

.m-company-dailyselection .swiper-box .tns-outer>button {
  display: none !important;
}

/* 集优商城 每日精选、热销爆品组件样式 end */

/* 窑街煤电集团有限公司慧采平台更改主题色 start */
.common_search {
  border: 2px solid #14ad60;
}

.common_search_btn {
  background: #14ad60;
}

.common_cart-menu {
  border-top: 2px solid #14ad60 !important;
}

.m-search.common_search+.t-indexMa {
  display: none;
}

.m-navbar-bg.common_navbar_bg {
  border-bottom: 2px solid #14ad60;
}

.m-categorys.common_categorys {
  background: #14ad60;
}

.m-prudaltc.common_prudaltc .m-twotc {
  border-top: 1px solid #14ad60;
}

.m-prudaltc.common_prudaltc .m-twolt dd a:hover {
  color: #14ad60;
}

.m-navbar.common_navbar li:hover a,
.m-navbar.common_navbar li.active a {
  color: #14ad60;
}

/* 窑街煤电集团有限公司慧采平台更改主题色 end */
/* 合作招商按钮颜色 */
.btn-custom-red {
  color: #fff;
  background-color: #d9001b !important;
  border-color: #d9001b !important;
}

.btn-custom-red:hover {
  color: #fff !important;
}

/* 合作招商按钮颜色end */

/* 弹窗公告样式 */
.notice-info-box .done-mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.notice-info-box .done-dialog-short {
  min-width: 706px;
  height: 560px;
  background: #f7f9fa;
  border-radius: 10px;
  position: fixed;
  z-index: 5000;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  font-size: 0;
}

.notice-info-box .done-dialog-left {
  width: 30%;
  padding: 30px 20px;
  background: #fff;
  border-radius: 10px;
}

.notice-info-box .done-dialog-left .left-title {
  font-size: 15px;
  color: #333333;
  margin-bottom: 15px;
}

.notice-info-box .left-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7f9fa;
  border-radius: 5px;
  padding: 10px 10px 8px 0;
  margin-bottom: 15px;
}

.notice-info-box .left-list-item .cover {
  width: 80px;
  margin-right: 8px;
}

.notice-info-box .left-list-item .cover img {
  width: 100%;
}

.notice-info-box .done-dialog-right {
  width: 70%;
  margin: 20px;
}

.notice-info-box .left-text {
  width: 150px;
  overflow: hidden;
}

.notice-info-box .left-text .title {
  font-size: 12px;
  color: #333;
  font-weight: 600;
  margin-bottom: 4px;
}

.notice-info-box .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.notice-info-box .left-text .info {
  font-size: 12px;
  color: #666666;
}

.notice-info-box .dialog-right-content {
  height: 520px;
  background: #ffffff;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 10px;
}

.notice-info-box .right-content-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice-info-box .right-content-top .title {
  position: relative;
  font-size: 15px;
  color: #333333;
  font-weight: 600;
}

.notice-info-box .right-content-top .title::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 15px;
  background: #366edc;
  left: -8px;
  top: 3px;
}

.notice-info-box .right-content-close {
  width: 20px;
}

.right-content-close img {
  width: 100%;
}

.notice-info-box .right-conten-time {
  font-size: 14px;
  color: #999999;
  border-top: 1px solid #e8e8e8;
  padding-top: 16px;
}

.notice-info-box .right-conten-info {
  margin: 16px 0;
}

.notice-info-box .right-conten-info {
  text-indent: 2em;
  font-size: 14px;
  color: #333;
  overflow: auto;
  max-height: 400px;
}

/* 弹窗公告样式 end */
/* 消息通知小红点 */
.index-news-ball {
  position: absolute;
  right: 2px;
  top: -4px;
  min-width: 15px;
  z-index: 99;
  padding: 0 5px;
  background: #FF4500;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

/* 消息通知小红点 end*/

/* 集什商城2 */
.js2 .m-titlecomponent {
  display: flex;
  justify-content: space-between;
  margin: 32px 0 20px;
}

.js2 .m-titleempty {
  margin: 32px 0 0;
}

.js2 .m-titlecomponent h3 {
  padding-bottom: 0;
  padding-left: 8px;
  font-size: 30px;
  font-family: "YouSheBiaoTi";
}

.js2 .m-titlecomponent ol {
  margin-right: 16px;
}

.js2 .m-titlecomponent li {
  font-size: 14px;
  margin-right: 16px;
  padding: 0;
  min-width: 56px;
  line-height: 30px;
}

.js2 .m-titlecomponent li:hover,
.js2 .m-titlecomponent li.active {
  background: none;
  border: 0;
  font-weight: bold;
}

.js2 .link-box {
  width: 210px;
  padding: 0;
  margin: 0;
}

.js2 .product-List li {
  width: auto;
  padding: 0;
}

.js2 .produc-components {
  width: 190px;
  height: 266px;
  padding: 0 10px;
  margin-left: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #fff;
}

.js2 .produc-components:hover {
  box-shadow: unset;
}

.js2 .produc-components:hover .pic {
  box-shadow: unset;
  opacity: .8;
}

.js2 .produc-components:hover .tit {
  color: #2878FF;
  color: var(--commonColor);
}

.js2 .produc-components .pic {
  width: 146px;
  height: 146px;
  margin: 20px 12px;
}

.js2 .produc-components .m-price {
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  color: #F53F3F;
}

.js2 .produc-components span {
  font-size: 12px;
}

.js2 .produc-components .tit {
  width: 100%;
  text-align: left;
  height: 34px;
}

.js2 .threelardy {
  width: 990px;
  margin: 0;
}

.js2 .link-box .link-nr {
  height: 540px;
}

.js2 .link-box .link-nr img {
  border-radius: 8px;
}

.js2 .threelayer {
  padding: 0;
  height: 540px;
}

.js2 .m-titlecomponent-li {
  color: #999;
}

/* 11989宁波产权定制化 */
.nbcq_mask {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99999;
}

.bg.nbcq_head {
  background-image: url(https://img.jslink.com/FILE84745ab09a3644e88dd23f9cff4d26ff.jpg);
  background-size: cover;
}

.m-navbar-bg.nbcq_navbar_bg {
  background-image: url(https://img.jslink.com/FILE84745ab09a3644e88dd23f9cff4d26ff.jpg);
  background-size: cover;
  background-position-y: -106px;
  border-bottom: none;
}

.code-dialog .el-dialog__body {
  padding-top: 10px;
}

.code-dialog .code-title {
  margin-bottom: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.code-dialog .code-tip {
  margin-top: 20px;
  font-size: 12px;
  text-align: justify;
  color: #999;
}

.nbcq_pdf {
  margin-bottom: 15px;
  overflow-y: hidden;
}

.nbcq_title {
  margin-top: -28px;
  font-size: 16px;
}

.nbcq_title a {
  font-size: 12px;
  color: #2878ff;
}

.nbcq_phone {
  margin-top: 6px;
  margin-bottom: 30px;
  font-size: 12px;
  color: #999;
}

.nbcq_head .m-topcart .m-topcart-dropdown {
  background: #fff;
}

/* logo、搜索、购物车、专区 */
.js2 .m-logo {
  position: static;
  height: 50px;
  margin: 28px 90px 29px 0;
  width: auto;
  max-width: 342px;
}

.js2 .m-logo img {
  height: 50px;
  object-fit: contain;
}

.js2 .m-search {
  position: static;
  display: inline-block;
  height: 36px;
  margin-top: 28px;
  width: 530px;
  box-sizing: content-box;
}

.js2 .logoSearch1 {
  display: flex;
}

.js2 .m-topcart {
  float: none;
  margin: 30px 0 0 16px;

}

.js2 .m-search-input {
  width: 100%;
  padding-left: 30px;
}

.js2 .m-search-box {
  display: flex;
}

.js2 .m-search-box::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  left: 8px;
  background: url(../../img/search.png) 0 0 no-repeat;
}

.js2 .m-search-hot a:last-child::after {
  content: "";
}

.js2 .m-search-hot a::after {
  content: "|";
  margin: 0 6px;
}

.js2 .m-search-hot a {
  margin: 0;
}

.js2 .m-navbar li {
  font-weight: normal;
  font-size: 16px;
  margin-left: 48px;
}

.js2 .m-navbar li:first-child {
  font-weight: normal;
  font-size: 16px;
  margin-left: 32px;
}

.js2 .m-categorys h2 {
  padding: 0 24px 0 44px;
  background: url(../../img/classification.png) 20px center no-repeat;
  background-size: 17px 14px;
}

.js2 .m-categorys {
  border-radius: 8px 8px 0 0;
  width: 200px;
}

.js2 .g-box:before {
  content: '';
}

.js2 .m-search-btn {
  letter-spacing: 0;
  font-size: 18px;
  width: 120px;
}

/* js2logosearchcarcomp2  集什2logo频道搜索 */
.js2 .logoChannel {
  position: relative;
  display: flex;
  width: 1200px;
  margin: 0 auto;
  height: 86px;
  background-color: #fff;
}

.js2 .logoChannel .m-logo {
  height: 48px;
  margin: 19px 0 0 0;
  max-width: 322px;
}

.js2 .logoChannel .m-logo img {
  height: 48px;
  object-fit: contain;
}

.js2 .logoChannel .m-navbar {
  margin-top: 23px;
  margin-left: 46px;
}


.js2 .logoChannel .m-navbar li {
  color: #323233;
  font-size: 18px;
  margin-left: 24px;
  line-height: 40px;
}

.js2 .logoChannel .m-navbar li a {
  white-space: nowrap;
}

.js2 .searchHead {
  display: flex;
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 100px;
  background-color: transparent;
}

.js2 .searchHead .m-search {
  margin: 20px 0 0 146px;
  width: 763px;
}


.js2 .searchHead .m-topcart {
  right: 0;
  margin: 21px 0 0 16px;
}

.js2 .searchHead .m-topcart-dropdown {
  display: inline-block;
  background-color: #fff;
}

/* js2logosearchcarcomp3  集什2logo搜索频道 */
.js2 .logoSearch3 {
  display: flex;
}

.js2 .logoSearch3 .m-navbar>ul>li:first-child {
  margin-left: 226px;
}

.js2 .logoSearch3 .m-navbar li {
  margin-left: 36px;
}

/* 集什2分类轮播广告 */
.js2-bannerslider {
  display: flex;
  height: 540px;
  background-color: #fff;
  justify-content: space-between;
  border-radius: 8px;
}

.js2-bannerslider .m-prudaltc {
  position: static;
  width: 200px;
  height: 100%;
  border-radius: 8px;
  background-color: #fff;
}

.js2-bannerslider .m-prudaltc .m-pctreedl dt a {
  color: #333;
}

.js2-bannerslider .m-prudaltc ul li,
.js2-bannerslider .m-prudaltc li:hover {
  border: 0;
  padding-left: 20px;
}

.js2-bannerslider .m-prudaltc li:hover .m-pctreedl dt a {
  color: #2878FF;
  color: var(--commonColor);
}

.js2-bannerslider .el-carousel {
  width: 750px;
  padding: 10px 0 10px 10px;
}

.js2-bannerslider .el-carousel__container {
  height: 100%;
  border-radius: 8px;
}

.js2-bannerslider .el-carousel__container img {
  height: 100%;
  object-fit: cover;
}

.js2-bannerslider .el-carousel__item {
  border-radius: 8px;
}

.js2-bannerslider .el-carousel__arrow--left {
  left: 0;
  width: 25px;
  height: 36px;
  border-radius: 0;
  background: url(../../img/home/left-arrow-bg.png) center no-repeat;
}

.js2-bannerslider .el-carousel__arrow--right {
  right: 0;
  width: 25px;
  height: 36px;
  border-radius: 0;
  background: url(../../img/home/right-arrow-bg.png) center no-repeat;
}

.m-prudaltc ul li:hover .js2-category-plate {
  display: block;
}

.js2-category-plate {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
  width: 1000px;
  height: 540px;
  z-index: 11;
  border: 0;
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 18px 0 22px 8px;
  background-color: #fff;
  border-radius: 8px;
}

.js2-category-plate dl {
  display: flex;
  padding: 0 60px 11px 20px;
}

.js2-category-plate dt {
  width: 85px;
  line-height: 21px;
}

.js2-category-plate dd {
  flex: 1;
  line-height: 21px;
}

.js2-category-plate dt a {
  color: #333;
  line-height: 21px;
  font-weight: 700;
}

.js2-category-plate dt:hover,
.js2-category-plate dd:hover {
  color: #2878FF;
  color: var(--commonColor);
}

.js2-category-plate dd a {
  color: #333;
  line-height: 21px;
  margin-right: 18px;
  white-space: nowrap;
}

.js2-category-list {
  width: 200px;

}

.js2 .m-expresslane {
  margin-bottom: 4px;
}

.js2 .m-expresslane ol {
  display: flex;
  flex-wrap: wrap;
  border: 0;
}

.js2 .m-expresslane li {
  display: inline-block;
  width: 72px;
  float: none;
  border: 0;
  padding-bottom: 16px;
}

.js2 .m-expresslane li a {
  display: flex;
  height: 56px;
  flex-direction: column;
  justify-content: space-between;
}

.js2 .m-expresslane li s {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.js2-ind-container {
  width: 250px;
  height: 540px;
  padding: 11px 17px 19px 13px;
  border-radius: 8px;
}

.js2-ind-container .m-suspensionlogon {
  width: 220px;
  height: 100%;
}

.js2 .m-notice {
  background-color: #F6F9FF;
  border-radius: 4px;
  padding: 16px 8px;
  height: 153px;
  overflow: hidden;
}

.js2 .m-notice .m-noticelistbox p {
  margin-top: 8px;
  line-height: 17px;
  height: 17px;
}

.js2 .m-notice .m-noticelistbox {
  padding: 0;
  margin-top: 4px;
}

.js2-noticetab {
  margin-bottom: 12px;
}

.js2-noticetab span {
  cursor: pointer;
}

.js2-noticetab span.active {
  color: #2878FF;
}

.js2-noticetab span:nth-child(2)::before {
  content: "|";
  margin: 0 4px;
  color: #333;
}

.js2-noticetab a {
  float: right;
  color: #999;
}

.js2-noticetab a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../../img/home/right-arrow.png) center no-repeat;
}

.m-holderpicture {
  width: 100%;
  height: 100px;
  line-height: 100px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 30px;
  background: url(../../img/home/partner-bg.png) center no-repeat;
}

.m-holderpicture h5 {
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 17px;
}

.m-holderpicture h6 {
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}

.m-login-container {
  display: flex;
  border-bottom: 1px solid rgba(192, 210, 255, 0.27);
  margin-bottom: 20px;
  padding-bottom: 9px;
}

.m-login-container h5 {
  color: #999;
  margin-top: 8px;
  line-height: 17px;
}

.m-login-btn a {
  line-height: 17px;
}

.m-login-btn a:first-child {
  color: #2878FF;
  color: var(--commonColor);
}

.m-login-btn a+a::before {
  content: "|";
  color: #333;
  line-height: 17px;
  margin: 0 4px;
}

.m-login-container-right {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 6px;
}

.m-headpicture img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  overflow: hidden;
}

.m-login-name {
  color: #999;
}

.m-usercenter {
  width: 100%;
  height: 100px;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 20px;
  padding: 12px 8px;
  background: url(../../img/home/usercenter-bg.png) center no-repeat;
}

.m-usercenter h4 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}

.m-usercenter h4 img {
  width: 22px;
  vertical-align: -0.5em;
  margin-right: 3px;
}

.m-usercenter a {
  display: inline-block;
  border-radius: 4px;
  background-color: #fff;
  color: #2878FF;
  padding-left: 6px;
  height: 48px;
  line-height: 48px;
  width: 98px;
  cursor: pointer;
}

.m-usercenter a img {
  vertical-align: middle;
  margin-left: 9px;
  width: 33px;
}

.m-usercenter a:first-child img {
  vertical-align: middle;
  margin-left: 9px;
  width: 31px;
}


.m-usercenter a:first-child {
  margin-right: 8px;
}

.m-usercenter-card {
  display: flex;
}

.js2-category_group {
  padding-top: 7px;
}

.js2-category_group ul li {
  height: auto;
  padding: 12px 20px 0;
  border: 0;
}

.js2-category_group>ul {
  padding: 0;
  max-height: 520px;
}

.js2-category_group .m-prudaltc_title {
  font-size: 14px;
  line-height: 16px;
}

.js2-category_group .m-prudaltc_link {
  display: inline-block;
  color: #999;
  line-height: 17px;
  width: 48px;
}

.js2-category_group .m-prudaltc_link+.m-prudaltc_link {
  margin-left: 7px;
}

.js2-category_group li .m-prudaltc_link:hover {
  color: #2878FF;
  color: var(--commonColor);
}

.js2-category_group li:hover>a {
  color: #999;
}

.js2-category-plate dt a:hover,
.js2-category-plate dd a:hover {
  color: #2878FF;
  color: var(--commonColor);
}

/* 集什2分类轮播广告通栏 */
.js2-bannerslider_box {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.js2-bannerslider_full {
  position: relative;
  width: 1920px;
  margin-left: -960px;
  left: 50%;
  overflow: hidden;
}

.js2-bannerslider_full .m-prudaltc {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-600px);
  border-radius: 0 0 8px 8px;
  z-index: 12;
}

.js2-bannerslider_full .js2-ind-container {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(600px);
  border-radius: 0 0 8px 8px;
  z-index: 11;
  background-color: #fff;
}

.js2-bannerslider_full .js2-bannerslider .el-carousel {
  width: 1920px;
  padding: 0;
}

.js2-bannerslider_full .el-carousel__arrow--left {
  left: 50%;
  transform: translateX(-400px);
}

.js2-bannerslider_full .el-carousel__arrow--right {
  right: 50%;
  transform: translateX(350px);
}

.js2-bannerslider_full .js2-category-plate {
  width: 1008px;
  padding: 18px 0 22px 16px;
  left: 192px;
}

.js2 .m-expresslane li a {
  color: #333;
}

.js2 .m-expresslane li a:hover {
  color: #2878FF;
  color: var(--commonColor);
}

.js2 .m-expresslane li:nth-child(1) img,
.js2 .m-expresslane li:nth-child(2) img {
  width: 24px;
}

.js2 .m-expresslane li:nth-child(3) img {
  width: 29px;
}

.js2 .m-expresslane li:nth-child(4) img {
  width: 30px;
}

.js2 .m-expresslane li:nth-child(5) img {
  width: 25px;
}

.js2 .m-expresslane li:nth-child(6) img {
  width: 26px;
}

/* hover下拉框样式 */
.js2 .m-navbar-menu li:hover .menudropdown {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.js2 .menudropdown {
  width: 112px;
  min-height: unset;
  left: -14px;
  transition: transform 0.3s;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  display: block;
}

.js2 .menudropdown>ul {
  padding: 9px 0;
}

.js2 .menudropdown .m-pctreedl {
  padding: 0 6px;
  margin: 0;
}

.js2 .menudropdown .m-pctreedl:hover dt {
  background-color: #f2f2f2;
}

.js2 .menudropdown .m-pctreedl:hover dt a {
  color: #2878FF;
  color: var(--commonColor);
}

.js2 .menudropdown .m-pctreedl dt {
  padding: 0 8px;
}

.js2 .menudropdown .m-pctreedl dt a {
  color: #666;
}

.js2 .menudropdown ul li {
  border: 0;
}

/* 顶部下拉框样式 */
.js2 .m-headdropdown {
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
  width: 112px;
  border-radius: 6px;
  padding: 6px;
  left: 0;
}

.js2 .m-headdropdown a {
  display: inline-block;
  padding: 0 8px;
  width: 100%;
}

.js2 .m-topbar .tbitem:hover .login-link {
  background-color: transparent;
  border: 0;
}

.js2 .m-topbar .tbitem:hover .login-link {
  color: #2878FF;
  color: var(--commonColor);
}

.js2 .m-topbar.dls_topbar .tbitem:hover .login-link {
  color: #f2f2f2;
}

.js2 .m-topbar .tbitem:hover .login-link {
  padding: 0 9px;
}

.js2 .m-topbar .tbitem:hover svg {
  transition: all 0.2s ease-in-out;
  transform: rotate(-180deg);
}

.js2 .m-topbar .tbitem svg {
  vertical-align: 0.1em;
}

.js2 .m-topbar .login-link {
  padding: 0 9px;
}

.js2 .m-topcart .dropdown-cart-menu {
  left: 0;
}

.js2 .m_sendareabx svg {
  color: #2878FF;
  color: var(--commonColor);
  vertical-align: -0.25em;
  margin-right: 2px;
}

.js2 .el-carousel__indicators {
  bottom: 12px;
}

/* 活动页商品样式 */
.a-box {
  width: 1000px;
  margin: 0 auto;
}

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

.a-product-List li {
  display: inline-block;
  width: 192px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 8px;
}

.detail-box {
  position: relative;
  margin-top: 4px;
}

.detail-box p {
  color: #666;
  font-size: 15px;
  line-height: 18px;
}

.detail-price span {
  font-size: 14px;
  line-height: 18px;
}

.detail-price span:nth-child(1) {
  display: inline-block;
  padding: 0 2px;
  color: #fff;
}

.detail-price span:nth-child(2) {
  font-size: 15px;
  color: #F02610;
}

.detail-skuNo {
  margin-top: 8px;
  padding: 6px 14px;
  line-height: 18px;
  font-size: 14px;
  border-radius: 15px;
  border: 1px solid;
  white-space: nowrap;
}

.detail-cart {
  position: absolute;
  top: 2px;
  right: 0;
  width: 33px;
  height: 33px;
  padding-top: 6px;
  text-align: center;
  border-radius: 50%;
}

.detail-cart img {
  width: 18px;
}

.a-product-List .tit {
  width: 100%;
  text-align: left;
  height: 34px;
  line-height: 18px;
  margin-top: 5px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.a-product-List .pic {
  width: 172px;
  height: 172px;
}

.notice-dialog {
  font-size: 14px;
}

.notice-dialog .el-dialog {
  border-radius: 16px;
}

.notice-dialog .el-dialog__title {
  font-weight: bold;
  font-size: 20px;
}

.notice-dialog .el-dialog__footer {
  padding-top: 0;
}

.overdue-account-body {
  margin-top: 20px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
}

.overdue-account-copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  margin-bottom: 10px;
}

.overdue-account {
  padding: 10px;
  border-radius: 4px;
  background-color: #f5f7f9;
  text-align: center;
  word-break: break-all;
  max-height: 500px;
  overflow-y: auto;
}

.el-button--primary {
  background-color: var(--commonColor);
  border-color: var(--commonColor);
}

/* 场景导航样式开始 */
.scene-nav-wrap {
  display: flex;
  height: 100%;
  padding: 0 12px;
  width: 1200px;
  height: 494px;
  margin: 32px auto 0;
}

.scene-nav {
  width: 135px;
  height: 100%;
  background: no-repeat;
}

.scene-nav-active {
  flex: 1;
  animation: scene-animation 1s;
}

@keyframes scene-animation {
  0% {
    opacity: 0.4;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

.scene-vertical {
  display: flex;
  flex-direction: column;
  color: #fff;
  padding-top: 120px;
  align-items: center;
}

.scene-vertical-title {
  width: 1em;
  margin-bottom: 16px;
  font-size: 24px;
}

.scene-vertical-english {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
  font-size: 14px;
}

.scene-horizontal {
  padding: 120px 48px 0 52px;
  color: #fff;
}

.scene-horizontal-title {
  position: relative;
  font-size: 26px;
  line-height: 30px;
  padding-left: 12px;
}

.scene-horizontal-title::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 28px;
  top: 1px;
  left: 0;
  background-color: #2878FF;
}

.scene-horizontal-description {
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
}

.scene-horizontal-nav {
  margin-top: 16px;
  font-size: 16px;
  line-height: 18px;
}

.scene-horizontal-nav a {
  display: inline-block;
  margin-top: 16px;
  margin-right: 16px;
  text-decoration: none;
  color: #fff;
}

/* 场景导航样式结束 */
.width20 {
  width: 20%;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  box-sizing: border-box;
}