/*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}