@charset "utf-8";
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,img{-webkit-touch-callout:none}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,input,ol,p,td,textarea,th,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
button:focus,input:focus,textarea:focus{outline:0}
a,a:hover{text-decoration:none}
button,input,select,textarea{font-family:inherit;font-size:100%}
body{font:14px/1.5 FZLTXIHJW--GB1-0,"hiragino sans gb","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#0a112e;color:#fff}
body,html{height:100%}
.touchmove{-webkit-transition:none 0 step-start}
.hide{height:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden}
.anim{-webkit-transition:all .8s ease-out}
#wrap{position:relative;height:100%;overflow:hidden}
.item{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s ease-out}
.item .box{position:relative;z-index:5;width:100%;height:100%}
.item .bg{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover}
.mod_btn{display:inline-block;padding:0 20px;height:40px;line-height:40px;background:#36c789;color:#fff;font-size:17px;min-width:143px;border-radius:99px;text-align:center}
.icon{display:inline-block;background-repeat:no-repeat;background-size:cover}
.icon_poll{width:14px;height:14px;margin-right:5px;background-image:url(sprite/index@2x.png?max_age=2592000&d=20150731183516);background-position:-33px -76px;background-size:164px!important}
.item-0 .bg{background-image:url(img/cover.jpg?max_age=2592000&d=20150731183516);background-position:center center}
.item-1 .bg{background-image:url(img/bg1.jpg?max_age=2592000&d=20150731183516)}
.item-2 .bg{background-image:url(img/bg2.jpg?max_age=2592000&d=20150731183516)}
.item-3 .bg{background-image:url(img/bg3.jpg?max_age=2592000&d=20150731183516)}
.item-4 .bg{background-image:url(img/bg4.jpg?max_age=2592000&d=20150731183516)}
.item-5 .bg{background-image:url(img/bg5.jpg?max_age=2592000&d=20150731183516)}
.item-6 .bg{background-image:url(img/bg6.jpg?max_age=2592000&d=20150731183516)}
.text_logo{display:block;margin:0 auto 5px;width:164px;height:75px;background-image:url(sprite/index@2x.png?max_age=2592000&d=20150731183516);background-position:0 0;background-size:164px;background-repeat:no-repeat;text-indent:-9999px}
.text_spc{margin:0 12px}
.vote_count{position:absolute;z-index:30;top:0;left:0;width:100%;height:24px;line-height:24px;color:#fff}
.process{height:100%;background:rgba(0,0,0,.3);overflow:hidden}
.process_bar{display:block;height:100%;-webkit-box-sizing:border-box;border-right:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);-webkit-transition:width 1s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1)}
.vote_con{position:absolute;top:0;left:0;width:100%;white-space:nowrap;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis}
.vote_con .icon{vertical-align:-2px}
.vc_count{margin:0 5px}
.text_box{position:absolute;left:0;width:100%;bottom:50px}
.video_btn{position:absolute;top:50%;margin-top:-197px;display:block;width:100%;height:205px}
.text_logo{margin-bottom:6px}
.text_intro{font-size:16px;text-align:center;letter-spacing:2px;height:21px;min-height:21px;margin-bottom:25px}
.handle_area{text-align:center;font-size:0}
.text_box .handle_area .mod_btn{position:relative;overflow:hidden;min-width:122px}
.text_info{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);opacity:0;font-size:14px;text-align:center;color:rgba(255,255,255,.3);margin-bottom:25px}
.support_title{padding:10px 0;height:42px;line-height:21px;font-size:14px;font-weight:400;text-align:center}
.r_num{display:inline-block;width:16px;height:16px;text-align:center;line-height:16px;margin:0 3px;border-radius:99px;background:#999aa5;color:#0b0b2b}
.item-7{background-image:url(img/bg.jpg?max_age=2592000&d=20150731183516)}
.item-7 .box{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}
.item-7 .rank_box{width:100%;padding:0 15px;-webkit-box-sizing:border-box}
.item-7 .mod_tit{font-size:24px}
.item-7 .vote_collect{padding-bottom:20px}
.item-7 .mtext_s{margin-bottom:30px;font-size:12px;text-align:center;color:rgba(255,255,255,.6)}
.mod_tag{position:absolute;z-index:20;bottom:16px;left:50%;width:110px;margin-left:-53px}
.mod_tag li{float:left;width:7px;height:7px;-webkit-border-radius:50%;background-color:#4d566a;margin-right:6px;list-style:none;margin-top:0;padding:0}
.mod_tag li span{display:none}
.mod_tag .current{background-color:#31c27c}
.rank_handle{text-align:center}
.mask{position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85)}
.mod_layer{position:absolute;z-index:110;left:10%;width:80%;background:rgba(20,25,52,.8)}
.mod_layer__vote{top:7%;height:86%}
.mod_layer__book{top:50%;min-height:218px;margin-top:-109px}
.close_btn{position:absolute;right:-20px;top:-20px;z-index:150;padding:4px}
.close_btn .close_btn__cont{position:relative;display:block;width:32px;height:32px;border-radius:99px;border:1px solid #fff;background:#060a1e}
.close_btn .close_btn__cont::after,.close_btn .close_btn__cont::before{content:'';position:absolute;left:50%;top:50%;margin:-10px 0 0 -1px;width:1px;height:20px;background:#fff;-webkit-transform:rotate(45deg)}
.close_btn .close_btn__cont::before{-webkit-transform:rotate(-45deg)}
.lay_tit,.mod_tit{font-size:18px;color:#fff;text-align:center;font-weight:400}
.lay_tit{margin-top:18px}
.lay_tit .icon_succ{vertical-align:-3px}
.ticket_count{font-size:12px;text-align:center;margin-bottom:15px}
.vote_collect{margin:0 15px}
.vcl_item{position:relative;height:35px;line-height:35px;overflow:hidden;margin-bottom:15px}
.vt_num{position:absolute;left:0;top:0;font-size:16px;line-height:35px;color:#fff}
.vt__pic{position:absolute;left:20px;top:0;display:block;width:35px;height:35px;border-radius:99px}
.sup_proc{height:100%;margin-left:70px}
.sup_text{position:relative;font-size:14px;line-height:24px;margin-bottom:3px;color:rgba(255,255,255,.5)}
.sup_name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup_number{position:absolute;top:0;right:0;display:block;font-size:12px}
.sup_proc .process{height:6px;background:#0b0f25}
.sup_proc .process_bar{background:#1c4b48;border-right:none}
.vcl_item--curr .sup_text{color:#31c27c}
.vcl_item--curr .process_bar{background:#31c27c}
.lmc_text{font-size:14px;color:#fff;margin:0 15px;padding-top:20px}
.layer_handle{text-align:center}
.mod_layer__book .layer_handle{padding-top:20px;padding-bottom:15px}
#loading{position:absolute;width:200px;height:10px;background:rgba(49,194,124,.2);margin:-10px 0 0 -100px;top:50%;left:50%;border-radius:5px;overflow:hidden;-webkit-transition:opacity .5s;z-index:999}
#loading div{float:left;height:10px;background:#31c27c;width:0;-webkit-transition:width 1s;border-radius:5px}
.mask_load{background:rgba(20,25,52,1)}
.text_box .text_logo{opacity:0;-webkit-transform:scale(0);-webkit-transition-delay:.3s}
.text_box .handle_text{opacity:0;-webkit-transition:opacity .3s cubic-bezier(.19,1,.22,1),-webkit-transform .3s cubic-bezier(.19,1,.22,1)}
.text_box .handle_text{-webkit-transition-delay:.6s}
.play .text_box .handle_text{opacity:1;-webkit-transform:none}
.text_box{-webkit-perspective:300px}
.handle_area{-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);opacity:0;-webkit-backface-visibility:hidden}
.handle_area .mod_btn{-webkit-transform:translateZ(20px);display:inline-block}
.play .handle_area{-webkit-animation:zoom-in-b .6s forwards 1.2s}
.text_info_cont{display:inline-block;-webkit-transform:translateZ(20px);-webkit-backface-visibility:hidden}
.play .text_info{-webkit-animation:rotate-in .4s forwards;-webkit-animation-delay:.8s}
.text_intro i{display:inline-block;-webkit-transform:rotateY(180deg);-webkit-backface-visibility:hidden}
.play .text_intro i{font-style:normal;-webkit-animation:zoom-in .6s forwards}
.play .text_intro i:nth-child(1){-webkit-animation-delay:.8s}
.play .text_intro i:nth-child(2){-webkit-animation-delay:.82s}
.play .text_intro i:nth-child(3){-webkit-animation-delay:.84s}
.play .text_intro i:nth-child(4){-webkit-animation-delay:.86s}
.play .text_intro i:nth-child(5){-webkit-animation-delay:.88s}
.play .text_intro i:nth-child(6){-webkit-animation-delay:.9s}
.play .text_intro i:nth-child(7){-webkit-animation-delay:.92s}
.play .text_intro i:nth-child(8){-webkit-animation-delay:.94s}
.play .text_intro i:nth-child(9){-webkit-animation-delay:.96s}
.play .text_intro i:nth-child(10){-webkit-animation-delay:.98s}
.play .text_intro i:nth-child(11){-webkit-animation-delay:1s}
.play .text_intro i:nth-child(12){-webkit-animation-delay:1.02s}
.play .text_intro i:nth-child(13){-webkit-animation-delay:1.04s}
.play .text_intro i:nth-child(14){-webkit-animation-delay:1.06s}
.play .text_intro i:nth-child(15){-webkit-animation-delay:1s}
.lay_tit,.layer_handle,.mod_tit,.mtext_s,.rank_handle,.ticket_count,.vcl_item{opacity:0}
.play .lay_tit,.play .layer_handle,.play .mod_tit,.play .mtext_s,.play .rank_handle,.play .ticket_count,.play .vcl_item{opacity:1;-webkit-animation:push-in .6s both}
.play .lay_tit,.play .mod_tit{-webkit-animation-delay:.2s}
.play .mtext_s,.play .ticket_count{-webkit-animation-delay:.25s}
.play .vcl_item:nth-child(1){-webkit-animation-delay:.315s}
.play .vcl_item:nth-child(2){-webkit-animation-delay:.33s}
.play .vcl_item:nth-child(3){-webkit-animation-delay:.345s}
.play .vcl_item:nth-child(4){-webkit-animation-delay:.36s}
.play .vcl_item:nth-child(5){-webkit-animation-delay:.375s}
.play .vcl_item:nth-child(6){-webkit-animation-delay:.39s}
.play .layer_handle,.play .rank_handle{-webkit-animation-delay:.5s}
@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(50px)}
100%{opacity:1;-webkit-transform:translateZ(0)}
}
@-webkit-keyframes zoom-in-b{0%{opacity:0;-webkit-transform:translateZ(80px) scale(1.2)}
100%{opacity:1;-webkit-transform:none}
}
@-webkit-keyframes push-in{0%{opacity:0;-webkit-transform:translateX(100%)}
60%{opacity:1;-webkit-transform:translateX(-5%)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes bounce_in{0%{-webkit-transform:scale(1.5,1.5)}
4.7%{-webkit-transform:scale(1.326,1.275)}
7.61%{-webkit-transform:scale(1.232,1.133)}
9.41%{-webkit-transform:scale(1.181,1.058)}
11.41%{-webkit-transform:scale(1.131,.991)}
14.11%{-webkit-transform:scale(1.076,.93)}
15.12%{-webkit-transform:scale(1.059,.915)}
18.72%{-webkit-transform:scale(1.012,.894)}
18.92%{-webkit-transform:scale(1.01,.894)}
22.72%{-webkit-transform:scale(.981,.911)}
24.32%{-webkit-transform:scale(.974,.925)}
29.93%{-webkit-transform:scale(.964,.976)}
30.23%{-webkit-transform:scale(.964,.979)}
35.54%{-webkit-transform:scale(.968,1.01)}
41.04%{-webkit-transform:scale(.978,1.02)}
50.25%{-webkit-transform:scale(.992,1.007)}
52.15%{-webkit-transform:scale(.995,1.004)}
63.26%{-webkit-transform:scale(1.001,.996)}
70.27%{-webkit-transform:scale(1.002,.998)}
85.49%{-webkit-transform:scale(1.001,1.001)}
100%{-webkit-transform:scale(1,1)}
}
@-webkit-keyframes rotate-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg)}
60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-15deg)}
100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0)}
}
.mod_layer__book,.mod_layer__vote{display:none;-webkit-transform:scale(0,0)}
.mod_layer__book.in,.mod_layer__vote.in{display:block;-webkit-transform:scale(1,1)}
@-webkit-keyframes smash{0%{-webkit-transform:matrix(0,0,0,0,0,0)}
2.1%{-webkit-transform:matrix(.17,.04,.027,.17,0,0)}
4.1%{-webkit-transform:matrix(.341,.136,.088,.341,0,0)}
5.81%{-webkit-transform:matrix(.483,.233,.149,.483,0,0)}
8.21%{-webkit-transform:matrix(.668,.349,.222,.668,0,0)}
11.41%{-webkit-transform:matrix(.869,.405,.26,.869,0,0)}
11.61%{-webkit-transform:matrix(.88,.404,.26,.88,0,0)}
14.51%{-webkit-transform:matrix(1.008,.353,.23,1.008,0,0)}
17.42%{-webkit-transform:matrix(1.09,.252,.166,1.09,0,0)}
20.72%{-webkit-transform:matrix(1.135,.127,.084,1.135,0,0)}
23.12%{-webkit-transform:matrix(1.142,.048,.032,1.142,0,0)}
27.03%{-webkit-transform:matrix(1.126,-.038,-.025,1.126,0,0)}
30.33%{-webkit-transform:matrix(1.098,-.071,-.047,1.098,0,0)}
33.23%{-webkit-transform:matrix(1.07,-.077,-.051,1.07,0,0)}
37.44%{-webkit-transform:matrix(1.033,-.063,-.042,1.033,0,0)}
44.54%{-webkit-transform:matrix(.994,-.022,-.015,.994,0,0)}
45.75%{-webkit-transform:matrix(.99,-.016,-.011,.99,0,0)}
51.65%{-webkit-transform:matrix(.984,.004,.003,.984,0,0)}
58.26%{-webkit-transform:matrix(.988,.011,.007,.988,0,0)}
80.28%{-webkit-transform:matrix(1.002,-.001,-.001,1.002,0,0)}
83.28%{-webkit-transform:matrix(1.002,-.002,-.001,1.002,0,0)}
100%{-webkit-transform:matrix(1,0,0,1,0,0)}
}
@media all and (-webkit-transform-3d){.play .slogen_box .logo_box{opacity:1;-webkit-animation:bounce_in .5s linear both 1.5s}
.play .slogen_box .mod_btn{-webkit-animation:scale_magic .8s linear both 2.5s}
.mod_layer__book.in,.mod_layer__vote.in{-webkit-animation:smash .7s linear both .1s}
.play .text_box .text_logo{opacity:1;-webkit-animation:bounce_in .5s linear both .3s;-webkit-transform:none}
}
@media screen and (max-height:400px){.ticket_count{margin-bottom:8px;font-size:12px}
.vcl_item{margin-bottom:6px;height:30px;line-height:30px}
.vt__pic{width:30px;height:30px}
.sup_text{font-size:12px}
.sup_proc .process{height:8px}
.item-3 .bg{background-position:center center}
.item-4 .bg{background-position:center center}
.item-7 .mtext_s{margin-bottom:10px}
.text_logo{margin-bottom:0}
.text_intro{margin-bottom:5px}
.text_box{bottom:5px;-webkit-transform:scale(.7)}
.mod_tag{bottom:10px}
.item-7 .vote_collect{padding-bottom:0}
}
@media screen and (min-height:400px) and (max-height:450px){.ticket_count{margin-bottom:8px;font-size:12px}
.vcl_item{margin-bottom:8px;height:32px;line-height:32px}
.vt__pic{width:32px;height:32px}
.sup_text{font-size:12px}
.sup_proc .process{height:8px}
.item-3 .bg{background-position:center center}
.item-4 .bg{background-position:center center}
.item-7 .mtext_s{margin-bottom:15px}
.text_logo{margin-bottom:0}
.text_intro{margin-bottom:5px}
.text_box{bottom:12px;-webkit-transform:scale(.8)}
.mod_tag{bottom:10px}
.video_btn{height:205px}
}
@media screen and (min-height:450px) and (max-height:500px){.ticket_count{margin-bottom:10px}
.vcl_item{margin-bottom:13px;height:32px;line-height:32px}
.vt__pic{width:32px;height:32px}
.sup_text{font-size:12px}
.sup_proc .process{height:8px}
.item-7 .mtext_s{margin-bottom:20px}
.text_logo{margin-bottom:5px}
.text_intro{margin-bottom:10px}
.text_box{bottom:23px;-webkit-transform:scale(.9)}
.mod_tag{bottom:10px}
.video_btn{height:205px}
}
@media (min-device-width :375px) and (max-device-width :667px) and (-webkit-min-device-pixel-ratio :2){.vcl_item{height:38px;line-height:38px;margin-bottom:16px}
.vt__pic{width:38px;height:38px}
.sup_text{line-height:25px}
.video_btn{margin-top:-230px;height:240px}
}
@media (min-device-width :414px) and (max-device-width :736px) and (-webkit-min-device-pixel-ratio :3){.vcl_item{height:40px;line-height:40px;margin-bottom:16px}
.vt__pic{width:40px;height:40px}
.sup_text{line-height:27px}
.video_btn{margin-top:-254px;height:264px}
}/*  |xGv00|acdda089b597ad916126e4106dc4a717 */