main div.middle-box{height:350px;margin-top:180px;position:relative;display:flex;align-items:center;justify-content:center;z-index:100;transition:transform 3s ease-in-out;background:url(../images/waf.gif) no-repeat center center}main div.middle-box h1{font-size:clamp(1.25rem,.923rem + 2.62vw,4.063rem);position:relative;top:-15px;font-weight:400;color:var(--highlight-color)}main div.middle-box h1 span{display:inline-block;width:215px}main iframe{width:100%;height:500px}main div.content-box{display:flex;justify-content:space-between;border-top:2px solid var(--highlight-color)}main div.content-box div.article-box{width:calc(100% - 250px);border-radius:5px;display:flex}main div.right-news-box{width:250px;margin-left:20px}main div.body-box>h1{display:inline-block;font-size:17px;font-weight:400;color:var(--highlight-color);border:2px solid var(--highlight-color);border-top-left-radius:25px;border-bottom-right-radius:25px;padding:5px 15px}main div.article-item{width:100%;height:200px;border-radius:5px;margin-top:10px;display:flex;align-items:center;background:var(--app-background-color)}main div.article-item div.left-box{width:250px;height:150px;border-radius:5px;background-color:var(--highlight-color);overflow:hidden;margin-right:10px}main div.article-list-box{width:100%}main div.article-item div.right-box{width:100%;flex:1}main div.article-item div.left-box img{width:100%;height:100%;object-fit:cover;border-radius:5px;object-position:center;transition:all .3s linear}main div.article-item div.left-box img{transition:all .3s linear}main div.article-item div.left-box img:hover{transform:scale(1.2)}main div.article-item div.right-box h1{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;cursor:url(../images/pointer2.ico),pointer;font-size:25px;padding-bottom:5px;transition:all .3s linear}main div.article-item div.right-box h1::before{content:"";width:0;height:2px;background-color:var(--highlight-color);position:absolute;bottom:0;transition:.3s all ease-in-out}main div.article-item div.right-box h1:hover::before{width:100%}main div.article-item div.right-box h1:hover a{color:var(--highlight-color)}main div.article-item div.right-box p{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}main div.right-news-box ul{list-style-type:circle}main div.right-news-box ul li{width:100%;border-radius:5px;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font-size:14px}main div.right-news-box ul li:hover{color:var(--highlight-color);cursor:url(../images/pointer2.ico),pointer}main div.right-news-box h3{display:inline-block;font-size:16px;font-weight:400;color:var(--highlight-color);border:2px solid var(--highlight-color);border-top-left-radius:25px;border-bottom-right-radius:25px;padding:5px 15px}main div.news-box{padding:10px;margin-top:20px;background-color:#00ffff35;border-radius:5px}main div.fire-activity-box{margin-top:20px;padding:5px;background:#80ffff17;border-radius:5px}main div.fire-activity-box h3{margin-bottom:5px}main div.fire-activity-box img{width:100%;width:100%;border:1px solid var(--highlight-color);border-radius:5px;background-color:rgba(0,0,0,.469)}main div.video-box{width:100%;height:456px;position:absolute;top:-110px;left:0}main div.video-box video{width:100%;height:100%;border-radius:5px;background-color:var(--background-color)}@media (max-width:780px){#app>main>div.body-box>div{display:block}#app>main>div.body-box>div>div.article-box{width:100%}#app>main>div.body-box>div>div.right-news-box{width:100%;margin-left:0}#app .middle-box{background-size:50%!important}}@media (max-width:570px){#app>main div.article-item{display:block;height:auto;margin-bottom:25px}#app>main div.article-item .left-box{width:100%;height:200px}#app>main>h1{display:none}main div.middle-box h1 span{width:40px}}