﻿.top-cats .entery{margin-top:15px}
.top-cats .entery .item{display:inline-block;width:100px;padding-top:5px;margin:0 10px}
.top-cats .entery .item .icon{width:100px;height:100px}
.top-cats .entery .item .icon:before{content:"";position:absolute;top:0;right:0;width:100%;height:200%;background:linear-gradient(to top,transparent,transparent,#dbdbdb);border-radius:50px 50px 0 0;z-index:-1}
.top-cats .entery .item .icon img{width:60px;margin:20px}
.top-cats .entery .item:nth-child(2) .icon:before{background:linear-gradient(to top,transparent,transparent,#f3e3d7)}
.top-cats .entery .item:nth-child(3) .icon:before{background:linear-gradient(to top,transparent,transparent,#e7ecfa)}
.top-cats .entery .item:nth-child(4) .icon:before{background:linear-gradient(to top,transparent,transparent,#f5f1e1)}
.top-cats .entery .item:nth-child(5) .icon:before{background:linear-gradient(to top,transparent,transparent,#fdc7c8)}
.top-cats .entery .item:nth-child(6) .icon:before{background:linear-gradient(to top,transparent,transparent,#f5eee4)}
.top-cats .entery .item:nth-child(7) .icon:before{background:linear-gradient(to top,transparent,transparent,#f7ecf6)}
.top-cats .entery .item:nth-child(8) .icon:before{background:linear-gradient(to top,transparent,transparent,#e1f4f8)}
.top-cats .entery .item:nth-child(9) .icon:before{background:linear-gradient(to top,transparent,transparent,#e4efff)}
.top-cats .entery .item:nth-child(10) .icon:before{background:linear-gradient(to top,transparent,transparent,#eaefd5)}
.top-cats .entery .item:nth-child(11) .icon:before{background:linear-gradient(to top,transparent,transparent,#eddcf1)}
.top-cats .entery .item:nth-child(12) .icon:before{background:linear-gradient(to top,transparent,transparent,#e3f7f4)}
.top-cats .entery .item:nth-child(13) .icon:before{background:linear-gradient(to top,transparent,transparent,#fee7e9)}
.top-cats .entery .item:nth-child(14) .icon:before{background:linear-gradient(to top,transparent,transparent,#e3f8f4)}
.top-cats .entery .item .name{transform:translateY(-10px);background-color:#ababac;padding:2px 0;line-height:1.8;border-radius:0 0 20px 20px}
.top-cats .entery .item:nth-child(2) .name{background-color:#ee8a45}
.top-cats .entery .item:nth-child(3) .name{background-color:#829fec}
.top-cats .entery .item:nth-child(4) .name{background-color:#ecbc06}
.top-cats .entery .item:nth-child(5) .name{background-color:#f46467}
.top-cats .entery .item:nth-child(6) .name{background-color:#f0ae4f}
.top-cats .entery .item:nth-child(7) .name{background-color:#f97cec}
.top-cats .entery .item:nth-child(8) .name{background-color:#3ad3f4}
.top-cats .entery .item:nth-child(9) .name{background-color:#7faef9}
.top-cats .entery .item:nth-child(10) .name{background-color:#a7cc14}
.top-cats .entery .item:nth-child(11) .name{background-color:#e583fd}
.top-cats .entery .item:nth-child(12) .name{background-color:#25dfc2}
.top-cats .entery .item:nth-child(13) .name{background-color:#ea8089}
.top-cats .entery .item:nth-child(14) .name{background-color:#7ec4b9}

.top-cats .entery .item:hover{opacity:.7}

.top-cats .entery .item#catidx56 .name{font-size:11px;padding:4px 0}

@media only screen and (max-width:920px){
.top-cats .scrolls{padding:5px 18px 0 3px;margin-right:-18px;width:calc(100% + 36px);-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden}
.top-cats .scrolls::-webkit-scrollbar{display:none}
.top-cats .entery{width:665px;margin:0}
.top-cats .entery .item{float:right;margin:0 0 0 15px}
.top-cats .entery .item .icon::before{border-radius:10px 10px 0 0}
.top-cats .entery .item .name{border-radius:0 0 10px 10px;font-size:12px}
.top-cats .entery .item .icon{width:80px;height:80px}
.top-cats .entery .item{width:80px}
.top-cats .entery .item .icon img{width:50px;margin:15px}
.top-cats .entery .item#catidx56 .name{font-size:9px}
}