.pro-maylink .l-wrap{position:relative}
#maylinkswiper{margin:0 60px}
.pro-maylink .maylink-prev,
.pro-maylink .maylink-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--color);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;cursor:pointer}
.pro-maylink .maylink-prev{left:70px}
.pro-maylink .maylink-next{right:70px}
.pro-maylink .maylink-prev em,
.pro-maylink .maylink-next em{color:var(--color)}
.pro-maylink .maylink-prev:hover,
.pro-maylink .maylink-next:hover{background:var(--color)}
.pro-maylink .maylink-prev:hover em,
.pro-maylink .maylink-next:hover em{color:#fff}
@media (max-width:1024px){
.pro-maylink .maylink-prev{left:20px}
.pro-maylink .maylink-next{right:20px}
}
@media (max-width:540px){
#maylinkswiper{margin:0 40px}
.pro-maylink .maylink-prev,
.pro-maylink .maylink-next{top:40%;width:35px;height:35px}
.pro-maylink .maylink-prev{left:10px}
.pro-maylink .maylink-next{right:10px}
}