Authored by hf

code review by hf: do cuxiao huodong christmas second times

* {
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
... ...