.content-wrap{visibility:visible}.news_index{position:relative;width:100%;height:100vh;background:#f0f0f0;overflow:hidden}.news_index:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:700px;background:#f0f0f0 url(https://genshin.hoyoverse.com/_nuxt/img/5d86b58.jpg) no-repeat 50%;background-size:cover}.news_index .body{position:relative;z-index:2}.news_index .body .recommend{display:flex;justify-content:space-between;padding-top:146px;width:100%;height:700px;list-style-type:none}.news_index .body .recommend__item{position:relative;width:auto;height:450px;background-color:hsla(0,0%,7%,.8);box-shadow:0 3px 7px 0 rgba(0,0,0,.35);border-radius:4px;opacity:1;margin:0 5px}.news_index .body .news__title{position:relative;z-index:1;display:inline-block;width:100%;height:100%;font-size:24px;color:#393b40;text-decoration:none;overflow:hidden}.news_index .body .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news_index .body .recommend__imgwrap{width:380px;height:190px;margin:20px auto;overflow:hidden}.news_index .body .recommend__item img{transition:all .5s ease 0s}.news_index .body .recommend__img{width:100%;height:100%}.coverFit{object-fit:cover}.news_index .body .recommend__title{font-size:24px;font-weight:400;font-stretch:normal;line-height:34px;color:#fefefe;padding:0 17px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:normal;max-height:70px;margin:10px 0}.news_index .body .recommend__summary{display:inline-block;width:100%;font-size:16px;line-height:22px;color:#fff;padding:0 17px;max-height:88px;overflow:hidden;word-wrap:break-word;white-space:normal}.news_index .body .recommend__meta{display:flex;justify-content:space-between;position:absolute;left:0;bottom:15px;width:100%;padding:0 20px;box-sizing:border-box}.news_index .body .recommend__date{display:inline-block;color:grey}.news_index .body .recommend__category{text-decoration:none}.news_index .body .category{margin-top:4rem;list-style-type:none}.news_index .body .category__item{display:inline-block;min-width:155px;height:36px;line-height:36px;background-color:rgba(57,59,64,.18);color:#393b40;border-radius:4px;text-align:center;cursor:pointer;transition:all .2s ease 0s;margin:5px}.news_index .body .category__item--active,.news_index .body .category__item:hover{background-color:#393b40;color:#f4d8a8}.news_index .body .news{margin-top:38px;list-style-type:none;height:auto;transition:all .5s ease 0s}.news_index .body .news__item:before{display:block;content:"";position:absolute;z-index:1;top:-3px;bottom:-3px;left:-3px;right:-3px;border:3px solid rgba(57,59,64,.15);border-radius:4px;opacity:0;transition:opacity .2s linear}.news_index .body .news__content{display:flex}.news_index .body .news__content img{width:265px;height:140px;margin-right:20px}.news_index .body .news__info{width:calc(100% - 285px)}.news_index .body .news__info h3{font-size:24px;font-weight:400}.news_index .body .news__summary{position:relative;margin-top:11px;font-size:16px;line-height:22px;color:#7d7d7d;overflow:hidden;word-wrap:break-word;white-space:normal;margin-bottom:20px}.news_index .body .news__info p{line-height:22px}.news_index .body .news__meta{position:absolute;z-index:1;bottom:16px;right:0;display:flex;justify-content:flex-end;width:300px;padding:0 20px;box-sizing:border-box}.news_index .body .news__date{color:#999}.news_index .body .news__category{width:auto;text-decoration:none;cursor:pointer;margin-left:56px}.news_index .body .news__category,.news_index .body .news__date{width:120px;text-align:right}.news_index .body .news__cate-4{color:#9c3}.news_index .body .news__item{position:relative;min-height:170px;background-color:#fafafa;padding:15px 20px;margin-bottom:10px;border-radius:4px}.news_index .body .news__tag-4{border-left-color:#9c3}.recommend__item:hover img{opacity:1;transform:scale(1.2)}.footer{position:relative;z-index:998;width:100%;min-width:1280px;background-color:#111;margin:0 auto}.footer__top{position:relative;width:1280px;height:52px;line-height:52px;letter-spacing:0;font-size:16px;border-bottom:2px solid #1a1a1a;color:#999;left:50%;margin-left:-640px}.footer__socialbar{display:inline-block;list-style-type:none;height:100%;line-height:100%;margin-right:250px;margin-left:10px;vertical-align:center}.footer a,.footer a:active,.footer a:link,.footer a:visited{text-decoration:none;color:#999}.footer__socialitem{float:left;width:32px;height:32px;margin-top:10px;margin-right:24px}.footer__socialitem span{display:inline-block;font-size:32px}@media (min-width:1024px){.hy-footer-1DmxLu{padding:30px 0 40px}.main-yByaza{width:800px}}.hy-footer-1DmxLu{position:relative;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 0 32px}.hy-footer-1DmxLu,.hy-footer-1DmxLu *{box-sizing:border-box}.hy-footer-1DmxLu{font-family:sans-serif;line-height:1.2;text-align:center;font-size:12px}.main-yByaza{width:100%;overflow:hidden;display:flex;flex-flow:column;margin:-10px 0}