press-pix
Version:
119 lines • 2.48 kB
text/less
.award-wrap{
display: flex;
flex-direction: row;
}
.award-list{
display: flex;
flex-direction: row;
margin-right: .18rem;
}
.award-item{
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: .88rem;
height: .88rem;
background: #c7d1e9;
&+.award-item{
margin-left: .12rem;
}
}
.label-rank{
position: absolute;
top: 0;
left: 0;
width: .36rem;
height: .36rem;
background-size: 100%;
&.label-rank1{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-label1.png);
}
&.label-rank2{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-label2.png);
}
&.label-rank3{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/award-label3.png);
}
}
.award-img{
width: .68rem;
height: .68rem;
}
.award-stage{
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: .53rem;
padding-bottom: .04rem;
font-size: .16rem;
color: #fff;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-award-stage.png);
background-repeat: no-repeat;
background-size: 100%;
}
.award-right{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.info-time-box{
display: flex;
flex-direction: row;
align-items: center;
height: .12rem;
margin-bottom: .14rem;
}
.info-arrow{
width: .08rem;
height: .12rem;
margin-right: .02rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/info-arrow.png);
background-size: 100%;
background-repeat: no-repeat;
}
.info-time{
margin-left: .1rem;
font-size: .14rem;
color: #547fe6;
font-family: gamefontyahei;
}
.info-title{
position: relative;
margin-bottom: .06rem;
font-size: .24rem;
font-family: GameFont;
color: #547fe6;
}
.info-pinyin{
font-family: gamefontyahei;
font-size: .12rem;
color: #547fe6;
}
.red-dot{
position: absolute;
top: -.06rem;
right: -.16rem;
width: .12rem;
height: .12rem;
transform: rotate(45deg);
background-color: #f1527f;
}
.label-lottery{
display: flex;
align-items: center;
justify-content: center;
margin-left: .1rem;
height: .23rem;
line-height: .23rem;
padding: 0 .06rem;
font-size: .16rem;
font-family: gamefontyahei;
color: #fff;
background-color: #547fe6;
}