.idx-v{background-color: #fff;}
.idx-vlist::after{content: ''; display: block; clear: both;}
.idx-vlist li{float:left; width:31%; background-color: #fff; margin-right: 3.5%; box-shadow: 0px 0px 14px rgba(0,91,172,.2); transition: all 0.4s; border-radius: .5vw; overflow: hidden;}
.idx-vlist li:hover{box-shadow: 0px 0px 18px rgba(0,91,172,.4);}
.idx-vlist li:nth-child(3n){float:right; margin-right: 0;}
.idx-vlist li .pic{position: relative; overflow: hidden;}
.idx-vlist li .pic img{width:100%; display: block; height:auto; overflow: hidden; border-radius:.5vw; transition: all 0.5s;}
.idx-vlist li:hover .pic img{transform: scale(1.1);}
.idx-vlist li .pic::before{content: ''; display: block; width:100%; height:100%; background-image: url(../images/play.png); background-size: 3vw; background-position: center center; background-repeat: no-repeat;  position: absolute; z-index: 2;}
.idx-vlist li .pic::after{content: ''; display: block; position: absolute; left:0; bottom:0; width:100%; height:50%; background-image: linear-gradient(to top,rgba(0,91,172),rgba(0,91,172,0));}
.idx-vlist li .txt{padding:24px 14px; text-align: center;}
.idx-vlist li a:hover{color:#2EBD96;}
.idx-v .btn-row{text-align: center; margin-top: 4vw;}
.idx-v .btn-more{font-size: 1vw; padding:1vw 6vw; border: #085EAA solid 1px; border-radius: .5vw; background-color: transparent; color:#085EAA; transition: all 0.5s;}
.idx-v .btn-more:hover{background-color: #085EAA; color:#fff;}

@media only screen and (max-width:767px){
    .idx-vlist li{float:none; margin-right: 0; width:100%; margin-bottom: 20px;}
    .idx-vlist li:nth-child(2n){margin-top: 0;}
    .idx-vlist li .txt{padding:14px 14px;}
    .idx-vlist li .pic::before{background-size: 48px;}
}