|
|
@@ -28,10 +28,6 @@
|
|
|
list-style: none;
|
|
|
}
|
|
|
|
|
|
- body {
|
|
|
- min-width: 1426px;
|
|
|
- }
|
|
|
-
|
|
|
@font-face {
|
|
|
font-family: 'DOUYU';
|
|
|
src: url('fonts/DOUYUFONT-2.OTF');
|
|
|
@@ -51,14 +47,24 @@
|
|
|
top: 1.25rem;
|
|
|
right: 1.5625rem;
|
|
|
cursor: pointer;
|
|
|
+ z-index: 99;
|
|
|
}
|
|
|
|
|
|
.backbutton img {
|
|
|
margin-right: 0.625rem;
|
|
|
}
|
|
|
|
|
|
+ .topbg {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ width: 100vw;
|
|
|
+ height: 30vh;
|
|
|
+ background-image: url(images/bg-indextop.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
.indexcot {
|
|
|
- height: 75vh;
|
|
|
+ height: 100vh;
|
|
|
background-image: url(images/indexcygyy.png);
|
|
|
background-size: 100% 100%;
|
|
|
font-family: Microsoft YaHei;
|
|
|
@@ -72,6 +78,8 @@
|
|
|
display: flex;
|
|
|
margin: auto;
|
|
|
justify-content: center;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.indexcot .logo {
|
|
|
@@ -111,15 +119,15 @@
|
|
|
|
|
|
.content {
|
|
|
width: 53vw;
|
|
|
- min-width: 810px;
|
|
|
- height: 53vh;
|
|
|
+ min-width: 589px;
|
|
|
+ height: 70vh;
|
|
|
background: rgb(0 28 60 / 40%);
|
|
|
border-radius: 10px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
margin-left: 8.3125rem;
|
|
|
- margin-top: 5vh;
|
|
|
+ margin-top: 15vh;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
@@ -147,7 +155,7 @@
|
|
|
}
|
|
|
|
|
|
.content>.text {
|
|
|
- width: 57.1875rem;
|
|
|
+ width: 95%;
|
|
|
font-size: 1rem;
|
|
|
color: #FFFFFF;
|
|
|
line-height: 1.875rem;
|
|
|
@@ -155,8 +163,8 @@
|
|
|
}
|
|
|
|
|
|
.content .more {
|
|
|
- width: 57.4375rem;
|
|
|
- height: 12%;
|
|
|
+ width: 95%;
|
|
|
+ height: 3.75rem;
|
|
|
background-image: url(images/more-cygyy.png);
|
|
|
background-size: 100% 100%;
|
|
|
font-size: 1.5rem;
|
|
|
@@ -168,7 +176,7 @@
|
|
|
|
|
|
.swiper {
|
|
|
width: 95%;
|
|
|
- height: 45%;
|
|
|
+ height: 50%;
|
|
|
/* margin: 2.5rem auto; */
|
|
|
}
|
|
|
|
|
|
@@ -233,6 +241,7 @@
|
|
|
<img src="images/backlogo.png" alt="">
|
|
|
<span>返回</span>
|
|
|
</div>
|
|
|
+ <div class="topbg"></div>
|
|
|
<div class="top">
|
|
|
<div class="logo" @click="goIndex">
|
|
|
<img src="images/nalogo.png" alt="">
|
FinalYu
