.signed-rewards[data-v-25ec10e6]{display:flex;align-items:center;justify-content:center;padding:.625rem;font-weight:600}.signed-rewards img[data-v-25ec10e6]{width:2.5rem;margin:0 .3125rem}.btn-ok[data-v-25ec10e6]{display:block;margin:.625rem auto 0;width:14.625rem;height:2.5rem;background:linear-gradient(136deg,#7666ff,#fa65bf);border-radius:1.25rem;color:#fff;font-size:1rem}.task-page{padding:3.125rem 0 1.25rem 0;min-height:100vh;background:#f6f6f6}.task-page .header-bar .title{padding-left:4.375rem}.task-page .header-right{display:flex;align-items:center;font-size:1rem}.task-page .header-right .icon{width:1.25rem;height:1.25rem}.task-page .task-container{padding:.625rem;background:#fff;border-radius:.9375rem}.task-page .bar-box .title{position:absolute;left:50%;margin-top:.1875rem;transform:translateX(-50%)}.task-page .container{padding:.9375rem 0;margin-bottom:0}.task-page .container .bold-title{display:flex;justify-content:space-between;font-size:1.125rem}.task-page .container .time{color:#a5a5a5}.task-page .container .time img{margin-right:.1875rem;width:.9375rem;height:.9375rem;vertical-align:middle}.task-page .container .time font{vertical-align:middle}.task-page .rewards-list{margin:.625rem 0 1.25rem;display:flex;flex-wrap:wrap}.task-page .rewards-list li{width:25%}.task-page .rewards-list li:last-child{width:50%}.task-page .rewards-list li:last-child .corner{width:auto;height:auto;padding:.0625rem .9375rem;background:#ff7f26;border-radius:.3125rem 0 .75rem 0;border:none;color:#fff}.task-page .rewards-list li:last-child .corner font{position:static;font-size:.75rem}.task-page .rewards-list .rewards-item{margin:.3125rem;height:5.75rem;background:#c9aaff;border-radius:.3125rem;position:relative;display:flex;flex-direction:column;font-size:1rem}.task-page .rewards-list .rewards-item .corner{position:absolute;left:0;top:0;width:0;height:0;border-top:.75rem solid #ffbc9b;border-left:.75rem solid #ffbc9b;border-right:.75rem solid transparent;border-bottom:.75rem solid transparent;border-top-left-radius:.3125rem;font-size:.75rem}.task-page .rewards-list .rewards-item .corner font{position:absolute;top:-.8125rem;left:-.5rem;color:#fff;font-weight:600}.task-page .rewards-list .rewards-item .rewards-7{width:4.5625rem;height:3.625rem;max-width:100%}.task-page .rewards-list .signed{background:#cbcbcb;position:relative}.task-page .rewards-list .signed .content span{color:#b3b3b3}.task-page .rewards-list .signed .content img{opacity:.5}.task-page .rewards-list .icon-signed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.25rem;height:1.25rem;border:.0625rem solid #fff;background:#17d0e5;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 .0625rem .1875rem .1875rem rgba(0,0,0,.12)}.task-page .rewards-list .icon-signed img{width:.75rem!important}.task-page .rewards-list .inner{flex:1;margin:.25rem;display:flex;flex-direction:column;justify-content:center}.task-page .rewards-list .current{background:linear-gradient(180deg,#ffbd3b,#fc78ff,#fff321)}.task-page .rewards-list .current .corner{border-top-color:#ff7f26;border-left-color:#ff7f26}.task-page .rewards-list .current .inner{background:linear-gradient(180deg,#8ea0ff 1%,#a852ff)}.task-page .rewards-list .content{display:flex;align-items:center;justify-content:center;font-size:.875rem}.task-page .rewards-list .content p{margin:0 .3125rem}.task-page .rewards-list .content img{display:inline-block;vertical-align:middle;width:1.5625rem}.task-page .rewards-list .content span{margin-left:.125rem;font-weight:700;color:#fff;vertical-align:middle}.task-page .btn-sign{display:block;width:100%;height:2.625rem;background:linear-gradient(136deg,#8d45b5,#d96a8b 54%,#ff7f26);font-size:1rem;color:#fff;border-radius:1.625rem;border:none}.task-page .btn-sign.signed{opacity:.5}.task-page .vip-bonus{margin:1.25rem 0;display:flex;align-items:center;padding:.9375rem .625rem .9375rem .9375rem;background:#fff;box-shadow:0 .25rem .625rem 0 rgba(0,0,0,.1);border-radius:.75rem}.task-page .vip-bonus .title{font-size:1rem;color:#fb7845;font-weight:700}.task-page .vip-bonus .amount{color:#848484;font-weight:600}.task-page .vip-bonus .amount span{display:flex;align-items:center}.task-page .bonus-btn{margin-left:auto;width:5rem;height:2.5rem;background:var(--mainColor);border-radius:1.5625rem;font-size:.875rem;color:#fff;border:none}.task-page .bonus-btn.finished{background:#d1b5e1}.task-page .bonus-btn.claim{background:#ff7f27}.task-page .bonus-icon{width:1.25rem;display:inline-block;vertical-align:middle}.task-page .task-item{padding:.625rem 0;display:flex;justify-content:space-between;border-bottom:.0625rem solid #eee}.task-page .task-item .task-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}.task-page .task-item .task-name img{display:inline-block;width:1.25rem;height:1.25rem;vertical-align:middle}.task-page .task-item .task-btn{width:5.0625rem;height:1.9375rem;border-radius:1rem;border:.125rem solid var(--mainColor);font-size:.875rem;color:var(--mainColor);background:none}.task-page .task-item .claim-btn,.task-page .task-item .finish-btn,.task-page .task-item .vip-btn{background:#ff7f27;color:#fff;border:none}.task-page .task-item .claim-btn{background:var(--mainColor)}.task-page .task-item .finish-btn{background:#d1b5e1}.task-page .task-item .finish-btn img{width:1.125rem}.task-page .task-item .amount{color:#848484;font-size:.875rem;font-weight:700;vertical-align:middle}.task-page .task-item .item-left{overflow:hidden}.task-page .task-item .item-right{width:5.625rem;flex-shrink:0}.task-page .task-item .item-right .bottom{color:#b1b1b1;font-size:.75rem;text-align:center}.task-page .task-list li:last-child .task-item{border:none}.task-page .task-title{display:flex;justify-content:space-between;align-items:center}