@charset "utf-8";
/*
 * Dislyte 海外官网 · 新闻列表页（移动端）
 * 第 1 段：源站 m/css/style.css + m/css/news.css 原值（源站移动子页只加载这两份，不加载首页样式）
 *          已去注释；rem 按源站子页 setFont（1rem = 视口宽 / 7.5）换算为 vw（1rem = 13.3333vw）；
 *          素材路径改为项目 img/m/ 与 font/；区块类名 .partN → .sub_partN；区块背景图改由 config 绑定
 * 第 2 段：适配层——返回顶部初始隐藏、Swiper 11 兼容、专题页内联样式
 * 由 .a2web/replicate/build-css-sub.mjs 生成，改源站值请改脚本后重跑
 */

/* ================= 源站样式 ================= */
body,h1,h2,h3,h4,input,label,li,p,ul{margin: 0;padding: 0}
body{font: 14px / 1.5 "Microsoft YaHei","Tahoma,Arial",sans-serif;-webkit-text-size-adjust:none;color:#929392;text-align: left;background-color:#8f79fe;}
a{color:#929392;vertical-align: baseline;text-decoration: none !important;outline:0;}
body{-webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; overscroll-behavior-y: contain;}
*:focus{outline: none !important;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0)}
body{-webkit-text-size-adjust: 100%!important;}
li,ul{list-style-type: none}
.hid{display: block;height: 0;overflow: hidden}
.tn{text-indent: -9999em;overflow:hidden;display:block}
.fl{float: left}
.fr{float: right}
.pa{position: absolute}
.pr{position: relative}
.cfix:after{display:table;content:"";clear:both}
a img,img{border: none}
.oh{overflow: hidden;}
em{font-style:normal}
.wrapper{width: 100%;overflow: hidden;}
.hd{display: none;}
.bg{background-repeat: no-repeat;background-position: 0 0;background-size: cover}
@font-face{font-family:'Helvetica';src:url(../font/Helvetica.woff) format('woff'),url(../font/Helvetica.ttf) format('truetype');font-display:swap}
@font-face{font-family:'IMPACT'; src:url(../font/IMPACT.woff) format('woff'),url(../font/IMPACT.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Helvetica_Bold';src:url(../font/Helvetica-Bold.woff) format('woff'),url(../font/Helvetica-Bold.otf) format('truetype');font-display:swap}
.swiper-slide{-webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.pop_Mark{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:998;}
.pop_Mark2{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:999;}
.orientation_mask{width:100vw;height:100vh;background-color:#000;position:fixed;top:0;left:0;display:none;z-index:999;}
.pop{position: fixed;left: 50%;transform: translate(-50%, -50%);transition: all .5s;top: 50%;}
.pop_close{width: 6.5778vw;height: 6.5778vw;position: absolute;right: 6.2222vw;top: 10.6667vw; transition: all .3s; z-index: 999;}
.pop_close1{background-image: url(../img/m/common/popup/close1.webp); right: 0.8889vw;top: 0;}
.pop_close0{background-image: url(../img/m/common/popup/close1.webp); right: 0.8889vw;top: -7.2889vw;}
.pop_close2{background-image: url(../img/m/common/popup/close2.webp);}
.nav_box{width: 100%; height: 22.2227vw; background-image: url(../img/m/common/header/top_nav_bg.webp); position: fixed; top: 0; left: 0; z-index: 996;}
.nav_box .nav_cen_box{height: 22.2227vw; position: relative; display: flex; justify-content: space-around;align-items: center; margin: 0 3.5556vw 0 3.5556vw;}
.nav_box .nav_cen_box .top_icon{width: 16.8889vw; height: 16.8889vw; background-image: url(../img/m/common/header/top_icon.webp);}
.nav_box .nav_cen_box .logo{width: 25.0667vw; height: 8.7111vw; background-image: url(../img/m/common/header/logo.webp);}
.nav_box .nav_cen_box .music_btn{display: block; width: 6.2222vw; height: 5.6889vw; background-image: url(../img/m/common/header/music_on.webp);}
.nav_box .nav_cen_box .music_btn.pause{display: block; width: 6.2222vw; height: 5.5111vw; background-image: url(../img/m/common/header/music.webp);}
.nav_box .nav_cen_box .language{display: block; width: 5.8667vw; height: 5.8667vw; background-image: url(../img/m/common/header/language.webp);}
.nav_box .nav_cen_box .zw{width: 3.7333vw;height: 0.6667vw;}
.play_now{display: block; width: 39.1111vw; height: 8.8889vw; background-image: url(../img/m/common/header/play_now.webp); text-align: center; line-height: 7.3333vw; font-size: 4.5333vw; color: #1e2731; font-family: 'IMPACT';}
.hamburger{display: inline-block; position: fixed; top: 8vw; right: 4vw; z-index: 999;}
.hamburger .line{width: 5.0667vw;height: 0.8vw;background-color: #fff;display: block;margin: 1.0667vw auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#hamburger-1.onSelect .line:nth-child(1){-webkit-transform: translateY(1.7333vw) rotate(45deg);-ms-transform: translateY(1.7333vw) rotate(45deg);-o-transform: translateY(1.7333vw) rotate(45deg);transform: translateY(1.7333vw) rotate(45deg);}
#hamburger-1.onSelect .line:nth-child(2){opacity: 0;}
#hamburger-1.onSelect .line:nth-child(3){-webkit-transform: translateY(-1.7333vw) rotate(-45deg);-ms-transform: translateY(-1.7333vw) rotate(-45deg);-o-transform: translateY(-1.7333vw) rotate(-45deg);transform: translateY(-1.7333vw) rotate(-45deg);}
.news_text{text-align: left; color: #1e2731;}
.news_text img{width: 100%; height: 100%;}
@keyframes pulse2{50%{ transform: scale(1.1); }}
@keyframes bottomBanner{0% { transform: translateX(0); } 100% { transform: translateX(-100%); }}
@keyframes rotate{0%,30%{transform:rotate(-90deg)}100%,70%{transform:rotate(0)}}
body,h1,h2,h3,h4,input,label,li,p,ul{margin: 0;padding: 0}
body{font: 14px / 1.5 "Microsoft YaHei","Tahoma,Arial",sans-serif;-webkit-text-size-adjust:none;color:#929392;text-align: left;background-color:#8f79fe;}
a{color:#929392;vertical-align: baseline;text-decoration: none;outline:0;}
li,ul{list-style-type: none}
.hid{display: block;height: 0;overflow: hidden}
.tn{text-indent: -9999em;overflow:hidden;display:block}
.fl{float: left}
.fr{float: right}
.pa{position: absolute}
.pr{position: relative}
.cfix:after{display:table;content:"";clear:both}
a img,img{border: none}
.oh{overflow: hidden;}
em{font-style:normal}
.wrapper{width: 100%;overflow: hidden;}
.bg{background-repeat: no-repeat;background-position: 0 0;background-size: cover}
@font-face{font-family:'Helvetica';src:url(../font/Helvetica.woff) format('woff'),url(../font/Helvetica.ttf) format('truetype');font-display:swap}
@font-face{font-family:'IMPACT'; src:url(../font/IMPACT.woff) format('woff'),url(../font/IMPACT.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Helvetica_Bold';src:url(../font/Helvetica-Bold.woff) format('woff'),url(../font/Helvetica-Bold.otf) format('truetype');font-display:swap}
.nav_box{width: 100%; height: 16.6667vw; background-image: url(../img/m/common/header/top_nav_bg.webp); position: fixed; top: 0; left: 0; z-index: 996;}
.nav_box .nav_cen_box{height: 16.6667vw; position: relative; display: flex; justify-content: space-around;align-items: center; margin: 0 2.6667vw 0 2.6667vw;}
.nav_box .nav_cen_box .top_icon{width: 12.6667vw; height: 12.6667vw; background-image: url(../img/m/common/header/top_icon.webp);}
.nav_box .nav_cen_box .top_text{display: flex; flex-direction: column; align-items: baseline;}
.nav_box .nav_cen_box .top_text p:nth-of-type(1){color: #fff; font-size: 4.8vw; font-family: 'IMPACT';}
.nav_box .nav_cen_box .top_text p:nth-of-type(2){color: #595c80; font-size: 2.5333vw; font-family: 'Helvetica';}
.nav_box .nav_cen_box .music_btn{display: block; width: 4.6667vw; height: 4.2667vw; background-image: url(../img/m/common/header/music_on.webp);}
.nav_box .nav_cen_box .music_btn.pause{display: block; width: 4.6667vw; height: 4vw; background-image: url(../img/m/common/header/music.webp);}
.nav_box .nav_cen_box .language{display: block; width: 4.4vw; height: 4.4vw; background-image: url(../img/m/common/header/language.webp);}
.play_now{display: block; width: 29.3333vw; height: 6.6667vw; background-image: url(../img/m/common/header/play_now.webp); text-align: center; line-height: 6.6667vw; font-size: 3.2vw; color: #1e2731; font-family: 'IMPACT';}
#hamburger-1{top: 5.3333vw;}
.footer{width: 100%; height: 100%; background-color: #000;}
.footer_center{width: 100%;height: 49.3333vw;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Helvetica';font-size: 1.8667vw;color: #818181;}
.footer_center .logo_footer{display: flex; justify-content: space-around; align-items: center; width: 65.4667vw;}
.footer_center .logo_footer img{display: block; width: 30.9333vw; height: 10.5333vw;}
.footer_center div{margin: 2.6667vw 0 2.6667vw 0;}
.sub_part1{height: 96.1333vw; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.sub_part2{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}
.sub_part1 .return{display: block; width: 12vw; height: 5.4667vw; background-image: url(../img/m/common/ui/return2.webp); left: 2.6667vw;top: 17.3333vw;z-index: 99;}
.sub_part1 .center{width: 80%; height: 96.1333vw; position: relative; margin: 0 auto;}
.sub_part1 .center .swiper_box1{width: 93.3333vw; height: 69.3333vw; position: absolute; left: 50%;transform: translateX(-50%); top: 22.6667vw;}
.sub_part1 .center #swiper1{width: 92.8vw; height: 72vw;}
.sub_part1 .center #swiper1 .swiper_box{width: 79.4667vw; height: 66.6667vw; background-image: url(../img/m/common/newspage/top_news_li.webp); margin: 0 auto;}
.sub_part1 .center #swiper1 .swiper_box .top_news_img1{width: 78.6667vw;height: 41.3333vw;}
.sub_part1 .center #swiper1 .swiper_box .top_news_img1 img{width: 100%; height: 100%;}
.sub_part1 .center #swiper1 .swiper_box .top_news_title1{margin: 1.3333vw 4vw 1.3333vw 4vw; color: #fff; font-size: 3.3333vw; font-family: 'Helvetica_Bold';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sub_part1 .center #swiper1 .swiper_box .top_news_title2{margin: 1.3333vw 4vw 1.3333vw 4vw; color: #897ddd; font-size: 2.4vw; font-family: 'Helvetica';height: 9.3333vw; overflow: hidden;}
.sub_part1 .center #swiper1 .swiper_box .top_news_title2 *{font-size:2.4vw!important}
.sub_part1 .center #swiper1 .swiper_box .top_news_title2>*{display: none;}
.sub_part1 .center #swiper1 .swiper_box .top_news_title2 a>*{display: none;}
.sub_part1 .center #swiper1 .swiper_box .top_news_title2>:first-child{display: block;}
.sub_part1 .center #swiper1 .swiper_box .top_news_title2 a>:first-child{display: block;}
.sub_part1 .center #swiper1 .swiper_box .top_news_bottom{display: flex; justify-content: space-between; align-items: center; margin: 1.3333vw 4vw 0 4vw;}
.sub_part1 .center #swiper1 .swiper_box .top_news_bottom span:nth-of-type(1){color: #6fffdb; font-size: 3.0667vw; font-family: 'Helvetica_Bold';display: flex;align-items: center;}
.sub_part1 .center #swiper1 .swiper_box .top_news_bottom span:nth-of-type(1) em:nth-of-type(2){display: block; width: 2.8vw; height: 1.6vw; background-image: url(../img/m/common/newspage/news_icon1.webp); margin-left: 1.3333vw;}
.sub_part1 .center #swiper1 .swiper_box .top_news_bottom span:nth-of-type(2){color: #fff; font-size: 2.6667vw; font-family: 'Helvetica';}
.sub_part1 .center #swiper1 .newswiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);transition: all .3s;}
.sub_part1 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet{width:2.5333vw;height: 2.4vw;background-image: url(../img/m/common/newspage/pagination.webp);background-repeat: no-repeat; background-size: contain; border-radius: 0 !important;transition: all .3s;}
.sub_part1 .center #swiper1 .newswiper-pagination .swiper-pagination-bullet-active{width: 8vw;height: 2.4vw;background-image: url(../img/m/common/newspage/pagination_on.webp);background-repeat: no-repeat;background-size: contain;transition: all .3s;}
.sub_part1 .swiper1-button-prev1{width: 3.7333vw !important; height: 6.4vw !important; background-image: url(../img/m/common/newspage/left.webp); transition: all .3s; left: 0 !important;top: 30.6667vw !important;left: auto;}
.sub_part1 .swiper1-button-next1{width: 3.7333vw !important; height: 6.4vw !important; background-image: url(../img/m/common/newspage/right.webp); transition: all .3s; right: 0 !important;top: 30.6667vw !important;right: auto;}
.sub_part2 .center{width: 90%; height: 100%; position: relative; margin: 0 auto; overflow: hidden;}
.sub_part2 .center .new_box{width: 100%; height: 100%;}
.sub_part2 .center .new_title{width: 92vw; height: 7.3333vw; background-image: url(../img/m/common/newspage/news_title_bg.webp); margin: 6.6667vw 0 1.3333vw 0;}
.sub_part2 .center .new_title li{width: 23vw;height: 7.3333vw;float: left;font-size: 2.4vw;font-family: 'Helvetica';text-align: center;line-height: 7.3333vw;cursor: pointer;color: #fff;}
.sub_part2 .center .new_title li.on{background-image: url(../img/m/common/newspage/cen_on.webp);}
.sub_part2 .center .new_title .new_title_li1.on{background-image: url(../img/m/common/newspage/left_on.webp);}
.sub_part2 .center .new_title .new_title_li2.on{background-image: url(../img/m/common/newspage/right_on.webp);}
.sub_part2 .center .new_box .ul{width: 92vw; height: 100%;padding-bottom: 18.6667vw; 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: 92vw; height: 100%; overflow: hidden;}
.sub_part2 .center .new_box .news_list{width: 100%;}
.sub_part2 .center .new_box .news_li{border-bottom: 2px solid #c4c7e5;padding-bottom: 5.3333vw;margin: 2.6667vw 2.6667vw 0 0.6667vw;}
.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: 27.4667vw;}
.sub_part2 .center .news_cen .news_img img{display: block; width: 100%; height: 100%;}
.sub_part2 .center .news_cen .news_text{width: 57.3333vw; text-align: left; color: #1e2731;}
.sub_part2 .center .news_cen .news_text .p1{color: #1a1a32; font-size: 3.3333vw; font-family: 'Helvetica_Bold'; margin-bottom: 1.3333vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub_part2 .center .news_cen .news_text .p1 em{display: inline-block;width: 0.5333vw;height: 2.6667vw;margin-right: 5px;background-color: #8f79ff;}
.sub_part2 .center .news_cen .news_text .p2{color: #7777a1; font-size: 2.4vw; font-family: 'Helvetica'; margin-bottom: 1.3333vw;overflow: hidden;height: 13.3333vw;}
.sub_part2 .center .news_cen .news_text .p2 *{font-size: 2.4vw!important;font-weight:normal}
.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: 2.6667vw; font-family: 'Helvetica_Bold';display: flex;align-items: center;}
.sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(1) em:nth-of-type(2){display: block; width: 2.5333vw; height: 1.4667vw; background-image: url(../img/m/common/newspage/news_icon2.webp); margin-left: 1.3333vw;}
.sub_part2 .center .news_cen .news_text .news_b span:nth-of-type(2){color: #8f79ff; font-size: 2.6667vw; font-family: 'Helvetica_Bold';}
.sub_part2 .center .more{display: block; width: 27.2vw; height:6.9333vw; background-image: url(../img/m/common/newspage/more.webp); bottom: 5.3333vw; left: 50%; transform: translateX(-50%); line-height: 6.9333vw;text-align: center;color: #fff; font-size: 2.9333vw; font-family: 'Helvetica'; overflow: hidden;}
.sub_part2 .center .top{display: block; position: fixed; width: 6vw; height:5.7333vw; background-image: url(../img/m/common/ui/ReturnTop.webp); bottom: 66.6667vw;right: 2.6667vw; transform: translateX(-50%); line-height: 6.9333vw;text-align: center;color: #fff; font-size: 2.9333vw; font-family: 'Helvetica'; overflow: hidden;}
.pop_nav .popnav_ul{margin-top: 17.3333vw;}
.pop_nav .popnav_ul li{height: 12vw; color: #fff; font-size: 4.6667vw; font-family: 'Helvetica'; line-height: 12vw; margin: 0 1.3333vw; border-bottom: 1px solid #3e4650;display: flex;align-items: center;}
.pop_nav .popnav_ul li span:nth-of-type(1){display: none; width: 2vw; height: 7.2vw; background-color: #3ef0b5; line-height: 7.2vw; margin-right: 6.6667vw; position: absolute; left: 0;}
.pop_nav .popnav_ul li.on span:nth-of-type(1){display: inline-block;}
.pop_nav .popnav_ul li span:nth-of-type(2){margin-left: 6.6667vw;}
.pop_nav .popnav_icon_box ul{display: flex;justify-content: space-evenly;align-items: center;margin: 8.8889vw auto 0;}
.pop_nav .popnav_icon_box ul li{width: 10vw; height: 8.6667vw;}
.pop_nav .popnav_icon_box ul li a{display: block; width: 100%; height: 100%;}
.pop_nav .popnav_icon_box ul li img{display: block; width: 100%; height: 100%;}
.pop_close1_lang{width: 4.9333vw; height: 4.9333vw; background-image: url(../img/m/common/popup/close1.webp); right: 4vw;top: -10.6667vw;}
.poplang_ul{margin-top: 17.3333vw;}
.poplang_ul li{height: 12vw; color: #fff; font-size: 4.6667vw; font-family: 'Helvetica'; line-height: 12vw; margin: 0 8vw; border-bottom: 1px solid #3e4650; display: flex; align-items: center;}
.poplang_ul li.active{color: #8f79fe;}
@media (orientation: landscape){html::before { content: ""; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000; overflow: hidden; z-index: 99999; }}
@media (orientation: landscape){body::before { content: ""; position: fixed; z-index: 99999; height: 30.2667vw; width: 20vw; left: 50%; top: 50%; margin: -140px 0 0 -50px; color: #fff; background-image: url(../img/m/common/home/heng.webp); background-repeat: no-repeat; background-position: center center; background-size: 100px auto; transform: rotate(-90deg); animation: rotate 1.5s linear infinite alternate; -webkit-animation: rotate 1.5s linear infinite alternate;} body{ overflow: hidden; }}

/* ================= 适配层 ================= */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
/* 返回顶部按钮默认隐藏，滚过一屏由脚本淡入 */
.sub_part2 .center .top { cursor: pointer; z-index: 99; display: none; }

/* Swiper 11：头条轮播箭头是切图，隐藏 11 版默认字形；分页器宽度随内容（源站靠 left:50% + translateX(-50%) 居中） */
.sub_part1 .swiper1-button-prev1::after, .sub_part1 .swiper1-button-next1::after { display: none; }
.sub_part1 .center #swiper1 .newswiper-pagination { width: auto; }
/* 分页点只显示源站切图，不叠 Swiper 11 默认的底色与 0.2 透明度 */
.sub_part1 .center #swiper1 .swiper-pagination-bullet { background-color: transparent; opacity: 1; }
.sub_part1 .center #swiper1 .swiper_box a { display: block; }