101 lines
1.9 KiB
CSS
101 lines
1.9 KiB
CSS
@font-face {
|
|
font-family: 'pingfang';
|
|
src: url("../../../common/fonts/PingFang Bold.ttf");
|
|
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
|
}
|
|
|
|
html,
|
|
body {
|
|
background-size: 100%;
|
|
font-family: 'pingfang';
|
|
}
|
|
|
|
.max {
|
|
width: 10rem;
|
|
height: 41.78667rem;
|
|
background: url("../images/max.png") no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.my {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 10rem;
|
|
height: 2.33333rem;
|
|
background: url("../images/my.png") no-repeat;
|
|
background-size: cover;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.my .user {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-left: 1.68rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.my .user img {
|
|
width: 1.33333rem;
|
|
height: 1.33333rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.my .user p {
|
|
font-size: 0.29333rem;
|
|
color: #fff;
|
|
margin-top: 0.08rem;
|
|
}
|
|
|
|
.my .schedule {
|
|
position: relative;
|
|
width: 6.66667rem;
|
|
}
|
|
|
|
.my .schedule .schedule-style,
|
|
.my .schedule .schedule-style1,
|
|
.my .schedule .schedule-style2 {
|
|
height: 0.21333rem;
|
|
background: #FFF600;
|
|
font-size: 1.01333rem;
|
|
border-radius: 0.05333rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-47%);
|
|
left: 1.17333rem;
|
|
}
|
|
|
|
.my .schedule .schedule-style1 {
|
|
left: 2.85333rem;
|
|
}
|
|
|
|
.my .schedule .schedule-style2 {
|
|
left: 4.53333rem;
|
|
}
|
|
|
|
.my .schedule ul {
|
|
display: flex;
|
|
position: relative;
|
|
justify-content: space-around;
|
|
width: 6.66667rem;
|
|
}
|
|
|
|
.my .schedule ul li {
|
|
width: 1.13333rem;
|
|
height: 1.08rem;
|
|
background: url("../images/unbright.png");
|
|
background-size: 100% 100%;
|
|
line-height: 0.94667rem;
|
|
font-size: 0.34667rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
.my .schedule ul li.active {
|
|
background: url("../images/bright.png");
|
|
background-size: 100% 100%;
|
|
color: #432ADA;
|
|
}
|