You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.0 KiB
102 lines
1.0 KiB
body{
|
|
margin=0;
|
|
background: #333;
|
|
}
|
|
|
|
#title{
|
|
position:absolute;
|
|
width:40%;
|
|
height:10%;
|
|
top:0;
|
|
left:30%;
|
|
color:white;
|
|
font-size:35px;
|
|
/*居中分布*/
|
|
display:flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#time{
|
|
position:absolute;
|
|
height:10%;
|
|
top:5%;
|
|
right:2%;
|
|
color: white;
|
|
font-size: 20px;
|
|
}
|
|
|
|
|
|
#l1{
|
|
position:absolute;
|
|
width:30%;
|
|
height:45%;
|
|
top:10%;
|
|
left:0%;
|
|
|
|
}
|
|
|
|
#l2{
|
|
position:absolute;
|
|
width:30%;
|
|
height:45%;
|
|
top:55%;
|
|
left:0%;
|
|
|
|
}
|
|
|
|
#m1{
|
|
position:absolute;
|
|
width:40%;
|
|
height:30%;
|
|
top:10%;
|
|
left:30%;
|
|
|
|
}
|
|
|
|
.num{
|
|
width:20%;
|
|
float:left;
|
|
display:flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: gold;
|
|
font-size: 20px;
|
|
}
|
|
.txt{
|
|
width: 20%;
|
|
float:left;
|
|
font-family: "幼圆";
|
|
color: white;
|
|
display:flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#m2{
|
|
position:absolute;
|
|
width:40%;
|
|
height:60%;
|
|
top:40%;
|
|
left:30%;
|
|
}
|
|
|
|
#r1{
|
|
position:absolute;
|
|
width:30%;
|
|
height:45%;
|
|
top:10%;
|
|
right:0%;
|
|
|
|
}
|
|
|
|
#r2{
|
|
position:absolute;
|
|
width:30%;
|
|
height:45%;
|
|
top:55%;
|
|
right:0%;
|
|
|
|
}
|
|
|