wap端dom开始，以中 banner 为例，-mid-xxx 可以自行替换为别的
![]()
![]()
<div class="a3oqc-mobile-charge-list-wrapper">
<div class="a3oqc-mobile-charge-list-icon-wrapper">
<div class="a3oqc-mobile-charge-list-icon">
<img data-a3oqc-src="./zip/img/chargeListIcon3.png.webp?v=20230420_01" />
</div>
</div>
<div class="a3oqc-mobile-charge-list-description-wrapper">
<div class="a3oqc-mobile-charge-list-description">
<div class="a3oqc-mobile-charge-list-description-title1">
“紧急时刻，电量告急怎么办？”
</div>
<div class="a3oqc-mobile-charge-list-description-title2">
超级省电模式再度升级，X% 低电量下*，支持通话 XX，亮付款码/乘车码 XX，扫码 XX。
</div>
</div>
</div>
</div>
![]()
![]()
<div class="a3oqc-mobile-gaotong-performence-block">
<div class="a3oqc-mobile-gaotong-performence-block-icon">
<img data-a3oqc-src="./zip/img/gaotongPerformenceIcon2.png.webp?v=20230420_01" />
</div>
<div class="a3oqc-mobile-gaotong-performence-block-title1">
“资源军师”
</div>
<div class="a3oqc-mobile-gaotong-performence-block-title2">
不公平调度机制保障前台应用优先流畅运行。
</div>
</div>
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
<div class="a3oqc-mobile-cool-title5-row-group a3oqc-mobile-cool-animation">
<div class="a3oqc-mobile-cool-title5">
{{{buyTitle1}}} <img class="a3oqc-mobile-unicode" src="./zip/img/arrow.png?v=20230420_01" />
</div>
</div>
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
wap端dom结束
pc端dom开始
![]()
![]()
<div class="a3oqc-pc-charge-list-wrapper">
<div class="a3oqc-pc-charge-list-icon-wrapper">
<div class="a3oqc-pc-charge-list-icon">
<img data-a3oqc-src="./zip/img/chargeListIcon3.png.webp?v=20230420_01" />
</div>
</div>
<div class="a3oqc-pc-charge-list-description-wrapper">
<div class="a3oqc-pc-charge-list-description">
<div class="a3oqc-pc-charge-list-description-title1">
“紧急时刻，电量告急怎么办？”
</div>
<div class="a3oqc-pc-charge-list-description-title2">
超级省电模式再度升级，X% 低电量下*，支持通话 XX，亮付款码/乘车码 XX，扫码 XX。
</div>
</div>
</div>
</div>
![]()
![]()
<div class="a3oqc-pc-gaotong-performence-block">
<div class="a3oqc-pc-gaotong-performence-block-icon">
<img data-a3oqc-src="./zip/img/gaotongPerformenceIcon2.png.webp?v=20230420_01" />
</div>
<div class="a3oqc-pc-gaotong-performence-block-title1">
不公平调度
</div>
<div class="a3oqc-pc-gaotong-performence-block-title2">
保障前台应用优先流畅运行
</div>
</div>
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
<section class="a3oqc-pc-screen a3oqc-pc-gaotong-screen">
<div class="a3oqc-pc-parallel-wrapper">
<div class="a3oqc-pc-gaotong-wrapper">
<div class="a3oqc-pc-gaotong-title2-group">
<div
class="a3oqc-pc-gaotong-title2 a3oqc-pc-gaotong-title2-bg1 a3oqc-pc-gaotong-animation1">
快
</div>
<div
class="a3oqc-pc-gaotong-title2 a3oqc-pc-gaotong-title2-bg2 a3oqc-pc-gaotong-animation2">
准
</div>
<div
class="a3oqc-pc-gaotong-title2 a3oqc-pc-gaotong-title2-bg3 a3oqc-pc-gaotong-animation3">
稳
</div>
</div>
<div class="a3oqc-pc-gaotong-title1-group">
<div class="a3oqc-pc-gaotong-title1 a3oqc-pc-gaotong-animation1-2">
全新高通骁龙 782G
</div>
<div class="a3oqc-pc-gaotong-title1 a3oqc-pc-gaotong-animation2-2">
不公平调度
</div>
<div class="a3oqc-pc-gaotong-title1 a3oqc-pc-gaotong-animation3-2">
内存融合3.0
</div>
</div>
<div class="a3oqc-pc-gaotong-title3-group">
<div class="a3oqc-pc-gaotong-title3 a3oqc-pc-gaotong-animation1-2">
<span class="a3oqc-pc-gaotong-title3-focus">“芯”升级，让体验更“快”一级。</span><br />
超大核主频 2.7GHz，让游戏时刻也更觉澎湃。 1+3+4 三丛集架构，<br />
平衡性能与功耗有绝活儿。
</div>
<div class="a3oqc-pc-gaotong-title3 a3oqc-pc-gaotong-animation2-2">
自研资源管理调度算法，改善 CPU 资源抢占和<br />
闲置，让前台应用资源优先运行，<span class="a3oqc-pc-gaotong-title3-focus">让流畅体验“准”有保障。</span>
</div>
<div class="a3oqc-pc-gaotong-title3 a3oqc-pc-gaotong-animation3-2">
算法优化，通过 RAM 和 ROM 交换容量缓解内存紧张，<br />
至多实现 12GB+8GB 大运存*。支持更多应用同时运行，即切即用，<br />
<span class="a3oqc-pc-gaotong-title3-focus">流畅体验从头“稳”到尾。</span>
</div>
</div>
<div class="a3oqc-pc-gaotong-title4-wrapper-group">
<div class="a3oqc-pc-gaotong-title4-wrapper a3oqc-pc-gaotong-animation1-2">
<div class="a3oqc-pc-gaotong-title4-group">
<div class="a3oqc-pc-gaotong-title4-title1">
XX 万*
</div>
<div class="a3oqc-pc-gaotong-title4-title2">
跑分高达
</div>
</div>
<div class="a3oqc-pc-gaotong-title4-group">
<div class="a3oqc-pc-gaotong-title4-img">
<img data-a3oqc-src="./zip/img/gaotongPerformence.jpg.webp?v=20230420_01" />
</div>
</div>
</div>
<div class="a3oqc-pc-gaotong-title4-wrapper a3oqc-pc-gaotong-animation2-2">
<div class="a3oqc-pc-gaotong-title4-group" style="background-color: white;">
<div class="a3oqc-pc-gaotong-title4-title1">
XX 款
</div>
<div class="a3oqc-pc-gaotong-title4-title2">
同时运行 X 款大型游戏
</div>
</div>
</div>
<div class="a3oqc-pc-gaotong-title4-wrapper a3oqc-pc-gaotong-animation3-2">
<div class="a3oqc-pc-gaotong-title4-group" style="background-color: white;">
<div class="a3oqc-pc-gaotong-title4-title1">
XX 个
</div>
<div class="a3oqc-pc-gaotong-title4-title2">
应用保活高达<br />相比上一代，提升XX%
</div>
</div>
</div>
</div>
</div>
</div>
</section>
![]()
![]()
<div class="a3oqc-pc-cool-title5-row-group a3oqc-pc-cool-animation">
<div class="a3oqc-pc-cool-title5">
{{{buyTitle1}}} <img class="a3oqc-pc-unicode" src="./zip/img/arrow.png?v=20230420_01" />
</div>
</div>
<div class="a3oqc-pc-lcd-title-row a3oqc-pc-lcd-animation2">
<div class="a3oqc-pc-lcd-title-column">
<div class="a3oqc-pc-lcd-title5">
局部亮度高至 650 尼特
</div>
<div class="a3oqc-pc-lcd-title6">
无惧阳光，更清晰
</div>
</div>
</div>
<div class="a3oqc-pc-lcd-title-row a3oqc-pc-lcd-animation2">
<div class="a3oqc-pc-lcd-title-column">
<div class="a3oqc-pc-lcd-title5">
游戏原画模式*
</div>
<div class="a3oqc-pc-lcd-title6">
还原作者原画初心
</div>
</div>
</div>
<div class="a3oqc-pc-lcd-description-column">
<div class="a3oqc-pc-lcd-description-title2 a3oqc-pc-lcd-description-title-color4">
{{{lcdDescription5_1}}}
</div>
<div class="a3oqc-pc-lcd-description-title3">
{{{lcdDescription5_2}}}
</div>
</div>
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
<div class="a3oqc-pc-mouseCursor">
<img src="./zip/img/cursor.png?v=20230420_01" />
</div>
<div class="a3oqc-pc-edge-line1"></div>
<div class="a3oqc-pc-edge-line2"></div>
<div class="a3oqc-pc-edge-line-wrapper">
</div>
<div class="debugBtn" onclick="pc_debug()">DEGBUG</div>
<script type="text/javascript" src="./zip/js/a3oqc_internationalization_th.js?v=20230420_01"></script>
<script type="text/javascript" src="./zip/js/a3oqc_internationalization_in.js?v=20230420_01"></script>
{{{chapterTitle1_1}}}
{{{chapterTitle1_2}}}
{{{chargeTitle1_1}}}
{{{chargeTitle1_2}}}
{{{chargeTitle2_1}}}
{{{chargeTitle2_2}}}
{{{chargeTitle3_1}}}
<div
class="a3oqc-mobile-charge-title-bottom-wrapper a3oqc-mobile-charge-title-bottom-wrapper2">
<div class="a3oqc-mobile-charge-title5">
给力队友，外出旅行一套就行*
</div>
<div class="a3oqc-mobile-charge-title6-group">
<div>
支持 PD 协议
</div>
<div style="border-left: 1px #a7a7a7 solid;">
</div>
<div>
支持融合快充协议
</div>
<div style="border-left: 1px #a7a7a7 solid;">
</div>
<div>
支持反向至高 10W 充
</div>
</div>
</div>
{{{chargeTitle4_1}}}
{{{chargeTitle4_1_1}}}
{{{chargeTitle4_1_2}}}
{{{chargeTitle4_2_1}}}
{{{chargeTitle4_2_2}}}
{{{chargeTitle4_3_1}}}
{{{chargeTitle4_3_2}}}
{{{chargeTitle4_4_1}}}
{{{chargeTitle4_4_2}}}
{{{chargeListDescription1_1}}}
{{{chargeListDescription1_2}}}
{{{chargeListDescription2_1}}}
{{{chargeListDescription2_2}}}
{{{chapterTitle2_1}}}
{{{chapterTitle2_2}}}
{{{gaotongDescription1}}}
{{{gaotongDescription2}}}
{{{gaotongDescription3}}}
{{{gaotongDescription4}}}
{{{gaotongDescription5}}}
{{{gaotongDescription6}}}
{{{gaotongDescription7}}}
{{{gaotongDescription8}}}
{{{gaotongPerformence4}}}
{{{gaotongPerformence5}}}
{{{gaotongPerformence1}}}
{{{gaotongPerformence2}}}
{{{gaotongPerformence3}}}
{{{memoryTitle1}}}
{{{memoryTitle2}}}
{{{memoryTitle3}}}
{{{memoryTitle4}}}
{{{memoryTitle5}}}
{{{memoryTitle6}}}
{{{coolTitle2}}}
{{{coolTitle3}}}
{{{coolTitle4_1}}}
{{{coolTitle4_2}}}
{{{coolTitle5_1}}}
{{{coolTitle5_2}}}
{{{coolTitle6_1}}}
{{{coolTitle6_2}}}
{{{chapterTitle3_1}}}
{{{chapterTitle3_2}}}
{{{lcdTitle1}}}
{{{lcdTitle2}}}
{{{lcdTitle3_1}}}
{{{lcdTitle3_2}}}
{{{lcdTitle5_1}}}
{{{lcdTitle5_2}}}
{{{lcdTitle6_1}}}
{{{lcdTitle6_2}}}
<img data-a3oqc-src="./zip/img/lcd.png.webp?v=20230420_01" />
{{{lcdDescription1}}}
{{{lcdDescription2_1}}}
{{{lcdDescription2_2}}}
{{{lcdDescription3_1}}}
{{{lcdDescription3_2}}}
{{{lcdDescription4_1}}}
{{{lcdDescription4_2}}}
{{{lcdDescription6_1}}}
{{{lcdDescription6_2}}}
{{{lcdDescription7_1}}}
{{{lcdDescription7_2}}}
{{{lcdDescription8_1}}}
{{{lcdDescription8_2}}}
{{{lcdTouch1}}}
{{{lcdTouch2}}}
{{{lcdTouch3}}}
{{{lcdTouch4}}}
{{{lcdTouch5}}}
{{{game2Title1}}}
{{{game2Title2}}}
{{{game2Title3}}}
{{{game2Title4}}}
{{{game2Title5}}}
{{{speakerTitle1_1}}}
{{{speakerTitle1_2}}}
{{{speakerTitle1_3}}}
{{{speakerTitle2_1}}}
{{{speakerTitle2_2}}}
{{{speakerTitle2_3}}}
{{{speakerTitle3_1}}}
{{{speakerTitle3_2}}}
{{{speakerTitle3_3}}}
<img data-a3oqc-src="./zip/img/speaker.png.webp?v=20230420_01" />
{{{speakerTitle6_1}}}
{{{speakerTitle6_2}}}
{{{speakerTitle6_3}}}
{{{chapterTitle4_1}}}
{{{chapterTitle4_2}}}
{{{chapterTitle5_1}}}
{{{chapterTitle5_2}}}
{{{внешний вид1_1}}}
{{{внешний вид1_2}}}
{{{внешний вид2_1}}}
{{{внешний вид2_2}}}
{{{внешний вид3_1}}}
{{{внешний вид3_2}}}
{{{colorTitle1}}}
{{{colorTitle2}}}
{{{chapterTitle6_1}}}
{{{chapterTitle6_2}}}
{{{shakeTitle1}}}
{{{shakeTitle2}}}
{{{shakeTitle3}}}
{{{photographyTitle1_1}}}
{{{photographyTitle1_2}}}
{{{photographyTitle1_3}}}
{{{photographyTitle1_1_1}}}
{{{photographyTitle1_1_2}}}
{{{photographyTitle1_2_1}}}
{{{photographyTitle1_2_2}}}
{{{photographyTitle1_3_1}}}
{{{otherTitle1}}}
{{{otherTitle2_1}}}
{{{otherTitle2_2}}}
{{{otherTitle3_1}}}
{{{otherTitle3_2}}}
{{{otherTitle4_1}}}
{{{otherTitle4_2}}}
{{{otherTitle5_1}}}
{{{otherTitle5_2}}}
- {{{liGroups}}}
{{{chapterTitle1_1}}}
{{{chapterTitle1_2}}}
{{{chargeTitle1_1}}}
{{{chargeTitle1_2}}}
{{{chargeTitle2_2}}}
{{{chargeTitle2_1}}}
{{{chargeTitle3_1}}}
<div class="a3oqc-pc-charge-title-bottom-wrapper a3oqc-pc-charge-title-bottom-wrapper1">
<div class="a3oqc-pc-charge-title5">
给力队友，外出旅行一套就行*
</div>
<div class="a3oqc-pc-charge-title6-group">
<div>
支持 PD 协议
</div>
<div style="border-left: 1px #999 solid;">
</div>
<div>
支持融合快充协议
</div>
<div style="border-left: 1px #999 solid;">
</div>
<div>
支持反向至高 10W 充
</div>
</div>
</div>
{{{chargeTitle4_1}}}
{{{chargeTitle4_1_1}}}
{{{chargeTitle4_1_2}}}
{{{chargeTitle4_2_1}}}
{{{chargeTitle4_2_2}}}
{{{chargeTitle4_3_1}}}
{{{chargeTitle4_3_2}}}
{{{chargeTitle4_4_1}}}
{{{chargeTitle4_4_2}}}
{{{chargeListDescription1_1}}}
{{{chargeListDescription1_2}}}
{{{chargeListDescription2_1}}}
{{{chargeListDescription2_2}}}
{{{chapterTitle2_1}}}
{{{chapterTitle2_2}}}
{{{gaotongDescription1}}}
{{{gaotongDescription2}}}
{{{gaotongDescription3}}}
{{{gaotongDescription4}}}
{{{gaotongDescription5}}}
{{{gaotongDescription6}}}
{{{gaotongDescription7}}}
{{{gaotongDescription8}}}
{{{gaotongPerformence4}}}
{{{gaotongPerformence5}}}
{{{gaotongPerformence1}}}
{{{gaotongPerformence2}}}
{{{gaotongPerformence3}}}
{{{memoryTitle1}}}
{{{memoryTitle2}}}
{{{memoryTitle3}}}
{{{memoryTitle4}}}
{{{memoryTitle5}}}
{{{memoryTitle6}}}
{{{coolTitle2}}}
{{{coolTitle3}}}
{{{coolTitle4_1}}}
{{{coolTitle4_2}}}
{{{coolTitle5_1}}}
{{{coolTitle5_2}}}
{{{coolTitle6_1}}}
{{{coolTitle6_2}}}
{{{chapterTitle3_1}}}
{{{chapterTitle3_2}}}
{{{lcdTitle1}}}
大有看头
{{{lcdTitle2}}}
{{{lcdTitle3_1}}}
{{{lcdTitle3_2}}}
{{{lcdTitle5_1}}}
{{{lcdTitle5_2}}}
{{{lcdTitle6_1}}}
{{{lcdTitle6_2}}}
{{{lcdDescription1}}}
{{{lcdDescription2_1}}}
{{{lcdDescription2_2}}}
{{{lcdDescription3_1}}}
{{{lcdDescription3_2}}}
{{{lcdDescription4_1}}}
{{{lcdDescription4_2}}}
{{{lcdDescription6_1}}}
{{{lcdDescription6_2}}}
{{{lcdDescription7_1}}}
{{{lcdDescription7_2}}}
{{{lcdDescription8_1}}}
{{{lcdDescription8_2}}}
{{{lcdTouch1}}}
{{{lcdTouch2}}}
{{{game2Title1}}}
{{{game2Title2}}}
{{{game2Title3}}}
{{{game2Title4}}}
{{{game2Title5}}}
{{{speakerTitle1_1}}}
{{{speakerTitle1_2}}}
{{{speakerTitle1_3}}}
{{{speakerTitle2_1}}}
{{{speakerTitle2_2}}}
{{{speakerTitle2_3}}}
{{{speakerTitle3_1}}}
{{{speakerTitle3_2}}}
{{{speakerTitle3_3}}}
<img data-a3oqc-src="./zip/img/speaker.png.webp?v=20230420_01" />
<img data-a3oqc-src="./zip/img/speaker.png.webp?v=20230420_01" />
{{{speakerTitle6_1}}}
{{{speakerTitle6_2}}}
{{{speakerTitle6_3}}}
{{{chapterTitle4_1}}}
{{{chapterTitle4_2}}}
{{{chapterTitle5_1}}}
{{{chapterTitle5_2}}}
{{{внешний вид1_1}}}
{{{внешний вид1_2}}}
{{{внешний вид2_1}}}
{{{внешний вид2_2}}}
{{{appearance3_1}}}
{{{внешний вид3_2}}}
{{{colorTitle1}}}
{{{colorTitle2}}}
{{{chapterTitle6_1}}}
{{{chapterTitle6_2}}}
{{{shakeTitle1}}}
{{{shakeTitle2}}}
{{{shakeTitle3}}}
{{{photographyTitle1_1}}}
{{{photographyTitle1_2}}}
{{{photographyTitle1_3}}}
{{{photographyTitle1_1_1}}}
{{{photographyTitle1_1_2}}}
{{{photographyTitle1_2_1}}}
{{{photographyTitle1_2_2}}}
{{{photographyTitle1_3_1}}}
{{{otherTitle1}}}
{{{otherTitle2_1}}}
{{{otherTitle2_2}}}
{{{otherTitle3_1}}}
{{{otherTitle3_2}}}
{{{otherTitle4_1}}}
{{{otherTitle4_2}}}
{{{otherTitle5_1}}}
{{{otherTitle5_2}}}
- {{{liGroups}}}