三条 - 极简社交聊天
你的秘密只属于你和好友
立即下载
<>
body {
margin: 0;
padding: 0;
}
.index-pc-header {
padding: 0 50px;
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
}
.index-pc-header-tabs {
font-size: 14px;
color: rgba(0000.88);
}
.index-pc-header-tabs span {
padding: 0 16px;
}
.index-pc-header-dirivder {
font-weight: 400;
font-size: 12px;
color: #acacac;
margin-right: 16px;
}
.index-pc-header-language {
display: flex;
align-items: center;
}
.index-pc-header-language span {
font-size: 14px;
/* color: rgba(0000.88); */
display: flex;
align-items: center;
}
.index-pc-header-language span .dirivder {
font-weight: 400;
font-size: 12px;
color: #acacac;
margin: 0 8px;
}
.index-pc-content {
background: url('/home-bg.jpg') no-repeat;
/* background: url('/src/assets/images/home-bg.jpg') no-repeat; */
background-size: cover;
height: 100%;
min-height: 100vh;
margin-top: -64px;
display: flex;
flex-direction: column;
}
.index-pc-title-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 3.2vw;
flex: 1;
}
.index-pc-titleImg {
width: 23.4375vw;
}
.index-pc-titleImg img {
width: 100%;
height: 100%;
}
.index-pc-download-box {
flex: 1;
margin-top: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.index-pc-download-list {
background: #fff;
margin: 0 auto;
padding: 21px 60px;
min-width: 600px;
max-width: 1002px;
display: flex;
justify-content: space-around;
border-radius: 35px;
box-shadow: 0 0 60px #00000026;
margin-bottom: 52px;
}
.index-pc-download-item h1 {
font-size: 20px;
font-weight: 700;
margin: 0;
}
