@charset "UTF-8";html{font-family:BlinkMacSystemFont,"PingFang SC",PingFang-SC-Regular,"Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;background:#212121;min-height:100%;color-scheme:light only}body{font-size:.14rem}a,b,body,button,canvas,code,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,iframe,img,input,li,ol,option,p,pre,select,span,strong,table,tbody,textarea,thead,ul,video,xmp{margin:0;padding:0;word-break:break-all;word-wrap:break-word;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}audio,dd,dl,dt,ol,p,ul,video{display:block;border:0}img{border:0}a{text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:hover{text-decoration:none}li{display:block;list-style:none}textarea{resize:none;outline:0;font-family:BlinkMacSystemFont,"PingFang SC",PingFang-SC-Regular,"Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif}input{outline:0;font-size:.12rem}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}::-webkit-scrollbar{width:.2rem;border-radius:.1rem}::-webkit-scrollbar-track{width:.2rem;background-color:#393939;border-radius:.1rem}::-webkit-scrollbar-thumb{width:.16rem;background:#c7eec7;border:.02rem solid #393939;border-radius:.08rem}::-webkit-input-placeholder{color:#696969!important}::-moz-placeholder{color:#696969!important}::-ms-input-placeholder{color:#696969!important}input[disabled]{background:rgba(184,184,184,.5);color:#9a9a9a}.clear{*height:1%}.clear:after{content:'.';display:block;width:0;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}.hide{display:none!important}.show{display:block!important}.hidden{visibility:hidden!important}.null{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-999px}#simple-text-prompt{position:fixed;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:999}#simple-text-prompt .message{display:inline-block;padding:0 .6rem;line-height:.8rem;color:#fff;font-size:.4rem;text-align:center;background-color:rgba(0,0,0,.85);border-radius:.4rem}#loading-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999}@-webkit-keyframes cardRise1{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes cardRise1{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes letterFlyIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes letterFlyIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}body,html{height:100%}.u-popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:900;-webkit-transform:translateZ(0);transform:translateZ(0)}.popup-normal{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-normal .close-btn{position:absolute;width:1.23rem;height:1.24rem;background:url(../images/ui/popup/popup-close.png) no-repeat;background-size:100% 100%;top:.45rem;right:.45rem;z-index:1}.popup-normal .scroll-panel{overflow-x:hidden;overflow-y:auto}.rule-popup{width:18.16rem;height:11.31rem;background:url(../images/ui/popup/rule-bg.png) no-repeat center top;background-size:100% auto;padding:.88rem .94rem;box-sizing:border-box}.rule-popup .close-btn{top:.72rem;right:.8rem}.rule-popup .popup-title{font-size:1.12rem;color:#171717;line-height:1;margin:0 0 .4rem}.rule-popup .scroll-panel{height:7.8rem;font-size:.34rem;color:#000;line-height:2;padding:0 .2rem 0 0}.reflow-succ-popup{width:17.42rem;height:8.78rem;background:url(../images/ui/popup/reflow-prize-bg.png) no-repeat center top;background-size:100% auto;padding:.9rem .8rem 0;box-sizing:border-box}.reflow-succ-popup .popup-title{font-size:1.12rem;color:#171717;line-height:1;margin:0 0 .3rem;text-align:center}.reflow-succ-popup .tip-panel{text-align:center;font-size:.38rem;color:#000;margin:0 0 .26rem}.reflow-succ-popup .reward-panel{width:100%;height:1.47rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 0 .52rem}.reflow-succ-popup .reward-panel img{display:block;height:100%}.reflow-succ-popup .code-info-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 0 .2rem}.reflow-succ-popup .code-info-panel .code-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:5.24rem;height:1.37rem;background:url(../images/ui/popup/code-bg.png) no-repeat center top;background-size:100% auto;padding:0 .26rem 0 .2rem;box-sizing:border-box;margin:0 .18rem 0 0}.reflow-succ-popup .code-info-panel .code-panel span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;text-align:center;font-size:.48rem;font-size:.4rem;color:#1d1d1d}.reflow-succ-popup .code-info-panel .code-panel .btn-code-copy{width:.78rem;height:.78rem;background:url(../images/ui/popup/btn-copy.png) no-repeat center top;background-size:100% auto;margin:0 0 0 .12rem}.reflow-succ-popup .code-info-panel .text-tip{font-size:.37rem;color:#000;line-height:1.6}.reflow-succ-popup .btn-link-copy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:9.24rem;height:1.47rem;background:url(../images/ui/popup/link-bg.png) no-repeat center top;background-size:100% auto;box-sizing:border-box;margin:0 auto;font-size:.52rem;color:#fff}.lottery-popup,.receive-popup{width:10.9rem;height:8.09rem;background:url(../images/ui/popup/reward-bg.png) no-repeat center top;background-size:100% auto;padding:.94rem .8rem 0;box-sizing:border-box}.lottery-popup .popup-title,.receive-popup .popup-title{font-size:1.12rem;color:#171717;line-height:1;margin:0 0 .4rem;text-align:center}.lottery-popup .reward-panel,.receive-popup .reward-panel{width:3.48rem;height:3.49rem;background:url(../images/ui/popup/prize-bg.png) no-repeat center top;background-size:100% auto;margin:0 auto .7rem;position:relative;overflow:hidden}.lottery-popup .reward-panel span,.receive-popup .reward-panel span{height:.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:.2rem;right:.42rem;font-size:.55rem;color:#40311a}.lottery-popup .reward-panel span::before,.receive-popup .reward-panel span::before{content:'';width:.34rem;height:.34rem;background:url(../images/ui/icon-x-brown.png) no-repeat center top;background-size:100% auto;margin:0 .08rem 0 0}.lottery-popup .reward-panel img,.receive-popup .reward-panel img{display:block;width:2.1rem;height:2.1rem;margin:.85rem auto 0}.lottery-popup .tip-panel,.receive-popup .tip-panel{text-align:center;font-size:.3rem;color:#000}.my-prize-popup,.record-popup{width:17.42rem;height:8.09rem;background:url(../images/ui/popup/record-bg.png) no-repeat center top;background-size:100% auto;padding:.8rem .8rem 0;box-sizing:border-box}.my-prize-popup .popup-title,.record-popup .popup-title{font-size:1.12rem;color:#171717;line-height:1;margin:0 0 .4rem;text-align:center}.my-prize-popup .scroll-panel,.record-popup .scroll-panel{height:5rem;font-size:.5rem;color:#000;line-height:1.8;padding:0 .2rem 0 0}.my-prize-popup .scroll-panel dl,.record-popup .scroll-panel dl{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.my-prize-popup .scroll-panel dl dd,.record-popup .scroll-panel dl dd{width:50%;text-align:center}.my-prize-popup .scroll-panel dl.thead,.record-popup .scroll-panel dl.thead{font-weight:600}.page-container{width:100%;height:100%;background:url(../images/ui/bg.jpg) no-repeat center top;background-size:100% auto;position:relative;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;display:none}.page-container .article-board{width:100%;height:14.4rem;overflow:hidden;position:relative}.page-container .article-board .back-bg-panel{width:100%;height:100%;background:url(../images/ui/back-bg.png) no-repeat center top;background-size:100% auto;position:absolute;top:0;left:0;z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}.page-container .article-board .invite-tab-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.25rem;position:absolute;top:.68rem;left:8.86rem;z-index:2}.page-container .article-board .invite-tab-panel li{width:3.4rem;height:1.25rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;margin:0 .2rem 0 0;cursor:pointer;text-indent:-9999px}.page-container .article-board .content-panel{width:21.98rem;height:11.78rem;background:url(../images/ui/content-bg.png) no-repeat center top;background-size:100% auto;position:absolute;top:1.65rem;left:1.94rem;padding:0 0 0 .24rem;z-index:2;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}.page-container .article-board .content-panel .left-board-panel{width:5.66rem;height:11.56rem;box-sizing:border-box}.page-container .article-board .content-panel .left-board-panel .slogan-panel{width:4.67rem;height:2.67rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;margin:1.7rem auto .34rem}.page-container .article-board .content-panel .left-board-panel .btn-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 0 .3rem}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn{width:1rem;height:1rem;margin:0 .06rem;background-repeat:no-repeat;background-size:100% auto;cursor:pointer;position:relative}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-rule{background-image:url(../images/ui/icon-rule.png)}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-user{background-image:url(../images/ui/icon-user.png)}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-user .user-panel{display:none;position:absolute;width:3.71rem;height:2.21rem;left:1.1rem;top:0;box-sizing:border-box;background:url(../images/ui/user-bg.png) no-repeat center top;background-size:100% auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:11}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-user .user-panel .account-panel{cursor:default}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-user .user-panel .account-panel p{line-height:1;font-size:.35rem;color:#1d1d1d;margin:0 0 .18rem;text-align:center}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-user .user-panel .btn-logout{width:1.97rem;height:.42rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(../images/ui/btn-logout.png) no-repeat center top;background-size:100% auto;font-size:.24rem;color:#1d1d1d;box-sizing:border-box;margin:0 auto;cursor:pointer}.page-container .article-board .content-panel .left-board-panel .btn-box .base-btn.btn-user.focus .user-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-container .article-board .content-panel .left-board-panel .login-panel .login-tip-panel{font-size:.42rem;color:#e2e2e2;line-height:2;text-align:center}.page-container .article-board .content-panel .left-board-panel .login-panel .login-tip-panel span{color:#bcfcbc}.page-container .article-board .content-panel .left-board-panel .login-panel .btn-login{width:4.16rem;height:1.41rem;background:url(../images/ui/btn-login.png) no-repeat center top;background-size:100% auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;font-size:.68rem;color:#fff}.page-container .article-board .content-panel .left-board-panel .invite-code-panel{text-align:center}.page-container .article-board .content-panel .left-board-panel .invite-code-panel .tip-panel{font-size:.46rem;color:#e2e2e2;line-height:1.2}.page-container .article-board .content-panel .left-board-panel .invite-code-panel .tip-panel span{color:#bcfcbc}.page-container .article-board .content-panel .left-board-panel .invite-code-panel p{font-size:.24rem;color:#e1e1e1;padding:0 0 .16rem}.page-container .article-board .content-panel .left-board-panel .invite-code-panel .code-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:3.95rem;height:1.25rem;background:url(../images/ui/code-bg.png) no-repeat center top;background-size:100% auto;padding:0 .3rem 0 .2rem;box-sizing:border-box;margin:0 auto .16rem}.page-container .article-board .content-panel .left-board-panel .invite-code-panel .code-panel span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;text-align:center;font-size:.42rem;font-size:.32rem;color:#1d1d1d}.page-container .article-board .content-panel .left-board-panel .invite-code-panel .code-panel .btn-code-copy{width:.71rem;height:.71rem;background:url(../images/ui/btn-copy.png) no-repeat center top;background-size:100% auto;margin:0 0 0 .14rem}@media (hover:hover){.page-container .article-board .content-panel .left-board-panel .invite-code-panel .code-panel:hover{background-image:url(../images/ui/code-bg-hover.png);color:#050505}}.page-container .article-board .content-panel .left-board-panel .invite-code-panel .btn-link-copy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:3.95rem;height:1.34rem;background:url(../images/ui/link-bg.png) no-repeat center top;background-size:100% auto;box-sizing:border-box;margin:0 auto .16rem;font-size:.46rem;color:#fff}@media (hover:hover){.page-container .article-board .content-panel .left-board-panel .invite-code-panel .btn-link-copy:hover{background-image:url(../images/ui/link-bg-hover.png);color:#050505}}.page-container .article-board .content-panel .left-board-panel .sign-code-panel{text-align:center}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .tip-panel{font-size:.43rem;color:#e2e2e2;line-height:1.2}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .tip-panel span{color:#bcfcbc}.page-container .article-board .content-panel .left-board-panel .sign-code-panel p{font-size:.22rem;color:#e2e2e2;padding:0 0 .16rem}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .input-panel{display:block;width:3.95rem;height:1.16rem;background:url(../images/ui/sign-code-bg.png) no-repeat center top;background-size:100% auto;padding:.28rem .2rem .28rem .18rem;box-sizing:border-box;margin:0 auto .12rem}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .input-panel input{display:block;width:100%;height:100%;border:none;outline:0;background:#eaeaea;border-radius:.1rem;padding:0 .26rem;line-height:.64rem;box-sizing:border-box;font-size:.32rem;color:#696969}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .input-panel .code{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.4rem;color:#232323;display:none}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .btn-sign{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:3.94rem;height:1.14rem;background:url(../images/ui/btn-sign.png) no-repeat center top;background-size:100% auto;font-size:.46rem;color:#fff;margin:0 auto}.page-container .article-board .content-panel .left-board-panel .sign-code-panel .btn-sign.on{background-image:url(../images/ui/btn-signed.png);color:#fff;display:none}.page-container .article-board .content-panel .left-board-panel .sign-code-panel.signed .input-panel input{display:none}.page-container .article-board .content-panel .left-board-panel .sign-code-panel.signed .input-panel .code{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-container .article-board .content-panel .left-board-panel .sign-code-panel.signed .btn-sign{display:none}.page-container .article-board .content-panel .left-board-panel .sign-code-panel.signed .btn-sign.on{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-container .article-board .content-panel .left-board-panel.invite .slogan-panel{margin:1.15rem auto .24rem;width:4.43rem;height:2.54rem}.page-container .article-board .content-panel .left-board-panel.invite .btn-box{margin-bottom:.26rem}.page-container .article-board .content-panel .right-board-panel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;position:relative}.page-container .article-board .content-panel .right-board-panel .greet-panel{width:100%;padding:1.36rem 1.2rem 0 2.84rem;box-sizing:border-box;position:relative;color:#515151}.page-container .article-board .content-panel .right-board-panel .greet-panel .icon-logo{display:block;width:1.81rem;height:1.29rem;background:url(../images/ui/logo.png) no-repeat center top;background-size:100% auto;text-indent:-9999px;position:absolute;top:.54rem;right:.58rem}.page-container .article-board .content-panel .right-board-panel .greet-panel .title-panel{font-size:.7rem;margin:0 0 .46rem;position:relative}.page-container .article-board .content-panel .right-board-panel .greet-panel .title-panel::before{content:'';width:3.2rem;height:1.2rem;background:url(../images/ui/f-1.png) no-repeat center top;background-size:100% auto;position:absolute;left:-1rem;bottom:-.26rem}.page-container .article-board .content-panel .right-board-panel .greet-panel .text-panel{font-size:.39rem;line-height:1.8;color:#696969;margin:0 0 .55rem}.page-container .article-board .content-panel .right-board-panel .greet-panel .btn-open{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:5.06rem;height:1.65rem;background:url(../images/ui/btn-open.png) no-repeat center top;background-size:100% auto;position:relative;font-size:.81rem;color:#1d1d1d}.page-container .article-board .content-panel .right-board-panel .greet-panel .btn-open::after{content:'';width:2.04rem;height:1.5rem;background:url(../images/ui/f-2.png) no-repeat center top;background-size:100% auto;position:absolute;right:-2.3rem;top:-.74rem}.page-container .article-board .content-panel .right-board-panel .task-panel{width:100%;padding:.85rem .4rem 0 2.8rem;box-sizing:border-box;position:relative}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel{width:100%}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item{width:11.41rem;height:1.06rem;background:url(../images/ui/task-bg.png) no-repeat center top;background-size:100% auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 .66rem 0 .36rem;box-sizing:border-box;position:relative;margin:0 0 .3rem}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:last-child{margin-bottom:0}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item::before{content:'';display:block;width:.54rem;height:.8rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;margin:0 .24rem 0 0}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:nth-child(1)::before{background-image:url(../images/ui/1.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:nth-child(2)::before{background-image:url(../images/ui/2.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:nth-child(3)::before{background-image:url(../images/ui/3.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:nth-child(4)::before{background-image:url(../images/ui/4.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:nth-child(5)::before{background-image:url(../images/ui/5.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item:nth-child(6)::before{background-image:url(../images/ui/6.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-name{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;font-size:.34rem;color:#c7eec7}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-prize{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-prize img{display:block;width:.6rem;height:.6rem;margin:0 .2rem 0 0}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-prize span{font-size:.34rem;color:#f1f1f1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-prize span::before{content:'';width:.23rem;min-width:.23rem;height:.23rem;background:url(../images/ui/icon-x-white.png) no-repeat center top;background-size:100% auto;margin:0 .08rem 0 0}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-btn{display:block;width:.96rem;height:.73rem;background:url(../images/ui/task-btn.png) no-repeat center top;background-size:100% auto;margin:0 0 0 .3rem}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-btn.get{background-image:url(../images/ui/task-btn-get.png)}.page-container .article-board .content-panel .right-board-panel .task-panel .list-panel .task-item .task-btn.geted{background-image:url(../images/ui/task-btn-geted.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel{margin:.98rem 0 0 2.32rem;box-sizing:border-box;position:relative;width:12.27rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel{width:100%;height:6.22rem;background:url(../images/ui/lottery-bg.png) no-repeat center top;background-size:100% auto;position:relative;padding:.68rem 0 0;box-sizing:border-box;margin:0 0 .32rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .btn-myprize,.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .btn-record{position:absolute;top:.36rem;font-size:.33rem;color:#1c1c1e;border-bottom:.02rem solid #1c1c1e;z-index:1}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .btn-myprize{left:.5rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .btn-record{right:.5rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .panel-title{height:.87rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.52rem;margin:0 0 .22rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .panel-title img{display:block;height:.87rem;margin:0 .1rem 0 .14rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .panel-title span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .panel-title span::before{content:'';width:.34rem;height:.34rem;background:url(../images/ui/icon-x-black.png) no-repeat center top;background-size:100% auto;margin:0 .1rem 0 0}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel{width:100%;height:2.85rem;padding:0 .42rem;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin:0 0 .74rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item{width:2.08rem;height:2.85rem;cursor:pointer;position:relative;z-index:1;-webkit-transition:z-index 0s,-webkit-transform .5s cubic-bezier(.25,1,.5,1);transition:z-index 0s,-webkit-transform .5s cubic-bezier(.25,1,.5,1);transition:transform .5s cubic-bezier(.25,1,.5,1),z-index 0s;transition:transform .5s cubic-bezier(.25,1,.5,1),z-index 0s,-webkit-transform .5s cubic-bezier(.25,1,.5,1)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner{position:absolute;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner .card-back,.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner .card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:no-repeat;background-size:100% auto}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner .card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:url(../images/ui/card-back.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner .card-back .prize-icon{width:.84rem;height:.84rem;margin:.6rem auto .2rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner .card-back .prize-icon img{display:block;width:100%;height:100%}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item .card-inner .card-back .prize-num{width:1.48rem;height:.41rem;padding:0 .04rem .04rem 0;background:url(../images/ui/card-prize-num-bg.png) no-repeat center top;background-size:100% auto;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;font-size:.24rem;color:#40311a}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item:nth-child(1) .card-front{background-image:url(../images/ui/card-1.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item:nth-child(2) .card-front{background-image:url(../images/ui/card-2.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item:nth-child(3) .card-front{background-image:url(../images/ui/card-3.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item:nth-child(4) .card-front{background-image:url(../images/ui/card-4.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item:nth-child(5) .card-front{background-image:url(../images/ui/card-5.png)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item.is-flipped .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .list-panel .card-item.disabled{cursor:not-allowed;pointer-events:none}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@-webkit-keyframes loading-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel .btn-refresh{display:block;width:.32rem;height:.3rem;background:url(../images/ui/icon-refresh.png) no-repeat center top;background-size:100% auto;margin:0 .1rem 0 0}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel .btn-refresh.active{-webkit-animation:loading-rotate 1s linear infinite;animation:loading-rotate 1s linear infinite}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel .times-panel{font-size:.32rem;color:#7b7b7b;margin:0 .2rem 0 0}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel .btn-tips{display:block;display:block;width:.37rem;height:.37rem;background:url(../images/ui/btn-tip.png) no-repeat center top;background-size:100% auto;position:relative}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel .btn-tips .tips-text{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:.36rem;padding:0 .26rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;top:-.4rem;background:#bbb;border-radius:.18rem;font-size:.24rem;color:#000;display:none}.page-container .article-board .content-panel .right-board-panel .lottery-panel .card-panel .card-btm-panel .btn-tips.on .tips-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-container .article-board .content-panel .right-board-panel .lottery-panel .btn-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-container .article-board .content-panel .right-board-panel .lottery-panel .btn-panel a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:1.2rem;background-repeat:no-repeat;background-size:100% auto;margin:0 .25rem;font-size:.57rem}.page-container .article-board .content-panel .right-board-panel .lottery-panel .btn-panel a.btn-lottery{width:3.62rem;background-image:url(../images/ui/btn-lottery.png);color:#1d1d1d}@media (hover:hover){.page-container .article-board .content-panel .right-board-panel .lottery-panel .btn-panel a.btn-lottery:hover{background-image:url(../images/ui/btn-lottery-hover.png);color:#fff}}.page-container .article-board .content-panel .right-board-panel .lottery-panel .btn-panel a.btn-share{width:4.72rem;background-image:url(../images/ui/btn-share-large.png);color:#fff}@media (hover:hover){.page-container .article-board .content-panel .right-board-panel .lottery-panel .btn-panel a.btn-share:hover{background-image:url(../images/ui/btn-share-large-hover.png);color:#1d1d1d}}.page-container .article-board .content-panel .right-board-panel .bind-layer-panel{width:100%;height:100%;background:url(../images/ui/layer.png) no-repeat center top;background-size:100% 100%;position:absolute;top:0;left:-.01rem;z-index:10;padding:2.8rem .8rem 0;box-sizing:border-box}.page-container .article-board .content-panel .right-board-panel .bind-layer-panel .text-panel{font-size:.77rem;color:#fff;text-align:center;line-height:1.5;margin:0 0 .68rem}.page-container .article-board .content-panel .right-board-panel .bind-layer-panel .text-panel span{color:#bcfcbc}.page-container .article-board .content-panel .right-board-panel .bind-layer-panel .btn-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-container .article-board .content-panel .right-board-panel .bind-layer-panel .btn-box a{width:4.16rem;height:1.22rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:url(../images/ui/btn-refesh-down.png) no-repeat center top;background-size:100% auto;font-size:.49rem;color:#1f1f1f;margin:0 .34rem}@media (hover:hover){.page-container .article-board .content-panel .right-board-panel .bind-layer-panel .btn-box a:hover{background-image:url(../images/ui/btn-refesh-down-hover.png);color:#fff}}.page-container .article-board .bottom-bg-panel{width:100%;height:3.7rem;background:url(../images/ui/xingfeng.png) no-repeat center top;background-size:100% auto;position:absolute;bottom:0;left:0;z-index:3;-webkit-transform:translateZ(0);transform:translateZ(0)}.page-container .article-board .reflow-layer{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.8);z-index:3}.page-container .article-board .reflow-layer .reflow-content-panel{width:21.69rem;height:11.28rem;background:url(../images/ui/reflow-content-bg.png) no-repeat center top;background-size:100% auto;position:absolute;top:1.65rem;left:2.19rem;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel{width:6.9rem;height:11.28rem;box-sizing:border-box}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .slogan-panel{width:4.67rem;height:2.67rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;margin:.9rem auto 0}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .sub-slogan-panel{width:5.7rem;height:.9rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;margin:0 auto .18rem}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .reflow-prize{width:5.41rem;height:.96rem;background:url(../images/ui/reflow-prize.png) no-repeat center top;background-size:100% auto;margin:0 auto .3rem}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .input-panel{display:block;width:4.17rem;height:1.21rem;background:url(../images/ui/reflow-sign-code-bg.png) no-repeat center top;background-size:100% auto;padding:.28rem .2rem .28rem .18rem;box-sizing:border-box;margin:0 auto .14rem}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .input-panel input{display:block;width:100%;height:100%;border:none;outline:0;background:#eaeaea;border-radius:.1rem;padding:0 .26rem;line-height:.64rem;box-sizing:border-box;font-size:.32rem;color:#696969}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .input-panel .code{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.4rem;color:#232323;display:none}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .btn-nosign,.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .btn-sign{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:4.16rem;height:1.21rem;background-repeat:no-repeat;background-position:center top;background-size:100% auto;font-size:.49rem;color:#fff;margin:0 auto .06rem}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .btn-sign{background-image:url(../images/ui/reflow-btn-sign.png)}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-left-board-panel .btn-nosign{background-image:url(../images/ui/reflow-btn-nosign.png);color:#000}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;position:relative}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel{margin:1.45rem 0 0 2.62rem;width:9.94rem;padding:.98rem 0 0;box-sizing:border-box;position:relative}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel::before{content:'';display:block;width:9.92rem;height:1.44rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;position:absolute;left:.01rem;top:0}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .swiper-panel{width:9.86rem;height:5.57rem;background:#040301;border:.04rem solid #9beb92;border-radius:.1rem;overflow:hidden;position:relative;z-index:1;margin:0 0 .2rem}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .swiper-panel .swiper-slide{width:100%;height:100%}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .swiper-panel .swiper-slide img{width:100%;height:100%}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .swiper-panel .swiper-pagination{width:100%;height:.09rem;bottom:.45rem;top:auto;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .swiper-panel .swiper-pagination .swiper-pagination-bullet{width:1.32rem;height:.09rem;background:#313131;border:1px solid #9a9a9a;opacity:1;border-radius:0;margin:0 .04rem}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .swiper-panel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#95fa95;border-color:#a7b5a7}.page-container .article-board .reflow-layer .reflow-content-panel .reflow-right-board-panel .reflow-banner-panel .btn-download{display:block;width:6.04rem;height:1.15rem;background-repeat:no-repeat;background-size:100% auto;background-position:center top;margin:0 auto}.page-container.animate .back-bg-panel{-webkit-animation:cardRise1 .8s cubic-bezier(.2,.8,.2,1) .3s forwards;animation:cardRise1 .8s cubic-bezier(.2,.8,.2,1) .3s forwards}.page-container.animate .content-panel{-webkit-animation:letterFlyIn .8s cubic-bezier(.34,1.56,.64,1) .45s forwards;animation:letterFlyIn .8s cubic-bezier(.34,1.56,.64,1) .45s forwards}.page-container.animateDone .back-bg-panel{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.page-container.animateDone .content-panel{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}