修复bug
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
This commit is contained in:
@@ -230,7 +230,7 @@ return [
|
|||||||
'CineBench R23 多核跑分' => 'Outperforms Ryzen 5 & Intel i5',
|
'CineBench R23 多核跑分' => 'Outperforms Ryzen 5 & Intel i5',
|
||||||
'*此跑分为ORICO实验室测定所得,请以实际使用为准' => '*Data measured by ORICO Lab. Actual performance may vary.',
|
'*此跑分为ORICO实验室测定所得,请以实际使用为准' => '*Data measured by ORICO Lab. Actual performance may vary.',
|
||||||
'3DMARK Time Spy显卡得分' => 'Handles Office & Gaming with Ease',
|
'3DMARK Time Spy显卡得分' => 'Handles Office & Gaming with Ease',
|
||||||
'肯幸通锁孔' => 'Kensington <br/> Lock Slot',
|
'肯辛通锁孔' => 'Kensington <br/> Lock Slot',
|
||||||
'千兆网口' => 'Gigabit <br/> Ethernet',
|
'千兆网口' => 'Gigabit <br/> Ethernet',
|
||||||
'USB-A<br/>(5Gbps)' => 'USB-A <br/> (5Gbps)',
|
'USB-A<br/>(5Gbps)' => 'USB-A <br/> (5Gbps)',
|
||||||
'3.5mm<br/>耳麦合一' => '3.5mm <br/> Combo Audio',
|
'3.5mm<br/>耳麦合一' => '3.5mm <br/> Combo Audio',
|
||||||
|
|||||||
@@ -208,7 +208,7 @@
|
|||||||
{/notempty}
|
{/notempty}
|
||||||
<!-- 显卡进度条 -->
|
<!-- 显卡进度条 -->
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="progress-title">{:lang_i18n('3DMARK Time Spy显卡得分')}</h1>
|
<h1 class="progress-title" style="padding-top: 0;">{:lang_i18n('3DMARK Time Spy显卡得分')}</h1>
|
||||||
<div class="progress-section">
|
<div class="progress-section">
|
||||||
<div class="progress-item">
|
<div class="progress-item">
|
||||||
<div class="progress-bar-container">
|
<div class="progress-bar-container">
|
||||||
@@ -503,8 +503,11 @@
|
|||||||
<!-- 清晰通话 - 图片内容 -->
|
<!-- 清晰通话 - 图片内容 -->
|
||||||
{notempty name="camare_microphone"}
|
{notempty name="camare_microphone"}
|
||||||
<div class="tab-panel active">
|
<div class="tab-panel active">
|
||||||
|
<div class="tab-panel-img">
|
||||||
<img src="{$camare_microphone.image}" alt="{$camare_microphone.title}" class="content-image">
|
<img src="{$camare_microphone.image}" alt="{$camare_microphone.title}" class="content-image">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
{/notempty}
|
{/notempty}
|
||||||
<!-- 安护密守 - 视频内容 -->
|
<!-- 安护密守 - 视频内容 -->
|
||||||
{notempty name="security"}
|
{notempty name="security"}
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
.dl {
|
.dl {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 1.89rem;
|
padding-top: 1.42rem;
|
||||||
}
|
}
|
||||||
.dl-t {
|
.dl-t {
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -13,6 +13,6 @@
|
|||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0.63rem;
|
padding-top: 0.47rem;
|
||||||
padding-bottom: 0.37rem;
|
padding-bottom: 0.27rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
.bly-t {
|
.bly-t {
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -42,6 +42,6 @@
|
|||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 0.51rem;
|
padding-top: 0.38rem;
|
||||||
padding-bottom: 2.17rem;
|
padding-bottom: 1.63rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
.bottom-img-box {
|
.bottom-img-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
padding: 4rem 0;
|
padding: 3rem 0;
|
||||||
}
|
}
|
||||||
.bottom-img {
|
.bottom-img {
|
||||||
/* width: 14.416rem; */
|
/* width: 14.416rem; */
|
||||||
@@ -39,3 +39,6 @@
|
|||||||
color:#cbcfd8;
|
color:#cbcfd8;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
.bottom-p p {
|
||||||
|
text-indent: -10px;
|
||||||
|
}
|
||||||
@@ -1,14 +1,17 @@
|
|||||||
|
|
||||||
|
html {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
/* width: 100vw;
|
/* width: 100vw;
|
||||||
height: 100vh; */
|
height: 100vh; */
|
||||||
background: #000;
|
background: #000;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding: 0 !important;
|
/* padding: 0 !important;
|
||||||
margin:0 !important;
|
margin:0 !important; */
|
||||||
/* width: 100vw !important; */
|
/* width: 100vw !important; */
|
||||||
/* max-width:100vw !important */
|
/* max-width:100vw !important */
|
||||||
margin:0 auto !important;
|
/* margin:0 auto !important; */
|
||||||
}
|
}
|
||||||
.opacity0 {
|
.opacity0 {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto; 宽度铺满,高度自动 */
|
background-size: 100% auto; 宽度铺满,高度自动 */
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-top: 2.7rem;
|
margin-top: 2.02rem;
|
||||||
}
|
}
|
||||||
.ips-text {
|
.ips-text {
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
@@ -17,31 +17,40 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.ips-t {
|
.ips-t {
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
padding-top: 3.19rem;
|
padding-top: 2.39rem;
|
||||||
padding-left: 6rem;
|
padding-left: 4.21rem;
|
||||||
}
|
}
|
||||||
.ips-p {
|
.ips-p {
|
||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
padding-top: 0.86rem;
|
padding-top: 0.86rem;
|
||||||
padding-left: 6rem;
|
padding-left: 4.21rem;
|
||||||
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ips-img {
|
.ips-img {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap; /* 允许换行 */
|
flex-wrap: wrap; /* 允许换行 */
|
||||||
justify-content: space-between; /* 左对齐,也可设为center(居中) */
|
justify-content: space-between; /* 左对齐,也可设为center(居中) */
|
||||||
margin-left: 6rem;
|
margin-left: 4.21rem;
|
||||||
width: 6.8rem;
|
width: 5.1rem;
|
||||||
gap: 2.5rem;
|
padding-top: 1.7rem;
|
||||||
padding-top: 2.6rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ips-img img {
|
.ips-img img {
|
||||||
max-width: 2.15rem;
|
width: 1.61rem;
|
||||||
max-height: 1.82rem;
|
|
||||||
}
|
}
|
||||||
|
.ips-img img:nth-child(2) {
|
||||||
|
margin-left: 1.88rem;
|
||||||
|
}
|
||||||
|
.ips-img img:nth-child(4) {
|
||||||
|
margin-left: 1.88rem;
|
||||||
|
padding-top: 0.92rem;
|
||||||
|
}
|
||||||
|
.ips-img img:nth-child(3) {
|
||||||
|
|
||||||
|
padding-top: 0.92rem;
|
||||||
|
}
|
||||||
/* .ips-img {
|
/* .ips-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
}
|
}
|
||||||
.m2-bg-t {
|
.m2-bg-t {
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -25,3 +25,6 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 0.2rem;
|
gap: 0.2rem;
|
||||||
}
|
}
|
||||||
|
.m2-img-box img {
|
||||||
|
width: 3.5rem;
|
||||||
|
}
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
.progress-title {
|
.progress-title {
|
||||||
font-size: 0.48rem;
|
font-size: 0.48rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
padding: 2.13rem 0 0.78rem 0;
|
padding: 1.6rem 0 0.78rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-item .label {
|
.progress-item .label {
|
||||||
@@ -182,6 +182,7 @@
|
|||||||
.progress-p {
|
.progress-p {
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
font-size: 0.24rem;
|
font-size: 0.24rem;
|
||||||
margin-top: 1.23rem;
|
margin-top: 0.92rem;
|
||||||
|
margin-bottom: 1.52rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,17 +3,17 @@
|
|||||||
} */
|
} */
|
||||||
.qb-t {
|
.qb-t {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 4.04rem;
|
padding-top: 3.03rem;
|
||||||
}
|
}
|
||||||
.qb-p {
|
.qb-p {
|
||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0.51rem;
|
padding-top: 0.38rem;
|
||||||
padding-bottom: 0.72rem;
|
padding-bottom: 0.56rem;
|
||||||
}
|
}
|
||||||
.qb-bg-img1 {
|
.qb-bg-img1 {
|
||||||
max-width: 16.43rem;
|
max-width: 16.43rem;
|
||||||
|
|||||||
@@ -26,10 +26,10 @@
|
|||||||
}
|
}
|
||||||
.readon-t {
|
.readon-t {
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
font-size: 0.64rem;
|
font-size: 0.5rem;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
padding-top: 1.34rem;
|
padding-top: 1.01rem;
|
||||||
padding-bottom: 0.43rem;
|
padding-bottom: 0.50rem;
|
||||||
}
|
}
|
||||||
.readon-p {
|
.readon-p {
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
@@ -37,17 +37,18 @@
|
|||||||
}
|
}
|
||||||
.readon-js {
|
.readon-js {
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
font-size: 0.27rem;
|
font-size: 0.22rem;
|
||||||
margin-top: 0.72rem;
|
line-height: 1.8;
|
||||||
|
/* margin-top: 0.72rem; */
|
||||||
}
|
}
|
||||||
.readon-img {
|
.readon-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1440px;
|
max-width: 1440px;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-top: 10%;
|
margin-top: 12%;
|
||||||
}
|
}
|
||||||
.readon-img img {
|
.readon-img img {
|
||||||
max-width: 3.78rem;
|
max-width: 2.84rem;
|
||||||
}
|
}
|
||||||
.readon-img-box {
|
.readon-img-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -59,3 +60,6 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 0.2rem;
|
gap: 0.2rem;
|
||||||
}
|
}
|
||||||
|
.readon-img-box img {
|
||||||
|
width: 2.59rem;
|
||||||
|
}
|
||||||
@@ -6,7 +6,7 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto; */
|
background-size: 100% auto; */
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-top: 2.7rem;
|
margin-top: 2.03rem;
|
||||||
}
|
}
|
||||||
.rgb-text {
|
.rgb-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -18,7 +18,7 @@
|
|||||||
}
|
}
|
||||||
.rgb-t {
|
.rgb-t {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -26,20 +26,20 @@
|
|||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0.73rem;
|
padding-top: 0.55rem;
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
}
|
}
|
||||||
.rgb-img {
|
.rgb-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -80px;
|
bottom: -1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 0.2rem;
|
gap: 0.2rem;
|
||||||
}
|
}
|
||||||
.rgb-img img {
|
.rgb-img img {
|
||||||
max-width: 4.66rem;
|
max-width:3.5rem;
|
||||||
max-height: 2.6rem;
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
max-width: 1440px;
|
max-width: 1440px;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin: 0 auto; */
|
margin: 0 auto; */
|
||||||
margin-bottom: 4rem;
|
margin-bottom: 2.98rem;
|
||||||
}
|
}
|
||||||
.tabs-header-box {
|
.tabs-header-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -92,15 +92,22 @@
|
|||||||
.tab-panel {
|
.tab-panel {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.tab-panel-img {
|
||||||
|
background:#1c1c1e ;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding-top: 0.8rem;
|
||||||
|
border-radius: 0.16rem;
|
||||||
|
}
|
||||||
.tab-panel.active {
|
.tab-panel.active {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.tab-t {
|
.tab-t {
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 3.97rem;
|
margin-top: 2.97rem;
|
||||||
margin-bottom: 0.6rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,10 +7,10 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto; */
|
background-size: 100% auto; */
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-bottom: 0.71rem;
|
margin-bottom: 0.53rem;
|
||||||
}
|
}
|
||||||
.wift-bg-t {
|
.wift-bg-t {
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -20,7 +20,8 @@
|
|||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0.74rem;
|
padding-top: 0.56rem;
|
||||||
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
.wift-bg-img {
|
.wift-bg-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -31,14 +32,14 @@
|
|||||||
bottom: 1.46rem;
|
bottom: 1.46rem;
|
||||||
}
|
}
|
||||||
.wift-bg-img img {
|
.wift-bg-img img {
|
||||||
max-width: 14.4rem;
|
|
||||||
width: 100%;
|
width:10.1rem;
|
||||||
}
|
}
|
||||||
.wift-t {
|
.wift-t {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
font-size: 0.72rem;
|
font-size: 0.5rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 3.93rem;
|
margin-top: 2.95rem;
|
||||||
margin-bottom: 0.35rem;
|
|
||||||
}
|
}
|
||||||
@@ -6,7 +6,7 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto; */
|
background-size: 100% auto; */
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-top: 5.7rem;
|
margin-top: 2.45rem;
|
||||||
}
|
}
|
||||||
.wift6-text {
|
.wift6-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -18,7 +18,7 @@
|
|||||||
}
|
}
|
||||||
.wift6-t {
|
.wift6-t {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -26,8 +26,8 @@
|
|||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0.73rem;
|
padding-top: 0.56rem;
|
||||||
line-height: 2.5;
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
.wift6-img {
|
.wift6-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
gap: 0.2rem;
|
gap: 0.2rem;
|
||||||
}
|
}
|
||||||
.wift6-img img {
|
.wift6-img img {
|
||||||
max-width: 7.15rem;
|
max-width: 5.36rem;
|
||||||
max-height: 3.09rem;
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,18 +6,18 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto; */
|
background-size: 100% auto; */
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-top: 3.45rem;
|
margin-top: 2.59rem;
|
||||||
}
|
}
|
||||||
.xh-text {
|
.xh-text {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: 1.06rem;
|
padding-top: 0.8rem;
|
||||||
}
|
}
|
||||||
.xh-t {
|
.xh-t {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -25,21 +25,22 @@
|
|||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 0.73rem;
|
padding-top: 0.5rem;
|
||||||
|
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
}
|
}
|
||||||
.xh-img {
|
.xh-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 1.8rem;
|
bottom: 1.7rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 0.2rem;
|
gap: 0.2rem;
|
||||||
}
|
}
|
||||||
.xh-img img {
|
.xh-img img {
|
||||||
max-width: 7.1rem;
|
max-width: 5.33rem;
|
||||||
max-height: 3.08rem;
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.xh-b-p {
|
.xh-b-p {
|
||||||
|
|||||||
@@ -15,6 +15,8 @@
|
|||||||
max-width: 1440px;
|
max-width: 1440px;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
background: #0d0c10;
|
||||||
|
border:1px solid #3f3f45;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoom-image {
|
.zoom-image {
|
||||||
@@ -36,14 +38,14 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.xn-t {
|
.xn-t {
|
||||||
font-size: 0.67rem;
|
font-size:0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 4.7rem;
|
margin-top: 3.56rem;
|
||||||
margin-bottom: 1.26rem;
|
margin-bottom: 0.95rem;
|
||||||
}
|
}
|
||||||
.xn-p {
|
.xn-p {
|
||||||
padding-top: 0.6rem;
|
padding-top: 0.45rem;
|
||||||
}
|
}
|
||||||
.xn-p p {
|
.xn-p p {
|
||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
margin-top: 2.49rem;
|
margin-top:1.87rem;
|
||||||
aspect-ratio: 16/9; /* 2560/1440=16/9,核心比例约束 */
|
aspect-ratio: 16/9; /* 2560/1440=16/9,核心比例约束 */
|
||||||
/* background: url('../img/yq1.png'); */
|
/* background: url('../img/yq1.png'); */
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@@ -24,12 +24,12 @@
|
|||||||
/* 宽幅限制生效 */
|
/* 宽幅限制生效 */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
padding-top: 1.47rem;
|
padding-top: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overlay-text h2 {
|
.overlay-text h2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 0.63rem;
|
font-size: 0.5rem;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
@@ -46,14 +46,17 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -50px;
|
bottom: -0.71rem;
|
||||||
gap: 0.2rem;
|
gap: 0.2rem;
|
||||||
}
|
}
|
||||||
|
.float-cards img {
|
||||||
|
width: 2.22rem;
|
||||||
|
}
|
||||||
.bottom-desc {
|
.bottom-desc {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #cbcfd8;
|
color: #cbcfd8;
|
||||||
font-size: clamp(16px, 1vw, 0.22rem);
|
font-size: clamp(16px, 1vw, 0.22rem);
|
||||||
padding-top: 1.9rem;
|
padding-top: 1.43rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1280px;
|
min-width: 1280px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user