sso_smartcost-php/global/v1/activity/css/style.css

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