press-pix
Version:
78 lines • 1.67 kB
text/less
.popup-get-award{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 99;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/popup-award-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.popup-title{
width: 15.16rem;
height: 2.12rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/popup-award-title.png);
background-repeat: no-repeat;
background-size: 100%;
}
.popup-rank{
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 1.4rem;
width: 100%;
text-align: center;
font-size: .2rem;
color: #b0d3fd;
}
.popup-award{
margin-bottom: .22rem;
width: 1.36rem;
height: 1.36rem;
background-color: #2d4465;
}
.popup-award-img{
width: 1.36rem;
height: 1.36rem;
}
.popup-award-name{
margin-bottom: .72rem;
font-size: .2rem;
color: #b0d3fd;
}
.popup-award-tips{
margin-bottom: .4rem;
font-size: .2rem;
color: #78d0fb;
}
.btn-write{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 2.24rem;
height: .56rem;
font-family: GameFont;
font-size: .28rem;
color: #fff;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/btn-primary.png);
background-repeat: no-repeat;
background-size: 100%;
}
.btn-continue{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 2.24rem;
height: .56rem;
font-size: .2rem;
color: #fff;
opacity: .5;
}