.mission{height:100%;min-height:100vh}.mission .mission-tabs{height:1.17333rem;background-color:#fff;padding:0 .96rem;line-height:1.17333rem;white-space:nowrap}.mission .mission-tabs span{display:inline-block;margin-right:.53333rem;font-size:.4rem}.mission .mission-tabs span.info{color:#999}.mission .mission-tabs span.warning{color:#fc0}.mission .mission-tabs span.primary{color:#007aff}.mission .mission-tabs span.active{color:#0ccb82}.mission .mission-main{height:calc(100% - 2.42667rem);overflow:hidden;background-color:#f8f8f8}.mission .mission-main .van-pull-refresh{padding:.53333rem;height:100%}.mission .content{background-color:#fff;padding:.13333rem .42667rem;border-bottom:.02667rem solid hsla(0,0%,73.3%,.2);margin-bottom:.16rem;font-size:.37333rem;border-radius:.21333rem}.mission .content p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;line-height:.66667rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mission .content p span{font-size:.32rem;color:#999}.mission .content p .dot-span{width:18%;text-align:right}.mission .content p .mission-title{font-size:.37333rem;color:#101010}.mission .content p .mission-title .red{font-size:.42667rem;color:red}.mission .content p .van-image{vertical-align:middle;margin-right:.13333rem}.mission .content p .dot{display:inline-block;width:.18667rem;height:.18667rem;border-radius:50%;margin-right:.13333rem}.mission .content p .dot.info{background-color:#999}.mission .content .mission-bottom{border-top:.02667rem solid hsla(0,0%,73.3%,.2);padding-top:.26667rem}.mission .content .mission-bottom span{font-size:.32rem}.mission .content>.details{display:-webkit-box;margin:.13333rem 0 .26667rem 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tab{position:fixed;bottom:0;left:0;right:0;height:2.13333rem}.tab,.tab>div{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}.tab>div{height:1.06667rem;width:50%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:.13333rem;border-radius:.26667rem;color:#000;background:#fff;border:.02667rem solid #bbb}