.list-container{width:100%;min-height:100vh}.task-tab{width:100%;height:.5rem;display:flex;justify-content:center;align-items:center;z-index:1000}.task-tab-lib{width:50%;color:rgba(51,51,51,.7);font-weight:700;font-size:.16rem;text-align:center}.task-tab-lib.active span{color:#333;font-size:.16rem;position:relative}.task-tab-lib.active span:after{content:"";display:block;position:absolute;left:50%;top:.26rem;margin-left:-.15rem;width:.3rem;height:.04rem;background:#333;border-radius:.02rem}.task-tab-lib span{color:rgba(51,51,51,.7);font-size:.16rem}.task-notice{width:1.56rem;height:.24rem;background:rgba(0,0,0,.26);border-radius:.12rem;display:flex;justify-content:center;align-items:center;margin:.12rem auto 0 auto}.task-notice span{font-size:.13rem;color:#fff}.task-select-box{margin-top:.15rem;display:flex;justify-content:flex-end;align-items:center;padding:0 .12rem;position:relative}.task-select-box .task-select-val{width:.76rem;height:.26rem;background:rgba(0,0,0,.25);border-radius:.15rem;display:flex;justify-content:center;align-items:center;flex-direction:row}.task-select-box .task-select-val span{font-size:.13rem;color:#fff}.task-select-box .task-select-val .icon-arrow{width:.14rem;height:.14rem;background:url(https://storage.360buyimg.com/apis/red/4.0/arrow-up.png) no-repeat 50%/100%;display:block;margin-left:.03rem}.task-select-box .task-select-val .icon-arrow.is-up{transform:rotate(180deg);transition:all .3s}.task-select-box .task-select-val .icon-arrow.is-down{transform:rotate(1turn);transition:all .3s}.task-select-box .task-select-list{width:.76rem;height:auto;position:absolute;right:.12rem;top:.26rem;z-index:100}.task-select-box .task-select-list-lib{width:100%;height:.26rem;background:rgba(0,0,0,.6);border-radius:.15rem;display:flex;justify-content:center;align-items:center;font-size:.13rem;color:#fff;line-height:.4rem;position:relative;margin-top:.14rem}.task-select-box .task-select-list-lib.active:after{content:"";display:block;width:.2rem;height:.26rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA+Q7HW16QRzwWCAT27NrVzsG6sqqhg4J5b2ZZVU0qHLdFBXoAAABlSURBVCjP1YtHDoAwDASdQOi9d/b/rwQRJOfgO2JO9oyWvuGMZB8XKhR9iUya6AriQHtQO79Gv0dSQ23sB3ja+gYwxKzKlrQFFnLxn5J2wMySSw9MrLjkwMjCLQhIwtxe5qAfcAE+LwUa3D9SCgAAAABJRU5ErkJggg==) no-repeat;background-size:.12rem;background-position:100%;position:absolute;right:.08rem;top:0}.task-list{width:3.43rem;height:auto;min-height:70vh;margin:.15rem .16rem}.task-list .task-lib{width:100%;height:auto}.task-list .task-lib-header{height:.71rem;background:url(https://storage.360buyimg.com/apis/red/4.0/task-center-lib-header.png) no-repeat 0 0/100%;padding-left:.14rem;padding-top:.18rem;width:100%;line-height:.24rem;font-size:.17rem;font-weight:700;color:#ffce9f}.task-list .task-lib-cont{width:100%;min-height:2.1rem;border-radius:0 .16rem .16rem .16rem;position:relative;margin-top:-.2rem}.task-list .task-lib-card{width:100%;background-color:#fff;background-image:url(https://storage.360buyimg.com/apis/red/4.0/task-center-card-top.png),url(https://storage.360buyimg.com/apis/red/4.0/my-task-card-bg-bottom.png);background-repeat:no-repeat;background-position:0 0,100% 100%;background-size:100% auto,1.49rem .95rem;border-radius:.16rem;padding:.27rem;box-sizing:border-box;position:relative}.task-list .task-lib-card:nth-of-type(n+2){border-radius:0 0 .16rem .16rem;background-color:#fff;background-image:url(https://storage.360buyimg.com/apis/red/4.0/my-task-card-bg-bottom.png);background-repeat:no-repeat;background-position:100% 100%;background-size:1.49rem .95rem}.task-list .task-lib-card:nth-of-type(n+2):after{content:"";display:block;width:3.43rem;height:.3rem;background:url(https://storage.360buyimg.com/apis/red/4.0/bg-line.png) no-repeat 50%/100%;position:absolute;left:0;top:-.15rem;z-index:1}.task-list .task-lib-card .task_nostart{background:url(https://storage.360buyimg.com/apis/red-modi2.0/img/label-task_nostart.png) no-repeat 0 0/97% auto}.task-list .task-lib-card .task_going,.task-list .task-lib-card .task_nostart{width:.5rem;height:.33rem;position:absolute;left:-.07rem;top:.15rem;z-index:10}.task-list .task-lib-card .task_going{background:url(https://storage.360buyimg.com/apis/red-modi2.0/img/label-task_going.png) no-repeat 0 0/97% auto}.task-list .task-lib-card .task_end{width:.5rem;height:.33rem;position:absolute;left:-.07rem;top:.15rem;z-index:10;background:url(https://storage.360buyimg.com/apis/red-modi2.0/img/label-task_end.png) no-repeat 0 0/97% auto}.task-list .task-lib-card-t1{font-size:.24rem;color:#333;font-weight:700;text-align:center}.task-list .task-lib-card-t2{color:#666;font-size:.14rem;margin-top:.1rem;width:100%;line-height:.2rem;text-align:center}.task-list .task-lib-card-btn{width:2.6rem;margin:.2rem auto 0 auto}.my-task{margin-top:.15rem;padding-bottom:.2rem}.my-task-lib{width:3.43rem;margin:0 .16rem;background:#fff url(https://storage.360buyimg.com/apis/red/4.0/my-task-card-bg-top.png) no-repeat 0 0/100% auto;background-size:100% auto,1.49rem .95rem;border:1px solid #fff;border-radius:.16rem;position:relative;padding:.15rem .17rem .26rem .17rem;box-sizing:border-box;margin-top:.3rem}.my-task-lib.finish-success:after{background:url(https://storage.360buyimg.com/apis/red/4.0/finish-success.png) no-repeat 50%/100%}.my-task-lib.finish-fail:after,.my-task-lib.finish-success:after{content:"";display:block;width:1.25rem;height:.6rem;position:absolute;right:-.16rem;top:-.27rem}.my-task-lib.finish-fail:after{background:url(https://storage.360buyimg.com/apis/red/4.0/finish-fail.png) no-repeat 50%/100%}.my-task-lib ._status_txt{font-size:.12rem;color:#fff;position:absolute;left:.14rem;top:.091rem}.my-task-lib .task_nostart{background:url(https://storage.360buyimg.com/apis/red-modi2.0/img/label-task_nostart.png) no-repeat 0 0/auto 97%!important}.my-task-lib .task_going,.my-task-lib .task_nostart{width:.5rem;height:.33rem;position:absolute;left:-.07rem;top:.15rem}.my-task-lib .task_going{background:url(https://storage.360buyimg.com/apis/red-modi2.0/img/label-task_going.png) no-repeat 0 0/auto 97%!important}.my-task-lib .task_end{width:.5rem;height:.33rem;position:absolute;left:-.07rem;top:.15rem;background:url(https://storage.360buyimg.com/apis/red-modi2.0/img/label-task_end.png) no-repeat 0 0/auto 97%!important}.my-task-lib-t1{font-size:.21rem;line-height:.3rem;color:#333;font-weight:700;text-align:center;padding:0 .28rem}.my-task-lib-t2{color:#666;font-size:.13rem;margin-top:.07rem;width:100%;line-height:.2rem;text-align:center;padding:0 .1rem}.my-task-lib-time{width:100%;height:.2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:.1rem;margin-bottom:.05rem}.my-task-lib-time ._p{color:#333;font-size:.14rem}.my-task-lib-time ._lib{width:.23rem;height:.21rem;background:#000;border-radius:.06rem;line-height:.21rem;color:#fff;font-size:.14rem;text-align:center;margin:0 .03rem;font-weight:700}.my-task-lib-btn{width:2.6rem;margin:.2rem auto 0 auto}.my-task-lib-progress{width:100%;height:.5rem;background:linear-gradient(180deg,rgba(255,81,119,.06),rgba(255,242,244,.12));border:.01rem solid rgba(255,43,43,.09);border-radius:.08rem;margin-top:.1rem;padding:.08rem .14rem}.my-task-lib-progress .progress-computed{width:100%;display:flex;flex-direction:row;justify-content:space-between}.my-task-lib-progress .progress-computed:first-child{margin-bottom:.02rem}.my-task-lib-progress .progress-computed span{font-size:.13rem;color:#333;font-weight:700}.my-task-lib-progress .progress-computed span.active{color:#eb1111}.my-task-lib-progress .progress-loading{width:100%;height:.06rem;background:rgba(255,18,95,.06);border-radius:.09rem;margin-top:.06rem}.my-task-lib-progress .progress-loading ._rate{width:60%;height:100%;background:linear-gradient(270deg,#ff10a6,#ff5561);border-radius:.09rem;position:relative}.my-task-lib-progress .progress-loading ._rate:after{content:"";width:100%;height:100%;background:url(https://storage.360buyimg.com/apis/red/4.0/progress-bg-line.png) repeat-x 0/.1rem .06rem;position:absolute;left:0;right:0;top:0;bottom:0}.empty-box{min-height:90vh}.empty-box .footer-show{position:absolute;bottom:0;left:0}