.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}

.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}
.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.pt60{padding-top:60px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}.pt100{padding-top:100px;}
.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}.pb90{padding-bottom:90px;}.pb100{padding-bottom:100px;}

.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}

.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}

.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}

.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}

a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}

.bold{font-weight:bold;}.normal{font-weight:normal;}

.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}

.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}


body,html{}
.wp{width: 1100px; margin-left: auto;margin-right: auto;}


/*****************start****************/
#body{}
.wrapper{background:#1b5bd9; position: relative;}



.navfxbBox{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/navbg.png) no-repeat center center; width:154px; height:437px; display: block;text-align: center;
 position:fixed;top: 50%; margin-top:-218px; right:0;  display: none;z-index:1000; transform: scale(0.96);transform-origin: right center;}
 .navfxbBox.navblk{display: block;}
.navfx li:nth-child(1){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav01.png) no-repeat center center; display: inline-block; width:100px; height:33px; line-height: 33px;}
.navfx li:nth-child(2){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav02.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px;}
.navfx li:nth-child(3){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav03.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px;}
.navfx li:nth-child(4){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav04.png) no-repeat center center; display: inline-block; width:100px; height: 33px; 
	line-height: 33px;}
.navfx li:nth-child(5){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav05.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px; margin-top: -5px;}
.navfx li:nth-child(6){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav06.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px; margin-top: -5px;}
.navfx li:nth-child(7){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav07.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px; margin-top: -5px;}
.navfx li:nth-child(8){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav08.png) no-repeat center center; display: inline-block; width:100px; height: 33px; 
	line-height: 33px; }
.navfx li:nth-child(9){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav09.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px; margin-top: -5px;}
.navfx li:nth-child(10){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav10.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px; margin-top: -5px;}
.navfx li:nth-child(11){background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav11.png) no-repeat center center; display: inline-block; width:100px; height: 33px; line-height: 33px; margin-top: -5px;}
.navfx li:nth-child(1):hover,.navfx li:nth-child(1).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav01_active.png) no-repeat center center;}
.navfx li:nth-child(2):hover,.navfx li:nth-child(2).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav02_active.png) no-repeat center center;}
.navfx li:nth-child(3):hover,.navfx li:nth-child(3).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav03_active.png) no-repeat center center;}
.navfx li:nth-child(4):hover,.navfx li:nth-child(4).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav04_active.png) no-repeat center center;}
.navfx li:nth-child(5):hover,.navfx li:nth-child(5).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav05_active.png) no-repeat center center;}
.navfx li:nth-child(6):hover,.navfx li:nth-child(6).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav06_active.png) no-repeat center center;}
.navfx li:nth-child(7):hover,.navfx li:nth-child(7).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav07_active.png) no-repeat center center;}
.navfx li:nth-child(8):hover,.navfx li:nth-child(8).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav08_active.png) no-repeat center center;}
.navfx li:nth-child(9):hover,.navfx li:nth-child(9).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav09_active.png) no-repeat center center;}
.navfx li:nth-child(10):hover,.navfx li:nth-child(10).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav10_active.png) no-repeat center center;}
.navfx li:nth-child(11):hover,.navfx li:nth-child(11).active{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/nav11_active.png) no-repeat center center;}
.navfx li a{display: inline-block; width:100px; height: 33px; line-height: 33px;}
.navfx{margin-top: 25px;}
.topBanner{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/banner.jpg) no-repeat center center; height:637px;}
.tbg01{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/bg01.png) no-repeat center center; height:411px;}
.tbg02{background: url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/bg03.png) no-repeat top center; height: 1738px; position: relative;}
.pxrule{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/c08.png) no-repeat center center; height:662px;}
.rpt{ padding-top: 217px; }
.ruletxt{ width: 700px; margin: 0 auto; font-size: 16px; color: #3a3a3a; line-height: 28px;text-align: left; margin-top: 45px;}
.ruletxt p{font-size: 22px; padding: 30px 0 20px 0;}
.bqsm{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/c09.png) no-repeat center center; height:380px; margin-top: 23px; margin-left: 20px;}
.bppt{padding-top: 130px;}
.wpro{width: 840px; margin: 0 auto; color: #fff; font-size: 16px; line-height: 30px;}
.wpro p{font-size: 20px;}
.contant{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/c10.png) no-repeat center center; height:231px; margin-top: 56px;}
.contantTxt{padding-top: 120px; text-align: center; font-size: 16px; color: #3a3a3a;}
.tbg3{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/bg05.png) no-repeat center center; height:338px; position: absolute; width: 560px; right: 0; top:-500px;}
.tbg03{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/tbg05.png) no-repeat center center; height:228px;}
.tbg5{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/tbg5.png) no-repeat center center; height:338px; position: absolute; width: 560px; right: 0; bottom:-240px;}
.tbg04{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/tbg06.png) no-repeat center center; height:202px;}
.relative{position: relative; }
.tbg05{background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/bg06.png) no-repeat center center; height:452px; position: absolute; width: 467px;left:-467px; bottom:-180px;}

.setbg{position: absolute;background:url(https://img.zcool.cn/event-resource/hcoceanpark/assets/img/bg02.png) no-repeat center center; height:475px; width: 826px; right:0; top: 150px;}