|
|
* {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
.coupon-christmas img {
|
|
|
display: block;
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
|
|
|
.coupon-top {
|
|
|
position: relative;
|
|
|
}
|
|
|
.coupon-top .go-check {
|
|
|
position: absolute;
|
|
|
top: 5.325rem;
|
|
|
width: 100%;
|
|
|
height: 10.5rem;
|
|
|
}
|
|
|
.coupon-top .share-btn {
|
|
|
position: absolute;
|
|
|
width: 14.125rem;
|
|
|
height: 2.525rem;
|
|
|
bottom: 2.575rem;
|
|
|
left: 50%;
|
|
|
margin: 0 0 0 -7.0625rem;
|
|
|
}
|
|
|
.coupon-top .wyf {
|
|
|
position: absolute;
|
|
|
width: 5.95rem;
|
|
|
right: 0;
|
|
|
top: 0.1rem;
|
|
|
}
|
|
|
|
|
|
.coupon-bottom {
|
|
|
height: 11rem;
|
|
|
background: url(../../img/christmas/02/bottom-bg.png) no-repeat bottom center;
|
|
|
background-size: 100% auto;
|
|
|
}
|
|
|
|
|
|
.coupon-banner {
|
|
|
position: relative;
|
|
|
height: 7.675rem;
|
|
|
}
|
|
|
|
|
|
.banner-btn {
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
height: 1.775rem;
|
|
|
bottom: 0;
|
|
|
font-size: 0;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.banner-btn a{
|
|
|
display: inline-block;
|
|
|
height: 100%;
|
|
|
}
|
|
|
.banner-btn .boy {
|
|
|
width: 3.525rem;
|
|
|
}
|
|
|
.banner-btn .girl {
|
|
|
width: 3.35rem;
|
|
|
}
|
|
|
.banner-btn .life {
|
|
|
width: 4.025rem;
|
|
|
}
|
|
|
.banner-btn .kid {
|
|
|
width: 3.25rem;
|
|
|
}
|
|
|
.bottom-btn {
|
|
|
position: relative;
|
|
|
width: 13.725rem;
|
|
|
height: 1.725rem;
|
|
|
margin: 0.875rem auto 0;
|
|
|
font-size: 0;
|
|
|
}
|
|
|
.bottom-btn a{
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
width: 8.2rem;
|
|
|
height: 100%;
|
|
|
}
|
|
|
.bottom-btn a.follow-yoho {
|
|
|
width: 5.275rem;
|
|
|
left: 0;
|
|
|
}
|
|
|
.bottom-btn a.download-yoho {
|
|
|
right: 0;
|
|
|
}
|
|
|
.modal {
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
background: url(../../img/christmas/02/share.png) center top no-repeat;
|
|
|
-webkit-background-size: 100%;
|
|
|
-moz-background-size: 100%;
|
|
|
background-size: 100%;
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.has-done {
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
background: rgba(0,0,0,0.4) url(../../img/christmas/02/11.png);
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 80% auto;
|
|
|
background-position: center center;
|
|
|
overflow: hidden;
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.dialog-box {
|
|
|
display: none;
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
background: rgba(0,0,0,0.4);
|
|
|
z-index: 999;
|
|
|
}
|
|
|
|
|
|
.dialog-inner {
|
|
|
position: absolute;
|
|
|
width: 13.375rem;
|
|
|
height: 9.625rem;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
margin: -4.8125rem 0 0 -6.6875rem;
|
|
|
}
|
|
|
|
|
|
.dialog-inner img {
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
|
|
|
.dialog-inner span {
|
|
|
position: absolute;
|
|
|
width: 8.225rem;
|
|
|
height: 1.85rem;
|
|
|
bottom: 1.475rem;
|
|
|
left: 50%;
|
|
|
margin: 0 0 0 -4.1125rem;
|
|
|
cursor: pointer;
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|