WeiWeiXinNet/resource/activity-style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;color: #444444;
	font: 14px/1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;
}
.activity-lottery-winning{ background: url(../resource/activity-lottery-bg2.jpg) #2a8a00;}
.activity-lottery-end{ background: url(../resource/activity-lottery-bg2.jpg) #2a8a00;}
.activity-coupon-winning{ background-color:#8d0001;}
.activity-coupon-end{ background-color:#8d0001;}
.activity-scratch-card-winning{background: url(../resource/activity-lottery-bg3.jpg) #944f20;}
.activity-scratch-card-end{background: url(../resource/activity-scratch-card-bg.jpg) #944f20;}
.activity-lottery-winning .main{
	background: url(../resource/activity-lottery-bg.png) no-repeat top center;
}

#outer-cont {
	position: relative;
	width: 100%;
	top: 20px;
	margin-bottom: 30px;/* -moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg); */
}
#inner-cont {
	position: absolute;
	width: 100%;
	top: 90px;/* -moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg); */
}
#outer {
	width : 310px;
	max-width: 310px;
	height: 310px;
	margin: 0 auto;
}
#inner {
	width : 112px;
	max-width: 112px;
	height: 142px;
	margin: 0 auto;
	cursor: pointer;
}
#outer img, #inner img {
	display: block;
	margin: 0 auto;
}
.cover{
	width: 320px;
	max-width: 480px;
	margin: 0 auto;
	position: relative;
}
.cover img{
	width: 320px;
}