.huake-indexD{position:relative;}
.huake-indexD::before{display:block;content:'';width:437px;height:1245px;position:absolute;left:0;bottom:60px;}

.huake-indexD h3{font-size: 36px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 20;
text-align: center;
}

.huake-indexD dl{margin:20px -15px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:left;-webkit-flex-wrap:wrap;flex-wrap:wrap;/*! margin-right: 20px; */}
.huake-indexD dl dd{position:relative;/*width:31.33333%;*/box-sizing:border-box;cursor:pointer;/*margin:36px 30px 0 0;*/flex:1;padding:0 15px;}
.huake-indexD dl dd img{display:block;width:100%;}
.huake-indexD dl dd ins{
      font-family: Times new roman;
  height:56px;line-height:56px;text-align:center;background:rgba(0,0,0,.65);position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:20px;}
.huake-indexD dl dd .txt{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 35px;background:rgba(33,33,33,.85);box-sizing:border-box;text-align:center;opacity:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;}
.huake-indexD dl dd .txt::before{position:absolute;content:'';top:10px;right:10px;bottom:10px;left:10px;z-index:102;border:2px solid rgba(246,170,0,0.65);}
.huake-indexD dl dd .txt h6{font-size:20px;color:#f6aa00;}
.huake-indexD dl dd .txt p{font-size:15px;color:#fff;line-height:30px;margin:15px 0 0 0;}
.huake-indexD dl dd .txt .more{border-radius:50%;width:46px;height:46px;background:rgba(246,170,0,0.5);line-height:46px;display:inline-block;text-align:center;margin:15px 0 0;}
.huake-indexD dl dd .txt .more i{color:#fff;font-size:12px;}

.huake-indexD dl dd:hover::before{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.huake-indexD dl dd:hover::after{display:block;}
.huake-indexD dl dd:hover .txt{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}
.huake-indexD dl dd:hover ins{}



.huake-indexD .video{width:100%;display:block;position:relative;overflow:hidden;}
.huake-indexD .video::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/269/upload/sort/bae47594dc4124c52ffad79dbd1f35489bb4db33425cfb9fae43dba56d2f65e5.png") no-repeat center;display:block;}
.huake-indexD .video img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.huake-indexD .video:hover img{transform: scale(1.01);-webkit-transform: scale(1.01);}
.huake-indexD .video:hover::after{background-color:rgba(0,0,0,0.1);}


@media screen and (max-width:996px){
  
  .huake-indexD dl dd {
  	width: 100%;
  	margin: 20px 0 0 0;
  }
  .huake-indexD .video::after {
  	background-size: 50px;
  }
}


@media screen and (max-width:550px){
  
  .huake-indexD::before{
    width: 100% !important;
  }
  .huake-indexD dl dd{
    flex: inherit !important;
  }
}