.Xc_home_roll{display:flex;background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow);margin-bottom:20px;transition:.35s}
.Xc_home_roll-recommend{width:25%;margin-left:15px;display:flex;flex-direction:column}
.Xc_home_roll-recommend.noswiper{width:100%;flex-direction:row;margin-left:0}
.Xc_home_roll-recommend.noswiper .item:first-child{margin-bottom:0;margin-right:7.5px}
.Xc_home_roll-recommend.noswiper .item:last-child{margin-left:7.5px}
.Xc_home_roll-recommend .item{position:relative;width:100%;height:152px;margin-bottom:15px;border-radius:var(--radius-inner);overflow:hidden}
.Xc_home_roll-recommend .item:hover{opacity:.85;transition:opacity .35s}
.Xc_home_roll-recommend .item:last-child{margin-bottom:0}
.Xc_home_roll-recommend .item .thumbnail{display:block;width:100%;height:100%}
.Xc_home_roll-recommend .item .thumbnail img{width:100%;height:100%;transition:opacity .35s;-o-object-fit:cover;object-fit:cover}
.Xc_home_roll-recommend .item .information{display:flex;align-items:center;position:absolute;z-index:1;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));color:#fff;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Xc_home_roll-recommend .item .information .type{background-image:linear-gradient(270deg,#986fee,#8695e6,#68b7dd,#18d7d3);background-color:#8695e6;text-align:center;padding:0 8px;border-radius:2px;height:20px;font-size:12px;color:#fff;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px}
.Xc_home_roll-recommend .item .information .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Xc_home_hot-list{display:grid;grid-template-columns:repeat(4,1fr);-webkit-column-gap:15px;background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow);margin-bottom:20px}
.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:.85}
.Xc_home_hot-list .item .link .inner:hover .title{background:var(--classC)}
.Xc_home_hot-list .item .link .inner .image{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;transition:opacity .35s;border-radius:var(--radius-inner) var(--radius-inner) 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(--minor);background:var(--classD);transition:background .35s;border-radius:0 0 var(--radius-inner) var(--radius-inner)}
.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(90deg,#fc712a,#f84c39);background-color:#f84c39;color:#fff;font-size:12px;height:18px;padding:0 8px;border-radius:2px;white-space:nowrap}
.Xc_home_ad{padding-bottom:20px}
.Xc_home_ad-link{display:block;position:relative}
.Xc_home_ad-link .image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-inner);transition:opacity .35s}
.Xc_home_ad-link .image:hover{opacity:.85}
.Xc_home_ad-link .icon{position:absolute;z-index:1;top:10px;right:10px;font-size:12px;background:rgba(0,0,0,.25);padding:2px 5px;border-radius:2px;color:#ebebeb;pointer-events:none}
.Xc_home_column{display:flex;align-items:center;border-radius:var(--radius-wrap);padding:0 15px;background:var(--background);box-shadow:var(--box-shadow)}
.Xc_home_column-title{position:relative;display:flex;align-items:center;color:var(--main);font-weight:500;height:47px;line-height:47px}
.Xc_home_column-title .item{cursor:pointer;margin-right:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .35s}
.Xc_home_column-title .item.active{color:var(--theme)}
.Xc_home_column-title .line{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background:var(--theme);transition:left .35s,width .35s}
.Xc_home_column-notice{display:flex;align-items:center;margin-left:auto;height:40px}
.Xc_home_column-notice svg{min-width:20px;min-height:20px;width:20px;height:20px;margin-right:5px}
.Xc_home_column-notice a{color:var(--routine);line-height:20px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .35s}
.Xc_home_column-notice a:hover{color:var(--theme)}
.swiper-container{min-width:0;flex:1;--swiper-theme-color:#fff}
.swiper-container,.swiper-container .item{height:320px;border-radius:var(--radius-inner)}
.swiper-container .item{display:block}
.swiper-container .item .thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .35s}
.swiper-container .item .thumbnail:hover{opacity:.85}
.swiper-container .item .title{position:absolute;z-index:1;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:18px;padding:20px;font-weight:400}
.swiper-container .item .icon{position:absolute;z-index:1;top:10px;left:10px;width:18px;height:18px;fill:#fff;opacity:.5}
.swiper-container.swiper-container-horizontal .swiper-pagination-bullets{bottom:unset;left:unset;width:auto;right:10px;top:10px}
.swiper-container.swiper-container-vertical .swiper-button-next,.swiper-container.swiper-container-vertical .swiper-button-prev{display:none}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background:rgba(0,0,0,.1);transition:background .35s,right .35s,left .35s;border-radius:2px}
.swiper-container .swiper-button-next:hover,.swiper-container .swiper-button-prev:hover{background:rgba(0,0,0,.25)}
.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{font-size:20px}
.swiper-container .swiper-button-next{right:-27px}
.swiper-container .swiper-button-prev{left:-27px}
.swiper-container:hover .swiper-button-next{right:10px}
.swiper-container:hover .swiper-button-prev{left:10px}


.Xc_home_articie-si:hover{opacity:1;transform:translateY(-4px);box-shadow:0 2px 10px rgb(0 0 0/15%)}
.Xc_home_articie-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.Xc_home_articie-list .index3{padding:0;margin-bottom:0;width:100%}
.Xc_home_articie-si{position:relative;width:100%;transition:.35s;background:var(--background);border-radius:var(--radius-wrap);box-shadow:var(--box-shadow)}
.Xc_card-img{position:relative;overflow:hidden;padding-bottom:60%;width:100%;height:0}
.Xc_card-img img{position:absolute;overflow:hidden;width:100%;height:100%;border-radius:6px 6px 0 0;object-fit:cover}
.Xc_card-main{margin:0;padding:10px}
.Xc_card-title{display:-webkit-box;overflow:hidden;margin-top:5px;margin-bottom:5px;max-height:3em;min-height:3em;color:var(--main);white-space:normal;line-height:1.5em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.Xc_card-title .Xc_card-title-link{color:var(--main);font-size:15px}
.Xc_card-region{display:flex;align-items:center;overflow:hidden;margin-bottom:8px;white-space:nowrap}
.Xc_card-region a{display:inline-block;margin-right:5px;padding:2px 5px;border-radius:2px;background:var(--theme);color:#fff;text-align:center;font-size:12px}
.Xc_card-tags a{border-radius:2px;background:var(--classB);color:var(--routine)}
.Xc_card-tags a:before{content:"#"}
.Xc_card-information{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:3px;color:var(--minor);font-size:12px}
.Xc_card-details-left li{display:flex;align-items:center;margin:0 10px 0 0}
.Xc_card-details-left li img{position:relative;display:inline-block;width:20px;height:20px;border-radius:100px;vertical-align:middle;flex-shrink:0}
.Xc_card-details-right,.Xc_card-details-right li{display:flex;align-items:center}
.Xc_card-details-right .iconfont.icon-zan{padding-left:5px}
.badge{display:inline-block;height:20px;line-height:20px;background:rgba(220,53,69,.81);color:#fff;font-size:12px;margin-right:5px;border-radius:2px;padding:0 8px;white-space:nowrap;vertical-align:1px}


.Xc_home_articie-list_loading .item{display:flex;position:relative;width:100%;margin:20px 0;border-bottom:1px solid var(--classC)}
.Xc_home_articie-list_loading .item:last-child{border-bottom:none}
.Xc_home_articie-list_loading .item .thumbnail{flex-shrink:0;position:relative;width:210px;height:140px;margin-right:15px;background:var(--classD);-webkit-animation:list_thumbnail_loading .5s infinite alternate;animation:list_thumbnail_loading .5s infinite alternate;border-radius:var(--radius-inner)}
.Xc_home_articie-list_loading .item .information{flex:1;min-width:0}
.Xc_home_articie-list_loading .item .information .title{height:24px;border-radius:var(--radius-inner);background:var(--classD);-webkit-animation:list_title_loading .75s infinite alternate;animation:list_title_loading .75s infinite alternate;margin-bottom:15px}
.Xc_home_articie-list_loading .item .information .abstract p{height:18px;border-radius:var(--radius-inner);background:var(--classD);margin-bottom:5px;-webkit-animation:list_abstract_loading .8s infinite alternate;animation:list_abstract_loading .8s infinite alternate}

.Xc_load {display: flex;padding: 25px 0 2rem;align-items: center;justify-content: center;user-select: none}
.Xc_load a {width: 120px;height: 34px;border-radius: 17px;background: var(--Xc-bj);box-shadow: var(--box-shadow);color: var(--routine);text-align: center;line-height: 34px;cursor: pointer;transition: transform .35s;}
.Xc_load a:active {transform: scale(.85)}


@media (max-width:768px){
html .index3 .Xc_card-img{padding-bottom:40%}
html .swiper-container,html .swiper-container .item{height:200px}
}