@charset "utf-8";
/*
 * Dislyte 海外官网 · 新闻列表页（PC）
 * 复用 home_pc.css 的 #page-root / header / footer 骨架，本文件只覆盖位置与本页内容
 * 第 1 段：源站 x-game_pc/css/news.css 原值（已去注释、素材路径改为项目 img/、区块类名 .partN → .sub_partN、区块背景图改由 config 绑定）
 * 第 2 段：适配层——#page-root 内的长页滚动容器、固定层（顶栏 / 语言列表 / 悬浮社交栏）、返回顶部按钮
 * 由 .a2web/replicate/build-css-sub.mjs 生成，改源站值请改脚本后重跑
 */

/* ================= 源站样式 ================= */
.sub_part1{height: 758px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.sub_part2{height: auto; background-color: #e0e2f4; background-repeat: no-repeat; background-position: 50% 0;}
.sub_part1 .center{width: 1400px; height: 758px; position: relative; margin: 0 auto;}
.sub_part1 .center .top_news_list{display: flex; justify-content: space-around; align-items: center;}
.sub_part1 .center .top_news_list .top_news_li{width: 408px; height: 469px; background-image: url(../img/common/newspage/top_news_li.webp); margin-top: 180px; transition: all .3s;}
.sub_part1 .center .top_news_list .top_news_li:hover{transform: translateY(-20px); transition: all .3s;}
.sub_part1 .center .top_news_list .top_news_img_box{width: 402px; height: 240px;}
.sub_part1 .center .top_news_list .top_news_img_box img{width: 100%; height: 100%;}
.sub_part1 .center .top_news_list .top_news_title1{margin: 20px 30px 10px 30px; color: #fff; font-size: 23px; font-family: 'Helvetica_Bold';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sub_part1 .center .top_news_list .top_news_title2{margin: 15px 30px 0px 30px; color: #897ddd; font-size: 18px; font-family: 'Helvetica'; height: 66px; overflow: hidden;}
.sub_part1 .center .top_news_list .top_news_title2 *{font-size:18px!important}
.sub_part1 .center .top_news_list .top_news_title2>*{display: none;}
.sub_part1 .center .top_news_list .top_news_title2 a>*{display: none;}
.sub_part1 .center .top_news_list .top_news_title2>:first-child{display: block;}
.sub_part1 .center .top_news_list .top_news_title2 a>:first-child{display: block;}
.sub_part1 .center .top_news_list .top_news_bottom{display: flex; justify-content: space-between; align-items: center; margin: 20px 30px 0 30px;}
.sub_part1 .center .top_news_list .top_news_bottom span:nth-of-type(1){color: #6fffdb; font-size: 23px; font-family: 'Helvetica_Bold';display: flex;align-items: baseline;}
.sub_part1 .center .top_news_list .top_news_bottom span:nth-of-type(1) em:nth-of-type(2){display: block; width: 19px; height: 11px; background-image: url(../img/common/newspage/news_icon1.webp); margin-left: 5px;}
.sub_part1 .center .top_news_list .top_news_bottom span:nth-of-type(2){color: #fff; font-size: 18px; font-family: 'Helvetica';}
.sub_part2 .center{width: 1400px; position: relative; margin: 0 auto;overflow: hidden;}
.sub_part2 .center .new_box{width: 100%; height: 100%;}
.sub_part2 .center .new_title{width: 640px; height: 45px; background-image: url(../img/common/newspage/news_title_bg.webp); margin: 70px 0 10px 0;}
.sub_part2 .center .new_title li{width: 160px;height: 45px;float: left;font-size: 16px;font-family: 'Helvetica_Bold';text-align: center;line-height: 45px;cursor: pointer;color: #fff;}
.sub_part2 .center .new_title li.on{background-image: url(../img/common/newspage/cen_on.webp);}
.sub_part2 .center .new_title .new_title_li1.on{background-image: url(../img/common/newspage/left_on.webp);}
.sub_part2 .center .new_title .new_title_li2.on{background-image: url(../img/common/newspage/right_on.webp);}
.sub_part2 .center .new_box .ul{width: 100%; height: 100%;margin-bottom: 140px;overflow: hidden;}
.sub_part2 .center .new_box .bottom_content{display: inline-flex;transition: all .5s ease;position: relative;top: 0;left: 0%;}
.sub_part2 .center .new_box .body_1{width: 1400px;height: 100%;}
.sub_part2 .center .new_box .news_list{width: 100%;}
.sub_part2 .center .new_box .news_ul::-webkit-scrollbar{width:6px;height:0}
.sub_part2 .center .new_box .news_ul::-webkit-scrollbar{background-color:transparent;border-radius:3px}
.sub_part2 .center .new_box .news_ul::-webkit-scrollbar-thumb{background-color:#8f79ff;border-radius:20px}
.sub_part2 .center .new_box .news_ul::-webkit-scrollbar-track-piece{background-color:#d3d3ec;border-radius:3px}
.sub_part2 .center .new_box .news_ul::-webkit-scrollbar-button{background-color:transparent;width:0;height:0}
.sub_part2 .center .new_box .news_ul::-webkit-scrollbar-corner{background-color:#d3d3ec;}
.sub_part2 .center .new_box .news_li{border-bottom: 2px solid #c4c7e5;padding-bottom: 60px;margin-top: 50px;}
.sub_part2 .center .new_box .news_li:last-child{border-bottom: none;}
.sub_part2 .center .news_cen{display: flex; justify-content: space-between; align-items: center;}
.sub_part2 .center .news_cen .news_img{width: 297px;}
.sub_part2 .center .news_cen .news_img img{display: block; width: 100%; height: 100%;}
.sub_part2 .center .news_cen .news_text{width: 1060px; text-align: left; color: #1e2731;}
.sub_part2 .center .news_cen .news_text .p1{color: #1a1a32; font-size: 25px; font-family: 'Helvetica_Bold'; margin-bottom: 25px; transition: all .3s;}
.sub_part2 .center .news_cen .news_text .p1:hover{transform: translateY(-15px); transition: all .3s;}
.sub_part2 .center .news_cen .news_text .p1 em{display: inline-block;width: 4px;height: 20px;margin-right: 5px;background-color: #8f79ff;}
.sub_part2 .center .news_cen .news_text .p2{color: #7777a1; font-size: 20px; font-family: 'Helvetica'; margin-bottom:30px; overflow:hidden;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;text-overflow:ellipsis}
.sub_part2 .center .news_cen .news_text .p2 *{font-size: 20px!important;}
.sub_part2 .center .news_cen .news_text .p2>*{display: none;}
.sub_part2 .center .news_cen .news_text .p2 a>*{display: none;}
.sub_part2 .center .news_cen .news_text .p2>:first-child{display: block;}
.sub_part2 .center .news_cen .news_text .p2>a>:first-child{display: block;}
.sub_part2 .center .news_cen .news_text .news_b{display: flex;justify-content: space-between;align-items: center;}
.sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(1){color: #8f79ff; font-size: 23px; font-family: 'Helvetica_Bold';display: flex;align-items: baseline;}
.sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(1) em:nth-of-type(2){display: block; width: 19px; height: 11px; background-image: url(../img/common/newspage/news_icon2.webp); margin-left: 5px;}
.sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(2){color: #8f79ff; font-size: 18px; font-family: 'Helvetica_Bold';}
.sub_part2 .center .more{display: block; width: 179px; height:39px; background-image: url(../img/common/newspage/more.webp); bottom: -75px; right: 200px;line-height: 39px;text-align: center;color: #fff; font-size: 16px; font-family: 'Helvetica'; overflow: hidden;}
.sub_part2 .center .top{display: block; position: fixed; width: 45px; height:43px; background-image: url(../img/common/ui/ReturnTop.webp); bottom: 253px;right: 205px;line-height: 39px;text-align: center;color: #fff; font-size: 16px; font-family: 'Helvetica'; overflow: hidden;}

/* ================= 适配层 ================= */
/* 长页：#page-root 不滚动（首页样式），页面内容放进 root 内的滚动容器；顶栏等「固定」元素放在滚动容器之上的固定层，
   固定层右侧让出滚动条宽度（--sub-sbw，由页面脚本测量），与源站 position: fixed 相对视口（不含滚动条）一致 */
.sub_scroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; background-color: #8f79fe; }
.sub_fixed { position: absolute; top: 0; left: 0; bottom: 0; right: var(--sub-sbw, 0px); z-index: 998; pointer-events: none; }
.sub_fixed .nav_box, .sub_fixed .lang_box, .sub_fixed .right_nav { pointer-events: auto; }
.sub_scroll .sub_part3 .footer { height: auto; }
/* 返回顶部：源站 position: fixed 贴视口右下；#page-root 有 transform，fixed 即相对 root（不随滚动容器滚动），右距加回滚动条宽度 */
.sub_part2 .center .top { right: calc(205px + var(--sub-sbw, 0px)); z-index: 99; cursor: pointer; display: none; }