.appointment-List{height:100%;background:#f5f6fa;display:flex;flex-direction:column}.appointment-List .list-tabs{height:2rem}.appointment-List .list-tabs .van-tabs__wrap{height:100%}.appointment-List .list-tabs .van-tabs__wrap .van-tab--active .van-tab__text{color:#3e8efa}.appointment-List .list-tabs .van-tabs__wrap .van-tabs__line{width:1rem;height:.2rem;background:#3e8efa;border-radius:.1rem}.appointment-List .list-box{flex:1;overflow:auto;margin-bottom:.6rem}.appointment-List .list-box .item-box{margin:.6rem .6rem 0 .6rem;border-radius:.32rem;display:flex}.appointment-List .list-box .item-box .box-left{flex:1;background:#fff;border-radius:.32rem;padding:1rem 1.3rem 1rem .6rem}.appointment-List .list-box .item-box .box-left .title-name{font-size:.64rem;font-weight:500;color:#303133;line-height:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.appointment-List .list-box .item-box .box-left .time{margin-top:.2rem;font-size:.56rem;font-weight:400;color:#909399;line-height:.8rem}.appointment-List .list-box .item-box .right-status{width:1.6rem;position:relative;display:flex;justify-content:center;align-items:center}.appointment-List .list-box .item-box .right-status:after{width:.8rem;height:.8rem;position:absolute;top:50%;content:" ";border-radius:50%;transform:translateY(-50%);left:-.4rem}.appointment-List .list-box .item-box .right-status .txt{font-size:.48rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:.66rem;width:.6rem;opacity:.4rem}.appointment-List .list-box .item1,.appointment-List .list-box .item1 .right-status:after{background:#dceafb}.appointment-List .list-box .item2,.appointment-List .list-box .item2 .right-status:after{background:#f7dbdf}.appointment-List .list-box .item4,.appointment-List .list-box .item4 .right-status:after{background:#c0c0c3}.appointment-List .list-box .item3,.appointment-List .list-box .item3 .right-status:after{background:#efd4ae}.appointment-List .nodata{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.appointment-List .nodata img{width:8rem;height:auto}