.Xc_home_hot-list{display:grid;grid-template-columns:repeat(4,1fr);-webkit-column-gap:15px;background:var(--classD);border-radius:0.25rem;padding:15px;box-shadow:0px 5px 10px rgba(0,0,0,.1);}
.Xc_home_hot-list .item{overflow:hidden}
.Xc_home_hot-list .item .link{display:block}
.Xc_home_hot-list .item .link .inner{position:relative}
.Xc_home_hot-list .item .link .inner:hover .image{opacity:0.85}
.Xc_home_hot-list .item .link .inner:hover .title{background:var(--classC)}
.Xc_home_hot-list .item .link .inner .image{width:100%;height:110px;-o-object-fit:cover;object-fit:cover;transition:opacity 0.35s;border-radius:0.25rem 0.25rem 0 0}
.Xc_home_hot-list .item .link .inner .title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 8px;line-height:32px;color:var(--main);;background:var(--background);transition:background 0.35s;border-radius:0 0 0.25rem 0.25rem}
.Xc_home_hot-list .item .link .inner .views{display:flex;align-items:center;position:absolute;z-index:1;top:5px;right:5px;background-image:linear-gradient(to right,#fc712a,#f84c39);background-color:#f84c39;color:#fff;font-size:12px;height:18px;padding:0 8px;border-radius:2px;white-space:nowrap}
.fox-aside-item{position:relative;border-radius:0.25rem;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden}
.fox-aside-item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0;transition:top 0.35s}
.fox-aside-item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}
.fox-aside-item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}
.fox-aside-item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}
.fox-aside-item-contain{position:relative;padding:15px}
.fox-aside-item{background:var(--background);padding:85px 15px 15px}
.fox-aside-item::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),#fcfcfc)}
.fox-aside-item:hover::after{display:block}
.fox-aside-item .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}
.fox-aside-item .card-body{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:25px}
.fox-aside-item .card-body .avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s,-webkit-transform 0.75s;border:rgba(144,147,153,0.23) 3px solid;padding:0px}
.fox-aside-item .card-body .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.fox-aside-item .card-body .link{color:#73aaff;margin-bottom:10px;font-size:16px;font-weight:500}
.fox-aside-item .card-body .motto{font-size:14px;color:var(--main);text-align:center;word-break:break-word}
.fox-aside-item .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}
.fox-aside-item .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:#606266;font-size:13px}
.fox-aside-item .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.2rem;color:var(--main);margin-bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,0.25);}
.Xc_aside_item{position:relative;border-radius:0.25rem;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;}
.Xc_aside_item.tags{background:var(--background);}
.Xc_aside_item.tags .empty{text-align:center;color:#606266}
.Xc_aside_item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}
.Xc_aside_item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}
.Xc_aside_item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}
.Xc_aside_item-title .icon2{width:1rem;height:1rem;margin-right:2px;fill:currentColor;overflow:hidden;flex-shrink:0;width:17px;height:17px;}
.Xc_aside_item-title .xccx_mac{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d !important;width:11px;height:11px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;float:right;right:55px;top:17px}
.Xc_aside_item-contain{position:relative;padding:15px}
.Xc_aside_item-contain .cloud{display:table-footer-group;flex-wrap:wrap;list-style:none;margin-bottom:0px;}
.Xc_aside_item-contain .cloud .item{float:left;padding:5px}
.Xc_aside_item-contain .cloud .item a{color:#fff;padding:3px 6px 3px 6px;font-size:13px;border-radius:2px;}
.Xc_aside_item-contain .cloud .item a:hover{transition:.35s ease-out;background:#000 !important;border-radius:2px}
.Xc_aside_item.hot{background:var(--background);}
.Xc_aside_item.hot .empty{text-align:center;color:#606266}
.Xc_aside_item.hot .item{list-style:none;margin-bottom:15px}
.Xc_aside_item.hot .item:last-child{margin-bottom:0}
.Xc_aside_item.hot .item:nth-child(1) .link .sort{background:#ff183e}
.Xc_aside_item.hot .item:nth-child(2) .link .sort{background:#ff5c38}
.Xc_aside_item.hot .item:nth-child(3) .link .sort{background:#ffb821}
.Xc_aside_item.hot .item .link{position:relative;display:block;border-radius:0.25rem;overflow:hidden}
.Xc_aside_item.hot .item .link:hover .image{-webkit-transform:scale(1.2);transform:scale(1.2)}
.Xc_aside_item.hot .item .link .sort{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:#fff;width:65px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500;z-index:1;font-style:normal}
.Xc_aside_item.hot .item .link .image{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s}
.Xc_aside_item.hot .item .link .describe{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));font-size:12px;color:var(--seat)}
.Xc_aside_item.hot .item .link .describe h6{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:24px;font-size:14px}
@media (max-width:1024px){
.Xc_home_hot-list .item .link .inner .image{height:88px}.Xc_aside_item.hot .item .link .image{height:112px}
}
@media (max-width:992px){
.Xc_home_hot-list .item .link .inner .image{height:86px}
}
@media (max-width:768px){
html .Xc_home_hot-list{grid-template-columns:repeat(2,1fr);gap:10px;}
.Xc_home_hot-list .item .link .inner .image{height:184px}
}
@media (max-width:576px){
.Xc_home_hot-list .item .link .inner .image{height:102px}
}