﻿.benz{width:calc(100% - 20px);margin-left:20px;background-color:#000}
.benz .pic{opacity:.75;max-height:166px}
.benz .hover{top:0;right:0;height:100%;padding:80px 20px 30px;background:linear-gradient(to bottom,transparent,rgba(0, 0, 0, 0.9))}
.benz .hover .title a{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7)}
.benz .hover .cat-p{margin-top:10px}
.benz .hover .cat-p a{backdrop-filter:blur(30px);background-color:rgba(255, 255, 255, 0.05);display:inline-block;padding:7px 15px;border-radius:30px;color:#ddd;margin-left:7px;position:relative;z-index:100}
.benz:hover .pic{opacity:.3}
.benz .hover .cat-p a:hover{color:#fff;background-color:var(--color)}

.top-benzs{transform:translateY(-50px)}
.top-benzs .slider-3{width:calc(100% - 30px)}
.top-benzs .slider-3 .owl-dots{display:none}
.top-benzs .slider-3 .owl-nav{width:30px;float:left;position:absolute;left:-30px;top:0}
.top-benzs .slider-3 .owl-nav div{background-color:rgba(0, 0, 0, 0.25);backdrop-filter:blur(15px);font-size:23px;color:#fff;border-radius:30px;margin-bottom:15px;height:75px;width:100%}
.top-benzs .slider-3 .owl-nav div.disabled{background-color:rgba(0, 0, 0, 0.05);color:rgba(255, 255, 255, 0.5)}
.top-benzs .entery .benz{width:calc(25% - 20px);margin:10px}

@media only screen and (max-width:920px){
.top-benzs .slider-3,.top-benzs .entery{width:100%}
.top-benzs .entery .benz,.benz{width:250px;margin:0 7.5px}
.benz .pic{max-height:143px}
.benz .hover{padding:65px 20px 30px}
.benz .hover .title a{font-size:14px}
.benz .hover .cat-p a{font-size:12px;padding:5px 10px}
}