/*控制header的动画*/
header:not(.fixed-header) .custom-header {
    background: #ffffffbb !important;
}

.fixed-header .custom-header {
    padding: 0 !important;
}

.custom-header {
    transition: all .3s ease-in-out ;
    -webkit-transition: all .3s ease-in-out 
}
/*控制header的动画*/

/*控制小方块鼠标放上去放大效果*/
@media (min-width: 769px) {
  .custom-block:hover {
  	z-index: 5;
  	}
  
    .custom-block  .ba-grid-column{
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .custom-block:hover  .ba-grid-column:hover{
        box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2) !important;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 1;
    }
}
/*控制小方块鼠标放上去放大效果*/

/*控制footer的li没有前面的点*/
.footer-li li {
list-style: none;
text-align:left;
}
.footer-li li:hover {
text-decoration:underline ;
}
.footer-li ul {
margin: 0;
}
/*控制footer的li没有前面的点*/

/*控制首页图片下面的文字缩进距离*/
.home-example {
padding-left: 30px;
}
/*控制首页图片下面的文字缩进距离*/

/*控制客户评价名字后面的灰色缩小字体*/
.home-grey {
font-size: 15px;
color: #888;
}
/*控制客户评价名字后面的灰色缩小字体*/

/*控制常见问题下划线*/
.accordion-group {
border-bottom: 1px solid #bbb !important;
}
/*控制常见问题下划线*/

/*控制表单的*变成红色*/
.required-star {
color: red !important;
}
/*控制表单的*变成红色*/
@media screen and (max-width: 420px) {


.ant-steps {
  flex-direction: column;
  }
.ant-steps-item {
  padding-left: 16px !important;
  white-space: nowrap;
  }
.ant-steps-item-title::after {
  background-color: #fff !important;
  }
}

/*控制移动端按钮背景颜色*/
@media screen and (max-width: 1024px) {
  
.open-menu .zmdi{
  background-color: #e59385;
  border-radius: 5px;
  margin: 12px;
  padding: 8px;
   }
.zmdi-close {
  background-color: #e59385;
  border-radius: 5px;
  margin: 12px;
  padding: 12px 15px;
   }
}

/*控制移动端按钮背景颜色*/


/*! CSS Used from: https://www.hknoblehouse.com/_next/static/css/64e016cf37a2dbaf.css */
.article-detail a,
.article-detail div,
.article-detail p {
  border: 0;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
.article-detail a {
  background-color: transparent;
}
.article-detail a:active {
  outline: 0;
}
.article-detail a,
.article-detail a:focus,
.article-detail a:hover,
.article-detail a:visited {
  text-decoration: none;
}
.article-detail img {
  border: 0;
}
.article-detail *,
.article-detail :after,
.article-detail :before {
  box-sizing: inherit;
}
.article-detail img {
  height: auto;
  max-width: 100%;
}
.article-detail a {
  color: #4169e1;
}
.article-detail a:focus,
.article-detail a:hover {
  color: #191970;
}
.article-detail a:focus {
  outline: thin dotted;
}
.article-detail a:hover {
  outline: 0;
}
.article-detail ::selection {
  background: #0274be;
}
.article-detail a,
.article-detail a:focus {
  text-decoration: none;
}
.article-detail a {
  transition: all 0.2s linear;
}
.article-detail img {
  vertical-align: middle;
}
.article-detail p {
  margin-bottom: 1.75em;
}
.article-detail a {
  color: #e59385;
}
.article-detail a:focus,
.article-detail a:hover {
  color: #1a6c7a;
}
.article-detail ::selection {
  background-color: #1a6c7a;
  color: #fff;
}
.article-content {
line-height: 5px;
}


.open-menu .zmdi{
  background-color:#ffffff;
  }