#rules-dialog .rule-content{width:80%;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;height:65%}#rules-dialog .rule-content .content{background:#fff;border-radius:.5rem;height:100%;overflow-y:auto}#rules-dialog .rule-content .content h3,#rules-dialog .rule-content .content p{color:#000}#rules-dialog .rule-content .content h3{margin-top:1rem;margin-bottom:1rem}#rules-dialog .rule-content .content p{text-align:left;padding-left:1rem;padding-right:1rem;font-size:.95rem;margin-top:.2rem;margin-bottom:.2rem;padding-bottom:1rem}#rules-dialog .rule-content .close{border:0;background:url(/images/close.png) no-repeat 50%;background-size:cover;width:2rem;height:2rem;left:0;right:0;margin-top:1rem}*{margin:0;padding:0;color:#fff;font-family:PingFang SC}body{background-color:#021b3a}.mask{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:1234}ul{list-style:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#nav{padding:.5rem;background-color:#021b3a;height:2.08rem;position:fixed;top:0;left:0;right:0;z-index:999}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}#nav .header div{display:block;float:left;width:33.3333%;height:2.08rem}#nav .header div .back{background:url(/images/back.png) no-repeat 0;background-size:50%;height:2.08rem}#nav .header .title{font-size:1.1rem;font-weight:700;line-height:2.08rem;text-align:center;opacity:1}#nav .header .rule{font-size:1rem;font-weight:500;line-height:2.08rem;color:#9b9ec6;opacity:1;text-align:right}.container{width:94%;padding-right:3%;padding-left:3%;background-color:#021b3a;display:flex;display:-webkit-flex;margin:3.08rem auto 0}a,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none}#home{width:100%;margin-bottom:1rem}#home .points-details{display:flex;flex-direction:row;height:7.5rem;width:100%;background-color:#26375a;border-radius:1rem;margin-top:10px;position:relative}#home .points-details .split{width:.1rem;height:64%;background:#fff;position:absolute;right:0;left:0;margin:0 auto;top:20%}#home .points-details .item{width:48%;height:100%;flex:1}#home .points-details .item a{width:100%;height:100%;justify-content:space-around;flex-direction:column;display:flex;text-align:center}#home .points-details .item a .title{padding-top:.7rem;font-size:1.1rem;font-weight:500;line-height:1.83rem;color:#fff;text-align:center;width:70%;margin:0 auto}#home .points-details .item a .record{color:#fed224;font-size:1.8rem;font-weight:700}#home .points-details .item a .details{font-size:.8rem;color:#9b9ec6;padding-bottom:.7rem;line-height:1rem;display:flex;justify-content:center}#home .points-details .item a .details span{width:1rem;height:100%;background:url(/images/learn-more.png) no-repeat 50%;background-size:60%}#home .missions{display:flex;margin-top:1rem;background:#26375a;opacity:1;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center}#home .missions .reward-ico{margin-left:.15rem;margin-right:.15rem;width:1rem;height:1rem;background:url(/images/reward-coin.png) no-repeat 50%;background-size:cover;background-position-y:.1rem}#home .missions .tips,#home .missions .tomorrow{flex:1;margin-top:.3rem;display:inline-flex;align-items:flex-start;font-size:.9rem;padding-left:.9rem;width:95%;text-align:left}#home .missions .tomorrow{margin-top:.3rem;display:inline-block}#home .missions .tomorrow .reward-ico{display:inline-block;width:1rem;transform:translateY(10%)}#home .missions .items{flex:5;margin-top:.8rem;display:flex;flex-direction:row;justify-content:center;width:96%}#home .missions .items .item{flex:1;display:flex;align-items:center;flex-direction:column}#home .missions .items .item .reward{width:70%;padding-top:7%;padding-bottom:7%;flex:5;display:flex;flex-direction:column;background:#384e7c;border-radius:.5rem;justify-content:space-around;align-content:center}#home .missions .items .item .reward .default{display:block}#home .missions .items .item .reward .signed{display:none}#home .missions .items .item .reward .reward-ico{flex:7;width:100%;background:unset;margin-left:unset;margin-right:unset;display:flex;justify-content:center;align-items:center}#home .missions .items .item .reward .reward-ico img{width:60%}#home .missions .items .item .reward .total{flex:2;margin-top:.1rem;font-size:.73rem}#home .missions .items .item .active{background:#00bb8c}#home .missions .items .item .active .default{display:none}#home .missions .items .item .active .signed{display:block}#home .missions .items .item .days{flex:1;font-size:.65rem;margin-top:.2rem}#home .missions .items .item div{flex:1}#home .missions button{width:90%;background:#384e7c;border:0;font-size:1.1rem;flex:3;color:#9b9ec6;border-radius:.2rem;margin:1rem auto .8rem;padding-top:.5rem;padding-bottom:.5rem}#home .missions .active{background:#00bb8c;color:#fff}#home .task{margin-top:1.5rem}#home .task .header{width:100%;height:1.3rem}#home .task .header .title{float:left;height:1.17rem;font-size:1.1rem;line-height:1.17rem;display:flex}#home .task .header .title .split{width:.25rem;height:.9rem;background:#00bb8c;border-radius:.1rem;float:left;margin:auto .5rem auto auto}#home .task ul{width:100%}#home .task ul li{margin-top:1rem;background:#26375a;height:4.5rem;border-radius:.5rem;flex-direction:row}#home .task ul li,#home .task ul li .icon{display:flex;justify-content:center;align-items:center}#home .task ul li .icon{flex:2;height:100%}#home .task ul li .icon img{height:60%}#home .task ul li .description{flex:6;text-align:left}#home .task ul li .description .title{font-size:1rem}#home .task ul li .description .title span{display:inline-block;background:#f25536;font-size:.7rem;border-radius:1rem;padding-left:.3rem;padding-right:.3rem;margin-left:.5rem}#home .task ul li .description .content,#home .task ul li .state{color:#9b9ec6;font-size:.9rem}#home .task ul li .state{flex:2;border:.1rem solid #9b9ec6;border-radius:1rem;margin-right:.5rem;line-height:1.4rem}#home .task ul li .active{border:.1rem solid #00bb8c;color:#00bb8c}#home .mall{margin-top:1.5rem}#home .mall .header{width:100%;height:1.3rem}#home .mall .header .title{float:left;height:1.17rem;font-size:1.1rem;line-height:1.17rem;display:flex}#home .mall .header .title .split{width:.25rem;height:.9rem;background:#fed224;border-radius:.1rem;float:left;margin:auto .5rem auto auto}#home .mall .header .goto-order{float:right;font-size:.9rem;line-height:1.3rem;color:#9b9ec6}#home .mall .header .goto-order a{width:100%;height:100%}#home .mall .categories .category .title{width:100%;font-size:.85rem;margin-top:1rem;text-align:left;padding-left:.5rem}#home .mall .categories .category ul{margin-top:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}#home .mall .categories .category ul li{margin:1.5%;height:11rem;border-radius:.4rem;background:#26375a;width:47%;display:flex;flex-direction:column;justify-content:center;text-decoration:none}#home .mall .categories .category ul li .description{position:relative;flex:7;display:flex;flex-direction:column;justify-content:center;border-bottom:.1rem solid #051429}#home .mall .categories .category ul li .description .sell-out{position:absolute;top:0;bottom:0;background:rgba(0,0,0,.5);text-align:center;height:100%;width:100%;border-top-left-radius:.4rem;border-top-right-radius:.4rem;margin:0 auto}#home .mall .categories .category ul li .description .sell-out p{vertical-align:center;height:100%;font-weight:400;font-size:1.2rem;transform:translateY(45%)}#home .mall .categories .category ul li .description .icon{flex:5;display:flex;justify-content:center;align-items:center}#home .mall .categories .category ul li .description .icon img{height:4.3rem}#home .mall .categories .category ul li .description .sell-info{flex:1;display:flex;flex-direction:row;align-items:center;width:95%;margin:0 auto .3rem}#home .mall .categories .category ul li .description .sell-info .inventory{flex:1}#home .mall .categories .category ul li .description .sell-info .inventory span{font-size:.7rem;padding-right:.2rem;padding-left:.2rem;background:red;line-height:.5rem;text-align:center;border-radius:1rem}#home .mall .categories .category ul li .description .sell-info .purchases{flex:2;font-size:.7rem;color:#9b9ec6;text-align:right}#home .mall .categories .category ul li .need-points,#home .mall .categories .category ul li .sale-title{flex:1;text-align:left;padding-left:.5rem;margin-top:.2rem;margin-bottom:.2rem}#home .mall .categories .category ul li .sale-title{font-size:.9rem}#home .mall .categories .category ul li .need-points{font-size:.8rem;color:#9a9dc5}#home .mall .categories .category ul li .need-points .coin{height:80%;padding-left:1rem;background:url(/images/reward-coin.png) no-repeat 0;background-size:cover;flex:1}#home .mall .categories .category ul li .need-points .amount{flex:8}#home .sale-out{position:fixed;background:#26375a;top:0;bottom:0;left:0;right:0;width:12rem;height:5rem;margin:auto;z-index:1;border-radius:1rem;line-height:1.3rem}#home .sale-out p{display:flex;justify-content:center;align-items:center;height:100%}#home .dialog-sign{position:fixed;top:0;bottom:0;left:0;right:0;width:18rem;height:23rem;margin:auto}#home .dialog-sign .sign-success{background:#fff;width:18rem;height:20rem;z-index:1;border-radius:1rem;color:#333;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center}#home .dialog-sign .sign-success .title{flex:1;color:#333;font-size:1.3rem;font-weight:400;margin-top:1rem}#home .dialog-sign .sign-success .content{flex:3}#home .dialog-sign .sign-success .content img{width:70%;justify-content:center}#home .dialog-sign .sign-success .confirm,#home .dialog-sign .sign-success .reward,#home .dialog-sign .sign-success .tips{color:#333;flex:1;height:100%}#home .dialog-sign .sign-success .reward{font-size:1.2rem;font-weight:700;color:#ffa811}#home .dialog-sign .sign-success .tips{font-size:.9rem;font-weight:400}#home .dialog-sign .sign-success .tips span{color:#ffa811}#home .dialog-sign .sign-success .confirm{width:100%}#home .dialog-sign .sign-success .confirm button{margin-top:1rem;margin-bottom:1rem;border:0;height:2.5rem;width:80%;background:red;border-radius:1rem;color:#fff;background:linear-gradient(90deg,#fb8401,#f3b931)}#home .dialog-sign .close{border:0;position:absolute;background:url(/images/close.png) no-repeat 50%;background-size:cover;width:2rem;height:2rem;left:0;right:0;bottom:0;margin:auto}#home .scan-qrcode{position:fixed;top:0;bottom:0;left:0;right:0;width:90%;height:26rem;margin:auto;display:flex;flex-direction:column;justify-content:center;align-content:center;justify-items:center;align-items:center}#home .scan-qrcode .copy-notify{flex:1;width:10rem;font-size:1rem;line-height:3rem;background:#26375a;border-radius:.5rem;margin-bottom:1rem;position:absolute;top:-4rem}#home .scan-qrcode .qrcode{flex:4;background:#26375a;border-radius:.5rem;width:80%;position:relative}#home .scan-qrcode .qrcode h3{margin:1rem 1rem 2rem}#home .scan-qrcode .qrcode h4{text-align:left;width:80%;margin:auto}#home .scan-qrcode .qrcode p{color:#fff;font-weight:700;margin:auto auto 1.5rem;text-align:left;width:80%;font-size:.9rem}#home .scan-qrcode .qrcode .img{width:100%}#home .scan-qrcode .qrcode .img img{width:80%}#home .scan-qrcode .qrcode button{background:#00bb8c;width:80%;border:0;height:3rem;border-radius:.5rem;font-size:1.1rem;font-weight:700;position:absolute;left:0;right:0;margin:auto;bottom:1rem}#home .scan-qrcode .close{flex:1;border:0;background:url(/images/close.png) no-repeat 50%;background-size:60%;width:3rem;height:3rem}#detail{display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:column;min-height:100%;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#021b3a}#detail,#detail .banner{position:relative;width:100%}#detail .banner{margin-top:1rem;flex:5;background-color:#26375a;border-radius:.5rem;min-height:5vh}#detail .banner img{width:95%;padding:.3rem}#detail .banner p{position:absolute;top:0;right:0;height:1rem;font-size:.95rem;background:#1b1612;color:#fed224;padding:.2rem .2rem .4rem;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem}#detail .sale-info{flex:1;display:flex;flex-direction:row;width:100%;margin-top:1.3rem;align-items:center;justify-content:flex-end;align-content:flex-end;justify-items:flex-end}#detail .sale-info .title{flex:auto;text-align:left;font-size:1.2rem;font-weight:700}#detail .sale-info .price{flex:auto;text-align:right}#detail .sale-info .price .total{flex:5}#detail .sale-info .price .total .coin-ico{width:1.3rem;height:1.3rem;display:inline-block;background:url(/images/reward-coin.png) no-repeat 50%;background-size:100%;transform:translateY(20%)}#detail .input{margin-top:2rem;width:100%;height:3rem}#detail .input input{border:2px solid #26375a;width:90%;height:70%;text-align:center;background:#021b3a;padding-left:1rem;border-radius:.5rem;font-size:.9rem}#detail .description{flex:8;margin-bottom:4rem;width:100%}#detail .description .note{width:100%;font-size:.95rem;font-weight:700;text-align:left}#detail .description .content{margin-top:1.5rem;text-align:left;line-height:1.4rem}#detail .description .content p{width:100%;color:#9b9ec6;font-size:.9rem;margin-bottom:1rem}#detail .action{flex:1;width:100%;background-color:#021b3a;position:fixed;bottom:0}#detail .action button{border:0;width:80%;height:2.5rem;margin-top:1.5rem;margin-bottom:1.5rem;color:#fff;border-radius:.5rem;background:#00bb8c;font-size:1.1rem}#detail .action .disabled{background:grey}#detail .exchange-confirm{position:fixed;background:#26375a;left:0;right:0;width:90%;margin:auto;z-index:1;border-radius:1rem;line-height:1.3rem;display:flex;flex-direction:column;justify-content:center;transform:translateY(90%)}#detail .exchange-confirm .title{flex:1;font-size:1.1rem;font-weight:700;padding-top:1rem;line-height:2rem}#detail .exchange-confirm .content{flex:3}#detail .exchange-confirm .content input{width:80%;border:0;background:#384e7c;border-radius:.5rem;margin-top:1rem;height:3rem;padding-left:1rem;padding-right:1rem;text-align:center;color:#fff}#detail .exchange-confirm .content input:focus,#detail .exchange-confirm .content input:focus-visible{border:0}#detail .exchange-confirm .content input:focus-within{border:0}#detail .exchange-confirm .content .required{border:1px solid red}#detail .exchange-confirm .content p{font-size:.9rem;text-align:left;word-break:break-all;color:#9b9ec6;padding-left:1.3rem;padding-right:1.3rem;margin-top:.5rem}#detail .exchange-confirm .exchange{flex:1;background:unset;margin-top:unset;margin-bottom:unset}#detail .exchange-confirm .exchange button{border:0;width:80%;height:2.5rem;margin-bottom:1rem;color:#fff;border-radius:.5rem;background:#00bb8c;font-size:1.1rem}#detail .dialog{position:fixed;background:#26375a;top:0;bottom:0;left:0;right:0;width:60%;height:10rem;margin:auto;z-index:1;border-radius:1rem;line-height:1.3rem;display:flex;justify-content:center;flex-direction:column}#detail .dialog .state{flex:6}#detail .dialog .state p{margin-top:.5rem;font-size:1.1rem;font-weight:400}#detail .dialog .success .friendly-icon{margin-top:.5rem;height:50%;background:url(/images/success.png) no-repeat 50%;background-size:20%}#detail .dialog .warning .friendly-icon{margin-top:.5rem;height:50%;background:url(/images/warning.png) no-repeat 50%;background-size:20%}#detail .dialog .failed .friendly-icon{margin-top:.5rem;height:50%;background:url(/images/failed.png) no-repeat 50%;background-size:20%}#detail .dialog .tips{flex:2;color:#9b9ec6;font-size:.9rem;font-weight:400}#detail .sale-out{position:fixed;background:#26375a;top:0;bottom:0;left:0;right:0;width:12rem;height:5rem;margin:auto;z-index:1;border-radius:1rem;line-height:1.3rem;display:flex;justify-content:center;flex-direction:column}#detail .sale-out p{display:flex;justify-content:center;align-items:center;height:100%}#points-log{width:100%;position:relative}#points-log .tabs{display:flex;flex-direction:row;justify-content:center;width:94%;background:#021b3a;position:fixed;top:3.08rem;z-index:1;left:0;right:0;padding-right:3%;padding-left:3%;padding-bottom:1rem}#points-log .tabs li{flex:1;width:50%;font-size:1rem;line-height:2.5rem;font-weight:400;position:relative;background:#152548}#points-log .tabs .active{position:absolute;width:60%;left:0;right:0;bottom:0;margin:auto;border-radius:.5rem;border-bottom:.2rem solid #00bb8c}#points-log .van-list{margin-top:3.5rem;margin-bottom:1.5rem}#points-log .item{background:#26375a;width:100%;height:4rem;margin-top:.5rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center}#points-log .item .info{flex-grow:1;text-align:left;padding-left:3%;line-height:1.6rem}#points-log .item .info .title{font-size:1rem;font-weight:700}#points-log .item .info .datetime{font-size:.9rem;color:#9b9ec6}#points-log .item .amount{flex:auto;text-align:right;padding-right:4%}#points-log .item .amount .coin-ico{width:1.3rem;height:1.3rem;display:inline-block;background:url(/images/reward-coin.png) no-repeat 50%;background-size:100%;transform:translateY(20%)}#points-log .item .amount .total{color:#fed224}#points-log .expenditure-list,#points-log .income-list{width:100%}#points-log .expenditure-list li,#points-log .income-list li{background:#26375a;width:100%;height:4rem;margin-top:.5rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center}#points-log .expenditure-list li .info,#points-log .income-list li .info{flex:6;text-align:left;padding-left:3%;line-height:1.6rem}#points-log .expenditure-list li .info .title,#points-log .income-list li .info .title{font-size:1rem;font-weight:700}#points-log .expenditure-list li .info .datetime,#points-log .income-list li .info .datetime{font-size:.9rem;color:#9b9ec6}#points-log .expenditure-list li .amount,#points-log .income-list li .amount{flex:3;text-align:right;padding-right:4%}#points-log .expenditure-list li .amount .coin-ico,#points-log .income-list li .amount .coin-ico{width:1.3rem;height:1.3rem;display:inline-block;background:url(/images/reward-coin.png) no-repeat 50%;background-size:100%;transform:translateY(20%)}#points-log .expenditure-list li .amount .total,#points-log .income-list li .amount .total{color:#fed224}#points-log .expenditure-list .item,#points-log .expenditure-list li{height:6rem}#points-log .expenditure-list .item .order-id,#points-log .expenditure-list li .order-id{font-size:.8rem}#points-log .expenditure-list .item .amount,#points-log .expenditure-list li .amount{line-height:2rem}#points-log .expenditure-list .item .amount .total,#points-log .expenditure-list li .amount .total{color:#fed224}#points-log .expenditure-list .item .amount .exchange-state,#points-log .expenditure-list li .amount .exchange-state{font-size:.9rem;color:#9a9dc5}#order-info{width:100%;display:flex;flex-direction:column}#order-info .copy{display:inline-block;background:url(/images/copy.png) no-repeat;width:1rem;height:1rem;background-size:100%;transform:translateY(15%)}#order-info .state{flex:4}#order-info .state .icon{width:100%;height:6rem}#order-info .state .delivering{background:url(/images/delivering.png) no-repeat 50%;background-size:20%}#order-info .state .delivered{background:url(/images/delivered.png) no-repeat 50%;background-size:20%}#order-info .state p{font-size:1.1rem;font-weight:700}#order-info .order-id{font-size:.95rem;margin-top:1.5rem;flex:1;text-align:left;padding-left:.6rem}#order-info .banner{flex:4;background:#26375a;border-radius:.5rem;margin-top:1rem}#order-info .banner img{width:96%;padding:2%}#order-info .card-info{flex:1;display:flex;flex-direction:row;margin-top:1rem;border:1px solid #9a9dc5;border-radius:.5rem;justify-content:center;align-items:center;align-content:center;justify-items:center}#order-info .card-info .name{flex:2;height:2.5rem;color:#9a9dc5;line-height:2.5rem}#order-info .card-info .input{flex:7;color:#9a9dc5;height:2.5rem;width:100%;position:relative}#order-info .card-info .input input{width:calc(100% - 2rem);white-space:nowrap;text-overflow:ellipsis;text-align:center;float:left;height:100%;border:0;border-radius:.5rem;background:#021b3a;color:#9a9dc5}#order-info .card-info .input .copy{position:absolute;right:.5rem;transform:translateY(80%)}#order-info .description{flex:8;margin-top:2rem;margin-bottom:4rem}#order-info .description .note{width:100%;font-size:.95rem;font-weight:700;text-align:left}#order-info .description .content{margin-top:1.5rem;text-align:left;line-height:1.4rem}#order-info .description .content p{width:100%;color:#9b9ec6;font-size:.9rem;margin-bottom:1rem}#form{width:100%;text-align:left}#form span{color:#fff}#form .notice{font-size:.9rem;margin-bottom:1.5rem}#form p{margin-bottom:1rem}#form h4{margin-top:1.3rem}#form .van-radio{margin-top:.5rem}#form .van-cell-group{background-color:#384e7c;border-radius:.5rem;border:0}#form .van-cell{background-color:#384e7c;border-radius:.5rem}#form .van-cell:after{border-bottom:0}#form .van-field{margin-top:.6rem}#form .van-field input{color:#fff}#form .van-rate{margin-top:1rem}#form .van-button{margin-top:5rem;background:linear-gradient(90deg,#fb8401,#f3b931);border:0;margin-bottom:1.5rem}#form .van-checkbox{margin-top:.6rem}#form .rate{width:100%;height:3rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;justify-items:center}#form .rate .van-rate{flex:1}#form .sale-out{position:fixed;background:#26375a;top:0;bottom:0;left:0;right:0;width:12rem;height:5rem;margin:auto;z-index:1;border-radius:1rem;flex-direction:column}#form .sale-out,#form .sale-out p{display:flex;justify-content:center}#form .sale-out p{margin:unset;align-items:center}iframe[data-v-f0a2c0e4]{border:0;width:100%;height:100%;left:0;right:0;position:fixed}iframe[data-v-f0a2c0e4]::-webkit-scrollbar{display:none}