#eventWrap{}
#eventWrap *{box-sizing:border-box;}
#eventWrap .mo{display:none;}
#eventWrap .inner{width:1080px;margin:0 auto;position:relative;text-align:center;}
#eventWrap .inner h3{margin:0 0 50px 0;}
#eventWrap .top{background:#cbd3f6 url("http://img.megagong.net/m/2019/0716_roulette/top_bg.jpg") no-repeat center 0;}
#eventWrap .top .inner{padding:112px 0 300px 0;}
#eventWrap .top ul{padding:48px 0 100px;width:120%;margin:0 20px;}
#eventWrap .top ul:after{content:"";display:block;clear:both;}
#eventWrap .top ul li{float:left;margin:0 130px 0 0;}
#eventWrap .con_1{position:relative;padding:0 0 15px 0;background:url("http://img.megagong.net/m/2019/0716_roulette/con_1_bg.gif") repeat-x left bottom;}
#eventWrap .con_1 .inner{height:240px;position:relative;}
#eventWrap .con_1 img{display:block;bottom:0;position:absolute;left:-50px;}
#eventWrap .con_2{background:#f0f1ff url("http://img.megagong.net/m/2019/0716_roulette/con_2_bg.jpg") no-repeat center 0;position:relative;}
#eventWrap .con_2 .inner{padding:80px 0 160px 0;background:url("http://img.megagong.net/m/2019/0716_roulette/up.png") no-repeat center bottom;}
#eventWrap .con_2 h3{text-align:center;margin:0 0 80px 0;}
#eventWrap .con_2 .methodBox{position:relative;}
#eventWrap .con_2 .method{background:url("http://img.megagong.net/m/2019/0716_roulette/method_bg.png") repeat-x center 49%;margin:0 0 16px 0;}
#eventWrap .con_2 .method:after{content:"";display:block;clear:both;}
#eventWrap .con_2 .method li{float:left;margin:0 0 0 45px;position:relative;box-shadow:5px 5px 5px 0 #dcdde7;}
#eventWrap .con_2 .method li:first-child{margin:0 0 0 0;}
#eventWrap .con_2 .method li.last img{position:relative;z-index:2;}
#eventWrap .con_2 .method li.last .ballon{position:absolute;right:0;top:-200px;width:33.3%;}
#eventWrap .con_2 .info{text-align:left;color:#666666;font-size:16px;line-height:20px;margin:0 0 144px 0;}
#eventWrap .con_2 .rouletteBox{background:url("http://img.megagong.net/m/2019/0716_roulette/roulette_bg.png") no-repeat center bottom;width:956px;height:978px;margin:0 auto;position:relative;}
#eventWrap .con_2 .rouletteBox canvas{margin:0 auto;width:100%;}
#eventWrap .con_2 .rouletteBox .start{position:absolute;left:38.2%;top:35.6%;width:23.6%;}
#eventWrap .con_2 .rouletteBox .marker{position:absolute;top:-9.5%;left:43.6%;width:12.8%;height:21.0%;}
#eventWrap .con_3{padding:50px 0 40px 0;}
#eventWrap .con_3 h3{margin:0 0 34px 0;position:relative;}
#eventWrap .con_3 h3:before{content:"";width:100%;height:1px;overflow:hidden;background:#222222;position:absolute;left:0;top:50%;margin:-1px 0 0 0;}
#eventWrap .con_3 h3 img{position:relative;}
#eventWrap .con_3 ul li{text-align:left;font-size:14px;line-height:25px;color:#222222;text-indent:-18px;padding:0 0 0 18px;}
#eventWrap .con_3 ul li strong{color:#f86559;}
#eventWrap .con_3 ul li span{background:#f86559;color:#fff;font-weight:bold;padding:0 5px 2px;}
#eventWrap .dim_popup{position:absolute;left:50%;top:50%;margin:-240px 0 0 -170px;z-index:3;}
#eventWrap .dim_popup.position_2{position:absolute;left:50%;top:0;margin:-450px 0 0 -170px;z-index:3;}
#eventWrap .dim_popup.position_1{position:absolute;left:50%;top:50%;margin:-240px 0 0 -170px;z-index:3;}
#eventWrap .dim_popup button{position:absolute;right:-40px;top:0px;}
#eventWrap .dim_popup .btnClose{display:block;width:46.5%;height:10.6%;position:absolute;left:26.8%;top:83.8%;text-indent:-9999px;}
@media (max-width: 1200px){
	html, body{min-width:320px;}
	#eventWrap img{max-width:100%;}
	#eventWrap .inner{width:97%;}
	#eventWrap .top .inner{padding:56px 0 0 0;}
	#eventWrap .top ul{width:100%;margin:0 0 0 0;padding:24px 0 25px;}
	#eventWrap .top ul li{width:100%;float:none;margin:0 0 10px 0;}
	#eventWrap .con_1 .inner{height:auto;padding:20px 0 0;}
	#eventWrap .con_1 img{left:0;position:relative;}
	#eventWrap .con_2{background:#f0f1ff url("http://img.megagong.net/m/2019/0716_roulette/con_2_bg.jpg") no-repeat center 0;background-size:cover;}
	#eventWrap .con_2 .rouletteBox{width:100%;height:auto;padding:0 0 21px 0;}
	#eventWrap .con_2 .method{background:none;}
	#eventWrap .con_2 .method li{width:33.3%;margin:0 0 0 0;}
	#eventWrap .con_2 .method li img{width:100%;
}
@media (max-width: 900px){
	#eventWrap .con_2 .method li.last .ballon{top:-120px;}
}
@media (max-width: 768px){

}
@media (max-width: 640px){
	#eventWrap .top ul li img{width:80%;}
	#eventWrap .con_2 .inner{padding:40px 0 40px 0;}
	#eventWrap .con_2 h3{margin:0 0 40px 0;}
	#eventWrap .con_2 .method{margin:0 0 8px 0;}
	#eventWrap .con_2 .method li.last .ballon{top:-60px;width:25%;}
	#eventWrap .con_2 .info{margin:0 0 70px 0;font-size:12px;}
	#eventWrap .con_2 .info li{text-indent:-7px;padding:0 0 0 7px;}
	#eventWrap .con_3{padding:25px 0 20px 0;}
	#eventWrap .con_3 h3{margin:0 0 17px 0;}
	#eventWrap .con_3 ul li{font-size:12px;line-height:20px;text-indent:-14px;padding:0 0 0 14px;}
}
@media (max-width: 450px){
	#eventWrap .dim_popup{left:0 !important;width:100%;margin-left:0 !important;}
	#eventWrap .dim_popup img{width:100%;}
	#eventWrap .dim_popup button{position:absolute;right:0;top:-40px;}
}