.home-helpcenter .list{display:flex;flex-flow:row;margin-top:30px}
.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{transition:.8s;width:30%}
.home-helpcenter .list li:hover .imgbg{transition:.8s;transform:perspective(1000px) translate3d(-15%,0,0)}
.home-helpcenter .list li:nth-child(even){background:#fafafa}
.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:contain}
.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:33.333%!important}}
@media (max-width:768px){.home-helpcenter .list li{width:50%!important;background:#efefef!important}
.home-helpcenter .list li:nth-child(2),.home-helpcenter .list li:nth-child(3),.home-helpcenter .list li:nth-child(6){background:#fafafa!important}
.home-helpcenter .list .img{height:36vw}
.home-helpcenter .list .info{padding:10px}
.home-helpcenter .list:hover li:hover{width:100%}}
@media (min-width:1025px){.home-helpcenter .list .img {height: 15vw;}
.home-helpcenter .list .imgbg{bottom:0}}
.home-pro .list li .info .text{display:none}

.home-helpcenter .helpcenter-list{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-helpcenter .helpcenter-list li{width: 32%;}
.home-helpcenter .helpcenter-list .img{border-radius: 10px;overflow: hidden;}
.home-helpcenter .helpcenter-list .img img{width: 100%;aspect-ratio: 1.5;transition: all .3s ease;}
.home-helpcenter .helpcenter-list .img:hover img{transform: scale(1.03);}
.home-helpcenter .helpcenter-list .info .title{padding: 10px 0;font-size: var(--fontsize20);text-align: center;}
@media (max-width: 768px) {.home-helpcenter .helpcenter-list li{width: 49%;}
.home-helpcenter .helpcenter-list .info .title{font-size: var(--fontsize16);}
}