219 lines
3.9 KiB
SCSS
219 lines
3.9 KiB
SCSS
//Final.scss
|
|
.Final {
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
position: relative;
|
|
// margin-top: 100px;
|
|
|
|
.Final-float-box {
|
|
position: relative;
|
|
z-index: 99;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
.Final-float {
|
|
position: absolute;
|
|
height: 13vw;
|
|
z-index: 99;
|
|
width: 60%;
|
|
margin: 0 auto;
|
|
top: -50px;
|
|
max-height: 80px;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
border-radius: 10px;
|
|
padding: 10px 0;
|
|
|
|
img {
|
|
width: 45px;
|
|
z-index: 1;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.float-items {
|
|
text-align: center;
|
|
color: white;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.Final-container {
|
|
// 底部背景颜色
|
|
background: #193066;
|
|
position: relative;
|
|
color: white;
|
|
|
|
.Final-big-box {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
flex-direction: column;
|
|
margin: 0 auto;
|
|
|
|
.Final-icon-box {
|
|
height: 60px;
|
|
width: 120px;
|
|
|
|
.icon-img {
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
}
|
|
|
|
.Final-middle-box {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
|
|
.Final-middle-items {
|
|
margin: 0 30px;
|
|
text-align: center;
|
|
|
|
.title-head {
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.items {
|
|
margin-bottom: 10px;
|
|
color: white;
|
|
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.items-title {
|
|
font-size: 22px;
|
|
margin-bottom: 20px;
|
|
color: white;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.Final-code-box {
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 100%;
|
|
margin-top: 50px;
|
|
overflow: hidden;
|
|
|
|
.code-text {
|
|
font-size: 20px;
|
|
margin-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
img {
|
|
width: 50%;
|
|
height: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.Final-bottom-box {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 30px 0;
|
|
color: white;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
// 底部版权颜色
|
|
background-color:#193066;
|
|
}
|
|
}
|
|
|
|
.phone-text {
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.Final-middle-phone-title-box {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
|
|
.Final-middle-phone-title {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
|
|
}
|
|
.Final-middle-phone-content{
|
|
font-size: 20px;
|
|
font-family: "CenturyGothic", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.Final-middle-phone-box {
|
|
// display: none;
|
|
justify-content: space-evenly;
|
|
align-items: flex-start;
|
|
margin-top: 50px;
|
|
.Final-middle-items {
|
|
margin: 0 30px;
|
|
|
|
.items {
|
|
margin-bottom: 10px;
|
|
color: #e9e9e9;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.items-title {
|
|
font-size: 16px;
|
|
margin-bottom: 20px;
|
|
color: black;
|
|
font-weight: 600;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//share-hide-main
|
|
.share-hide-main {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
background: rgba(0, 10, 10, 0.5);
|
|
z-index: 99999999;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
|
|
.share-box {
|
|
background: white;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
height: fit-content;
|
|
width: fit-content;
|
|
max-width: 430px !important;
|
|
max-height: 430px !important;
|
|
|
|
img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
} |