86 lines
1.2 KiB
SCSS
86 lines
1.2 KiB
SCSS
@function px2rem($px, $rem:75) {
|
|
@return $px / $rem+rem;
|
|
}
|
|
|
|
html {}
|
|
|
|
body {
|
|
width: 100%;
|
|
height: px2rem(1624, );
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
top: px2rem(70, );
|
|
left: px2rem(34, );
|
|
z-index: 9999;
|
|
width: px2rem(62, );
|
|
height: px2rem(62, );
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
p {
|
|
color: #fff;
|
|
font-size: px2rem(32, );
|
|
position: absolute;
|
|
width: 9rem;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: px2rem(62, );
|
|
}
|
|
}
|
|
|
|
.box {
|
|
width: px2rem(750, );
|
|
height: px2rem(2284, );
|
|
background: url(../images/bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin: 0 auto 0;
|
|
|
|
.user {
|
|
width: 8.4rem;
|
|
height: 2.8rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.user1 {
|
|
top: 6.7rem;
|
|
}
|
|
|
|
.user2 {
|
|
top: 9.6rem;
|
|
}
|
|
|
|
.user3 {
|
|
top: 12.2rem;
|
|
}
|
|
|
|
.user4 {
|
|
top: 15.1rem;
|
|
}
|
|
|
|
.user5 {
|
|
top: 18rem;
|
|
}
|
|
|
|
.user6 {
|
|
top: 20.9rem;
|
|
}
|
|
|
|
.user7 {
|
|
top: 23.6rem;
|
|
}
|
|
|
|
.user8 {
|
|
top: 26.4rem;
|
|
}
|
|
} |