/*两侧距离*/
.container{
  width: 100%;
  padding:0 0.15rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*省略号*/
.ellipsis-1{
  overflow: hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  white-space: nowrap;
}
.ellipsis-2{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*上下间距背景色*/
.spacing-bg{
  display: block;
  width: 100%;
  height: 0.12rem;
  background-color: #F4DFE4;
}
/*弹性盒布局start*/
.flex-start{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-end{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-center{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-between{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-around{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-1{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*弹性盒布局end*/
/* 1像素 */
.top-line,
.right-line,
.bottom-line,
.left-line,
.box-line{
  position: relative
}
/* 上 */
.top-line:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}
/* 右 */
.right-line:after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  width: 1px;
  border-right: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; 
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  z-index: 2;
}
/* 下 */
.bottom-line:before{
  content: "";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}
/*左边*/
.left-line:before{
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 1px;
  border-left: 1px solid #E1E1E1;
  color: #E1E1E1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  z-index: 2;
}
/* 边框 */
.box-line:after{
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #E1E1E1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* border-radius:20px; */
  z-index: 2;
}

/*面包屑导航*/
.nav-creat{
  padding-left: 0.04rem!important;
}
.nav{
  width: 100%;
  height: 0.46rem;
  background-color: #f6f4f4;
  padding-left: 0.15rem;
}
.nav img{
  display: block;
  width: 0.32rem;
  height: auto;
}
.nav span{
  line-height:0.2rem;
  font-size: 0.14rem;
  color: #9B9B9B;
  font-weight: 600;
}
.nav span a{
  color: #9B9B9B;
}
.nav span.active{
  color: #191B1C;
}

/*点赞悬浮按钮*/
.fixed-btn{
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background:#9C1D22;
  box-shadow:0px 10px 20px 0px rgba(156,29,34,0.4);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  right: 0.15rem;
  bottom: 0.9rem;
  z-index: 99;
}
.fixed-btn img{
  display: block;
  width: 0.24rem;
  height: auto;
}
.fixed-btn p{
  font-size: 0.1rem;
  line-height: 0.12rem;
  color: #fff;
  margin-top: 0.1rem;
}

/*我要提问悬浮按钮*/
.fixed-questions{
  width: 1.1rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border-radius:60px;
  background-color: #9C1D22;
   box-shadow:0px 10px 20px 0px rgba(156,29,34,0.4);
  text-align: center;
  font-size: 0.15rem;
  color: #fff;
  font-weight: 600;
  position: fixed;
  right: 0.15rem;
  bottom: 0.9rem;
  z-index: 99;
}
.fixed-questions a{
  color: #fff;
}
.mbt50{
  margin-bottom: 0.5rem;
}

/*角标颜色*/
.tips_bg{
  display: inline-block;
  padding: 0.01rem 0.05rem;
  line-height: 0.18rem;
  text-align: center;
  border-radius: 3px;
  font-size: 0.1rem;
  color: #fff;
  font-weight: 600;
}
/*red红色，yellow黄色，green绿色，purple紫色，blue蓝色，cyan青色，brown棕色*/
.tips_bg.red{
  background-color:#9C1D22;
}
.tips_bg.yellow{
  background-color:#F5A623;
}
.tips_bg.green{
  background-color:#589511;
}
.tips_bg.purple{
  background-color:#814DBA;
}
.tips_bg.blue{
  background-color:#426ACC;
}
.tips_bg.cyan{
  background-color:#24ABAE;
}
.tips_bg.brown{
  background-color:#AF8D71;
}

.culture_foot{
  margin: 0.15rem auto 0.5rem;
  width: 100%;
  overflow: hidden;
  font-size: 0.1rem;
  color: #838D8F;
  text-align: center;
}

.load-more{
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
  display: block;
  width:100%;
  height:0.45rem;
  line-height: 0.45rem;
  background:rgba(216,216,216,1);
  border-radius:4px;
  font-size: 0.15rem;
  color: #4A4A4A;
  font-weight: 600;
  text-align: center;
}

[v-cloak] {
  display:none !important;
}
.storeIcon{
  background-image: url(/img/icon/portrait.png) !important;
}
.grey_bg{
  background-color: #F4F4F4;
  width: 100%;
  height: 0.08rem;
  overflow: hidden;
}
/*****************************方太生活家公共样式*********************************/

.ftlivinghome{
  text-align: center;
  padding:0.7rem 0;
  background-color: #fff;
}
.ftlivinghome img{
  display: block;
  width: 1.2rem;
  height: auto;
  box-shadow: 0px 18px 18px 0px rgba(10,31,68,0.12), 0px 0px 1px 0px rgba(10,31,68,0.1);
  border-radius: 20px;
  margin: 0 auto 0.2rem;
}
.ftlivinghome h1{
  font-size: 0.18rem;
  color: #4A4A4A;
  font-weight: 600;
  line-height: 0.25rem;
  margin-bottom: 0.02rem;
}
.ftlivinghome p{
  font-size: 0.14rem;
  color: #4A4A4A;
  line-height: 0.2rem;
}
.ftlivinghome a{
  display: block;
  width: 2.05rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background-color: #1F1F1F;
  border-radius: 4px;
  font-size: 0.15rem;
  color: #C8AF70;
  font-weight: 600;
  text-align: center;
  margin:0.3rem auto 0;
}
header.showMenu{ z-index: 5050 !important;}
.menuMain{
  z-index: 4040 !important;
}
/*.ellipsis-3{
  box-sizing: border-box;
  padding: 0 0.15rem;
  margin-top: 0.08rem;
  color: #838D8F;
  font-size: 0.12rem;
}*/
.bg-mask{
  position: relative;
}
.bg-mask:after{
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:-webkit-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}