.carousel{border-radius:2px;height:400px;margin-bottom:0;position:relative;overflow:hidden}.carousel-container,.carousel-slides{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;z-index:1;pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1;z-index:2;pointer-events:auto}.carousel-content{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7);position:absolute;bottom:20px;left:20px}.carousel-content h2{background:rgba(0,0,0,.4);margin-bottom:10px;padding:5px 20px;font-size:28px}.carousel-content p{padding:1px 20px}.carousel-controls{z-index:3;display:flex;position:absolute;bottom:20px;right:20px}.carousel-control{cursor:pointer;background-color:rgba(255,255,255,.5);border-radius:50%;width:12px;height:12px;margin:0 5px}.carousel-control.active{background-color:#fff}.carousel-arrows{z-index:3;justify-content:space-between;width:100%;padding:0 20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow{color:#fff;cursor:pointer;background-color:rgba(0,0,0,.3);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.carousel-arrow:hover{background-color:rgba(0,0,0,.6)}.hot-search{background-color:#fff;border-radius:4px;margin-bottom:20px;padding:15px}.hot-search h3{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:18px}.hot-search-list{list-style:none}.hot-search-list li{border-bottom:1px dashed #eee;padding:8px 0}.hot-search-list li:last-child{border-bottom:none}.hot-search-list li a{justify-content:space-between;display:flex}.hot-search-list .hot-tag{color:#e60000;margin-right:5px}.yijuhua{color:#fff;background:rgba(0,0,0,.4);width:auto;display:inline-block}@media (max-width:768px){.carousel{height:300px}.carousel-content h2{padding:5px 10px;font-size:20px}}
.headlines{border-radius:4px;margin-bottom:0;padding:15px}.headlines h3{color:#e60000;border-bottom:1px solid #eee;margin-bottom:5px;padding-bottom:10px;font-size:20px;font-weight:700}.headlines-list{list-style:none}.headlines-list li{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dashed #eee;padding:10px 0;overflow:hidden}.margintop10{margin-top:10px}.headlines-list li a.red{color:#e60000;font-weight:700}.recommended{background-color:#fff;border-radius:4px;padding:15px}.recommended h3{color:#e60000;border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:18px;font-weight:700}@media (min-width:992px){.right-content,.right-content-toutiao{width:calc(33.333% - 10px)}}
.hot-ranking{margin-top:20px;margin-bottom:0}.hot-ranking-divider{align-items:center;width:100%;margin:0 0 10px;display:flex}.hot-ranking-divider:before,.hot-ranking-divider:after{content:"";background-color:#e60000;flex:1;height:2px}.hot-ranking-text{color:#e60000;text-align:center;white-space:nowrap;padding:0 20px;font-size:24px;font-weight:700}.ranking-box{flex-wrap:wrap;gap:20px;display:flex}.ranking-item{background-color:#fff;border-radius:4px;width:100%;padding:0 15px}.ranking-item h3{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;font-size:18px;display:flex}.ranking-item h3 a{color:#999;font-size:14px;font-weight:400}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dashed #eee;padding:10px 0;overflow:hidden}.ranking-list li:last-child{border-bottom:none}.ranking-list a{color:inherit;justify-content:space-between;text-decoration:none;display:flex}.ranking-list .number{color:#e60000;margin-right:10px;font-weight:700}.ranking-list .hot-tag{color:#e60000;margin-right:5px}.ranking-list .price{color:#999;margin-right:5px;text-decoration:line-through}.ranking-list .user{color:#0084ff}.ranking-list .views{color:#999;font-size:14px}@media (min-width:768px){.ranking-item{width:calc(50% - 10px)}}@media (min-width:992px){.ranking-item{width:calc(33.333% - 14px)}}@media (max-width:576px){.hot-ranking-text{padding:0 10px;font-size:20px}}
.video-section{margin:20px 0}.video-header{border-bottom:2px solid #e60000;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.video-header h2{color:#e60000;font-size:20px}.video-tags{flex-wrap:wrap;align-items:center;display:flex}.video-tags a{color:#666;margin-left:15px}.video-tags a.active{color:#e60000;font-weight:700}.video-tags a.more{color:#999}.video-cards{flex-wrap:wrap;gap:20px;display:flex}.video-card{background-color:#fff;border-radius:4px;width:100%;transition:transform .3s;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1)}.video-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.video-thumb{height:200px;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%}.play-icon{color:#fff;background-color:rgba(0,0,0,.7);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-info{padding:15px}.video-title{align-items:center;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.video-title-en{color:#666;margin-left:5px;font-size:12px;font-weight:400}.video-meta{color:#666;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.video-author{color:#0084ff}.video-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:576px){.video-tags a{margin:5px}}@media (min-width:768px){.video-card{width:calc(50% - 10px)}}@media (min-width:992px){.video-card{width:calc(33.333% - 14px)}}@media (max-width:768px){.video-thumb{height:160px}.headlines{padding:0 15px}.right-content{display:none}}