﻿
.choose-category .title-asli{padding:0 10px}
.choose-category{margin-bottom:60px}
.choose-category.series-list{margin:60px 0 0}
.choose-category li{margin:10px}
.choose-category li a.item img,.choose-category .colcs li a.colc .bgz{height:100%;top:0;right:0;z-index:-1;opacity:.5 !important}
.choose-category li a.item h3{font-family:yekan;padding:35PX 25px;background-color:rgba(255, 255, 255, 0.1);border:2px rgba(255, 255, 255, 0) solid}
.choose-category li:hover a.item h3,.choose-category .colcs li a.colc:hover,.choose-category .items .item:hover{border:2px var(--color) solid;backdrop-filter:blur(3px)}
.choose-category .colcs li{width:320px}
.choose-category .colcs li a.colc{padding:10px;border:2px rgba(255, 255, 255, 0) solid;background-color:rgba(255, 255, 255, 0.03)}
.choose-category .colcs li a.colc .bgz{opacity:.2 !important;filter:blur(3px)}
.choose-category .colcs li a.colc .pic{width:60px}
.choose-category .colcs li a.colc h3{font-family:yekan;padding:30px 0;width:calc(100% - 75px)}
.choose-category .items .item{border:2px rgba(255, 255, 255, 0) solid;background-color:var(--bg);width:350px;margin:10px}
.choose-category .items .item .pic{width:80px;height:140px}
.choose-category .items .item .icon{background-color:rgba(255, 255, 255, 0.07);width:40px;height:40px;margin:50px 10px}
.choose-category .items .item .inside{width:calc(100% - 170px);margin-right:15px}
.choose-category .items .item .inside .title{font-family:yekan;margin:15px 0 4px}
.choose-category .items .item .inside .brief{font-family:yekan;height:51px;line-height:1.85;margin-bottom:10px}
.choose-category .items .item .inside .count span{font-family:yekan;margin-left:5px;color:#e287ae}
.choose-category .items .item:hover .icon{background-color:var(--color)}
.choose-category .owl-carousel{position:inherit}
.choose-category .owl-carousel .owl-stage-outer{overflow:inherit}
.choose-category .owl-carousel .owl-nav{max-width:100%;width:100%;margin:0}
.choose-category .owl-carousel .owl-nav div{width:60px;height:calc(100% - 50px);bottom:0;position:absolute;cursor:pointer}
.choose-category .owl-carousel .owl-nav div.owl-next{left:0;background:linear-gradient(to left,transparent,var(--body))}
.choose-category .owl-carousel .owl-nav div.owl-prev{right:0;background:linear-gradient(to right,transparent,var(--body))}
.choose-category .owl-carousel .owl-nav div.disabled,.choose-category .owl-carousel .owl-nav div i{opacity:0}
.choose-category:hover .owl-carousel .owl-nav div i{opacity:1}




@media only screen and (max-width:920px){
.choose-category .title-asli{padding:0}
.choose-category li{margin:10px 0 10px 15px}
.choose-category li a.item h3,.choose-category .colcs li a.colc h3{text-shadow:1px 1px 4px #000;font-size:15px;padding:20px 35px}
.choose-category .colcs li a.colc h3{padding:30px 10px}
.choose-category .colcs li a.colc .pic{width:56px}
.choose-category .colcs li,.choose-category .items .item{width:270px;margin:10px 0 0 15px}
.choose-category .items .item,.choose-category .items .item:hover{border:0}
.choose-category .items .item .icon{display:none}
.choose-category .items .item .inside{width:calc(100% - 105px)}
.choose-category .items .item .inside .title{font-size:13px;margin:10px 0 3px}
.choose-category .items .item .inside .brief{font-size:12px;height:63px;margin-bottom:8px}
.choose-category .colcs li a.colc{padding:5px}
.choose-category .items .item .inside .count span{font-size:15px}
.choose-category .colcs li a.colc{border:0}
.choose-category .owl-carousel.owl-loading.slider-auto{height:auto}
}