html,body{height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;font-size:10px}.desk{position:relative;width:100%;height:100%;background:url(../img/bg-body.jpg) no-repeat 0 0;background-size:100% 100%}.btns-top{position:absolute;top:5px;width:70px;height:70px;text-indent:-9999em;border:0;padding:0;background:url(../img/btns-top.png) no-repeat 0 0;background-size:100% auto}.btn-back{left:22px;background-position:0 0}.btn-back:active{background-position:0 -70px}.btn-card{font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif;position:absolute;width:70px;top:5px;padding-top:70px;font-size:20px;color:#48d9fa;text-align:center;right:112px}.btn-card .btns-top{top:0;left:0;background-position:0 -140px}.btn-card .btns-top:active{background-position:0 -210px}.btn-rule{font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif;position:absolute;width:70px;top:5px;padding-top:70px;font-size:20px;color:#48d9fa;text-align:center;right:22px}.btn-rule .btns-top{top:0;left:0;background-position:0 -280px}.btn-rule .btns-top:active{background-position:0 -350px}.miss-item{position:absolute;top:50%;left:50%;width:181px;height:215px;-webkit-transition:margin .5s;transition:margin .5s}.miss-item.selected{background:url(../img/miss-on.png) no-repeat 0 0;background-size:100% 100%}.miss-item.inactive{margin:-108px 0 0 -90px}.miss-item img{position:absolute;top:50%;left:50%;margin:-98px 0 0 -81px;width:166px;height:197px}.miss-light{margin:-255px 0 0 -560px}.miss-ming{margin:-255px 0 0 370px}.miss-moon{margin:10px 0 0 -560px}.miss-water{margin:10px 0 0 370px}.icon-miss-win{position:absolute;z-index:10;width:128px;height:125px;left:-181px;top:100%;margin:20px 0 0 30px;background:url(../img/icon-miss-win.png) no-repeat center center;background-size:128px 125px;-webkit-transition:all .5s;transition:all .5s}.card-list{position:absolute;left:50%;top:50%;margin:-45px 0 0 -30px;width:60px;height:90px;opacity:0;-webkit-transition:all .5s;transition:all .5s}.card-list.active{opacity:1}.card-list .card-item{position:absolute;left:0;top:0;width:60px;height:86px;background:url(../img/card/card_back.png) no-repeat 0 0;background-size:100% 100%;-webkit-transition:all .5s;transition:all .5s}.card-list .card-item.on{z-index:10}.card-list .card-item.close{top:0;left:0}.card-list .card-item.b1{background-image:url(../img/card/b1.png)}.card-list .card-item.b2{background-image:url(../img/card/b2.png)}.card-list .card-item.b3{background-image:url(../img/card/b3.png)}.card-list .card-item.b4{background-image:url(../img/card/b4.png)}.card-list .card-item.b5{background-image:url(../img/card/b5.png)}.card-list .card-item.b6{background-image:url(../img/card/b6.png)}.card-list .card-item.b7{background-image:url(../img/card/b7.png)}.card-list .card-item.b8{background-image:url(../img/card/b8.png)}.card-list .card-item.b9{background-image:url(../img/card/b9.png)}.card-list .card-item.b10{background-image:url(../img/card/b10.png)}.card-list .card-item.b11{background-image:url(../img/card/b11.png)}.card-list .card-item.b12{background-image:url(../img/card/b12.png)}.card-list .card-item.b13{background-image:url(../img/card/b13.png)}.card-list .card-item.f1{background-image:url(../img/card/f1.png)}.card-list .card-item.f2{background-image:url(../img/card/f2.png)}.card-list .card-item.f3{background-image:url(../img/card/f3.png)}.card-list .card-item.f4{background-image:url(../img/card/f4.png)}.card-list .card-item.f5{background-image:url(../img/card/f5.png)}.card-list .card-item.f6{background-image:url(../img/card/f6.png)}.card-list .card-item.f7{background-image:url(../img/card/f7.png)}.card-list .card-item.f8{background-image:url(../img/card/f8.png)}.card-list .card-item.f9{background-image:url(../img/card/f9.png)}.card-list .card-item.f10{background-image:url(../img/card/f10.png)}.card-list .card-item.f11{background-image:url(../img/card/f11.png)}.card-list .card-item.f12{background-image:url(../img/card/f12.png)}.card-list .card-item.f13{background-image:url(../img/card/f13.png)}.card-list .card-item.m1{background-image:url(../img/card/m1.png)}.card-list .card-item.m2{background-image:url(../img/card/m2.png)}.card-list .card-item.m3{background-image:url(../img/card/m3.png)}.card-list .card-item.m4{background-image:url(../img/card/m4.png)}.card-list .card-item.m5{background-image:url(../img/card/m5.png)}.card-list .card-item.m6{background-image:url(../img/card/m6.png)}.card-list .card-item.m7{background-image:url(../img/card/m7.png)}.card-list .card-item.m8{background-image:url(../img/card/m8.png)}.card-list .card-item.m9{background-image:url(../img/card/m9.png)}.card-list .card-item.m9{background-image:url(../img/card/m9.png)}.card-list .card-item.m10{background-image:url(../img/card/m10.png)}.card-list .card-item.m11{background-image:url(../img/card/m11.png)}.card-list .card-item.m12{background-image:url(../img/card/m12.png)}.card-list .card-item.m13{background-image:url(../img/card/m13.png)}.card-list .card-item.r1{background-image:url(../img/card/r1.png)}.card-list .card-item.r2{background-image:url(../img/card/r2.png)}.card-list .card-item.r3{background-image:url(../img/card/r3.png)}.card-list .card-item.r4{background-image:url(../img/card/r4.png)}.card-list .card-item.r5{background-image:url(../img/card/r5.png)}.card-list .card-item.r6{background-image:url(../img/card/r5.png)}.card-list .card-item.r7{background-image:url(../img/card/r7.png)}.card-list .card-item.r8{background-image:url(../img/card/r8.png)}.card-list .card-item.r9{background-image:url(../img/card/r9.png)}.card-list .card-item.r10{background-image:url(../img/card/r10.png)}.card-list .card-item.r11{background-image:url(../img/card/r11.png)}.card-list .card-item.r12{background-image:url(../img/card/r12.png)}.card-list .card-item.r13{background-image:url(../img/card/r13.png)}.card-list .card-1{top:-140px;left:-300px}.card-list .card-2{top:-140px;left:300px}.card-list .card-3{top:120px;left:300px}.card-list .card-4{top:120px;left:-300px}.card-list .card-5{top:-140px;left:-230px}.card-list .card-6{top:-140px;left:230px}.card-list .card-7{top:120px;left:230px}.card-list .card-8{top:120px;left:-230px}.card-list .card-9{top:-140px;left:-160px}.card-list .card-10{top:-140px;left:160px}.card-list .card-11{top:120px;left:160px}.card-list .card-12{top:120px;left:-160px}.miss-count{position:absolute;top:50%;left:50%;width:150px;height:47px;padding-left:40px;background:#0a615a;border-radius:20px;opacity:0;-webkit-transition:all .5s;transition:all .5s}.miss-count.active{opacity:1}.miss-count .icon-chip-wrap{position:absolute;top:0;left:0;width:35px;height:100%}.miss-count .icon-chip{position:absolute;left:0;width:35px;height:36px;background:url(../img/icon-chip.png) no-repeat 0 -72px;background-size:100% auto;-webkit-transition:all .5s;transition:all .5s}.miss-count .icon-100{bottom:0;z-index:6;background-position:0 -72px}.miss-count .icon-500{bottom:5px;z-index:8;background-position:0 -36px}.miss-count .icon-1000{bottom:10px;z-index:10;background-position:0 0}.miss-count .chip-num{font-size:36px;font-weight:700;color:#fee854;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif}.miss-count-1{margin:-78px 0 0 -330px}.miss-count-2{margin:-78px 0 0 130px}.miss-count-3{margin-left:130px}.miss-count-4{margin-left:-330px}.footer{position:absolute;left:0;bottom:0;width:100%;height:88px}.footer .user-pic{position:absolute;z-index:10;left:15px;bottom:10px;width:96px;height:96px;padding:5px;background:url(../img/user-pic.png) no-repeat 0 0}.footer .user-pic .pic-wrap{width:100%;height:100%;border-radius:50%;overflow:hidden}.footer .user-pic img{width:100%;height:100%}.footer .user-coin{position:absolute;z-index:8;left:70px;bottom:22px;width:140px;height:48px;padding:0 50px 0 60px;border-radius:4px;background:#08233e;line-height:48px}.footer .user-coin .num{display:inline-block;font-size:24px;color:#ffd61e;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif}.footer .icon-charge{position:absolute;top:0;right:0;text-indent:-9999em;width:48px;height:51px;background:url(../img/btns-charge.png) no-repeat 0 0;background-size:100% auto}.footer .icon-charge:active{background-position:0 -51px}.footer button{padding:0;border:0}.footer .btn-num{position:absolute;bottom:6px;width:146px;height:76px;line-height:76px;text-align:center;font-size:30px;font-weight:700;color:#fff9bb;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif;background:url(../img/btn-num.png) no-repeat 0 0;background-size:100% auto}.footer .btn-num:active,.footer .btn-num.selected{background-position:0 -76px}.footer .num-100{right:664px}.footer .num-200{right:514px}.footer .num-500{right:364px}.footer .num-1000{right:214px}.footer .btn-do{position:absolute;right:10px;bottom:6px;width:194px;height:77px;font-size:24px;font-weight:700;color:#fff9bb;text-align:center;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif;background:url(../img/btn-do.png) no-repeat 0 0;background-size:100% auto}.footer .btn-do:active{background-position:0 -77px}@-webkit-keyframes timer-clock{0%{background-position:0 -2px}100%{background-position:0 2px}}@keyframes timer-clock{0%{background-size:auto 100%}50%{background-size:auto 80%}100%{background-size:auto 100%}}.timer-clock{position:absolute;z-index:10;top:50%;left:50%;width:80px;height:61px;margin:-30px 0 0 -40px;padding-left:65px;line-height:50px;background:url(../img/icon-clock.png) no-repeat 0 0;background-size:60px auto;font-size:26px;color:#e1e1e1;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif;opacity:0;-webkit-transition:all .5s;transition:all .5s}.timer-clock.active{opacity:1;-webkit-animation:timer-clock 1s linear infinite;animation:timer-clock 1s linear infinite}.notice{display:none;position:absolute;z-index:10;top:8px;left:50%;width:776px;height:50px;margin-left:-388px;border-radius:50px;background:rgba(0,0,0,0.4);line-height:50px;text-align:center;font-size:26px;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif}.notice .time{color:#5cb3db}.notice .nick{color:#b6e8ff}.notice .txt{color:#fef280}.last-result{position:absolute;z-index:10;top:60px;width:100%;text-align:center;font-size:22px;color:#108ddd;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif}.start-counter{position:absolute;z-index:10;top:50%;left:50%;width:209px;height:200px;margin:-100px 0 0 -104px;line-height:200px;text-align:center;opacity:0;-webkit-transition:all .5s;transition:all .5s}.start-counter.on{opacity:1}.start-counter.active-before{top:-100%}.start-counter.active{top:50%}.start-counter.active-after{top:100%}.start-counter .start-counter-rotate{position:absolute;width:100%;height:100%;background:url(../img/bg-start-counter.png) no-repeat 0 0;background-size:100% 100%;-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}.start-counter .start-time{position:relative;z-index:10;display:inline-block;width:61px;height:89px;vertical-align:middle;background:url(../img/icon-start-time.png) no-repeat 0 -178px;background-size:100% auto;-webkit-transition:all .5s;transition:all .5s}.start-counter .start-time.time-1{background-position:0 0}.start-counter .start-time.time-2{background-position:0 -89px}.start-counter .start-time.time-3{background-position:0 -178px}.popup-mask{display:none;position:absolute;z-index:1000;width:100%;height:100%;background:#001a2f;opacity:.8}.popup{display:none}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.popup-win{position:absolute;z-index:1100;width:100%;height:100%}.popup-win .popup-rotate{width:100%;height:100%;background:url(../img/bg-popup-win.png) no-repeat center center;background-size:100%;-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}.popup-win .icon-win{position:absolute;top:50%;left:50%;width:625px;height:135px;margin:-310px 0 0 -312px;padding-top:285px;background:url(../img/icon-win.png) no-repeat 0 0;background-size:100%;text-align:center;text-indent:34px;font-size:40px;font-weight:700;color:#faf59c;overflow:hidden;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:scale(0, 0);transform:scale(0, 0)}.popup-win .icon-win.active{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup-lose{position:absolute;z-index:1100;width:100%;height:100%}.popup-lose .popup-rotate{width:100%;height:100%;background:url(../img/bg-popup-lose.png) no-repeat center center;background-size:100%;-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}.popup-lose .icon-lose{position:absolute;top:50%;left:50%;width:510px;height:234px;margin:-217px 0 0 -255px;background:url(../img/icon-lose.png) no-repeat center center;background-size:100% auto;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:scale(.2, .2);transform:scale(.2, .2)}.popup-lose .icon-lose.active{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup-rule{position:absolute;z-index:1100;top:50%;left:50%;width:978px;height:676px;margin:-338px 0 0 -489px;background:url(../img/popup-rule.png) no-repeat center center;background-size:100%;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(.2, .2);transform:scale(.2, .2)}.popup-rule.popup-card{background-image:url(../img/popup-card.png)}.popup-rule.active{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup-rule a{position:absolute;top:0;width:187px;height:70px;text-indent:-9999em}.popup-rule .tab-rule{left:20px}.popup-rule .tab-card{left:200px}.popup-rule .rule-close{position:absolute;right:-22px;top:35px;width:58px;height:58px;background:url(../img/btn-close.png) no-repeat 0 0;background-size:100% auto}.popup-rule .rule-close:active{background-position:0 -58px}.popup-leave{position:absolute;z-index:1100;top:50%;left:50%;width:771px;height:394px;margin:-197px 0 0 -385px;background:url(../img/popup-leave.png) no-repeat center center;background-size:100%;text-align:center;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(.2, .2);transform:scale(.2, .2)}.popup-leave.active{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup-leave .btn-close{position:absolute;right:-8px;top:-22px;width:58px;height:58px;background:url(../img/btn-close.png) no-repeat 0 0;background-size:100% auto;text-indent:-9999em}.popup-leave .btn-close:active{background-position:0 -58px}.popup-leave .txt{margin-top:80px;font-size:40px;color:#8edbfe;line-height:1.35;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif}.popup-leave .btn-wrap{margin-top:40px}.popup-leave a{display:inline-block;width:274px;height:80px;line-height:80px;font-size:40px;color:#fff;text-align:center;text-decoration:none;font-family:"Microsoft JhengHei","Microsoft Yahei",SimHei,sans-serif;background:url(../img/btn-leave.png) no-repeat 0 0;background-size:100% auto}.popup-leave .btn-leave{background-position:0 0}.popup-leave .btn-leave:active{background-position:0 -80px}.popup-leave .btn-cancel{margin-left:45px;background-position:0 -160px}.popup-leave .btn-cancel:active{background-position:0 -240px}