html{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,html{background:#272534 url(../img/widebg.jpg) 50% repeat-x;background-size:100% 100%}.abs-center,.pc-wrap{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0}.pc-wrap{width:980px;height:752px;background:url(../img/pc-img.png) 50% no-repeat;display:none;z-index:99999}.pc-wrap .pc-jump{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;display:block;width:70px;height:260px;background:url(../img/pc2.png) 50% no-repeat;left:521px;top:332px}.black-wrp{font-size:12px}.main{position:relative;width:100%;background:#272534;height:auto;display:table;word-break:break-all;z-index:2}.main .bold{font-weight:700}.main .scroll-close{bottom:0;width:100%;height:12.08rem;z-index:100;bottom:auto;background:url(../img/anim-1.png) 0 0 no-repeat;background-size:100% auto;background-position:0 -53.33rem}.main .scroll-close,.main .scroll-close .scroll{position:absolute;margin:auto;right:0;left:0;top:0;display:none}.main .scroll-close .scroll{bottom:0;width:.95rem;height:1.96rem;background:url(../img/a1.png) 50% no-repeat;background-size:100% auto;z-index:10}.main .scroll-close .light{background:url(../img/a-light.png) 50% no-repeat;background-size:100% auto;z-index:11}.main .scroll-close .light,.main .scroll-close .star{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:100%;height:100%;display:none}.main .scroll-close .star{background:url(../img/a-star.png) 50% no-repeat;background-size:100% auto;z-index:9}.main .scroll-border{background:url(../img/3_foot.png) 50% no-repeat;background-size:100% auto;width:105%;height:.75rem;z-index:4;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0}.main .scroll-border.top{top:-.2rem;left:-.2rem;bottom:auto}.main .scroll-border.bottom{bottom:-.2rem;left:-.2rem;top:auto}.main .page1{position:relative;width:100%;height:12.08rem;background:#272534;background-size:100% auto;z-index:1}.main .page1 .pre-loading{display:none}.main .page1 .loading-img{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:5rem;height:4.08rem;background:url(../img/1_title.png) top no-repeat;background-size:100% auto;opacity:1;z-index:3;-webkit-transform:translateZ(11rem);transform:translateZ(11rem)}.main .page1 .gate-in{top:0;width:50%;height:50%;-webkit-filter:blur(2px);filter:blur(2px);top:1rem;display:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.main .page1 .gate-in,.main .page1 .gate-in .bg{position:absolute;margin:auto;bottom:0;right:0;left:0;z-index:0}.main .page1 .gate-in .bg{top:0;width:100%;height:100%;background:#272534 url(../img/2_bg.png) 50% no-repeat;background-size:100% auto}.main .page1 .gate-in .role{background:url(../img/2_tao.png) 50% no-repeat;background-size:100% auto;z-index:0}.main .page1 .gate-in .role,.main .page1 .gate-in .wrap{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:100%;height:100%}.main .page1 .gate-in .wrap{background:rgba(39,37,52,.8);z-index:1}.main .page1 .gate{opacity:1;display:none;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.main .page1 .gate,.main .page1 .gate .gate-bg{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:100%;height:12.08rem}.main .page1 .gate .gate-bg{background:url(../img/1_top.png) top no-repeat;background-size:100% auto;z-index:3;-webkit-transform:translateZ(10rem);transform:translateZ(10rem)}.main .page1 .gate .gate-r{right:0;left:0;background:url(../img/1_r.jpg) 50% no-repeat;background-size:100% auto;right:.19rem;left:auto}.main .page1 .gate .gate-l,.main .page1 .gate .gate-r{position:absolute;margin:auto;bottom:0;top:0;width:3.56rem;height:9.48rem;top:1.76rem;z-index:2}.main .page1 .gate .gate-l{right:0;left:0;background:url(../img/1_l.jpg) 50% no-repeat;background-size:100% auto;left:.19rem;right:auto}.main .page2{position:relative;width:100%;height:12.08rem;background:url(../img/2_bg.png) top no-repeat;background-size:100% auto;z-index:2;overflow:hidden}.main .page2.scroll-opening .dialog{display:none}.main .page2.scroll-opening .gray-wrap{display:block}.main .page2 .gray-wrap{bottom:0;height:12.08rem;z-index:3;background:rgba(0,0,0,.5)}.main .page2 .gray-wrap,.main .page2 .scroll-open{position:absolute;margin:auto;right:0;left:0;top:0;width:100%;display:none}.main .page2 .scroll-open{bottom:0;height:13.33rem;z-index:100;bottom:auto;background:url(../img/anim-1.png) 0 0 no-repeat;background-size:100% auto;background-position:0 -53.33rem}.main .page2 .scroll-open .scroll{width:.95rem;height:1.96rem;background:url(../img/a1.png) 50% no-repeat;background-size:100% auto;display:none}.main .page2 .role,.main .page2 .scroll-open .scroll{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0}.main .page2 .role{width:6.58rem;height:9rem;background:url(../img/2_tao.png) 50% no-repeat;background-size:100% auto}.main .page2 .candle{height:2rem;background:url(../img/2_juanzhou.png) 0 1.1rem no-repeat;background-size:100% auto}.main .page2 .candle,.main .page2 .dialog{position:absolute;width:100%;bottom:0;left:0}.main .page2 .dialog{height:4rem;background:url(../img/2_pattern.png) 50% no-repeat;background-size:100% auto;color:#161616;font-size:.36rem}.main .page2 .dialog .text-name{font-weight:700;width:80%;margin:.52rem auto .2rem}.main .page2 .dialog .text-speak{width:80%;margin:0 auto .3rem;line-height:1.3}.main .page2 .dialog .s-btn{position:relative;width:2.46rem;height:.86rem;margin:.3rem auto 0;background:url(../img/2_btn.png) 50% no-repeat;background-size:100% auto}.main .page2 .fly-scroll,.main .page2 .fly-scroll div{position:absolute;width:100%;height:12.08rem;top:0;left:0}.main .page2 .fly-scroll .fs1{background:url(../img/2_jz01.png) top no-repeat;background-size:100% auto}.main .page2 .fly-scroll .fire1{background:url(../img/2_fire.png) top no-repeat;background-size:100% auto}.main .page2 .fly-scroll .fs2{background:url(../img/2_jz02.png) top no-repeat;background-size:100% auto}.main .page2 .fly-scroll .fs3{background:url(../img/2_jz03.png) top no-repeat;background-size:100% auto}.main .page2 .fly-scroll .fs4{background:url(../img/2_jz04.png) top no-repeat;background-size:100% auto}.main .page2 .fly-scroll .fs5{background:url(../img/2_jz05.png) top no-repeat;background-size:100% auto}.main .page3{position:relative;display:table;width:100%;min-height:12.08rem;z-index:3;background:#272534 url(../img/2_bg.png) 50% no-repeat;background-size:100% auto}.main .page3 .gray-wrap{top:0;width:100%;height:12.08rem;background:rgba(0,0,0,.5)}.main .page3 .gray-wrap,.main .page3 .next-btn{position:absolute;margin:auto;bottom:0;right:0;left:0}.main .page3 .next-btn{width:1.7rem;height:1.26rem;top:0;top:9.5rem;background:url(../img/3_slide.png) 50% no-repeat;background-size:100% auto}.main .page3 .part1{position:absolute;width:100%;height:12.08rem;background:url(../img/3_bg_01.png) 0 0 no-repeat;background-size:100% auto;overflow:visible;-webkit-tap-highlight-color:transparent}.main .page3 .part1 .user-icon{position:relative;width:1.5rem;height:1.5rem;margin:1.5rem auto .2rem;border:1px solid #cfccc6;border-radius:50%;background:#fc9500;background-size:100% auto}.main .page3 .part1 .user-name{position:relative;width:auto;height:.4rem;font-size:.32rem;text-align:center}.main .page3 .part1 .user-name span.sex-ico{display:inline-block;width:.26rem;height:.34rem;margin:0 0 0 .13rem;background:url(../img/3_icon_female.png) top no-repeat;background-size:100% auto;line-height:.4rem;vertical-align:middle}.main .page3 .part1 .user-name span.sex-ico.male{background-image:url(../img/3_icon_male.png)}.main .page3 .part1 .user-name span.sex-ico.female{background-image:url(../img/3_icon_female.png)}.main .page3 .part1 .user-name span.level{color:#f27993;font-size:.28rem;font-weight:700;line-height:.4rem;vertical-align:middle;margin-left:.1rem}.main .page3 .part1 .l{float:left;width:1.72rem;height:.4rem}.main .page3 .part1 .r{float:right;width:4rem;text-align:right;font-weight:700;font-size:.36rem;color:#2b231e;line-height:.4rem}.main .page3 .part1 .user-time{position:relative;width:6.3rem;height:.6rem;margin:.6rem auto 0;background:url(../img/3_line.png) bottom no-repeat;background-size:100% auto}.main .page3 .part1 .user-time .l{background:url(../img/3_text01.png) 50% no-repeat;background-size:100% auto}.main .page3 .part1 .user-order{position:relative;width:6.3rem;height:.6rem;margin:.2rem auto 0;background:url(../img/3_line.png) bottom no-repeat;background-size:100% auto}.main .page3 .part1 .user-order .l{background:url(../img/3_text02.png) 50% no-repeat;background-size:100% auto}.main .page3 .part1 .cont{position:relative;width:6.3rem;height:4.1rem;margin:.4rem auto}.main .page3 .part1 .cont .f-box{position:relative;float:left;width:3.02rem;height:1.6rem;margin:0 .2rem .4rem 0;background:url(../img/3_frame.png) 50% no-repeat;background-size:100% auto}.main .page3 .part1 .cont .f-box:nth-child(even){margin-right:0}.main .page3 .part1 .cont .f-box div{position:relative;width:100%;height:100%;box-sizing:border-box;padding:.8rem 0 0;font-size:.42rem;font-weight:700;text-align:center}.main .page3 .part1 .cont .danmu-num{background:url(../img/3_text03.png) center .33rem no-repeat;background-size:1.72rem .4rem}.main .page3 .part1 .cont .tougao-num{background:url(../img/3_text04.png) center .33rem no-repeat;background-size:1.72rem .4rem}.main .page3 .part1 .cont .fans-num{background:url(../img/3_text05.png) center .33rem no-repeat;background-size:1.72rem .4rem}.main .page3 .part1 .cont .play-num{background:url(../img/3_text06.png) center .33rem no-repeat;background-size:1.72rem .4rem}.main .page3 .part1 .show-img{width:2.53rem;height:.36rem;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;top:8rem;background:url(../img/3_slidetext.png) 50% no-repeat;background-size:100% auto}.main .page3 .part2{position:absolute;display:none;width:100%;height:12rem;background:url(../img/3_bg_02.jpg) top no-repeat;background-size:100% auto;-webkit-tap-highlight-color:transparent;overflow:visible}.main .page3 .part2 .show-img{width:4.39rem;height:.54rem;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;top:.9rem;bottom:auto;background:url(../img/3_title01.png) 50% no-repeat;background-size:100% auto}.main .page3 .part2 .main-c{position:relative;width:100%;height:8rem;margin:1.6rem 0;font-size:.32rem}.main .page3 .part2 .main-c .box1{position:relative;width:6.7rem;height:4.2rem;margin:0 auto .8rem;display:table}.main .page3 .part2 .main-c .box1 .lb{position:relative;float:left;width:3rem;left:.2rem;top:1.35rem;line-height:.5rem}.main .page3 .part2 .main-c .box1 .lb p{margin:0}.main .page3 .part2 .main-c .box1 .rb{position:relative;float:right;width:3.6rem;height:4.2rem;background:url(../img/image01.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part2 .main-c .box1 .big{font-size:.48rem;font-weight:700;color:#b01743}.main .page3 .part2 .main-c .box2{position:relative;width:6.7rem;margin:.2rem auto 0;display:table}.main .page3 .part2 .main-c .box2 .lb{position:relative;float:left;width:3.2rem;height:2.8rem;background:url(../img/image02.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part2 .main-c .box2 .rb{position:relative;float:right;width:3.2rem;line-height:.56rem}.main .page3 .part2 .main-c .box2 .rb p{margin:0}.main .page3 .part2 .main-c .box2 .rb .big{font-size:.44rem;font-weight:700;color:#b01743}.main .page3 .part3{position:absolute;display:none;width:100%;height:12rem;background:url(../img/3_bg_02.jpg) top no-repeat;background-size:100% auto;-webkit-tap-highlight-color:transparent;overflow:visible}.main .page3 .part3 .show-img{width:4.39rem;height:.54rem;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;top:.9rem;bottom:auto;background:url(../img/3_title01.png) 50% no-repeat;background-size:100% auto}.main .page3 .part3 .main-c{position:relative;width:100%;height:8rem;margin:2rem 0;font-size:.32rem}.main .page3 .part3 .main-c .box1{position:relative;width:6.7rem;height:4.2rem;margin:0 auto;display:table}.main .page3 .part3 .main-c .box1 .lb{position:relative;float:left;width:3rem;left:.2rem;line-height:.5rem}.main .page3 .part3 .main-c .box1 .lb p{margin:0}.main .page3 .part3 .main-c .box1 .rb{position:relative;float:right;width:3.6rem;height:4.2rem;background:url(../img/image03.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part3 .main-c .box1 .big{font-size:.48rem;font-weight:700;color:#b01743}.main .page3 .part3 .main-c .box2{position:relative;width:6.7rem;margin:.2rem auto 0;display:table}.main .page3 .part3 .main-c .box2 .lb{position:relative;float:left;width:3.4rem;height:2.66rem;background:url(../img/image04.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part3 .main-c .box2 .rb{position:relative;float:right;width:3.2rem;line-height:.56rem}.main .page3 .part3 .main-c .box2 .rb p{margin:0}.main .page3 .part3 .main-c .box2 .rb .big{font-size:.48rem;font-weight:700;color:#b01743}.main .page3 .part4{position:absolute;display:none;width:100%;height:12rem;background:url(../img/3_bg_02.jpg) top no-repeat;background-size:100% auto;-webkit-tap-highlight-color:transparent;overflow:visible}.main .page3 .part4 .show-img{width:4.39rem;height:.54rem;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;top:.9rem;bottom:auto;background:url(../img/3_title01.png) 50% no-repeat;background-size:100% auto}.main .page3 .part4 .main-c{position:relative;width:100%;height:8rem;margin:2rem 0;font-size:.32rem}.main .page3 .part4 .main-c .box1{position:relative;width:6.7rem;height:4.2rem;margin:0 auto;display:table}.main .page3 .part4 .main-c .box1 .lb{position:relative;float:left;width:3.2rem;height:4rem;background:url(../img/image05.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part4 .main-c .box1 .rb{position:relative;float:right;width:3.4rem;top:1.9rem;line-height:.5rem}.main .page3 .part4 .main-c .box1 .rb p{margin:0}.main .page3 .part4 .main-c .box1 .big{font-size:.48rem;font-weight:700;padding:0 5px;color:#b01743}.main .page3 .part4 .main-c .text1{position:relative;width:6rem;margin:.1rem auto}.main .page3 .part4 .main-c .text1 .big{font-size:.48rem;font-weight:700;padding:0 5px;color:#b01743}.main .page3 .part4 .main-c .list1{position:relative;display:none;width:6rem;margin:.1rem auto}.main .page3 .part4 .main-c .list1 .round{position:relative;display:inline-block;width:.88rem;height:.88rem;margin-right:.3rem;border-radius:50%;background:rgba(0,0,0,.2)}.main .page3 .part4 .main-c .list1 .eli{position:relative;display:inline-block;width:.88rem;height:.3rem;color:#b5aaaa;font-size:1rem;line-height:.3rem;vertical-align:top;top:.25rem}.main .page3 .part4 .main-c .img1{position:relative;width:5.8rem;height:3rem;margin:0 auto;bottom:-.02rem;background:url(../img/image06.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part5{position:absolute;display:none;width:100%;height:12rem;background:url(../img/3_bg_02.jpg) top no-repeat;background-size:100% auto;-webkit-tap-highlight-color:transparent;overflow:visible}.main .page3 .part5 .show-img{width:4.39rem;height:.54rem;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;top:.9rem;bottom:auto;background:url(../img/3_title01.png) 50% no-repeat;background-size:100% auto}.main .page3 .part5 .main-c{position:relative;width:5.2rem;height:4rem;margin:3rem auto .5rem;background:url(../img/image07.gif) 50% no-repeat;background-size:100% auto}.main .page3 .part5 .text{position:relative;width:5.2rem;font-size:.32rem;margin:0 auto}.main .page3 .part5 .text span.big{font-size:.48rem;font-weight:700;padding:0 5px;color:#b01743}.main .page3 .part6{position:absolute;display:none;width:100%;height:12rem;background:url(../img/3_bg_02.jpg) top no-repeat;background-size:100% auto;-webkit-tap-highlight-color:transparent;overflow:visible}.main .page3 .part6 .show-img{width:4.39rem;height:.54rem;position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;top:.9rem;bottom:auto;background:url(../img/3_title02.png) 50% no-repeat;background-size:100% auto}.main .page3 .part6 .radar-bg{position:relative;width:6.3rem;height:6.95rem;margin:2.4rem auto 0;background:url(../img/3_chart.png) 50% no-repeat;background-size:100% auto}.main .page3 .part6 .radar-bg .radar{position:relative;width:54.8%;height:58%;margin:0 auto;top:1.38rem;left:0}.main .filter-wrap{-webkit-filter:blur(2px);filter:blur(2px)}.main .page4{position:absolute;display:block;width:100%;height:100%;top:0;left:0;min-height:12.08rem;background:rgba(0,0,0,.5);z-index:4}.main .page4 .title-img{position:relative;width:7.12rem;height:.93rem;margin:.48rem auto .32rem;background:url(../img/4_title.png) 50% no-repeat;background-size:100% auto}.main .page4 .main-c{position:relative;width:100%;height:8rem}.main .page4 .main-c .thing1{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:2.85rem;height:1.57rem;background:url(../img/4_cloud.png) 50% no-repeat;background-size:100% auto;left:4rem;top:4.4rem}.main .page4 .main-c .thing1.rotate{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);left:-4rem}.main .page4 .main-c .thing2{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:2.52rem;height:1.48rem;left:4rem;top:2.5rem;z-index:10;background:url(../img/4_dengchang.png) 50% no-repeat;background-size:100% auto}.main .page4 .main-c .board{position:absolute;width:1.03rem;height:3.63rem;left:.48rem;top:.12rem;z-index:10;background:url(../img/4_board.png) 50% no-repeat;background-size:100% auto}.main .page4 .main-c .board .type-img{position:absolute;width:.6rem;height:2.2rem;left:.21rem;top:.7rem;z-index:11;background:url(../img/end-cg.png) 50% no-repeat;background-size:100% auto}.main .page4 .main-c .c-box{position:absolute;margin:auto;bottom:0;right:0;left:0;top:0;width:6.9rem;height:6.9rem;margin:0 auto}.main .page4 .main-c .c-box .c-img{position:absolute;display:block;top:1.75rem;left:1.36rem;width:4.2rem;height:4.2rem;background:transparent 50% no-repeat;background-size:100% auto}.main .page4 .show-text{position:relative;width:60%;height:1rem;color:#fff;font-size:.32rem;line-height:.5rem;text-align:center;margin:.1rem auto .2rem;bottom:.8rem}.main .page4 .back-to-main{position:relative;display:none;width:100%;height:2.21rem;background:url(../img/h5.jpg) 50% no-repeat;background-size:100% auto}.main .page4 .show-btn{position:relative;width:6rem;height:1rem;margin:.1rem auto;bottom:.5rem}.main .page4 .show-btn .btn-again{position:relative;width:2.66rem;height:.98rem;float:left;background:url(../img/4_btn_replay.png) 50% no-repeat;background-size:100% auto}.main .page4 .show-btn .btn-share{position:relative;width:2.66rem;height:.98rem;float:right;background:url(../img/4_btn_share.png) 50% no-repeat;background-size:100% auto}.main .hidden{display:none}.loadEffect{width:1rem;height:1rem;position:relative;margin:0 auto;top:3rem}.loadEffect span{display:inline-block;width:.2rem;height:.2rem;border-radius:50%;background:#eee;position:absolute;-webkit-animation:load 1.04s ease infinite}@-webkit-keyframes load{0%{-webkit-transform:scale(1.2);opacity:1}to{-webkit-transform:scale(.3);opacity:.5}}.loadEffect span:nth-child(1){left:0;top:50%;margin-top:-.1rem;-webkit-animation-delay:.13s}.loadEffect span:nth-child(2){left:.14rem;top:.14rem;-webkit-animation-delay:.26s}.loadEffect span:nth-child(3){left:50%;top:0;margin-left:-.1rem;-webkit-animation-delay:.39s}.loadEffect span:nth-child(4){top:.14rem;right:.14rem;-webkit-animation-delay:.52s}.loadEffect span:nth-child(5){right:0;top:50%;margin-top:-.1rem;-webkit-animation-delay:.65s}.loadEffect span:nth-child(6){right:.14rem;bottom:.14rem;-webkit-animation-delay:.78s}.loadEffect span:nth-child(7){bottom:0;left:50%;margin-left:-.1rem;-webkit-animation-delay:.91s}.loadEffect span:nth-child(8){bottom:.14rem;left:.14rem;-webkit-animation-delay:1.04s}.fangda{-webkit-animation-name:fangda;animation-name:fangda;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.fangda,.rotating{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.rotating{-webkit-animation-name:rotating;animation-name:rotating;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.floating{-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.floating.ad1{-webkit-animation-duration:7s;animation-duration:7s}.floating.ad2{-webkit-animation-duration:6s;animation-duration:6s}.floating.ad3{-webkit-animation-duration:5s;animation-duration:5s}.anim-fadeOut{-webkit-animation-name:fadeout;animation-name:fadeout;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-fadeOut,.anim-gate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.anim-gate{-webkit-animation-name:gate;animation-name:gate;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-scroll-open{-webkit-animation-name:scrollopen;animation-name:scrollopen;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-timing-function:steps(4);animation-timing-function:steps(4);-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-scroll-open,.anim-scroll-popup{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.anim-scroll-popup{-webkit-animation-name:scrollpopup;animation-name:scrollpopup;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both;bottom:0;top:15rem}.anim-scroll-close{-webkit-animation-name:scrollclose;animation-name:scrollclose;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:steps(4);animation-timing-function:steps(4);-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-light,.anim-scroll-close{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.anim-light{-webkit-animation-name:light;animation-name:light;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-star{-webkit-animation-name:star;animation-name:star;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-fade-up,.anim-star{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.anim-fade-up{-webkit-animation-name:fadeup;animation-name:fadeup;-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-gate-left{-webkit-animation-name:gatel;animation-name:gatel;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-gate-left,.anim-gate-right{-webkit-animation-duration:2s;animation-duration:2s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.anim-gate-right{-webkit-animation-name:gater;animation-name:gater;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-cloud-left{-webkit-animation-name:cloudleft;animation-name:cloudleft;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-cloud-left,.anim-cloud-right{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(0);transform:translateZ(0)}.anim-cloud-right{-webkit-animation-name:cloudright;animation-name:cloudright;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-cloud-right,.anim-dengchang{-webkit-backface-visibility:hidden;backface-visibility:hidden}.anim-dengchang{-webkit-animation-name:dengchang;animation-name:dengchang;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:2.7s;animation-delay:2.7s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-start{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes fangda{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fangda{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeout{0%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}50%{opacity:1}to{opacity:0}}@-webkit-keyframes gate{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}90%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}@keyframes gate{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}90%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}@-webkit-keyframes floating{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}25%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}50%{-webkit-transform:translateZ(0);transform:translateZ(0)}75%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes floating{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}25%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}50%{-webkit-transform:translateZ(0);transform:translateZ(0)}75%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes scrollopen{0%{background-position-y:-53.32rem}to{background-position-y:0}}@keyframes scrollopen{0%{background-position-y:-53.32rem}to{background-position-y:0}}@-webkit-keyframes scrollpopup{0%{-webkit-transform:rotate(0);transform:rotate(0);top:15rem}50%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);top:0}99%{-webkit-transform:rotate(-810deg);transform:rotate(-810deg);top:0;opacity:1}to{-webkit-transform:rotate(-810deg);transform:rotate(-810deg);top:0;opacity:0}}@keyframes scrollpopup{0%{-webkit-transform:rotate(0);transform:rotate(0);top:15rem}50%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);top:0}99%{-webkit-transform:rotate(-810deg);transform:rotate(-810deg);top:0;opacity:1}to{-webkit-transform:rotate(-810deg);transform:rotate(-810deg);top:0;opacity:0}}@-webkit-keyframes scrollclose{0%{background-position-y:0}to{background-position-y:-53.32rem}}@keyframes scrollclose{0%{background-position-y:0}to{background-position-y:-53.32rem}}@-webkit-keyframes light{0%{opacity:0}50%{opacity:1;background-color:transparent}to{opacity:1;background-color:#fff}}@keyframes light{0%{opacity:0}50%{opacity:1;background-color:transparent}to{opacity:1;background-color:#fff}}@-webkit-keyframes star{0%{opacity:0}to{opacity:1}}@keyframes star{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeup{0%{opacity:0}to{opacity:1}}@keyframes fadeup{0%{opacity:0}to{opacity:1}}@-webkit-keyframes gatel{0%{-webkit-transform:translateZ(0) perspective(0) rotateY(0);transform:translateZ(0) perspective(0) rotateY(0);-webkit-transform-origin:0 40%;transform-origin:0 40%}to{-webkit-transform:translateZ(7rem) perspective(7rem) rotateY(70deg);transform:translateZ(7rem) perspective(7rem) rotateY(70deg);-webkit-transform-origin:0 40%;transform-origin:0 40%}}@keyframes gatel{0%{-webkit-transform:translateZ(0) perspective(0) rotateY(0);transform:translateZ(0) perspective(0) rotateY(0);-webkit-transform-origin:0 40%;transform-origin:0 40%}to{-webkit-transform:translateZ(7rem) perspective(7rem) rotateY(70deg);transform:translateZ(7rem) perspective(7rem) rotateY(70deg);-webkit-transform-origin:0 40%;transform-origin:0 40%}}@-webkit-keyframes gater{0%{-webkit-transform:translateZ(0) perspective(0) rotateY(0);transform:translateZ(0) perspective(0) rotateY(0);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}to{-webkit-transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}}@keyframes gater{0%{-webkit-transform:translateZ(0) perspective(0) rotateY(0);transform:translateZ(0) perspective(0) rotateY(0);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}to{-webkit-transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}}@-webkit-keyframes cloud-left{0%{-webkit-transform:translateZ(0) perspective(0) rotateY(0);transform:translateZ(0) perspective(0) rotateY(0);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}to{-webkit-transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}}@keyframes cloud-left{0%{-webkit-transform:translateZ(0) perspective(0) rotateY(0);transform:translateZ(0) perspective(0) rotateY(0);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}to{-webkit-transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);transform:translateZ(7rem) perspective(7rem) rotateY(-70deg);-webkit-transform-origin:100% 40%;transform-origin:100% 40%}}@-webkit-keyframes cloudright{0%{-webkit-transform:scale(.5);transform:scale(.5);left:2rem;top:4.4rem;opacity:0}to{-webkit-transform:scale(1);transform:scale(1);left:4rem;top:4.4rem;opacity:1}}@keyframes cloudright{0%{-webkit-transform:scale(.5);transform:scale(.5);left:2rem;top:4.4rem;opacity:0}to{-webkit-transform:scale(1);transform:scale(1);left:4rem;top:4.4rem;opacity:1}}@-webkit-keyframes cloudleft{0%{-webkit-transform:rotateY(180deg) scale(.5);transform:rotateY(180deg) scale(.5);left:-2rem;top:4.4rem;opacity:0}to{-webkit-transform:rotateY(180deg) scale(1);transform:rotateY(180deg) scale(1);left:-4rem;top:4.4rem;opacity:1}}@keyframes cloudleft{0%{-webkit-transform:rotateY(180deg) scale(.5);transform:rotateY(180deg) scale(.5);left:-2rem;top:4.4rem;opacity:0}to{-webkit-transform:rotateY(180deg) scale(1);transform:rotateY(180deg) scale(1);left:-4rem;top:4.4rem;opacity:1}}@-webkit-keyframes dengchang{0%{-webkit-transform:perspective(8rem) scale(2);transform:perspective(8rem) scale(2);opacity:0}to{-webkit-transform:perspective(0) scale(1);transform:perspective(0) scale(1);opacity:1}}@keyframes dengchang{0%{-webkit-transform:perspective(8rem) scale(2);transform:perspective(8rem) scale(2);opacity:0}to{-webkit-transform:perspective(0) scale(1);transform:perspective(0) scale(1);opacity:1}}@media screen and (min-width:500px){.main{width:500px;margin:0 auto;overflow:hidden}}.black-wrp{width:100%;height:100%;position:fixed;z-index:10055;background-color:rgba(0,0,0,.5);left:0;top:0;display:table;opacity:0}.black-wrp .float-box-wrp{display:table-cell;position:relative;text-align:center;vertical-align:middle}.black-wrp .float-box-wrp .float-box{margin:0 auto;background:#fff;padding:24px 20px;width:40%;box-sizing:border-box;border-radius:5px}.black-wrp .float-box-wrp .float-box .float-notice-title{font-size:1em;line-height:1.875em}.black-wrp .float-box-wrp .float-box .float-notice-content{font-size:.8em;color:#999;margin-bottom:20px}.black-wrp .float-box-wrp .float-box .float-notice-options{padding:0 1%}.black-wrp .float-box-wrp .float-box .float-notice-options .options-btn{box-sizing:border-box;width:40%;color:#333;line-height:2.25em;font-size:.8em;border-radius:6px;display:inline-block;margin:0 3%;border:1px solid #ddd}.black-wrp .float-box-wrp .float-box .float-notice-options .options-btn.float-notice-download{color:#fff;border-color:#de698c;background-color:#de698c}.black-wrp .share-box{position:absolute;bottom:-100%;background:#fff;box-sizing:border-box;width:100%;padding:20px 10px}.black-wrp .share-box .share-box-list{text-align:center}.black-wrp .share-box .share-box-item{width:40%;display:inline-block;text-align:center;margin-bottom:1px;text-decoration:none;outline:none;float:none}.black-wrp .share-box .share-box-item div{color:#333;font-size:.8em;line-height:1.875em}.black-wrp .share-box .share-box-title{display:none;font-size:1em;line-height:40px;text-align:center}.black-wrp .share-box .share-box-cancel,.black-wrp .share-box .share-box-content{font-size:.8em;color:#999;text-align:center}.black-wrp .share-box .share-box-cancel{border:1px solid #ddd;border-radius:5px;width:100%;display:block;line-height:2.5em;margin-top:10px}.black-wrp .share-box.wx{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/wx_guide.png) top no-repeat;background-size:100% 100%}.black-wrp .share-box.weibo{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/weibo_guide.png) top no-repeat;background-size:100% 100%}.black-wrp .share-box.appl{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/app_guide.png) top no-repeat;background-size:100% 100%}.black-wrp.wx{background:rgba(0,0,0,.5) url(http://static.hdslb.com/mobile/img/wx_guide.png) top no-repeat;background-size:contain}.icons{display:inline-block;vertical-align:top;background:url(http://activity.hdslb.com/zzjs/20161130yourname-h5/img/share-ico-m.png) 50% no-repeat;background-size:400px}.icons.icons-safari{width:40px;height:40px;background-position:-5px -473px;margin:0 5px}.icons.icons-weibo{background-position:0 0}.icons.icons-weibo,.icons.icons-wx{width:60px;height:60px;background-size:120px}.icons.icons-wx{background-position:0 -60px}.icons.icons-pyq{background-position:0 -120px}.icons.icons-pyq,.icons.icons-qq{width:60px;height:60px;background-size:120px}.icons.icons-qq{background-position:0 -180px}.icons.icons-qzone{background-position:0 -240px}.icons.icons-qzone,.icons.icons-tieba{width:60px;height:60px;background-size:120px}.icons.icons-tieba{background-position:0 -300px}.icons.icons-other{width:60px;height:60px;background-position:0 -360px;background-size:120px}.clearfix{_zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}@media screen and (orientation:landscape){.black-wrp.wx{background-position:100% 0;background-size:contain}}