.home-helpcenter{padding-bottom:3%}
.home-helpcenter .list{display:flex;flex-flow:row;margin-top:30px;flex-wrap:wrap}
.home-helpcenter .list li{transition:all .2s linear;overflow:hidden;position:relative;width:25%;font-size:var(--fontsize20);background:#efefef}
.home-helpcenter .list li:hover .imgbg{transition:.8s;transform:perspective(1000px) translate3d(-15%,0,0) scale(1.05)}
.home-helpcenter .list li:nth-child(even){background:#fafafa}
.home-helpcenter .list li:nth-child(n + 4){background:#fafafa}
.home-helpcenter .list li:nth-child(2n + 6){background:#efefef}
.home-helpcenter .list .img{right:0;position:relative;width:100%;margin-left:auto;padding-top:0;height:22vw;}
.home-helpcenter .list .img a{display:block;position:absolute;top:0;bottom:0;left:0;right:0}
.home-helpcenter .list .info{position:absolute;top:0;left:0;top:0;padding:20px}
.home-helpcenter .list .imgbg{position:absolute;top:28%;bottom:8%;width:90%;right:5%;transition:.8s;transform:perspective(1000px) translate3d(0,0,0)}
.home-helpcenter .list .imgbg img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}
.home-helpcenter .list .title{opacity:1;font-size:var(--fontsize18);font-weight:var(--fontbold7);color:var(--fontcolor);line-height:1.2}
@media (max-width:1024px){.home-helpcenter .list{flex-wrap:wrap}
.home-helpcenter .list li{width:50%!important}
.home-helpcenter .list li:nth-child(3),.home-helpcenter .list li:nth-child(6){background:#fafafa}
.home-helpcenter .list li:nth-child(4),.home-helpcenter .list li:nth-child(5){background:#efefef}}
@media (max-width:768px){.home-helpcenter .list .img{height:36vw}
.home-helpcenter .list .info{padding:10px}
.home-helpcenter .list:hover li:hover{width:100%}}
.home-helpcenter .list .imgbg{height:100%;bottom:0;right:0;top:0;width:100%;}
.home-helpcenter .list .img{height:auto;padding:0 5% 30px;}
.home-helpcenter .list .img a{position:relative;width:100%;padding-bottom:80%;}
.home-helpcenter .list .info{position:static;flex:1;}
.home-helpcenter .list li{display:flex;flex-direction:column-reverse;}
@media (max-width:768px){.home-helpcenter .list .img{width:90%;margin:0 auto;padding:10px 0}
.home-helpcenter{padding-bottom:40px}}