.best-items{height:800px}
.best-items:after{opacity:.5}
.best-items:before{opacity:.1}
.best-items .tab-btns{display:inline-block;padding:5px;margin:20px 0 10px}
.best-items .tab-btns span{padding:3px 15px}
.best-items .tab-btns span.active{background-color:var(--color);color:#222;display:inline-block}
.best-items .entery{transform:translateX(10px);width:calc(100% + 20px)}
.best-items .entery .mini-p{width:16.66%;margin-top:20px;display:none}
.best-items .entery .mini-p .title a{color:rgba(255, 255, 255, 0.7)}
.best-items .entery .mini-p:nth-child(1),
.best-items .entery .mini-p:nth-child(2),
.best-items .entery .mini-p:nth-child(3),
.best-items .entery .mini-p:nth-child(4),
.best-items .entery .mini-p:nth-child(5),
.best-items .entery .mini-p:nth-child(6),
.best-items .entery .mini-p:nth-child(7),
.best-items .entery .mini-p:nth-child(8),
.best-items .entery .mini-p:nth-child(9),
.best-items .entery .mini-p:nth-child(10),
.best-items .entery .mini-p:nth-child(11),
.best-items .entery .mini-p:nth-child(12){display:block}
.best-items .more-btn-area{bottom:0;right:0;z-index:1002;padding:80px 0 50px;background:linear-gradient(to bottom,transparent,var(--color2));border-bottom:30px var(--color2) solid}
.best-items .more-btn-area span{display:inline-block;padding:10px 20px}
.best-items.active{height:auto}
.best-items.active .more-btn-area{opacity:0;visibility:hidden}
.best-items.active .entery .mini-p{display:block}
.best-items .tab-btns span:hover,.best-items .more-btn-area span:hover{opacity:.85}

@media only screen and (max-width:1030px){
.best-items .entery .mini-p .pic{height:210px}
}
@media only screen and (max-width:920px){
.best-items{height:auto}
.best-items .tab-btns{margin-bottom:0;font-size:11px}
.best-items .title-asli{margin-bottom:5px}
.best-items .more-btn-area{display:none}
.best-items .entery{overflow:inherit;width:100%;transform:translateX(0)}
.best-items .entery .mini-p{padding:0;width:120px;margin-left:15px}
.best-items .entery .mini-p .pic{height:170px}
}