@charset "UTF-8";*{margin:0;padding:0}body{font-size:12px;font-family:Arial,Helvetica,sans-serif;line-height:1.5;color:#666;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important}li{list-style:none}a{text-decoration:none;color:#fff}a:hover,a.uline{text-decoration:underline}.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fl{float:left}.fr{float:right}.tac{text-align:center}.bold{font-weight:700}.uline{text-decoration:underline}.pl5{padding-left:5px}.pr5{padding-right:5px}.ml5{margin-left:5px}.ml10{margin-left:10px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.gray{color:#999}.darkgray{color:#666}.lightgray{color:#ccc}.pointer{cursor:pointer}.blur{filter:blur(10px)}.relative{position:relative}.ofh{overflow:hidden}@keyframes ballAni{0%{transform:scale(1) translate(-200%,400%) rotate(0);background-image:url(../img/ball2.png)}35%{transform:scale(.2) translate(200%,-450%) rotate(200deg);background-image:url(../img/ball2.png)}40%{transform:scale(.2) translate(200%,-450%) rotate(205deg);background-image:url(../img/ball2.png)}80%{transform:scale(1) translate(0) rotate(360deg);background-image:url(../img/ball2.png)}to{transform:scale(1) translate(0) rotate(360deg);background-image:url(../img/ball.png)}}@keyframes doorAni{0%{opacity:0}30%{opacity:0}35%{opacity:1}45%{opacity:1}55%{opacity:0}to{opacity:0}}@keyframes ballRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes lotteryAni{0%{transform:translateY(0)}15%{transform:translateY(-10px)}30%{transform:translateY(0)}45%{transform:translateY(-5px)}60%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes popupShow{0%{opacity:0}to{opacity:1}}@keyframes popupHide{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale(3) translate(-10%,10%)}50%{opacity:1;transform:scale(3) translate(-10%,10%)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-300%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(300%)}to{opacity:1;transform:translateY(0)}}html,body{height:100%}body{background:#093430;background-size:50px 50px}.empty{font-size:14px;color:#9fa2a3;text-align:center;line-height:100px}.empty.h200{line-height:200px}.loading{position:relative;height:100px}.loading .loading-con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.loading .loading-con:before{display:block;content:"";width:40px;height:40px;background:url(../img/ball_loading.png) no-repeat;background-size:100% 100%;margin:0 auto;animation:ballRotate 2s linear infinite}.loading .loading-con:after{display:block;content:attr(data-text);color:#e6ebed;font-size:12px;line-height:20px;margin-top:5px}.loading.h200{height:200px}.poploading{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#00000080}.poploading .loading-con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.poploading .loading-con:before{display:block;content:"";width:80px;height:80px;background:url(../img/ball_loading.png) no-repeat;background-size:100% 100%;margin:0 auto;animation:ballRotate 2s linear infinite}.poploading .loading-con:after{display:block;content:"AI\751f\6210\4e2d\2026";color:#e6ebed;margin-top:15px;padding-top:16px;font-size:16px;line-height:20px;text-shadow:0 0 5px #fff;width:178px;background:url(../img/line.png) no-repeat center top;background-size:100% auto}.main{padding:10px 0}.main .playground{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);padding-top:5px}.main .brand{position:relative;height:24px;background:url(../img/brand2.png) no-repeat center top;background-size:auto 24px;opacity:1;z-index:2}.main .goaldoor{position:relative;height:540px;background:url(../img/goaldoor.jpg) no-repeat center top;background-size:auto 540px;padding-bottom:10px;animation:zoomIn 2s ease-in-out;z-index:1}.main .goaldoor .door2{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/goaldoor2.png) no-repeat center top;background-size:auto 540px;opacity:0;animation:doorAni 3s ease-in-out}.main .goaldoor .doortit{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/doortit.png) no-repeat center top;background-size:auto 540px;opacity:0}.main .goaldoor .doortit.show{opacity:1;animation:fadeIn .5s ease-in-out}.main .goaldoor .ball{position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:285px;margin-left:-90px;background:url(../img/ball.png) no-repeat center top;background-size:100% 100%;animation:ballAni 3s ease-in-out}.main .goaldoor .lottery{position:absolute;left:50%;bottom:-30px;width:140px;height:70px;margin-left:-70px;opacity:0}.main .goaldoor .lottery.show{opacity:1;animation:fadeIn .5s ease-in-out}.main .goaldoor .lottery i{position:absolute;left:0;right:0;top:-30px;height:40px;display:block;background:url(../img/btn_lottery21.png) no-repeat center top;background-size:100% 100%;animation:lotteryAni 1.2s ease-in-out infinite;animation-delay:2s}.main .goaldoor .lottery span{display:block;height:70px;text-indent:-1000px;overflow:hidden;background:url(../img/btn_lottery22.png) no-repeat center top;background-size:100% 100%}.main .btn-group{width:342px;height:40px;bottom:20px;margin:20px auto 0;opacity:0}.main .btn-group.show{opacity:1;animation:fadeIn .5s ease-in-out}.main .btn-group .btn{float:left;width:84px;height:40px;margin-right:8px;background-size:100% 100%}.main .btn-group .btn-comment{background-image:url(../img/btn1.png)}.main .btn-group .btn-follow{background-image:url(../img/btn2.png)}.main .btn-group .btn-share{background-image:url(../img/btn3.png)}.main .btn-group .btn-other{float:left;width:65px}.main .btn-group .btn-other div{width:65px;height:20px;background-size:100% 100%;text-indent:-1000px;overflow:hidden}.main .btn-group .btn-other .btn-rule{background-image:url(../img/btn41.png)}.main .btn-group .btn-other .btn-result{background-image:url(../img/btn42.png)}.popmsg{position:fixed;left:50%;top:50%;max-width:300px;background-color:#000000bf;color:#fff;font-size:14px;line-height:1.3;padding:10px 20px;border-radius:6px;transform:translate(-50%,-50%);z-index:9999;animation:popupShow .3s ease-in-out}.popup{background-color:#000000a6;position:fixed;left:0;right:0;top:0;bottom:0;animation:popupShow .5s ease-in-out}.popup.popup-close{animation:popupHide .5s ease-in-out}.popup .popup-con{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;background:#093430 url(../img/pop_bgt.png) no-repeat center top;background-size:100% auto}.popup .popup-frame{background:url(../img/pop_bgb.png) no-repeat center bottom;background-size:100% auto;padding:30px 20px;min-height:200px}.popup .btn{height:35px;background-size:100% 100%;text-indent:-1000px;overflow:hidden;margin:0 auto}.popup .btn-login{width:106px;background-image:url(../img/btn_login.png)}.popup .btn-createposter{width:131px;background-image:url(../img/btn_poster.png)}.popup .btn-shareposter{width:131px;background-image:url(../img/btn_poster2.png)}.popup .btn-sharenow{width:131px;background-image:url(../img/btn_poster3.png)}.popup .btn-back{width:131px;background-image:url(../img/btn_back.png)}.popup .btn-ai{width:131px;background-image:url(../img/btn_ai.png)}.popup .popup-tit img{display:block;height:30px;margin:0 auto}.popup .popup-tit strong{display:block;font-size:20px;text-align:center;line-height:30px;color:#f0e0bb}.popup .popup-txt{line-height:1.5;color:#fff}.popup .popup-text{color:#fff;text-align:center;font-size:16px;letter-spacing:5px}.popup .popup-items{min-height:200px;max-height:300px;overflow:auto;text-align:center;color:#fff}.popup .popup-items p{position:relative;font-size:18px;line-height:28px;padding:16px 0}.popup .popup-items p+p:before{content:"";width:120px;height:2px;background-color:#81d94e;position:absolute;left:50%;margin-left:-60px;top:-1px}.popup .popup-tip{font-size:9px;line-height:1.5;color:#9fa2a3}.popup .popup-close{position:absolute;right:10px;top:10px;width:24px;height:24px;background:url(../img/pop_close.png) no-repeat center center;background-size:100% 100%}.popup .popup-form input[type=text],.popup .popup-form input[type=number]{display:block;width:100%;height:28px;line-height:28px;border:none;background:none;font-size:14px;text-indent:10px;color:#fff}.popup .popup-form input[type=text]::placeholder,.popup .popup-form input[type=number]::placeholder{color:#61826d}.popup .popup-form .form-input{height:30px;box-sizing:border-box;border:solid 1px #51d0c8;border-radius:6px;overflow:hidden}.popup .popup-form .form-captcha .img-captcha{float:right;line-height:28px;width:80px;text-align:center;color:#000;background-color:#69f5bf}.popup .popup-form .form-captcha .img-captcha img{float:left;width:60px;height:28px}.popup .popup-form .form-captcha .img-captcha span{float:left;width:20px;height:28px;background:url(../img/ico_refresh.png) no-repeat center center;background-size:14px 14px}.popup .popup-form .form-captcha .input-smscode{margin-right:80px}.popup .popup-form .form-smscode .btn-sendsms{float:right;line-height:28px;height:28px;width:80px;text-align:center;background-color:#69f5bf;color:#000}.popup .popup-form .form-smscode .btn-sendsms.disabled{background-color:#00b8424d;color:#ccc}.popup .popup-form .form-smscode .input-smscode{margin-right:80px}.popup .popup-form .form-privacy{overflow:hidden;padding:0 20px}.popup .popup-form .form-privacy .form-checkbox{float:left;display:block;width:14px;height:14px;position:relative;margin-top:2px}.popup .popup-form .form-privacy .form-checkbox input{position:absolute;left:0;top:0;display:block;width:14px;height:14px;opacity:0}.popup .popup-form .form-privacy .form-checkbox input+i{display:block;width:14px;height:14px;padding:2px 1px;box-sizing:border-box;border:solid 1px #69f5bf;border-radius:2px}.popup .popup-form .form-privacy .form-checkbox input:checked+i{background-color:#69f5bf}.popup .popup-form .form-privacy .form-checkbox input:checked+i:before{content:"";display:block;width:8px;height:4px;border-left:solid 2px #000;border-bottom:solid 2px #000;transform:rotate(-45deg)}.popup .popup-form .form-privacy .label-text{display:block;margin-left:20px;font-size:12px;line-height:1.5;color:#fff}.popup .popup-form .form-privacy .label-text span{color:#69f5bf}.popup .popup-form .form-privacy p{padding-left:20px;color:#fff}.popup .popup-form .form-privacy p span{color:#69f5bf}.popup .popup-login{width:270px;background:#093430 url(../img/pop_bgt2.png) no-repeat center top;background-size:100% auto}.popup .popup-login .popup-frame{background:url(../img/pop_bgb2.png) no-repeat center bottom;background-size:100% auto}.popup .popup-login .popup-tit img{height:25px}.popup .popup-policy .popup-txt{max-height:350px;overflow:auto;font-size:12px}.popup .popup-policy .popup-txt h3{font-size:14px}.popup .popup-policy .popup-txt table{border:solid 1px #fff;border-collapse:collapse}.popup .popup-policy .popup-txt table th,.popup .popup-policy .popup-txt table td{border:solid 1px #fff}.popup .popup-success,.popup .popup-fail{background-color:#031711b3;width:auto}.popup .popup-success .popup-frame,.popup .popup-fail .popup-frame{padding-left:25px;padding-right:25px}.popup .popup-main{padding:10px 0 0}.popup .popup-main .card{display:block;height:365px;margin:0 auto}.popup .popup-poster{background:none;width:auto}.popup .popup-poster .popup-frame{background:none;padding:0}.popup .popup-poster .popup-close{display:none}.popup .popup-poster .poster{display:block;height:527px}.popup .popup-poster .poster-preview{position:absolute;left:-3000px;top:-3000px;width:750px}.popup .popup-poster .poster-preview img{display:block;width:100%;height:auto}.popup .popup-question{width:330px;height:410px;background-image:url(../img/pop_bgq.png)}.popup .popup-question .popup-frame{background:none}.popup .popup-question .questions dl{margin-top:20px;font-size:14px;color:#fff}.popup .popup-question .questions dt{color:#69f5bf}.popup .popup-question .questions dt i{float:left;line-height:22px;background-color:#69f5bf;color:#000;font-style:normal;border-radius:6px;width:40px;text-align:center}.popup .popup-question .questions dt span{display:block;line-height:22px;margin-left:45px}.popup .popup-question .questions dd{margin-top:10px}.popup .popup-question .questions label{display:block;line-height:20px;padding:3px 0 3px 24px;position:relative}.popup .popup-question .questions label input{position:absolute;width:20px;height:20px;left:20px;top:0;opacity:0}.popup .popup-question .questions label i{float:left;display:block;width:12px;height:12px;box-sizing:border-box;border-radius:50%;outline:solid 2px #fff;margin-top:4px}.popup .popup-question .questions label input:checked+i{outline:solid 2px #69f5bf;border:solid 2px #003613;background-color:#69f5bf}.popup .popup-question .questions label span{display:block;margin-left:25px}.popup .popup-question .questions label input:checked~span{color:#69f5bf}.msgs{background-color:#041a17;color:#e6ebed;height:20px;line-height:20px;font-size:9px;width:280px;text-align:center;margin:10px auto 0;overflow:hidden;opacity:0}.msgs.show{opacity:1;animation:fadeIn .5s ease-in-out}@media all and (max-height: 700px){.main .playground{position:relative;margin-top:0;transform:translateY(0)}}@media all and (max-width: 353px){.main .goaldoor{height:480px;background-size:auto 480px}.main .goaldoor .door2,.main .goaldoor .doortit{background-size:auto 480px}.main .goaldoor .ball{width:160px;height:160px;margin-left:-80px;top:255px}.main .goaldoor .lottery{transform:scale(.89)}.main .brand{height:21px;background-size:auto 21px}.main .btn-group{transform:scale(.89)}.popup .popup-question{transform:translate(-50%,-50%) scale(.9)}}@media all and (max-width: 353px) and (max-height: 700px){.main .playground{position:fixed;transform:translateY(-50%)}}@media all and (max-width: 353px) and (max-height: 640px){.main .playground{position:relative;transform:translateY(0)}}@media all and (max-width: 320px){.main .btn-group{transform-origin:30%}.popup .popup-rule,.popup .popup-result{width:280px}.popup .popup-question{transform:translate(-50%,-50%) scale(.8)}}