...
|
...
|
@@ -164,58 +164,45 @@ |
|
|
}
|
|
|
|
|
|
.dia-main {
|
|
|
width: 627px;
|
|
|
width: 490px;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
margin-left: -313.5px;
|
|
|
margin-left: -245px;
|
|
|
|
|
|
.lucky {
|
|
|
width: 627px;
|
|
|
height: 620px;
|
|
|
width: 490px;
|
|
|
height: 442px;
|
|
|
background-size: 100% 100%;
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
|
|
|
.unlucky {
|
|
|
width: 627px;
|
|
|
height: 620px;
|
|
|
width: 490px;
|
|
|
height: 442px;
|
|
|
background: resolve("activity/raffle/dia-err.png");
|
|
|
background-size: 100% 100%;
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
|
|
|
p {
|
|
|
width: 627px;
|
|
|
height: 128px;
|
|
|
position: absolute;
|
|
|
bottom: 83px;
|
|
|
left: 0;
|
|
|
font-size: 20px;
|
|
|
color: #444;
|
|
|
padding: 30px;
|
|
|
line-height: 30px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
width: 332px;
|
|
|
height: 116px;
|
|
|
width: 261px;
|
|
|
height: 82px;
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
left: 146px;
|
|
|
bottom: 63px;
|
|
|
left: 113px;
|
|
|
bottom: 37px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.close {
|
|
|
width: 80px;
|
|
|
height: 80px;
|
|
|
width: 54px;
|
|
|
height: 54px;
|
|
|
background-repeat: no-repeat;
|
|
|
background-image: resolve("activity/raffle/close.png");
|
|
|
position: absolute;
|
|
|
top: -10px;
|
|
|
right: 12px;
|
|
|
top: -3px;
|
|
|
right: 19px;
|
|
|
background-size: 100%;
|
|
|
}
|
|
|
}
|
...
|
...
|
|