/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
padding: 0;
margin: 0;
font-weight: normal;
font-style: normal;
font-size: 12px;
font-family:"微软雅黑","Tahoma";
vertical-align: baseline;
text-align:justify;
word-wrap:break-word;
text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none
}
dl {
margin:0
}
dd {
margin-left:0
}
a {
outline:none;
}
a img {
border:0 none
}
img {
vertical-align:middle;
border:0px
}
table {
border-collapse:collapse
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix {
display:inline-block;
overflow:hidden
}
.clearfix {
display:block
}
body {color:#fff;background:#c82526}
/**/
.wrapBody {width:960px;margin:0 auto}
.conImages01 {
background:url(conImages01.jpg) no-repeat;
width:100%;
height:237px
}
.conImages02 {
background:url(conImages02.jpg) no-repeat;
width:100%;
height:185px
}
.wrapBonus {
background:url(conImages03.jpg) no-repeat;
width:100%;
height:420px
}
.wrapCountdown {
background:url(conImages04.jpg) no-repeat
}
.wrapCountdown .wrapBonusBtn {
margin: 10px 0px 40px 0px;
}
.countdownItem {
text-align:center;
font-size:40px
}
.countdownItem h2{
font-size:24px;
margin:0 0 0 215px
}
.countdownItem span{
font-size:60px;
margin:0 5px 0 0;
background:url(countDownBg.jpg) no-repeat;
width:80px;
height:85px;
line-height:85px;
text-align:center;
display: inline-block;
*display:inline;
zoom:1
}
.wrapBonusBtn {
margin:42px 0 0 112px;
position:relative;
}
.wrapBonusBtn .todayBonus {
width:189px;
height:128px;
background:url(todayBonus.jpg) no-repeat;
display:inline-block;
*display:inline;
*zoom:1
}
.wrapBonusBtn .bonusButton {
background:url(bonusButton.jpg) no-repeat;
width:239px;
height:77px;
top:26px;
left:238px;
position:absolute
}
.wrapBonusBtn .bonusButton a{
display:inline-block;
*display:inline;
*zoom:1;
width:239px;
height:77px
}
.wrapBonusBtn .bonusButtonR {
background:url(bonusButton.jpg) no-repeat 0 -77px;
width:239px;
height:77px;
top:26px;
left:238px;
position:absolute
}
.daysBonus {
height:170px;
position: relative;
width:750px;
margin:0 auto
}
.daysBonus ul{}
.daysBonus li {
padding:0 25px;
border-bottom:1px solid #999;
position: absolute;
bottom:0;
*width:70px
}
.daysBonus li .dbBonus {
background:#999;
text-align:center;
margin:0 auto
}
.daysBonus li .dbBonus b{
font-size:23px
}
.daysBonus li .dbDate {
margin:0 0 -18px 0;
text-align:center;
position:absolute
}
.daysBonus li.li01 .dbBonus{
width:38px;
height:23px
}
.daysBonus li.li01 .dbBonus b{
font-size:22px;
line-height:22px
}
.daysBonus li.li02{left:88px}
.daysBonus li.li02 .dbBonus{
width:45px;
height:38px
}
.daysBonus li.li02 .dbBonus b{
font-size:26px
}
.daysBonus li.li03{left:183px}
.daysBonus li.li03 .dbBonus{
width:50px;
height:52px
}
.daysBonus li.li03 .dbBonus b{
font-size:30px
}
.daysBonus li.li04{left:283px}
.daysBonus li.li04 .dbBonus{
width:56px;
height:74px
}
.daysBonus li.li04 .dbBonus b{
font-size:34px
}
.daysBonus li.li05{left:389px}
.daysBonus li.li05 .dbBonus{
width:63px;
height:96px
}
.daysBonus li.li05 .dbBonus b{
font-size:36px
}
.daysBonus li.li06{left:502px}
.daysBonus li.li06 .dbBonus{
width:69px;
height:119px
}
.daysBonus li.li06 .dbBonus b{
font-size:40px
}
.daysBonus li.li07{left:621px}
.daysBonus li.li07 .dbBonus{
width:74px;
height:144px
}
.daysBonus li.li07 .dbBonus b{
font-size:50px
}
.footer {
background:#330000;
text-align:center;
padding:15px 0
}
.footer a{
color:#fff;
font-size:24px;
margin:0 20px
}
.footer a:hover{
text-decoration:none;
}
/**/
.day01 .wrapBonusBtn .todayBonus {
background:url(todayBonus01.jpg) no-repeat;
}
.day01 .daysBonus li.li01 .dbBonus {background:#ff8a00}
.day02 .wrapBonusBtn .todayBonus {
background:url(todayBonus02.jpg) no-repeat;
}
.day02 .daysBonus li.li02 .dbBonus {background:#ff8a00}
.day03 .wrapBonusBtn .todayBonus {
background:url(todayBonus03.jpg) no-repeat;
}
.day03 .daysBonus li.li03 .dbBonus {background:#ff8a00}
.day04 .wrapBonusBtn .todayBonus {
background:url(todayBonus04.jpg) no-repeat;
}
.day04 .daysBonus li.li04 .dbBonus {background:#ff8a00}
.day05 .wrapBonusBtn .todayBonus {
background:url(todayBonus05.jpg) no-repeat;
}
.day05 .daysBonus li.li05 .dbBonus {background:#ff8a00}
.day06 .wrapBonusBtn .todayBonus {
background:url(todayBonus06.jpg) no-repeat;
}
.day06 .daysBonus li.li06 .dbBonus {background:#ff8a00}
.day07 .wrapBonusBtn .todayBonus {
background:url(todayBonus07.jpg) no-repeat;
}
.day07 .daysBonus li.li07 .dbBonus {background:#ff8a00}