.top-slider{height:730px}
.mysite{margin-bottom:50px;min-height:4326px}
.mysite>*:first-child{padding-top:0}
.top-slider .item{background:linear-gradient(to bottom,transparent,transparent,transparent,var(--body))}
.top-slider .item .main{height:730px}
.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 right,transparent,var(--body))}
.top-slider .item .main:before{z-index:-1;content:"";position:absolute;top:0;right:-50vw;height:100%;width:50vw;background-color:var(--body)}
.top-slider .owl-item.active .item .bg{transform:scale(1)}
.top-slider .owl-dots{backdrop-filter:blur(15px);position:absolute;left:10px;bottom:150px;width:200px;padding:7px 10px;background-color:rgba(83, 83, 83, .5);border-radius:15px;z-index:1000}
.top-slider .owl-dots .owl-dot{width:100%;float:right;padding:4px;border-radius:10px;margin:3px 0;transform:scale(.97);opacity:.7}
.top-slider .owl-dots .owl-dot.active{background-color:var(--color2);transform:scale(1);opacity:1}
.top-slider .owl-dots .owl-dot .ins img{height:90px}
.top-slider .owl-dots .owl-dot .ins .title{background:linear-gradient(to bottom,transparent,var(--body));padding:55px 15px 10px;line-height:2;bottom:0;right:0;height:100%;border-radius:10px;direction:ltr}
.top-slider .info{filter:blur(15px);transform:translateY(calc(50% + 30px));width:calc(100% - 600px);right:10px;bottom:50%;line-height:1.9;z-index:100;margin:0 40px 20px 0}
.top-slider .info .pic{height:80px}
.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 .data{margin-top:15px}
.top-slider .info .data .inf{margin-left:30px}
.top-slider .info .data .inf .icon{margin-left:3px;height:16px;margin-top:3px}
.top-slider .info .data .inf .icon.ic-imdb,.top-slider .info .data .inf .icon.ic-meta,.top-slider .info .data .inf .icon.ic-tomato{background-size:contain !important;margin-left:8px}
.top-slider .info .data .inf .icon.ic-meta{width:16px}

.top-slider .info .btn{font-weight:bold;padding:8px 18px;margin:15px 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{margin-right:0}
.top-slider .owl-nav{display:none}
.top-slider .info .btn.rt-bg:hover,.top-slider .info .btn.rt-bg:hover i{background-color:var(--color);color:#fff}
.top-slider .info .btn:hover{opacity:.8}
.top-slider .owl-dots .owl-dot:hover{opacity:1}
.top-slider .info .playIconSlider{bottom:0;width:150px;height:150px;position:absolute;left:-250px;top:0;transition:all .2s ease-in-out;z-index:9;transform:scale(0)}
.top-slider .info .playIconSlider,.top-slider .info .playIconSlider .innerPlayIconSlider{align-content:center;align-items:center;border:1px solid hsla(0,0%,100%,.5);border-radius:100%;display:flex;flex-wrap:wrap;justify-content:center}
.top-slider .info .playIconSlider .innerPlayIconSlider{height:120px;width:120px}
.top-slider .info .playIconSlider .innerPlayIconSlider .btnplayIconSlider{align-content:center;align-items:center;backdrop-filter:blur(5px);background:rgba(83, 83, 83, .5);border-radius:100%;display:flex;flex-wrap:wrap;height:90px;justify-content:center;width:90px}
.top-slider .info .playIconSlider .innerPlayIconSlider .btnplayIconSlider .icon{height:50px;width:50px;background-size:40px !important;}
.top-slider .info .playIconSlider:hover{transform:scale(1.2) !important}

.top-slider .ins2{transition-duration:.7s;transform:scale(.8) rotate(5deg) translateY(40px);filter:blur(30px)}
.top-slider .owl-item.active .ins2{transform:scale(1) rotate(0deg) translateY(0);filter:blur(0)}
.top-slider .owl-item.active .item .bgz{filter:blur(0)}
.top-slider .owl-item.active .info{filter:blur(0)}
.top-slider .owl-item.active .info .playIconSlider{transform:scale(1)}


@media only screen and (min-width:920px){
.top-slider .item .main{min-height:100vh}
.top-slider .owl-dots{bottom:50%;transform:translateY(calc(-50% + 50px))}
}
@media only screen and (max-width:1210px){
.top-slider .owl-dots{left:18px}
}
@media only screen and (max-width:1000px){
.top-slider .info{width:calc(100% - 450px)}
.top-slider .info .playIconSlider{left:-188px}
}
@media only screen and (max-width:920px){
.top-slider .owl-dots,.top-slider .item .main::before,.top-slider .item .main::after,.top-slider .info .playIconSlider{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:40px}
.top-slider .item .info .title{font-size:18px}
.top-slider .item .info .title a{padding:15px 0 0;text-shadow:0 0 5px #000}
.top-slider .item .info .title a samp{font-size:12px;padding:6px 12px;transform:translate(-4px,-4px);text-shadow:0 0 0 #000}
.top-slider .item .info .text{font-size:13px;margin-bottom:5px;font-weight:bold;text-shadow:0 0 5px #000}
.top-slider .item .info .text *{font-weight:bold}
.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%}
.mysite{margin-bottom:20px}
.top-slider .info .data{margin-top:5px;font-size:12px;text-shadow:0 0 5px #000}
.top-slider .info .data *{font-weight:500}
.top-slider .info .data .inf{margin-left:15px}
.top-slider .info .data .inf .icon{margin-top:2px}
.top-slider{height:320px}
.mysite{min-height:2469px}
}