/*
* 卤锚矛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 #02a0e9;
  color: #02a0e9;
  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 #02a0e9;
  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: #02a0e9;
  position: relative;
  z-index: 300;
}

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

.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: #14b7ee;
}

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

.m-navbar>.m-navbar-menu>li:hover::before,
.m-navbar>.m-navbar-menu>li.active::before {
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: 0px;
  content: "";
  color: blue;
  background: url(../../img/nav.png) 0 0 no-repeat;
  display: inline-block;
  width: 14px;
  height: 8px;
}

.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;
}

.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: 500px;
  border-right: 1px solid #f2f2f2;
  margin-left: 1px;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #02a0e9;
  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;
}

.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: #333;
  font-size: 12px;
  margin-top: 3px;
  border-left: 1px solid #ededed;
}

.m-prudaltc .m-twolt dd a:hover {
  color: #02a0e9;
}

.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: 20px 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;
}

/**姣忔棩绮鹃�塭nd**/

/**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: #02a0e9;
}

.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-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 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.m-logo {
  height: 90px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  font-size: 50px;
  margin: 25px 0 15px;
  width: 218px;
}

/*???梅*/
.m-search {
  border: 2px solid #14b7ee;
  margin: 37px 10px 0 0;
  position: absolute;
  left: 315px;
  *display: inline;
  height: 40px;
}

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

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

.m-search-btn {
  float: right;
  width: 92px;
  height: 36px;
  border: none;
  background: #14b7ee;
  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 {
  float: right;
  margin: 37px 0 53px;
  position: relative;
  right: 7px;
  z-index: 998;
}

.m-topcart-dropdown {
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
  color: #292929;
  width: 155px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.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 #14b7ee;
  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 {
  background: #ea413c;
  color: #fff;
  padding: 0 5px;
  top: -10px;
  right: -8px;
  border-radius: 50%;
  line-height: 20px;
  position: absolute;
}

.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 {
  color: #818a92;
  margin-right: 15px;
}

.m-search-hot a:hover {
  color: #14b7ee;
}

/*璐墿杞︿笅鎷夋*/
.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: #14b7ee;
}

.m-topbar .login-link.blue {
  color: #14b7ee;
}

.blue {
  color: #14b7ee;
}

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

.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: 168px;
  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: 15px;
  -webkit-transform: translatey(-10px);
  transform: translatey(-10px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

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

.m-headdropdown .fl {
  width: 48%;
  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: 270px;
}

.m-headdropdown.m-collection .m-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 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: #14b7ee;
}

/*
*
*
*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;
}

.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 {
  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;
}
.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-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 #0e9ce2;
}
.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: #02a0e9;
}

.floor-title.guessyoulike-tit i {
  color: #02a0e9;
}
.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: block;

  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;
}

/** ????掳鈥�?锟tart  **/
.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;
  padding: 16px 0 15px;
  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: #02a0e9;
}

.rt-nav li.active {
  background: #02a0e9;
  color: #fff;
}

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

.rt-nav .m-backtop {
  padding: 3px 0;
  line-height: normal;
  color: #01aaeb;
}

.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-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;
  position: relative;
  top: -6px;
}
.z-titlecomponent h3::before {
  content: "";
  width: 44px;
  border: 1px solid #4d4d4d;
  position: absolute;
  left: 479px;
  top: 50%;
}
.z-titlecomponent h3::after {
  content: "";
  width: 44px;
  border: 1px solid #4d4d4d;
  position: absolute;
  right: 480px;
  top: 50%;
}

.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: 0;
  top: 0;
  width: 100%;
  padding: 23px 50px 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 {
  padding-right: 25px;
} */
.z-material .col-row-4:first-child i {
  background: url(../../img/mrochannel/demo/Mask.png) no-repeat;
  width: 260px;
  height: 300px;
  display: inline-block;
}
.z-material .col-row-4:first-child s {
  background: url(../../img/mrochannel/demo/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);
}
.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-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 .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 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;
}
.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;
}

/** ?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: #02a0e9;
}

.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 10px;
}
.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: block;
  width: 90px;
  height: 50px;
  padding: 0;
  margin: 21px auto;
  overflow: hidden;
}

.m-floor .m-brandlogo2 a {
  display: block;
  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: #00afec;
}

/**/
.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: #02a0e9;
  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;
  position: relative;
  top: -6px;
}
.z-titlecomponent h3::before {
  content: "";
  width: 44px;
  border: 1px solid #4d4d4d;
  position: absolute;
  left: 479px;
  top: 50%;
}
.z-titlecomponent h3::after {
  content: "";
  width: 44px;
  border: 1px solid #4d4d4d;
  position: absolute;
  right: 480px;
  top: 50%;
}

.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: #02a0e9;
  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 {
  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;
}

/* 
  宸ヤ笟鍝佺粍浠舵牱寮弒tart
*/
/* 澶у浘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 */

/* 灏忓鑸猻tart */
.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: #02a0e9;
  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: #02a0e9;
  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;
}
/* 灏忓鑸猠nd /* 
  宸ヤ笟鍝佺粍浠舵牱寮廵nd
*/
.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;
}

.m-navbarmro>.m-navbar-menu>li:hover::before,
.m-navbarmro>.m-navbar-menu>li.active::before {
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: 0px;
  content: "";
  /* color: blue; */
  /* background: url(../../img/navmro.png) 0 0 no-repeat; */
  display: inline-block;
  width: 14px;
  height: 8px;
}
.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: 0px;/**-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;
  position:relative;
}
.g-box-mro ul li::after{
  content:"";
  position:absolute;
  right: 0px;
  top: 20px;
  height: 50px;
  width: 1px;
  background: #ccc;
}
.g-box-mro ul li:last-child::after{
  display: none;
}
.g-box-mro ul li:hover {
  background: #CD2A2C;
  color: #ffffff;
}
.linkerStyle{
  background: #CD2A2C;
  color: #ffffff;
}
/* 宸ヤ笟鍝佸晢鍩庨鑹茬粍浠堕厤缃甧nd */
/* 宸ヤ笟鍝佸晢鍩庡鑸瓙闆嗛厤缃� */
.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;
}
/* 宸ヤ笟鍝佸晢鍩庡鑸瓙闆嗛厤缃甧nd */
.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%);
}
/* 宸ヤ笟鍝丗loor2MroComp缁勪欢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 */