*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif}
a{text-decoration:none;border:0}
img{border:0}
body{background:#fdf9f5}
ul{list-style-type:none}
.text-center{text-align:center}
.f-fl{float:left}
.f-fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.c_pink{background:#eb69d2 !important}
.c_violet{background:#462699 !important}
.c-violet{background:#462699 !important}
.c_blue{color:#2036a8}
.c_red{color:#ff4f31}
.zzc{width:100%;height:100%;background:rgba(51,72,104,0.67);position:fixed;top:0;left:0;z-index:999;display:none}
.activity-wrap,.activity-wap-wrap,.rules-wrap{overflow:hidden}
.activity-hd{background:url('images/top-img_01.png') no-repeat top center;width:100%;height:676px}
.main{width:960px;margin:0 auto}
.activity-hd-btn{display:inline-block;margin:390px 0 0 515px}
.activity-banner li{width:100%;height:740px;background-repeat:none;background-position:top center}
.activity-banner-wrap{position:relative}
.activity-banner-wrap .main{position:absolute;top:0;left:0}
.activity-banner{overflow:hidden;height:740px}
.map-box{position:absolute;z-index:100;top:-70px;left:-135px}
.map-wrap{background:url('images/map_07.png') no-repeat top center;width:465px;height:378px;margin-top:288px;position:relative;margin-left:100px}
.activity-fd{background:url('images/fd-bg_02.jpg') no-repeat top center;width:100%;height:630px}
.activity-rules li{float:left;width:239px;padding:30px 15px;color:#9179ea;background:#fff;height:370px;margin-right:1px;font-size:14px;float:left}
.activity-rules li:hover{background:rgba(70,38,153,0.3);color:#fff}
.activity-rules li:hover .rules-info p:after{background:#fff}
.activity-rules li:last-of-type{margin-right:0}
.rules-num{font-size:70px;font-weight:bold}
.rules-num span{font-size:18px;font-weight:bold}
.rules-title{font-size:18px;font-weight:bold}
.rules{margin-top:25px}
.rules p{line-height:150%;margin-top:10px}
.rules-info{margin-top:20px}
.rules-info p{font-size:12px;position:relative;padding-left:16px}
.rules-info p:after{content:'';display:inline-block;position:absolute;width:4px;height:4px;background:#9179ea;border-radius:4px;left:0;top:7px}
.stroke-btn{position:fixed;top:80px;left:3%;z-index:999}
.focus{height:740px;position:relative}
.focus_s{position:absolute;left:50%;bottom:5%;height:13px;overflow:hidden;width:110px;z-index:9;margin:0 0 0 -30px}
.focus_s li{float:left;cursor:pointer;height:10px;width:10px;border-radius:10px;overflow:hidden;margin-right:10px;background:#fff}
.focus_s li.active{background:#462699}
.focus_m ul{opacity:1;filter:alpha(opacity=100)}
.focus_m li{width:100%;height:740px;position:absolute;top:0;left:0;background-position:top center}
.focus_l,.focus_r{position:absolute;display:block;width:50px;height:136px;overflow:hidden;z-index:200;top:307px}
.focus_l{left:-66px}
.focus_r{right:-66px}
.focus_l b,.focus_r b{position:absolute;z-index:1;display:block;width:50px;height:136px;border-radius:10px;overflow:hidden;background:#9b7aea;cursor:pointer}
.focus_l span,.focus_r span{display:inline-block;position:relative;z-index:2;width:28px;height:77px;top:30px;cursor:pointer;margin-right:28px}
.focus_l span{left:7px;background-image:url(images/left_06.png);_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left_06.png')}
.focus_r span{left:16px;background:url(images/right_03.png) 0 0 no-repeat;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right_03.png')}
.focus_l:hover b,.focus_r:hover b{opacity:.5;filter:alpha(opacity=50)}
.foucs-btn{position:relative}
.jump-box{width:80px;height:80px;border-radius:500px;background:#000;position:relative;text-align:center;position:absolute;top:-58px;left:40px;display:table;animation:ball 300ms cubic-bezier(0.165,0.840,0.440,1.000) infinite alternate;-webkit-animation:ball 300ms cubic-bezier(1,0.840,0.440,1.000) infinite alternate}
@-webkit-keyframes ball{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
@keyframes ball{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
span.up{display:inline-block;width:20px;height:20px;border-radius:500px;background:#000;position:absolute;left:35%;bottom:-5%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
span.text{display:table-cell;vertical-align:middle;color:#fff;font-weight:bold;margin-top:30px;font-size:24px;line-height:120%}
.jump-box2{width:60px;height:60px;left:-4px;top:22px;animation-delay:-2s}
.jump-box3{width:74px;height:74px;left:113px;top:-8px;animation-delay:-3s}
.jump-box4{width:64px;height:64px;left:60px;top:36px;animation-delay:-4s}
.jump-box5{width:93px;height:93px;left:106px;top:93px;animation-delay:-5s}
.jump-box6{width:58px;height:58px;left:78px;top:152px;animation-delay:-6s}
.jump-box7{width:65px;height:65px;left:113px;top:193px;animation-delay:-7s}
.jump-box2 span.up{width:15px;height:16px}
.jump-box4 span.up{top:50px;width:18px;height:18px}
.jump-box7 span.up{top:50px;width:18px;height:18px}
.jump-box.c_pink span.text{font-size:24px}
.jump-box.c_violet span.text{font-size:14px}
.jump-box2 span.text{margin-top:0}
.jump-box3 span.text{margin-top:20px}
.jump-box4 span.text{margin-top:8px}
.jump-box5 span.text{margin-top:33px}
.jump-box6 span.text{margin-top:0}
.jump-box7 span.text{margin-top:10px}
.attractions-box{position:relative}
.attractions-wrap{width:440px;background:rgba(255,255,255,0.86);color:#462699;font-size:16px;line-height:180%;padding:60px 50px;margin-top:160px}
.att-title{font-size:32px;font-weight:bold}
.att-title span{font-size:16px}
.att-line{width:32px;height:4px;background:#eb69d2;margin:20px 0 10px 0}
.banner-btn{display:block;position:absolute;bottom:-114px;right:-25px}
.modal{display:none;width:530px;background:#fff;text-align:center;padding:42px 60px 45px 60px;font-size:14px;position:relative;left:50%;margin-left:-265px;top:20%}
.modal p{line-height:150%}
.modal.modal-xs{width:430px;margin-left:-215px}
.modal.modal-lg{width:900px;margin-left:-450px}
.close-btn,.close-wx{width:21px;height:21px;cursor:pointer;position:absolute;right:10px;top:10px}
.qrcode-wrapper{position:absolute;top:-120px;background:#fff}
.close-wx{right:-31px;top:0}
.modal-title{font-size:24px;font-weight:bold}
.modal-form ul{border:1px solid #cacaca;border-radius:5px;color:#adadad;font-size:12px;margin-top:20px}
.modal-form ul li{position:relative}
.modal-form ul li label{display:none;position:absolute;top:7px;left:20px;font-size:14px}
.modal-form ul li input{display:block;border:0;border-bottom:1px solid #cacaca;height:34px;line-height:34px;padding-left:20px;background:0;width:100%}
.modal-form ul li:last-of-type input{border:0}
.modal-form .register{margin-top:10px}
.modal-form .sub-btn{background:#ff4f31;height:36px;line-height:36px;text-align:center;font-size:12px;color:#fff;width:230px;border-radius:18px;margin:30px 0 15px 0;border:0}
.share{color:#888;font-weight:bold;position:relative;margin:40px 0 0 50px;text-align:left}
.share span{position:absolute;left:0;top:6px}
.share .a{display:inline-block}
.modal5{text-align:left}
.modal5 .person{position:relative}
.modal5 .person span{position:absolute;left:50px;top:5px;color:#888}
.modal5 .person img{width:40px;height:40px;border-radius:100%;margin-top:10px}
.modal5 .person span{color:#888}
.info{margin:15px 0 50px 0}
.info p{line-height:180%}
.rules-wrap{background:url('images/rules-bg.jpg') no-repeat top center;-webkit-background-size:100%;background-size:100%;font-size:1.2rem;color:#fff}
.rules-wrap>ul{padding:12rem 5rem 16.8rem 5rem;line-height:180%}
.rules-wrap>ul>li{margin-bottom:.4rem}
.rules-wrap ul li{position:relative;padding-left:1.3rem}
.rules-wrap ul li span{position:absolute;left:0;top:0}
.rules-wrap li ul li{padding-left:2rem}
.activity-wap{background:url('images/wap-bg.jpg') no-repeat top center;background-size:100%}
.activity-wap .grab-btn{display:inline-block;width:27.2rem;height:9.5rem;margin:30rem 0 0 4.3rem}
.activity-wap .grab-btn img{width:100%}
.att-wrap{font-size:1.2rem;color:#fff;-webkit-background-size:100% !important;background-size:100% !important;line-height:160%}
.att-wrap1{background:url('images/wap-img_07.png') no-repeat top center;width:31rem;height:10.1rem;padding:4.2rem 0 0 2rem;margin:2.4rem 0 0 3.5rem}
.att-wrap2{background:url('images/wap-img_11.png') no-repeat top center;width:33.3rem;height:12.8rem;padding:3rem 0 0 10.1rem;margin:.8rem 0 0 .8rem}
.btn-wrap{padding:1.6rem 0 5rem 5.3rem;font-size:1.6rem}
.btn-wrap a{color:#fff;display:inline-block;width:12.5rem;height:3.6rem;line-height:3.6rem;border-radius:4.5rem;text-align:center;margin-right:2.1rem}
.btn-wrap a:last-of-type{margin-right:0}
.wap-modal{display:none;background:#5ad8fd;width:34rem;border:5px solid #fff;position:relative;left:50%;margin-left:-17rem;top:20%;text-align:center;padding:3rem;color:#fff;font-size:12px}
.wap-modal .modal-title{font-size:20px}
.wap-modal p{line-height:150%}
.wap-modal .close-btn{width:3.6rem;height:3.6rem;background:#5ad8fd;border:5px solid #fff;border-radius:50%;position:absolute;right:-1rem;top:-1.5rem;padding-top:.5rem}
.wap-modal .close-btn img{width:1.6rem}
.wap-modal form ul input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff !important}
.wap-modal form ul{border-color:#fff !important}
.modal3-img{width:28rem}
.wap-modal .share{margin:2rem 0 0 2rem}
.wap-modal .share img{width:3.2rem}
.wap-modal .share span{left:-21px;top:4px}
.share-wb{margin-top:50%}
.jiathis_weixin_h3{font-size:14px}
.jiathis_style_32x32{margin-left:80px}
.jiathis_style_32x32 span{background-position:0 !important;width:40px;position:static;height:28px;display:inline-block}
.jiathis_style_32x32 a{display:inline-block;float:none;height:28px;width:40px;margin:0;background-position:initial}
.share-sina{background-image:url('images/save_18.png') !important}
.wap-share-wx,.share-wx{background-image:url('images/save_14.png') !important}
@media all and (min-width:900px){html{font-size:14px !important}
.activity-wap-wrap{display:none}
}
@media all and (max-width:900px){.activity-wrap,.ntes_nav_wrap,.N-nav-bottom{display:none}
}
.share2friend{margin-left:60px;background:#ff4f31;border-radius:5px;color:#fff;font-size:18px;padding:2px 4px;display:inline-block}