72 lines
1.0 KiB
CSS
72 lines
1.0 KiB
CSS
body {
|
|
width: 100%;
|
|
height: 21.6533333333rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
top: 0.9333333333rem;
|
|
left: 0.4533333333rem;
|
|
z-index: 9999;
|
|
width: 0.8266666667rem;
|
|
height: 0.8266666667rem;
|
|
}
|
|
.back img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.back p {
|
|
color: #fff;
|
|
font-size: 0.4266666667rem;
|
|
position: absolute;
|
|
width: 9rem;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 0.8266666667rem;
|
|
}
|
|
|
|
.box {
|
|
width: 10rem;
|
|
height: 30.4533333333rem;
|
|
background: url(../images/bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin: 0 auto 0;
|
|
}
|
|
.box .user {
|
|
width: 8.4rem;
|
|
height: 2.8rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.box .user1 {
|
|
top: 6.7rem;
|
|
}
|
|
.box .user2 {
|
|
top: 9.6rem;
|
|
}
|
|
.box .user3 {
|
|
top: 12.2rem;
|
|
}
|
|
.box .user4 {
|
|
top: 15.1rem;
|
|
}
|
|
.box .user5 {
|
|
top: 18rem;
|
|
}
|
|
.box .user6 {
|
|
top: 20.9rem;
|
|
}
|
|
.box .user7 {
|
|
top: 23.6rem;
|
|
}
|
|
.box .user8 {
|
|
top: 26.4rem;
|
|
}
|
|
|
|
/*# sourceMappingURL=index.css.map */
|