.contact .list{gap:100px}.contact .list .item{flex:1;position:relative}.contact .list .item i{display:flex;justify-content:center;align-items:center;width:120px;height:120px;background-image:url("/Temp/PC/images/contact-list-bg.webp");background-repeat:no-repeat;background-position:center center;background-size:100% 100%;font-size:35px;color:var(--color-primary);transition:all .3s ease-in-out}.contact .list .item p{font-size:28px;color:var(--color-default);margin:0}.contact .list .item span{font-size:16px;color:var(--color-default)}.contact .list .item:hover i{color:#fff;background-image:url("/Temp/PC/images/contact-list-bg-hover.webp")}.contact .list .item:first-child::after{content:none}.contact .list .item::after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-50px;width:1px;height:155px;background-color:#d9d9d9}.contact .map{height:600px}@media screen and (max-width:768px){.contact .list{gap:30px;flex-direction:column}.contact .list .item i{width:100px;height:100px;background-size:100% 100%;font-size:30px}.contact .list .item p{font-size:20px}.contact .list .item span{font-size:14px}.contact .list .item::after{content:none}.contact .map{height:350px}}