.top-slider{padding:15px 15px 5px;width:calc(100% - 80px);margin:30px 40px 0 40px;background:var(--blur);border-radius:30px}
.top-slider .owl-carousel .owl-stage-outer{border-radius:30px}
.top-slider .item .main{height:530px}
.top-slider .item .bg{height:110%;top:-5%;right:0;z-index:-2;object-position:top;object-fit:cover;transition-duration:2s;transform:scale(1.05)}
.top-slider .item .main:after{z-index:-1;content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(to left,transparent,var(--body))}
.top-slider .item .main:before{z-index:-1;content:"";position:absolute;top:0;left:-50vw;height:100%;width:50vw;background-color:var(--body)}
.top-slider .owl-item.active .item .bg{transform:scale(1)}
.top-slider .info{filter:blur(5px);transform:translateY(calc(50% + 30px));width:calc(100% - 600px);left:10px;bottom:50%;line-height:1.9;z-index:100;margin:0 40px 20px 0}
.top-slider .info .pic{height:60px}
.top-slider .info .title a{padding:15px 0 5px}
.top-slider .info .title a samp{transform:translate(-5px,-6px);display:inline-block;padding:8px 12px 6px 12px;line-height:1}
.top-slider .info .text{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:2.1;text-align:justify}
.top-slider .info .btn{backdrop-filter:blur(15px);font-weight:bold;padding:8px 18px;margin:30px 0 0 15px}
.top-slider .info .btn i{margin:2px 0 0 10px}
.top-slider .info .btn.rt-bg i{background-color:rgba(0, 0, 0, 0.5)}
.top-slider .owl-item.active .info{filter:blur(0);margin-right:0}
.top-slider .info .btn.rt-bg:hover,.top-slider .info .btn.rt-bg:hover i{background-color:var(--color);color:#fff}
.top-slider .owl-nav,.top-slider .owl-dots{width:1600px;max-width:calc(100% - 80px);height:0;text-align:right;margin:0 auto}
.top-slider .owl-nav{transform:translateY(-80px)}
.top-slider .owl-nav .owl-prev,.top-slider .owl-nav .owl-next{background:var(--body);border-radius:50%;width:50px;height:50px;margin-left:10px;opacity:.8}
.top-slider .owl-nav .owl-prev i,.top-slider .owl-nav .owl-next i{width:30px;height:30px;margin:auto}
.top-slider .owl-dots{padding-right:130px;transform:translateY(-60px)}
.top-slider .owl-dots .owl-dot{opacity:.8;background:var(--body);border:0;width:20px;height:10px;float:right;cursor:pointer;margin-right:2px}
.top-slider .owl-dots .owl-dot.active{background:var(--color);border:0;width:40px;opacity:1}
.top-slider .owl-nav .owl-prev:hover,.top-slider .owl-nav .owl-next:hover,.top-slider .owl-dots .owl-dot:hover{opacity:1}
.top-slider .char{z-index:1000;left:-30px;bottom:-70px}
.top-slider .char2{z-index:1000;right:-40px;top:-30px}

@media only screen and (max-width:1000px){
.top-slider .info{width:calc(100% - 450px)}
}
@media only screen and (max-width:920px){
.top-slider .item .main::before,.top-slider .item .main::after{display:none}
.top-slider .item{background:linear-gradient(to bottom,transparent,var(--body))}
.top-slider .item::after{background:none}
.top-slider .item .info{transform:translateY(0);width:100%;bottom:30px;right:0}
.top-slider .item .info .pic{height:50px}
.top-slider .item .info .title{font-size:18px}
.top-slider .item .info .title a{padding:15px 0 0}
.top-slider .item .info .title a samp{font-size:12px;padding:6px 12px;transform:translate(-4px,-4px)}
.top-slider .item .info .text{font-size:13px;margin-bottom:5px}
.top-slider .item .info .btn{font-size:13px;padding:5px 12px;margin:10px 0 0 10px;min-height:36px}
.top-slider .item .main{height:320px}
.top-slider .item .bg{height:100%;top:0%}
.top-slider{width:calc(100% - 40px);margin:20px 20px 0;padding:8px}
.top-slider .owl-nav,.top-slider .owl-dots{display:none}
.top-slider .char2{width:90px;top:-20p;right:-20px}
.top-slider .char{width:90px;left:0;bottom:-20px}
.top-slider,.top-slider .owl-carousel .owl-stage-outer{border-radius:15px}
}