@charset "UTF-8";.rain,.rain .game_board{width:100%;height:100%;overflow:hidden}.exchange_dlg .exchange_dlg__d,.rule_dlg .container .wrapper .rule_dlg__d,.success_dlg .success_dlg__d{border-bottom-left-radius:.267rem;border-bottom-right-radius:.267rem}.bgc_g{background:url(../img/hby/bg.jpg) center bottom no-repeat #12122e;background-size:100%;height:100%}.pageview{position:relative}.hide{display:none!important}.center{text-align:center}.rain{display:block;position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:0}.rain .game_board{position:relative}.rain .score_board{position:absolute;top:.333rem;right:.4rem;z-index:99;width:3.333rem;height:1.48rem}.rain .score_board img{width:100%}.rain .score_board .txt{position:absolute;top:.427rem;right:0;width:2.053rem;height:.733rem;line-height:.733rem;text-align:center;color:#fff;font-weight:700;font-size:.48rem}.rain .btns{width:100%;height:1.733rem;background-color:#12122e;position:absolute;bottom:0;left:0;z-index:99}.rain .btns a{display:block;float:left;width:4.453rem;height:1.28rem;padding-left:.4rem;padding-top:.2rem}.rain .btns a img{width:100%}.rain .cp{width:2.2rem;height:2.12rem;background:url(../img/hby/cp.png) no-repeat;background-size:100%;position:absolute;z-index:2}.rain .cp .wrap{width:100%;height:100%;position:relative;display:none}.rain .cp[data-track="0"]{left:7.333rem;top:-4rem}.rain .cp[data-track="1"]{left:9rem;top:-2.334rem}.rain .cp[data-track="2"]{left:10.667rem;top:-.667rem}.rain .cp[data-track="3"]{left:12.333rem;top:1rem}.rain .cp[data-track="4"]{left:14rem;top:2.667rem}.rain .cp .score{font-size:0}.rain .cp .score.m2{width:1.04rem;height:.747rem;background:url(../img/hby/x2.png) no-repeat;background-size:100%}.rain .cp .score.m3{width:1.027rem;height:.8rem;background:url(../img/hby/x3.png) no-repeat;background-size:100%}.rain .cp .score.p1{width:1.013rem;height:.653rem;background:url(../img/hby/1.png) no-repeat;background-size:100%}.rain .cp .score.p3{width:.947rem;height:.693rem;background:url(../img/hby/3.png) no-repeat;background-size:100%}.rain .cp .score.p5{width:1.013rem;height:.653rem;background:url(../img/hby/5.png) no-repeat;background-size:100%}.rain .cp .score.p10{width:1.427rem;height:.667rem;background:url(../img/hby/10.png) no-repeat;background-size:100%}.rain .cp.open{background:0 0;z-index:1}.rain .cp.open .wrap{display:block}.rain .cp.open .light{width:2.747rem;height:2.467rem;background:url(../img/hby/light.png) no-repeat;background-size:100%;position:absolute;bottom:-.267rem;left:-.534rem}.rain .cp.open .score{position:absolute;top:.267rem;left:-.267rem}.rain .cp.open.empty .effect{width:1.64rem;height:1.653rem;background:url(../img/hby/cp_empty.png) no-repeat;background-size:100%;position:absolute;bottom:0;left:0}.rain .cp.open.multiply .effect,.rain .cp.open.plus .effect{width:1.627rem;height:1.693rem;background:url(../img/hby/cp_open.png) no-repeat;background-size:100%;position:absolute;bottom:0;left:0}.rain .cp.open.minus .effect{width:1.8rem;height:1.547rem;background:url(../img/hby/o.png) no-repeat;background-size:100%;position:absolute;bottom:0;left:0}.rain .cp.open.minus .score{color:#b9b9b9;font-size:.747rem;font-weight:700;text-shadow:0 2px 2px #000}.rule_dlg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.rule_dlg .container{height:100%;background:rgba(0,0,0,.8);position:relative}.rule_dlg .container .wrapper{width:8rem;position:absolute;left:.96rem;top:1.2rem}.rule_dlg .container .wrapper .rule_dlg__t{border-top-left-radius:.267rem;border-top-right-radius:.267rem;overflow:hidden}.rule_dlg .container .wrapper .rule_dlg__t img{width:100%;vertical-align:top}.rule_dlg .container .wrapper .rule_dlg__d{background-color:#fff;padding:.467rem;font-size:.347rem;color:#333}.rule_dlg .container .wrapper .rule_dlg__d .rule_dlg__con{width:100%}.rule_dlg .container .wrapper .rule_dlg__d .rule_dlg__con p{margin-bottom:.333rem}.rule_dlg .container .wrapper .rule_dlg__d .rule_dlg__con p:last-of-type{margin-bottom:0}.rule_dlg .container .wrapper .rule_dlg__close{padding-top:.267rem;margin:0 auto;width:1.12rem}.rule_dlg .container .wrapper .rule_dlg__close img{width:100%}.exchange_dlg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.exchange_dlg .container{height:100%;background:rgba(0,0,0,.8);position:relative}.exchange_dlg .container .wrapper{width:7.2rem;position:absolute;left:1.4rem;top:3.107rem}.exchange_dlg .container .wrapper .exchange_dlg__s{width:6.147rem;position:fixed;right:.333rem;top:.133rem}.exchange_dlg .container .wrapper .exchange_dlg__s img{width:100%}.exchange_dlg .container .wrapper .exchange_dlg__t{height:1.333rem;line-height:1.333rem;border-top-left-radius:.267rem;border-top-right-radius:.267rem;background-color:#fff;text-align:center;color:#333;font-size:.427rem}.exchange_dlg .container .wrapper .exchange_dlg__t b{font-weight:400;color:#c70509;font-size:.533rem;vertical-align:top}.exchange_dlg .container .wrapper .exchange_dlg__close{padding-top:.267rem;margin:0 auto;width:1.12rem}.exchange_dlg .container .wrapper .exchange_dlg__close img{width:100%}.exchange_dlg .exchange_dlg__b{width:100%;height:3.2rem;background:url(../img/hby/active_bg.jpg) no-repeat #fff;background-size:100% 100%;position:relative}.exchange_dlg .exchange_dlg__b span{position:absolute;top:1.307rem;left:2.213rem;display:block;width:2.667rem;height:1.2rem;line-height:1.2rem;color:#c1001e;font-size:.467rem;text-align:center}.exchange_dlg .exchange_dlg__d .m2,.exchange_dlg.disabled .exchange_dlg__btn,.exchange_dlg.disabled .exchange_dlg__d .m1{display:none}.exchange_dlg .exchange_dlg__b span b{font-size:.8rem}.exchange_dlg .exchange_dlg__d{background-color:#fff;text-align:center;padding:.533rem 0}.exchange_dlg .exchange_dlg__d .m1,.exchange_dlg .exchange_dlg__d .m2{font-size:.507rem;color:#444;line-height:1.5}.exchange_dlg .exchange_dlg__d .m1 b,.exchange_dlg .exchange_dlg__d .m2 b{color:#c70509}.exchange_dlg .exchange_dlg__d .s1{font-size:.347rem;color:#666}.exchange_dlg .exchange_dlg__btn{width:100%;padding:.533rem .667rem 0}.exchange_dlg .exchange_dlg__btn img{width:100%}.exchange_dlg.disabled .exchange_dlg__b{background:url(../img/hby/disabled_bg.jpg) no-repeat #fff;background-size:100% 100%}.exchange_dlg.disabled .exchange_dlg__b span{color:#494848}.exchange_dlg.disabled .exchange_dlg__d .m2{display:block}.exchange_dlg.disabled .exchange_dlg__d .s1{display:none}.success_dlg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.success_dlg .container{height:100%;background:rgba(0,0,0,.8);position:relative}.success_dlg .container .wrapper{width:7.2rem;position:absolute;left:1.4rem;top:3.107rem}.success_dlg .container .wrapper .success_dlg__t{border-top-left-radius:.267rem;border-top-right-radius:.267rem;background-color:#fff;overflow:hidden}.success_dlg .container .wrapper .success_dlg__t img{width:100%;vertical-align:top}.success_dlg .container .wrapper .success_dlg__close{padding-top:.267rem;margin:0 auto;width:1.12rem}.success_dlg .container .wrapper .success_dlg__close img{width:100%}.success_dlg .success_dlg__d{background-color:#fff;text-align:center;padding:.533rem 0}.success_dlg .success_dlg__d .m1{font-size:.507rem;color:#444;line-height:1.5}.success_dlg .success_dlg__d .m1 b{color:#c70509}.success_dlg .success_dlg__d .s1{font-size:.347rem;color:#666}.success_dlg .success_dlg__btn{width:100%;padding:.533rem .667rem .2rem}.success_dlg .success_dlg__btn img{width:100%}.countdown_dlg{position:fixed;top:0;left:0;width:100%;height:80%;z-index:10;overflow:hidden}.countdown_dlg .container{height:100%;position:relative}.countdown_dlg .container .wrapper{width:100%;position:absolute;left:0;top:2.533rem}.countdown_dlg .container .wrapper .light{width:2.747rem;height:2.467rem;background:url(../img/hby/light.png) no-repeat;background-size:100%;position:absolute;top:0;left:3.133rem;z-index:1;opacity:.7}.countdown_dlg .container .wrapper .countdown_dlg__t{position:relative;z-index:2}.countdown_dlg .container .wrapper .countdown_dlg__t img{width:100%;vertical-align:top}.countdown_dlg .container .wrapper .countdown_dlg__d{padding:0 1.067rem}.countdown_dlg .container .wrapper .countdown_dlg__d .tips{text-align:center;width:100%;height:1.333rem;color:#fff;line-height:1.333rem;font-size:.427rem;position:relative}.countdown_dlg .container .wrapper .countdown_dlg__d .tips:before{content:'';height:1px;width:2rem;background-color:#ffdb68;position:absolute;left:0;top:.653rem}.countdown_dlg .container .wrapper .countdown_dlg__d .tips:after{content:'';height:1px;width:2rem;background-color:#ffdb68;position:absolute;right:0;top:.653rem}.countdown_dlg .container .wrapper .countdown_dlg__d .countdown_dlg__con{width:100%;text-align:center;color:#fff;font-size:1.067rem}.countdown_dlg .container .wrapper .countdown_dlg__d .countdown_dlg__con span{font-weight:700;color:#914800;background:url(../img/hby/cd_bg.png) no-repeat;background-size:100% 100%;display:inline-block;height:1.467rem;line-height:1.467rem;width:1.067rem;text-align:center;position:relative;overflow:hidden;border-radius:.067rem;vertical-align:middle;margin-right:.067rem;margin-left:.067rem}.countdown_dlg .container .wrapper .countdown_dlg__d .countdown_dlg__con span:first-of-type{margin-left:0}.countdown_dlg .container .wrapper .countdown_dlg__d .countdown_dlg__con span:last-of-type{margin-right:0}.animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated_s,.animated_x{-webkit-animation-fill-mode:both}.animated_s{-webkit-animation-duration:1.8s;animation-duration:1.8s;animation-fill-mode:both}.animated_x{-webkit-animation-duration:2.4s;animation-duration:2.4s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotate{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(0);transform:rotate(0)}}.rotate{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes zoomOut{from{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{opacity:0;-webkit-transform:scale3d(3,3,3);transform:scale3d(3,3,3)}}@keyframes zoomOut{from{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{opacity:0;-webkit-transform:scale3d(3,3,3);transform:scale3d(3,3,3)}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutSwing{0%{opacity:1;-webkit-transform:rotate3d(0,0,1,0deg) scale3d(1,1,1);transform:rotate3d(0,0,1,0deg) scale3d(1,1,1)}20%{opacity:.8;-webkit-transform:rotate3d(0,0,1,15deg) scale3d(1.5,1.5,1.5);transform:rotate3d(0,0,1,15deg) scale3d(1.5,1.5,1.5)}40%{opacity:.6;-webkit-transform:rotate3d(0,0,1,-10deg) scale3d(2,2,2);transform:rotate3d(0,0,1,-10deg) scale3d(2,2,2)}60%{opacity:.4;-webkit-transform:rotate3d(0,0,1,5deg) scale3d(3,3,3);transform:rotate3d(0,0,1,5deg) scale3d(3,3,3)}80%{opacity:.2;-webkit-transform:rotate3d(0,0,1,-5deg) scale3d(4,4,4);transform:rotate3d(0,0,1,-5deg) scale3d(4,4,4)}to{opacity:0;-webkit-transform:rotate3d(0,0,1,0deg) scale3d(5,5,5);transform:rotate3d(0,0,1,0deg) scale3d(5,5,5)}}@keyframes zoomOutSwing{0%{opacity:1;-webkit-transform:rotate3d(0,0,1,0deg) scale3d(1,1,1);transform:rotate3d(0,0,1,0deg) scale3d(1,1,1)}20%{opacity:.8;-webkit-transform:rotate3d(0,0,1,15deg) scale3d(1.5,1.5,1.5);transform:rotate3d(0,0,1,15deg) scale3d(1.5,1.5,1.5)}40%{opacity:.6;-webkit-transform:rotate3d(0,0,1,-10deg) scale3d(2,2,2);transform:rotate3d(0,0,1,-10deg) scale3d(2,2,2)}60%{opacity:.4;-webkit-transform:rotate3d(0,0,1,5deg) scale3d(3,3,3);transform:rotate3d(0,0,1,5deg) scale3d(3,3,3)}80%{opacity:.2;-webkit-transform:rotate3d(0,0,1,-5deg) scale3d(4,4,4);transform:rotate3d(0,0,1,-5deg) scale3d(4,4,4)}to{opacity:0;-webkit-transform:rotate3d(0,0,1,0deg) scale3d(5,5,5);transform:rotate3d(0,0,1,0deg) scale3d(5,5,5)}}.zoomOutSwing{-webkit-animation-name:zoomOutSwing;animation-name:zoomOutSwing;-webkit-transform-origin:center center;transform-origin:center center}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}