html,body{
	padding: 0;
	margin: 0;
	font-size: 18px;
	background: url('http://img62.ddimg.cn/special/campaign/pc/bg.png') repeat 0 0;
	min-width: 1200px;
	font-family: "Microsoft YaHei"
}
.bg_2{
	background: url('http://img63.ddimg.cn/special/campaign/pc/bg_2.png') repeat 0 0;
}
img{
	border: 0;
}
a{
	text-decoration: none;
	cursor: pointer;
}
ul{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
button{
	outline: none;
	cursor: pointer;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#36f5af;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#36f5af;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#36f5af;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#36f5af;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.pb30{
	padding-bottom: 30px;
}
.pb100{
	 padding-bottom: 100px;
}
.ml2{
	margin-left: 2px;
}
.clear{
	clear: both;
}
.head{
	line-height: 0;
}
.head img{
	width: 100%;
}
.center{
	width: 1200px;
	margin: 0 auto;
}
.foot{
	background-color: #181715;
	padding: 80px 0;
	text-align: center;
	font-size: 12px;
	color: #8a8a89;
	line-height: 28px;
}
.foot span{
	padding: 0 15px;
}
.rightFix{
	position: fixed;
	right: 10px;
	bottom: 0;
	width: 110px;
	color: #36f5af;
	font-size: 14px;
}
.rightFix a{
	display: block;
	background-color: #186246;
	color: #36f5af;
	font: 18px;
	text-align: center;
	margin-top: 5px;
	height: 110px;
	cursor: pointer;
	text-decoration: none;
}
.rightFix a.focus{
	background-color: #f9d04b;
	color: #682915;
}
.rightFix a span{
	font-size: 56px;
	display: block;
}
.rightFix a.banner{
	margin-bottom: 5px;
}
.rightFix a.banner img{
	width: 110px;
	height: 110px;
}
.rightFix .aboutapp{
	text-align: center;
	line-height: 26px;
	background-color: #186246;
	font-size: 12px;
}
.rightFix .aboutapp img{
	width: 110px;
	height: 110px;
}
.rightFix .backtotop{
	border: 0;
	padding: 0;
	height: 49px;
	margin-top: 5px;
	cursor: pointer;
	outline: none;
	width: 110px;
}
.rightFix .backtotop img{
	width: 110px;
}
.shadow{
	background-color: #000;
	opacity: 0.7;
	filter:alpha(opacity:70);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;

}
.window,.confirm{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
.hide{
	display: none;
}

/*timeline*/
.timeline{
	overflow: hidden;
	background: url('http://img60.ddimg.cn/special/campaign/pc/timeline.png') no-repeat 0 0;
	width: 1182px;
	height: 117px;
	margin: 0 auto;
	padding: 0;
	margin-top: -320px;
	position: relative;
	z-index: 10;
}
.timeline li{
	float: left;
	list-style: none;
	margin-left: 4px;
	color: #36f5af;
	text-align: center;
	padding-top: 25px;
	height: 117px;
}
.timeline li.focus{
	color: #682915;
}
.timeline li.over{
	color: #999999;
}
.timeline li .title{
	font-size: 32px;
	font-weight: bold;
}
.timeline li:first-child{
	margin: 0;
}
.time1{
	width: 290px;
}
.time2{
	width: 296px;
}
.time3,.time4{
	width: 292px;
}
.time1.focus{
	background: url('http://img60.ddimg.cn/special/campaign/pc/time_1.png') no-repeat 0 0;
}
.time2.focus{
	background: url('http://img61.ddimg.cn/special/campaign/pc/time_2.png') no-repeat 0 0;
}
.time3.focus{
	background: url('http://img62.ddimg.cn/special/campaign/pc/time_3.png') no-repeat 0 0;
}
.time4.focus{
	background: url('http://img62.ddimg.cn/special/campaign/pc/time_4.png') no-repeat 0 0;
}
.time1.over{
	background: url('http://img61.ddimg.cn/special/campaign/pc/time_1_over.png') no-repeat 0 0;
}
.time2.over{
	background: url('http://img63.ddimg.cn/special/campaign/pc/time_2_over.png') no-repeat 0 0;
}
.time3.over{
	background: url('http://img60.ddimg.cn/special/campaign/pc/time_3_over.png') no-repeat 0 0;
}
.time4.over{
	background: url('http://img63.ddimg.cn/special/campaign/pc/time_4_over.png') no-repeat 0 0;
}
/*1 2 3 4*/
.icon1{
	background: url('http://img61.ddimg.cn/special/campaign/pc/icon1.png');
}
.icon2{
	background: url('http://img63.ddimg.cn/special/campaign/pc/icon2.png');
}
.icon3{
	background: url('http://img63.ddimg.cn/special/campaign/pc/icon3.png');
}
.icon4{
	background: url('http://img61.ddimg.cn/special/campaign/pc/icon4.png');
}
.icon{
	padding-left: 36px;
	background-position: 0 5px;
	background-repeat: no-repeat;
}
/*navigation*/
.navigation{
	font-size: 20px;
	color: #40fcb1;
	margin: 50px auto 20px;
}
.navigation a{
	color: #40fcb1;
}
.navigation a:hover{
	text-decoration: underline;
	font-weight: bold;
}
.navigation span{
	margin: 0 10px;
}

/*window*/
.window .close{
	position: absolute;
	background: url('http://img61.ddimg.cn/special/campaign/pc/closebtn.png') no-repeat 0 0;
	width: 64px;
	height: 64px;
	background-color: transparent;
	right: -79px;
	cursor: pointer;
}
.confirm{
	width: 780px;
	height: 465px;
	margin-top: -233px;
	margin-left: -390px;
	background-color: #434343;
	text-align: center;
	line-height: 54px;
}
.confirm .message{
	background: url('http://img60.ddimg.cn/special/campaign/pc/confirm.png') no-repeat center 50px;
	font-size: 32px;
	color: #4affbc;
	padding-top: 240px;
}
.confirm .goto_shop{
	color: #3d8f6e;
	margin-bottom: -50px;
}
.confirm .goto_shop a{
	text-decoration: underline;
	color: #3d8f6e;
}
.confirm .goto_shop a:hover{
	text-decoration: underline;
	color: #4affbc;
}
.confirm .bottom{
	height: 90px;
	line-height: 90px;
	font-size: 30px;
	color: #4affbc;
	background-color: #445a51;
	margin-top: 81px;
	cursor: pointer;
}
.confirm .close{
	position: absolute;
	background: url('http://img63.ddimg.cn/special/campaign/pc/close.png') no-repeat 0 0;
	width: 32px;
	height: 32px;
	right: 30px;
	top: 30px;
	cursor: pointer;
	z-index: 11;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	
}
/*Firefox*/ 
@-moz-document url-prefix() {
	.rightFix .backtotop img{
		margin-top: -1px;
	}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .rightFix .backtotop img{
		margin-top: -1px;
	}
}

