/* css reset */
body {font-size:12px; overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration:none;} 
li{list-style:none outside none;}
fieldset, img {border:0 none;}
img { padding:0; margin:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6,th{ font-size:12px; font-weight:normal;}
textarea{resize:none}
input:focus, select:focus, textarea:focus,a:focus{outline:0 none}
label { vertical-align:middle;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
em,cite,dfn{font-style:normal;}
.clearboth{width:100%;clear:both;float:none;margin:0;padding:0;font-size:0px;height:0px;overflow:hidden;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.center{ text-align:center;}
.tright{ text-align:right;}
.ti { text-indent:-999em;}
.none{ display:none;}
/* content */
html,body{_overflow-x:hidden;}
.wrap{ width:100%; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/wrap.jpg) no-repeat 50% 0;}
.container{ width:1200px; margin:0 auto;}
.sec1{ position:relative; height:950px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/sec1.jpg) no-repeat;}
.sec2{ position:relative; height:480px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/sec2.jpg) no-repeat;}
.sec3{ height:790px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/sec3.jpg) no-repeat;}
.sec4{ height:300px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/sec4.jpg) no-repeat;}

.txt1{ position:absolute; z-index:10; top:90px; left:0px; display:block; width:682px; height:612px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/txt1.png) no-repeat;}
.fire{ position:absolute; top:0; left:457px; display:block; width:920px; height:890px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/fire.png) no-repeat;
animation: fire 1.5s linear infinite;
-moz-animation: fire 1.5s linear infinite;
-webkit-animation: fire 1.5s linear infinite;
-o-animation: fire 1.5s linear infinite;
}
.fig{ position:absolute; top:0; left:457px; display:block; width:920px; height:920px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/fig.png) no-repeat;}

.sec2 .link1{ position:absolute; top:346px; left:124px; display:block; width:165px; height:31px; text-indent:-999em;}
.sec2 .link2{ position:absolute; top:346px; left:403px; display:block; width:144px; height:31px; text-indent:-999em;}

.order-btn{ position:absolute; ; top:746px; left:159px; display:block; width:302px; height:101px; text-indent:-999em; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/order-btn.png) no-repeat;}
@keyframes fire {
0 {
	opacity:0;
}
50% {
	opacity:.5
}
100% {
	opacity:1
}
}
@-moz-keyframes fire {
0 {
	opacity:0;
}
50% {
	opacity:.5
}
100% {
	opacity:1
}
}
@-webkit-keyframes fire {
0 {
	opacity:0;
}
50% {
	opacity:.5
}
100% {
	opacity:1
}
}
@-o-keyframes fire {
0 {
	opacity:0;
}
50% {
	opacity:.5
}
100% {
	opacity:1
}
}

body div#mask{display:none;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;z-index:1000;filter:alpha(opacity=30);opacity:0.30;}
.popdetail{display:none;position:absolute;z-index:1000;left:50%;top:0;}
.closepop{ width:46px;height:47px;position:absolute;right:-32px;top:-37px;z-index:1001; cursor:pointer;}
.closepop{background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/closepop.png);}
.popdetail .mod{ width:713px; height:407px; background:url(https://static.web.sdo.com/mxd/pic/mxd_act/180607event/tips.png) no-repeat;}