@import url(https://fonts.googleapis.com/css?family=Dancing+Script:wght@500&display=swap);
body{box-sizing:border-box;margin:0;padding:0}@media screen and (max-width: 600px){body{position:relative;overflow:hidden}}h1{font-weight:bold;margin:0}a{text-decoration:none}.text-bold{font-weight:bold}
.loginlayout .mainlayout-wrapper{background-image:url(background.a8946ba91908f5913996.svg);background-repeat:no-repeat;background-size:cover;height:100vh;overflow:auto}
.box-mainlayout{display:flex;justify-content:center}.box-mainlayout .mainlayout{width:100%;max-width:1920px}.box-mainlayout .mainlayout .mainlayout-wrapper{background-image:url(background.a8946ba91908f5913996.svg);background-repeat:no-repeat;background-size:cover;height:calc(100vh - 63px);overflow:auto}.box-mainlayout .mainlayout .header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:0 10px;box-shadow:0 0 5px #bbb}@media screen and (max-width: 600px){.box-mainlayout .mainlayout .header{padding:10px}}.box-mainlayout .mainlayout .header .logo-header{width:80px;height:50px}.box-mainlayout .mainlayout .header .logo-header img{width:100%;height:100%}.box-mainlayout .mainlayout .header .logout-section{display:flex;justify-content:center;align-items:center}.box-mainlayout .mainlayout .header .logout-section .greet-user{display:flex;justify-content:center;align-items:flex-end}@media screen and (max-width: 600px){.box-mainlayout .mainlayout .header .logout-section .greet-user{flex-direction:column;align-items:center}}.box-mainlayout .mainlayout .header .logout-section .greet-user .greeting{font-size:20px}@media screen and (max-width: 600px){.box-mainlayout .mainlayout .header .logout-section .greet-user .greeting{font-size:16px}}.box-mainlayout .mainlayout .header .logout-section .greet-user .user-name{text-align:center;font-size:22px;margin-left:7px;color:#ef2b1d;text-overflow:ellipsis}@media screen and (max-width: 600px){.box-mainlayout .mainlayout .header .logout-section .greet-user .user-name{font-size:20px;max-width:100px}}.box-mainlayout .mainlayout .header .logout-section .logout-btn{width:70px;background-color:#fff;border:none;cursor:pointer}.box-mainlayout .mainlayout .header .logout-section .logout-btn img{width:100%;height:100%}
.login-container{border-radius:10px;position:relative;overflow:hidden;display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;width:90%;margin:auto auto;padding-top:30px;min-height:480px}.login-container *{font-family:"Dancing Script",cursive}.login-container .svg-wrapper{position:relative;width:600px;height:auto}.login-container h2{text-align:center}.login-container p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}.login-container span{font-size:12px}.login-container a{color:#333;font-size:14px;margin:15px 0}.login-container form{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;text-align:center}@media screen and (max-width: 600px){.login-container form{padding:0}}.login-container input{font-size:25px;background-color:inherit;border:none;padding:12px 15px;margin:8px 0;border-bottom:1px solid}.login-container input:focus{outline:none}@media screen and (max-width: 600px){.login-container input{font-size:18px}}@media screen and (max-width: 400px){.login-container input{width:70%;font-size:20px}}.login-container #kiai-logo{opacity:0}.login-container .form-container{height:100%}.login-container .logo{margin-bottom:30px;width:60%;max-width:150px}.login-container .logo img{height:100%;width:100%}.login-container .sign-in-btn{opacity:0;margin-bottom:80px;border-radius:20px;border:1px solid #ff8c4d;color:#fff;font-size:12px;font-weight:bold;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer;margin-top:30px;background:linear-gradient(to right, #ff4b2b, #ff4500, #ff8c4d)}.login-container .sign-in-btn:active{transform:scale(0.95)}.login-container .sign-in-btn:focus{outline:none}.login-container .sign-in-btn.ghost{background-color:rgba(0,0,0,0);border-color:#fff}.login-container .sign-in-container{height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;position:absolute;left:51%;top:50%;transform:translate(-50%, -50%);width:50%;z-index:2}@media screen and (orientation: landscape)and (max-height: 600px){.login-container .svg-wrapper{width:auto;height:800px}}@media screen and (orientation: landscape)and (max-height: 400px){.login-container .svg-wrapper{width:auto;height:800px}}@media screen and (orientation: portrait)and (max-width: 1075px){.login-container{width:80%}.login-container .svg-wrapper{width:650px;height:auto}}@media screen and (orientation: portrait)and (max-width: 768px){.login-container{width:90%}.login-container .svg-wrapper{width:600px;height:auto}}@media screen and (orientation: portrait)and (max-width: 600px){.login-container{width:100%;min-height:100%;flex-wrap:wrap;flex-direction:row-reverse;box-shadow:none;overflow:initial}.login-container .svg-wrapper{width:500px;height:auto}}@media screen and (orientation: portrait)and (max-width: 400px){.login-container .svg-wrapper{width:400px;height:auto}}.login-page{background:#f6f5f7;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Montserrat",sans-serif;height:100vh;margin:-20px 0 0px}
.countdown-page{width:100%;height:100%;background:rgba(1,1,1,.5)}.countdown-page .countdown-wrapper{position:absolute}@media screen and (max-width: 600px){.countdown-page #countdown-clock{--fcc-digit-block-width: 40px !important}}
.lucky-money-wrapper .card-wrapper{position:absolute;left:50%;top:53%;transform:translate(-50%, -50%);perspective:1000px}@media screen and (orientation: landscape)and (max-height: 600px){.lucky-money-wrapper .card-wrapper{top:60%}}@media screen and (orientation: landscape)and (max-height: 500px){.lucky-money-wrapper .card-wrapper{top:70%}}@media screen and (orientation: landscape)and (max-height: 400px){.lucky-money-wrapper .card-wrapper{top:80%}}.lucky-money-wrapper .card-wrapper .card{transform-style:preserve-3d;position:relative;width:300px;height:600px}.lucky-money-wrapper .card-wrapper .card .front{background:url(baolixi.7400ace005f361ecb2c1.gif);background-size:100% 100%;position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.lucky-money-wrapper .card-wrapper .card .front .user-info{font-weight:1000;position:absolute;top:28.5%;left:50%;transform:translate(-50%, -50%);font-style:italic;white-space:pre;color:#fff;text-align:center;font-size:16px;line-height:1.5}.lucky-money-wrapper .card-wrapper .card .front .user-info span{color:#b51e23;text-shadow:rgba(181,30,35,.8156862745) 0px 0px 10px}.lucky-money-wrapper .card-wrapper .card .moneys .money-content{position:relative;overflow:hidden;width:100%;height:100%}.lucky-money-wrapper .card-wrapper .card .moneys .money-10k::after{background-image:url(10k.4b9c415476b1f3aa136f.png);content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.lucky-money-wrapper .card-wrapper .card .moneys .money-20k::after{background-image:url(20k.0400c09ea183e9df010a.png);content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.lucky-money-wrapper .card-wrapper .card .moneys .money-50k::after{background-image:url(50k.d2f20defbfbc242ef090.jpg);content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.lucky-money-wrapper .card-wrapper .card .moneys .money-100k::after{background-image:url(100k.b3d9b7aa454d40f9aa77.jpg);content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.lucky-money-wrapper .card-wrapper .card .moneys .money-200k::after{background-image:url(200k.49fa9afbc6958e698d4f.png);content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.lucky-money-wrapper .card-wrapper .card .moneys .money-500k::after{background-image:url(500k.489b6bbd0dfc40030def.jpg);content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.lucky-money-wrapper .card-wrapper .card .moneys .money{position:absolute;top:0;left:0;width:95%;height:95%;background-color:green;z-index:12}.lucky-money-wrapper .card-wrapper .card .back{transform:rotateY(180deg);position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;perspective:1000px}.lucky-money-wrapper .card-wrapper .card .back .outer-lid{transform-style:preserve-3d;transform-origin:top;position:relative;z-index:14}.lucky-money-wrapper .card-wrapper .card .back .outer-lid .outer-lid-front{box-shadow:0px 0px 10px 0px rgba(0,0,0,.8);backface-visibility:hidden;position:absolute;top:0;width:100%;border-bottom:40px solid;border-image:url(lucky-money-wrapper-back.e54937c4f004d21f95da.svg);border-bottom-left-radius:500px;border-bottom-right-radius:500px;left:0}.lucky-money-wrapper .card-wrapper .card .back .outer-lid .outer-lid-front span{position:absolute;left:50%;top:50%;transform:translateX(-50%);color:#fff}.lucky-money-wrapper .card-wrapper .card .back .outer-lid .outer-lid-back{box-shadow:0px -5px 10px 5px rgba(0,0,0,.2);backface-visibility:hidden;transform:rotateY(180deg);position:absolute;top:0;width:100%;border-bottom:40px solid #fff;border-bottom-left-radius:500px;border-bottom-right-radius:500px;left:0}.lucky-money-wrapper .card-wrapper .card .back .inner-lid{box-shadow:0px 0px 10px 0px rgba(0,0,0,.8);height:100%;background:url(bao_lixi_back.c70ddf81d15fcd582f9e.jpg);position:relative;z-index:12}.lucky-money-modal{-webkit-box-shadow:0px 0px 10px 5px rgba(0,0,0,.8);-moz-box-shadow:0px 0px 10px 5px rgba(0,0,0,.8);box-shadow:0px 0px 10px 5px rgba(0,0,0,.8);background:#9da8b7;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiNWJkYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-radial-gradient(center, ellipse cover, rgba(157, 168, 183, 0.3) 0%, rgba(8, 8, 8, 0.5) 45%, rgb(40, 52, 59) 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(157, 168, 183)), color-stop(36%, rgb(8, 8, 8)), color-stop(100%, rgb(40, 52, 59)));background:-webkit-radial-gradient(center, ellipse cover, rgba(157, 168, 183, 0.3) 0%, rgba(8, 8, 8, 0.5) 45%, rgb(40, 52, 59) 100%);background:-o-radial-gradient(center, ellipse cover, rgba(157, 168, 183, 0.3) 0%, rgba(8, 8, 8, 0.5) 45%, rgb(40, 52, 59) 100%);background:-ms-radial-gradient(center, ellipse cover, rgba(157, 168, 183, 0.3) 0%, rgba(8, 8, 8, 0.5) 45%, rgb(40, 52, 59) 100%);background:radial-gradient(ellipse at center, rgba(157, 168, 183, 0.3) 0%, rgba(8, 8, 8, 0.5) 45%, rgb(40, 52, 59) 100%)}.lucky-money-modal .close-modal-btn{position:absolute;right:10px;top:10px;color:#fff;font-size:30px;cursor:pointer}.lucky-money-modal .share-btns{display:flex;position:absolute;flex-direction:column}.lucky-money-modal .share-btns input[type=checkbox]{display:none}.lucky-money-modal .share-btns input:checked+label{border-bottom-right-radius:initial}.lucky-money-modal .share-btns input:checked~.share-btn-group{left:0px}.lucky-money-modal .share-btns label{transition:border-bottom-right-radius .55s;display:flex;color:#fff;background:linear-gradient(to right, rgba(255, 75, 43, 0.7), rgba(255, 69, 0, 0.7), rgba(255, 140, 77, 0.7));border-bottom-right-radius:50%;width:60px;height:50px;justify-content:center;align-items:center;font-size:20px;padding:5px}.lucky-money-modal .share-btns .share-btn-group{position:relative;left:-70px;flex-direction:column;display:flex;background:linear-gradient(to right, rgba(255, 75, 43, 0.7), rgba(255, 69, 0, 0.7), rgba(255, 140, 77, 0.7));width:70px;justify-content:center;align-items:center;transition:left .25s ease-out}.lucky-money-modal .share-btns .copy-btn{border-radius:100%;width:45px;height:45px;border:none;cursor:pointer;margin-bottom:10px}.lucky-money-modal .mobile-hidden .btn-share{position:absolute;bottom:-7%;left:9%;display:flex;align-items:center;background:#3b5998;border-radius:50px;padding-right:16px;color:#fff;font-size:18px}@media screen and (max-width: 600px){.lucky-money-modal .mobile-hidden{display:none}}
.prize-page{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:800px}.prize-page .wheel-banner{position:relative;height:170px;margin-top:25px;width:100%}.prize-page .wheel-banner .wheel-banner-text{position:absolute;top:30%;left:51%;transform:translate(-50%, -50%);width:450px}@media screen and (max-width: 540px){.prize-page .wheel-banner .wheel-banner-text{left:54%;width:350px;top:35%}.prize-page .wheel-banner .wheel-banner-text text{font-size:28px !important}}@media screen and (max-width: 430px){.prize-page .wheel-banner .wheel-banner-text{width:300px}}.prize-page .wheel-banner .wheel-banner-text path{fill:rgba(0,0,0,0)}.prize-page .wheel-banner .wheel-banner-text text{fill:#fff;font-size:33px;white-space:nowrap}.prize-page .wheel-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:25px}.prize-page .wheel-btn button{cursor:pointer;transition:transform 80ms ease-in}.prize-page .wheel-btn button:active{transform:scale(0.95)}.prize-page .wheel-btn .spin-btn{border-radius:50px;border:1px solid #fff;background:radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #efc85e 25%, #9b782b 62.5%, #d3a132 100%);height:50px;padding:15px;font-size:20px;color:#fff}.prize-page .wheel-btn .spin-btn:disabled{cursor:initial;background-color:#5a5757;border-color:#5a5757}.prize-page .wheel-btn .get-prize-btn{border-radius:50px;border:1px solid #fff;background:radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #efc85e 25%, #9b782b 62.5%, #d3a132 100%);height:50px;padding:15px;font-size:20px;color:#fff}.prize-page .wheel-btn .get-prize-btn:disabled{cursor:initial;background-color:#5a5757;border-color:#5a5757}.prize-page .wheel-wrapper{position:relative;width:450px;height:450px}@media screen and (max-width: 430px){.prize-page .wheel-wrapper{width:400px;height:400px}}@media screen and (max-width: 400px){.prize-page .wheel-wrapper{width:360px;height:360px}}@media screen and (max-width: 400px)and (max-height: 680px){.prize-page .wheel-wrapper{width:280px;height:280px}}.prize-page .wheel-wrapper .wheel-ring{display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;height:100%;width:100%}.prize-page .wheel-wrapper .wheel-ring .wheel-outer{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%, -50%);width:100%;height:100%}.prize-page .wheel-wrapper .wheel-ring .wheel-inner{height:100%;width:100%;max-width:85%}.prize-page .indicator-wrapper{cursor:pointer;position:absolute;width:70px;height:70px;z-index:2;top:48%;left:50%;transform:translate(-50%, -50%)}
