@layer components{.container-top{margin:0;padding:0;position:relative}.container-top .headline-back{content:"";display:block;width:100%;height:600px;position:relative;background-color:var(--ifr-color-black)}.container-top .headline-back .img-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;background-position:center top;background-repeat:no-repeat;background-size:cover}.container-top .headline-back .img-container img{width:100%;margin-top:-50%;transform:translateY(50%)}.container-top .headline-back .headline-back-box{width:1120px;height:341px;margin:0 auto;display:flex;flex-direction:row;justify-content:left;align-items:center;position:relative;z-index:1}.container-top .headline-back .headline-logo{width:240px;height:240px;background:url("/wp-content/themes/ifanr/static/images/ifanr/headline-default-logo-20240418.svg")}.container-top .headline-image{content:"";display:block;width:100%;height:600px;position:relative;overflow:hidden}.container-top .headline-image .img-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;background-repeat:no-repeat;background-size:100% auto}.container-top .headline-image .headline-logo-box{position:relative;margin-left:calc((100% - 1128px)/2);width:320px;height:520px;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:1}.container-top .headline-image .headline-logo-box .headline-logo-info{width:100%;max-height:394px;border:4px solid var(--ifr-color-white);font-family:var(--ifr-font-medium)}.container-top .headline-image .headline-logo-box .headline-logo-info .headline-logo{background:url("/wp-content/themes/ifanr/static/images/ifanr/headline-logo.svg");background-size:100% 100%;height:126px;margin:var(--ifr-space-24) var(--ifr-space-24) 58px var(--ifr-space-24)}.container-top .headline-image .headline-logo-box .headline-logo-info .headline-title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:var(--ifr-fs-2xl);color:var(--ifr-color-white);line-height:32px;margin:0 var(--ifr-space-24);max-height:96px}.container-top .headline-image .headline-logo-box .headline-logo-info .headline-btn a{display:inline-block;font-size:var(--ifr-fs-base);margin:var(--ifr-space-24);color:var(--ifr-color-brand)}.container-top .headline-image .arrow-right{color:rgba(255,0,0,.7);font-size:var(--ifr-fs-xs);margin-left:var(--ifr-space-8)}.container-top .bottom-gradient{width:100%;height:206px;position:absolute;bottom:0;background:linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0))}}@layer responsive{@media(max-width: 1139px){.headline-logo-box,.headline-back-box{max-width:calc(100% - 32px)}}}@layer components{.c-top{border:4px solid var(--ifr-color-white);border-bottom:none}.c-top::after{content:"";display:table;clear:both}.top-news{position:relative;float:left;width:638px;height:360px;overflow:hidden}.top-news .swiper-wrapper{display:flex;height:100%}.top-news .news-item{position:relative;flex:0 0 638px;width:638px;height:360px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.top-news .news-item .img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.top-news .news-item:hover .news-item-hover-content{color:var(--ifr-color-ink)}.top-news .news-item:hover .news-item-mask{width:100%;height:100%;background-color:var(--ifr-color-white);transition:height .24s linear}.top-news .news-item:hover .news-description{opacity:1;transition:opacity .5s linear}.top-news .news-item-hover-content{position:absolute;z-index:var(--ifr-z-first);bottom:0;width:638px;padding:var(--ifr-space-16);color:var(--ifr-color-white)}.top-news .news-item-hover-content .news-item-mask{position:absolute;bottom:0;left:0;width:100%;height:0;background-color:var(--ifr-color-white)}.top-news .news-item-hover-content .news-headline{position:relative;max-height:60px;margin:0;font-family:var(--ifr-font-medium);font-size:var(--ifr-fs-2xl);font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.top-news .news-item-hover-content .news-description{position:relative;width:100%;margin-bottom:var(--ifr-space-10);font-family:var(--ifr-font-regular);font-size:var(--ifr-fs-base);line-height:20px;color:var(--ifr-color-muted);opacity:0}.top-news .news-item-hover-content .news-description span,.top-news .news-item-hover-content .news-description time{float:left}.top-news .news-item-hover-content .news-description .clear-both{clear:both}.top-news .news-item-hover-content .news-description .category{color:var(--ifr-color-brand)}.top-news .news-item-hover-content .news-description .author{margin-left:var(--ifr-space-4)}.top-news .news-item-hover-content .news-description .time{margin-left:var(--ifr-space-8)}.top-news .news-link{position:absolute;z-index:var(--ifr-z-first);top:0;left:0;width:100%;height:100%}.top-news .overlay{position:absolute;top:0;width:100%;height:100%}.top-news .overlay .top-mask{position:absolute;top:0;width:100%;height:60px;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%)}.top-news .overlay .bottom-mask{position:absolute;bottom:0;width:100%;height:100px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%)}.top-news .swiper-pagination-bullets{position:absolute;z-index:var(--ifr-z-second);top:15px;bottom:inherit;left:10px;padding:0}.top-news .swiper-pagination-bullet{position:relative;float:left;display:block;width:24px;height:24px;margin-right:var(--ifr-space-8);margin-left:var(--ifr-space-5);font-size:var(--ifr-fs-xs);line-height:24px;text-align:left;cursor:pointer;color:hsla(0,0%,100%,.6);background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.6);border-radius:0;opacity:.5;transition:background-color .2s linear}.top-news .swiper-pagination-bullet .block{content:"";display:inline-block;width:0;height:100%;color:var(--ifr-color-white);background:hsla(0,0%,100%,.6);opacity:0;transform-origin:left}.top-news .swiper-pagination-bullet .index{position:absolute;left:50%;color:var(--ifr-color-white);font-style:normal;transform:translateX(-50%);pointer-events:none}.top-news .swiper-pagination-bullet-active{opacity:1}.top-news .swiper-pagination-bullet-active .block{width:100%;opacity:1}.video-jiong{position:relative;float:left;width:478px;height:360px;margin-left:var(--ifr-space-4);background-color:var(--ifr-color-black)}.c-top-video{height:100%;overflow:hidden}.c-top-video .video-headline{position:relative;width:100%}.c-top-video .video-headline .video-cover-image{position:relative;width:100%;height:269px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:top center}.c-top-video .video-headline .video-cover-image .video-thumbnail{width:100%;height:269px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center}.c-top-video .video-headline .video-cover-image .video{width:100%;height:269px}.c-top-video .video-headline .video-cover-image .mask{position:absolute;top:0;width:100%;height:360px;background-color:hsla(0,0%,100%,.08);opacity:0}.c-top-video .video-headline .video-cover-image .video-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:80px;height:80px;margin:auto;font-size:35px;line-height:80px;color:var(--ifr-color-white);border-radius:var(--ifr-radius-circle);background-image:linear-gradient(139deg, #ec1700 0%, #fc7c0a 100%);opacity:.8}.c-top-video .video-headline .video-cover-image .video-play-btn::before{float:left;transform:translate(26px);opacity:.8}.c-top-video .video-headline .video-cover-image .video-play-btn:hover{transform:scale(1.1);transition:all .2s ease-in-out}.c-top-video .video-headline .video-headline__title{position:relative;width:100%;height:91px;line-height:30px;overflow:hidden;background:linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.6) 100%)}.c-top-video .video-headline .video-headline__title p{position:absolute;bottom:0;max-height:60px;margin:0 var(--ifr-space-16) var(--ifr-space-16) 92px;font-family:var(--ifr-font-medium);font-size:var(--ifr-fs-2xl);line-height:30px;color:var(--ifr-color-white);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.c-top-video .video-headline .video-headline__title .video-headline-logo{display:inline-block;width:60px;height:60px;margin:15px 12px var(--ifr-space-16) var(--ifr-space-16);background-image:url("/wp-content/themes/ifanr/static/images/ifanr/video-recommend-logo.svg")}.c-top-video .video-headline .video-headline-hover__title{position:absolute;bottom:-35px;width:100%;padding:14px var(--ifr-space-8) 1px var(--ifr-space-16);overflow:hidden;background:var(--ifr-color-black);transition:all .3s}.c-top-video .video-headline .video-headline-hover__title .video-description{font-size:var(--ifr-fs-base);line-height:20px;color:var(--ifr-color-muted)}.c-top-video .video-headline .video-headline-hover__title .video-description .category{color:var(--ifr-color-brand)}.c-top-video .video-headline .video-headline-hover__title .video-description .author{margin-left:var(--ifr-space-4)}.c-top-video .video-headline .video-headline-hover__title .video-description .time{margin-left:var(--ifr-space-8)}.c-top-video .video-headline .overlay{position:absolute;bottom:0;width:100%;height:96px;background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent)}.c-top-video .video-headline .video-headline__link{display:block}.c-top-video .video-headline .video-headline__link:hover .video-headline-hover__title{bottom:0;transition:all .3s}.c-top-video .video-headline .jiong__video-cover{position:relative}.c-top-video .video-headline .mute-btn{position:absolute;right:var(--ifr-space-20);bottom:110px;z-index:11;width:30px;height:30px;cursor:pointer;background-image:url("/wp-content/themes/ifanr/static/images/ifanr/vol-off.png");background-repeat:no-repeat;background-size:cover;background-position:center}.c-top-video .video-headline .mute-btn--muted{background-image:url("/wp-content/themes/ifanr/static/images/ifanr/vol-on.png")}.top-banner{display:flex;flex-direction:row;justify-content:space-between;width:100%}.top-banner .top-banner-item{display:inline-block;width:370.6px;height:284px;margin-top:var(--ifr-space-4);overflow:hidden}.top-banner .top-banner-item .banner-item-image{position:relative;width:100%;height:208px;overflow:hidden;background-size:100% 100%}.top-banner .top-banner-item .banner-item-image .thumbnail{width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center}.top-banner .top-banner-item .banner-item-image .thumbnail:hover+.banner-img-hover{bottom:-1px;transition:all .3s}.top-banner .top-banner-item .banner-item-image .banner-img-hover{position:absolute;z-index:var(--ifr-z-first);bottom:-35px;left:-1px;width:calc(100% + 2px);padding:14px var(--ifr-space-8) 1px var(--ifr-space-8);font-family:var(--ifr-font-regular);font-size:var(--ifr-fs-base);line-height:20px;color:var(--ifr-color-muted);background-color:var(--ifr-color-white);transition:all .3s}.top-banner .top-banner-item .banner-item-image .banner-img-hover:hover{bottom:-1px;transition:all .3s}.top-banner .top-banner-item .banner-item-image .banner-img-hover span,.top-banner .top-banner-item .banner-item-image .banner-img-hover time{float:left}.top-banner .top-banner-item .banner-item-image .banner-img-hover .clear-both{clear:both}.top-banner .top-banner-item .banner-item-image .banner-img-hover .category{color:var(--ifr-color-brand)}.top-banner .top-banner-item .banner-item-image .banner-img-hover .author{margin-left:var(--ifr-space-4)}.top-banner .top-banner-item .banner-item-image .banner-img-hover .time{margin-left:var(--ifr-space-8)}.top-banner .top-banner-item .banner-item-title{position:relative;height:50px;margin:var(--ifr-space-12) var(--ifr-space-8) var(--ifr-space-16) var(--ifr-space-8);font-family:var(--ifr-font-medium);font-size:var(--ifr-fs-xl);color:var(--ifr-color-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.top-banner .top-banner-item .banner-item-title:hover{color:var(--ifr-color-brand)}}@layer responsive{@media(max-width: 1139px){.top-news{width:100%}.top-news .news-item{width:100%;flex-basis:100%}.top-news .news-item-hover-content{width:100%}.top-banner{gap:4px}.top-banner .top-banner-item{width:calc((100% - 8px)/3)}}}