body{
  background-color: #eaeaea !important;
  color: #333;
}
h6{
  font-size: 18px;
  line-height: 1;
  font-weight: normal;
}
h4{
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  color: #333;
}
div,img,span{
  box-sizing: border-box;
}
span{
  color: #333;
}
.top-30{
  margin-top: 30px !important;
}
.top-20{
  margin-top: 20px !important;
}
.bottom-20{
  margin-bottom: 20px !important;
}
/* 文本超过两行部分用省略号代替 */
.text_ellipsis{
  display: -webkit-box;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* 文本超过一行部分用省略号代替 */
.text_overstep{
  display:-webkit-box;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  word-break:break-all;
}
.surplus{
  flex: 1;
}
.frame-c{
  border: 1px solid #ccc;
}
.radius8{
  border-radius: 8px;
}
.frame-radius{
  border-radius: 20px;
}
.frame-radius-left{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.frame-radius-right{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.full-hight{
  height: 100%;
}
.full-width{
  width: 100%;
}
.full{
  width: 100%;
  height: 100%;
}
.border-right{
  border-right: 1px solid #ccc;
}
.shadow1{
  box-shadow: 0px 0px 5.88px 0.12px rgba(78, 35, 45, 0.14);
}
.relative{
  position: relative;
}
.display-area{
  width: 1180px;
  margin: 0 auto;
}

.main{
  width: 1240px !important;
}
.home-content{
  width: 1240px;
  background-color: #fff;
  border-radius: 20px;
  padding-bottom: 20px;
}
.header{
  height: 66px;
}
.h6-title{
  margin-left: 50px;
  line-height: 66px;
  margin-right: 44px;
}
.header-label{
  width: 790px;
  height: 66px;
  justify-content: space-between;
}
.header-label>li>a{
  font-size: 18px;
  line-height: 66px;
}
.header-label>li>a:hover{
  color: #cc0031;
}
.header-label li:first-child{
  padding-left: 20px;
}
.header-label li:last-child{
  padding-right: 20px;
}
.highly,.electrical-second-upper{
  height: 400px;
}
.classify{
  width: 164px;
  justify-content: center;
}
.classify li{
  width: 100%;
  height: 62px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.classify li:hover{
  background-color: #fff5f7;
}
.selectBg{
  background-color: #fff5f7;
}
.classify li img{
  width: 40px;
  height: 38px;
  margin-right: 12px;
}
.classify-classname{
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #333;
}
/* ----------------轮播图---------------------- */
/*定义css变量*/
:root{ 
	--mywidth: 790px;
	--myheight: 400px;
}
.swiper{
  width: 790px;
  height: 400px;
  border-radius: 20px;
  margin-right: 20px;
}
.a-content{
	/* border: 1px solid rgba(0,0,0,0.1); */
  border-radius:20px;
  /* -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); */
  position: relative;
}
.a-content:before{
  content: '';
  width: 500px;
  height: 300px;
  left: 35px;
  top: 19px;
  z-index:-1;
  position:absolute;
  border-radius:20px;
  border: 1px solid rgba(0,0,0, 0.1);
  background: rgba(0, 0, 0, 0.0);
  /* -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); */
  -webkit-transform: translate(-5%,-5%);
  transform:translate(-5%,-5%);
	-ms-transform:translate(-5%,-5%);
	-moz-transform:translate(-5%,-5%);
	-o-transform:translate(-5%,-5%);
}
.a-content:after{
  content: '';
  position:absolute;
  top:-25px; 
  left: 25%;
  width: 270px;
  height: 40px;
  background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
  /* -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); */
	display: none;
}
.carousel-content{
	width: var(--mywidth);
	height: var(--myheight);
	position: relative;
	overflow: hidden;
	border-radius:20px;
}
.carousel li a img{
  /* background-color: rgb(138, 111, 24); */
  border-radius:20px;
}
.carousel{
	height: var(--myheight);
	position: absolute;
}
.carousel li{
	float: left;
}
.carousel li a{
  display: inline-block;
  width: var(--mywidth);
	height: var(--myheight);
}
.carousel li,.carousel li a img{
	width: var(--mywidth);
	height: var(--myheight);
}
.img-index{
	position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.img-index li{
	float: left;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #fff;
  cursor: pointer;
  margin: 0 5px;
}
.img-index li.js_index,.img-index li:hover{
	background-color: #cc0031;
}
.carousel-prev,.carousel-next{
	position: absolute;
	display: inline-block;
	top: 45%;
	cursor: pointer;
  display: none;
}
.carousel-prev{
	left: 0;
}
.carousel-next{
	right: 0;
}
/* ----------------轮播图end---------------------- */
.handbills{
  margin-right: 30px;
}

.handbills-top{
  align-items: center;
  justify-content: center;
  background-color: #fafafa;
  margin-bottom: 20px;
}
.user-img{
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  border-radius: 50%;
}
.tips-text{
  font-size: 14px;
  line-height: 1;
  color: #999;
  margin-bottom: 10px;
}
.login-entrance{
  font-size: 18px;
  line-height: 1;
}
.login-integral{
  width: 200px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #cc0031;
}
.login-integral-a{
  border-radius: 15px;
  /* align-items: center; */
  justify-content: center;
  font-size: 14px;
  line-height: 30px;
}
.login-integral-a:hover{
  color: #333;
}

.handbills-bottom{
  height: 200px;
}

.middle-second-box{
  height: 160px;
  margin-top: 30px;
  justify-content: space-between;
}

.middle-second-labbel{
  width: 380px;
  cursor: pointer;
}
.middle-second-labbel:hover{
  box-shadow: 0px 4px 9.6px 0.4px rgba(16, 0, 0, 0.2);
}
.middle-third-box{
  height: 260px;
}
.good-reputation{
  width: 220px;
}
.recommends-list{
  flex: 1;
}
.swiper-container{
  width: 940px;
  overflow: hidden;
  margin-left: 20px;
}
.swiper-slide {
  align-items: center;
  justify-content: center;
}
.swiper-goods{
  width: 164px;
  height: 200px;
}
.swiper-goods-name{
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 1;
}
.swiper-goods-img{
  height: 164px;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: linear;
}

/* 推荐商品块高度 */
.mansion{
  height: 690px;
  background-color: #fafafa;
  box-shadow: 0px 0px 14.4px 1.6px rgba(16, 0, 0, 0.25);
}
.mansion-goods{
  /* background-color: #fafafa; */
  align-items: center;
  justify-content: center;
}
.mansion-goods-box{
  width: 920px;
  height: 648px;
  flex-wrap: wrap;
}
.mansion-goods-label{
  width: 230px;
  height: 324px;
  align-items: center;
  border-radius: 8px;
}
.mansion-goods-label a{
  width: 230px;
  height: 324px;
  align-items: center;
  border-radius: 8px;
}
.goods-img{
  width: 210px;
  height: 210px;
  margin-top: 10px;
  border-radius: 8px;
}
.goods-infor{
  width: 210px;
}
.mansion-menu{
  /* background-color: #9CD346; */
  width: 220px;
  align-items: center;
}
.mansion-a{
  display: inline-block;
  width: 180px;
  height: 80px;
  margin-top: 35px;
}
.jiaju-bg{
  background-image: url(../images/jiaju-bg.png);
}
.dianqi-bg{
  background-image: url(../images/dianqi-bg.png);
}
.jiancai-bg{
  background-image: url(../images/jiancai-bg.png);
}
.zhuangshi-bg{
  background-image: url(../images/zhuangshi-bg.png);
}
.jiaju-bg,.dianqi-bg,.jiancai-bg,.zhuangshi-bg{
  background-repeat: no-repeat;
}

.mansion-menu-title{
  width: 180px;
  height: 80px;
  margin-top: 35px;
}

.mansion-menu-box{
  margin-top: 25px;
}
.mansion-menu-label{
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  color: rgba(255, 255, 255, .6);
  justify-content: center;
  cursor: pointer;
}
/* .mansion-menu-label:hover{
  color: #fff !important;
} */

.label-select{
  color: #fff !important;
}
.eighth-title{
  padding: 0 30px;
}
.left-item{
  height: 224px;
}

.third-content-right{
  width: 170px;
}
.third-content-right-label{
  height: 88px;
  justify-content: center;
}
.third-content-right-label img{
  width: 88px;
  height: 100%;
  background-color: aquamarine;
}
.quality-style{
  height: 468px;
  border-radius: 20px;
}

.quality-first{
  width: 234px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.quality-second{
  width: 478px;
}

.border-bottom{
  border-bottom: 1px solid #ccc;
}
.banner-border,.furniture-border{
  margin-top: 40px;
}
.banner-style{
  height: 110px;
}
.banner-style img{
  width: 100%;
  height: 100%;
  background-color: blueviolet;
}
.furniture-box-head{
  height: 30px;
}
.furniture-title{
  align-items: flex-start;
}
.furniture-title img{
  width: 76px;
  height: 100%;
}
.furniture-title h4{
  margin-left: 10px;
}
.classify-nav{
  flex: 1;
  justify-content: flex-end;
}
.classify-nav li a{
  display: flex;
  padding: 0 10px;
  font-size: 16px;
  align-items: flex-end;
  color: #333;
}
.furniture-nav li a:hover{
  color: #FFC34A;
}
.building-nav li a:hover{
  color: #9CD346;
}
.electrical-nav li a:hover{
  color: #2EB5E5;
}
.line{
  position: relative;

}
.line::after{
  content: '';
  position: absolute;
  width: 1px;
  height: 13px;
  background-color: #ccc;
  top: 14px;
  right: 0;
}
.furniture-box-exhibition{
  height: 600px;
  margin-top: 20px;
}
.exhibition-first{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.exhibition-furniture{
  width: 210px;
  background-color: #FFC34A;
}
.exhibition-second{
  width: 488px;
}

.exhibition-second-swiper,.exhibition-third-item{
  height: 356px;
}
.exhibition-third-item-left,.second-upper-second{
  width: 244px;
}
.partner-box{
  height: 58px;
  background-color: #f7f7f7;
  align-items: center;
  margin-top: 20px;
}
.partner-box li{
  flex: 1;
  height: 44px;
  border-right: 1px dashed #ccc;
}
.partner-box :last-child{
  border: 0;
}
.exhibition-building,.exhibition-electrical{
  width: 322px;
}
.exhibition-first-upper{
  height: 434px;
}
.exhibition-building-second{
  width: 430px;
}
.building-second-upper,.exhibition-third-upper{
  height: 230px;
}
.building-second-middle,.exhibition-third-middle{
  height: 204px;
}
.second-upper-first{
  width: 400px;
}
.recommen-box{
  width: 1200px;
  margin: 0 auto;
  margin-top: 10px;
  flex-wrap: wrap;
}
.recommen-labber{
  width: 240px;
  height: 338px;
  align-items: center;
  border-radius: 8px;
}
.recommen-labber a{
  width: 240px;
  height: 338px;
  align-items: center;
  border-radius: 8px;
}
.recommen-labber:hover,.mansion-goods-label:hover{
  background-color: #fff;
  box-shadow: 0px 0px 5.88px 0.12px rgba(102, 0, 24, 0.14);
}
/* .mansion-goods-label:hover{
  background-color: #fff;
} */
.recommen-labber img{
  width: 220px;
  height: 220px;
  border-radius: 8px;
  margin-top: 10px;
}
.recommen-labber-textarea{
  width: 220px;
}
.goods-name{
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}
.goods-price{
  font-size: 20px;
  line-height: 1;
  color: #cc0031;
  margin-top: 15px;
}

.furniture-museum{
  width: 790px;
  height: 400px;
  border: 2px solid #CC0031;
  position: absolute;
  top: 0;
  left: 164px;
  z-index: 999;
  background-color: #fff;
}
.furniture-museum-box{
  /* overflow: visible; */
}
.furniture-classify-box{
  overflow:auto;
  padding-bottom: 10px;
}
.furniture-museum-brand{
  width: 180px;
}
.museum-brand-title{
  margin-top: 17px;
  margin-left: 16px;
}
.museum-brand-container,.j-labbel{
  flex-wrap: wrap;
}
.museum-brand-container{
  width: 156px;
  margin-left: 16px;
  margin-top: 11px;
}
.museum-brand-labbel{
  width: 50%;
  height: 100px;
  margin-top: 4px;
  border-radius: 4px;
}
.museum-tips{
  font-size: 14px;
  margin-top: 100px;
  color: #999;
}
.museum-brand-labbel:hover{
  background: rgba(250, 227, 233, .4);
}
.brand-box{
  align-items: center;
}
.brand-img{
  width: 68px;
  height: 68px;
  margin-top: 5px;
  border-radius: 10px;
}
.brand-name{
  width: 68px;
  font-size: 14px;
  line-height: 1;
  color: #999;
  margin-top: 8px;
  text-align: center;
}
.j-labbel{
  margin-top: 15px; 
}
.j-labbel-title{
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
  color: #333;
}
.j-labbel-box{
  margin-left: 20px;
  width: calc(100% - 20px);
  flex-wrap: wrap;
  margin-top: 10px;
}
.j-labbel-item{
  margin-right: 15px;
}
.j-labbel-item a{
  font-size: 14px;
  color: #666;
  
}